@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: 0.1rem;
  left: 0;
  width: 3.005rem;
  height: 2.895rem;
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg viewBox="0 0 60.1 57.9" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M51,6.9v47H4V6.9h47M55,2.9H0v55h55V2.9h0Z" fill="%23454545"/%3E%3Cpath d="M28.5,43.9c-1.9,0-3.7-.9-4.9-2.3l-13.8-16.8c-2.2-2.7-1.8-6.7.9-9,2.7-2.2,6.7-1.8,9,.9l8.8,10.8L48.8,2.4c2.2-2.7,6.2-3.2,9-.9,2.7,2.2,3.2,6.2.9,9l-25.2,31.1c-1.2,1.5-3,2.4-4.9,2.4h0Z" 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: 7.3rem;
}

body.page-admission .faq__inner {
  position: relative;
  padding: 4.5rem 3.0rem 2.5rem 3.0rem;
  background-color: #f5eeeb;
}

body.page-admission .faq__inner::after {
  position: absolute;
  bottom: -3.95rem;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: 4.0rem;
  background: linear-gradient(to top right, rgba(255,255,255,0) 50%, #f5eeeb 50.5%) no-repeat top left/50% 100%, linear-gradient(to top left, rgba(255,255,255,0) 50%, #f5eeeb 50.5%) no-repeat top right/50% 100%;
  content: '';
}

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;
}

body.page-admission .faq__btn {
  margin-top: 2.6rem;
  text-align: center;
}

body.page-admission .faq__btn .c-btn {
  min-width: 23.0rem;
  padding-top: 1.0rem;
  padding-bottom: 1.0rem;
  font-size: 1.2rem;
}

body.page-admission .faq-easyguide {
  margin-top: 5.5rem;
  text-align: center;
}

body.page-admission .faq-easyguide__figcaption {
  color: var(--color-idbrown);
  font-size: 1.3rem;
  font-weight: 700;
}

body.page-admission .faq-easyguide .p-easyguide__btn {
  margin-top: -0.3rem;
}


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

body.page-admission .step {
  margin-top: 7.5rem;
  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.1rem;
  height: 3.7rem;
  margin-top: -1.85rem;
  background-size: 100% auto;
}

body.page-admission .step-slider__prev {
  left: 1.8rem;
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg viewBox="0 0 42 74" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M36.9,0c1.3,0,2.6.5,3.6,1.5,2,2,2,5.2,0,7.2l-28.3,28.4,28.3,28.4c2,2,2,5.2,0,7.2-2,2-5.2,2-7.2,0L1.5,40.6c-2-2-2-5.2,0-7.2L33.4,1.5c1-1,2.3-1.5,3.6-1.5Z" fill="%2359332c"/%3E%3C/svg%3E');
}

body.page-admission .step-slider__next {
  right: 1.8rem;
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg viewBox="0 0 42 74" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M5.1,74c-1.3,0-2.6-.5-3.6-1.5-2-2-2-5.2,0-7.2l28.3-28.4L1.5,8.6C-.5,6.7-.5,3.5,1.5,1.5,3.5-.5,6.7-.5,8.6,1.5l31.9,31.9c2,2,2,5.2,0,7.2l-31.9,31.9c-1,1-2.3,1.5-3.6,1.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: -2.7rem;
}

body.page-admission .step-slider__pagination .swiper-pagination-bullet {
  width: 1.0rem;
  height: 1.0rem;
  margin: 0 0.6rem;
  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 > small {
  display: block;
  font-size: 1.2rem;
  font-weight: 400;
}

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;
}