@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@100..900&display=swap");
/*----------------------------------------
  モデルコース
----------------------------------------*/
:root {
  --font-roboto: "Roboto", sans-serif;
}

.p-modelcourse {
  overflow-x: clip;
}

/* メインビジュアル
----------------------------------------*/
.p-modelcourse-mv {
  position: relative;
  z-index: 0;
  height: min(33.8194444444vw, 487px);
  background: url(../images/gourmet/mv_bg.jpg) center/cover;
}
@media (max-width: 767px) {
  .p-modelcourse-mv {
    height: min(171.0256410256vw, 667px);
  }
}
.p-modelcourse-mv::before {
  position: absolute;
  z-index: -1;
  top: 50%;
  left: calc(50% - min(1.3888888889vw, 20px));
  translate: -50% -50%;
  content: "";
  width: min(51.875vw, 747px);
  height: min(40.3472222222vw, 581px);
  border-radius: 50%;
  background: #fff;
  filter: blur(min(1.7361111111vw, 25px));
}
@media (max-width: 767px) {
  .p-modelcourse-mv::before {
    top: min(38.2051282051vw, 149px);
    left: 50%;
    translate: -50% 0;
    width: min(118.2051282051vw, 461px);
    height: min(106.6666666667vw, 416px);
    filter: blur(min(3.8461538462vw, 15px));
  }
}
.p-modelcourse-mv__inner {
  position: relative;
  display: grid;
  place-content: center;
  height: 100%;
}
@media (max-width: 767px) {
  .p-modelcourse-mv__content {
    translate: 0 min(5.8974358974vw, 23px);
  }
}
.p-modelcourse-mv__copy {
  position: absolute;
  top: min(2.2222222222vw, 32px);
  left: min(6.3194444444vw, 91px);
  width: min(17.8472222222vw, 257px);
}
@media (max-width: 767px) {
  .p-modelcourse-mv__copy {
    top: min(25.641025641vw, 100px);
    left: calc(50% - min(47.4358974359vw, 185px));
    width: min(40.2564102564vw, 157px);
  }
}
.p-modelcourse-mv__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: min(2.5vw, 36px);
}
@media (max-width: 767px) {
  .p-modelcourse-mv__content {
    gap: min(6.1538461538vw, 24px);
  }
}
.p-modelcourse-mv__title {
  font-size: min(3.75vw, 54px);
  font-weight: bold;
  line-height: 1.6;
  letter-spacing: 0.02em;
  text-align: center;
  white-space: nowrap;
  color: #00B365;
}
@media (max-width: 767px) {
  .p-modelcourse-mv__title {
    font-size: min(8.2051282051vw, 32px);
  }
}
.p-modelcourse-mv__title span {
  padding: 0 0.5em;
  background: linear-gradient(transparent, calc(100% - min(1.6666666667vw, 24px)), #FEF7A3 min(1.6666666667vw, 24px));
}
@media (max-width: 767px) {
  .p-modelcourse-mv__title span {
    background: linear-gradient(transparent, calc(100% - min(3.5897435897vw, 14px)), #FEF7A3 min(3.5897435897vw, 14px));
  }
}
.p-modelcourse-mv__title span:first-child {
  padding-right: 0;
}
.p-modelcourse-mv__text {
  font-size: min(1.25vw, 18px);
  font-weight: 500;
  line-height: 2;
  text-align: center;
}
@media (max-width: 767px) {
  .p-modelcourse-mv__text {
    font-size: min(3.8461538462vw, 15px);
    margin: 0 -1em;
  }
}
.p-modelcourse-mv__img {
  position: absolute;
  z-index: -1;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  width: min(114.5833333333vw, 1650px);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
@media (max-width: 767px) {
  .p-modelcourse-mv__img {
    width: min(124.6153846154vw, 486px);
  }
}
.p-modelcourse-mv__button.c-button {
  position: absolute;
  top: min(1.0416666667vw, 15px);
  right: min(1.3888888889vw, 20px);
  padding: min(1.0416666667vw, 15px) min(2.0833333333vw, 30px);
  color: var(--color-text);
  background: #FFC000;
}
@media (max-width: 767px) {
  .p-modelcourse-mv__button.c-button {
    position: static;
    translate: 0;
    margin: 0 auto;
    padding: min(4.1025641026vw, 16px) min(5.1282051282vw, 20px);
    min-width: min(61.5384615385vw, 240px);
  }
}
.p-modelcourse-mv__button.c-button:hover {
  background: rgb(229.5, 172.8, 0);
}

/* ナビゲーション
----------------------------------------*/
.p-modelcourse-nav {
  margin: min(5.5555555556vw, 80px) 0;
}
@media (max-width: 767px) {
  .p-modelcourse-nav {
    margin: min(10.2564102564vw, 40px) 0;
  }
}
.p-modelcourse-nav__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: min(2.0833333333vw, 30px);
}
@media (max-width: 767px) {
  .p-modelcourse-nav__list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: min(3.8461538462vw, 15px);
    max-width: min(128.2051282051vw, 500px);
    margin-inline: auto;
  }
  .p-modelcourse-nav__list li:last-child {
    grid-column: span 2;
  }
}
.p-modelcourse-nav__link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: min(1.3888888889vw, 20px);
  min-width: min(22.2222222222vw, 320px);
  height: min(4.8611111111vw, 70px);
  padding: min(2.0833333333vw, 30px) min(1.3888888889vw, 20px);
  border-radius: 100vmax;
  font-size: min(1.3888888889vw, 20px);
  font-weight: bold;
  line-height: 1;
  color: #fff;
  background: var(--color-current);
  box-sizing: border-box;
  transition: color 0.3s ease-out, background-color 0.3s ease-out;
}
@media (max-width: 767px) {
  .p-modelcourse-nav__link {
    gap: min(3.8461538462vw, 15px);
    height: min(10.2564102564vw, 40px);
    padding: min(2.5641025641vw, 10px) min(5.1282051282vw, 20px);
    min-width: auto;
    width: 100%;
    font-size: min(3.8461538462vw, 15px);
    border-width: 1px;
  }
}
.p-modelcourse-nav__link::after {
  content: "";
  width: min(1.25vw, 18px);
  aspect-ratio: 1/1;
  background: currentColor;
  -webkit-mask: url(../images/common/icon_arrow_down.svg) no-repeat center/contain;
          mask: url(../images/common/icon_arrow_down.svg) no-repeat center/contain;
}
@media (max-width: 767px) {
  .p-modelcourse-nav__link::after {
    width: min(3.5897435897vw, 14px);
  }
}
.p-modelcourse-nav__link[href*=coastal] {
  --color-current: #5DB1E2;
}
.p-modelcourse-nav__link[href*=coastal]:hover {
  color: #fff;
  background: rgb(49.7434554974, 156.1727748691, 218.2565445026);
}
.p-modelcourse-nav__link[href*=northern] {
  --color-current: #3AD391;
}
.p-modelcourse-nav__link[href*=northern]:hover {
  color: #fff;
  background: rgb(39.8008298755, 178.1991701245, 118.4979253112);
}
.p-modelcourse-nav__link[href*=central] {
  --color-current: #FAB535;
}
.p-modelcourse-nav__link[href*=central]:hover {
  color: #fff;
  background: rgb(245.9130434783, 161.9130434783, 6.0869565217);
}
.p-modelcourse-nav__link[href*=southern] {
  --color-current: #F897AC;
}
.p-modelcourse-nav__link[href*=southern]:hover {
  color: #fff;
  background: rgb(244.7837837838, 103.2162162162, 133.8648648649);
}
.p-modelcourse-nav__link[href*=drive] {
  --color-current: #004697;
}
.p-modelcourse-nav__link[href*=drive]:hover {
  color: #fff;
  background: rgb(0, 46.357615894, 100);
}

/* エリア紹介
----------------------------------------*/
.p-modelcourse-area {
  position: relative;
  z-index: 0;
  margin-top: min(15.2777777778vw, 220px);
}
@media (max-width: 767px) {
  .p-modelcourse-area {
    margin-top: min(28.2051282051vw, 110px);
  }
}
.p-modelcourse-area#coastal {
  --color-area-text: #2889C0;
  --color-area-bg: #5DB1E2;
  color: #fff;
}
.p-modelcourse-area#northern {
  --color-area-text: #00BD6B;
  --color-area-bg: #3AD391;
  color: #fff;
}
.p-modelcourse-area#central {
  --color-area-text: #F4A108;
  --color-area-bg: #FAB535;
  color: #fff;
}
.p-modelcourse-area#southern {
  --color-area-text: #ED849B;
  --color-area-bg: #F897AC;
  color: #fff;
}
.p-modelcourse-area__inner {
  margin-inline: calc(50% - 50vw);
  padding: min(2.7777777778vw, 40px) calc(50vw - 50%);
  background: var(--color-area-bg);
}
@media (max-width: 767px) {
  .p-modelcourse-area__inner {
    padding: min(7.6923076923vw, 30px) calc(50vw - 50%);
  }
}
.p-modelcourse-area__en {
  position: absolute;
  z-index: -1;
  top: max(-7.0833333333vw, -102px);
  left: 50%;
  translate: -50% 0;
  font-family: var(--font-roboto);
  font-size: min(8.3333333333vw, 120px);
  font-weight: bold;
  line-height: 1;
  letter-spacing: 0.15em;
  text-align: center;
  white-space: nowrap;
  color: #fff;
  -webkit-text-stroke: 2px var(--color-area-bg);
  paint-order: stroke;
}
@media (max-width: 767px) {
  .p-modelcourse-area__en {
    top: max(-12.8205128205vw, -50px);
    font-size: min(15.3846153846vw, 60px);
  }
}
.p-modelcourse-area__title {
  font-size: min(4.1666666667vw, 60px);
  font-weight: bold;
  line-height: 1.6;
  letter-spacing: 0.02em;
  text-align: center;
}
@media (max-width: 767px) {
  .p-modelcourse-area__title {
    font-size: min(7.6923076923vw, 30px);
  }
}
.p-modelcourse-area__title span {
  display: block;
  font-size: 0.5666666667em;
}
.p-modelcourse-area__lead {
  font-size: min(1.25vw, 18px);
  font-weight: bold;
  line-height: 1.6;
  letter-spacing: 0.02em;
  text-align: center;
}
@media (max-width: 767px) {
  .p-modelcourse-area__lead {
    margin-top: 1em;
    font-size: min(3.8461538462vw, 15px);
  }
}
.p-modelcourse-area__img {
  position: absolute;
}
#coastal .p-modelcourse-area__img {
  top: min(3.75vw, 54px);
  left: min(15.9027777778vw, 229px);
  width: min(6.5277777778vw, 94px);
}
@media (max-width: 767px) {
  #coastal .p-modelcourse-area__img {
    top: min(8.2051282051vw, 32px);
    left: calc(50% - min(44.8717948718vw, 175px));
    width: min(14.358974359vw, 56px);
  }
}
#northern .p-modelcourse-area__img {
  top: min(3.3333333333vw, 48px);
  right: min(16.3194444444vw, 235px);
  width: min(6.3888888889vw, 92px);
}
@media (max-width: 767px) {
  #northern .p-modelcourse-area__img {
    top: min(7.1794871795vw, 28px);
    right: calc(50% - min(44.8717948718vw, 175px));
    width: min(14.1025641026vw, 55px);
  }
}
#central .p-modelcourse-area__img {
  top: min(2.7777777778vw, 40px);
  left: min(15.5555555556vw, 224px);
  width: min(7.2916666667vw, 105px);
}
@media (max-width: 767px) {
  #central .p-modelcourse-area__img {
    top: min(6.1538461538vw, 24px);
    left: calc(50% - min(44.8717948718vw, 175px));
    width: min(16.1538461538vw, 63px);
  }
}
#southern .p-modelcourse-area__img {
  top: min(4.1666666667vw, 60px);
  right: min(15.2777777778vw, 220px);
  width: min(6.25vw, 90px);
}
@media (max-width: 767px) {
  #southern .p-modelcourse-area__img {
    top: min(9.2307692308vw, 36px);
    right: calc(50% - min(44.8717948718vw, 175px));
    width: min(13.8461538462vw, 54px);
  }
}
#drive .p-modelcourse-area__img.--1 {
  top: min(2.9861111111vw, 43px);
  left: max(-5vw, -72px);
  width: min(7.1527777778vw, 103px);
}
@media (max-width: 767px) {
  #drive .p-modelcourse-area__img.--1 {
    top: max(-10.2564102564vw, -40px);
    left: calc(50% - min(44.8717948718vw, 175px));
    width: min(15.641025641vw, 61px);
  }
}
#drive .p-modelcourse-area__img.--2 {
  top: min(6.25vw, 90px);
  right: max(-4.7916666667vw, -69px);
  width: min(10.9722222222vw, 158px);
}
@media (max-width: 767px) {
  #drive .p-modelcourse-area__img.--2 {
    top: max(-7.6923076923vw, -30px);
    right: calc(50% - min(44.8717948718vw, 175px));
    width: min(24.1025641026vw, 94px);
  }
}
.p-modelcourse-area__img img {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: none;
}
.p-modelcourse-area__content {
  margin: min(3.4722222222vw, 50px) calc(50% - 50vw) 0;
}
@media (max-width: 767px) {
  .p-modelcourse-area__content {
    margin-top: min(7.6923076923vw, 30px);
  }
}
.p-modelcourse-area .swiper-slide {
  width: min(27.7777777778vw, 400px);
}
@media (max-width: 767px) {
  .p-modelcourse-area .swiper-slide {
    width: min(61.5384615385vw, 240px);
  }
}
.p-modelcourse-area .swiper-controls {
  margin: min(1.7361111111vw, 25px) auto 0;
  width: -moz-fit-content;
  width: fit-content;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: min(1.3888888889vw, 20px);
}
@media (max-width: 767px) {
  .p-modelcourse-area .swiper-controls {
    margin-top: min(3.8461538462vw, 15px);
    gap: min(4.1025641026vw, 16px);
  }
}
.p-modelcourse-area .swiper-button-prev,
.p-modelcourse-area .swiper-button-next {
  position: relative;
  top: initial;
  left: initial;
  right: initial;
  width: min(3.0555555556vw, 44px);
  height: min(3.0555555556vw, 44px);
  margin-top: 0;
}
@media (max-width: 767px) {
  .p-modelcourse-area .swiper-button-prev,
  .p-modelcourse-area .swiper-button-next {
    width: min(8.4615384615vw, 33px);
    height: min(8.4615384615vw, 33px);
  }
}
.p-modelcourse-area .swiper-button-prev::before,
.p-modelcourse-area .swiper-button-next::before {
  position: absolute;
  inset: 0;
  content: "";
  background: #fff;
  -webkit-mask-image: url(../images/modelcourse/swiper-button.svg);
          mask-image: url(../images/modelcourse/swiper-button.svg);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: min(2.7777777778vw, 40px) min(2.7777777778vw, 40px);
          mask-size: min(2.7777777778vw, 40px) min(2.7777777778vw, 40px);
}
@media (max-width: 767px) {
  .p-modelcourse-area .swiper-button-prev::before,
  .p-modelcourse-area .swiper-button-next::before {
    -webkit-mask-size: min(7.6923076923vw, 30px) min(7.6923076923vw, 30px);
            mask-size: min(7.6923076923vw, 30px) min(7.6923076923vw, 30px);
  }
}
.p-modelcourse-area .swiper-button-prev svg,
.p-modelcourse-area .swiper-button-next svg {
  display: none;
}
.p-modelcourse-area .swiper-button-prev:hover,
.p-modelcourse-area .swiper-button-next:hover {
  opacity: 0.7;
}
.p-modelcourse-area .swiper-button-next::before {
  scale: -1 1;
}
.p-modelcourse-area .swiper-pagination {
  position: relative;
  top: initial;
  left: initial;
  bottom: initial;
  right: initial;
  width: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: min(1.3888888889vw, 20px);
}
@media (max-width: 767px) {
  .p-modelcourse-area .swiper-pagination {
    gap: min(5.1282051282vw, 20px);
  }
}
.p-modelcourse-area .swiper-pagination .swiper-pagination-bullet {
  width: min(0.6944444444vw, 10px);
  height: min(0.6944444444vw, 10px);
  margin: 0;
  opacity: 1;
  background: #fff;
  opacity: 0.5;
}
@media (max-width: 767px) {
  .p-modelcourse-area .swiper-pagination .swiper-pagination-bullet {
    width: min(2.0512820513vw, 8px);
    height: min(2.0512820513vw, 8px);
  }
}
.p-modelcourse-area .swiper-pagination .swiper-pagination-bullet-active {
  position: relative;
  background: #fff;
  opacity: 1;
}
.p-modelcourse-area .swiper-pagination .swiper-pagination-bullet-active::before {
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  content: "";
  width: min(1.3888888889vw, 20px);
  height: min(1.3888888889vw, 20px);
  border-radius: inherit;
  background: #fff;
}
@media (max-width: 767px) {
  .p-modelcourse-area .swiper-pagination .swiper-pagination-bullet-active::before {
    width: min(4.1025641026vw, 16px);
    height: min(4.1025641026vw, 16px);
  }
}
.p-modelcourse-area#drive {
  margin-top: min(12.5vw, 180px);
  --color-area-text: #004697;
  color: var(--color-area-text);
}
@media (max-width: 767px) {
  .p-modelcourse-area#drive {
    margin-top: min(23.0769230769vw, 90px);
  }
}
.p-modelcourse-area#drive .p-modelcourse-area__inner {
  padding-bottom: 0;
}
@media (max-width: 767px) {
  .p-modelcourse-area#drive .p-modelcourse-area__inner {
    padding-top: min(15.3846153846vw, 60px);
  }
}
.p-modelcourse-area#drive .p-modelcourse-area__title {
  color: var(--color-area-text);
}
.p-modelcourse-area#drive .p-modelcourse-area__en {
  top: max(-2.7777777778vw, -40px);
  -webkit-text-stroke: 2px #D5E7FB;
}
@media (max-width: 767px) {
  .p-modelcourse-area#drive .p-modelcourse-area__en {
    top: max(-10.2564102564vw, -40px);
  }
}
.p-modelcourse-area#drive .p-modelcourse-area__content {
  margin-top: min(1.3888888889vw, 20px);
  padding: min(4.1666666667vw, 60px) 0;
}
@media (max-width: 767px) {
  .p-modelcourse-area#drive .p-modelcourse-area__content {
    margin-top: min(5.1282051282vw, 20px);
    padding: min(7.6923076923vw, 30px) 0;
  }
}
.p-modelcourse-area#drive .p-modelcourse-area__content#day1 {
  background: #EBF8FF;
}
.p-modelcourse-area#drive .p-modelcourse-area__content#day2 {
  background: #C4EBFF;
}
.p-modelcourse-area#drive .swiper-button-prev::before,
.p-modelcourse-area#drive .swiper-button-next::before {
  background: var(--color-area-text);
}
.p-modelcourse-area#drive .swiper-pagination-bullet {
  background: var(--color-area-text);
}
.p-modelcourse-area#drive .swiper-pagination-bullet-active {
  background: var(--color-area-text);
}
.p-modelcourse-area#drive .swiper-pagination-bullet-active::before {
  background: var(--color-area-text);
}
.p-modelcourse-area#drive .p-modelcourse-card__inner::after {
  background: var(--color-area-text);
}
.p-modelcourse-area__day {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: min(1.3888888889vw, 20px);
  padding: min(0.4861111111vw, 7px) 0;
  margin-top: min(4.1666666667vw, 60px);
}
@media (max-width: 767px) {
  .p-modelcourse-area__day {
    display: block;
    padding: min(1.2820512821vw, 5px) 0;
    margin-top: min(7.6923076923vw, 30px);
  }
}
.p-modelcourse-area__day span {
  display: flex;
  align-items: center;
  gap: min(1.3888888889vw, 20px);
  font-size: min(1.6666666667vw, 24px);
  font-weight: bold;
  line-height: 1;
  color: var(--color-area-text);
}
@media (max-width: 767px) {
  .p-modelcourse-area__day span {
    flex-direction: column;
    gap: min(2.5641025641vw, 10px);
    font-size: min(4.1025641026vw, 16px);
  }
}
.p-modelcourse-area__day span b {
  display: inline-block;
  padding: min(0.2777777778vw, 4px) min(1.0416666667vw, 15px) min(0.4166666667vw, 6px);
  font-weight: bold;
  border: 1px solid;
}
@media (max-width: 767px) {
  .p-modelcourse-area__day span b {
    padding: min(0.7692307692vw, 3px) min(3.0769230769vw, 12px) min(1.0256410256vw, 4px);
  }
}
.p-modelcourse-area__day::before, .p-modelcourse-area__day::after {
  content: "";
  height: min(0.1388888889vw, 2px);
  background-image: radial-gradient(circle, var(--color-area-text) 1px, transparent 1px);
  background-position: left top;
  background-repeat: repeat-x;
  background-size: min(0.6944444444vw, 10px) min(0.1388888889vw, 2px);
}
@media (max-width: 767px) {
  .p-modelcourse-area__day::before, .p-modelcourse-area__day::after {
    display: none;
  }
}

.p-modelcourse-card__inner {
  position: relative;
  display: flex;
  flex-direction: column;
  height: min(40.7638888889vw, 587px);
  padding: min(1.3888888889vw, 20px) min(2.0833333333vw, 30px);
  border-radius: min(2.7777777778vw, 40px);
  color: var(--color-area-text);
  background: #fff;
}
@media (max-width: 767px) {
  .p-modelcourse-card__inner {
    height: min(100vw, 390px);
    padding: min(3.0769230769vw, 12px) min(4.6153846154vw, 18px);
    border-radius: min(6.1538461538vw, 24px);
  }
}
.p-modelcourse-card__inner::after {
  position: absolute;
  top: 50%;
  right: 0;
  translate: 100% -50%;
  content: "";
  width: 48px;
  aspect-ratio: 1/1;
  background: #fff;
  -webkit-mask: url(../images/modelcourse/icon_arrow.svg) no-repeat center/contain;
          mask: url(../images/modelcourse/icon_arrow.svg) no-repeat center/contain;
}
@media (max-width: 767px) {
  .p-modelcourse-card__inner::after {
    width: 32px;
  }
}
.p-modelcourse-card.--last .p-modelcourse-card__inner::after {
  display: none;
}
.p-modelcourse-card__head {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  min-height: min(6.1111111111vw, 88px);
}
@media (max-width: 767px) {
  .p-modelcourse-card__head {
    min-height: min(16.9230769231vw, 66px);
  }
}
.p-modelcourse-card__access {
  display: flex;
  align-items: center;
  gap: min(0.6944444444vw, 10px);
  font-weight: bold;
  line-height: 1.6;
  color: #9D9D9D;
}
@media (max-width: 767px) {
  .p-modelcourse-card__access {
    gap: min(2.0512820513vw, 8px);
    font-size: min(3.3333333333vw, 13px);
  }
}
.p-modelcourse-card__access::before {
  content: "";
  width: min(4.3055555556vw, 62px);
  aspect-ratio: 62/32;
  background: currentColor;
  -webkit-mask: url(../images/modelcourse/icon_car.svg) no-repeat center/contain;
          mask: url(../images/modelcourse/icon_car.svg) no-repeat center/contain;
}
@media (max-width: 767px) {
  .p-modelcourse-card__access::before {
    width: min(12.8205128205vw, 50px);
  }
}
.p-modelcourse-card__title {
  font-size: min(1.5277777778vw, 22px);
  font-weight: bold;
  line-height: 1.5;
}
@media (max-width: 767px) {
  .p-modelcourse-card__title {
    font-size: min(3.8461538462vw, 15px);
  }
}
.p-modelcourse-card__time {
  font-size: min(1.0416666667vw, 15px);
  font-weight: bold;
  line-height: 1.5;
  letter-spacing: 0.05em;
}
@media (max-width: 767px) {
  .p-modelcourse-card__time {
    font-size: min(3.0769230769vw, 12px);
  }
}
.p-modelcourse-card__img {
  overflow: hidden;
  margin-top: min(0.6944444444vw, 10px);
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: min(0.6944444444vw, 10px);
  max-height: min(31.1805555556vw, 449px);
}
@media (max-width: 767px) {
  .p-modelcourse-card__img {
    margin-top: min(1.5384615385vw, 6px);
    gap: min(1.5384615385vw, 6px);
    max-height: min(68.7179487179vw, 268px);
  }
}
.p-modelcourse-card__img > div {
  position: relative;
  height: calc((100% - min(0.6944444444vw, 10px)) / 2);
}
@media (max-width: 767px) {
  .p-modelcourse-card__img > div {
    height: calc((100% - min(1.5384615385vw, 6px)) / 2);
  }
}
.p-modelcourse-card__img > div span {
  position: absolute;
  bottom: 0;
  right: min(1.7361111111vw, 25px);
  padding: min(0.2083333333vw, 3px) min(0.3472222222vw, 5px);
  font-size: min(0.8333333333vw, 12px);
  color: #fff;
  background: rgba(0, 0, 0, 0.5);
}
@media (max-width: 767px) {
  .p-modelcourse-card__img > div span {
    right: min(3.8461538462vw, 15px);
    padding: min(0.5128205128vw, 2px) min(1.0256410256vw, 4px);
    font-size: min(2.0512820513vw, 8px);
  }
}
.p-modelcourse-card__img img {
  border-radius: min(1.3888888889vw, 20px);
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 767px) {
  .p-modelcourse-card__img img {
    border-radius: min(3.0769230769vw, 12px);
  }
}
.p-modelcourse-card__img:has(img + img) img {
  height: calc((100% - min(0.6944444444vw, 10px)) / 2);
}
@media (max-width: 767px) {
  .p-modelcourse-card__img:has(img + img) img {
    height: calc((100% - min(1.5384615385vw, 6px)) / 2);
  }
}
.p-modelcourse-card__credit {
  margin-top: min(0.6944444444vw, 10px);
  font-size: min(0.9027777778vw, 13px);
  line-height: 2.2;
  color: rgba(0, 0, 0, 0.6);
}
@media (max-width: 767px) {
  .p-modelcourse-card__credit {
    margin-top: min(2.0512820513vw, 8px);
    font-size: min(2.0512820513vw, 8px);
  }
}
.p-modelcourse-card__text {
  margin-top: min(0.6944444444vw, 10px);
  padding: 0 min(0.6944444444vw, 10px);
  font-weight: bold;
  line-height: 1.8;
}
@media (max-width: 767px) {
  .p-modelcourse-card__text {
    margin-top: min(2.0512820513vw, 8px);
    padding: 0 min(2.0512820513vw, 8px);
    font-size: min(3.3333333333vw, 13px);
  }
}

.p-modelcourse-bnr {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: min(1.3888888889vw, 20px);
  max-width: min(52.0833333333vw, 750px);
  margin: min(3.4722222222vw, 50px) auto;
  padding: min(2.7777777778vw, 40px) min(3.1944444444vw, 46px);
  border-radius: min(1.3888888889vw, 20px);
  background: #fff;
  border: 1px solid #B3C9E2;
  box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.1);
}
@media (max-width: 767px) {
  .p-modelcourse-bnr {
    gap: min(3.8461538462vw, 15px);
    max-width: min(128.2051282051vw, 500px);
    margin: min(8.9743589744vw, 35px) auto;
    padding: min(7.6923076923vw, 30px) min(5.1282051282vw, 20px);
  }
  .p-modelcourse-bnr .c-button {
    line-height: 1.4;
  }
}
.p-modelcourse-bnr:hover .c-button {
  background: rgb(0, 58.178807947, 125.5);
}

.p-overview__text {
  font-size: 1.5em;
  font-weight: 500;
  line-height: 1.8;
  text-align: center;
}
@media (max-width: 767px) {
  .p-overview__text {
    font-size: 1.25em;
    text-align: left;
  }
}
.p-overview__text span {
  font-weight: bold;
  background: linear-gradient(to top, #FFEE69 min(0.6944444444vw, 10px), transparent min(0.6944444444vw, 10px));
}
@media (max-width: 767px) {
  .p-overview__text span {
    background: linear-gradient(to top, #FFEE69 min(1.2820512821vw, 5px), transparent min(1.2820512821vw, 5px));
  }
}
.p-overview__caption {
  line-height: 1.8;
  text-align: center;
}
@media (max-width: 767px) {
  .p-overview__caption {
    text-align: left;
  }
}

.p-overview-usage {
  display: flex;
  flex-direction: column;
  gap: min(2.7777777778vw, 40px);
}
@media (max-width: 767px) {
  .p-overview-usage {
    gap: min(7.6923076923vw, 30px);
  }
}
.p-overview-usage__info {
  padding: min(2.0833333333vw, 30px) min(4.1666666667vw, 60px);
  border-radius: min(0.6944444444vw, 10px);
  border: 2px solid #E2C700;
}
@media (max-width: 767px) {
  .p-overview-usage__info {
    padding: min(5.1282051282vw, 20px);
  }
}
.p-overview-usage__info-title {
  font-size: 1.5em;
  font-weight: bold;
  text-align: center;
  color: #896500;
}
@media (max-width: 767px) {
  .p-overview-usage__info-title {
    font-size: 1.25em;
  }
}
.p-overview-usage__info-note {
  margin-top: 1em;
  display: flex;
  flex-direction: column;
  gap: 0.5em;
  line-height: 1.8;
}
.p-overview-usage__info-note li {
  position: relative;
  padding-left: 1.25em;
}
.p-overview-usage__info-note li::before {
  position: absolute;
  top: calc(0.5lh - 0.3125em);
  left: 0;
  content: "";
  width: 0.625em;
  aspect-ratio: 1/1;
  border-radius: 50%;
  background: #E2C700;
}

.p-overview-coupon {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: min(2.7777777778vw, 40px);
}
@media (max-width: 767px) {
  .p-overview-coupon {
    gap: min(7.6923076923vw, 30px);
  }
}
.p-overview-coupon__title {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: min(2.0833333333vw, 30px);
}
@media (max-width: 767px) {
  .p-overview-coupon__title {
    flex-direction: column;
    gap: min(2.5641025641vw, 10px);
  }
}
.p-overview-coupon__title dt {
  min-width: min(10.7638888889vw, 155px);
  padding: min(0.5555555556vw, 8px) 1em;
  border: 1px solid;
  border-radius: 100vmax;
  font-size: 1.5em;
  font-weight: bold;
  text-align: center;
  color: var(--color-main);
}
@media (max-width: 767px) {
  .p-overview-coupon__title dt {
    min-width: min(28.2051282051vw, 110px);
    padding: min(1.0256410256vw, 4px) 1em;
    font-size: 1.125em;
  }
}
.p-overview-coupon__title dd {
  font-size: 1.25em;
  font-weight: bold;
  letter-spacing: 0.05em;
}
@media (max-width: 767px) {
  .p-overview-coupon__title dd {
    font-size: 1em;
  }
}
.p-overview-coupon__title dd em {
  font-size: 1.5em;
}
@media (max-width: 767px) {
  .p-overview-coupon__title dd em {
    font-size: 1.25em;
  }
}
.p-overview-coupon__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 2em 1.25em;
}
@media (max-width: 767px) {
  .p-overview-coupon__list {
    position: relative;
    gap: min(2.5641025641vw, 10px);
  }
  .p-overview-coupon__list::before, .p-overview-coupon__list::after {
    order: 1;
    content: "";
    width: min(38.4615384615vw, 150px);
    height: 0;
  }
}
.p-overview-coupon__item {
  width: min(16.1111111111vw, 232px);
}
@media (max-width: 767px) {
  .p-overview-coupon__item {
    width: min(38.4615384615vw, 150px);
  }
}
.p-overview-coupon__link {
  overflow: hidden;
  display: block;
  border: 1px solid var(--color-border);
  border-radius: min(0.6944444444vw, 10px);
  transition: opacity 0.3s;
}
.p-overview-coupon__link:hover {
  opacity: 0.6;
}
.p-overview-coupon__link[aria-disabled] {
  pointer-events: none;
}
.p-overview-coupon__link[aria-disabled] img {
  opacity: 0.2;
}
.p-overview-coupon__caption {
  margin-top: 0.5em;
  font-size: 0.875em;
  font-weight: 600;
  line-height: 1.5;
  text-align: center;
}
.p-overview-coupon__caption span {
  font-size: 0.8571428571em;
  display: block;
  color: #e00;
}

.l-footer {
  margin-top: min(2.7777777778vw, 40px);
}
@media (max-width: 767px) {
  .l-footer {
    margin-top: min(7.6923076923vw, 30px);
  }
}/*# sourceMappingURL=modelcourse.css.map */