@charset "UTF-8";
/*
Theme Name: original_theme
Author:original_theme
Description:original_theme
Version: 2.01
License: original_theme
Text Domain: original_theme
*/
/*!
 * ress.css • v1.2.2
 * MIT License
 * github.com/filipelinhares/ress
 */
/* # =================================================================
   # Global selectors
   # ================================================================= */
html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow-y: scroll; /* All browsers without overlaying scrollbars */
  -webkit-text-size-adjust: 100%; /* iOS 8+ */
}

*,
::before,
::after {
  background-repeat: no-repeat; /* Set `background-repeat: no-repeat` to all elements and pseudo elements */
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}

::before,
::after {
  text-decoration: inherit; /* Inherit text-decoration and vertical align to ::before and ::after pseudo elements */
  vertical-align: inherit;
}

* {
  padding: 0; /* Reset `padding` and `margin` of all elements */
  margin: 0;
}

/* # =================================================================
   # General elements
   # ================================================================= */
/* Add the correct display in iOS 4-7.*/
audio:not([controls]) {
  display: none;
  height: 0;
}

hr {
  overflow: visible; /* Show the overflow in Edge and IE */
}

/*
* Correct `block` display not defined for any HTML5 element in IE 8/9
* Correct `block` display not defined for `details` or `summary` in IE 10/11
* and Firefox
* Correct `block` display not defined for `main` in IE 11
*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  display: block;
}

summary {
  display: list-item; /* Add the correct display in all browsers */
}

small {
  font-size: 80%; /* Set font-size to 80% in `small` elements */
}

[hidden],
template {
  display: none; /* Add the correct display in IE */
}

abbr[title] {
  border-bottom: 1px dotted; /* Add a bordered underline effect in all browsers */
  text-decoration: none; /* Remove text decoration in Firefox 40+ */
}

a {
  background-color: transparent; /* Remove the gray background on active links in IE 10 */
  -webkit-text-decoration-skip: objects; /* Remove gaps in links underline in iOS 8+ and Safari 8+ */
}

a:active,
a:hover {
  outline-width: 0; /* Remove the outline when hovering in all browsers */
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace; /* Specify the font family of code elements */
}

b,
strong {
  font-weight: bolder; /* Correct style set to `bold` in Edge 12+, Safari 6.2+, and Chrome 18+ */
}

dfn {
  font-style: italic; /* Address styling not present in Safari and Chrome */
}

/* Address styling not present in IE 8/9 */
mark {
  background-color: #ff0;
  color: #000;
}

/* https://gist.github.com/unruthless/413930 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* # =================================================================
   # Forms
   # ================================================================= */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

input {
  border-radius: 0;
}

/* Apply cursor pointer to button elements */
button,
[type=button],
[type=reset],
[type=submit],
[role=button] {
  cursor: pointer;
}

/* Replace pointer cursor in disabled elements */
[disabled] {
  cursor: default;
}

[type=number] {
  width: auto; /* Firefox 36+ */
}

[type=search] {
  -webkit-appearance: textfield; /* Safari 8+ */
}

[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none; /* Safari 8 */
}

textarea {
  overflow: auto; /* Internet Explorer 11+ */
  resize: vertical; /* Specify textarea resizability */
}

button,
input,
optgroup,
select,
textarea {
  font: inherit; /* Specify font inheritance of form elements */
}

optgroup {
  font-weight: bold; /* Restore the font weight unset by the previous rule. */
}

button {
  overflow: visible; /* Address `overflow` set to `hidden` in IE 8/9/10/11 */
}

/* Remove inner padding and border in Firefox 4+ */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  padding: 0;
}

/* Replace focus style removed in the border reset above */
button:-moz-focusring,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  outline: 1px dotted ButtonText;
}

button,
html [type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button; /* Correct the inability to style clickable types in iOS */
}

button,
select {
  text-transform: none; /* Firefox 40+, Internet Explorer 11- */
}

/* Remove the default button styling in all browsers */
button,
input,
select,
textarea {
  color: inherit;
}

/* Style select like a standard input */
select::-ms-expand {
  display: none; /* Internet Explorer 11+ */
}

select::-ms-value {
  color: currentColor; /* Internet Explorer 11+ */
}

legend {
  border: 0; /* Correct `color` not being inherited in IE 8/9/10/11 */
  color: inherit; /* Correct the color inheritance from `fieldset` elements in IE */
  display: table; /* Correct the text wrapping in Edge and IE */
  max-width: 100%; /* Correct the text wrapping in Edge and IE */
  white-space: normal; /* Correct the text wrapping in Edge and IE */
}

::-webkit-file-upload-button {
  -webkit-appearance: button; /* Correct the inability to style clickable types in iOS and Safari */
  font: inherit; /* Change font properties to `inherit` in Chrome and Safari */
}

[type=search] {
  -webkit-appearance: textfield; /* Correct the odd appearance in Chrome and Safari */
  outline-offset: -2px; /* Correct the outline style in Safari */
}

/* # =================================================================
   # Specify media element style
   # ================================================================= */
img {
  border-style: none; /* Remove border when inside `a` element in IE 8/9/10 */
}

/* Add the correct vertical alignment in Chrome, Firefox, and Opera */
progress {
  vertical-align: baseline;
}

svg:not(:root) {
  overflow: hidden; /* Internet Explorer 11- */
}

audio,
canvas,
progress,
video {
  display: inline-block; /* Internet Explorer 11+, Windows Phone 8.1+ */
}

/* # =================================================================
   # Accessibility
   # ================================================================= */
/* Hide content from screens but not screenreaders */
@media screen {
  [hidden~=screen] {
    display: inherit;
  }
  [hidden~=screen]:not(:active):not(:focus):not(:target) {
    position: absolute !important;
    clip: rect(0 0 0 0) !important;
  }
}
/* Specify the progress cursor of updating elements */
[aria-busy=true] {
  cursor: progress;
}

/* Specify the pointer cursor of trigger elements */
[aria-controls] {
  cursor: pointer;
}

/* Specify the unstyled cursor of disabled, not-editable, or otherwise inoperable elements */
[aria-disabled] {
  cursor: default;
}

/* # =================================================================
   # Selection
   # ================================================================= */
/* Specify text selection background color and omit drop shadow */
::-moz-selection {
  background-color: #b3d4fc; /* Required when declaring ::selection */
  color: #000;
  text-shadow: none;
}

::selection {
  background-color: #b3d4fc; /* Required when declaring ::selection */
  color: #000;
  text-shadow: none;
}

* {
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  padding: 0;
  margin: 0;
  min-width: 0;
  min-height: 0;
}

html {
  font-size: 62.5%;
  background-color: #fff;
  background-repeat: repeat;
  position: relative;
}

body {
  margin-top: 92px;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN,", "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  line-height: 1.8;
  font-size: 1.5rem;
  color: #514F4E;
  position: relative;
  z-index: 5;
  overflow: hidden;
}
@media screen and (max-width: 1199px) {
  body {
    margin-top: 69px;
  }
}
body .backtext {
  position: absolute;
  top: 11rem;
  right: 0;
  display: inline-block;
  opacity: 0.3;
}
@media screen and (min-width: 768px) {
  body .backtext {
    top: 8.5rem;
    display: inline-block;
    max-width: 50%;
  }
}
@media screen and (min-width: 992px) {
  body .backtext {
    top: 9.5rem;
  }
}
@media screen and (min-width: 1500px) {
  body .backtext {
    top: 11rem;
    max-width: 100%;
  }
}
body .backtext img {
  max-width: 100%;
}
@media screen and (max-width: 767px) {
  body.single .backtext {
    top: 7rem;
  }
}

.main-content.main-content--front {
  padding: 8.8rem 0 0;
}
@media screen and (min-width: 768px) {
  .main-content.main-content--front {
    padding: 12.1rem 0 0;
  }
}

a {
  text-decoration: none;
  color: inherit;
  -webkit-transition: color 0.3s, background 0.3s, border 0.3s;
  transition: color 0.3s, background 0.3s, border 0.3s;
}

.container {
  width: 100%;
  padding: 0 15px;
  max-width: 1727px;
  margin: auto;
}
@media screen and (min-width: 768px) {
  .container {
    padding: 0 60px;
  }
}
@media screen and (min-width: 1500px) {
  .container {
    padding: 0 120px;
  }
}

/*404*/
.sectionError {
  padding: 50px 0 10px;
}
@media screen and (min-width: 768px) {
  .sectionError {
    padding: 90px 50px;
  }
}

.not_found {
  text-align: center;
  margin: 0 0 30px;
  line-height: 1.2;
  color: #d6d6d6;
}
.not_found span {
  display: block;
}

@media screen and (max-width: 767px) {
  .hidden-xs {
    display: none;
  }
}

.visible-xs {
  display: none;
}
@media screen and (max-width: 767px) {
  .visible-xs {
    display: block;
  }
}

.mt40 {
  margin-top: 40px;
}

.commonSec {
  padding: 8rem 0 12rem;
}
@media screen and (min-width: 768px) {
  .commonSec {
    padding: 10rem 0 12rem;
  }
}

.neck {
  background: #d6d6d6;
  padding: 10px 0 20px;
  margin: 0 0 50px;
}
@media screen and (min-width: 768px) {
  .neck {
    padding: 20px 0 90px;
    margin: 0 0 95px;
  }
}

.pageTitle {
  text-align: center;
}
.pageTitle .pageTitle__sub {
  display: block;
  font-size: 1.3rem;
  font-weight: normal;
  color: #00A78A;
  font-family: "Inter", sans-serif;
}
.pageTitle .pageTitle__main {
  display: block;
  font-size: 2.6rem;
  font-weight: 500;
}
@media screen and (min-width: 768px) {
  .pageTitle .pageTitle__main {
    font-size: 4rem;
  }
}

.breadcrumbs {
  background: rgba(49, 51, 52, 0.09);
  width: 100%;
  padding: 1rem 0;
  font-size: 1.2rem;
  position: relative;
  z-index: 10;
}
.breadcrumbs .container > span {
  display: inline-block;
  padding: 0 1rem;
  position: relative;
  color: #313233;
  color: #514f4e;
}
.breadcrumbs .container > span a {
  display: inline-block;
  color: inherit;
  text-decoration: none;
}
.breadcrumbs .container > span a:hover {
  color: #00A78A;
}
.breadcrumbs .container > span a.home {
  padding: 0 0 0 20px;
  background: url(./images/icon_home.svg) no-repeat center left;
}
.breadcrumbs .container > span:last-child::after {
  display: none;
}

.largeHeadline01 {
  margin-bottom: 25px;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .largeHeadline01 {
    text-align: left;
    margin-bottom: 40px;
  }
}
.largeHeadline01 .el_en {
  font-size: 3rem;
  font-weight: 600;
  line-height: 1;
  font-family: "Montserrat", sans-serif;
  margin: 0 0 0rem;
}
@media screen and (min-width: 768px) {
  .largeHeadline01 .el_en {
    font-size: 5.5rem;
    display: inline-block;
    vertical-align: bottom;
    margin: 0 2rem 0.5rem 0;
  }
}
.largeHeadline01 .el_en span {
  color: #98A3B1;
}
.largeHeadline01 .el_jp {
  font-size: 13px;
  margin: 0 0 1rem;
}
@media screen and (min-width: 768px) {
  .largeHeadline01 .el_jp {
    display: inline-block;
    vertical-align: bottom;
    font-size: 15px;
  }
}
.largeHeadline01.--orange .el_en span {
  color: #E87121;
}
.largeHeadline01.--green .el_en span {
  color: #00A78A;
}
.largeHeadline01.--purple .el_en span {
  color: #a52e8d;
}
.largeHeadline01.--blue .el_en span {
  color: #059FE7;
}
.largeHeadline01.text-center > * {
  display: block;
  margin-right: 0;
}

/*本文*/
.text {
  margin: 0 0 36px;
}
.text p {
  margin: 0 0 36px;
}
.text p:last-child {
  margin: 0;
}

.f_noto {
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN,", "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
  font-weight: bold !important;
}

.textLink {
  text-decoration: underline;
}
@media screen and (min-width: 768px) {
  .textLink {
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .textLink:hover {
    opacity: 0.5;
  }
}

/*リスト*/
.list01 {
  margin: 0;
  padding: 0 0 40px;
}
.list01 li {
  text-indent: -2.4rem;
  list-style: none;
  padding: 0 0 0 1.7rem;
  margin: 0 0 5px;
  color: #313233;
}
@media screen and (min-width: 768px) {
  .list01 li {
    text-indent: -3.4rem;
    padding: 0 0 0 3.4rem;
  }
}
.list01 li .el_num {
  display: inline-block;
  margin: 0;
  text-indent: 0;
  text-align: right;
  min-width: 39px;
}

img {
  display: inline-block;
  max-width: 100%;
  height: auto;
  line-height: 1;
  /* PCの右クリック禁止 */
  pointer-events: none;
  /* SPの長押し禁止 */
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-touch-callout: none;
  -moz-user-select: none;
  -ms-user-select: none;
      user-select: none;
}

.img {
  text-align: center;
  margin: 0 0 40px;
  line-height: 1;
}

.btn01 {
  display: inline-block;
  background-color: #fff;
  border-radius: 5rem;
  line-height: 1.2;
  padding: 2.5rem 1rem;
  text-align: center;
  position: relative;
  width: 100%;
  max-width: 44.7rem;
  margin: 0 0 3rem;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
@media screen and (max-width: 767px) {
  .btn01 {
    max-width: 24.7rem;
    margin: 0 0 1rem;
    font-size: 14px;
    padding: 1.5rem 1rem;
  }
}
.btn01 .el_text {
  display: inline-block;
  position: relative;
  z-index: 1;
  font-size: 1.6rem;
  font-weight: 700;
  color: #514F4E;
}
.btn01 .el_img {
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 2rem;
  transform: translate(0%, -50%);
  -webkit-transform: translate(0%, -50%);
  -ms-transform: translate(0%, -50%);
  width: 0.9rem;
  height: 2rem;
  background-image: url(./images/icon_arrow01_ashen.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% auto;
}
@media screen and (min-width: 768px) {
  .btn01 {
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .btn01:hover {
    background-color: #98A3B1;
  }
  .btn01:hover .el_text {
    color: #fff;
  }
  .btn01:hover .el_img {
    background-image: url(./images/icon_arrow01_white.svg) !important;
  }
}
.btn01.--red .el_img {
  background-image: url(./images/icon_arrow01_red.svg);
}
@media screen and (min-width: 768px) {
  .btn01.--red:hover {
    background-color: #9B0031;
  }
}
.btn01.--pink .el_img {
  background-image: url(./images/icon_arrow01_pink.svg);
}
@media screen and (min-width: 768px) {
  .btn01.--pink:hover {
    background-color: #F55A66;
  }
}
.btn01.--ashen .el_img {
  background-image: url(./images/icon_arrow01_ashen.svg);
}
@media screen and (min-width: 768px) {
  .btn01.--ashen:hover {
    background-color: #98A3B1;
  }
}
.btn01.--blue .el_img {
  background-image: url(./images/icon_arrow01_blue.svg);
}
@media screen and (min-width: 768px) {
  .btn01.--blue:hover {
    background-color: #059FE7;
  }
}
.btn01.--orange .el_img {
  background-image: url(./images/icon_arrow01_orange.svg);
}
@media screen and (min-width: 768px) {
  .btn01.--orange:hover {
    background-color: #E87121;
  }
}
.btn01.--green .el_img {
  background-image: url(./images/icon_arrow01_green.svg);
}
@media screen and (min-width: 768px) {
  .btn01.--green:hover {
    background-color: #00A78A;
  }
}
.btn01.--purple .el_img {
  background-image: url(./images/icon_arrow01_purple.svg);
}
@media screen and (min-width: 768px) {
  .btn01.--purple:hover {
    background-color: #A52E8D;
  }
}

.btn0101 {
  max-width: 352px !important;
}
@media screen and (max-width: 767px) {
  .btn0101 {
    max-width: 247px !important;
  }
}

.btn02 {
  display: inline-block;
  margin: 0 0 1.8rem;
}
@media screen and (min-width: 768px) {
  .btn02:hover {
    opacity: 0.7;
  }
}
.btn02 .el_img {
  display: inline-block;
  width: 0.9rem;
  height: 1.5rem;
  background-image: url(./images/icon_return-black.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% auto;
  margin: 0 1rem 0 0;
  vertical-align: middle;
}
.btn02 .el_text {
  display: inline-block;
  font-size: 1.4rem;
  color: #514F4E;
  vertical-align: middle;
}

.tableScroll {
  overflow: auto;
}

.table01 {
  text-align: center;
  border-top: 1px solid #d6d6d6;
  border-left: 1px solid #d6d6d6;
  width: 100%;
  border-collapse: collapse;
  margin: 0 auto 40px;
  min-width: 768px;
}
@media screen and (max-width: 767px) {
  .table01 tr {
    border-left: none;
  }
}
.table01 th {
  border-right: 1px solid #d6d6d6;
  border-bottom: 1px solid #d6d6d6;
  background-color: #d6d6d6;
  font-weight: bold;
  padding: 15px 10px 15px 15px;
  text-align: center;
  font-size: 1.5rem;
  color: #313233;
}
@media screen and (max-width: 767px) {
  .table01 th {
    padding: 10px;
    font-size: 1.4rem;
  }
}
.table01 th.cell01 {
  width: 25%;
  text-align: center;
}
.table01 th.cell02 {
  width: 57%;
}
.table01 th.cell03 {
  width: 18%;
  text-align: center;
}
.table01 td {
  text-align: left;
  font-weight: normal;
  border-right: 1px solid #d6d6d6;
  border-bottom: 1px solid #d6d6d6;
  padding: 15px 10px 15px 15px;
  letter-spacing: 1px;
}
@media screen and (max-width: 767px) {
  .table01 td {
    padding: 10px;
    word-break: break-all;
    font-size: 1.4rem;
  }
}
.table01 td.cell01 {
  text-align: center;
}
.table01 td.cell02 {
  background: #fff;
}
.table01 td.cell03 {
  background: #fff;
  text-align: center;
}

.table02 {
  text-align: center;
  width: 100%;
  border-collapse: collapse;
  margin: 0 auto 40px;
}
@media screen and (max-width: 767px) {
  .table02 tr {
    display: block;
  }
}
.table02 th {
  border-bottom: 1px solid #d6d6d6;
  font-weight: bold;
  padding: 20px 10px 20px 15px;
  text-align: left;
  font-size: 1.5rem;
  color: #313233;
  width: 25%;
}
@media screen and (min-width: 1200px) {
  .table02 th {
    width: 15%;
  }
}
@media screen and (max-width: 767px) {
  .table02 th {
    width: 100%;
    display: block;
    padding: 10px;
    font-size: 1.4rem;
  }
}
.table02 td {
  text-align: left;
  font-weight: normal;
  border-bottom: 1px solid #d6d6d6;
  padding: 20px 0;
  letter-spacing: 1px;
  width: 75%;
}
@media screen and (min-width: 1200px) {
  .table02 td {
    width: 85%;
  }
}
@media screen and (max-width: 767px) {
  .table02 td {
    width: 100%;
    display: block;
    padding: 10px;
    font-size: 1.4rem;
  }
}

/*archive.php ページネーション*/
.wp-pagenavi a, .wp-pagenavi span {
  text-decoration: none;
  border: none;
  padding: 0;
  margin: 0;
}

.wp-pagenavi {
  text-align: center;
  margin: 0 auto 4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.wp-pagenavi > div,
.wp-pagenavi > li,
.wp-pagenavi > a,
.wp-pagenavi > span {
  margin: 0 0.7rem;
  border: none;
  padding: 2px 3px;
  background: none;
  color: #313233;
  min-width: 4.2rem;
  height: 4.2rem;
  display: inline-block;
  text-align: center;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  text-decoration: none;
  border-radius: 100%;
  font-size: 1.5rem;
  font-weight: 900;
  font-family: "Inter", sans-serif;
  line-height: 2.5;
  background-color: #fff;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
}
.wp-pagenavi > div.current,
.wp-pagenavi > li.current,
.wp-pagenavi > a.current,
.wp-pagenavi > span.current {
  color: #313233;
  font-weight: normal;
  background-color: #fff;
  background-image: url(./images/deco_page_bg.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% auto;
}
.wp-pagenavi > div.pages,
.wp-pagenavi > li.pages,
.wp-pagenavi > a.pages,
.wp-pagenavi > span.pages {
  display: none;
  background: none;
  color: #313233;
}
.wp-pagenavi > div.previouspostslink,
.wp-pagenavi > li.previouspostslink,
.wp-pagenavi > a.previouspostslink,
.wp-pagenavi > span.previouspostslink {
  background: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  background-image: url(./images/icon_prev_paginate-black.svg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 1.5rem auto;
}
.wp-pagenavi > div.nextpostslink,
.wp-pagenavi > li.nextpostslink,
.wp-pagenavi > a.nextpostslink,
.wp-pagenavi > span.nextpostslink {
  background: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  background-image: url(./images/icon_next_paginate-black.svg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 1.5rem auto;
}

/*single.php ページネーション*/
.paginate__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 1;
  margin: 0;
}
@media screen and (min-width: 768px) {
  .paginate__wrap {
    margin: 4rem 0 4rem;
  }
}
.paginate__wrap a {
  line-height: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 5px 13px;
  color: #fff;
  font-size: 1.3rem;
  font-family: "Inter", sans-serif;
  font-weight: 900;
  background: #313233;
  border-radius: 0;
  text-decoration: none;
  text-align: center;
  border-radius: 5rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (min-width: 768px) {
  .paginate__wrap a {
    font-size: 1.8rem;
  }
  .paginate__wrap a:hover {
    background: #00A78A;
  }
}
.paginate__wrap a .el_img {
  display: inline-block;
  margin: 0 10px 0 0;
}
.paginate__wrap a .el_text {
  width: 100%;
  text-align: center;
}
.paginate__wrap .paginate__block--back {
  width: 100%;
  max-width: 16.7rem;
}
@media screen and (min-width: 768px) {
  .paginate__wrap .paginate__block--back {
    max-width: 26.3rem;
  }
}
@media screen and (min-width: 1200px) {
  .paginate__wrap .paginate__block--back {
    max-width: 52.7rem;
  }
}
.paginate__wrap .paginate__block--back a {
  width: 100%;
  text-align: center;
  padding: 12px 11px;
  min-height: 4.2rem;
}
@media screen and (min-width: 768px) {
  .paginate__wrap .paginate__block--back a {
    padding: 31px 38px;
  }
}
.paginate__wrap .paginate__block--next {
  min-width: 4.7rem;
}
.paginate__wrap .paginate__block--next a {
  background: none;
  color: #313233;
  padding: 0;
}
.paginate__wrap .paginate__block--next a .el_img {
  display: inline-block;
  margin: 0 1.5rem 0 0;
  width: 4.2rem;
  min-width: 4.2rem;
  height: 4.2rem;
  position: relative;
  border-radius: 100%;
  background: #313233;
}
@media screen and (min-width: 768px) {
  .paginate__wrap .paginate__block--next a .el_img {
    margin: 0 1.5rem 0 0;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
}
.paginate__wrap .paginate__block--next a .el_img img {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
@media screen and (min-width: 768px) {
  .paginate__wrap .paginate__block--next a:hover .el_img {
    background: #00A78A;
  }
}
.paginate__wrap .paginate__block--prev {
  min-width: 4.7rem;
}
.paginate__wrap .paginate__block--prev a {
  background: none;
  color: #313233;
  padding: 0;
}
.paginate__wrap .paginate__block--prev a .el_img {
  display: inline-block;
  margin: 0 0 0 0.5rem;
  width: 4.2rem;
  min-width: 4.2rem;
  height: 4.2rem;
  position: relative;
  border-radius: 100%;
  background: #313233;
}
@media screen and (min-width: 768px) {
  .paginate__wrap .paginate__block--prev a .el_img {
    margin: 0 0 0 1.5rem;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
}
.paginate__wrap .paginate__block--prev a .el_img img {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
@media screen and (min-width: 768px) {
  .paginate__wrap .paginate__block--prev a:hover .el_img {
    background: #00A78A;
  }
}

.bgGradNews {
  background-image: url(images/guide_bg_news.png);
  background-position: top center;
}
@media screen and (min-width: 1921px) {
  .bgGradNews {
    background-size: 100% auto;
  }
}

.bgGradGuide {
  background-image: url(images/guide_bg.png);
  background-position: top center;
}
@media screen and (min-width: 1921px) {
  .bgGradGuide {
    background-size: 100% auto;
  }
}

.bgGradWWF {
  background-image: url(images/wwf_bg.png);
  background-position: top center;
}
@media screen and (min-width: 1921px) {
  .bgGradWWF {
    background-size: 100% auto;
  }
}

.header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 20;
  background-color: #fff;
}
.header.bgnone {
  background: none;
}

.headerInner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 1.5rem;
}
@media screen and (min-width: 1200px) {
  .headerInner {
    padding: 0.5rem 4.6rem;
  }
}

/*====================================
■ロゴ
=====================================*/
.headerLogo {
  width: 100%;
  max-width: 15.9rem;
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .headerLogo {
    max-width: 10rem;
  }
}
@media screen and (min-width: 1200px) {
  .headerLogo {
    max-width: 23.7rem;
  }
}
.headerLogo a {
  display: inline-block;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media screen and (min-width: 768px) {
  .headerLogo a:hover {
    opacity: 0.7;
  }
}
.headerLogo a img {
  display: inline-block;
}

/*====================================
■リンク集
=====================================*/
.headerLinks {
  width: 100%;
  padding: 0;
  margin: 0 0 0 1rem;
  display: none;
}
@media screen and (min-width: 768px) {
  .headerLinks {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    max-width: 18rem;
  }
}
@media screen and (min-width: 1200px) {
  .headerLinks {
    max-width: 35rem;
  }
}
.headerLinks li {
  list-style: none;
}
.headerLinks li.headerLinksText {
  margin: 0 -1rem 0 0;
  line-height: 1;
  max-width: 10rem;
}
@media screen and (min-width: 1200px) {
  .headerLinks li.headerLinksText {
    max-width: 21rem;
  }
}
.headerLinks li.headerLinksText a {
  display: inline-block;
}
.headerLinks li.headerLinksText a:hover {
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
  opacity: 0.8;
}
.headerLinks li.headerLinksItem {
  margin: 0 0 0 1.26rem;
  line-height: 1;
  position: relative;
}
.headerLinks li.headerLinksItem a {
  position: relative;
  display: inline-block;
  width: 3rem;
  height: 3rem;
  background-color: #fff;
  border-radius: 18px;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  text-align: center;
}
@media screen and (min-width: 768px) {
  .headerLinks li.headerLinksItem a {
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .headerLinks li.headerLinksItem a:hover {
    opacity: 0.7;
  }
}
@media screen and (min-width: 1200px) {
  .headerLinks li.headerLinksItem a {
    width: 6rem;
    height: 6rem;
  }
}
.headerLinks li.headerLinksItem a img {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  max-width: 75%;
}
@media screen and (min-width: 1200px) {
  .headerLinks li.headerLinksItem a img {
    max-width: 100%;
  }
}

/*====================================
■toggleボタン
=====================================*/
.headerHamburger {
  -webkit-box-ordinal-group: 5;
      -ms-flex-order: 4;
          order: 4;
  line-height: 1;
  margin: 0 0 0 auto;
  display: block;
}
@media screen and (min-width: 768px) {
  .headerHamburger {
    display: none;
  }
}
.headerHamburger .headerHamburgerBtn {
  background-color: #fff;
  position: relative;
  padding: 12px 8px;
  height: 4rem;
  width: 4rem;
  padding: 0;
  margin: 0;
  border: none;
  border-radius: 5rem;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}
.headerHamburger .headerHamburgerBtn .icon-bar {
  display: block;
  width: 1.6rem;
  height: 0.2rem;
  background-color: #313233;
}
.headerHamburger .headerHamburgerBtn .icon-bar:nth-of-type(1) {
  display: none;
}
.headerHamburger .headerHamburgerBtn .icon-bar:nth-of-type(2) {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.headerHamburger .headerHamburgerBtn .icon-bar:last-child {
  -webkit-transform: rotate(-135deg);
          transform: rotate(-135deg);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.headerHamburger .headerHamburgerBtn .sr-only {
  display: none;
}
.headerHamburger .headerHamburgerBtn.collapsed {
  background-color: #313233;
}
.headerHamburger .headerHamburgerBtn.collapsed .icon-bar {
  display: block;
  width: 1.4rem;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  background-color: #fff;
}
.headerHamburger .headerHamburgerBtn.collapsed .icon-bar:nth-of-type(1) {
  position: static;
  margin: 0 auto 3px;
}
.headerHamburger .headerHamburgerBtn.collapsed .icon-bar:nth-of-type(2) {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  position: static;
  margin-bottom: 3px;
}
.headerHamburger .headerHamburgerBtn.collapsed .icon-bar:last-child {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  position: static;
  margin-bottom: 0;
}

/*====================================
■spメニュー
=====================================*/
.menuArea {
  position: fixed;
  top: 0;
  right: 0;
  width: 0;
  height: 100%;
  overflow: hidden;
  -webkit-transition: 0.1s;
  transition: 0.1s;
  background-position: top center;
  background-image: url(./images/bg01.png);
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 15;
}
.menuArea .menu-globalmenu-container {
  width: 100%;
  max-width: calc(100% - 2rem);
  margin: auto;
}
.menuArea .menu-globalmenu-container.menu-globalmenu-container-scroll {
  overflow-x: hidden;
  overflow-y: auto;
  max-height: calc(100vh - 11.3rem);
}
@media screen and (min-width: 768px) {
  .menuArea .menu-globalmenu-container.menu-globalmenu-container-scroll {
    max-height: calc(100vh - 15.3rem);
  }
}
.menuArea .menu-globalmenu-container.menu-globalmenu-container-scroll::-webkit-scrollbar {
  width: 1rem;
  height: 1rem;
  background: #514F4E;
  border-radius: 1rem;
}
.menuArea .menu-globalmenu-container.menu-globalmenu-container-scroll::-webkit-scrollbar-thumb {
  background-color: #313233;
  border: 1px solid #514F4E;
  border-radius: 1rem;
}
.menuArea .menu-globalmenu-container.menu-globalmenu-container-scroll::-webkit-scrollbar-thumb:hover {
  background-color: #313233;
}
.menuArea .menu-globalmenu-container.menu-globalmenu-container-scroll .menu-globalmenu-container-wrap {
  overflow: hidden;
}
.menuArea .navbar-nav > li {
  margin: 0 0 1.5rem;
  line-height: 1.4;
}
.menuArea .navbar-nav > li a {
  display: block;
  font-weight: bold;
  font-size: 5vw;
  font-family: "Montserrat", sans-serif;
}
@media screen and (min-width: 768px) {
  .menuArea .navbar-nav > li a {
    font-size: 1.8rem;
  }
}
.menuArea .navbar-nav > li a span {
  display: block;
  font-size: 3vw;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN,", "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  color: #514F4E;
}
@media screen and (min-width: 768px) {
  .menuArea .navbar-nav > li a span {
    font-size: 1.1rem;
  }
}
.menuArea .navbar-nav > li.menu-top a {
  color: #F55A66;
}
.menuArea .navbar-nav > li.menu-news a {
  color: #98A3B1;
}
.menuArea .navbar-nav > li.menu-introduction a {
  color: #059FE7;
}
.menuArea .navbar-nav > li.menu-friends a {
  color: #E87121;
}
.menuArea .navbar-nav > li.menu-wwf a {
  color: #00A78A;
}
.menuArea .navbar-nav > li.menu-guideline a {
  color: #A52E8D;
}
.menuArea .menu-globalmenu-logo {
  display: block;
  text-align: left;
  line-height: 1;
  vertical-align: top;
  margin: 0 0 3rem;
}
.menuArea .menu-globalmenu-btn {
  text-align: center;
  margin: 0 auto 1.5rem;
}
.menuArea .menu-globalmenu-btn a {
  display: inline-block;
}
.menuArea .menu-globalmenu-btn a img {
  display: inline-block;
  max-width: 24rem;
}
.menuArea .menu-globalmenu-links {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #fff;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 2.6rem 3rem;
}
.menuArea .menu-globalmenu-links .menu-globalmenu-links-text {
  font-size: 1.1rem;
  font-weight: bold;
  font-family: "Montserrat", sans-serif;
  color: #514F4E;
  margin: 0 0.21rem 0 0;
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .menuArea .menu-globalmenu-links .menu-globalmenu-links-text {
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .menuArea .menu-globalmenu-links .menu-globalmenu-links-text:hover {
    opacity: 0.7;
  }
}
.menuArea .menu-globalmenu-links .menu-globalmenu-links-item {
  margin: 0 0 0 1.26rem;
  line-height: 1;
}
.menuArea .menu-globalmenu-links .menu-globalmenu-links-item a {
  position: relative;
  display: inline-block;
  width: 5rem;
  height: 5rem;
  background-color: #fff;
  border-radius: 1.3rem;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  text-align: center;
}
@media screen and (min-width: 768px) {
  .menuArea .menu-globalmenu-links .menu-globalmenu-links-item a {
    -webkit-transition: 0.3s;
    transition: 0.3s;
    border-radius: 0.8rem;
  }
  .menuArea .menu-globalmenu-links .menu-globalmenu-links-item a:hover {
    opacity: 0.7;
  }
}
.menuArea .menu-globalmenu-links .menu-globalmenu-links-item a img {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  max-width: 100%;
}
.menuArea.close {
  padding: 4rem 3rem 10rem;
}
@media screen and (min-width: 768px) {
  .menuArea.close {
    padding: 15.3rem 3rem 10rem;
  }
}

/*====================================
■PCメニュー
=====================================*/
.headerMenu {
  display: none;
  margin: 0;
  padding: 0;
  width: 100%;
  max-width: 100%;
}
@media screen and (min-width: 768px) {
  .headerMenu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.headerMenu.close {
  opacity: 0;
  pointer-events: none;
}
.headerMenu .menu-contact {
  display: none;
}
.headerMenu .navbar-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: unset;
  -webkit-box-direction: unset;
      -ms-flex-direction: unset;
          flex-direction: unset;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.headerMenu .navbar-nav > li {
  margin: 0 0 0 1rem;
  line-height: 1.4;
}
@media screen and (min-width: 992px) {
  .headerMenu .navbar-nav > li {
    margin: 0 0 0 2rem;
  }
}
@media screen and (min-width: 1500px) {
  .headerMenu .navbar-nav > li {
    margin: 0 0 0 5rem;
  }
}
.headerMenu .navbar-nav > li a {
  display: block;
  font-size: 1.3rem;
  font-weight: bold;
  font-family: "Montserrat", sans-serif;
  text-align: center;
  padding-bottom: 5px;
  color: #514F4E;
  border-bottom: 4px solid transparent;
}
@media screen and (min-width: 1500px) {
  .headerMenu .navbar-nav > li a {
    font-size: 1.7rem;
  }
}
.headerMenu .navbar-nav > li a:hover {
  border-bottom: 4px solid;
}
.headerMenu .navbar-nav > li a span {
  display: block;
  font-size: 1rem;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN,", "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  color: #9C9C9C;
}
@media screen and (min-width: 768px) {
  .headerMenu .navbar-nav > li a span {
    font-size: 1.1rem;
  }
}
.headerMenu .navbar-nav > li.menu-top {
  display: none;
}
.headerMenu .navbar-nav > li.current_page_item a {
  border-bottom: 4px solid;
}
.headerMenu .navbar-nav > .menu-news a:hover {
  color: #98a3b1;
}
.headerMenu .navbar-nav > .menu-news.current_page_item a {
  color: #98a3b1;
}
.headerMenu .navbar-nav > .menu-friends a:hover {
  color: #e87121;
}
.headerMenu .navbar-nav > .menu-friends.current_page_item a {
  color: #e87121;
}
.headerMenu .navbar-nav > .menu-introduction a:hover {
  color: #059fe7;
}
.headerMenu .navbar-nav > .menu-introduction.current_page_item a {
  color: #059fe7;
}
.headerMenu .navbar-nav > .menu-wwf a:hover {
  color: #00a78a;
}
.headerMenu .navbar-nav > .menu-wwf.current_page_item a {
  color: #00a78a;
}
.headerMenu .navbar-nav > .menu-guideline a:hover {
  color: #a52e8d;
}
.headerMenu .navbar-nav > .menu-guideline.current_page_item a {
  color: #a52e8d;
}

.grecaptcha-badge {
  z-index: 9;
}

/*====================================

  ■フッター

=====================================*/
#footer {
  position: relative;
  z-index: 2;
}
.footerWrap {
  position: relative;
  background: -webkit-gradient(linear, left top, left bottom, from(#313334), to(#303030));
  background: linear-gradient(to bottom, #313334, #303030);
  border-radius: 14px 0 0 0;
}
@media screen and (min-width: 768px) {
  .footerWrap {
    border-radius: 28px 0 0 0;
  }
}
@media screen and (max-width: 767px) {
  .footerWrap .container {
    padding: 0 20px;
  }
}
.footerWrap .floatimg2 {
  position: absolute;
  top: -220px;
  right: -50px;
  z-index: 16;
}
@media screen and (max-width: 1699px) {
  .footerWrap .floatimg2 {
    max-width: 455px;
    top: -164px;
  }
}
@media screen and (max-width: 767px) {
  .footerWrap .floatimg2 {
    max-width: 265px;
    top: -95px;
  }
}

/*ページトップ*/
#page-top {
  position: absolute;
  bottom: 0px;
  right: 0;
  z-index: 5;
  display: inline-block;
  text-align: center;
}
#page-top a {
  max-width: 80px;
  display: inline-block;
  font-size: 15px;
  font-weight: bold;
  text-decoration: none;
  background: #313233;
  color: #fff;
  font-size: 2rem;
}
@media screen and (max-width: 767px) {
  #page-top a {
    max-width: 50px;
  }
}
#page-top a:hover {
  opacity: 0.8;
  -webkit-transition-duration: 0.7s;
          transition-duration: 0.7s;
}

.bottomfield {
  margin: auto;
  margin-top: 70px;
  text-align: center;
}
.bottomfield img {
  display: inline-block;
  width: 100%;
  max-width: 80%;
}
@media screen and (min-width: 768px) {
  .bottomfield img {
    max-width: 48rem;
  }
}

.footerWrap_wrap {
  border-bottom: 1px solid #4b4f57;
}

.footerSection {
  padding: 4rem 0 3rem;
  color: #fff;
  margin-bottom: 30px;
}
@media screen and (min-width: 992px) {
  .footerSection {
    padding: 9rem 0 6rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: 0px;
  }
}
@media screen and (max-width: 767px) {
  .footerSection {
    margin-bottom: 0px;
    padding: 4rem 0 0rem;
  }
}
.footerSection .footer__left {
  width: 100%;
  text-align: center;
}
@media screen and (min-width: 992px) {
  .footerSection .footer__left {
    max-width: 10.2rem;
    margin: 0px 10px 20px 0px;
    text-align: left;
  }
}
@media screen and (min-width: 1200px) {
  .footerSection .footer__left {
    max-width: 21.2rem;
  }
}
@media screen and (max-width: 991px) {
  .footerSection .footer__left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
@media screen and (max-width: 767px) {
  .footerSection .footer__left {
    margin-bottom: 20px;
  }
}
@media screen and (min-width: 992px) {
  .footerSection .footer__left .img {
    margin: 0;
  }
}
@media screen and (max-width: 767px) {
  .footerSection .footer__left .img {
    margin-bottom: 0;
  }
}
.footerSection .footer__left .img img {
  display: inline-block;
  max-width: 13rem;
}
@media screen and (min-width: 992px) {
  .footerSection .footer__left .img img {
    max-width: 100%;
  }
}
.footerSection .footer__left .footer_sns {
  display: none;
}
@media screen and (max-width: 991px) {
  .footerSection .footer__left .footer_sns {
    display: inline-block;
  }
}
.footerSection .footer__left .footer_sns .inn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 767px) {
  .footerSection .footer__left .footer_sns .inn {
    margin-top: 10px;
  }
}
@media screen and (max-width: 991px) {
  .footerSection .footer__left .center img {
    max-width: 69px;
  }
}
@media screen and (max-width: 991px) {
  .footerSection .footercenter {
    display: none;
  }
}
.footerSection .footer__right {
  width: 100%;
  width: 100%;
  max-width: 840px;
}
@media screen and (max-width: 1699px) {
  .footerSection .footer__right {
    max-width: 720px;
  }
}
@media screen and (max-width: 1199px) {
  .footerSection .footer__right {
    max-width: 560px;
  }
}
.footer_sns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 auto;
  margin-left: auto;
  margin-right: 0;
  width: 100%;
  max-width: 110px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (min-width: 992px) {
  .footer_sns {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    max-width: 100%;
    margin: 5rem 0.2rem 0 0;
  }
}
.footer_sns .snstext {
  width: 100%;
  margin: 0 0 1rem;
  text-align: left;
  font-weight: 600;
  font-size: 1.1rem;
  font-family: Montserrat, serif;
  color: #d8d8d8;
}
@media screen and (min-width: 768px) {
  .footer_sns .snstext {
    font-size: 1.4rem;
    font-weight: bold;
  }
}
@media screen and (min-width: 992px) {
  .footer_sns .snstext {
    width: auto;
    margin: 0 1rem 0 0;
    font-size: 1.8rem;
    text-align: center;
  }
}
@media screen and (max-width: 1699px) {
  .footer_sns .snstext {
    position: absolute;
    top: 17%;
    margin-right: 0;
  }
}
@media screen and (max-width: 767px) {
  .footer_sns .snstext {
    top: 7%;
  }
}
.footer_sns .snsicon {
  width: 100%;
  max-width: 48px;
  margin: 0;
  text-align: center;
  margin-right: 10px;
}
@media screen and (min-width: 992px) {
  .footer_sns .snsicon {
    max-width: 6rem;
    margin: 0 0 0 1.2rem;
  }
}
@media screen and (min-width: 992px) {
  .footer_sns .snsicon:last-child {
    margin-right: 0;
  }
}
.footer_sns .snsicon a {
  display: inline-block;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media screen and (min-width: 768px) {
  .footer_sns .snsicon a:hover {
    opacity: 0.7;
  }
}

.footerNav {
  position: relative;
}
.footerNav .footerNav__left {
  width: 100%;
  margin: 0 0 50px;
}
@media screen and (min-width: 768px) {
  .footerNav .footerNav__left {
    max-width: 72px;
    margin: 0;
  }
}
.footerNav .footerNav__right {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .footerNav .footerNav__right {
    max-width: 100%;
  }
}

/*フッターメニュー*/
.footermenu {
  text-align: center;
  padding: 0 0 1rem;
}
@media screen and (min-width: 992px) {
  .footermenu {
    text-align: right;
    padding: 0;
  }
}
.footermenu li {
  display: inline-block;
  margin: 0 0.5rem 0.5rem;
  line-height: 1.4;
  font-size: 1.4rem;
  letter-spacing: 0.5px;
}
@media screen and (min-width: 992px) {
  .footermenu li {
    margin: 0 0 1.4rem 1rem;
    font-size: 1.6rem;
  }
}
@media screen and (min-width: 1500px) {
  .footermenu li {
    margin: 0 0 1.4rem 2rem;
    font-size: 2.4rem;
  }
}
.footermenu li a {
  color: #fff;
  font-weight: 900;
  font-family: "Inter", sans-serif;
  display: inline-block;
}
@media screen and (min-width: 768px) {
  .footermenu li a {
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .footermenu li a:hover {
    opacity: 0.5;
    text-decoration: none;
  }
}
@media screen and (min-width: 1200px) {
  .footermenu li.menu-movie {
    margin-left: 3.3rem;
  }
}
@media screen and (min-width: 1200px) {
  .footermenu li.menu-discography {
    margin-left: 3.4rem;
  }
}
@media screen and (min-width: 1200px) {
  .footermenu li.menu-schedule {
    margin-left: 3.1rem;
  }
}
@media screen and (min-width: 1200px) {
  .footermenu li.menu-news {
    margin-left: 3.2rem;
  }
}
@media screen and (min-width: 1200px) {
  .footermenu li.menu-profile {
    margin-left: 3.2rem;
  }
}
@media screen and (min-width: 1200px) {
  .footermenu li.menu-contact {
    margin-left: 3.8rem;
  }
}

.contenttitle {
  font-size: 20px;
  font-weight: bold;
  font-family: Montserrat;
  position: relative;
  margin-top: 20px;
  color: #d8d8d8;
}
@media screen and (max-width: 991px) {
  .contenttitle {
    display: none;
    margin-top: 0;
  }
}
.contenttitle::before {
  content: "";
  position: absolute;
  background: #c2c2c2;
  width: 83%;
  height: 1px;
  right: 0;
  top: 20px;
}
@media screen and (max-width: 1199px) {
  .contenttitle::before {
    width: 75%;
  }
}

.footerNavAdd {
  font-size: 1.2rem;
  text-align: center;
  font-weight: bold;
  margin-bottom: 2rem;
  margin: 0 0 4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-family: Montserrat, serif;
}
@media screen and (min-width: 992px) {
  .footerNavAdd {
    text-align: right;
    margin: 0 0 3.4rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: end;
  }
}
@media screen and (min-width: 1500px) {
  .footerNavAdd {
    font-size: 1.8rem;
    width: 100%;
    max-width: 744px;
    margin-left: auto;
  }
}
@media screen and (max-width: 991px) {
  .footerNavAdd {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    text-align: left;
    font-size: 14px;
  }
}
.footerNavAdd .footerNavAddItem {
  margin-bottom: 1rem;
  color: #d8d8d8;
}
@media screen and (min-width: 992px) {
  .footerNavAdd .footerNavAddItem {
    margin-bottom: 0;
    margin-left: 3rem;
  }
}
@media screen and (min-width: 1700px) {
  .footerNavAdd .footerNavAddItem {
    margin-left: 4rem;
  }
}
@media screen and (max-width: 991px) {
  .footerNavAdd .footerNavAddItem {
    width: 50%;
    margin-left: 2rem;
  }
}
@media screen and (max-width: 767px) {
  .footerNavAdd .footerNavAddItem {
    width: 39%;
    margin-left: 0rem;
  }
}
@media screen and (min-width: 768px) {
  .footerNavAdd .footerNavAddItem a {
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .footerNavAdd .footerNavAddItem a:hover {
    opacity: 0.5;
    text-decoration: none;
  }
}
.footerNavAdd .footerNavAddItem a.el_link01 {
  padding-right: 2.5rem;
  background: url(./images/icon_newwindow.svg) center right;
  background-repeat: no-repeat;
}
.footerNavAdd .footerNavAddItem:last-child {
  margin-bottom: 0;
}

/*コピーライト*/
.copyright {
  text-align: center;
  font-size: 1.1rem;
  line-height: 1;
  color: #d8d8d8;
  padding: 2.8rem 0 2rem;
  letter-spacing: 0.6px;
}
@media screen and (min-width: 768px) {
  .copyright {
    font-size: 1.2rem;
    padding: 5.5rem 0 4rem;
  }
}

/*====================================

  ■neck

=====================================*/
.neck {
  padding: 7rem 1.5rem 1.5rem;
  position: relative;
  z-index: 5;
}
@media screen and (min-width: 768px) {
  .neck {
    padding: 11rem 0 4rem;
  }
}
@media screen and (min-width: 1200px) {
  .neck {
    padding: 13.4rem 0 5.6rem;
  }
}

.neckTitle {
  font-size: 8rem;
  color: #fff;
  text-align: center;
}
@media screen and (min-width: 992px) {
  .neckTitle {
    margin: 0 auto;
  }
}
@media screen and (min-width: 1200px) {
  .neckTitle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    margin: 0 0 0 auto;
    max-width: calc(100% - 41rem);
  }
}
.neckTitle .main_text {
  display: block;
  line-height: 1;
  font-size: 3.5rem;
  font-family: "Inter", sans-serif;
  font-weight: 900;
}
@media screen and (min-width: 768px) {
  .neckTitle .main_text {
    font-size: 4.5rem;
    margin: 0 1rem 0 0;
  }
}
@media screen and (min-width: 992px) {
  .neckTitle .main_text {
    font-size: 4.6rem;
  }
}
@media screen and (min-width: 1500px) {
  .neckTitle .main_text {
    font-size: 9rem;
  }
}
.neckTitle .sub_text {
  display: block;
  font-size: 1.3rem;
  letter-spacing: 1px;
}
@media screen and (min-width: 768px) {
  .neckTitle .sub_text {
    font-size: 1.9rem;
  }
}

.maincatch {
  margin-top: 0.8rem;
  text-align: center;
  position: relative;
}
@media screen and (min-width: 768px) {
  .maincatch {
    min-height: 6.9rem;
  }
}
@media screen and (min-width: 1200px) {
  .maincatch {
    min-height: 9.2rem;
  }
}
.maincatch::before {
  content: "";
  position: absolute;
  background: #f6f8fb;
  height: 831px;
  width: 100%;
  right: 0;
  left: 0;
  margin: auto;
  top: 380px;
  z-index: -1;
}

.top_link {
  position: relative;
  margin-top: 80px;
  padding: 80px 0 200px;
}
@media screen and (max-width: 767px) {
  .top_link {
    padding: 60px 0 120px;
    margin-top: 0;
  }
}
@media screen and (max-width: 767px) {
  .top_link .container {
    padding: 0 30px;
  }
}
.top_link .floatimg {
  position: absolute;
  left: 18%;
  top: -50px;
}
@media screen and (max-width: 1199px) {
  .top_link .floatimg {
    left: 10%;
  }
}
@media screen and (max-width: 991px) {
  .top_link .floatimg {
    left: 10%;
    max-width: 300px;
    top: -30px;
  }
}
@media screen and (max-width: 767px) {
  .top_link .floatimg {
    left: 20px;
    top: -25px;
    max-width: 193px;
  }
}
@media screen and (max-width: 600px) {
  .top_link .floatimg {
    top: -2%;
    left: 10%;
  }
}
.top_link::before {
  content: "";
  position: absolute;
  width: 1640px;
  left: 0;
  top: 0;
  height: 100%;
  background-image: url(images/linkbg.png);
  z-index: -1;
  border-radius: 0 18px 18px 0;
}
@media screen and (max-width: 767px) {
  .top_link::before {
    display: none;
    left: auto;
    right: -1%;
  }
}
@media screen and (max-width: 600px) {
  .top_link::before {
    right: 8%;
    top: 10px;
    background-image: url(images/linkbg_sp.png);
    background-size: cover;
    width: 347px;
    height: 462px;
  }
}
.top_link .linkFlex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: calc(100% + 3rem);
  margin: 0 0 0 -1.5rem;
  padding: 0 0 2rem;
}
@media screen and (min-width: 768px) {
  .top_link .linkFlex {
    margin: auto;
  }
}
.top_link .linkFlex .linkFlexItem {
  width: 100%;
  margin: 0 1.5rem 3rem;
}
@media screen and (min-width: 768px) {
  .top_link .linkFlex .linkFlexItem {
    max-width: calc(33.3333333333% - 3rem);
  }
}
.top_link .linkFlex .linkFlexItem a {
  display: block;
  text-align: center;
}
.top_link .linkFlex .linkFlexItem a img {
  max-width: 100%;
}
.top_link .linkFlex .linkFlexItem a:hover {
  opacity: 0.6;
}
@media screen and (max-width: 767px) {
  .top_link .linkFlex .linkFlexItem a.firstb {
    margin-bottom: 14px;
  }
}

.tagBoxScroll {
  padding: 0 0 2rem;
  margin: 0 0 1rem;
  overflow: auto;
}
.tagBoxScroll .tagBoxScrollInner {
  display: inline-block;
}

.tagBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin: auto;
  padding: 0;
}
.tagBox .tag {
  line-height: 1;
  text-align: center;
  border-radius: 26px;
  background: #fff;
  position: relative;
  width: auto;
  min-width: 11.8rem;
  display: block;
  font-weight: bold;
  font-family: Montserrat;
  white-space: nowrap;
  margin: 0 1.6rem 0 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  overflow: hidden;
  /*
  &.active{
  	color: variable.$color-white;
  	&::before{
  		opacity: 0 !important;
  	}
  }
  &:hover {
  	color: variable.$color-white;
  	background: #f1635e;
  	&::before {
  		opacity: 0 !important;
  	}
  }
  &.tag1 {
  	color: variable.$color-white;
  	background: #f1635e;
  	&::before {
  		display: none;
  	}
  }
  &:nth-child(2n) {
  	&::before {
  		background: linear-gradient(to right, #fff, #fecdd0);
  	}
  	&.active,
  	&:hover {
  		background: #f1315f;
  	}
  }
  &:nth-child(3n) {
  	&::before {
  		background: linear-gradient(to right, #fff, #ffedcf);
  	}
  	&.active,
  	&:hover {
  		background: #f3aa01;
  	}
  }
  &:nth-child(4n) {
  	&::before {
  		background: linear-gradient(to right, #fff, #d1e9d7);
  	}
  	&.active,
  	&:hover {
  		background: #00a78a;
  	}
  }
  &:nth-child(5n) {
  	&::before {
  		background: linear-gradient(to right, #fff, #c3e6f6);
  	}
  	&.active,
  	&:hover {
  		background: #67bef2;
  	}
  }
  &:nth-child(6n) {
  	&::before {
  		background: linear-gradient(to right, #fff, #bdd4ee);
  	}
  	&.active,
  	&:hover {
  		background: #4489ce;
  	}
  }
  &:nth-child(7n) {
  	&::before {
  		background: linear-gradient(to right, #fff, #ddeed3);
  	}
  	&.active,
  	&:hover {
  		background: #90c320;
  	}
  }
  &:nth-child(8n) {
  	&::before {
  		background: linear-gradient(to right, #fff, #d7dfe6);
  	}
  	&.active,
  	&:hover {
  		background: #aab7c2;
  	}
  }
  	*/
}
@media screen and (max-width: 767px) {
  .tagBox .tag {
    min-width: 7.8rem;
    margin: 0 1.2rem 0 0;
    font-size: 12px;
  }
}
.tagBox .tag a {
  position: relative;
  display: block;
  padding: 1rem 2rem;
  border-radius: 2.6rem;
}
@media screen and (min-width: 768px) {
  .tagBox .tag a {
    padding: 0.7rem 1.2rem;
  }
  .tagBox .tag a:hover {
    color: #fff;
  }
  .tagBox .tag a:hover .el_grade {
    opacity: 0;
  }
  .tagBox .tag a:hover::before {
    opacity: 0;
  }
}
.tagBox .tag a .el_grade {
  display: inline-block;
  position: absolute;
  width: 4rem;
  height: 100%;
  top: 0;
  right: 0;
  border-radius: 0 2.6rem 2.6rem 0;
  z-index: 2;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.tagBox .tag a .el_text {
  display: inline-block;
  position: relative;
  z-index: 3;
}
.tagBox .tag a::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.tagBox .tag.active a {
  color: #fff;
}
.tagBox .tag.active a .el_grade {
  opacity: 0;
}
.tagBox .tag.active a::before {
  opacity: 0;
}
.tagBox .tag.tag1 {
  background: #f1315f;
  color: #fff;
}
.tagBox .tag.tag1 a::before {
  display: none;
}
.tagBox .tag.tag2 {
  background: #98A3B1;
  color: #fff;
}
.tagBox .tag.tag2 a::before {
  display: none;
}

/*=================================
ニュースセクション
=================================*/
.topNews {
  overflow: hidden;
  padding: 6.5rem 0 5.5rem;
  background: rgb(246, 248, 251);
  background: linear-gradient(45deg, rgb(246, 248, 251) 0%, rgb(242, 244, 245) 100%);
}
@media screen and (min-width: 768px) {
  .topNews {
    padding: 6rem 0 4rem;
    background: none;
  }
}
@media screen and (min-width: 1500px) {
  .topNews {
    padding: 8rem 0 6rem;
    background: none;
  }
}
.topNews .container {
  max-width: 1114px;
  padding: 0;
}
@media screen and (max-width: 1199px) {
  .topNews .container {
    padding: 0 14px;
    max-width: 920px;
  }
}
@media screen and (max-width: 767px) {
  .topNews .container {
    padding: 0 25px;
    max-width: 920px;
  }
}
.topNews .topNewsWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: calc(100% + 2.8rem);
  margin: 0 0 2rem -1.4rem;
}
@media screen and (max-width: 767px) {
  .topNews .topNewsWrap {
    margin: 0 0 0 -1.4rem;
  }
}
.topNews .topNewsWrap .topNewsItem {
  width: 100%;
  max-width: calc(100% - 2.8rem);
  margin: 0 1.4rem 3.8rem;
}
@media screen and (min-width: 768px) {
  .topNews .topNewsWrap .topNewsItem {
    max-width: calc(50% - 4.8rem);
  }
}
@media screen and (min-width: 1200px) {
  .topNews .topNewsWrap .topNewsItem {
    max-width: calc(33.3333333333% - 2.8rem);
  }
}
@media screen and (max-width: 1199px) {
  .topNews .topNewsWrap .topNewsItem {
    margin: 0 2.4rem 3.8rem;
  }
}
@media screen and (max-width: 767px) {
  .topNews .topNewsWrap .topNewsItem {
    margin: 0 1.4rem 2.8rem;
  }
}
@media screen and (max-width: 600px) {
  .topNews .topNewsWrap .topNewsItem {
    margin: 0 1.4rem 3.8rem;
  }
}
@media screen and (min-width: 768px) {
  .topNews .topNewsWrap .topNewsItem .topNewsItemInner {
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .topNews .topNewsWrap .topNewsItem .topNewsItemInner:hover {
    opacity: 0.7;
  }
}
.topNews .topNewsWrap .topNewsItem .topNewsItemInner .imgb {
  background-color: #fff;
  border-radius: 0.8rem;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  text-align: center;
  margin: 0 auto 2rem;
}
@media screen and (min-width: 768px) {
  .topNews .topNewsWrap .topNewsItem .topNewsItemInner .imgb img {
    width: 100%;
    max-width: 100%;
  }
}
.topNews .topNewsWrap .topNewsItem .topNewsItemInner .textbox .newsTag {
  color: #fff;
}
@media screen and (min-width: 768px) {
  .topNews .topNewsWrap .topNewsItem .topNewsItemInner .textbox .newsTag {
    padding: 0 0 0 6.5rem;
  }
}
@media screen and (max-width: 767px) {
  .topNews .topNewsWrap .topNewsItem .topNewsItemInner .textbox .newsTag {
    margin-left: 65px;
  }
}
.topNews .topNewsWrap .topNewsItem .topNewsItemInner .textbox .newsTag .num {
  display: inline-block;
  padding: 0.2rem 1rem;
  font-size: 1.2rem;
  margin: 0 1rem 1rem 0;
  color: #fff;
  border-radius: 100px;
  font-family: "Montserrat", sans-serif;
  text-align: center;
  min-width: 10rem;
}
.topNews .topNewsWrap .topNewsItem .topNewsItemInner .textbox .t_flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.topNews .topNewsWrap .topNewsItem .topNewsItemInner .textbox .t_flex .dateblock {
  width: 10%;
  min-width: 5rem;
  margin-right: 1.5rem;
}
.topNews .topNewsWrap .topNewsItem .topNewsItemInner .textbox .t_flex .dateblock .top {
  height: 51px;
  width: 51px;
  font-size: 19px;
  font-weight: bold;
  font-family: "Montserrat", sans-serif;
  color: #fff;
  padding: 0px 5px 20px 5px;
  background: #00a78a;
  position: relative;
  z-index: 1;
}
.topNews .topNewsWrap .topNewsItem .topNewsItemInner .textbox .t_flex .dateblock .top::before {
  content: "";
  position: absolute;
  border-top: 50px solid transparent;
  border-right: 50px solid #65c4b3;
  right: 0;
  bottom: 0;
}
.topNews .topNewsWrap .topNewsItem .topNewsItemInner .textbox .t_flex .dateblock .top .span2 {
  position: absolute;
  bottom: -3px;
  right: 2px;
}
.topNews .topNewsWrap .topNewsItem .topNewsItemInner .textbox .t_flex .dateblock .bottom {
  text-align: center;
  font-size: 1.4rem;
  font-weight: 500;
  margin-right: 0;
  font-family: "Montserrat", sans-serif;
  color: #514F4E;
}
.topNews .topNewsWrap .topNewsItem .topNewsItemInner .textbox .t_flex .titleone {
  width: 100;
  line-height: 1.4;
  font-size: 1.6rem;
  font-weight: bold;
  margin: 0 0 1rem;
  color: #514F4E;
}
.topNews.--archive {
  background: none;
  padding: 5rem 0 2rem;
}
@media screen and (min-width: 768px) {
  .topNews.--archive {
    padding: 6rem 0 7rem;
  }
}

/*=================================
フレンズセクション
=================================*/
.top_friends {
  margin: 0;
  padding: 6.3rem 0 5rem;
  position: relative;
}
@media screen and (min-width: 768px) {
  .top_friends {
    padding: 5.6rem 0 14rem;
  }
}
@media screen and (min-width: 1200px) {
  .top_friends {
    padding: 6.6rem 0 10rem;
  }
}
@media screen and (min-width: 1500px) {
  .top_friends {
    padding: 5.6rem 0 13rem;
  }
}
.top_friends * {
  min-width: 0;
  min-height: 0;
}
.top_friends > div {
  position: relative;
  z-index: 5;
}
.top_friends::before {
  content: "";
  display: block;
  background-position: top right;
  background-image: url(images/f_pattern.png);
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 1;
  opacity: 0.3;
}
@media screen and (min-width: 768px) {
  .top_friends::before {
    max-width: calc(100% - 5rem);
    border-radius: 0 1.8rem 1.8rem 0;
  }
}
@media screen and (min-width: 1500px) {
  .top_friends::before {
    border-radius: 0 1.8rem 1.8rem 0;
    max-width: calc(100% - 28.1rem);
  }
}
.top_friends:after {
  content: "";
  display: block;
  background-image: repeating-linear-gradient(to right, hwb(0 10% 10%), hsl(60, 80%, 50%), hsl(120, 80%, 50%), hsl(180, 80%, 50%), hsl(240, 80%, 50%), hsl(300, 80%, 50%), hsl(0, 80%, 50%) 50%);
  background-size: 200% 200%; /* 背景サイズを大きくしてシームレスに */
  -webkit-animation: colorRotation 19s linear 0s infinite;
          animation: colorRotation 19s linear 0s infinite;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  opacity: 0.1;
}
@media screen and (min-width: 768px) {
  .top_friends:after {
    max-width: calc(100% - 5rem);
    border-radius: 0 1.8rem 1.8rem 0;
  }
}
@media screen and (min-width: 1500px) {
  .top_friends:after {
    max-width: calc(100% - 28.1rem);
  }
}
.top_friends .scroll_flex {
  position: relative;
  z-index: 5;
  background-image: url(images/pro_bg1.png);
  background-position: left -3rem bottom 18rem;
  background-size: auto 217px;
}
@media screen and (min-width: 768px) {
  .top_friends .scroll_flex {
    background-image: url(images/pro_bg1.png);
    background-position: right -600px top 0px;
    background-size: auto auto;
  }
}
@media screen and (min-width: 992px) {
  .top_friends .scroll_flex {
    background-position: right -450px top 50px;
  }
}
@media screen and (min-width: 1200px) {
  .top_friends .scroll_flex {
    background-position: right -300px top 50px;
  }
}
@media screen and (min-width: 1500px) {
  .top_friends .scroll_flex {
    background-position: right -200px top 50px;
  }
}
@media screen and (min-width: 1700px) {
  .top_friends .scroll_flex {
    background-position: right top 50px;
  }
}
@media screen and (min-width: 768px) {
  .top_friends .scroll_flex .containerin {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.top_friends .scroll_flex .textside {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .top_friends .scroll_flex .textside {
    size: 33%;
  }
}
@media screen and (min-width: 1500px) {
  .top_friends .scroll_flex .textside {
    margin-left: 10.5%;
    margin-top: 110px;
  }
}
@media screen and (min-width: 1700px) {
  .top_friends .scroll_flex .textside {
    margin-left: 12.5%;
  }
}
.top_friends .scroll_flex .txt {
  margin: 0 0 5rem;
}
@media screen and (min-width: 768px) {
  .top_friends .scroll_flex .txt {
    margin: 0 0 5rem;
  }
}
.top_friends .slidergroup {
  position: relative;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .top_friends .slidergroup {
    size: 67%;
  }
}
.top_friends .slidergroup .slidergroupinner {
  width: 100%;
}
.top_friends .slidergroup .slidergroupinner .slick-arrow {
  display: none;
}
@media screen and (min-width: 768px) {
  .top_friends .slidergroup .slidergroupinner .slick-arrow {
    display: block;
  }
}
.top_friends .slidergroup .slidergroupinner .imgside {
  position: relative;
  z-index: 1;
}
.top_friends .slidergroup .slidergroupinner .imgside .imgsideinner {
  max-width: 56rem;
  margin: auto;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .top_friends .slidergroup .slidergroupinner .imgside .imgsideinner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: left;
  }
}
@media screen and (max-width: 1199px) {
  .top_friends .slidergroup .slidergroupinner .imgside .imgsideinner {
    margin-top: 30px;
  }
}
@media screen and (max-width: 767px) {
  .top_friends .slidergroup .slidergroupinner .imgside .imgsideinner {
    margin-top: 0px;
  }
}
.top_friends .slidergroup .slidergroupinner .imgside .imgsideinner .imgone {
  width: 100%;
  max-width: 15.6rem;
  margin: 0 auto 1rem;
}
@media screen and (min-width: 768px) {
  .top_friends .slidergroup .slidergroupinner .imgside .imgsideinner .imgone {
    max-width: 24.6rem;
    margin: 0;
    margin-right: 15px;
  }
}
@media screen and (min-width: 1500px) {
  .top_friends .slidergroup .slidergroupinner .imgside .imgsideinner .imgone {
    max-width: 26.6rem;
    margin-right: 30px;
  }
}
.top_friends .slidergroup .slidergroupinner .imgside .imgsideinner .textblock {
  color: #514F4E;
}
@media screen and (min-width: 768px) {
  .top_friends .slidergroup .slidergroupinner .imgside .imgsideinner .textblock {
    color: #fff;
    padding: 5rem 0 0;
  }
}
@media screen and (min-width: 1200px) {
  .top_friends .slidergroup .slidergroupinner .imgside .imgsideinner .textblock {
    padding: 10rem 0 0;
  }
}
.top_friends .slidergroup .slidergroupinner .imgside .imgsideinner .textblock .titleone {
  font-size: 2.1rem;
  font-weight: 900;
  line-height: 1.4;
  margin: 0 0 0.5rem;
  white-space: nowrap;
}
@media screen and (min-width: 768px) {
  .top_friends .slidergroup .slidergroupinner .imgside .imgsideinner .textblock .titleone {
    font-size: 1.7rem;
    margin: 0 0 1.7rem;
  }
}
@media screen and (min-width: 1500px) {
  .top_friends .slidergroup .slidergroupinner .imgside .imgsideinner .textblock .titleone {
    font-size: 28px;
  }
}
.top_friends .slidergroup .slidergroupinner .imgside .imgsideinner .textblock .minititle {
  font-size: 1.6rem;
  color: #514F4E;
  font-family: "Montserrat", sans-serif;
  margin: 0 0 1rem;
  line-height: 1.4;
}
@media screen and (min-width: 768px) {
  .top_friends .slidergroup .slidergroupinner .imgside .imgsideinner .textblock .minititle {
    color: #c2d0d9;
    margin: 0 0 2.5rem;
  }
}
@media screen and (min-width: 1500px) {
  .top_friends .slidergroup .slidergroupinner .imgside .imgsideinner .textblock .minititle {
    margin: 0 0 4rem;
  }
}
.top_friends .slidergroup .slidergroupinner .imgside .imgsideinner .textblock .txt {
  font-size: 13px;
  margin: 0 0 0rem;
}
@media screen and (min-width: 768px) {
  .top_friends .slidergroup .slidergroupinner .imgside .imgsideinner .textblock .txt {
    margin: 0 0 3rem;
  }
}
.top_friends .slidergroup .slidergroupinner .nav-arrow img {
  cursor: pointer;
  border-radius: 50%;
  position: absolute;
  z-index: 2;
  top: auto;
  bottom: -8%;
  left: 14px;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}
@media screen and (max-width: 600px) {
  .top_friends .slidergroup .slidergroupinner .nav-arrow img {
    top: 0;
  }
}
.top_friends .slidergroup .slidergroupinner .next-arrow img {
  cursor: pointer;
  border-radius: 50%;
  z-index: 2;
  position: absolute;
  bottom: -8%;
  right: 0px;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}
.top_friends .slidebutton {
  position: relative;
  margin: 0 auto 30px;
}
@media screen and (min-width: 768px) {
  .top_friends .slidebutton {
    margin: 0 0 0 auto;
    max-width: 66%;
  }
}
.top_friends .slidebutton .slidebuttoninner {
  position: absolute;
  padding: 0;
  margin: 0;
  right: 18%;
  bottom: 0px;
}
@media screen and (max-width: 1499px) {
  .top_friends .slidebutton .slidebuttoninner {
    bottom: -80px;
    right: 7%;
  }
}
@media screen and (max-width: 1199px) {
  .top_friends .slidebutton .slidebuttoninner {
    bottom: -100px;
    right: 23%;
  }
}
@media screen and (max-width: 991px) {
  .top_friends .slidebutton .slidebuttoninner {
    right: 8%;
  }
}
@media screen and (max-width: 767px) {
  .top_friends .slidebutton .slidebuttoninner {
    position: static;
  }
}
@media screen and (min-width: 768px) {
  .top_friends .slidebutton .slidebuttoninner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.top_friends .slidebutton .slidebuttoninner .slick-list {
  width: 100%;
  max-width: calc(100% - 12rem);
  margin: auto;
}
@media screen and (min-width: 768px) {
  .top_friends .slidebutton .slidebuttoninner .slick-list {
    max-width: 566px;
    margin: 0 1.8rem;
  }
}
.top_friends .slidebutton .slidebuttoninner li {
  line-height: 1;
  text-align: center;
}
.top_friends .slidebutton .slidebuttoninner li img {
  width: 100%;
  max-width: calc(100% - 0.4rem);
  display: block;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .top_friends .slidebutton .slidebuttoninner li img {
    max-width: calc(100% - 1rem);
  }
}
.top_friends .slidebutton .slidebuttoninner .slick-arrow {
  position: absolute;
  top: 50%;
  transform: translate(0%, -50%);
  -webkit-transform: translate(0%, -50%);
  -ms-transform: translate(0%, -50%);
  display: inline-block;
  width: 3.4rem;
  height: 3.4rem;
  background-position: center center;
  background-size: 100% auto;
  background-repeat: no-repeat;
  cursor: pointer;
}
@media screen and (min-width: 768px) {
  .top_friends .slidebutton .slidebuttoninner .slick-arrow {
    position: static;
    transform: translate(0%, 0%);
    -webkit-transform: translate(0%, 0%);
    -ms-transform: translate(0%, 0%);
    width: 5rem;
    height: 5rem;
  }
}
.top_friends .slidebutton .slidebuttoninner .slick-arrow.prev-arrow {
  right: auto;
  left: 1.5rem;
  background-image: url(./images/icon_prev01_black.svg);
}
@media screen and (min-width: 768px) {
  .top_friends .slidebutton .slidebuttoninner .slick-arrow.prev-arrow:hover {
    background-image: url(./images/icon_prev01_gray.svg);
  }
}
.top_friends .slidebutton .slidebuttoninner .slick-arrow.next-arrow {
  right: 1.5rem;
  left: auto;
  background-image: url(./images/icon_next01_black.svg);
}
@media screen and (min-width: 768px) {
  .top_friends .slidebutton .slidebuttoninner .slick-arrow.next-arrow:hover {
    background-image: url(./images/icon_next01_gray.svg);
  }
}

@-webkit-keyframes colorRotation {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 100% 100%; /* 終了位置を開始位置と一致させる */
  }
}

@keyframes colorRotation {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 100% 100%; /* 終了位置を開始位置と一致させる */
  }
}
.titleflex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}
.titleflex .minititle {
  margin-left: 15px;
}

.maincatch {
  position: relative;
}

/*=================================
ムービーセクション
=================================*/
.top_movie {
  position: relative;
  background-image: url(images/movie_bg.jpg);
  padding: 7rem 0 7rem;
}
@media screen and (min-width: 768px) {
  .top_movie {
    padding: 8rem 0 8rem;
  }
}
@media screen and (min-width: 992px) {
  .top_movie {
    padding: 7rem 0 5rem;
  }
}
@media screen and (min-width: 1500px) {
  .top_movie {
    padding: 13rem 0 8rem;
  }
}
@media screen and (max-width: 1499px) {
  .top_movie {
    background-size: cover;
  }
}
@media screen and (max-width: 767px) {
  .top_movie {
    background-size: cover;
    background-position: left;
  }
}
.top_movie .rellax {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  text-align: center;
}
.top_movie .rellax img {
  margin: auto;
}
.top_movie .rellax.rellax01 {
  z-index: 1;
}
.top_movie .rellax.rellax01 img {
  margin: 5rem -3rem 0 auto;
}
@media screen and (min-width: 768px) {
  .top_movie .rellax.rellax01 img {
    margin: auto;
  }
}
.top_movie .rellax.rellax02 {
  z-index: 2;
}
.top_movie .rellax.rellax02 img {
  margin: auto;
}
@media screen and (min-width: 768px) {
  .top_movie .rellax.rellax02 img {
    margin: auto;
  }
}
.top_movie .rellax.rellax03 {
  z-index: 3;
}
.top_movie .rellax.rellax03 img {
  margin: 0;
}
@media screen and (min-width: 768px) {
  .top_movie .rellax.rellax03 img {
    margin: auto;
  }
}
.top_movie .rellax.rellax04 {
  z-index: 4;
}
.top_movie .rellax.rellax04 img {
  margin: 8rem 0 0;
}
@media screen and (min-width: 768px) {
  .top_movie .rellax.rellax04 img {
    margin: auto;
  }
}

.top_movie_inner {
  position: relative;
  z-index: 10;
}

.movieboxOuter {
  position: relative;
  width: 100%;
  max-width: 168.5rem;
  margin: auto;
  padding: 0 1.5rem;
  margin-top: 54px;
}
@media screen and (max-width: 767px) {
  .movieboxOuter {
    margin-top: 0;
  }
}
.movieboxOuter .slick-arrow {
  display: none;
  background-size: 100% auto;
  background-position: center center;
  background-repeat: no-repeat;
  cursor: pointer;
}
@media screen and (min-width: 768px) {
  .movieboxOuter .slick-arrow {
    display: inline-block;
    width: 5.56rem;
    height: 5.56rem;
    position: absolute;
    top: 38%;
    transform: translate(0%, -50%);
    -webkit-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    z-index: 2;
  }
  .movieboxOuter .slick-arrow:hover {
    opacity: 0.7;
  }
}
@media screen and (min-width: 1200px) {
  .movieboxOuter .slick-arrow {
    width: 8.7rem;
    height: 8.7rem;
  }
}
@media screen and (min-width: 1500px) {
  .movieboxOuter .slick-arrow {
    width: 10.5rem;
    height: 10.5rem;
  }
}
.movieboxOuter .slick-arrow.prev-arrow {
  background-image: url(./images/left_arrow.svg);
  left: 15px;
}
@media screen and (min-width: 992px) {
  .movieboxOuter .slick-arrow.prev-arrow {
    left: 0;
  }
}
.movieboxOuter .slick-arrow.next-arrow {
  background-image: url(./images/right_arrow.svg);
  right: 15px;
}
@media screen and (min-width: 992px) {
  .movieboxOuter .slick-arrow.next-arrow {
    right: 0;
  }
}

.moviebox {
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .moviebox {
    min-height: 18rem;
  }
}
@media screen and (min-width: 992px) {
  .moviebox {
    min-height: 32rem;
  }
}
@media screen and (min-width: 1200px) {
  .moviebox {
    min-height: 42rem;
  }
}
@media screen and (min-width: 1500px) {
  .moviebox {
    min-height: 50rem;
  }
}

.movieboxSlideThum {
  padding: 0 0 0 1.5rem;
  overflow: visible;
  min-width: calc(150% - 4rem);
}
@media screen and (min-width: 768px) {
  .movieboxSlideThum {
    min-width: 100%;
    padding: auto;
    overflow: auto;
  }
}

@media screen and (min-width: 768px) {
  .movieone {
    -webkit-transform: scale(0.65);
            transform: scale(0.65); /* 中央のスライドを20%大きくする */
    -webkit-transition: 0.5s ease;
    transition: 0.5s ease; /* なめらかなアニメーション */
  }
}
.movieone .movieoneInner {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  width: calc(100% - 1rem);
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .movieone .movieoneInner {
    width: 100%;
    width: calc(100% - 3rem);
    margin: auto;
  }
}
.movieone .movieoneInner .img {
  text-align: center;
  position: relative;
  overflow: hidden;
  text-align: center;
  margin: 0 0 1rem;
}
.movieone .movieoneInner .img img {
  display: inline-block;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  width: 100%;
}
.movieone .movieoneInner .date {
  font-family: "Montserrat", sans-serif;
  font-size: 1.4rem;
  margin-top: 1rem;
}
@media screen and (min-width: 768px) {
  .movieone .movieoneInner .date {
    text-align: right;
  }
}
.movieone .movieoneInner .date span {
  padding: 0.3rem 1rem;
  font-size: 1.2rem;
  margin-right: 1rem;
  color: #e54949;
  border-radius: 100px;
  background: #fff;
  font-weight: 600;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN,", "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.movieone .movieoneInner .txt {
  line-height: 1.4;
  font-size: 1.4rem;
  font-weight: bold;
}
@media screen and (min-width: 768px) {
  .movieone .movieoneInner .txt {
    font-size: 1.8rem;
  }
}
@media screen and (min-width: 768px) {
  .movieone.slick-center {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@media screen and (min-width: 768px) {
  .movieone.slick-center .movieoneInner {
    width: calc(80% + 10rem);
    margin-left: -2.7rem;
  }
}
@media screen and (min-width: 992px) {
  .movieone.slick-center .movieoneInner {
    width: calc(100% + 12rem);
    margin-left: -6rem;
  }
}
.movieboxSlideSP {
  margin: 0 auto 2.5rem;
}
.movieboxSlideSP .movieone .movieoneInner {
  width: 100%;
}

/*====================================

  ■ステータス

=====================================*/
.postDate {
  line-height: 1;
  font-size: 1.4rem;
  font-family: "Montserrat", sans-serif;
  font-weight: normal;
  color: #514F4E;
  margin: 0.3rem 1.2rem 0.8rem 0;
}

.postCat {
  margin: 0;
  padding: 0;
}
.postCat li {
  display: inline-block;
  margin: 0 1rem 1rem 0;
  border-radius: 5rem;
  min-width: 10rem;
  text-align: center;
  padding: 0.1rem 1rem 0.3rem;
  font-size: 1.2rem;
  line-height: 1.4;
}

.postStatus {
  margin: 0 0 0.5rem;
}
@media screen and (min-width: 768px) {
  .postStatus {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

/*====================================

  ■お知らせ

=====================================*/
.singlePost {
  padding: 6rem 0 3rem;
  margin: 0 0 10.35rem;
}
@media screen and (min-width: 768px) {
  .singlePost {
    margin: 0 0 20.7rem;
  }
}
.singlePost .container {
  max-width: 123.2rem;
}
.singlePost .singlePostWrap {
  background-color: #fff;
  border-radius: 0.5rem;
  padding: 3rem 1.5rem 0;
  overflow: hidden;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.05);
}
@media screen and (min-width: 768px) {
  .singlePost .singlePostWrap {
    border-radius: 1.8rem;
    padding: 7.5rem 9.5rem 4.5rem;
  }
}

/*====================================

  ■記事詳細見出し

=====================================*/
.postSingleHeadline {
  line-height: 1.4;
  font-size: 2rem;
  font-weight: bold;
  padding: 0 0 2rem;
  margin: 0 0 0.7rem;
  background-image: url(./images/deco_underline01.svg);
  background-position: bottom center;
  background-repeat: no-repeat;
}
@media screen and (min-width: 768px) {
  .postSingleHeadline {
    font-size: 2.2rem;
    margin: 0 0 2.1rem;
  }
}

/*====================================

  ■投稿基本設定

=====================================*/
.post__content {
  padding: 0 0 3rem;
}
.post__content .clearfix > *:last-child {
  margin-bottom: 0;
}
.post__content:after {
  clear: both;
}
.post__content img {
  display: inline-block;
  max-width: 100%;
  height: auto;
  margin: 0 0 2rem;
}
.post__content img.aligncenter {
  margin: 20px auto;
}
.post__content h1 {
  line-height: 1.4;
  margin: 20px 0 10px;
  font-size: 2.4rem;
  font-weight: bold;
  position: relative;
}
@media screen and (min-width: 768px) {
  .post__content h1 {
    font-size: 2.7rem;
  }
}
.post__content h1::before {
  content: "";
  display: inline-block;
  margin: 0 0.5rem 0 0;
  border: 5px solid #00A78A;
  border-radius: 100%;
  width: 2rem;
  height: 2rem;
}
.post__content h2 {
  line-height: 1.4;
  font-size: 2.1rem;
  margin: 20px 0 10px;
  padding: 9px 10px 9px 12px;
  background: #00A78A;
  color: #fff;
  border-radius: 0.7rem;
}
@media screen and (min-width: 768px) {
  .post__content h2 {
    font-size: 2.4rem;
  }
}
.post__content h3 {
  line-height: 1.4;
  font-size: 1.8rem;
  margin: 20px 0 10px;
  padding: 0 0 0 15px;
  position: relative;
}
@media screen and (min-width: 768px) {
  .post__content h3 {
    font-size: 2.1rem;
  }
}
.post__content h3::before {
  content: "";
  display: inline-block;
  width: 5px;
  height: 100%;
  background: #00A78A;
  position: absolute;
  top: 0;
  left: 0;
}
.post__content h4 {
  line-height: 1.4;
  font-size: 1.7rem;
  margin: 20px 0;
  padding: 0 0 1rem;
  border-bottom: 1px solid #d6d6d6;
}
@media screen and (min-width: 768px) {
  .post__content h4 {
    font-size: 2rem;
  }
}
.post__content h5 {
  line-height: 1.4;
  font-size: 1.6rem;
  margin: 20px 0;
  padding: 0 0 0 20px;
  position: relative;
}
@media screen and (min-width: 768px) {
  .post__content h5 {
    font-size: 1.8rem;
  }
}
.post__content h5::before {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  background: #00A78A;
  position: absolute;
  top: 6px;
  left: 0;
}
@media screen and (min-width: 768px) {
  .post__content h5::before {
    top: 9px;
  }
}
.post__content h5::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 6px;
  left: 0;
  z-index: 1;
  border-top: 10px solid transparent;
  border-right: 10px solid #514F4E;
}
@media screen and (min-width: 768px) {
  .post__content h5::after {
    top: 9px;
  }
}
.post__content h6 {
  line-height: 1.4;
  font-size: 1.5rem;
  margin: 20px 0;
}
@media screen and (min-width: 768px) {
  .post__content h6 {
    font-size: 1.7rem;
  }
}
.post__content h1,
.post__content h2,
.post__content h3,
.post__content h4,
.post__content h5,
.post__content h6 {
  line-height: 1.4;
  margin: 2rem 0;
}
@media screen and (min-width: 768px) {
  .post__content h1,
  .post__content h2,
  .post__content h3,
  .post__content h4,
  .post__content h5,
  .post__content h6 {
    margin: 3rem 0 2rem;
  }
}
.post__content div {
  max-width: 100%;
}
.post__content p {
  margin-bottom: 2rem;
}
@media screen and (min-width: 768px) {
  .post__content p {
    font-size: 1.7rem;
  }
}
.post__content a {
  text-decoration: underline;
}
.post__content a:hover {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media screen and (min-width: 768px) {
  .post__content a:hover {
    text-decoration: none;
    opacity: 0.5;
  }
}
.post__content ul,
.post__content ol {
  margin: 15px 0;
  padding: 0 0 0 20px;
}
@media screen and (min-width: 768px) {
  .post__content ul,
  .post__content ol {
    padding: 0 0 0 23px;
  }
}
.post__content ul li,
.post__content ol li {
  margin: 5px 0;
  text-indent: 5px;
}
@media screen and (min-width: 768px) {
  .post__content ul li,
  .post__content ol li {
    font-size: 1.7rem;
  }
}
.post__content ul li ul,
.post__content ul li ol,
.post__content ol li ul,
.post__content ol li ol {
  margin-top: 5px;
  margin-bottom: 0;
  margin-left: 15px;
}
.post__content ul {
  list-style-type: disc;
}
.post__content ol {
  list-style-type: decimal;
}
.post__content table {
  border-collapse: collapse;
  width: 100%;
  margin: 20px 0;
}
.post__content table th {
  background: #eee;
  border: 1px solid #ccc;
  padding: 10px;
}
.post__content table td {
  border: 1px solid #ccc;
  padding: 10px;
}
.post__content .wp-block-quote cite {
  background: #F55A66;
  padding: 1rem;
  border-top: 1px solid #514F4E;
  border-bottom: 1px solid #514F4E;
}
.post__content .wp-block-buttons {
  margin: 3rem 0;
}
.post__content .wp-block-buttons a,
.post__content .wp-block-buttons .wp-block-button__link {
  text-decoration: none;
  text-align: center;
  border: 1px solid rgba(255, 255, 255, 0);
  background-color: #313233;
  font-size: 1.5rem;
  font-weight: bold;
}
@media screen and (min-width: 768px) {
  .post__content .wp-block-buttons a,
  .post__content .wp-block-buttons .wp-block-button__link {
    font-size: 1.7rem;
  }
}
.post__content .wp-block-buttons a:hover,
.post__content .wp-block-buttons .wp-block-button__link:hover {
  background-color: #fff;
  border: 1px solid #313233;
  color: #313233;
}
.post__content .wp-block-embed {
  position: relative;
  margin: 3rem 0;
}
.post__content .wp-block-embed .wp-block-embed__wrapper {
  position: relative;
  padding-top: 56.25%;
}
.post__content .wp-block-embed .wp-block-embed__wrapper iframe {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.post__content .wp-block-columns {
  display: block;
}
@media screen and (min-width: 768px) {
  .post__content .wp-block-columns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

/*投稿が何もなかった時の表示用*/
.null__block {
  width: 100%;
  text-align: center;
  padding: 20px;
  background-color: #fff;
  border-radius: 5px;
}

/*左寄せ*/
.alignleft {
  margin-top: 10px;
  margin-bottom: 10px;
}
@media screen and (min-width: 768px) {
  .alignleft {
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
  }
}

/*右寄せ*/
.alignright {
  margin-top: 10px;
  margin-bottom: 10px;
}
@media screen and (min-width: 768px) {
  .alignright {
    float: right;
    margin-left: 20px;
    margin-bottom: 20px;
  }
}

#hidden_iframe {
  border: none;
  overflow: hidden;
  height: 0;
  width: 0;
  opacity: 0;
}

.mailform {
  max-width: 100rem;
  margin: 0 auto;
}
.mailform > .text {
  text-align: left;
}
@media screen and (min-width: 768px) {
  .mailform > .text {
    padding-bottom: 5rem;
    margin-bottom: 5rem;
    border-bottom: 2px dotted #d6d6d6;
    font-size: 1.7rem;
  }
}
.mailform > .text.center {
  text-align: center !important;
}

.formError .formErrorContent {
  background-color: #ca116d !important;
}

.tableForm {
  text-align: center;
  width: 100%;
  border-collapse: collapse;
  margin: 0 auto 30px;
}
@media screen and (max-width: 767px) {
  .tableForm {
    display: block;
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .tableForm tbody {
    display: block;
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .tableForm tr {
    display: block;
    width: 100%;
    border-left: none;
  }
}
.tableForm tr.hidden {
  display: none !important;
}
.tableForm th {
  font-weight: 500;
  padding: 28px 10px 15px 15px;
  text-align: left;
  font-size: 1.5rem;
  color: #313233;
  vertical-align: top;
  width: 20%;
  min-width: 200px;
  font-weight: bold;
}
@media screen and (min-width: 768px) {
  .tableForm th {
    width: 300px;
  }
}
@media screen and (max-width: 767px) {
  .tableForm th {
    display: block;
    width: 100%;
    padding: 10px 0;
    font-size: 1.4rem;
    text-align: left;
    min-width: auto;
  }
}
.tableForm th .inner {
  display: block;
  position: relative;
  line-height: 1;
}
.tableForm th .inner span {
  display: inline-block;
  background: #ca116d;
  color: #fff;
  font-size: 1.1rem;
  padding: 4px 7px 6px;
  border-radius: 2rem;
  margin: 0 0 0 15px;
  line-height: 1;
  min-width: 5rem;
  text-align: center;
}
.tableForm td {
  text-align: left;
  font-weight: normal;
  padding: 15px 10px 15px 15px;
  letter-spacing: 1px;
  vertical-align: top;
  position: relative;
}
@media screen and (max-width: 767px) {
  .tableForm td {
    display: block;
    width: 100%;
    padding: 10px 0;
    word-break: break-all;
    font-size: 1.4rem;
  }
}
.tableForm td .selectWrap {
  position: relative;
  /*日程*/
}
.tableForm td .selectWrap::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 1.7rem;
  right: 0.8rem;
  background-image: url(./images/icon_downarrow01_black.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 1rem auto;
  width: 1rem;
  height: 1rem;
  pointer-events: none;
}
.tableForm td .selectWrap--date {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 1rem;
}
.tableForm td .selectWrap--date::before {
  display: none;
}
.tableForm td .selectWrap--date .selectWrapItem {
  width: 100%;
  padding: 0 3rem 0 0;
  position: relative;
}
.tableForm td .selectWrap--date .selectWrapItem .selectWrapChild {
  position: relative;
  /*
  &::before{
    content: '';
    display: inline-block;
    position: absolute;
    top: 1.7rem;
    right: 0.8rem;
    background-image: url(./images/icon_downarrow01_black.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 1rem auto;
    width: 1rem;
    height: 1rem;
    pointer-events: none;
  }
  */
}
.tableForm td .selectWrap--date .selectWrapItem .selectWrapUnit {
  display: inline-block;
  position: absolute;
  top: 0.8rem;
  right: 0.5rem;
  /*
  top: 50%;
  right: 0.5rem;
  transform: translate(0%,-50%);
  -webkit-transform: translate(0%,-50%);
  -ms-transform: translate(0%,-50%);
  */
}
.tableForm td input[type=text],
.tableForm td input[type=email],
.tableForm td input[type=tel],
.tableForm td input[type=email],
.tableForm td select,
.tableForm td textarea {
  -webkit-appearance: none;
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  width: 100%;
  line-height: 2;
  padding: 5px 10px;
  background: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #d6d6d6;
  border-radius: 4px;
  min-height: 42px;
}
.tableForm td input[type=checkbox] + label,
.tableForm td input[type=radio] + label {
  display: inline-block;
}
.tableForm td textarea {
  resize: vertical;
  height: 310px;
}
.tableForm td select {
  color: #818181;
}
.tableForm td p {
  font-size: 1.3rem;
}
.tableForm td a {
  color: #00A78A;
}
.tableForm td label {
  display: block;
}
.tableForm td label.input_custom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.tableForm td label.input_custom input {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  max-width: calc(100% - 42px);
}
.tableForm td label.input_custom > span {
  width: 42px;
  text-align: right;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
.tableForm td label.input_custom .formError {
  width: 100%;
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
}
.tableForm.tableForm--confirm tbody tr th {
  padding-top: 3rem;
  padding-bottom: 0.5rem;
}
@media screen and (min-width: 768px) {
  .tableForm.tableForm--confirm tbody tr th {
    padding-top: 2rem;
    padding-bottom: 2rem;
    border-bottom: 1px solid #d6d6d6;
  }
}
.tableForm.tableForm--confirm tbody tr th .inner {
  line-height: 1.8;
}
.tableForm.tableForm--confirm tbody tr td {
  padding-top: 0;
  padding-bottom: 3rem;
  border-bottom: 1px solid #d6d6d6;
}
@media screen and (min-width: 768px) {
  .tableForm.tableForm--confirm tbody tr td {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}
@media screen and (max-width: 767px) {
  .tableForm.tableForm--confirm tbody tr:first-child th {
    padding-top: 0;
  }
}

.table__head {
  margin: 0 auto 10px;
}
.table__head span.red {
  color: #ff0000;
}

.graduationBlock {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: calc(100% + 10px);
  max-width: 300px;
  margin: 0 0 0 -5px;
}
.graduationBlock .graduationBlock__item {
  width: calc(50% - 10px);
  margin: 0 5px;
}
.graduationBlock .graduationBlock__item select {
  width: 100%;
  background: #fff;
  border: 1px solid #d6d6d6;
}

.formBtn {
  line-height: 1;
  max-width: 50rem;
  margin: 0 auto 4rem;
}
@media screen and (min-width: 768px) {
  .formBtn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 0 auto;
  }
}
.formBtn .formBtnItem {
  width: 100%;
  max-width: 35rem;
  margin: 0 auto 1.5rem;
}
@media screen and (min-width: 768px) {
  .formBtn .formBtnItem {
    max-width: calc(50% - 3rem);
    margin: 0 1.5rem 1.5rem;
  }
}
.formBtn .formBtnItem a,
.formBtn .formBtnItem button {
  display: block;
  width: 100%;
  text-align: center;
  line-height: 1;
  padding: 5px 13px;
  color: #fff;
  font-size: 1.3rem;
  font-family: "Inter", sans-serif;
  font-weight: bold;
  background: #313233;
  border: none;
  border-radius: 0;
  text-decoration: none;
  text-align: center;
  border-radius: 5rem;
  padding: 2rem 1rem;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media screen and (min-width: 768px) {
  .formBtn .formBtnItem a,
  .formBtn .formBtnItem button {
    font-size: 1.8rem;
  }
  .formBtn .formBtnItem a:hover,
  .formBtn .formBtnItem button:hover {
    background: #00A78A;
  }
}
.formBtn .formBtnItem a .el_text,
.formBtn .formBtnItem button .el_text {
  width: 100%;
  text-align: center;
}
.formBtn .formBtnItem a.returnBtn,
.formBtn .formBtnItem button.returnBtn {
  background-color: #d6d6d6;
  color: #313233;
}
@media screen and (min-width: 768px) {
  .formBtn .formBtnItem a.returnBtn:hover,
  .formBtn .formBtnItem button.returnBtn:hover {
    background: #00A78A;
    color: #fff;
  }
}

/*===================

■プライバシーポリシー

===================*/
.privacypolicySection .mediumHeadline01 {
  font-size: 2.2rem;
  margin: 0 0 10px;
}

.start_k {
  padding-top: 100px;
}
@media screen and (max-width: 767px) {
  .start_k {
    padding-top: 80px;
  }
}
.start_k .txt {
  font-size: 16px;
}
@media screen and (max-width: 767px) {
  .start_k .txt {
    font-size: 13px;
  }
}
.start_k .container {
  max-width: 1112px;
  padding: 0;
}
@media screen and (max-width: 1199px) {
  .start_k .container {
    padding: 0 14px;
  }
}
@media screen and (max-width: 767px) {
  .start_k .container {
    padding: 0 30px;
  }
}
@media screen and (max-width: 767px) {
  .start_k .text-center {
    text-align: left !important;
    font-size: 13px;
  }
}
@media screen and (max-width: 767px) {
  .start_k .largeHeadline01 {
    text-align: center !important;
  }
}

.sub_headline {
  margin-bottom: 40px;
  text-align: center;
  margin-top: 50px;
}
@media screen and (max-width: 767px) {
  .sub_headline {
    margin-top: 40px;
    margin-bottom: 20px;
  }
}
.sub_headline .titleone {
  font-size: 32px;
  font-weight: bold;
  margin-top: 10px;
}
@media screen and (max-width: 1199px) {
  .sub_headline .titleone {
    font-size: 24px;
  }
}
@media screen and (max-width: 767px) {
  .sub_headline .titleone {
    font-size: 17px;
  }
}

.greentitle {
  font-size: 28px;
  font-weight: bold;
  color: #097e49;
  text-align: center;
  margin-bottom: 20px;
}
@media screen and (max-width: 1199px) {
  .greentitle {
    font-size: 21px;
  }
}
@media screen and (max-width: 767px) {
  .greentitle {
    font-size: 16px;
  }
}

.imgflex {
  margin-top: 30px;
  margin-bottom: 50px;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .imgflex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 40px;
  }
}
.imgflex img {
  margin: auto;
}
.imgflex .imgb2 {
  margin-left: 14px;
}

.rainbow_t {
  font-size: 21px;
  font-weight: bold;
  text-align: center;
  position: relative;
  border-radius: 27px;
  padding: 3px;
  background: -webkit-gradient(linear, left top, right top, from(#13ad67), color-stop(#f39801), color-stop(#e4007f), color-stop(#00a0e9), to(#a52e8d));
  background: linear-gradient(to right, #13ad67, #f39801, #e4007f, #00a0e9, #a52e8d);
}
@media screen and (max-width: 767px) {
  .rainbow_t {
    padding: 2px;
  }
}
.rainbow_t .t_in {
  border-radius: 27px;
  background-color: #fff;
  padding: 12px;
  font-size: 21px;
}
@media screen and (max-width: 767px) {
  .rainbow_t .t_in {
    font-size: 17px;
    padding: 10px;
  }
}

.activity_b {
  color: #fff;
  background-color: #13ad67;
  position: relative;
  border-radius: 18px;
  margin-top: 30px;
  padding: 50px;
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 991px) {
  .activity_b {
    padding: 30px;
  }
}
@media screen and (max-width: 600px) {
  .activity_b {
    padding: 30px 25px 35px;
    margin-top: 40px;
  }
}
.activity_b::before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  background-color: #90c320;
  width: 27%;
  height: 100%;
  border-radius: 0 18px 18px 0;
}
@media screen and (max-width: 767px) {
  .activity_b::before {
    width: 46%;
  }
}
@media screen and (max-width: 600px) {
  .activity_b::before {
    width: 70%;
  }
}
.activity_b::after {
  content: "";
  right: 20%;
  top: 0;
  position: absolute;
  border-bottom: 350px solid transparent;
  border-left: 80px solid #13ad67;
}
@media screen and (max-width: 991px) {
  .activity_b::after {
    right: 18%;
  }
}
@media screen and (max-width: 767px) {
  .activity_b::after {
    right: 35%;
  }
}
@media screen and (max-width: 600px) {
  .activity_b::after {
    right: 46%;
    border-bottom: 490px solid transparent;
  }
}
.activity_b .flex_txt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 600px) {
  .activity_b .flex_txt {
    display: block;
  }
}
.activity_b .flex_txt .leftside {
  width: 62%;
  margin-right: 40px;
}
@media screen and (max-width: 600px) {
  .activity_b .flex_txt .leftside {
    width: 100%;
    margin-right: 0;
  }
}
.activity_b .flex_txt .leftside .titleone {
  text-align: center;
  font-size: 28px;
  font-weight: bold;
  padding-bottom: 20px;
  margin-bottom: 30px;
  border-bottom: 4px solid;
  border-color: rgba(255, 255, 255, 0.36);
}
@media screen and (max-width: 1199px) {
  .activity_b .flex_txt .leftside .titleone {
    font-size: 22px;
  }
}
@media screen and (max-width: 767px) {
  .activity_b .flex_txt .leftside .titleone {
    font-size: 17px;
  }
}
@media screen and (max-width: 600px) {
  .activity_b .flex_txt .leftside .titleone {
    padding-bottom: 15px;
    margin-bottom: 20px;
  }
}
.activity_b .flex_txt .leftside .titleone span {
  padding-bottom: 20px;
  position: relative;
}
@media screen and (max-width: 600px) {
  .activity_b .flex_txt .leftside .titleone span {
    padding-bottom: 15px;
  }
}
.activity_b .flex_txt .leftside .titleone span::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 3px;
  background-color: #fff;
  bottom: 0px;
}
@media screen and (max-width: 600px) {
  .activity_b .flex_txt .leftside .titleone span::before {
    width: 85%;
    height: 2px;
    right: 0;
    left: 0;
    margin: auto;
    bottom: -2px;
  }
}
@media screen and (max-width: 767px) {
  .activity_b .flex_txt .leftside .txt {
    font-size: 13px;
  }
}
.activity_b .flex_txt .rightside {
  width: 33%;
  position: relative;
  z-index: 22;
}
@media screen and (max-width: 600px) {
  .activity_b .flex_txt .rightside {
    width: 100%;
    margin-top: 20px;
    text-align: center;
  }
}
.activity_b .flex_txt .rightside .frameb2 {
  position: absolute;
  bottom: -19rem;
  right: 27%;
  width: 100%;
  max-width: 30.6rem;
}
@media screen and (max-width: 991px) {
  .activity_b .flex_txt .rightside .frameb2 {
    position: static;
    margin-top: 15px;
  }
}
.activity_b .flex_txt .rightside .js-modal-video {
  text-align: center;
}
.activity_b .flex_txt .rightside .js-modal-video img {
  width: 100%;
}

@media screen and (max-width: 767px) {
  .activity_b1 {
    margin-top: 20px;
  }
}

.activity_b2 {
  background-color: #e95420;
}
.activity_b2::before {
  background-color: #f39801;
}
.activity_b2::after {
  border-left: 80px solid #e95420;
}

.activity_b3 {
  background-color: #00ac8e;
}
.activity_b3::before {
  background-color: #e6007f;
}
.activity_b3::after {
  border-left: 80px solid #00ac8e;
}

.activity_b4 {
  padding-bottom: 100px;
  overflow: visible;
  background: #1f80c4;
}
@media screen and (max-width: 991px) {
  .activity_b4 {
    padding-bottom: 30px;
    overflow: hidden;
  }
}
@media screen and (max-width: 600px) {
  .activity_b4 {
    overflow: hidden;
  }
}
.activity_b4::before {
  background-color: #00a1ec;
}
.activity_b4::after {
  border-left: 80px solid #1f80c4;
}
@media screen and (max-width: 600px) {
  .activity_b4::after {
    right: 45%;
    border-bottom: 590px solid transparent;
  }
}
.activity_b4 .flex_txt {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.activity_b4 .flex_txt .leftside {
  margin-top: 30px;
  margin-right: 60px;
}
@media screen and (max-width: 991px) {
  .activity_b4 .flex_txt .leftside {
    margin-top: 0px;
    margin-right: 40px;
  }
}
@media screen and (max-width: 767px) {
  .activity_b4 .flex_txt .leftside {
    margin-right: 0px;
  }
}

.listgroup {
  margin-top: 20px;
  margin-bottom: 40px;
}
.listgroup .block1 {
  background-color: #ebeff3;
  padding: 30px;
  margin-bottom: 2px;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .listgroup .block1 {
    padding: 19px;
  }
}
.listgroup .block1 .date {
  font-family: Montserrat;
  font-size: 15px;
  color: #98a3b1;
}
@media screen and (max-width: 767px) {
  .listgroup .block1 .date {
    font-size: 12px;
  }
}
.listgroup .block1_1 {
  border-radius: 18px 18px 0 0;
}
.listgroup .block7 {
  border-radius: 0 0 18px 18px;
}
.listgroup .txt {
  margin-top: 10px;
  font-size: 16px;
}
@media screen and (max-width: 767px) {
  .listgroup .txt {
    font-size: 13px;
    line-height: 1.3;
  }
}

.subtitle2 {
  font-size: 24px;
  padding-left: 20px;
  font-weight: bold;
  position: relative;
  margin-bottom: 20px;
}
@media screen and (max-width: 991px) {
  .subtitle2 {
    font-size: 20px;
  }
}
@media screen and (max-width: 767px) {
  .subtitle2 {
    font-size: 17px;
  }
}
.subtitle2::before {
  content: "";
  width: 7px;
  height: 36px;
  background-image: url(images/side_line.svg);
  position: absolute;
  left: 0;
  top: 0;
}
@media screen and (max-width: 767px) {
  .subtitle2::before {
    width: 5px;
    height: 27px;
  }
}

.cardblock {
  position: relative;
  padding: 5px;
  margin-bottom: 60px;
  border-radius: 14px;
  z-index: 1;
  background: linear-gradient(95deg, #01ac8c 0%, #01ac8c 33%, #00a1ec 33%, #00a1ec 66%, #e5007e 66%, #e5007e 100%);
}
@media screen and (max-width: 767px) {
  .cardblock {
    padding: 4px;
    margin-bottom: 50px;
    background: linear-gradient(92deg, #01ac8c 0%, #01ac8c 33%, #00a1ec 33%, #00a1ec 66%, #e5007e 66%, #e5007e 100%);
  }
}
.cardblock .inn {
  padding: 40px 30px;
  background-color: #fff;
  border-radius: 11px;
}
@media screen and (max-width: 767px) {
  .cardblock .inn {
    padding: 20px 10px;
  }
}
.cardblock .txtinflex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 740px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: auto;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .cardblock .txtinflex {
    display: block;
  }
}
.cardblock .txtinflex .leftside {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
.cardblock .txtinflex .leftside .txtleft {
  font-size: 18px;
}
@media screen and (max-width: 991px) {
  .cardblock .txtinflex .leftside .txtleft {
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  .cardblock .txtinflex .leftside .txtleft {
    text-align: center !important;
    margin-top: 20px;
    font-size: 14px;
  }
}
.cardblock .txtinflex .leftside .sidebottom {
  margin-top: 30px;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .cardblock .txtinflex .leftside .sidebottom {
    padding: 10px 15px 10px 15px;
    background-color: #ffeeee;
    line-height: 1.3;
    border: 1px solid #e54949;
    width: 100%;
    max-width: 268px;
    margin-right: auto;
    margin-left: auto;
    margin-top: 20px;
  }
}
.cardblock .txtinflex .leftside .sidebottom span {
  font-weight: bold;
  color: #e54949;
  font-size: 14px;
  padding: 10px 15px 10px 30px;
  background-color: #ffeeee;
  border: 1px solid #e54949;
}
@media screen and (max-width: 767px) {
  .cardblock .txtinflex .leftside .sidebottom span {
    padding: 0;
    background-color: transparent;
    border: none;
    font-size: 13px;
  }
}
.cardblock .txtinflex .rightside {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  max-width: 150px;
  margin-left: 30px;
}
@media screen and (max-width: 767px) {
  .cardblock .txtinflex .rightside {
    margin-left: auto;
    margin-right: auto;
  }
}

.btnflex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 130px;
  margin-bottom: 200px;
}
@media screen and (max-width: 991px) {
  .btnflex {
    margin-top: 40px;
    display: block;
  }
}
@media screen and (max-width: 767px) {
  .btnflex {
    display: block;
    margin-bottom: 120px;
  }
}
.btnflex .btnblock {
  display: block;
  border: 10px solid #e4e9ee;
  width: 100%;
  font-size: 20px;
  font-weight: bold;
  padding: 30px;
  text-align: center;
  position: relative;
  border-radius: 11px;
  line-height: 1;
  width: calc(49% - 12px);
  margin: auto;
}
@media screen and (max-width: 991px) {
  .btnflex .btnblock {
    width: 100%;
    font-size: 19px;
    margin-top: 20px;
  }
}
@media screen and (max-width: 767px) {
  .btnflex .btnblock {
    width: 100%;
    font-size: 17px;
    border: 6px solid #e4e9ee;
    line-height: 1.5;
    padding: 25px;
  }
}
.btnflex .btnblock .chevron {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  right: 20px;
}
@media screen and (max-width: 767px) {
  .btnflex .btnblock .chevron {
    right: 15px;
  }
}
@media screen and (max-width: 600px) {
  .btnflex .btnblock .chevron {
    max-width: 27px;
  }
}
.btnflex .btnblock .frameb {
  position: absolute;
  right: 8px;
  top: 8px;
}
.btnflex .btnblock:hover {
  -webkit-transition: 0.8s;
  transition: 0.8s;
  opacity: 0.6;
}
.btnflex .btnblock2 {
  background-color: #e95420;
  color: #fff;
}
@media screen and (max-width: 991px) {
  .btnflex .btnblock2 {
    padding: 20px 10px;
    line-height: 1.2;
  }
}

.start_k2 .subtitle2::before {
  background-image: url(images/side_line2.svg);
}
.start_k2::before {
  content: "";
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, left top, left bottom, from(#f7f9fc), to(#fff));
  background: linear-gradient(to bottom, #f7f9fc, #fff);
  top: 0;
}

.guideblock {
  margin-top: 50px;
}
@media screen and (max-width: 767px) {
  .guideblock {
    margin-top: 40px;
  }
}
.guideblock .txt {
  font-size: 16px;
}
@media screen and (max-width: 767px) {
  .guideblock .txt {
    font-size: 13px;
  }
}

.guideblock_last {
  margin-bottom: 200px;
  margin-top: 50px;
}
@media screen and (max-width: 767px) {
  .guideblock_last {
    margin-bottom: 150px;
  }
}

.guide_white {
  margin-top: 20px;
  font-size: 16px;
}
.guide_white .inn_b .h3_title {
  font-size: 18px;
  font-weight: bold;
  line-height: 1;
  padding-bottom: 20px;
  margin-bottom: 20px;
  position: relative;
}
@media screen and (max-width: 767px) {
  .guide_white .inn_b .h3_title {
    line-height: 1.3;
    padding-bottom: 15px;
    margin-bottom: 15px;
  }
}
.guide_white .inn_b .h3_title::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background: -webkit-gradient(linear, left top, right top, from(#13ad67), color-stop(12.5%, #13ad67), color-stop(12.5%, #f39801), color-stop(25%, #f39801), color-stop(25%, #00ac8e), color-stop(37.5%, #00ac8e), color-stop(37.5%, #e4007f), color-stop(50%, #e4007f), color-stop(50%, #00a0e9), color-stop(62.5%, #00a0e9), color-stop(62.5%, #9fa0a0), color-stop(75%, #9fa0a0), color-stop(75%, #90c31f), color-stop(87.5%, #90c31f), color-stop(87.5%, #a52e8d), to(#a52e8d));
  background: linear-gradient(to right, #13ad67 0%, #13ad67 12.5%, #f39801 12.5%, #f39801 25%, #00ac8e 25%, #00ac8e 37.5%, #e4007f 37.5%, #e4007f 50%, #00a0e9 50%, #00a0e9 62.5%, #9fa0a0 62.5%, #9fa0a0 75%, #90c31f 75%, #90c31f 87.5%, #a52e8d 87.5%, #a52e8d 100%);
}
.guide_white ul {
  padding: 0;
  font-size: 16px;
}
@media screen and (max-width: 767px) {
  .guide_white ul {
    font-size: 13px;
  }
}
.guide_white ul li {
  margin-bottom: 10px;
  list-style: none;
}

.main-content {
  /*================================================
  基本レイアウト処理
  ================================================*/
  /*================================================
  基本ボタン処理
  ================================================*/
  /*==============================================================
  モーダル
  ==============================================================*/
  /*==============================================================
  条件ボタン
  ==============================================================*/
  /*==============================================================
  キャラクターリスト
  ==============================================================*/
  /*==============================================================
  検索窓
  ==============================================================*/
  /*==============================================================
  フレンズ詳細　コンテンツ
  ==============================================================*/
}
.main-content .contents {
  padding: 6rem 0 12rem;
}
.main-content .contents .container {
  position: relative;
  z-index: 10;
}
.main-content .contents.contents__zoo::before {
  content: "";
  display: block;
  background-position: top right;
  background-image: url(images/f_pattern.png);
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 1;
  opacity: 0.3;
}
.main-content .contents.contents__zoo:after {
  content: "";
  display: block;
  background-image: repeating-linear-gradient(to right, hwb(0 10% 10%), hsl(60, 80%, 50%), hsl(120, 80%, 50%), hsl(180, 80%, 50%), hsl(240, 80%, 50%), hsl(300, 80%, 50%), hsl(0, 80%, 50%) 50%);
  background-size: 200% 200%; /* 背景サイズを大きくしてシームレスに */
  -webkit-animation: colorRotation 19s linear 0s infinite;
          animation: colorRotation 19s linear 0s infinite;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  opacity: 0.1;
}
.main-content .defaultbtn,
.main-content .l_defaultbtn {
  height: 100%;
  width: 100%;
}
.main-content .defaultbtn {
  -ms-flex-align: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -webkit-box-pack: center;
  align-items: center;
  background-color: #9fa0a0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  overflow: hidden;
}
.main-content .defaultbtn,
.main-content .defaultbtn .defaultbtn_txt {
  -webkit-transition: 0.3s;
  position: relative;
  transition: 0.3s;
}
.main-content .defaultbtn .defaultbtn_txt {
  -webkit-font-feature-settings: "palt";
  -webkit-transform: rotate(0.1deg);
  color: #fff;
  font-feature-settings: "palt";
  font-size: 1em;
  font-weight: 700;
  line-height: 1;
  transform: rotate(0.1deg);
  z-index: 1;
}
.main-content .defaultbtn:hover .defaultbtn_txt {
  color: #bdbebe;
}
.main-content .defaultbtn:after, .main-content .defaultbtn:before {
  -webkit-transform: skewX(-20deg);
  -webkit-transition: 0.3s;
  content: "";
  display: block;
  height: 100%;
  pointer-events: none;
  position: absolute;
  top: 0;
  transform: skewX(-20deg);
  transition: 0.3s;
  width: 100%;
  z-index: 0;
}
.main-content .defaultbtn:before {
  background-color: #bdbebe;
  right: 50%;
}
.main-content .defaultbtn:after {
  background-color: #9fa0a0;
  left: 50%;
}
.main-content .defaultbtn.defaultbtn__news {
  background-color: #ea5520;
}
.main-content .defaultbtn.defaultbtn__news:hover .defaultbtn_txt {
  color: #ea5520;
}
.main-content .defaultbtn.defaultbtn__news:before {
  background-color: #f29664;
}
.main-content .defaultbtn.defaultbtn__news:after {
  background-color: #ea5520;
}
.main-content .defaultbtn.defaultbtn__intro {
  background-color: #8fc31f;
}
.main-content .defaultbtn.defaultbtn__intro:hover .defaultbtn_txt {
  color: #8fc31f;
}
.main-content .defaultbtn.defaultbtn__intro:before {
  background-color: #bbd875;
}
.main-content .defaultbtn.defaultbtn__intro:after {
  background-color: #8fc31f;
}
.main-content .defaultbtn.defaultbtn__anime {
  background-color: #f39800;
}
.main-content .defaultbtn.defaultbtn__anime:hover .defaultbtn_txt {
  color: #f39800;
}
.main-content .defaultbtn.defaultbtn__anime:before {
  background-color: #f8bd63;
}
.main-content .defaultbtn.defaultbtn__anime:after {
  background-color: #f39800;
}
.main-content .defaultbtn.defaultbtn__game {
  background-color: #e4007f;
}
.main-content .defaultbtn.defaultbtn__game:hover .defaultbtn_txt {
  color: #e4007f;
}
.main-content .defaultbtn.defaultbtn__game:before {
  background-color: #ec7aac;
}
.main-content .defaultbtn.defaultbtn__game:after {
  background-color: #e4007f;
}
.main-content .defaultbtn.defaultbtn__stage {
  background-color: #13ae67;
}
.main-content .defaultbtn.defaultbtn__stage:hover .defaultbtn_txt {
  color: #13ae67;
}
.main-content .defaultbtn.defaultbtn__stage:before {
  background-color: #8cca9a;
}
.main-content .defaultbtn.defaultbtn__stage:after {
  background-color: #13ae67;
}
.main-content .defaultbtn.defaultbtn__music {
  background-color: #00a0e9;
}
.main-content .defaultbtn.defaultbtn__music:hover .defaultbtn_txt {
  color: #00a0e9;
}
.main-content .defaultbtn.defaultbtn__music:before {
  background-color: #36bef0;
}
.main-content .defaultbtn.defaultbtn__music:after {
  background-color: #00a0e9;
}
.main-content .defaultbtn.defaultbtn__live {
  background-color: #187fc4;
}
.main-content .defaultbtn.defaultbtn__live:hover .defaultbtn_txt {
  color: #187fc4;
}
.main-content .defaultbtn.defaultbtn__live:before {
  background-color: #82a8d8;
}
.main-content .defaultbtn.defaultbtn__live:after {
  background-color: #187fc4;
}
.main-content .defaultbtn.defaultbtn__event {
  background-color: #00ab8d;
}
.main-content .defaultbtn.defaultbtn__event:hover .defaultbtn_txt {
  color: #00ab8d;
}
.main-content .defaultbtn.defaultbtn__event:before {
  background-color: #80c8b4;
}
.main-content .defaultbtn.defaultbtn__event:after {
  background-color: #00ab8d;
}
.main-content .defaultbtn.defaultbtn__funclub {
  background-color: #e60012;
}
.main-content .defaultbtn.defaultbtn__funclub:hover .defaultbtn_txt {
  color: #e60012;
}
.main-content .defaultbtn.defaultbtn__funclub:before {
  background-color: #ee7950;
}
.main-content .defaultbtn.defaultbtn__funclub:after {
  background-color: #e60012;
}
.main-content .defaultbtn.defaultbtn__guideline {
  background-color: #a5308c;
}
.main-content .defaultbtn.defaultbtn__guideline:hover .defaultbtn_txt {
  color: #a5308c;
}
.main-content .defaultbtn.defaultbtn__guideline:before {
  background-color: #c17eb3;
}
.main-content .defaultbtn.defaultbtn__guideline:after {
  background-color: #a5308c;
}
.main-content .defaultbtn.defaultbtn__contact {
  background-color: #c4d700;
}
.main-content .defaultbtn.defaultbtn__contact:hover .defaultbtn_txt {
  color: #c4d700;
}
.main-content .defaultbtn.defaultbtn__contact:after, .main-content .defaultbtn.defaultbtn__contact:before {
  background-color: #c4d700;
}
.main-content .defaultbtn.defaultbtn__tw {
  background-color: #947728;
}
.main-content .defaultbtn.defaultbtn__tw:hover .defaultbtn_txt {
  color: #947728;
}
.main-content .defaultbtn.defaultbtn__tw:before {
  background-color: #baa366;
}
.main-content .defaultbtn.defaultbtn__tw:after {
  background-color: #947728;
}
.main-content .defaultbtn.defaultbtn__yt {
  background-color: #ff0001;
}
.main-content .defaultbtn.defaultbtn__yt:hover .defaultbtn_txt {
  color: #ff0001;
}
.main-content .defaultbtn.defaultbtn__yt:before {
  background-color: #fc5a3c;
}
.main-content .defaultbtn.defaultbtn__yt:after {
  background-color: #ff0001;
}
.main-content .defaultbtn.defaultbtn__wwf {
  background-color: #e60012;
}
.main-content .defaultbtn.defaultbtn__wwf:hover .defaultbtn_txt {
  color: #e60012;
}
.main-content .defaultbtn.defaultbtn__wwf:before {
  background-color: #ee7950;
}
.main-content .defaultbtn.defaultbtn__wwf:after {
  background-color: #e60012;
}
.main-content .defaultbtn:hover {
  background-color: #fff;
}
.main-content .defaultbtn:hover:before {
  -webkit-transform: skewX(-20deg) translateX(-100%);
  transform: skewX(-20deg) translateX(-100%);
}
.main-content .defaultbtn:hover:after {
  -webkit-transform: skewX(-20deg) translateX(100%);
  transform: skewX(-20deg) translateX(100%);
}
@-webkit-keyframes bgrorate {
  0% {
    background-position: center 0;
  }
  to {
    background-position: center 369.5px;
  }
}
@keyframes bgrorate {
  0% {
    background-position: center 0;
  }
  to {
    background-position: center 369.5px;
  }
}
@-webkit-keyframes faderoop {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  to {
    opacity: 1;
  }
}
@keyframes faderoop {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  to {
    opacity: 1;
  }
}
.main-content .l_modal {
  -webkit-transition: 0.3s;
  background-color: rgba(0, 0, 0, 0.8);
  display: table;
  height: 100vh;
  left: 0;
  overflow: hidden;
  position: fixed;
  top: 0;
  transition: 0.3s;
  width: 100vw;
  z-index: 9998;
}
.main-content .l_modal:not(.is_show) {
  opacity: 0;
  pointer-events: none;
}
.main-content .l_modal .modal {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  width: 100%;
}
.main-content .l_modal .modal .modal_inner {
  margin: auto;
  max-width: 768px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  width: 100%;
}
.main-content .l_modal .modal .modal_inner .modal_inner_img {
  line-height: 0;
  width: 100%;
}
.main-content .l_modal .modal .modal_inner .modal_inner_mov {
  background-color: #000;
  overflow: hidden;
  padding: 56% 0 0;
  position: relative;
  width: 100%;
}
.main-content .l_modal .modal .modal_inner .modal_inner_mov > iframe {
  -webkit-transform: translateX(50%);
  bottom: 0;
  height: 101%;
  position: absolute;
  right: 50%;
  transform: translateX(50%);
  width: 101%;
}
.main-content .closebtn {
  -webkit-transition: 0.3s;
  background-image: url(data:image/svg+xml;base64,PHN2ZyBkYXRhLW5hbWU9IuODrOOCpOODpOODvCAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NyA0NyI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTM2LjM4IDE0LjYybC00LTQtOC44OCA4Ljg4LTguODgtOC44OC00IDQgOC44OCA4Ljg4LTguODggOC44OCA0IDQgOC44OC04Ljg4IDguODggOC44OCA0LTQtOC44OC04Ljg4IDguODgtOC44OHoiLz48cGF0aCBmaWxsPSJub25lIiBvcGFjaXR5PSIuMTciIGQ9Ik0wIDBoNDd2NDdIMHoiLz48L3N2Zz4=);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  cursor: pointer;
  height: 100%;
  transition: 0.3s;
  width: 100%;
}
.main-content .zoo_head {
  width: 100%;
  max-width: 60rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 auto;
  padding: 0 0 3rem;
}
.main-content .zoo_head .zoo_head_inner {
  width: 100%;
  max-width: calc(50% - 0.8rem);
}
@media screen and (min-width: 768px) {
  .main-content .zoo_head .zoo_head_inner {
    max-width: calc(50% - 1.5rem);
  }
}
@media screen and (max-width: 767px) {
  .main-content .zoo_head .zoo_head_inner .btn01 .el_text {
    font-size: 1.4rem;
  }
}
.main-content .l_zoolist {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  padding: 0;
  margin: 0 0 0 -1.5rem;
  width: calc(100% + 3rem);
}
@media screen and (min-width: 992px) {
  .main-content .l_zoolist {
    margin: 0 0 0 -3rem;
    width: calc(100% + 6rem);
  }
}
.main-content .l_zoolist > li {
  position: relative;
  width: 100%;
  max-width: calc(50% - 3rem);
  list-style: none;
  margin: 0 1.5rem 3rem;
}
@media screen and (min-width: 768px) {
  .main-content .l_zoolist > li {
    max-width: calc(33.3333333333% - 3rem);
  }
}
@media screen and (min-width: 992px) {
  .main-content .l_zoolist > li {
    max-width: calc(25% - 6rem);
    margin: 0 3rem 6rem;
  }
}
@media screen and (min-width: 1200px) {
  .main-content .l_zoolist > li {
    max-width: calc(20% - 6rem);
  }
}
.main-content .zoolist {
  height: 100%;
  padding: 0 0 41px;
  position: relative;
}
.main-content .zoolist .zoolist_img {
  background-color: #000;
  border-color: #9fa0a0 #bdbebe;
  border-style: solid;
  border-width: 12px;
  line-height: 0;
  border-radius: 100%;
}
.main-content .zoolist .zoolist_img > img {
  height: auto;
  width: 100%;
  border-radius: 100%;
}
.main-content .zoolist .zoolist_ttl {
  color: #9fa0a0;
  line-height: 1.2;
  margin: 10px 0 0;
  padding: 0 0 0 20px;
  position: relative;
}
.main-content .zoolist .zoolist_ttl:before {
  border-color: #9fa0a0 #bdbebe #bdbebe #9fa0a0;
  border-style: solid;
  border-width: 7px;
  content: "";
  height: 0;
  left: 0;
  position: absolute;
  top: 2px;
  width: 0;
}
.main-content .zoolist .zoolist_ttl .zoolist_ttl_main {
  font-size: 13px;
}
.main-content .zoolist .zoolist_ttl .zoolist_ttl_sub {
  font-size: 10px;
}
.main-content .zoolist .zoolist_btn {
  bottom: 0;
  height: 31px;
  left: 0;
  position: absolute;
  width: 100%;
}
.main-content .zoolist.zoolist__mammalia .zoolist_img {
  border-color: #f39800 #f8bd63;
}
.main-content .zoolist.zoolist__mammalia .zoolist_ttl {
  color: #f39800;
}
.main-content .zoolist.zoolist__mammalia .zoolist_ttl:before {
  border-color: #f39800 #f8bd63 #f8bd63 #f39800;
}
.main-content .zoolist.zoolist__reptilia .zoolist_img {
  border-color: #8fc31f #bbd875;
}
.main-content .zoolist.zoolist__reptilia .zoolist_ttl {
  color: #8fc31f;
}
.main-content .zoolist.zoolist__reptilia .zoolist_ttl:before {
  border-color: #8fc31f #bbd875 #bbd875 #8fc31f;
}
.main-content .zoolist.zoolist__amphibia .zoolist_img {
  border-color: #00a0e9 #36bef0;
}
.main-content .zoolist.zoolist__amphibia .zoolist_ttl {
  color: #00a0e9;
}
.main-content .zoolist.zoolist__amphibia .zoolist_ttl:before {
  border-color: #00a0e9 #36bef0 #36bef0 #00a0e9;
}
.main-content .zoolist.zoolist__aves .zoolist_img {
  border-color: #e4007f #ec7aac;
}
.main-content .zoolist.zoolist__aves .zoolist_ttl {
  color: #e4007f;
}
.main-content .zoolist.zoolist__aves .zoolist_ttl:before {
  border-color: #e4007f #ec7aac #ec7aac #e4007f;
}
.main-content .zoolist.zoolist__other .zoolist_img {
  border-color: #9fa0a0 #bdbebe;
}
.main-content .zoolist.zoolist__other .zoolist_ttl {
  color: #9fa0a0;
}
.main-content .zoolist.zoolist__other .zoolist_ttl:before {
  border-color: #9fa0a0 #bdbebe #bdbebe #9fa0a0;
}
.main-content .l_zoolistbtn {
  height: 100%;
  width: 100%;
}
.main-content .zoolistbtn {
  -ms-flex-align: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -webkit-box-pack: center;
  align-items: center;
  background-color: #9fa0a0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  justify-content: center;
  overflow: hidden;
  width: 100%;
}
.main-content .zoolistbtn,
.main-content .zoolistbtn > span {
  -webkit-transition: 0.3s;
  position: relative;
  transition: 0.3s;
}
.main-content .zoolistbtn > span {
  -webkit-font-feature-settings: "palt";
  -webkit-transform: rotate(0.1deg);
  color: #fff;
  font-feature-settings: "palt";
  font-size: 1em;
  font-weight: 700;
  line-height: 1;
  transform: rotate(0.1deg);
  z-index: 1;
}
.main-content .zoolistbtn:hover > span {
  color: #bdbebe;
}
.main-content .zoolistbtn:after, .main-content .zoolistbtn:before {
  -webkit-transform: skewX(-20deg);
  -webkit-transition: 0.3s;
  content: "";
  display: block;
  height: 100%;
  pointer-events: none;
  position: absolute;
  top: 0;
  transform: skewX(-20deg);
  transition: 0.3s;
  width: 100%;
  z-index: 0;
}
.main-content .zoolistbtn:before {
  background-color: #bdbebe;
  right: 50%;
}
.main-content .zoolistbtn:after {
  background-color: #9fa0a0;
  left: 50%;
}
.main-content .zoolistbtn.zoolistbtn__mammalia {
  background-color: #f39800;
}
.main-content .zoolistbtn.zoolistbtn__mammalia:hover > span {
  color: #f39800;
}
.main-content .zoolistbtn.zoolistbtn__mammalia:before {
  background-color: #f8bd63;
}
.main-content .zoolistbtn.zoolistbtn__mammalia:after {
  background-color: #f39800;
}
.main-content .zoolistbtn.zoolistbtn__reptilia {
  background-color: #8fc31f;
}
.main-content .zoolistbtn.zoolistbtn__reptilia:hover > span {
  color: #8fc31f;
}
.main-content .zoolistbtn.zoolistbtn__reptilia:before {
  background-color: #bbd875;
}
.main-content .zoolistbtn.zoolistbtn__reptilia:after {
  background-color: #8fc31f;
}
.main-content .zoolistbtn.zoolistbtn__aves {
  background-color: #e4007f;
}
.main-content .zoolistbtn.zoolistbtn__aves:hover > span {
  color: #e4007f;
}
.main-content .zoolistbtn.zoolistbtn__aves:before {
  background-color: #ec7aac;
}
.main-content .zoolistbtn.zoolistbtn__aves:after {
  background-color: #e4007f;
}
.main-content .zoolistbtn.zoolistbtn__amphibia {
  background-color: #00a0e9;
}
.main-content .zoolistbtn.zoolistbtn__amphibia:hover > span {
  color: #00a0e9;
}
.main-content .zoolistbtn.zoolistbtn__amphibia:before {
  background-color: #36bef0;
}
.main-content .zoolistbtn.zoolistbtn__amphibia:after {
  background-color: #00a0e9;
}
.main-content .zoolistbtn.zoolistbtn__other {
  background-color: #9fa0a0;
}
.main-content .zoolistbtn.zoolistbtn__other:hover > span {
  color: #9fa0a0;
}
.main-content .zoolistbtn.zoolistbtn__other:before {
  background-color: #bdbebe;
}
.main-content .zoolistbtn.zoolistbtn__other:after {
  background-color: #9fa0a0;
}
.main-content .zoolistbtn:hover {
  background-color: #fff;
}
.main-content .zoolistbtn:hover:before {
  -webkit-transform: skewX(-20deg) translateX(-100%);
  transform: skewX(-20deg) translateX(-100%);
}
.main-content .zoolistbtn:hover:after {
  -webkit-transform: skewX(-20deg) translateX(100%);
  transform: skewX(-20deg) translateX(100%);
}
.main-content .l_refinement {
  background-color: #000;
}
.main-content .l_refinement:not(.is_show) {
  display: none;
}
.main-content .l_refinement .refinement {
  line-height: 1;
  padding: 60px 15px;
  position: relative;
  text-align: left;
}
@media screen and (min-width: 768px) {
  .main-content .l_refinement .refinement {
    padding: 60px;
  }
}
.main-content .l_refinement .refinement .refinement_close {
  -webkit-transition: opacity 0.3s;
  background-image: url(data:image/svg+xml;base64,PHN2ZyBkYXRhLW5hbWU9IuODrOOCpOODpOODvCAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NyA0NyI+PHBhdGggZmlsbD0iIzk0NzcyOCIgZD0iTTM2LjM4IDE0LjYybC00LTQtOC44OCA4Ljg4LTguODgtOC44OC00IDQgOC44OCA4Ljg4LTguODggOC44OCA0IDQgOC44OC04Ljg4IDguODggOC44OCA0LTQtOC44OC04Ljg4IDguODgtOC44OHoiLz48cGF0aCBmaWxsPSJub25lIiBkPSJNMCAwaDQ3djQ3SDB6Ii8+PC9zdmc+);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  cursor: pointer;
  display: block;
  height: 50px;
  position: absolute;
  right: 0;
  top: 0;
  transition: opacity 0.3s;
  width: 50px;
}
.main-content .l_refinement .refinement .refinement_close:hover {
  opacity: 0.4;
}
.main-content .l_refinement .refinement .refinement_freeword {
  -ms-flex-align: center;
  -ms-flex-flow: row wrap;
  -webkit-box-align: center;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-flow: row wrap;
}
.main-content .l_refinement .refinement .refinement_freeword .refinement_freeword_ttl {
  color: #fff;
  width: 100px;
}
.main-content .l_refinement .refinement .refinement_freeword .refinement_freeword_input {
  width: calc(100% - 100px);
}
.main-content .l_refinement .refinement .refinement_freeword .refinement_freeword_input > input {
  border: none;
  outline: none;
  padding: 8px;
  width: 100%;
}
.main-content .l_refinement .refinement .refinement_ttl {
  padding: 0 0 1rem;
  margin: 2rem 0 1rem;
  color: #fff;
  font-weight: bold;
  font-size: 1.6rem;
  border-bottom: 1px solid #fff;
}
.main-content .l_refinement .refinement .refinement_type {
  -ms-flex-flow: row wrap;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-flow: row wrap;
  margin: 20px 0 0;
}
@media screen and (min-width: 768px) {
  .main-content .l_refinement .refinement .refinement_type {
    width: 100%;
  }
}
.main-content .l_refinement .refinement .refinement_type .refinement_type_class {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .main-content .l_refinement .refinement .refinement_type .refinement_type_class {
    max-width: 100px;
  }
}
.main-content .l_refinement .refinement .refinement_type .refinement_type_family,
.main-content .l_refinement .refinement .refinement_type .refinement_type_order {
  background-color: #947728;
  padding: 10px;
  position: relative;
  width: calc(50% - 10px);
}
@media screen and (min-width: 768px) {
  .main-content .l_refinement .refinement .refinement_type .refinement_type_family,
  .main-content .l_refinement .refinement .refinement_type .refinement_type_order {
    padding: 20px;
    width: calc(50% - 70px);
  }
}
.main-content .l_refinement .refinement .refinement_type .refinement_type_family:before,
.main-content .l_refinement .refinement .refinement_type .refinement_type_order:before {
  -webkit-transform: translateY(50%);
  border-color: transparent #947728 transparent transparent;
  border-style: solid;
  border-width: 20px 15px 20px 0;
  bottom: 50%;
  content: "";
  height: 0;
  position: absolute;
  right: 100%;
  transform: translateY(50%);
  width: 0;
}
.main-content .l_refinement .refinement .refinement_type .refinement_type_family .refinement_type_family_foot,
.main-content .l_refinement .refinement .refinement_type .refinement_type_family .refinement_type_order_foot,
.main-content .l_refinement .refinement .refinement_type .refinement_type_order .refinement_type_family_foot,
.main-content .l_refinement .refinement .refinement_type .refinement_type_order .refinement_type_order_foot {
  text-align: right;
}
.main-content .l_refinement .refinement .refinement_type .refinement_type_family .refinement_type_family_foot > a,
.main-content .l_refinement .refinement .refinement_type .refinement_type_family .refinement_type_order_foot > a,
.main-content .l_refinement .refinement .refinement_type .refinement_type_order .refinement_type_family_foot > a,
.main-content .l_refinement .refinement .refinement_type .refinement_type_order .refinement_type_order_foot > a {
  color: #fff;
  font-size: 10px;
}
.main-content .l_refinement .refinement .refinement_type .refinement_type_family .refinement_type_family_foot > a:nth-child(2),
.main-content .l_refinement .refinement .refinement_type .refinement_type_family .refinement_type_order_foot > a:nth-child(2),
.main-content .l_refinement .refinement .refinement_type .refinement_type_order .refinement_type_family_foot > a:nth-child(2),
.main-content .l_refinement .refinement .refinement_type .refinement_type_order .refinement_type_order_foot > a:nth-child(2) {
  margin: 0 0 0 10px;
}
.main-content .l_refinement .refinement .refinement_type .refinement_type_family .refinement_type_family_foot > a:not(.is_show),
.main-content .l_refinement .refinement .refinement_type .refinement_type_family .refinement_type_order_foot > a:not(.is_show),
.main-content .l_refinement .refinement .refinement_type .refinement_type_order .refinement_type_family_foot > a:not(.is_show),
.main-content .l_refinement .refinement .refinement_type .refinement_type_order .refinement_type_order_foot > a:not(.is_show) {
  display: none;
}
.main-content .l_refinement .refinement .refinement_type .refinement_type_family {
  margin: 0 0 0 20px;
}
@media screen and (min-width: 768px) {
  .main-content .l_refinement .refinement .refinement_type .refinement_type_family {
    margin: 0 0 0 40px;
  }
}
.main-content .l_refinement .refinement .refinement_redlist {
  margin: 20px 0 0;
}
.main-content .l_refinement .refinement .refinement_redlist .refinement_redlist_foot {
  margin: 10px 0 0;
  text-align: right;
}
@media screen and (min-width: 768px) {
  .main-content .l_refinement .refinement .refinement_redlist .refinement_redlist_foot {
    margin: 10px 0 0;
  }
}
.main-content .l_refinement .refinement .refinement_redlist .refinement_redlist_foot > a {
  color: #fff;
  font-size: 10px;
}
.main-content .l_refinement .refinement .refinement_redlist .refinement_redlist_foot > a:nth-child(2) {
  margin: 0 0 0 10px;
}
.main-content .l_refinement .refinement .refinement_btn {
  height: 31px;
  margin: 40px auto 0;
  width: 248px;
}
.main-content .l_refinement .l_parent {
  padding: 0;
}
.main-content .l_refinement .l_parent li {
  display: inline-block;
  list-style: none;
  padding: 0;
  margin: 0 1rem 1rem 0;
}
@media screen and (min-width: 768px) {
  .main-content .l_refinement .l_parent li {
    display: block;
    margin: 0;
  }
}
@media screen and (min-width: 768px) {
  .main-content .l_refinement .l_parent > li:nth-child(n+2) {
    margin: 10px 0 0;
  }
}
.main-content .l_refinement .l_parent .parent > input {
  display: none;
}
.main-content .l_refinement .l_parent .parent > label {
  color: #9fa0a0;
  cursor: pointer;
  padding: 0 0 0 18px;
  position: relative;
}
@media screen and (min-width: 768px) {
  .main-content .l_refinement .l_parent .parent > label {
    padding: 0 0 0 25px;
  }
}
.main-content .l_refinement .l_parent .parent > label:before {
  -webkit-transform: translateY(50%);
  -webkit-transition: background 0.3s;
  border: 2px solid #9fa0a0;
  bottom: 50%;
  content: "";
  height: 10px;
  left: 0;
  position: absolute;
  transform: translateY(50%);
  transition: background 0.3s;
  width: 10px;
}
.main-content .l_refinement .l_parent .parent > input[type=checkbox]:checked + label:before {
  background-color: #9fa0a0;
}
.main-content .l_refinement .l_parent .parent__mammalia > label {
  color: #f39800;
}
.main-content .l_refinement .l_parent .parent__mammalia > label:before {
  border-color: #f39800;
}
.main-content .l_refinement .l_parent .parent__mammalia > input[type=checkbox]:checked + label:before {
  background-color: #f39800;
}
.main-content .l_refinement .l_parent .parent__reptilia > label {
  color: #8fc31f;
}
.main-content .l_refinement .l_parent .parent__reptilia > label:before {
  border-color: #8fc31f;
}
.main-content .l_refinement .l_parent .parent__reptilia > input[type=checkbox]:checked + label:before {
  background-color: #8fc31f;
}
.main-content .l_refinement .l_parent .parent__aves > label {
  color: #e4007f;
}
.main-content .l_refinement .l_parent .parent__aves > label:before {
  border-color: #e4007f;
}
.main-content .l_refinement .l_parent .parent__aves > input[type=checkbox]:checked + label:before {
  background-color: #e4007f;
}
.main-content .l_refinement .l_parent .parent__amphibia > label {
  color: #00a0e9;
}
.main-content .l_refinement .l_parent .parent__amphibia > label:before {
  border-color: #00a0e9;
}
.main-content .l_refinement .l_parent .parent__amphibia > input[type=checkbox]:checked + label:before {
  background-color: #00a0e9;
}
.main-content .l_refinement .l_parent .parent__other > label {
  color: #9fa0a0;
}
.main-content .l_refinement .l_parent .parent__other > label:before {
  border-color: #9fa0a0;
}
.main-content .l_refinement .l_parent .parent__other > input[type=checkbox]:checked + label:before {
  background-color: #9fa0a0;
}
.main-content .l_refinement .l_parent .parent__txt {
  color: #fff;
  font-size: 10px;
  line-height: 1;
}
.main-content .l_refinement .l_parent .parent__txt:nth-child(2) {
  margin: 0 0 0 10px;
}
.main-content .l_refinement .l_children {
  width: 100%;
  height: 100px;
  overflow: auto;
  padding: 0;
  margin: 0;
}
@media screen and (min-width: 768px) {
  .main-content .l_refinement .l_children {
    height: 190px;
  }
}
.main-content .l_refinement .l_children li {
  list-style: none;
  padding: 0;
  margin: 0;
  line-height: 1.3;
  font-size: 1.2rem;
}
@media screen and (min-width: 768px) {
  .main-content .l_refinement .l_children li {
    font-size: 1.4rem;
  }
}
.main-content .l_refinement .l_children > li:nth-child(n+2) {
  margin: 10px 0 0;
}
.main-content .l_refinement .l_children .children > input {
  display: none;
}
.main-content .l_refinement .l_children .children > label {
  color: #fff;
  cursor: pointer;
  padding: 0 0 0 25px;
  position: relative;
}
.main-content .l_refinement .l_children .children > label:before {
  -webkit-transform: translateY(50%);
  -webkit-transition: background 0.3s;
  border: 2px solid #fff;
  bottom: 50%;
  content: "";
  height: 10px;
  left: 0;
  position: absolute;
  transform: translateY(50%);
  transition: background 0.3s;
  width: 10px;
}
.main-content .l_refinement .l_children .children input[type=checkbox]:checked + label:before {
  background-color: #fff;
}
.main-content .l_refinement .l_children .children__txt {
  color: #fff;
}
.main-content .l_refinement .l_children .children:not(.is_show) {
  display: none;
}
.main-content .l_refinement .l_redlist {
  text-align: center;
  padding: 0;
}
.main-content .l_refinement .l_redlist > li {
  list-style: none;
  display: inline-block;
  vertical-align: middle;
}
.main-content .l_refinement .l_redlist > li:nth-child(n+2) {
  margin: 10px 0 0 15px;
}
@media screen and (min-width: 768px) {
  .main-content .l_refinement .l_redlist > li:nth-child(n+2) {
    margin: 0 0 0 15px;
  }
}
.main-content .l_refinement .l_redlist > li:last-child {
  margin: 10px 0 0 40px;
}
@media screen and (min-width: 768px) {
  .main-content .l_refinement .l_redlist > li:last-child {
    margin: 0 0 0 40px;
  }
}
.main-content .l_refinement .l_redlist > li .redlist > input {
  display: none;
}
.main-content .l_refinement .l_redlist > li .redlist > label {
  color: #fff;
  cursor: pointer;
  display: block;
  position: relative;
}
.main-content .l_refinement .l_redlist > li .redlist > label:before {
  -webkit-transition: background 0.3s;
  border: 2px solid #fff;
  content: "";
  display: block;
  height: 10px;
  transition: background 0.3s;
  width: 10px;
}
.main-content .l_refinement .l_redlist > li .redlist input[type=checkbox]:checked + label:before {
  background-color: #fff;
}
.main-content .l_refinement .l_redlist > li .redlist__ex > label:before {
  border-color: #e60012;
}
.main-content .l_refinement .l_redlist > li .redlist__ex > input[type=checkbox]:checked + label:before {
  background-color: #e60012;
}
.main-content .l_refinement .l_redlist > li .redlist__ew > label:before {
  border-color: #ea5520;
}
.main-content .l_refinement .l_redlist > li .redlist__ew > input[type=checkbox]:checked + label:before {
  background-color: #ea5520;
}
.main-content .l_refinement .l_redlist > li .redlist__cr > label:before {
  border-color: #f39800;
}
.main-content .l_refinement .l_redlist > li .redlist__cr > input[type=checkbox]:checked + label:before {
  background-color: #f39800;
}
.main-content .l_refinement .l_redlist > li .redlist__en > label:before {
  border-color: #8fc31f;
}
.main-content .l_refinement .l_redlist > li .redlist__en > input[type=checkbox]:checked + label:before {
  background-color: #8fc31f;
}
.main-content .l_refinement .l_redlist > li .redlist__vu > label:before {
  border-color: #13ae67;
}
.main-content .l_refinement .l_redlist > li .redlist__vu > input[type=checkbox]:checked + label:before {
  background-color: #13ae67;
}
.main-content .l_refinement .l_redlist > li .redlist__nt > label:before {
  border-color: #00a0e9;
}
.main-content .l_refinement .l_redlist > li .redlist__nt > input[type=checkbox]:checked + label:before {
  background-color: #00a0e9;
}
.main-content .l_refinement .l_redlist > li .redlist__lc > label:before {
  border-color: #187fc4;
}
.main-content .l_refinement .l_redlist > li .redlist__lc > input[type=checkbox]:checked + label:before {
  background-color: #187fc4;
}
.main-content .l_refinement .l_redlist > li .redlist__dd > label {
  color: #c9caca;
  padding: 0 0 0 25px;
}
.main-content .l_refinement .l_redlist > li .redlist__dd > label:before {
  -webkit-transform: translateY(50%);
  border-color: #c9caca;
  bottom: 50%;
  left: 0;
  position: absolute;
  transform: translateY(50%);
}
.main-content .l_refinement .l_redlist > li .redlist__dd > label > input[type=checkbox]:checked + label:before {
  background-color: #c9caca;
}
.main-content .l_refinement .l_redlist > li .redlist__txtex {
  color: #e60012;
  text-align: right;
}
.main-content .l_refinement .l_redlist > li .redlist__txtlc {
  color: #187fc4;
}
.main-content .l_zoosort {
  background-color: #000;
}
.main-content .l_zoosort:not(.is_show) {
  display: none;
}
.main-content .l_zoosort .zoosort {
  line-height: 1;
  padding: 60px 15px;
  position: relative;
  text-align: left;
}
@media screen and (min-width: 768px) {
  .main-content .l_zoosort .zoosort {
    padding: 60px 140px;
  }
}
.main-content .l_zoosort .zoosort .zoosort_close {
  -webkit-transition: opacity 0.3s;
  background-image: url(data:image/svg+xml;base64,PHN2ZyBkYXRhLW5hbWU9IuODrOOCpOODpOODvCAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NyA0NyI+PHBhdGggZmlsbD0iIzk0NzcyOCIgZD0iTTM2LjM4IDE0LjYybC00LTQtOC44OCA4Ljg4LTguODgtOC44OC00IDQgOC44OCA4Ljg4LTguODggOC44OCA0IDQgOC44OC04Ljg4IDguODggOC44OCA0LTQtOC44OC04Ljg4IDguODgtOC44OHoiLz48cGF0aCBmaWxsPSJub25lIiBkPSJNMCAwaDQ3djQ3SDB6Ii8+PC9zdmc+);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  cursor: pointer;
  display: block;
  height: 50px;
  position: absolute;
  right: 0;
  top: 0;
  transition: opacity 0.3s;
  width: 50px;
}
.main-content .l_zoosort .zoosort .zoosort_close:hover {
  opacity: 0.4;
}
.main-content .l_zoosort .zoosort .zoosort_inner {
  -ms-flex-align: center;
  -ms-flex-flow: row wrap;
  -webkit-box-align: center;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-flow: row wrap;
}
.main-content .l_zoosort .zoosort .zoosort_inner .zoosort_inner_ttl {
  width: 100%;
  padding: 0 1rem;
  margin: 0 0 1rem;
}
@media screen and (min-width: 768px) {
  .main-content .l_zoosort .zoosort .zoosort_inner .zoosort_inner_ttl {
    width: 33.33333%;
    padding: 0;
    margin: 0;
  }
}
.main-content .l_zoosort .zoosort .zoosort_inner .zoosort_inner_ttl > span {
  color: #fff;
  font-size: 15px;
  position: relative;
}
.main-content .l_zoosort .zoosort .zoosort_inner .zoosort_inner_ttl > span:after {
  -webkit-transform: translateY(50%);
  background-color: #fff;
  bottom: 50%;
  content: "";
  display: block;
  height: 3px;
  left: calc(100% + 20px);
  position: absolute;
  transform: translateY(50%);
  width: 3px;
}
@media screen and (max-width: 767px) {
  .main-content .l_zoosort .zoosort .zoosort_inner .zoosort_inner_ttl > span:after {
    display: none;
  }
}
.main-content .l_zoosort .zoosort .zoosort_inner .zoosort_inner_btn {
  height: 3.1rem;
  padding: 0 1rem;
  width: 50%;
}
@media screen and (min-width: 768px) {
  .main-content .l_zoosort .zoosort .zoosort_inner .zoosort_inner_btn {
    width: 33.33333%;
    padding: 0 0 0 2rem;
  }
}
.main-content .l_zoosort .zoosort .zoosort_inner:nth-child(n+3) {
  margin: 30px 0 0;
}
.main-content .l_zoosort .zoosort .zoosort_inner:nth-child(2) .zoosort_inner_ttl > span:after {
  -webkit-box-shadow: 10px 0 0 0 #fff, 21.5px 0 0 0 #fff, 33px 0 0 0 #fff, 44.5px 0 0 0 #fff, 56px 0 0 0 #fff, 67.5px 0 0 0 #fff, 80px 0 0 0 #fff, 91.5px 0 0 0 #fff, 103px 0 0 0 #fff;
  box-shadow: 10px 0 0 0 #fff, 21.5px 0 0 0 #fff, 33px 0 0 0 #fff, 44.5px 0 0 0 #fff, 56px 0 0 0 #fff, 67.5px 0 0 0 #fff, 80px 0 0 0 #fff, 91.5px 0 0 0 #fff, 103px 0 0 0 #fff;
}
.main-content .l_zoosort .zoosort .zoosort_inner:nth-child(3) .zoosort_inner_ttl > span:after {
  -webkit-box-shadow: 10px 0 0 0 #fff, 21.5px 0 0 0 #fff;
  box-shadow: 10px 0 0 0 #fff, 21.5px 0 0 0 #fff;
}
.main-content .l_zoosort .zoosort .zoosort_inner:nth-child(4) .zoosort_inner_ttl > span:after {
  -webkit-box-shadow: 10px 0 0 0 #fff, 21.5px 0 0 0 #fff, 33px 0 0 0 #fff, 44.5px 0 0 0 #fff, 56px 0 0 0 #fff, 67.5px 0 0 0 #fff, 80px 0 0 0 #fff, 91.5px 0 0 0 #fff, 103px 0 0 0 #fff;
  box-shadow: 10px 0 0 0 #fff, 21.5px 0 0 0 #fff, 33px 0 0 0 #fff, 44.5px 0 0 0 #fff, 56px 0 0 0 #fff, 67.5px 0 0 0 #fff, 80px 0 0 0 #fff, 91.5px 0 0 0 #fff, 103px 0 0 0 #fff;
}
.main-content .l_characterdata {
  margin: auto;
  padding: 0;
  width: 100%;
}
.main-content .l_characterdata > li.is_show {
  display: block;
}
.main-content .l_characterdata > li:not(.is_show) {
  display: none;
}
.main-content .l_characterdata .characterdata {
  position: relative;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .main-content .l_characterdata .characterdata {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.main-content .l_characterdata .characterdata .characterdata_img {
  height: auto !important;
  margin: 0 0 3rem;
}
@media screen and (min-width: 768px) {
  .main-content .l_characterdata .characterdata .characterdata_img {
    margin: 0;
  }
}
.main-content .l_characterdata .characterdata .characterdata_img > img {
  height: auto;
  pointer-events: none;
  width: 100%;
}
.main-content .l_characterdata .characterdata .characterdata_profile {
  color: #313233;
  margin: 0 0 0 auto;
  padding: 0;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .main-content .l_characterdata .characterdata .characterdata_profile {
    max-width: 400px;
    margin: 0 0 0 3rem;
  }
}
.main-content .l_characterdata .characterdata .characterdata_profile .characterdata_profile_name {
  -webkit-transform: rotate(0.1deg);
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 1.3;
  transform: rotate(0.1deg);
}
@media screen and (min-width: 768px) {
  .main-content .l_characterdata .characterdata .characterdata_profile .characterdata_profile_name {
    font-size: 4rem;
  }
}
.main-content .l_characterdata .characterdata .characterdata_profile .characterdata_profile_en {
  font-size: 18px;
  font-weight: 700;
  line-height: 1.3;
}
.main-content .l_characterdata .characterdata .characterdata_profile .characterdata_profile_nomen {
  font-weight: 700;
  margin: 20px 0 0;
}
.main-content .l_characterdata .characterdata .characterdata_profile .characterdata_profile_nomen .characterdata_profile_nomen_sub {
  font-size: 13px;
  line-height: 1;
  padding: 0 0 0 25px;
  position: relative;
}
.main-content .l_characterdata .characterdata .characterdata_profile .characterdata_profile_nomen .characterdata_profile_nomen_sub:before {
  -webkit-transform: translateY(50%);
  border-color: hsl(0, 0%, 50%) hsla(0, 0%, 50%, 0.5) hsla(0, 0%, 50%, 0.5) hsl(0, 0%, 50%);
  border-style: solid;
  border-width: 7px;
  bottom: 50%;
  content: "";
  height: 0;
  left: 0;
  position: absolute;
  transform: translateY(50%);
  width: 0;
}
.main-content .l_characterdata .characterdata .characterdata_profile .characterdata_profile_nomen .characterdata_profile_nomen_main {
  font-size: 14px;
  line-height: 1.3;
  margin: 10px 0 0;
}
.main-content .l_characterdata .characterdata .characterdata_profile .characterdata_profile_type {
  font-weight: 700;
  margin: 20px 0 0;
}
.main-content .l_characterdata .characterdata .characterdata_profile .characterdata_profile_type .characterdata_profile_type_sub {
  font-size: 13px;
  line-height: 1;
  padding: 0 0 0 25px;
  position: relative;
}
.main-content .l_characterdata .characterdata .characterdata_profile .characterdata_profile_type .characterdata_profile_type_sub:before {
  -webkit-transform: translateY(50%);
  border-color: hsl(0, 0%, 50%) hsla(0, 0%, 50%, 0.5) hsla(0, 0%, 50%, 0.5) hsl(0, 0%, 50%);
  border-style: solid;
  border-width: 7px;
  bottom: 50%;
  content: "";
  height: 0;
  left: 0;
  position: absolute;
  transform: translateY(50%);
  width: 0;
}
.main-content .l_characterdata .characterdata .characterdata_profile .characterdata_profile_type .characterdata_profile_type_main {
  font-size: 14px;
  line-height: 1.3;
  margin: 10px 0 0;
}
.main-content .l_characterdata .characterdata .characterdata_profile .characterdata_profile_redlist {
  margin: 20px 0 0;
}
.main-content .l_characterdata .characterdata .characterdata_profile .characterdata_profile_txt {
  font-size: 14px;
  line-height: 1.7;
  margin: 30px 0 0;
  padding: 0;
  position: relative;
  text-align: justify;
}
.main-content .l_characterdata .characterdata .characterdata_profile .characterdata_profile_place {
  margin: 20px 0 0;
  padding: 20px 0 0;
  position: relative;
}
.main-content .l_characterdata .characterdata .characterdata_profile .characterdata_profile_place:before {
  background-color: #fff;
  content: "";
  display: block;
  height: 3px;
  left: 0;
  position: absolute;
  top: 0;
  width: 30px;
}
.main-content .l_characterdata .characterdata.characterdata__mammalia .characterdata_profile .characterdata_profile_name::first-letter {
  color: #f39800;
}
.main-content .l_characterdata .characterdata.characterdata__mammalia .characterdata_profile .characterdata_profile_en {
  color: #f39800;
}
.main-content .l_characterdata .characterdata.characterdata__reptilia .characterdata_profile .characterdata_profile_name::first-letter {
  color: #8fc31f;
}
.main-content .l_characterdata .characterdata.characterdata__reptilia .characterdata_profile .characterdata_profile_en {
  color: #8fc31f;
}
.main-content .l_characterdata .characterdata.characterdata__aves .characterdata_profile .characterdata_profile_name::first-letter {
  color: #e4007f;
}
.main-content .l_characterdata .characterdata.characterdata__aves .characterdata_profile .characterdata_profile_en {
  color: #e4007f;
}
.main-content .l_characterdata .characterdata.characterdata__amphibia .characterdata_profile .characterdata_profile_name::first-letter {
  color: #00a0e9;
}
.main-content .l_characterdata .characterdata.characterdata__amphibia .characterdata_profile .characterdata_profile_en {
  color: #00a0e9;
}
.main-content .l_characterdata .characterdata.characterdata__other .characterdata_profile .characterdata_profile_name::first-letter {
  color: #9fa0a0;
}
.main-content .l_characterdata .characterdata.characterdata__other .characterdata_profile .characterdata_profile_en {
  color: #9fa0a0;
}
.main-content .redlistdata .redlistdata_head {
  font-size: 13px;
  font-weight: 700;
  line-height: 1;
  padding: 0 0 0 25px;
  position: relative;
}
.main-content .redlistdata .redlistdata_head:before {
  -webkit-transform: translateY(50%);
  border-color: hsl(0, 0%, 50%) hsla(0, 0%, 50%, 0.5) hsla(0, 0%, 50%, 0.5) hsl(0, 0%, 50%);
  border-style: solid;
  border-width: 7px;
  bottom: 50%;
  content: "";
  height: 0;
  left: 0;
  position: absolute;
  transform: translateY(50%);
  width: 0;
}
.main-content .redlistdata .redlistdata_body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 10px 0 0;
}
.main-content .redlistdata .redlistdata_body .redlistdata_body_icon {
  -ms-flex-align: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -webkit-box-pack: center;
  align-items: center;
  background-color: #000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 15px;
  font-weight: 700;
  height: 30px;
  justify-content: center;
  line-height: 1;
  width: 30px;
}
.main-content .redlistdata .redlistdata_body .redlistdata_body_icon:nth-child(n+2) {
  margin: 0 0 0 10px;
}
.main-content .redlistdata .redlistdata_body .redlistdata_body_icon:first-child {
  color: #e60012;
}
.main-content .redlistdata .redlistdata_body .redlistdata_body_icon:nth-child(2) {
  color: #ea5520;
}
.main-content .redlistdata .redlistdata_body .redlistdata_body_icon:nth-child(3) {
  color: #f39800;
}
.main-content .redlistdata .redlistdata_body .redlistdata_body_icon:nth-child(4) {
  color: #8fc31f;
}
.main-content .redlistdata .redlistdata_body .redlistdata_body_icon:nth-child(5) {
  color: #13ae67;
}
.main-content .redlistdata .redlistdata_body .redlistdata_body_icon:nth-child(6) {
  color: #00a0e9;
}
.main-content .redlistdata .redlistdata_body .redlistdata_body_icon:nth-child(7) {
  color: #187fc4;
}
.main-content .redlistdata .redlistdata_body .redlistdata_body_icon.is_current {
  background-color: #fff;
}
.main-content .redlistdata .redlistdata_foot {
  margin: 10px 0 0;
}
.main-content .redlistdata .redlistdata_foot .redlistdata_foot_ttl {
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
}
.main-content .redlistdata .redlistdata_foot .redlistdata_foot_txt {
  font-size: 13px;
  margin: 10px 0 0;
}
.main-content .place .place_head {
  cursor: pointer;
  padding: 0 0 0 20px;
  position: relative;
}
.main-content .place .place_head:before {
  -webkit-transform: translateY(50%);
  -webkit-transition: transform 0.3s;
  border-color: transparent transparent transparent hsla(0, 0%, 100%, 0.5);
  border-style: solid;
  border-width: 8px 0 8px 10px;
  bottom: 50%;
  content: "";
  height: 0;
  left: 0;
  position: absolute;
  transform: translateY(50%);
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  width: 0;
}
.main-content .place .place_head.is_show:before {
  -webkit-transform: translateY(50%) rotate(90deg);
  transform: translateY(50%) rotate(90deg);
}
.main-content .place .place_body {
  -webkit-transition: all 0.5s ease-in-out;
  margin: 20px 0 0;
  max-height: 0;
  overflow-y: hidden;
  transition: all 0.5s ease-in-out;
}
.main-content .place .place_body.is_show {
  -webkit-transition: all 0.2s ease-in-out;
  max-height: 9999px;
  transition: all 0.2s ease-in-out;
}
.main-content .place .place_body .place_body_list .place_body_list_item {
  display: inline-block;
  margin: 0 10px 10px 0;
}
@media only screen and (min-height: 812px) and (min-width: 415px) and (orientation: portrait) {
  .main-content .l_norotate {
    -webkit-transition: 0.2s;
    opacity: 1;
    pointer-events: visible;
    transition: 0.2s;
    visibility: visible;
  }
}
@media only screen and (max-height: 415px) and (max-width: 812px) and (orientation: landscape) {
  .main-content .l_norotate {
    -webkit-transition: 0.2s;
    opacity: 1;
    pointer-events: visible;
    transition: 0.2s;
    visibility: visible;
  }
}
@media (min-width: 737px) {
  .main-content .modal .modal_inner .modal_inner_close {
    bottom: 100%;
    height: 50px;
    position: absolute;
    right: 0;
    width: 50px;
  }
  .main-content .closebtn:hover {
    opacity: 0.4;
  }
}
@media (max-width: 737px) {
  .main-content .modal .modal_inner .modal_inner_close {
    bottom: 100%;
    height: 15vw;
    position: absolute;
    right: 0;
    width: 15vw;
  }
  .main-content .closebtn:active {
    opacity: 0.4;
  }
}

/*==============================================================
フレンズ詳細　コンテンツ
==============================================================*/
.zoo_body_detail {
  margin: 0 auto 5rem;
}

/*==============================================================
フレンズ詳細　ページネーション
==============================================================*/
.zoo_singlepaginate {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.zoo_singlepaginate .zoo_singlepaginate_item.--next, .zoo_singlepaginate .zoo_singlepaginate_item.--prev {
  font-weight: bold;
}
@media screen and (min-width: 768px) {
  .zoo_singlepaginate .zoo_singlepaginate_item.--next, .zoo_singlepaginate .zoo_singlepaginate_item.--prev {
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .zoo_singlepaginate .zoo_singlepaginate_item.--next:hover, .zoo_singlepaginate .zoo_singlepaginate_item.--prev:hover {
    opacity: 0.7;
  }
}
.zoo_singlepaginate .zoo_singlepaginate_item.--return {
  width: 100%;
  max-width: 20rem;
  margin: 0 2rem;
}
.zoo_singlepaginate .zoo_singlepaginate_item.--return .btn01 {
  padding: 1.2rem 0.5rem;
  margin: 0 auto;
}

.left {
  text-align: left;
}

.center {
  text-align: center;
}

.right {
  text-align: right;
}

@media screen and (max-width: 767px) {
  .xs_left {
    text-align: left;
  }
  .xs_center {
    text-align: center;
  }
  .xs_right {
    text-align: right;
  }
}
@media screen and (max-width: 991px) {
  .sm_left {
    text-align: left;
  }
  .sm_center {
    text-align: center;
  }
  .sm_right {
    text-align: right;
  }
}
@media screen and (max-width: 1199px) {
  .md_left {
    text-align: left;
  }
  .md_center {
    text-align: center;
  }
  .md_right {
    text-align: right;
  }
}
.xxxs_visible {
  display: block;
}
@media screen and (min-width: 421px) {
  .xxxs_visible {
    display: none;
  }
}

.xxxs_hidden {
  display: none;
}
@media screen and (min-width: 421px) {
  .xxxs_hidden {
    display: block;
  }
}

.xxs_visible {
  display: block;
}
@media screen and (min-width: 601px) {
  .xxs_visible {
    display: none;
  }
}

.xxs_hidden {
  display: none;
}
@media screen and (min-width: 601px) {
  .xxs_hidden {
    display: block;
  }
}

.xs_visible {
  display: block;
}
@media screen and (min-width: 768px) {
  .xs_visible {
    display: none;
  }
}

.xs_hidden {
  display: none;
}
@media screen and (min-width: 768px) {
  .xs_hidden {
    display: block;
  }
}

.sm_visible {
  display: block;
}
@media screen and (min-width: 992px) {
  .sm_visible {
    display: none;
  }
}

.sm_hidden {
  display: none;
}
@media screen and (min-width: 992px) {
  .sm_hidden {
    display: block;
  }
}

.md_visible {
  display: block;
}
@media screen and (min-width: 1200px) {
  .md_visible {
    display: none;
  }
}

.md_hidden {
  display: none;
}
@media screen and (min-width: 1200px) {
  .md_hidden {
    display: block;
  }
}

.md2_visible {
  display: block;
}
@media screen and (min-width: 1500px) {
  .md2_visible {
    display: none;
  }
}

.md2_hidden {
  display: none;
}
@media screen and (min-width: 1500px) {
  .md2_hidden {
    display: block;
  }
}

.lg_visible {
  display: block;
}
@media screen and (min-width: 1921px) {
  .lg_visible {
    display: none;
  }
}

.lg_hidden {
  display: none;
}
@media screen and (min-width: 1921px) {
  .lg_hidden {
    display: block;
  }
}

.mt0 {
  margin-top: 0 !important;
}

.mb0 {
  margin-bottom: 0 !important;
}

.mb10 {
  margin-bottom: 10px !important;
}

.mb15 {
  margin-bottom: 15px !important;
}

.mb20 {
  margin-bottom: 20px !important;
}

.mb25 {
  margin-bottom: 25px !important;
}

.mb30 {
  margin-bottom: 30px !important;
}

.mb40 {
  margin-bottom: 40px !important;
}

.mb50 {
  margin-bottom: 50px !important;
}

.mb60 {
  margin-bottom: 60px !important;
}

.mb70 {
  margin-bottom: 70px !important;
}

.mb80 {
  margin-bottom: 80px !important;
}