@charset "UTF-8";
/* ===============================================
# default
=============================================== */
/**
 * wrapper
 */
/* ===============================================
# header
=============================================== */
.header {
  -webkit-transition: -webkit-transform 0.5s ease;
  transition: -webkit-transform 0.5s ease;
  transition: transform 0.5s ease;
  transition: transform 0.5s ease, -webkit-transform 0.5s ease;
  -webkit-transform: translateY(-40px);
          transform: translateY(-40px);
}
.-loaded .header {
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
}

/* ===============================================
# footer
=============================================== */
.footer {
  position: relative;
  background-color: #372f26;
  padding: 60px 0;
}
#top .footer::before {
  width: 100%;
  display: block;
  content: "";
  display: inline-block;
  background: url("/wp-content/themes/rearsekai/assets/img/common/bg/bg_pattern_bottom.png") repeat-x bottom center/contain;
  height: 25%;
  position: absolute;
  top: -25%;
  left: 0;
  z-index: 1;
  pointer-events: none;
}
@media screen and (max-width: 770px) {
  #top .footer::before {
    height: 20%;
    top: -20%;
  }
}
@media screen and (max-width: 770px) {
  .footer {
    padding-left: 7.7922077922%;
    padding-right: 7.7922077922%;
  }
}
.footer__in {
  width: 100%;
  max-width: var(--cont-max-outerwidth);
  padding-right: min(3.7037%, 40px);
  padding-left: min(3.7037%, 40px);
  margin: 0 auto;
  position: relative;
  z-index: 2;
}
.footer__share--title {
  font-size: 22px;
  text-align: center;
  color: #FFF;
  letter-spacing: 0;
}
@media screen and (max-width: 770px) {
  .footer__share--title {
    font-size: max(3.2vw, 16px);
  }
}
.footer__share--list {
  margin-top: min(2.0833333333vw, 37.5px);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: min(3.3333333333vw, 60px);
}
@media screen and (max-width: 770px) {
  .footer__share--list {
    margin-top: max(6.4vw, 32px);
    gap: max(5.3333333333vw, 26.6666666667px);
  }
}
.footer__share--item {
  width: min(3.75vw, 67.5px);
  height: min(3.75vw, 67.5px);
}
@media screen and (max-width: 770px) {
  .footer__share--item {
    width: max(6.6666666667vw, 33.3333333333px);
    height: max(6.6666666667vw, 33.3333333333px);
  }
}
.footer__share--link {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
}
.footer__share--link:before {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
  background-color: #FFF;
  -webkit-transition: background-color 0.5s ease;
  transition: background-color 0.5s ease;
}
.footer__share--link.icon-twitter:before {
  -webkit-mask-image: url(/wp-content/themes/rearsekai/assets/img/common/icon/icon_x.svg);
          mask-image: url(/wp-content/themes/rearsekai/assets/img/common/icon/icon_x.svg);
}
.footer__share--link.icon-facebook:before {
  -webkit-mask-image: url(/wp-content/themes/rearsekai/assets/img/common/icon/icon_fb.svg);
          mask-image: url(/wp-content/themes/rearsekai/assets/img/common/icon/icon_fb.svg);
}
.footer__share--link.icon-line:before {
  -webkit-mask-image: url(/wp-content/themes/rearsekai/assets/img/common/icon/icon_line.svg);
          mask-image: url(/wp-content/themes/rearsekai/assets/img/common/icon/icon_line.svg);
}
.footer__share--link:hover {
  opacity: 1;
}
.footer__share--link:hover::before {
  background-color: #22afb2;
}
.footer__switch {
  margin-top: 16px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: min(2.6666666667vw, 48px);
}
@media screen and (max-width: 770px) {
  .footer__switch--logo {
    width: 13.6363636364%;
  }
  .footer__switch--logo img {
    max-width: 100%;
  }
}
.footer__switch--text > p {
  font-size: 18px;
  color: #FFF;
  text-align: center;
}
@media screen and (max-width: 770px) {
  .footer__switch--text > p {
    font-size: max(1.8666666667vw, 9.3333333333px);
    letter-spacing: 0;
  }
}
.footer__bnrList {
  margin-top: 36px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 21px;
}
@media screen and (max-width: 770px) {
  .footer__bnrList {
    gap: max(2.1333333333vw, 10.6666666667px);
  }
}
.footer__bnr > a img {
  max-width: 100%;
}
.footer__company--logo {
  width: 35%;
  margin: 46px auto 0;
}
.footer__company--logo.--logoen {
  width: 52.5%;
}
@media screen and (max-width: 770px) {
  .footer__company--logo {
    width: 49.3506493506%;
  }
  .footer__company--logo.--logoen {
    width: 75%;
  }
}
.footer__company--logo img {
  max-width: 100%;
}
.footer__companyLink {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 40px;
}
@media screen and (max-width: 770px) {
  .footer__companyLink {
    margin-top: 20px;
  }
}
.footer__companyLink--item {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 770px) {
  .footer__companyLink--item:nth-child(1) {
    width: 100%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-bottom: 1em;
  }
  .footer__companyLink--item:nth-child(2), .footer__companyLink--item:nth-child(3) {
    width: 50%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.footer__companyLink--item > a {
  font-size: 18px;
  color: #FFF;
  text-decoration: none;
  padding: 0 30px;
}
@media screen and (max-width: 770px) {
  .footer__companyLink--item > a {
    font-size: max(1.8666666667vw, 9.3333333333px);
    padding: 0 15px;
  }
}
.footer__companyLink--item:not(:first-child)::before {
  content: "";
  display: block;
  width: 1px;
  height: 20px;
  background-color: #FFF;
}
@media screen and (max-width: 770px) {
  .footer__companyLink--item:not(:first-child)::before {
    height: 12px;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
  }
}
@media screen and (max-width: 770px) {
  .footer__companyLink--item:nth-child(2):before {
    content: none;
  }
}
.footer__copyright {
  margin-top: 104px;
  font-size: 16px;
  color: #fff;
  text-align: center;
  letter-spacing: 0;
}
@media screen and (max-width: 770px) {
  .footer__copyright {
    font-size: 10px;
    margin-top: 52px;
  }
}

/* ===============================================
# utility
=============================================== */
.u-iframe {
  position: relative;
  max-width: 700px;
  margin: auto;
}

.u-iframe::before {
  content: "";
  display: block;
  padding-top: 56.25%; /*ここにつける*/
}

.u-iframe iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* ===============================================
# top
=============================================== */
@media screen and (max-width: 770px) {
  .special__contentsList, .system__in, .chara .charaThumb, .chara__item .charaDetail, .aboutWrap, .blog_catch {
    padding-left: 7.7922077922%;
    padding-right: 7.7922077922%;
  }
}

@media screen and (max-width: 770px) {
  #blog .contentIn {
    padding-top: 7.7922077922%;
    padding-bottom: 7.7922077922%;
  }
}

.hero_character_boy {
  -webkit-transform: translateX(-40px);
          transform: translateX(-40px);
  -webkit-transition: -webkit-transform 0.5s ease;
  transition: -webkit-transform 0.5s ease;
  transition: transform 0.5s ease;
  transition: transform 0.5s ease, -webkit-transform 0.5s ease;
}
.-loaded .hero_character_boy {
  -webkit-transform: translateX(0px);
          transform: translateX(0px);
}

.hero_character_girl {
  -webkit-transform: translateX(40px);
          transform: translateX(40px);
  -webkit-transition: -webkit-transform 0.5s ease;
  transition: -webkit-transform 0.5s ease;
  transition: transform 0.5s ease;
  transition: transform 0.5s ease, -webkit-transform 0.5s ease;
}
.-loaded .hero_character_girl {
  -webkit-transform: translateX(0px);
          transform: translateX(0px);
}

.hero_twibnrWrap, .hero_movieWrap, .hero_brandlogoWrap {
  opacity: 0;
  -webkit-transition: opacity 0.8s ease;
  transition: opacity 0.8s ease;
}
.-loaded .hero_twibnrWrap, .-loaded .hero_movieWrap, .-loaded .hero_brandlogoWrap {
  opacity: 1;
}

/*-----------------------------------------------
 * Common
-------------------------------------------------*/
.contentWrap {
  width: 100%;
  position: relative;
  z-index: 2;
}

.content {
  width: 100%;
  max-width: var(--cont-max-outerwidth);
  margin: 0 auto;
  position: relative;
  z-index: 2;
}
@media screen and (min-width: 771px) {
  .content {
    padding-right: min(3.7037%, 40px);
    padding-left: min(3.7037%, 40px);
  }
}

.contentIn {
  width: 100%;
  position: relative;
  z-index: 1;
}

.contentbg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  pointer-events: none;
}

/* swiper-arrow */
.swiper-arrowWrap {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (min-width: 771px) {
  .swiper-arrowWrap {
    margin-bottom: 4px;
  }
}
@media screen and (max-width: 770px) {
  .swiper-arrowWrap {
    z-index: 99;
    pointer-events: none;
    margin-bottom: 2px;
  }
}

.swiper-arrow {
  width: 32px;
  width: 3.2%;
  padding-top: 57px;
  padding-top: 5.7%;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  -webkit-filter: var(--drop-shadow);
          filter: var(--drop-shadow);
  position: absolute;
  transition: 0.3s ease;
  pointer-events: auto;
}
@media screen and (max-width: 770px) {
  .swiper-arrow {
    width: 6.4935064935%;
    padding-top: 8.4%;
    margin-top: 10px;
  }
}

.swiper-arrow-l {
  left: 0;
  background: url(/wp-content/themes/rearsekai/assets/img/common/icon/icon_arrow_l.svg) no-repeat center/contain;
}
@media screen and (max-width: 770px) {
  .swiper-arrow-l {
    left: 3.8961038961%;
  }
}

.swiper-arrow-l:hover {
  -webkit-transform: translateX(-10%);
          transform: translateX(-10%);
}

.swiper-arrow-r {
  right: 0;
  background: url(/wp-content/themes/rearsekai/assets/img/common/icon/icon_arrow_r.svg) no-repeat center/contain;
}
@media screen and (max-width: 770px) {
  .swiper-arrow-r {
    right: 3.8961038961%;
  }
}

.swiper-arrow-r:hover {
  -webkit-transform: translateX(10%);
          transform: translateX(10%);
}

/* h2 */
.cont_h2 {
  width: 64.6%;
  padding-top: 8.1%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  margin: 0 auto 5%;
  opacity: 1;
  -webkit-transition: opacity 0.3s ease, -webkit-transform 0.4s cubic-bezier(0.28, 0.23, 0.13, 1);
  transition: opacity 0.3s ease, -webkit-transform 0.4s cubic-bezier(0.28, 0.23, 0.13, 1);
  transition: opacity 0.3s ease, transform 0.4s cubic-bezier(0.28, 0.23, 0.13, 1);
  transition: opacity 0.3s ease, transform 0.4s cubic-bezier(0.28, 0.23, 0.13, 1), -webkit-transform 0.4s cubic-bezier(0.28, 0.23, 0.13, 1);
}
@media screen and (max-width: 770px) {
  .cont_h2 {
    width: 87.012987013%;
    padding-top: 10.7013%;
  }
}

.cont_h2:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(/wp-content/themes/rearsekai/assets/img/common/deco/deco_title_frame.svg) no-repeat center/contain;
}

.cont_h2 img {
  display: inline-block;
  max-width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  -webkit-transition: opacity 0.4s ease 0.5s;
  transition: opacity 0.4s ease 0.5s;
}

.content.--is-ani .cont_h2 {
  opacity: 1;
  -webkit-transform: translateY(0%);
          transform: translateY(0%);
}

.content.--is-ani .cont_h2 img {
  opacity: 1;
}

/* ComLists */
.comListsWrap {
  position: relative;
}

.comLists.is-flexOn {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.comList {
  height: auto;
}

.comListIn {
  width: 100%;
  height: 100%;
}

.comList__link {
  width: 100%;
  border: 2px solid var(--color-black);
  padding: 5px;
  display: block;
  text-decoration: none;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  background-color: #fff;
}

.comList_img {
  width: 100%;
}

.comList_img img {
  width: 100%;
  height: auto;
}

.comList_detail {
  width: 100%;
  padding: 10px 0;
}

.comList_date {
  display: inline-block;
  padding: 4px 10px;
  color: #FFF;
  line-height: 1;
  background-color: var(--color-black);
  margin-bottom: 4px;
}
@media screen and (max-width: 770px) {
  .comList_date {
    font-size: 14px;
  }
}

.comList_title {
  width: 100%;
  line-height: 1.57143;
  padding-left: 10px;
}
@media screen and (max-width: 770px) {
  .comList_title {
    font-size: 14px;
  }
}

.comList_title.-clamp {
  position: relative;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* swiper comLists */
.comSlideWrap {
  width: 100%;
  position: relative;
}
@media screen and (min-width: 771px) {
  .comSlideWrap {
    padding: 0 6.5% 5%;
  }
}
@media screen and (max-width: 770px) {
  .comSlideWrap {
    padding: 0 0 6.5%;
  }
}

.comList {
  width: 33.3333333333%;
  padding: 0 1.7242%;
}
@media screen and (max-width: 770px) {
  .comList {
    width: 80%;
  }
}

.comList .comList__link {
  display: block;
  height: 100%;
}

/* main */
.main {
  position: relative;
}
@media screen and (max-width: 770px) {
  .main {
    overflow: hidden;
  }
}

/* main bg */
.comBG {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url(/wp-content/themes/rearsekai/assets/img/common/bg/bg_pattern.png) repeat 0 0;
}

/* bg circle */
.bg_circle {
  position: absolute;
  width: 100%;
  margin: 0 auto;
  left: 0;
  right: 0;
}
@media screen and (min-width: 771px) {
  .bg_circle {
    max-width: 1512px;
    height: 805px;
    top: calc(50% - 402.5px);
  }
}
@media screen and (max-width: 770px) {
  .bg_circle {
    height: 100%;
    background: url(/wp-content/themes/rearsekai/assets/img/top/bg/bg_circle_sp.png) no-repeat center center/contain;
  }
}

@media screen and (min-width: 771px) {
  .bg_circle:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 450px;
    background: url(/wp-content/themes/rearsekai/assets/img/top/bg/bg_circle_l.png) no-repeat left center/contain;
  }
}

@media screen and (min-width: 771px) {
  .bg_circle:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 450px;
    background: url(/wp-content/themes/rearsekai/assets/img/top/bg/bg_circle_r.png) no-repeat right center/contain;
  }
}

/*-----------------------------------------------
 * #hero [max-width: x1.25]
-------------------------------------------------*/
#hero .content {
  max-width: 1350px;
}

#hero .contentIn {
  padding-top: 70%;
}
@media screen and (max-width: 770px) {
  /* #hero.hero-en {
    margin-bottom:-33vw;
  } */
  #hero .contentIn {
	height: 130vw;
    padding-top: 0;
  }
}
.hero_cont {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  padding-top: 67%;
}
@media screen and (max-width: 770px) {
  .hero_cont {
	padding-top: 0;
    height: 100%;
  }
}

/* hero_title */
.hero_titleWrap {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 46.3%;
  margin: 0 auto;
  z-index: 2;
}
@media screen and (max-width: 770px) {
  .hero_titleWrap {
    width: max(58.6666666667vw, 293.3333333333px);
    bottom: 48vw;
  }
  html[lang="en"] .hero_titleWrap {
    width: max(58.6666666667vw, 293.3333333333px);
    bottom: 40vw;
  }
}

.hero_title {
  width: 88.121%;
  /* 408px */
  margin: 0 auto;
}

.hero_titleIn {
  display: block;
  width: 100%;
  padding-top: 42.1569%;
  background: url(/wp-content/themes/rearsekai/assets/img/common/logo/logo_shadow.png) no-repeat center top/contain;
}

html[lang="en"] .hero_titleIn {
  display: block;
  width: 100%;
  padding-top: 58.1569%;
  background: url(/wp-content/themes/rearsekai/assets/img/common/logo/logo_shadow2.png) no-repeat center top/contain;
}

.hero_title_catch {
  text-align: center;
}

.hero_title_catch img {
  max-width: 100%;
  width: min(calc(230 / 1200 * 100vw), 230px);
}
.hero_title_catch.htc-en img {
      max-width: 100%;
    width: min(calc(300 / 1200 * 100vw), 300px);
}
@media screen and (max-width: 770px) {
	.hero_title_catch img {
		width: calc(230 / 750 * 100vw);
	  }
    .hero_title_catch.htc-en img {
    width: calc(300 / 750 * 100vw);
  }
}

/* hero_brandlogo */
.hero_brandlogoWrap {
  width: 100%;
  position: absolute;
  left: 0;
  display: flex;
}
@media screen and (min-width: 771px) {
  .hero_brandlogoWrap {
    margin-bottom: 48.8%;
    bottom: 0;
  }
}
@media screen and (max-width: 770px) {
  .hero_brandlogoWrap {
    top: 0;
    margin-top: max(2.1333333333vw, 10.6666666667px);
    margin-left: max(4vw, 20px);
	  position: relative;
  }
}

.hero_brandlogo_switch,
.hero_brandlogo_steam {
  width: 7.4%;
}
.hero_brandlogo_steam {
  margin-left: 2.0417%;
}
@media screen and (max-width: 770px) {
  .hero_brandlogo_switch,
  .hero_brandlogo_steam {
    width: 10.5714285714%;
  }
}

.hero_brandlogo_switch img,
.hero_brandlogo_steam img {
  width: 100%;
}

/* hero_character */
.hero_characterWrap {
  position: absolute;
  bottom: 0;
  width: 603px;
  width: 60.3%;
  padding-top: 56.5%;
  left: 0;
  right: 0;
  margin: 0 auto -17px;
  margin-bottom: -1.7%;
}
@media screen and (max-width: 770px) {
  .hero_characterWrap {
    width: 85.7142857143%;
    padding-top: 91.045%;
	position: relative;
  }
}

.hero_characterWrap img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.hero_character_boy {
  width: 316px;
  width: 52.4047%;
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
}
@media screen and (max-width: 770px) {
  .hero_character_boy {
    width: 52.4737631184%;
  }
}

.hero_character_boy img {
  -o-object-position: left bottom;
     object-position: left bottom;
}

.hero_character_girl {
  width: 319px;
  width: 52.9022%;
  height: 96.1062%;
  position: absolute;
  bottom: 0;
  right: 0;
}
@media screen and (max-width: 770px) {
  .hero_character_girl {
    width: 52.4737631184%;
  }
}

.hero_character_girl img {
  -o-object-position: right bottom;
     object-position: right bottom;
}

/* hero_movie */
.hero_movieWrap {
  width: 23%;
  position: absolute;
  left: 0;
  bottom: 0;
}

.hero_movie {
  width: 100%;
  padding-top: 56.25%;
  position: relative;
  overflow: hidden;
}

.btn_movie {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}

.btn_movie:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--color-blue);
  opacity: 0;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  z-index: 1;
}

.btn_movie:hover::before {
  opacity: 0.4;
}

.hero_movie_bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.hero_movie_bg::before {
  content: "";
  display: inline-block;
  width: 55px;
  height: 55px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background: url("/wp-content/themes/rearsekai/assets/img/common/icon/icon_play.png") no-repeat center center/contain;
  z-index: 9;
  pointer-events: none;
}

.bg_ytplayer {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  height: calc(100% + 300px);
}

/* hero_bnr&twitter */
.hero_twibnrWrap {
  width: 21.6%;
  position: absolute;
  right: 0;
  bottom: 0;
}
@media screen and (max-width:1200px){
	.hero_twibnrWrap {
		width: 18%;
	}
}
@media screen and (max-width: 770px) {
  .hero_twibnrWrap {
    width: 100%;
    padding-left: max(8vw, 40px);
    padding-right: max(8vw, 40px);
    bottom: 0;
  }
}

.hero_bnrLists {
  width: 100%;
}
@media screen and (min-width: 771px) {
  .hero_bnrLists {
    margin-bottom: 9.2593%;
  }
}
@media screen and (max-width: 770px) {
  .hero_bnrLists {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
	flex-wrap: wrap;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
	width: 100%;
	gap: 3vw;
  }
  html[lang="en"] .hero_bnrLists {
  flex-direction: column;
  }
}

.hero_bnrList {
	display: flex;
}

@media screen and (max-width: 770px) {
  .hero_bnrList {
	width: 42.2077922078%;
	display: flex;
    align-items: flex-end;
  }
  .hero_bnrList:not(:last-child) {
    margin-bottom: calc(30 / var(--vw-min) * 100vw);
  }
}

@media screen and (min-width: 771px) {
  .hero_bnrList:not(:last-child) {
    margin-bottom: 16px;
    width: min(calc(217 / var(--vw-min) * 100vw), 217px);
    margin-left: auto;
  }
}

.hero_bnrList a {
  display: table;
  margin-left: auto;
}

.hero_bnrList a img {
  width: 100%;
}
@media screen and (max-width: 770px) {
	.hero_bnrList a {
		display: block;
		width: 100%;
	}
}

.twitterWidgetWrap {
  width: 100%;
  height: min(15.8334vw, 190px);
}

.twitterWidget {
  width: 100%;
  height: 100%;
  overflow-x: auto;
  position: relative;
}

.twitterWidget iframe {
  width: 100% !important;
}

#hero .contentbg {
  background-color: #fff;
}

.hero_contbg {
  /* width: 1309px; */
  width: 1636px;
  height: 100%;
  position: absolute;
  top: 0;
  left: calc(50% - 818px);
  background: url(/wp-content/themes/rearsekai/assets/img/top/hero/hero_bg.png) no-repeat center top/contain;
}

/*-----------------------------------------------
 * #pickup
-------------------------------------------------*/
.pickupWrap {
  width: 100%;
  position: relative;
}
@media screen and (min-width: 771px) {
  .pickupWrap {
    padding: 6% 6.5%;
  }
}
@media screen and (max-width: 770px) {
  .pickupWrap {
    padding: 8.052% 0;
  }
}

.pickupSwiper {
  width: 100%;
}

.pickupLists {
  width: 100%;
}

.pickupList {
  width: 33.3333333333%;
  padding: 0 1.7242%;
}

.pickupList a {
  display: block;
}

.pickupList img {
  width: 100%;
}

/* pickup BG */
#pickup .contentbg {
  background-color: #e9f7f7;
}

.pickup_bg_dot {
  position: absolute;
  top: 0;
  margin-top: min(1.2%, 12px);
  left: 0;
  margin-bottom: min(1.2%, 12px);
  bottom: 0;
  right: 0;
  background: url(/wp-content/themes/rearsekai/assets/img/top/bg/pickup_bg_dot.png) repeat-x center bottom;
}
.pickup_bg_dot::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: -1px;
  left: 50%;
  -webkit-transform: translate(-50%, 0%);
          transform: translate(-50%, 0%);
  width: 130px;
  height: 28px;
  -webkit-mask-image: url("/wp-content/themes/rearsekai/assets/img/common/deco/deco_pickup.svg");
          mask-image: url("/wp-content/themes/rearsekai/assets/img/common/deco/deco_pickup.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-position: center center;
          mask-position: center center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  background-color: #000;
  background-color: #22afb2;
}
@media screen and (max-width: 770px) {
  .pickup_bg_dot::before {
    width: 70px;
    height: 14px;
  }
}
.pickup_bg_dot::after {
  content: "";
  display: inline-block;
  position: absolute;
  bottom: -1px;
  left: 50%;
  -webkit-transform: translate(-50%, 0%) scale(1, -1);
          transform: translate(-50%, 0%) scale(1, -1);
  width: 130px;
  height: 28px;
  -webkit-mask-image: url("/wp-content/themes/rearsekai/assets/img/common/deco/deco_pickup.svg");
          mask-image: url("/wp-content/themes/rearsekai/assets/img/common/deco/deco_pickup.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-position: center center;
          mask-position: center center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  background-color: #000;
  background-color: #22afb2;
}
@media screen and (max-width: 770px) {
  .pickup_bg_dot::after {
    width: 70px;
    height: 14px;
  }
}

.pickup_bg_lineWrap {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.pickup_bg_line {
  position: absolute;
  left: 0;
  right: 0;
  padding-top: min(1.2%, 12px);
  background-repeat: no-repeat;
  background-size: 100%;
}

.pickup_bg_line__t {
  top: 0;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#20adaf), color-stop(50%, #20adaf), color-stop(50%, transparent), color-stop(83.3334%, transparent), color-stop(83.3334%, #20adaf), to(#20adaf));
  background-image: -webkit-linear-gradient(#20adaf 0%, #20adaf 50%, transparent 50%, transparent 83.3334%, #20adaf 83.3334%, #20adaf 100%);
  background-image: linear-gradient(#20adaf 0%, #20adaf 50%, transparent 50%, transparent 83.3334%, #20adaf 83.3334%, #20adaf 100%);
  background-position: top;
}

.pickup_bg_line__b {
  bottom: 0;
  background-image: -webkit-gradient(linear, left bottom, left top, from(#20adaf), color-stop(50%, #20adaf), color-stop(50%, transparent), color-stop(83.3334%, transparent), color-stop(83.3334%, #20adaf), to(#20adaf));
  background-image: -webkit-linear-gradient(bottom, #20adaf 0%, #20adaf 50%, transparent 50%, transparent 83.3334%, #20adaf 83.3334%, #20adaf 100%);
  background-image: linear-gradient(to top, #20adaf 0%, #20adaf 50%, transparent 50%, transparent 83.3334%, #20adaf 83.3334%, #20adaf 100%);
  background-position: bottom;
}

/*-----------------------------------------------
 * #news
-------------------------------------------------*/
#news .contentIn {
  padding-top: 12%;
  padding-bottom: 12%;
}
@media screen and (max-width: 770px) {
  #news .contentIn {
    margin-top: 15%;
    margin-bottom: 7.7922077922%;
    padding-top: 12.87%;
    padding-bottom: 0;
  }
}

#news .cont_h2 img {
  width: calc(111 / var(--h2-width) * 100%);
}

#news .news_btn {
  width: 39%;
  margin: 5% auto 0;
  position: relative;
}
@media screen and (max-width: 770px) {
  #news .news_btn {
    width: 50.6493506494%;
    margin: 10.39% auto 0;
  }
}

#news .news_btn a {
  display: block;
  width: 100%;
  padding-top: 18.4348%;
  background: url(/wp-content/themes/rearsekai/assets/img/top/news/news_btn.png) no-repeat center/contain;
}
#news .news_btn a.btn-more {
  display: block;
  width: 100%;
  padding-top: 18.4348%;
  background: url(/wp-content/themes/rearsekai/assets/img/common/btn/btn_more.png) no-repeat center/contain;
}

/*-----------------------------------------------
 * #blog
-------------------------------------------------*/
@media screen and (min-width: 771px) {
  #blog .contentIn {
    padding-top: 5%;
    padding-bottom: 5%;
  }
}

#blog .cont_h2 img {
  width: calc(330 / var(--h2-width) * 100%);
}

.blog_catch {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.667;
  margin-bottom: 40px;
}
@media screen and (max-width: 770px) {
  .blog_catch {
    font-size: 14px;
  }
}

.blog_btn {
  width: 69%;
  margin: 5% auto 0;
  position: relative;
}
@media screen and (max-width: 770px) {
  .blog_btn {
    width: 92.2077922078%;
  }
}

.blog_en-btn {
  width: 39%;
  margin: 5% auto 0;
  position: relative;
}
@media screen and (max-width: 770px) {
  .blog_en-btn {
    width: 50.6493506494%;
    margin: 10.39% auto 0;
  }
}

.blog_btn a {
  display: block;
  width: 100%;
  padding-top: 10.4348%;
  background: url(/wp-content/themes/rearsekai/assets/img/top/blog/blog_btn.png) no-repeat center/contain;
}

.blog_btn a.btn-more {
  display: block;
  width: 100%;
  padding-top: 18.4348%;
  background: url(/wp-content/themes/rearsekai/assets/img/common/btn/btn_more.png) no-repeat center/contain;
}


#blog .contentbg {
  background-color: rgba(36, 178, 181, 0.08);
}

/*-----------------------------------------------
 * #movie
-------------------------------------------------*/
#movie .contentIn {
  padding: 16% 0;
}
@media screen and (max-width: 770px) {
  #movie .contentIn {
    padding: 19.4805194805% 0;
  }
}

#movie .cont_h2 img {
  width: calc(124 / var(--h2-width) * 100%);
}

.movieSlideWrap {
  width: 100%;
  position: relative;
}

.movieList {
  width: 480px;
  width: 48%;
  padding: 0 1%;
}

.movieListIn {
  -webkit-transform: scale(70%);
          transform: scale(70%);
  -webkit-transition: 0.3s cubic-bezier(0.28, 0.23, 0.13, 1);
  transition: 0.3s cubic-bezier(0.28, 0.23, 0.13, 1);
}

.swiper-slide-active .movieListIn {
  -webkit-transform: scale(100%);
          transform: scale(100%);
}

.movieList_btn {
  width: 100%;
  padding-top: 56.25%;
  position: relative;
}

.movieList_btn img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.movieList_bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.movieList_bg::before {
  content: "";
  display: inline-block;
  width: 55px;
  height: 55px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background: url(/wp-content/themes/rearsekai/assets/img/common/icon/icon_play.png) no-repeat center center/contain;
  z-index: 9;
}

.movieList_title {
  margin-top: 16px;
  font-size: 20px;
  line-height: 2;
  font-weight: 700;
  text-align: center;
}

.movie_swiper-arrowWrap {
  width: 58%;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 2;
  pointer-events: none;
}
@media screen and (max-width: 770px) {
  .movie_swiper-arrowWrap {
    width: 100%;
  }
}

.movie_swiper-arrowWrap .swiper-arrow {
  width: 5.5173%;
  padding-top: 9.8276%;
}

#movie .swiper-pagination {
  bottom: -15%;
}
@media screen and (max-width: 770px) {
  #movie .swiper-pagination {
    bottom: -10%;
  }
}

#news .swiper-arrowWrap,
#blog .swiper-arrowWrap,
#movie .swiper-arrowWrap {
  margin-top: -5%;
}

@media screen and (max-width: 770px) {
  #movie .swiper-arrowWrap {
    margin-top: -60px;
  }
}

/*-----------------------------------------------
 * #about
-------------------------------------------------*/
#about .contentIn {
  padding: 5% 0 0;
}

#about .cont_h2 img {
  width: calc(139 / var(--h2-width) * 100%);
}

/* about_sec */
.about_sec {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}

.about_sec:not(:last-child) {
  margin-bottom: 60px;
}
@media screen and (max-width: 770px) {
  .about_sec:not(:last-child) {
    margin-bottom: 45px;
  }
}

@media screen and (min-width: 771px) {
  .-left .about_txtWrap {
    width: 46%;
    margin-left: auto;
  }
}

.about_h3 {
  font-size: 26px;
  font-weight: 700;
  line-height: 1.5385;
  margin-bottom: 26px;
}
@media screen and (max-width: 770px) {
  .about_h3 {
    font-size: 16px;
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
        -ms-flex-order: -1;
            order: -1;
  }
}
@media screen and (min-width: 771px) {
  .-left .about_h3 {
    width: 46%;
    margin-left: auto;
  }
}
@media screen and (min-width: 771px) {
  .-right .about_h3 {
    width: 46%;
  }
}

.about_txt {
  font-size: 18px;
  text-shadow: var(--text-shadow);
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
      -ms-flex-order: 1;
          order: 1;
}
@media screen and (max-width: 770px) {
  .about_txt {
    font-size: 14px;
  }
}
@media screen and (min-width: 771px) {
  .-left .about_txt {
    width: 46%;
    margin-left: auto;
  }
}
@media screen and (min-width: 771px) {
  .-right .about_txt {
    width: 46%;
  }
}

.about_imgWrap {
  -webkit-filter: drop-shadow(0px 0px 20px rgba(0, 0, 0, 0.2));
          filter: drop-shadow(0px 0px 20px rgba(0, 0, 0, 0.2));
}
@media screen and (min-width: 771px) {
  .about_imgWrap {
    width: 50%;
    position: absolute;
    top: 0;
  }
  .-left .about_imgWrap {
    left: 0;
  }
  .-right .about_imgWrap {
    right: 0;
  }
}
@media screen and (max-width: 770px) {
  .about_imgWrap {
    margin-bottom: 6.2337662338%;
  }
}

.about_imgWrap img {
  width: 100%;
}
@media screen and (max-width: 770px) {
  .about_imgWrap img {
    width: auto;
    max-width: 100%;
    margin: 0 auto;
    display: block;
  }
}

.about_sec:nth-child(2n) .about_imgWrap {
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
      -ms-flex-order: -1;
          order: -1;
}

/* about_detail */
.about_detail {
  width: 100%;
  margin-top: 60px;
}

.about_imgLists {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 50px;
}
@media screen and (max-width: 770px) {
  .about_imgLists {
    margin-bottom: 20px;
  }
}

.about_imgList {
  width: 47.8%;
}

.about_imgList img {
  width: 100%;
}

.about_detail .about_txt {
  width: 100%;
}

/* about_bg */
#about .contentbg {
  -webkit-mask: url(/wp-content/themes/rearsekai/assets/img/top/bg/bg_mask.png) no-repeat center bottom/cover;
  mask: url(/wp-content/themes/rearsekai/assets/img/top/bg/bg_mask.png) no-repeat center bottom/cover;
  background: url(/wp-content/themes/rearsekai/assets/img/top/about/about_bg.png) no-repeat center top/100%;
}

/*-----------------------------------------------
* character
-------------------------------------------------*/
#character .cont_h2 img {
  width: calc(250 / var(--h2-width) * 100%);
}

#character .content {
  position: relative;
  padding-right: 0;
  padding-left: 0;
}
#character .content::before {
  content: "";
  display: inline-block;
  display: block;
  width: 100%;
  padding-top: 100%;
  -webkit-mask-image: url("/wp-content/themes/rearsekai/assets/img/top/character/chara_bg.png");
          mask-image: url("/wp-content/themes/rearsekai/assets/img/top/character/chara_bg.png");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-position: center center;
          mask-position: center center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  background-color: #000;
  mask-position: center center;
  background-color: #22afb2;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) scale(1.45);
          transform: translate(-50%, -50%) scale(1.45);
}
@media screen and (max-width: 770px) {
  #character .content::before {
    width: 100%;
    top: max(12vw, 60px);
    -webkit-transform: translate(-50%, 0%) scale(2);
            transform: translate(-50%, 0%) scale(2);
    -webkit-transform-origin: top;
            transform-origin: top;
  }
}

#character .cont_h2 {
  margin: 0 auto 0;
}

.chara {
  position: relative;
  margin-top: 5%;
  padding-top: 10%;
  padding-bottom: 8.4%;
  overflow: hidden;
}
@media screen and (max-width: 770px) {
  .chara {
    padding-bottom: 20.7792207792%;
  }
}
.chara__tab--list {
  width: 60%;
  margin: 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 6%;
}
@media screen and (max-width: 770px) {
  .chara__tab--list {
    width: 78.702%;
    gap: max(6.6666666667vw, 33.3333333333px);
  }
}
.chara__tab--item {
  width: 50%;
  height: 62px;
}
.chara__tab button {
  width: 100%;
  height: 100%;
  -webkit-transition: background 0.5s ease;
  transition: background 0.5s ease;
}
.chara__tab button.btn-fantasy {
  background: url("/wp-content/themes/rearsekai/assets/img/top/character/tab/chara_tab_fantasy_off.png") no-repeat center center/contain;
}
.chara__tab button.btn-fantasy.is-active {
  background: url("/wp-content/themes/rearsekai/assets/img/top/character/tab/chara_tab_fantasy_on.png") no-repeat center center/contain;
}
.chara__tab button.btn-real {
  background: url("/wp-content/themes/rearsekai/assets/img/top/character/tab/chara_tab_real_off.png") no-repeat center center/contain;
}
.chara__tab button.btn-real.is-active {
  background: url("/wp-content/themes/rearsekai/assets/img/top/character/tab/chara_tab_real_on.png") no-repeat center center/contain;
}
.chara__tabContentWrap {
  -webkit-transition: 0.5s ease;
  transition: 0.5s ease;
}
@media screen and (max-width: 770px) {
  .chara__tabContentWrap {
    margin: 6.883% auto 0;
  }
}
.chara__list {
  position: relative;
}
@media screen and (max-width: 770px) {
  .chara__list {
    padding-top: 213% !important;
  }
}
@media screen and (min-width: 771px) {
  .chara__list {
    padding-top: 73.5%;
  }
}
.chara__item {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  pointer-events: none;
  width: 100%;
}
@media screen and (min-width: 771px) {
  .chara__item {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 2.4%;
  }
}
.chara__item.is-active {
  opacity: 1;
  pointer-events: auto;
}
.chara__item .charaImg {
  position: relative;
}
@media screen and (min-width: 771px) {
  .chara__item .charaImg {
    width: 47.6%;
    height: 100%;
  }
}
.chara__item .charaImg img {
  max-width: 100%;
}
@media screen and (min-width: 771px) {
  .chara__item .charaImg img {
    position: absolute;
    width: auto;
    bottom: 0;
    right: 0;
  }
}
.chara__item .charaDetail {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
@media screen and (min-width: 771px) {
  .chara__item .charaDetail {
    width: calc(47.6% - 50px);
    height: 100%;
  }
}
.chara__item .charaDetail img {
  max-width: 100%;
}
.chara__item .charaDetail__name {
  width: 66%;
}
@media screen and (min-width: 771px) {
  .chara__item .charaDetail__name {
    padding-top: 150px;
    width: 209px;
  }
}
.chara__item .charaDetail__name img {
  max-width: 100%;
}
@media screen and (min-width: 771px) {
  .chara__item .charaDetail__text {
    margin-top: min(2.5vw, 30px);
    margin-bottom: min(2.5vw, 30px);
  }
  .chara__item .charaDetail__text > p {
    font-size: min(1.5vw, 18px);
  }
}
@media screen and (max-width: 770px) {
  .chara__item .charaDetail__text {
    margin-top: 20px;
  }
  .chara__item .charaDetail__text > p {
    font-size: max(2.9333333333vw, 14.6666666667px);
  }
}
@media screen and (min-width: 771px) {
  .chara__item .charaDetail__face {
    width: min(25vw, 450px);
    max-width: 330px;
    margin-top: auto;
  }
}
@media screen and (max-width: 770px) {
  .chara__item .charaDetail__face {
    width: 42.857%;
    position: absolute;
    top: 84vw;
    right: 7.79%;
  }
}
.chara__item .charaDetail__face--img {
  max-width: 300px;
  margin: 0 auto;
  border: 2px solid #22afb2;
  background-color: #FFF;
}
.chara__item .charaDetail__face--img > img {
  max-width: 100%;
}
.chara__item .charaDetail__face--change {
  margin-top: 10px;
}
.chara__item .charaDetail__face--change > a {
  display: block;
  margin: 0 auto;
  padding-top: 19.93464%;
}
@media screen and (max-width: 770px) {
  .chara__item .charaDetail__face--change > a {
    padding-top: 23.20261%;
  }
}
.chara__item .charaDetail__face--change > a.changeBtn-real {
  max-width: 306px;
  background: url("/wp-content/themes/rearsekai/assets/img/top/character/btn/chara_cface_real.png") no-repeat center center/100%;
}
html[lang="en"] .chara__item .charaDetail__face--change > a.changeBtn-real {
  max-width: 306px;
  background: url("/wp-content/themes/rearsekai/assets/img/top/character/btn/chara_cface_real-en.png") no-repeat center center/100%;
}
@media screen and (max-width: 770px) {
  .chara__item .charaDetail__face--change > a.changeBtn-real {
    background-image: url("/wp-content/themes/rearsekai/assets/img/top/character/btn/chara_cface_real_sp.png");
  }
  html[lang="en"] .chara__item .charaDetail__face--change > a.changeBtn-real {
    background-image: url("/wp-content/themes/rearsekai/assets/img/top/character/btn/chara_cface_real-en_sp.png");
  }
}
.chara__item .charaDetail__face--change > a.changeBtn-fantasy {
  max-width: 306px;
  background: url("/wp-content/themes/rearsekai/assets/img/top/character/btn/chara_cface_fantasy.png") no-repeat center center/100%;
}
html[lang="en"] .chara__item .charaDetail__face--change > a.changeBtn-fantasy {
  max-width: 306px;
  background: url("/wp-content/themes/rearsekai/assets/img/top/character/btn/chara_cface_fantasy-en.png") no-repeat center center/100%;
}
@media screen and (max-width: 770px) {
  .chara__item .charaDetail__face--change > a.changeBtn-fantasy {
    background-image: url("/wp-content/themes/rearsekai/assets/img/top/character/btn/chara_cface_fantasy_sp.png");
  }
  html[lang="en"] .chara__item .charaDetail__face--change > a.changeBtn-fantasy {
    background-image: url("/wp-content/themes/rearsekai/assets/img/top/character/btn/chara_cface_fantasy-en_sp.png");
  }
}
.chara__item .charaDetail__face--change > a:hover {
  opacity: 0.8;
}
.chara .charaThumb {
  margin-top: 5%;
}
@media screen and (min-width: 771px) {
  .chara .charaThumb {
    padding: 0 min(5.4166666667vw, 97.5px);
  }
}
.chara .charaThumb__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
@media screen and (max-width: 879px) {
  .chara .charaThumb__list {
    margin-top: 20%;
  }
}
@media screen and (max-width: 770px) {
  .chara .charaThumb__list {
    margin-top: unset;
  }
}
@media screen and (min-width: 771px) {
  .chara .charaThumb__item {
    width: calc(16.6666666667% - 26px);
    margin-bottom: 26px;
  }
}
@media screen and (max-width: 770px) {
  .chara .charaThumb__item {
    width: calc(25% - max(1.5333333333vw, 7.6666666667px));
    margin-bottom: max(2vw, 10px);
  }
}
@media screen and (min-width: 771px) {
  .chara .charaThumb__item:not(:nth-child(6n)) {
    margin-right: 26px;
  }
}
@media screen and (max-width: 770px) {
  .chara .charaThumb__item:not(:nth-child(4n)) {
    margin-right: max(2vw, 10px);
  }
}
.chara .charaThumb__item img {
  width: 100%;
}
.chara .charaThumb__btn {
  border: 2px solid #372f26;
  background-color: #FFF;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.chara .charaThumb__btn.is-current, .chara .charaThumb__btn:hover {
  border: 2px solid #22afb2;
  background: rgb(205, 240, 244);
  background: -webkit-gradient(linear, left bottom, left top, from(rgb(205, 240, 244)), color-stop(67%, rgb(255, 255, 255)));
  background: -webkit-linear-gradient(bottom, rgb(205, 240, 244) 0%, rgb(255, 255, 255) 67%);
  background: linear-gradient(0deg, rgb(205, 240, 244) 0%, rgb(255, 255, 255) 67%);
}
.chara__btn {
  width: 55%;
  margin: 5% auto 0;
  position: relative;
}
@media screen and (max-width: 770px) {
  .chara__btn {
    width: 71.429%;
  }
}
.chara__btn a {
  display: block;
  width: 100%;
  padding-top: 13.091%;
  background: url(/wp-content/themes/rearsekai/assets/img/top/character/chara_diagram_btn.png) no-repeat center/contain;
}

/*-----------------------------------------------
* system
-------------------------------------------------*/
.system__item {
  border: 4px solid #372f26;
  background-color: rgba(255, 255, 255, 0.8);
  position: relative;
}
@media screen and (min-width: 771px) {
  .system__item {
    padding: 26px 50px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .system__item:nth-child(even) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
  .system__item:nth-child(even) .system__desc {
    padding-right: 0;
    padding-left: 150px;
  }
}
@media screen and (max-width: 770px) {
  .system__item {
    padding: 5.1948051948% 3.1168831169%;
  }
}
.system__item + .system__item {
  margin-top: 3%;
}
@media screen and (min-width: 771px) {
  .system__desc {
    width: 58.52018%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding-right: 30px;
  }
}
.system__desc--cate > span {
  display: inline-block;
  padding: 4px 18px;
  font-size: 20px;
  font-weight: 700;
  line-height: 1;
  color: #d1c0ad;
  background-color: #685847;
}
@media screen and (max-width: 770px) {
  .system__desc--cate > span {
    padding: 0.5194805195% 1.9480519481%;
    font-size: 12px;
  }
}
.system__desc--title {
  margin-top: 20px;
  font-size: 24px;
  line-height: 1.5;
  font-weight: 500;
}
@media screen and (max-width: 770px) {
  .system__desc--title {
    margin-top: 14px;
    font-size: 16px;
  }
}
.system__desc--text {
  margin-top: 0.5em;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.667;
}
@media screen and (max-width: 770px) {
  .system__desc--text {
    margin-top: 14px;
    font-size: 12px;
  }
}
.system__slider {
  position: relative;
}
@media screen and (min-width: 771px) {
  .system__slider {
    width: 41.47982%;
  }
}
@media screen and (max-width: 770px) {
  .system__slider {
    width: 71.4285714286%;
    margin: 0 auto;
    margin-top: 17px;
  }
}
.system__slider .systemSwiper {
  padding-bottom: 12%;
}
.system__slider img {
  max-width: 100%;
}
.system__deco {
  width: calc(100% - 16px);
  height: 100%;
  position: absolute;
  top: 8px;
  left: 8px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  pointer-events: none;
}
@media screen and (max-width: 770px) {
  .system__deco {
    width: calc(100% - 4px);
    top: 2px;
    left: 2px;
  }
}
.system__deco--item {
  width: 2%;
  height: calc(100% - 16px);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media screen and (max-width: 770px) {
  .system__deco--item {
    width: 2%;
    height: calc(100% - 4px);
  }
}
.system__deco--item::before, .system__deco--item::after {
  width: 100%;
  padding-top: 100%;
  display: block;
  content: "";
  display: inline-block;
  background-color: #372f26;
  -webkit-mask-image: url("/wp-content/themes/rearsekai/assets/img/common/deco/deco_frame.svg");
          mask-image: url("/wp-content/themes/rearsekai/assets/img/common/deco/deco_frame.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-position: center center;
          mask-position: center center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  background-color: #000;
}
.system__deco--item.-left::after {
  -webkit-transform: scale(1, -1);
          transform: scale(1, -1);
}
.system__deco--item.-right {
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}
.system__deco--item.-right::after {
  -webkit-transform: scale(1, -1);
          transform: scale(1, -1);
}

#system .cont_h2 img {
  width: calc(155 / var(--h2-width) * 100%);
}

#system .contentIn {
  padding: 6.4935064935% 0 20.7792207792%;
}

#system .contentbg {
  -webkit-mask: url(/wp-content/themes/rearsekai/assets/img/top/bg/bg_mask.png) no-repeat center bottom/cover;
  mask: url(/wp-content/themes/rearsekai/assets/img/top/bg/bg_mask.png) no-repeat center bottom/cover;
  background: url(/wp-content/themes/rearsekai/assets/img/top/system/system_bg.png) no-repeat center top/100%;
}

/*-----------------------------------------------
* #special
-------------------------------------------------*/
.special {
  position: relative;
}
.special__contentsItem {
  width: 100%;
  padding-top: 29.8%;
  background-color: #CCC;
}
.special__contentsItem + .special__contentsItem {
  margin-top: 5%;
}
@media screen and (max-width: 770px) {
  .special__contentsItem + .special__contentsItem {
    margin-top: 2.5%;
  }
}

#special .cont_h2 img {
  width: calc(175 / var(--h2-width) * 100%);
}

#special .contentbg {
  z-index: 1;
  background-color: rgba(36, 178, 181, 0.08);
}

#special .contentIn {
  padding-top: 7.7922077922%;
  padding-bottom: 7.7922077922%;
}
@media screen and (max-width: 770px) {
  #special .contentIn {
    padding: 7.7922077922% 0;
  }
}

#special .contentbg {
  background-color: rgba(36, 178, 181, 0.08);
}
/*-----------------------------------------------
* product
-------------------------------------------------*/
@media screen and (min-width: 771px) {
  .product__in {
    padding: 0 4%;
  }
}
@media screen and (max-width: 770px) {
  .product__in {
    padding: 0 6.4935064935%;
  }
}
.product__pk {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 770px) {
  .product__pk {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    gap: max(5.3333333333vw, 26.6666666667px);
  }
}
.product__pkImg {
  width: 49%;
}
@media screen and (max-width: 770px) {
  .product__pkImg {
    width: 100%;
    padding-left: 20.7792207792%;
    padding-right: 20.7792207792%;
  }
}
.product__pkImg > img {
  max-width: 100%;
}
@media screen and (min-width: 771px) {
  .product__pkDisc {
    width: 51%;
    padding-left: 10.3896103896%;
    margin-right: auto;
  }
}
@media screen and (max-width: 770px) {
  .product__pkList {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    gap: max(2.9333333333vw, 14.6666666667px);
  }
}
.product__pkItem:not(:last-child) {
  margin-bottom: 32px;
}
@media screen and (max-width: 770px) {
  .product__pkItem:not(:last-child) {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 770px) {
  .product__pkItem {
    width: calc(50% - max(2.9333333333vw, 14.6666666667px) / 2);
  }
}
.product__pkItem > dt {
  background-color: #372f26;
  border-radius: 50px;
  font-size: 16px;
  font-weight: 500;
  color: #FFF;
  text-align: center;
  width: min(32.2vw, 322px);
  margin: 0 auto 10px;
}
@media screen and (max-width: 770px) {
  .product__pkItem > dt {
    font-size: 10px;
    width: 100%;
    margin: 0 auto 0.5em;
  }
}
.product__pkItem > dd {
  font-size: 18px;
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
  letter-spacing: 0;
  color: #372f26;
  white-space: nowrap;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 770px) {
  .product__pkItem > dd {
    font-size: 10px;
  }
}
@media screen and (max-width: 770px) {
  .product__pkItem__ceroimg {
    width: 5.85937vw;
  }
}
.product__bnrList {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  width: 60%;
  gap: 28px;
  margin: 67px auto 0;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (max-width:910px){
	.product__bnrList {
		width: 100%;
	}
}
@media screen and (max-width: 770px) {
  .product__bnrList {
    width: 100%;
    gap: 3vw;
    margin: 40px auto 0;
  }
}
@media screen and (max-width: 770px) {
  .product__bnr {
    width: 42.2077922078%;
  }
}
.product__bnr img {
  width: 100%;
}

#product .cont_h2 img {
  width: calc(195 / var(--h2-width) * 100%);
}

#product .contentIn {
  padding: 0 0 16%;
}
@media screen and (max-width: 770px) {
  #product .contentIn {
    padding: 0 0 12.987012987%;
  }
}

/*-----------------------------------------------
* onlysp
-------------------------------------------------*/
.onlysp {
  padding: 7.792% 7.7922077922% 0;
  position: relative;
  z-index: 99;
}
.onlysp__movie {
  position: relative;
  overflow: hidden;
}
.onlysp__movieBg {
  position: relative;
}
.onlysp__movieBg::before {
  content: "";
  display: inline-block;
  width: 55px;
  height: 55px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background: url("/wp-content/themes/rearsekai/assets/img/common/icon/icon_play.png") no-repeat center center/contain;
}
.onlysp__movieBg img {
  max-width: 100%;
  width: 100%;
}
.onlysp__twi {
  width: 100%;
  height: max(77.8666666667vw, 389.3333333333px);
  padding-top: 7.7922077922%;
}

/* swiper init */
.swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: 0;
}

.swiper-pagination-bullet {
  width: 12px;
  height: 12px;
}
@media screen and (max-width: 770px) {
  .swiper-pagination-bullet {
    width: 6px;
    height: 6px;
  }
}

.swiper-pagination-bullet {
  background-color: #372f26;
  opacity: 1;
}

.swiper-pagination-bullet-active {
  background-color: #22afb2;
}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 6px;
}
@media screen and (max-width: 770px) {
  .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
  .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 3px;
  }
}

/*-----------------------------------------------
* fadeAnime
-------------------------------------------------*/
.js-scrani {
  opacity: 0;
  -webkit-transform: translateY(40px);
          transform: translateY(40px);
  -webkit-transition: 0.5s ease;
  transition: 0.5s ease;
}
.js-scrani.--is-ani {
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
  opacity: 1;
}

body::after {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  z-index: 9999;
  pointer-events: none;
  opacity: 0;
  -webkit-transition: opacity 0.8s ease;
  transition: opacity 0.8s ease;
}

body.-fadeout::after {
  opacity: 1;
}

/*-----------------------------------------------
* loading
-------------------------------------------------*/
.loading {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10000;
}

@media screen and (max-width: 767px) {
  .loading {
    background-attachment: inherit;
  }
}
/* logo */
.loading__logo {
  width: 30vw;
  max-width: 400px;
}

.loading__logo img {
  width: 100%;
}

@media screen and (max-width: 767px) {
  .loading__logo {
    width: 60vw;
    max-width: 100%;
  }
}
/* animation */
.loading__logo {
  -webkit-filter: blur(0);
  -moz-filter: blur(0);
  filter: blur(0);
  opacity: 1;
  -webkit-transition: all 0.8s ease-in-out;
  transition: all 0.8s ease-in-out;
}

.loading.is-load .loading__logo {
  -webkit-filter: blur(15px);
  -moz-filter: blur(15px);
  filter: blur(15px);
  opacity: 0;
}

/*-----------------------------------------------
 * newSwiperNav
-------------------------------------------------*/
.newSwiperNav {
  width: 120%;
  height: 16%;
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 17%;
  left: -10%;
  pointer-events: none;
}
.newSwiperNav__btn {
  width: 8.2%;
  height: 100%;
  position: absolute;
  top: 0;
  pointer-events: auto;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
.newSwiperNav__btn.is-next {
  background: url(/wp-content/themes/rearsekai/assets/img/common/icon/icon_arrow_r.svg) no-repeat center right/contain;
  right: 0;
}
html[lang="en"] .newSwiperNav__btn.is-next {
  background: unset;
}
.newSwiperNav__btn.is-next:hover {
  -webkit-transform: translateX(10%);
          transform: translateX(10%);
}
.newSwiperNav__btn.is-prev {
  background: url(/wp-content/themes/rearsekai/assets/img/common/icon/icon_arrow_l.svg) no-repeat center left/contain;
  left: 0;
}
html[lang="en"] .newSwiperNav__btn.is-prev {
  background: unset;
}
.newSwiperNav__btn.is-prev:hover {
  -webkit-transform: translateX(-10%);
          transform: translateX(-10%);
}

/* ===============================================
# sub
=============================================== */
#sub .contentLogo {
  width: 24.026%;
  padding-top: 10.237%;
  position: absolute;
  top: 0.8%;
  left: 3.117%;
  z-index: 2;
}
@media screen and (max-width: 770px) {
  #sub .contentLogo {
    top: max(2.1333333333vw, 10.6666666667px);
  }
}
#sub .contentLogo > a {
  width: 100%;
  height: 100%;
  background: url(/wp-content/themes/rearsekai/assets/img/common/logo/logo_shadow.png) no-repeat center/contain;
  position: absolute;
  top: 0;
  left: 0;
}

html[lang="en"] #sub .contentLogo > a {
  width: 100%;
  height: 100%;
  background: url(/wp-content/themes/rearsekai/assets/img/common/logo/logo_shadow2.png) no-repeat center/contain;
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (max-width: 770px) {
  #sub .comListsWrap {
    margin-bottom: 20.7792207792%;
  }
}
#sub .comLists {
  width: 100%;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
@media screen and (min-width: 771px) {
  #sub .comLists {
    padding: 0 6.5% 5%;
  }
}
@media screen and (max-width: 770px) {
  #sub .comLists {
    padding: 0 3.896% 6.5%;
  }
}
#sub .comLists .comList {
  width: 33.3333333333%;
  padding: 0 1.7242% 4%;
}
@media screen and (max-width: 770px) {
  #sub .comLists .comList {
    width: 50%;
  }
}

#sub #news .contentIn {
  padding-top: 14.8148148148%;
  padding-bottom: 12%;
}
@media screen and (max-width: 770px) {
  #sub #news .contentIn {
    margin-top: 15%;
    margin-bottom: 7.7922077922%;
    padding-top: 12.87%;
    padding-bottom: 0;
  }
}

#sub #tokuten .contentIn {
  padding-top: 14.8148148148%;
  padding-bottom: 12%;
}
@media screen and (max-width: 770px) {
  #sub #tokuten .contentIn {
    margin-bottom: 12.7272727273%;
    padding-top: 25.974%;
    padding-bottom: 0;
  }
}
#sub #tokuten .contentbg {
  -webkit-mask: url(/wp-content/themes/rearsekai/assets/img/top/bg/bg_mask.png) no-repeat center bottom/cover;
  mask: url(/wp-content/themes/rearsekai/assets/img/top/bg/bg_mask.png) no-repeat center bottom/cover;
  background: url(/wp-content/themes/rearsekai/assets/img/common/bg/sub_bg_2.png) no-repeat center top/100%;
}

@media screen and (max-width: 770px) {
  #sub #tokuten .cont_h2 img {
    width: calc(239 / var(--h2-width) * 100%);
  }
}

#sub #cookiepolicy .contentIn {
  padding-top: 14.8148148148%;
  padding-bottom: 12%;
}
@media screen and (max-width: 770px) {
  #sub #cookiepolicy .contentIn {
    margin-bottom: 12.7272727273%;
    padding-top: 25.974%;
    padding-bottom: 0;
  }
}

@media screen and (max-width: 770px) {
  #sub #cookiepolicy .cont_h2 img {
    width: calc(317 / var(--h2-width) * 100%);
  }
}

#sub #download .contentIn {
  padding-top: 14.8148148148%;
  padding-bottom: 12%;
}
@media screen and (max-width: 770px) {
  #sub #download .contentIn {
    margin-bottom: 12.7272727273%;
    padding-top: 25.974%;
    padding-bottom: 0;
  }
}

#sub #download .cont_h2 img {
  width: min(38vw, 380px);
}
@media screen and (max-width: 770px) {
  #sub #download .cont_h2 img {
    width: calc(380 / var(--h2-width) * 100%);
  }
}

.wp-pagenavi {
  width: min(52.2vw, 522px);
  margin: 0 auto;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 7%;
  padding: 0 calc(min(2.2vw, 22px) * 2);
}
@media screen and (max-width: 770px) {
  .wp-pagenavi {
    width: 92.208%;
  }
}
.wp-pagenavi .nextpostslink {
  width: min(2.2vw, 22px);
  height: min(3.9vw, 39px);
  display: block;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  -webkit-filter: var(--drop-shadow);
          filter: var(--drop-shadow);
  transition: 0.3s ease;
  pointer-events: auto;
  -webkit-mask-image: url("/wp-content/themes/rearsekai/assets/img/common/icon/icon_arrow_l.svg");
          mask-image: url("/wp-content/themes/rearsekai/assets/img/common/icon/icon_arrow_l.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-position: center center;
          mask-position: center center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  background-color: #000;
  mask-position: center center;
  background-color: #22afb2;
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
  font-size: 0;
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
}
@media screen and (max-width: 770px) {
  .wp-pagenavi .nextpostslink {
    width: 24px;
    height: 30px;
  }
}
.wp-pagenavi .previouspostslink {
  width: min(2.2vw, 22px);
  height: min(3.9vw, 39px);
  display: block;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  -webkit-filter: var(--drop-shadow);
          filter: var(--drop-shadow);
  transition: 0.3s ease;
  pointer-events: auto;
  -webkit-mask-image: url("/wp-content/themes/rearsekai/assets/img/common/icon/icon_arrow_r.svg");
          mask-image: url("/wp-content/themes/rearsekai/assets/img/common/icon/icon_arrow_r.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-position: center center;
          mask-position: center center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  background-color: #000;
  mask-position: center center;
  background-color: #22afb2;
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
  font-size: 0;
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}
@media screen and (max-width: 770px) {
  .wp-pagenavi .previouspostslink {
    width: 24px;
    height: 30px;
  }
}
.wp-pagenavi .page {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: min(5vw, 50px);
  height: min(5vw, 50px);
  position: relative;
  text-decoration: none;
  color: #22afb2;
  font-size: min(2.4vw, 24px);
  line-height: 1;
}
@media screen and (max-width: 770px) {
  .wp-pagenavi .page {
    width: 30px;
    height: 30px;
    font-size: 15px;
  }
}
.wp-pagenavi .page::before, .wp-pagenavi .page::after {
  width: 100%;
  height: 100%;
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: -1;
  -webkit-transition: background-color 0.5s ease;
  transition: background-color 0.5s ease;
}
.wp-pagenavi .page::before {
  background-color: #FFF;
  border: 2px solid #22afb2;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
          transform: translate(-50%, -50%) rotate(45deg);
}
.wp-pagenavi .page::after {
  -webkit-transform: translate(-50%, -50%) rotate(45deg) scale(0.85);
          transform: translate(-50%, -50%) rotate(45deg) scale(0.85);
  border: 2px solid #22afb2;
  -webkit-transition: background-color 0.5s ease;
  transition: background-color 0.5s ease;
}
.wp-pagenavi .page:hover {
  color: #fff;
}
.wp-pagenavi .page:hover::before {
  background-color: #22afb2;
}
.wp-pagenavi .page:hover::after {
  border: 2px solid #FFF;
}
.wp-pagenavi .current {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: min(5vw, 50px);
  height: min(5vw, 50px);
  position: relative;
  text-decoration: none;
  color: #fff;
  font-size: min(2.4vw, 24px);
  line-height: 1;
}
@media screen and (max-width: 770px) {
  .wp-pagenavi .current {
    width: 30px;
    height: 30px;
    font-size: 15px;
  }
}
.wp-pagenavi .current::before, .wp-pagenavi .current::after {
  width: 100%;
  height: 100%;
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: -1;
}
.wp-pagenavi .current::before {
  background-color: #22afb2;
  border: 2px solid #22afb2;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
          transform: translate(-50%, -50%) rotate(45deg);
}
.wp-pagenavi .current::after {
  -webkit-transform: translate(-50%, -50%) rotate(45deg) scale(0.85);
          transform: translate(-50%, -50%) rotate(45deg) scale(0.85);
  border: 2px solid #FFF;
}

/* ===============================================
# post（news）
=============================================== */
#sub #sub-news .comListPager {
  width: 49.148%;
  margin: 0 auto;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 28px;
}
@media screen and (max-width: 770px) {
  #sub #sub-news .comListPager {
    width: 92.208%;
    padding: 0 3.896%;
    gap: 2.156%;
  }
}
#sub #sub-news .comListPager__btn {
  width: 24px;
}
#sub #sub-news .comListPager__btn > a {
  width: 100%;
  height: 30px;
  display: block;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  -webkit-filter: var(--drop-shadow);
          filter: var(--drop-shadow);
  transition: 0.3s ease;
  pointer-events: auto;
  -webkit-mask-image: url("/wp-content/themes/rearsekai/assets/img/common/icon/icon_arrow_l.svg");
          mask-image: url("/wp-content/themes/rearsekai/assets/img/common/icon/icon_arrow_l.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-position: center center;
          mask-position: center center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  background-color: #000;
  mask-position: center center;
  background-color: #22afb2;
}
@media screen and (max-width: 770px) {
  #sub #sub-news .comListPager__btn > a {
    height: 30px;
  }
}
#sub #sub-news .comListPager__btn.-next {
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}
#sub #sub-news .comListPager__numbtn {
  width: 50px;
  height: 50px;
}
@media screen and (max-width: 770px) {
  #sub #sub-news .comListPager__numbtn {
    width: 30px;
    height: 30px;
  }
}
#sub #sub-news .comListPager__numbtn > a {
  position: relative;
  display: block;
  text-decoration: none;
  -webkit-transition: background-color 0.5s ease;
  transition: background-color 0.5s ease;
}
#sub #sub-news .comListPager__numbtn > a > span {
  padding: 8px 0;
  display: block;
  position: relative;
  z-index: 2;
  color: #22afb2;
  text-align: center;
  font-size: 24px;
  line-height: 1;
  font-weight: 400;
  -webkit-transition: color 0.5s ease;
  transition: color 0.5s ease;
}
@media screen and (max-width: 770px) {
  #sub #sub-news .comListPager__numbtn > a > span {
    font-size: 15px;
  }
}
#sub #sub-news .comListPager__numbtn > a::before, #sub #sub-news .comListPager__numbtn > a::after {
  width: 50px;
  height: 50px;
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  -webkit-transition: background-color 0.5s ease;
  transition: background-color 0.5s ease;
}
@media screen and (max-width: 770px) {
  #sub #sub-news .comListPager__numbtn > a::before, #sub #sub-news .comListPager__numbtn > a::after {
    width: 30px;
    height: 30px;
  }
}
#sub #sub-news .comListPager__numbtn > a::before {
  background-color: #FFF;
  border: 2px solid #22afb2;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
          transform: translate(-50%, -50%) rotate(45deg);
}
#sub #sub-news .comListPager__numbtn > a::after {
  -webkit-transform: translate(-50%, -50%) rotate(45deg) scale(0.85);
          transform: translate(-50%, -50%) rotate(45deg) scale(0.85);
  border: 2px solid #22afb2;
  -webkit-transition: background-color 0.5s ease;
  transition: background-color 0.5s ease;
}
#sub #sub-news .comListPager__numbtn > a:hover > span {
  color: #fff;
}
#sub #sub-news .comListPager__numbtn > a:hover::before {
  background-color: #22afb2;
}
#sub #sub-news .comListPager__numbtn > a:hover::after {
  border: 2px solid #FFF;
}
#sub #sub-news .comListPager__numbtn.is-current a > span {
  color: #fff;
}
#sub #sub-news .comListPager__numbtn.is-current a::before {
  background-color: #22afb2;
}
#sub #sub-news .comListPager__numbtn.is-current a::after {
  border: 2px solid #FFF;
}
#sub #sub-news .comListPager__back {
  width: min(13.9166666667vw, 250.5px);
  margin: 0 auto;
}
@media screen and (max-width: 770px) {
  #sub #sub-news .comListPager__back {
    width: 100%;
    padding: 0 max(12.8vw, 64px);
  }
}
#sub #sub-news .comListPager__back > a {
  display: block;
  padding: 8px 0;
  background-color: #000;
  color: #fff;
  text-align: center;
  -webkit-transition: background-color 0.5s ease;
  transition: background-color 0.5s ease;
}
#sub #sub-news .comListPager__back > a:hover {
  background-color: #22afb2;
}
#sub #sub-news .comListPager__list {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 9%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
#sub #sub-news .comBackLink {
  width: 39%;
  margin: 5% auto 0;
  position: relative;
}
@media screen and (max-width: 770px) {
  #sub #sub-news .comBackLink {
    width: 53.2467532468%;
    margin: 10.39% auto 0;
  }
}
#sub #sub-news .comBackLink a {
  display: block;
  width: 100%;
  padding-top: 18.4348%;
  background: url(/wp-content/themes/rearsekai/assets/img/common/btn/btn_backtop.png) no-repeat center/contain;
}

html[lang="en"] #sub #sub-news .comBackLink a {
  display: block;
  width: 100%;
  padding-top: 18.4348%;
  background: url(/wp-content/themes/rearsekai/assets/img/common/btn/btn_backtop-en.png) no-repeat center/contain;
}

#sub #sub-news .contentbg {
  -webkit-mask: url(/wp-content/themes/rearsekai/assets/img/top/bg/bg_mask.png) no-repeat center bottom/cover;
  mask: url(/wp-content/themes/rearsekai/assets/img/top/bg/bg_mask.png) no-repeat center bottom/cover;
  background: url(/wp-content/themes/rearsekai/assets/img/common/bg/sub_bg.png) no-repeat center top/100%;
}
@media screen and (max-width: 770px) {
  #sub #sub-news .comDetail {
    padding: 0 3.896%;
  }
}
#sub #sub-news .comDetail_in {
  border: 4px solid #372f26;
  background-color: rgba(255, 255, 255, 0.8);
  position: relative;
  padding: 4%;
}
@media screen and (max-width: 770px) {
  #sub #sub-news .comDetail_in {
    border: 2px solid #372f26;
  }
}
#sub #sub-news .comDetail_date {
  display: inline-block;
  padding: 4px 10px;
  color: #fff;
  line-height: 1;
  background-color: #372f26;
  margin-bottom: 4px;
}
#sub #sub-news .comDetail_title {
  font-size: 18px;
  line-height: 2;
  font-weight: 500;
  margin-bottom: 3%;
}
#sub #sub-news .comDetail_deco {
  width: calc(100% - 16px);
  height: 100%;
  position: absolute;
  top: 8px;
  left: 8px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  pointer-events: none;
}
@media screen and (max-width: 770px) {
  #sub #sub-news .comDetail_deco {
    width: calc(100% - 4px);
    top: 2px;
    left: 2px;
  }
}
#sub #sub-news .comDetail_deco-item {
  width: 2%;
  height: calc(100% - 16px);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media screen and (max-width: 770px) {
  #sub #sub-news .comDetail_deco-item {
    width: 2%;
    height: calc(100% - 4px);
  }
}
#sub #sub-news .comDetail_deco-item::before, #sub #sub-news .comDetail_deco-item::after {
  width: 100%;
  padding-top: 100%;
  display: block;
  content: "";
  display: inline-block;
  background-color: #372f26;
  -webkit-mask-image: url("/wp-content/themes/rearsekai/assets/img/common/deco/deco_frame.svg");
          mask-image: url("/wp-content/themes/rearsekai/assets/img/common/deco/deco_frame.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-position: center center;
          mask-position: center center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  background-color: #000;
}
#sub #sub-news .comDetail_deco-item.-left::after {
  -webkit-transform: scale(1, -1);
          transform: scale(1, -1);
}
#sub #sub-news .comDetail_deco-item.-right {
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}
#sub #sub-news .comDetail_deco-item.-right::after {
  -webkit-transform: scale(1, -1);
          transform: scale(1, -1);
}
#sub #sub-news .comDetail_article img {
  max-width: 100%;
}
#sub #sub-news .comDetail_article img.aligncenter {
  margin: 0 auto;
  display: block;
}
#sub #sub-news .comDetail_article p {
  font-size: 18px;
  line-height: 2;
  margin-bottom: 5%;
}
@media screen and (max-width: 770px) {
  #sub #sub-news .comDetail_article p {
    font-size: 14px;
  }
}

/* ===============================================
# post（blog）
=============================================== */
#sub #sub-blog .comListPager {
  width: 49.148%;
  margin: 0 auto;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 28px;
}
@media screen and (max-width: 770px) {
  #sub #sub-blog .comListPager {
    width: 92.208%;
    padding: 0 3.896%;
    gap: 2.156%;
  }
}
#sub #sub-blog .comListPager__btn {
  width: 24px;
}
#sub #sub-blog .comListPager__btn > a {
  width: 100%;
  height: 30px;
  display: block;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  -webkit-filter: var(--drop-shadow);
          filter: var(--drop-shadow);
  transition: 0.3s ease;
  pointer-events: auto;
  -webkit-mask-image: url("/wp-content/themes/rearsekai/assets/img/common/icon/icon_arrow_l.svg");
          mask-image: url("/wp-content/themes/rearsekai/assets/img/common/icon/icon_arrow_l.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-position: center center;
          mask-position: center center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  background-color: #000;
  mask-position: center center;
  background-color: #22afb2;
}
@media screen and (max-width: 770px) {
  #sub #sub-blog .comListPager__btn > a {
    height: 30px;
  }
}
#sub #sub-blog .comListPager__btn.-next {
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}
#sub #sub-blog .comListPager__numbtn {
  width: 50px;
  height: 50px;
}
@media screen and (max-width: 770px) {
  #sub #sub-blog .comListPager__numbtn {
    width: 30px;
    height: 30px;
  }
}
#sub #sub-blog .comListPager__numbtn > a {
  position: relative;
  display: block;
  text-decoration: none;
  -webkit-transition: background-color 0.5s ease;
  transition: background-color 0.5s ease;
}
#sub #sub-blog .comListPager__numbtn > a > span {
  padding: 8px 0;
  display: block;
  position: relative;
  z-index: 2;
  color: #22afb2;
  text-align: center;
  font-size: 24px;
  line-height: 1;
  font-weight: 400;
  -webkit-transition: color 0.5s ease;
  transition: color 0.5s ease;
}
@media screen and (max-width: 770px) {
  #sub #sub-blog .comListPager__numbtn > a > span {
    font-size: 15px;
  }
}
#sub #sub-blog .comListPager__numbtn > a::before, #sub #sub-blog .comListPager__numbtn > a::after {
  width: 50px;
  height: 50px;
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  -webkit-transition: background-color 0.5s ease;
  transition: background-color 0.5s ease;
}
@media screen and (max-width: 770px) {
  #sub #sub-blog .comListPager__numbtn > a::before, #sub #sub-blog .comListPager__numbtn > a::after {
    width: 30px;
    height: 30px;
  }
}
#sub #sub-blog .comListPager__numbtn > a::before {
  background-color: #FFF;
  border: 2px solid #22afb2;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
          transform: translate(-50%, -50%) rotate(45deg);
}
#sub #sub-blog .comListPager__numbtn > a::after {
  -webkit-transform: translate(-50%, -50%) rotate(45deg) scale(0.85);
          transform: translate(-50%, -50%) rotate(45deg) scale(0.85);
  border: 2px solid #22afb2;
  -webkit-transition: background-color 0.5s ease;
  transition: background-color 0.5s ease;
}
#sub #sub-blog .comListPager__numbtn > a:hover > span {
  color: #fff;
}
#sub #sub-blog .comListPager__numbtn > a:hover::before {
  background-color: #22afb2;
}
#sub #sub-blog .comListPager__numbtn > a:hover::after {
  border: 2px solid #FFF;
}
#sub #sub-blog .comListPager__numbtn.is-current a > span {
  color: #fff;
}
#sub #sub-blog .comListPager__numbtn.is-current a::before {
  background-color: #22afb2;
}
#sub #sub-blog .comListPager__numbtn.is-current a::after {
  border: 2px solid #FFF;
}
#sub #sub-blog .comListPager__back {
  width: min(13.9166666667vw, 250.5px);
  margin: 0 auto;
}
@media screen and (max-width: 770px) {
  #sub #sub-blog .comListPager__back {
    width: 100%;
    padding: 0 max(12.8vw, 64px);
  }
}
#sub #sub-blog .comListPager__back > a {
  display: block;
  padding: 8px 0;
  background-color: #000;
  color: #fff;
  text-align: center;
  -webkit-transition: background-color 0.5s ease;
  transition: background-color 0.5s ease;
}
#sub #sub-blog .comListPager__back > a:hover {
  background-color: #22afb2;
}
#sub #sub-blog .comListPager__list {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 9%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
#sub #sub-blog .comBackLink {
  width: 39%;
  margin: 5% auto 0;
  position: relative;
}
@media screen and (max-width: 770px) {
  #sub #sub-blog .comBackLink {
    width: 53.2467532468%;
    margin: 10.39% auto 0;
  }
}
#sub #sub-blog .comBackLink a {
  display: block;
  width: 100%;
  padding-top: 18.4348%;
  background: url(/wp-content/themes/rearsekai/assets/img/common/btn/btn_backtop.png) no-repeat center/contain;
}
#sub #sub-blog .contentbg {
  -webkit-mask: url(/wp-content/themes/rearsekai/assets/img/top/bg/bg_mask.png) no-repeat center bottom/cover;
  mask: url(/wp-content/themes/rearsekai/assets/img/top/bg/bg_mask.png) no-repeat center bottom/cover;
  background: url(/wp-content/themes/rearsekai/assets/img/common/bg/sub_bg_3.png) no-repeat center top/100%;
}
@media screen and (max-width: 770px) {
  #sub #sub-blog .comDetail {
    padding: 0 3.896%;
  }
}
#sub #sub-blog .comDetail_in {
  border: 4px solid #372f26;
  background-color: rgba(255, 255, 255, 0.8);
  position: relative;
  padding: 4%;
}
@media screen and (max-width: 770px) {
  #sub #sub-blog .comDetail_in {
    border: 2px solid #372f26;
  }
}
#sub #sub-blog .comDetail_date {
  display: inline-block;
  padding: 4px 10px;
  color: #fff;
  line-height: 1;
  background-color: #372f26;
  margin-bottom: 4px;
}
#sub #sub-blog .comDetail_title {
  font-size: 18px;
  line-height: 2;
  font-weight: 500;
  margin-bottom: 3%;
}
#sub #sub-blog .comDetail_deco {
  width: calc(100% - 16px);
  height: 100%;
  position: absolute;
  top: 8px;
  left: 8px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  pointer-events: none;
}
@media screen and (max-width: 770px) {
  #sub #sub-blog .comDetail_deco {
    width: calc(100% - 4px);
    top: 2px;
    left: 2px;
  }
}
#sub #sub-blog .comDetail_deco-item {
  width: 2%;
  height: calc(100% - 16px);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media screen and (max-width: 770px) {
  #sub #sub-blog .comDetail_deco-item {
    width: 2%;
    height: calc(100% - 4px);
  }
}
#sub #sub-blog .comDetail_deco-item::before, #sub #sub-blog .comDetail_deco-item::after {
  width: 100%;
  padding-top: 100%;
  display: block;
  content: "";
  display: inline-block;
  background-color: #372f26;
  -webkit-mask-image: url("/wp-content/themes/rearsekai/assets/img/common/deco/deco_frame.svg");
          mask-image: url("/wp-content/themes/rearsekai/assets/img/common/deco/deco_frame.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-position: center center;
          mask-position: center center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  background-color: #000;
}
#sub #sub-blog .comDetail_deco-item.-left::after {
  -webkit-transform: scale(1, -1);
          transform: scale(1, -1);
}
#sub #sub-blog .comDetail_deco-item.-right {
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}
#sub #sub-blog .comDetail_deco-item.-right::after {
  -webkit-transform: scale(1, -1);
          transform: scale(1, -1);
}
#sub #sub-blog .comDetail_article img {
  max-width: 100%;
}
#sub #sub-blog .comDetail_article img.aligncenter {
  margin: 0 auto;
  display: block;
}
#sub #sub-blog .comDetail_article p {
  font-size: 18px;
  line-height: 2;
  margin-bottom: 5%;
}
@media screen and (max-width: 770px) {
  #sub #sub-blog .comDetail_article p {
    font-size: 14px;
  }
}

/*-----------------------------------------------
 * #sub-news
-------------------------------------------------*/
#sub-news .contentIn {
  padding-top: 12%;
  padding-bottom: 12%;
}
@media screen and (max-width: 770px) {
  #sub-news .contentIn {
    margin-bottom: 7.7922077922%;
    padding-top: 25.974%;
    padding-bottom: 0;
  }
}

#sub-news .cont_h2 img {
  width: calc(111 / var(--h2-width) * 100%);
}

#sub-news .news_btn {
  width: 39%;
  margin: 5% auto 0;
  position: relative;
}
@media screen and (max-width: 770px) {
  #sub-news .news_btn {
    width: 50.6493506494%;
    margin: 10.39% auto 0;
  }
}

#sub-news .news_btn a {
  display: block;
  width: 100%;
  padding-top: 18.4348%;
  background: url(/wp-content/themes/rearsekai/assets/img/top/news/news_btn.png) no-repeat center/contain;
}

/*-----------------------------------------------
 * #sub-blog
-------------------------------------------------*/
#sub-blog .contentIn {
  padding-top: 12%;
  padding-bottom: 12%;
}
@media screen and (max-width: 770px) {
  #sub-blog .contentIn {
    margin-bottom: 7.7922077922%;
    padding-top: 25.974%;
    padding-bottom: 0;
  }
}

#sub-blog .cont_h2 img {
  width: calc(336 / var(--h2-width) * 100%);
}

#sub-blog .news_btn {
  width: 39%;
  margin: 5% auto 0;
  position: relative;
}
@media screen and (max-width: 770px) {
  #sub-blog .news_btn {
    width: 50.6493506494%;
    margin: 10.39% auto 0;
  }
}

#sub-blog .news_btn a {
  display: block;
  width: 100%;
  padding-top: 18.4348%;
  background: url(/wp-content/themes/rearsekai/assets/img/top/news/news_btn.png) no-repeat center/contain;
}

.backtoLists {
  width: 39%;
  margin: 5% auto 0;
  position: relative;
}
@media screen and (max-width: 770px) {
  .backtoLists {
    width: 53.2467532468%;
    margin: 10.39% auto 0;
  }
}
.backtoLists > a {
  display: block;
  width: 100%;
  padding-top: 18.4348%;
  background: url(/wp-content/themes/rearsekai/assets/img/common/btn/btn_backlists.png) no-repeat center/contain;
}

html[lang="en"] .backtoLists > a {
  display: block;
  width: 100%;
  padding-top: 18.4348%;
  background: url(/wp-content/themes/rearsekai/assets/img/common/btn/btn_backlists-en.png) no-repeat center/contain;
}

/* ===============================================
# tokuten
=============================================== */
@media screen and (max-width: 770px) {
  .tokuten__heading {
    padding: 0 3.896% 0;
  }
}
.tokuten__item {
  border: 2px solid #372f26;
  background-color: #FFF;
  border-radius: 10px;
  padding: 40px 30px;
  position: relative;
}
@media screen and (min-width: 771px) {
  .tokuten__item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media screen and (max-width: 770px) {
  .tokuten__item {
    padding: 7.8125vw 6.3%;
  }
}
.tokuten__name {
  text-align: center;
  font-size: 28px;
  line-height: 1;
  color: #372f26;
  font-weight: 600;
  margin-bottom: 40px;
}
@media screen and (max-width: 770px) {
  .tokuten__name {
    font-size: 20px;
    margin-bottom: 7.8125vw;
  }
}
.tokuten__in {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 40px;
}
@media screen and (max-width: 770px) {
  .tokuten__in {
    display: block;
    gap: 0;
  }
}
@media screen and (min-width: 771px) {
  .tokuten__desc {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.tokuten__img + .tokuten__img {
  margin-top: 40px;
}
@media screen and (max-width: 770px) {
  .tokuten__img + .tokuten__img {
    margin-top: 3.9vw;
  }
}
.tokuten__img > img {
  width: 100%;
}
@media screen and (max-width: 770px) {
  .tokuten__desc {
    margin-top: 3.9vw;
  }
}
.tokuten__desc--title {
  font-size: 22px;
  color: #198587;
  font-weight: 600;
  line-height: 1.5;
}
@media screen and (max-width: 770px) {
  .tokuten__desc--title {
    font-size: 18px;
    margin-bottom: 0.4em;
  }
}
.tokuten__desc--text {
  font-size: 18px;
}
@media screen and (max-width: 770px) {
  .tokuten__desc--text {
    font-size: 14px;
  }
}
.tokuten__desc--item + .tokuten__desc--item {
  margin-top: 50px;
}
@media screen and (max-width: 770px) {
  .tokuten__desc--item + .tokuten__desc--item {
    margin-top: 3.9vw;
  }
}
@media screen and (min-width: 771px) {
  .tokuten__buyBtn {
    margin-top: auto;
    padding-top: 60px;
  }
}
@media screen and (max-width: 770px) {
  .tokuten__buyBtn {
    width: 208px;
    margin: 14.3vw auto 0;
  }
}
.tokuten__buyBtn a:first-of-type {
  display: block;
  margin-bottom: 1em;
}
@media screen and (max-width: 770px) {
  .tokuten__buyBtn img {
    width: 100%;
  }
}
.tokuten__deco {
  width: calc(100% - 12px);
  height: calc(100% - 12px);
  margin: 6px;
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}
.tokuten__deco--item {
  height: calc(100% - 10px);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.tokuten__deco--item::before, .tokuten__deco--item::after {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  background-color: #372f26;
}
.tokuten__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: min(3.3333333333vw, 60px);
  margin-top: min(3.3333333333vw, 60px);
}
@media screen and (max-width: 770px) {
  .tokuten__list {
    display: block;
    gap: 0;
    margin-top: 6.5vw;
    padding: 0 3.896% 0;
  }
}
.tokuten__list .tokuten__item {
  width: calc(50% - min(1.6666666667vw, 30px));
}
@media screen and (max-width: 770px) {
  .tokuten__list .tokuten__item {
    width: 100%;
  }
}
@media screen and (max-width: 770px) {
  .tokuten__list .tokuten__item:not(:first-child) {
    margin-top: 6.5vw;
  }
}
.tokuten__list .tokuten__desc {
  margin-top: 30px;
  -webkit-box-align: inherit;
  -webkit-align-items: inherit;
      -ms-flex-align: inherit;
          align-items: inherit;
}
@media screen and (min-width: 771px) {
  .tokuten__list .tokuten__desc {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media screen and (max-width: 770px) {
  .tokuten__list .tokuten__desc {
    margin-top: 3.9vw;
  }
}
.tokuten__list .tokuten__buyBtn img {
  display: block;
  margin: 0 auto;
}
.tokuten .comBackLink {
  width: 39%;
  margin: 5% auto 0;
  position: relative;
}
@media screen and (max-width: 770px) {
  .tokuten .comBackLink {
    width: 53.2467532468%;
    margin: 10.39% auto 0;
  }
}
.tokuten .comBackLink a {
  display: block;
  width: 100%;
  padding-top: 18.4348%;
  background: url(/wp-content/themes/rearsekai/assets/img/common/btn/btn_backtop.png) no-repeat center/contain;
}

/* ===============================================
# cookiepolicy
=============================================== */
@media screen and (max-width: 770px) {
  .cookiepolicy {
    padding: 0 3.896%;
  }
}
.cookiepolicy__cont {
  border: 4px solid #372f26;
  background-color: rgba(255, 255, 255, 0.8);
  position: relative;
  padding: 4%;
}
@media screen and (max-width: 770px) {
  .cookiepolicy__cont {
    border: 2px solid #372f26;
  }
}
.cookiepolicy .contDeco {
  width: calc(100% - 16px);
  height: 100%;
  position: absolute;
  top: 8px;
  left: 8px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  pointer-events: none;
}
@media screen and (max-width: 770px) {
  .cookiepolicy .contDeco {
    width: calc(100% - 4px);
    top: 2px;
    left: 2px;
  }
}
.cookiepolicy .contDeco__item {
  width: 2%;
  height: calc(100% - 16px);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media screen and (max-width: 770px) {
  .cookiepolicy .contDeco__item {
    width: 2%;
    height: calc(100% - 4px);
  }
}
.cookiepolicy .contDeco__item::before, .cookiepolicy .contDeco__item::after {
  width: 100%;
  padding-top: 100%;
  display: block;
  content: "";
  display: inline-block;
  background-color: #372f26;
  -webkit-mask-image: url("/wp-content/themes/rearsekai/assets/img/common/deco/deco_frame.svg");
          mask-image: url("/wp-content/themes/rearsekai/assets/img/common/deco/deco_frame.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-position: center center;
          mask-position: center center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  background-color: #000;
}
.cookiepolicy .contDeco__item.-left::after {
  -webkit-transform: scale(1, -1);
          transform: scale(1, -1);
}
.cookiepolicy .contDeco__item.-right {
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}
.cookiepolicy .contDeco__item.-right::after {
  -webkit-transform: scale(1, -1);
          transform: scale(1, -1);
}
.cookiepolicy__title {
  font-size: 28px;
  line-height: 2;
  font-weight: 700;
  margin-bottom: 3%;
  text-align: center;
}
@media screen and (max-width: 770px) {
  .cookiepolicy__title {
    font-size: 14px;
  }
}
.cookiepolicy__textWrap {
  font-size: 18px;
  line-height: 2;
}
@media screen and (max-width: 770px) {
  .cookiepolicy__textWrap {
    font-size: 12px;
  }
}
.cookiepolicy .comBackLink {
  width: 39%;
  margin: 5% auto 0;
  position: relative;
}
@media screen and (max-width: 770px) {
  .cookiepolicy .comBackLink {
    width: 53.2467532468%;
    margin: 10.39% auto 0;
  }
}
.cookiepolicy .comBackLink a {
  display: block;
  width: 100%;
  padding-top: 18.4348%;
  background: url(/wp-content/themes/rearsekai/assets/img/common/btn/btn_backtop.png) no-repeat center/contain;
}

html[lang="en"] .cookiepolicy .comBackLink a {
    display: block;
    width: 100%;
    padding-top: 18.4348%;
    background: url(/wp-content/themes/rearsekai/assets/img/common/btn/btn_backtop-en.png) no-repeat center/contain;
  }

/* ===============================================
# download
=============================================== */
@media screen and (max-width: 770px) {
  .download {
    padding: 0 3.896%;
  }
}
.download__cont {
  border: 4px solid #372f26;
  background-color: rgba(255, 255, 255, 0.8);
  position: relative;
  padding: 4%;
}
@media screen and (max-width: 770px) {
  .download__cont {
    border: 2px solid #372f26;
  }
}
.download .contDeco {
  width: calc(100% - 16px);
  height: 100%;
  position: absolute;
  top: 8px;
  left: 8px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  pointer-events: none;
}
@media screen and (max-width: 770px) {
  .download .contDeco {
    width: calc(100% - 4px);
    top: 2px;
    left: 2px;
  }
}
.download .contDeco__item {
  width: 2%;
  height: calc(100% - 16px);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media screen and (max-width: 770px) {
  .download .contDeco__item {
    width: 2%;
    height: calc(100% - 4px);
  }
}
.download .contDeco__item::before, .download .contDeco__item::after {
  width: 100%;
  padding-top: 100%;
  display: block;
  content: "";
  display: inline-block;
  background-color: #372f26;
  -webkit-mask-image: url("/wp-content/themes/rearsekai/assets/img/common/deco/deco_frame.svg");
          mask-image: url("/wp-content/themes/rearsekai/assets/img/common/deco/deco_frame.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-position: center center;
          mask-position: center center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  background-color: #000;
}
.download .contDeco__item.-left::after {
  -webkit-transform: scale(1, -1);
          transform: scale(1, -1);
}
.download .contDeco__item.-right {
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}
.download .contDeco__item.-right::after {
  -webkit-transform: scale(1, -1);
          transform: scale(1, -1);
}
.download__title {
  font-size: 28px;
  line-height: 2;
  font-weight: 700;
  margin-bottom: 3%;
  text-align: center;
}
@media screen and (max-width: 770px) {
  .download__title {
    font-size: 14px;
  }
}
.download__lists {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  width: 90%;
  margin: min(3vw, 30px) auto min(4vw, 40px);
}
@media screen and (max-width: 770px) {
  .download__lists {
    width: 100%;
    margin: min(3.90625vw, 30px) auto min(5.20833vw, 40px);
  }
}
.download__lists > li {
  width: calc((100% - min(6vw, 60px)) / 2);
}
@media screen and (max-width: 770px) {
  .download__lists > li {
    width: 100%;
  }
}
.download__lists > li:not(:nth-child(2n+1)) {
  margin-left: min(6vw, 60px);
}
@media screen and (max-width: 770px) {
  .download__lists > li:not(:nth-child(2n+1)) {
    margin-left: 0;
  }
}
.download__lists > li:nth-child(n+3) {
  margin-top: min(5vw, 50px);
}
@media screen and (max-width: 770px) {
  .download__lists > li:nth-child(n+3) {
    margin-top: 0;
  }
}
@media screen and (max-width: 770px) {
  .download__lists > li:nth-child(n+2) {
    margin-top: 3em;
  }
}
.download__lists__title {
  font-size: min(2.33333vw, 28px);
  font-weight: 700;
  text-align: center;
  margin-bottom: 0.4em;
}
@media screen and (max-width: 770px) {
  .download__lists__title {
    font-size: 14px;
  }
}
.download__lists__link {
  background-color: #fff;
  border-radius: min(5vw, 50px);
  border: 2px solid #372f26;
  -webkit-box-shadow: 2px 4px #372f26;
          box-shadow: 2px 4px #372f26;
  display: block;
  width: 100%;
  height: min(5vw, 50px);
  position: relative;
  -webkit-transition: background-color 0.4s ease;
  transition: background-color 0.4s ease;
}
@media screen and (max-width: 770px) {
  .download__lists__link {
    border-radius: min(8.20312vw, 63px);
    width: min(54.16666vw, 416px);
    height: min(8.20312vw, 63px);
    margin: 0 auto;
    -webkit-box-shadow: 1px 2px #372f26;
            box-shadow: 1px 2px #372f26;
  }
}
.download__lists__link:hover {
  background-color: #e3feff;
}
.download__lists__link:before {
  content: "";
  background: url("/wp-content/themes/rearsekai/assets/img/download/btn_arrow.svg") no-repeat center center/contain;
  width: min(1.2vw, 12px);
  height: min(2.2vw, 22px);
  margin: auto;
  position: absolute;
  top: 0;
  right: 5%;
  bottom: 0;
}
@media screen and (max-width: 770px) {
  .download__lists__link:before {
    width: min(1.5625vw, 12px);
    height: min(2.86458vw, 22px);
  }
}
.download__lists__link__text {
  background: url("/wp-content/themes/rearsekai/assets/img/download/btn_text.png") no-repeat center center/contain;
  width: min(15.2vw, 152px);
  height: min(2.6vw, 26px);
  margin: auto;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
@media screen and (max-width: 770px) {
  .download__lists__link__text {
    width: min(19.79166vw, 152px);
    height: min(3.38541vw, 26px);
  }
}
.download .comBackLink {
  width: 39%;
  margin: 5% auto 0;
  position: relative;
}
@media screen and (max-width: 770px) {
  .download .comBackLink {
    width: 53.2467532468%;
    margin: 10.39% auto 0;
  }
}
.download .comBackLink a {
  display: block;
  width: 100%;
  padding-top: 18.4348%;
  background: url(/wp-content/themes/rearsekai/assets/img/common/btn/btn_backtop.png) no-repeat center/contain;
}

/* ===============================================
 # notfound
=============================================== */
:root {
  --vw-min: 1200;
}
@media screen and (max-width: 770px) {
  :root {
    --vw-min: 768;
  }
}

.notfoundCont {
  padding-top: 153px;
  padding-bottom: 12%;
}
@media screen and (max-width: 770px) {
  .notfoundCont {
    margin-bottom: 12.7272727273%;
    padding-top: 25.974%;
    padding-bottom: 0;
  }
}
.notfoundCont__titleWrap {
  background: url(/wp-content/themes/rearsekai/assets/img/notfound/notfound_title_bg.png) no-repeat center/cover;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: min(260 / var(--vw-min) * 100vw, 260px);
  overflow: hidden;
  position: relative;
}
.notfoundCont__titleWrap:before {
  content: "";
  background: url(/wp-content/themes/rearsekai/assets/img/notfound/notfound_deco.png) no-repeat center/contain;
  width: min(823 / var(--vw-min) * 100vw, 823px);
  height: min(506 / var(--vw-min) * 100vw, 506px);
  margin: auto;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
@media screen and (max-width: 770px) {
  .notfoundCont__titleWrap:before {
    left: -3.5vw;
  }
}
.notfoundCont__title {
  background: url(/wp-content/themes/rearsekai/assets/img/notfound/notfound_title.png) no-repeat center/contain;
  width: min(496 / var(--vw-min) * 100vw, 496px);
  height: min(58 / var(--vw-min) * 100vw, 58px);
}
.notfoundCont__main {
  margin: min(50 / var(--vw-min) * 100vw, 50px) auto 0;
}
@media screen and (min-width: 771px) {
  .notfoundCont__main {
    max-width: var(--cont-max-outerwidth);
    padding-right: min(3.7037%, 40px);
    padding-left: min(3.7037%, 40px);
  }
}
@media screen and (max-width: 770px) {
  .notfoundCont__main {
    padding: 0 3.896%;
  }
}
.notfoundCont__main .comBackLink {
  width: 39%;
  margin: 5% auto 0;
  position: relative;
}
@media screen and (max-width: 770px) {
  .notfoundCont__main .comBackLink {
    width: 53.2467532468%;
    margin: 10.39% auto 0;
  }
}
.notfoundCont__main .comBackLink a {
  display: block;
  width: 100%;
  padding-top: 18.4348%;
  background: url(/wp-content/themes/rearsekai/assets/img/common/btn/btn_backtop.png) no-repeat center/contain;
}
.notfoundCont__textWrap {
  background-color: rgba(255, 255, 255, 0.8);
  position: relative;
}
@media screen and (min-width: 771px) {
  .notfoundCont__textWrap {
    border: 4px solid #372f26;
    margin-bottom: min(100 / var(--vw-min) * 100vw, 100px);
    padding: 4%;
  }
}
@media screen and (max-width: 770px) {
  .notfoundCont__textWrap {
    border: 2px solid #372f26;
    margin-bottom: min(80 / var(--vw-min) * 100vw, 80px);
    padding: min(80 / var(--vw-min) * 100vw, 80px) 0;
  }
}
.notfoundCont__textWrap .contDeco {
  width: calc(100% - 16px);
  height: 100%;
  position: absolute;
  top: 8px;
  left: 8px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  pointer-events: none;
}
@media screen and (max-width: 770px) {
  .notfoundCont__textWrap .contDeco {
    width: calc(100% - 4px);
    top: 2px;
    left: 2px;
  }
}
.notfoundCont__textWrap .contDeco__item {
  width: 2%;
  height: calc(100% - 16px);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media screen and (max-width: 770px) {
  .notfoundCont__textWrap .contDeco__item {
    width: 2%;
    height: calc(100% - 4px);
  }
}
.notfoundCont__textWrap .contDeco__item::before, .notfoundCont__textWrap .contDeco__item::after {
  width: 100%;
  padding-top: 100%;
  display: block;
  content: "";
  display: inline-block;
  background-color: #372f26;
  -webkit-mask-image: url("/wp-content/themes/rearsekai/assets/img/common/deco/deco_frame.svg");
          mask-image: url("/wp-content/themes/rearsekai/assets/img/common/deco/deco_frame.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-position: center center;
          mask-position: center center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  background-color: #000;
}
.notfoundCont__textWrap .contDeco__item.-left::after {
  -webkit-transform: scale(1, -1);
          transform: scale(1, -1);
}
.notfoundCont__textWrap .contDeco__item.-right {
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}
.notfoundCont__textWrap .contDeco__item.-right::after {
  -webkit-transform: scale(1, -1);
          transform: scale(1, -1);
}
.notfoundCont__text {
  font-size: min(28 / var(--vw-min) * 100vw, 28px);
  font-weight: 700;
  text-align: center;
}

/**
 * subCharaBtnWrap
 */
.subCharaBtnWrap {
	width: min(calc(550 / var(--vw-min) * 100vw), 550px);
	margin: min(calc(30 / var(--vw-min) * 100vw), 30px) auto 0;
}
.subCharaBtn {
	display: block;
}
.subCharaBtn img {
	width: 100%;
}