@charset 'UTF-8';

/**
 * Admission Page Settings
 * ================================================================================
 * Table of Contents:
 *
 * Admission Page Settings
 *  - Key Visual
 *  - CTA1
 *  - Overview
 *  - Lineup
 *  - CTA2
 *  - FAQ
 *  - Step
 *  - Benefits
 *  - Footer
 * ================================================================================
 */



/**
 * ================================================================================
 * Admission Page Settings
 * ================================================================================
 */

/**
 * Key Visual
 * -------------------------------
 */

body.page-admission .kv .swiper-wrapper {
  height: auto;
}


/**
 * CTA1
 * -------------------------------
 */

body.page-admission .cta1 {
  margin-top: 1.8rem;
}

body.page-admission .cta1__btn {
  text-align: center;
}

body.page-admission .cta1__slider {
  margin-top: 2.7rem;
}

body.page-admission .cta1__slider .swiper-wrapper {
  height: auto !important;
  transition-timing-function: linear !important;
}

body.page-admission .cta1__slider-slide {
  width: 14.7rem !important;
  height: auto !important;
  margin: 0 0.6rem !important;
}


/**
 * Overview
 * -------------------------------
 */

body.page-admission .overview {
  margin-top: 6.0rem;
  text-align: center;
}

body.page-admission .overview__ttl img {
  width: 28.1rem;
}

body.page-admission .overview__fig {
  margin-top: 2.2rem;
}

body.page-admission .overview__figcaption {
  margin-top: 2.2rem;
  color: var(--color-ttl);
  font-size: 1.8rem;
  line-height: 2.0;
  font-weight: 500;
}


/**
 * Lineup
 * -------------------------------
 */

body.page-admission .lineup {
  margin-top: 6.0rem;
  padding-top: 3.5rem;
  padding-bottom: 3.5rem;
  background-color: #f2efee;
  text-align: center;
}

body.page-admission .lineup__ttl {
  font-size: 3.0rem;
  color: var(--color-idgreen);
  letter-spacing: -0.05em;
}

body.page-admission .lineup__fig {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

body.page-admission .lineup__figcaption {
  margin-bottom: 1.8rem;
  font-size: 1.4rem;
  line-height: 2.0;
}

body.page-admission .lineup__btn {
  margin-top: 2.0rem;
}


/**
 * CTA2
 * -------------------------------
 */

body.page-admission .cta2 {
  margin-top: 5.7rem;
  text-align: center;
}

body.page-admission .cta2__ttl {
  color: var(--color-idgreen);
  font-size: 2.4rem;
  font-weight: 600;
  line-height: 1.5;
}

body.page-admission .cta2__ttl > strong {
  display: block;
  font-size: 3.6rem;
}

body.page-admission .cta2__fig {
  margin-top: 1.5rem;
}

body.page-admission .cta2__fig img {
  width: 33.8rem;
}

body.page-admission .cta2__figcaption {
  margin-top: 2.7rem;
}

body.page-admission .cta2__list {
  display: inline-block;
  text-align: left;
}

body.page-admission .cta2__list-item {
  position: relative;
  margin-top: 1.5rem;
  padding-left: 4.0rem;
  font-size: 2.2rem;
  font-weight: 700;
  line-height: 1.4;
}

body.page-admission .cta2__list-item:nth-of-type(1) {
  margin-top: 0;
}

body.page-admission .cta2__list-item::before {
  position: absolute;
  top: -1.2rem;
  left: 0;
  width: 3.425rem;
  height: 4.2rem;
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg viewBox="0 0 68.5 80" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M51,29v47H4V29h47M55,25H0v55h55V25h0Z" fill="%23454545"/%3E%3Cpolygon points="7 36 26 46 68.5 0 31 69 7 36" fill="%2300644e"/%3E%3C/svg%3E');
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 100% auto;
  content: '';
}

body.page-admission .cta2__btn {
  margin-top: 2.7rem;
}


/**
 * FAQ
 * -------------------------------
 */

body.page-admission .faq {
  margin-top: 6.0rem;
  padding-left: 3.0rem;
  padding-right: 3.0rem;
}

body.page-admission .faq__ttl {
  color: var(--color-idgreen);
  font-size: 3.0rem;
  font-weight: 700;
  letter-spacing: -0.05em;
  text-align: center;
}

body.page-admission .faq__list {
  margin-top: 1.5rem;
}

body.page-admission .faq__list-item {
  border-bottom: 0.1rem solid #b2d0ca;
}

body.page-admission .faq__list-btn {
  display: block;
  position: relative;
  width: 100%;
  padding: 2.0rem 3.0rem;
  color: var(--color-ttl);
  font-size: 1.4rem;
  font-weight: 500;
}

body.page-admission .faq__list-btn::before,
body.page-admission .faq__list-btn::after {
  position: absolute;
}

body.page-admission .faq__list-btn::before {
  top: 1.8rem;
  left: 0;
  font-size: 1.92rem;
  line-height: 1;
  content: 'Q.';
}

body.page-admission .faq__list-btn::after {
  top: 50%;
  right: 0;
  transform: translateY(-50%) rotate(90deg);
  width: 1.8rem;
  height: 1.8rem;
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg viewBox="0 0 36 36" xmlns="http://www.w3.org/2000/svg"%3E%3Ccircle cx="18" cy="18" r="18" fill="%2300644e"/%3E%3Cpath d="M15.6,26.2c-.4,0-.8-.1-1.1-.4-.6-.6-.6-1.5,0-2.1l5.9-5.9-5.9-5.9c-.6-.6-.6-1.5,0-2.1.6-.6,1.5-.6,2.1,0l7,7c.3.3.4.7.4,1.1s-.2.8-.4,1.1l-7,7c-.3.3-.7.4-1.1.4Z" fill="%23ffffff"/%3E%3C/svg%3E');
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 100% auto;
  content: '';
  transition: transform 0.2s ease-out;
}

body.page-admission .faq__list-btn.is-active::after {
  transform: translateY(-50%) rotate(270deg);
}

body.page-admission .faq__list-panel {
  position: relative;
  padding: 0 0 2.0rem 3.0rem;
  font-size: 1.2rem;
  line-height: 1.6;
}

body.page-admission .faq__list-panel::before {
  position: absolute;
  top: -0.4rem;
  left: 0;
  color: var(--color-idgreen);
  font-family: 'Shippori Mincho', '游明朝体 Medium', 'Yu Mincho Medium', '游明朝体', YuMincho, 'Hiragino Mincho ProN', serif;
  font-size: 1.92rem;
  line-height: 1;
  content: 'A.';
}

body.page-admission .faq__list-txt {
  margin-top: 1.0rem;
}

body.page-admission .faq__list-txt:nth-of-type(1) {
  margin-top: 0;
}

body.page-admission .faq__list-comments {
  margin-top: 1.0rem;
  font-size: 1.0rem;
}


/**
 * Step
 * -------------------------------
 */

body.page-admission .step {
  margin-top: 6.6rem;
  padding: 3.5rem 0 6.5rem 0;
  background-color: #f0e9e6;
  text-align: center;
}

body.page-admission .step__ttl {
  font-size: 3.0rem;
  font-weight: 600;
  line-height: 1.4;
}

body.page-admission .step-slider {
  position: relative;
  margin-top: 3.5rem;
}

body.page-admission .step-slider .swiper-wrapper {
  height: auto !important;
}

body.page-admission .step-slider__slide {
  width: 31.5rem !important;
  height: auto !important;
  margin: 0 3.0rem !important;
}

body.page-admission .step-slider__slide-inner {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 3.7rem 0 2.5rem 0;
  border-radius: 0.9rem;
  background-color: #fff;
}

body.page-admission .step-slider__slide-head {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: -1.6rem;
  left: 50%;
  transform: translateX(-50%);
  width: 22.0rem;
  height: 3.8rem;
  border-radius: 0.65rem;
  background-color: #abd6dc;
  color: var(--color-idbrown);
  font-size: 1.8rem;
  font-weight: 600;
  line-height: 1.2;
}

body.page-admission .step-slider__slide-no img {
  width: 7.4rem;
}

body.page-admission .step-slider__slide-ttl {
  color: var(--color-idbrown);
  font-size: 1.9rem;
  font-weight: 500;
  line-height: 1.6;
}

body.page-admission .step-slider__slide-figcaption {
  color: var(--color-idbrown);
  /* font-size: 1.5rem; */
  font-size: 1.2rem;
  line-height: 1.6;
}

body.page-admission .step-slider__prev,
body.page-admission .step-slider__next {
  width: 2.97rem;
  height: 5.07rem;
  margin-top: -2.535rem;
  background-size: 100% auto;
}

body.page-admission .step-slider__prev {
  left: 1.0rem;
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg viewBox="0 0 59.4 101.4" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M50.7,101.4c2.2,0,4.4-.8,6.1-2.5,3.4-3.4,3.4-8.9,0-12.3L20.9,50.7,56.8,14.8c3.4-3.4,3.4-8.9,0-12.3-3.4-3.4-8.9-3.4-12.3,0L2.5,44.6C.9,46.2,0,48.4,0,50.7s.9,4.5,2.5,6.1l42,42c1.7,1.7,3.9,2.5,6.1,2.5Z" fill="%2359332c"/%3E%3C/svg%3E');
}

body.page-admission .step-slider__next {
  right: 1.0rem;
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg viewBox="0 0 59.4 101.4" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M8.7,101.4c-2.2,0-4.4-.8-6.1-2.5-3.4-3.4-3.4-8.9,0-12.3l35.9-35.9L2.5,14.8C-.8,11.4-.8,5.9,2.5,2.5,5.9-.8,11.4-.8,14.8,2.5l42,42c1.6,1.6,2.5,3.8,2.5,6.1s-.9,4.5-2.5,6.1L14.8,98.9c-1.7,1.7-3.9,2.5-6.1,2.5Z" fill="%2359332c"/%3E%3C/svg%3E');
}

body.page-admission .step-slider__prev.swiper-button-disabled,
body.page-admission .step-slider__next.swiper-button-disabled {
  display: none;
}

body.page-admission .step-slider__pagination {
  bottom: -3.4rem;
}

body.page-admission .step-slider__pagination .swiper-pagination-bullet {
  width: 1.25rem;
  height: 1.25rem;
  margin: 0 0.8rem;
  opacity: 1;
  background-color: #cdc1bf;
  transition: background-color 0.25s ease-out;
}

body.page-admission .step-slider__pagination .swiper-pagination-bullet-active {
  background-color: var(--color-idred);
}


/**
 * Benefits
 * -------------------------------
 */

body.page-admission .benefits {
  margin-top: 7.5rem;
}

body.page-admission .benefits__ttl {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 10.0rem;
  border-bottom: 0.35rem solid var(--color-idbrown);
  border-top-left-radius: 2.0rem;
  border-top-right-radius: 2.0rem;
  background: linear-gradient(90deg,rgba(225, 185, 95, 1) 0%, rgba(255, 223, 50, 1) 35%, rgba(215, 172, 85, 1) 100%);
  color: var(--color-idbrown);
  font-size: 3.5rem;
  font-weight: 800;
}

body.page-admission .benefits__inner {
  padding: 3.5rem 2.5rem 4.5rem 2.5rem;
  background-color: #f2efee;
}

body.page-admission .benefits__txt {
  position: relative;
  margin-bottom: 1.6rem;
  padding-bottom: 6.0rem;
  font-size: 1.3rem;
  line-height: 1.6;
  text-align: center;
}

body.page-admission .benefits__txt::after {
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  width: 23.8rem;
  height: 5.1rem;
  background-image: url('/csguide/assets/admission/img/benefits_txt_bg.svg');
  background-repeat: no-repeat;
  background-position: 50% 0;
  background-size: 100% auto;
  content: '';
}

body.page-admission .benefits__btn {
  text-align: center;
}

body.page-admission .benefits__btn .c-btn {
  border-bottom: 0.25rem solid #996b1c;
  border-radius: 1.5rem;
}

body.page-admission .benefits__list {
  margin-top: 7.5rem;
  margin-bottom: 2.8rem;
}

body.page-admission .benefits__list-item {
  position: relative;
  margin-top: 6.0rem;
  padding: 3.8rem 1.7rem 1.7rem 1.7rem;
  border: 0.6rem solid #fff;
  border-radius: 0.5rem;
  box-shadow: 0.2rem 0.2rem 0.2rem 0 rgba(0, 0, 0, 0.15);
  background-color: #ffdcdf;
  text-align: center;
}

body.page-admission .benefits__list-item:nth-of-type(1) {
  margin-top: 0;
}

body.page-admission .benefits__list-no {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: -4.4rem;
  left: 50%;
  transform: translateX(-50%);
  width: 6.4rem;
  height: 6.4rem;
  padding-top: 0.8rem;
  background-image: url('/csguide/assets/admission/img/benefits_list_no.svg');
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 100% auto;
  color: var(--color-white);
  font-size: 3.9rem;
  font-weight: 600;
  line-height: 1;
}

body.page-admission .benefits__list-ttl {
  font-size: 2.2rem;
  font-weight: 800;
}

body.page-admission .benefits__list-fig {
  margin-top: 1.4rem;
  background-color: #fff;
}

body.page-admission .benefits__list-figcaption {
  padding: 2.0rem 1.0rem 2.5rem 1.0rem;
  color: var(--color-idbrown);
  font-size: 1.2rem;
}

body.page-admission .benefits__list-item.-list4 .benefits__list-figcaption {
  font-size: 3.0rem;
  font-weight: 700;
  line-height: 1.2;
}

body.page-admission .benefits__list-item.-list4 .benefits__list-figcaption > strong {
  font-size: 4.0rem;
}

body.page-admission .benefits__list-item.-list4 .benefits__list-figcaption > small {
  font-size: 65%;
}


/**
 * Footer
 * -------------------------------
 */

body.page-admission .l-footer-about {
  margin-bottom: 8.5rem;
}

body.page-admission .l-footer-trial {
  display: none;
}