@charset "UTF-8";

/* ========== /BASE ========== */

.l-innerPcScroll .l-innerPcScroll__child {
  margin-top: 0;
  box-shadow: 0 0 2.4rem 0 rgba(0, 0, 0, 0.1215686275);
}

.p-top-video {
  padding: 0 1.6rem 6rem;
  text-align: center;
}

.p-top-video__title {
  margin-bottom: 1rem;
  font-size: 2rem;
  font-weight: 700;
  font-feature-settings: normal;
}

.no1-set {
  position: relative;
  width: 12.8rem;
  left: 23.2rem;
}

.accordionTarget {
  color: var(--sub2);
  font-size: 1rem;
  line-height: 100%;
  font-weight: 400;
  text-align: right;
  cursor: pointer;
  text-decoration: underline;
  transition: opacity 0.3s cubic-bezier(0.4, 0.4, 0, 1);
}

.accordionTarget:hover {
  opacity: 0.7;
}

.accordionTargetBox {
  margin: 0.8rem 2.4rem 0rem 0rem;
  text-align: left;
}

.modal__close {
  position: absolute;
  right: 1rem;
  top: 1rem;
  font-size: 2rem;
  cursor: pointer;
  color: var(--text, #414358);
  width: 3.2rem;
  height: 3.2rem;
}

.modal__content {
  background: var(--white, #FFFFFF);
  border-radius: 1.6rem;
  max-width: 70rem;
  width: 95%;
  max-height: 90vh;
  /* ← 画面に収まる高さを指定 */
  overflow-y: auto;
  /* ← コンテンツ部分だけスクロール可能に */
  padding: 4rem 3.2rem;
  position: relative;
}

.modal__close::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 3.2rem;
  height: 3.2rem;
  background: url(/common2026/img/svg/modal__close.svg) no-repeat 0 0/contain;
}

.p-hikaku-slide {
  position: relative;
  width: 100%;
}

.p-hikaku-slide__slide {
  width: 26.8rem;
  margin-right: 1.6rem;
}

.p-hikaku-slide__box {
  text-align: center;
}

.p-hikaku-slide__box h4 {
  margin-bottom: 1.8rem;
  color: var(--object_main, #181B35);
  font-size: 3rem;
  font-weight: 900;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: auto;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}

.p-hikaku-slide__box a:hover {
  opacity: 0.7;
}

.p-hikaku-slide__box p {
  margin: 0;
  font-size: 1.6rem;
  font-weight: 700;
}

.p-hikaku-slide__head {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 6.8rem;
}

.p-hikaku-slide__heading--zemi {
  width: 26.8rem;
}

.p-hikaku-slide__heading--everes {
  width: 26.4rem;
}

.p-hikaku-slide__heading--route {
  width: 27rem;
}

.p-hikaku-slide__txt--zemi {
  color: var(--Primary, #1823FF);
}

.p-hikaku-slide__txt--everes {
  color: var(--everes, #20BA50);
}

.p-hikaku-slide__txt--route {
  color: var(--accent, #FF3645);
}

.p-hikaku-slide__pagination.swiper-pagination {
  bottom: -3.2rem;
}

.p-hikaku-slide__pagination.swiper-pagination .swiper-pagination-bullet {
  width: 1rem;
  height: 1rem;
  background-color: #D9D9D9;
  opacity: 1;
}

.p-hikaku-slide__pagination.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #1823FF;
}

.p-hikaku-slide .swiper-button-next,
.p-hikaku-slide .swiper-button-prev {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 5.7rem;
  height: 5.7rem;
  background-color: rgba(255, 255, 255, 0.8);
  filter: drop-shadow(0 8px 10px rgba(0, 0, 0, 0.1));
  border-radius: 50%;
  color: var(--Primary, #1823FF);
}

.p-hikaku-slide .swiper-button-next::after,
.p-hikaku-slide .swiper-button-prev::after {
  font-size: 2.4rem;
}

.p-hikaku-slide .swiper-button-next.swiper-button-disabled,
.p-hikaku-slide .swiper-button-prev.swiper-button-disabled {
  opacity: 0;
}

.p-hikaku-slide .swiper-button-next {
  padding-left: 0.7rem;
}

.p-hikaku-slide .swiper-button-prev {
  padding-right: 0.7rem;
}

.about_section {
  padding: 6.4rem 0 3.2rem;
}

.about_section .head_text_box {
  margin: 3.2rem 2.4rem 0rem;
}

.about_section .head_text {
  font-size: 1.8rem;
  color: #202130;
  line-height: 160%;
  font-weight: 500;
  margin: 0;
}

.about_section .head_title span {
  font-size: 2.4rem;
  line-height: 130%;
  font-weight: 700;
  color: #1C32FB;
  display: block;
  margin-bottom: 1rem;
}

.about_section .head_title {
  margin-bottom: 4rem;
  font-size: 3.4rem;
  line-height: 100%;
  font-weight: 700;
  color: #202130;
  text-align: center;
}

.page_mainNav {
  background-color: #1E00C8;
  padding: 4rem 1.6rem;
}

.nav_section .page_mainNav .c-mainNav__img {
  width: 17.5rem;
  height: 8rem;
}

.cost_section {
  background-color: #1823FF;
  padding: 3.2rem 2rem;
}

.cost_section .price_img {
  display: block;
  margin-bottom: 2.4rem;
}

.cost_section .next_price_page {
  display: block;
  width: 31rem;
  margin: 0.4rem auto;
}

.cost_section .next_price_page:hover {
  opacity: 0.8;
}

.tokuten_up_slider {
  padding: 4rem 0;
}

.feature_section {
  background-color: #E8ECF4;
  padding-bottom: 6.4rem;
}

.feature_section .title {
  font-size: 2rem;
  line-height: 2.6rem;
  font-weight: 900;
  color: #1823FF;
  text-align: center;
  display: block;
  width: 100%;
  margin-bottom: 1.6rem;
}

.tokuten_up_slider .p-hikaku-slide__slide {
  width: 32.2rem;
}

.feature_box {
  margin: 0rem 2.4rem;
  padding-bottom: 5.6rem;
}

.plus_icon {
  position: relative;
  display: inline-block;
}

.plus_icon::after {
  content: "";
  position: absolute;
  right: 2.4rem;
  top: 50%;
  transform: translateY(-50%);
  width: 2.4rem;
  height: 2.4rem;
  background: url("/img2026/arrow_round.svg") no-repeat center/contain;
}

.plus_icon:hover::after {
  width: 2.8rem;
  height: 2.8rem;
}

.study_style_box {
  padding: 0rem 1.6rem;
}

.study_style_box p {
  color: #202130;
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 130%;
  text-align: center;
  margin: 1rem 0 0;
}

.padding16 {
  padding: 2.2rem 1.6rem;
}

.background_fff {
  background-color: #FFFFFF;
}

.background_E8ECF4 {
  background-color: #E8ECF4;
}

.undertext {
  color: #464646;
  font-size: 1.2rem;
  font-weight: 700;
  margin: 4rem 2rem 0;
}

.modal__content .modal_tablet p {
  font-size: 1.2rem;
  line-height: 150%;
  font-weight: 400;
}