@charset "UTF-8";
.adlp-footer {
  padding: min(calc(60 / 1080 * 100vw), 60px) 0 min(calc(170 / 1080 * 100vw), 170px);
  background-color: #4FB2AD;
}
@media screen and (max-width: 767px) {
  .adlp-footer {
    padding: calc(72 / 750 * 100vw) 0 calc(188 / 750 * 100vw);
  }
}
.adlp-footer__menu__wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  gap: min(calc(30 / 1080 * 100vw), 30px);
}
@media screen and (max-width: 767px) {
  .adlp-footer__menu__wrapper {
    flex-direction: column;
    width: 100%;
    gap: calc(56 / 750 * 100vw);
  }
}
.adlp-footer__menu a {
  text-align: center;
  color: #FFF;
  font-family: "Zen Kaku Gothic New";
  font-size: min(calc(16 / 1080 * 100vw), 16px);
  font-style: normal;
  font-weight: 700;
  line-height: 180%;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .adlp-footer__menu a {
    font-size: calc(28 / 750 * 100vw);
  }
}
.adlp-footer__text {
  margin: min(calc(40 / 1080 * 100vw), 40px) auto 0;
  font-size: min(calc(12 / 1080 * 100vw), 12px);
  text-align: center;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .adlp-footer__text {
    font-size: calc(20 / 750 * 100vw);
    margin: calc(72 / 750 * 100vw) auto 0;
  }
}

.adlp-accordion__wrapper {
  display: flex;
  flex-direction: column;
  gap: min(calc(30 / 1080 * 100vw), 30px);
}
@media screen and (max-width: 767px) {
  .adlp-accordion__wrapper {
    gap: calc(30 / 750 * 100vw);
  }
}
.adlp-accordion {
  background: #fff;
}
.adlp-accordion__header {
  position: relative;
  cursor: pointer;
}
.adlp-accordion__header__inner {
  display: flex;
  align-items: center;
  padding: min(calc(20 / 1080 * 100vw), 20px) min(calc(80 / 1080 * 100vw), 80px) min(calc(20 / 1080 * 100vw), 20px) min(calc(40 / 1080 * 100vw), 40px);
}
@media screen and (max-width: 767px) {
  .adlp-accordion__header__inner {
    padding: calc(40 / 750 * 100vw) calc(112 / 750 * 100vw) calc(40 / 750 * 100vw) calc(40 / 750 * 100vw);
  }
}
.adlp-accordion__header__inner .lead {
  line-height: 1;
  font-size: min(calc(40 / 1080 * 100vw), 40px);
  margin-right: min(calc(20 / 1080 * 100vw), 20px);
}
@media screen and (max-width: 767px) {
  .adlp-accordion__header__inner .lead {
    font-size: calc(48 / 750 * 100vw);
    margin-right: calc(20 / 750 * 100vw);
  }
}
.adlp-accordion__header::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: min(calc(20 / 1080 * 100vw), 20px);
  height: min(calc(12 / 1080 * 100vw), 12px);
  right: min(calc(45 / 1080 * 100vw), 45px);
  transition: all 0.3s;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='12' viewBox='0 0 20 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 11.5L0.47372 0.25L19.5263 0.250002L10 11.5Z' fill='%23012F83'/%3E%3C/svg%3E%0A");
  background-size: 100% 100%;
}
@media screen and (max-width: 767px) {
  .adlp-accordion__header::after {
    width: calc(28 / 750 * 100vw);
    height: calc(17 / 750 * 100vw);
    right: calc(35 / 750 * 100vw);
  }
}
.adlp-accordion__header.--open::after {
  transform: translateY(-50%) rotate(180deg);
}
.adlp-accordion__header.--open::before {
  opacity: 0;
}
.adlp-accordion__header.--img::after {
  display: none;
}
.adlp-accordion__header.--img > span:last-child {
  display: none;
}
.adlp-accordion__header.--img.--open > span:first-child {
  display: none;
}
.adlp-accordion__header.--img.--open > span:last-child {
  display: block;
}
.adlp-accordion__header.--plus::before {
  content: "";
  display: block;
  background-image: none;
  background: #012F83;
  position: absolute;
  height: min(calc(20 / 1080 * 100vw), 20px);
  width: min(calc(2 / 1080 * 100vw), 2px);
  right: min(calc(49 / 1080 * 100vw), 49px);
  top: 50%;
  transform: translateY(-50%);
  transition: 0.3s;
}
@media screen and (max-width: 767px) {
  .adlp-accordion__header.--plus::before {
    height: calc(20 / 750 * 100vw);
    width: calc(2 / 750 * 100vw);
    right: calc(49 / 750 * 100vw);
  }
}
.adlp-accordion__header.--plus::after {
  width: min(calc(20 / 1080 * 100vw), 20px);
  height: min(calc(2 / 1080 * 100vw), 2px);
  right: min(calc(40 / 1080 * 100vw), 40px);
  background-image: none;
  background: #012F83;
  transform: translate(0, -50%);
}
@media screen and (max-width: 767px) {
  .adlp-accordion__header.--plus::after {
    width: calc(20 / 750 * 100vw);
    height: calc(2 / 750 * 100vw);
    right: calc(40 / 750 * 100vw);
  }
}
.adlp-accordion__body {
  display: none;
}
.adlp-accordion__body__inner {
  display: flex;
  align-items: flex-start;
  padding: min(calc(20 / 1080 * 100vw), 20px) min(calc(40 / 1080 * 100vw), 40px);
}
@media screen and (max-width: 767px) {
  .adlp-accordion__body__inner {
    padding: 0 calc(40 / 750 * 100vw) calc(40 / 750 * 100vw);
  }
}
.adlp-accordion__body__inner .lead {
  font-size: min(calc(40 / 1080 * 100vw), 40px);
  margin-right: min(calc(20 / 1080 * 100vw), 20px);
}
@media screen and (max-width: 767px) {
  .adlp-accordion__body__inner .lead {
    margin-right: calc(20 / 750 * 100vw);
  }
}
.js-toggle {
  cursor: pointer;
}
.js-toggle + * {
  display: none;
}

.adlp-swiper {
  position: relative;
  padding-bottom: min(calc(50 / 1080 * 100vw), 50px);
  width: 100%;
}
@media screen and (max-width: 767px) {
  .adlp-swiper {
    padding-bottom: calc(80 / 750 * 100vw);
  }
}
.adlp-swiper.--hide {
  overflow: hidden;
}
.adlp-swiper .swiper-slide {
  padding: 0 min(calc(40 / 1080 * 100vw), 40px);
}
.adlp-swiper .swiper-button-next,
.adlp-swiper .swiper-button-prev {
  width: min(calc(24 / 1080 * 100vw), 24px);
  height: min(calc(84 / 1080 * 100vw), 84px);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
}
@media screen and (max-width: 767px) {
  .adlp-swiper .swiper-button-next,
  .adlp-swiper .swiper-button-prev {
    width: calc(30 / 750 * 100vw);
  }
}
.adlp-swiper .swiper-button-next::after,
.adlp-swiper .swiper-button-prev::after {
  display: none;
}
.adlp-swiper .swiper-button-prev {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='84' viewBox='0 0 24 84' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='24' height='84' fill='%234A453B'/%3E%3Cpath d='M18 51L8 42L18 33' stroke='white' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E%0A");
  left: 0;
}
.adlp-swiper .swiper-button-next {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='84' viewBox='0 0 24 84' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='24' height='84' fill='%234A453B'/%3E%3Cpath d='M8 33L18 42L8 51' stroke='white' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E%0A");
  right: 0;
}
.adlp-swiper {
  /* ページネーションの余白 */
}
.adlp-swiper .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.adlp-swiper .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 min(calc(8 / 1080 * 100vw), 8px);
}
@media screen and (max-width: 767px) {
  .adlp-swiper .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
  .adlp-swiper .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 calc(8 / 750 * 100vw);
  }
}
.adlp-swiper .swiper-pagination-bullet {
  height: min(calc(10 / 1080 * 100vw), 10px);
  width: min(calc(10 / 1080 * 100vw), 10px);
}
@media screen and (max-width: 767px) {
  .adlp-swiper .swiper-pagination-bullet {
    width: calc(16 / 750 * 100vw);
    height: calc(16 / 750 * 100vw);
  }
}
.adlp-swiper .swiper-pagination-bullet-active {
  background-color: #E0BF23;
}
.adlp-swiper__wrapper {
  padding-bottom: min(calc(30 / 1080 * 100vw), 30px);
}
@media screen and (max-width: 767px) {
  .adlp-swiper__wrapper {
    width: 100%;
    padding-bottom: calc(60 / 750 * 100vw);
  }
}

.sec01 {
  position: relative;
  overflow: hidden;
  padding: min(calc(40 / 1080 * 100vw), 40px) 0;
  background-color: #F8F2BA;
}
@media screen and (max-width: 767px) {
  .sec01 {
    padding: calc(52 / 750 * 100vw) 0 calc(100 / 750 * 100vw);
  }
}

.sec01__bg {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: min(calc(1920 / 1080 * 100vw), 1920px);
  height: auto;
  z-index: 0;
}
@media screen and (max-width: 767px) {
  .sec01__bg {
    width: calc(750 / 750 * 100vw);
  }
}
.sec01__bg picture, .sec01__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.sec01__inner {
  position: relative;
  z-index: 1;
}
.sec01__content {
  position: relative;
  width: min(calc(989 / 1080 * 100vw), 989px);
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .sec01__content {
    width: calc(750 / 750 * 100vw);
  }
}

.sec01__img01 {
  width: min(calc(920 / 1080 * 100vw), 920px);
  margin: 0 auto min(calc(26 / 1080 * 100vw), 26px);
}
@media screen and (max-width: 767px) {
  .sec01__img01 {
    width: calc(750 / 750 * 100vw);
    margin: 0 auto calc(123 / 750 * 100vw);
    position: relative;
  }
  .sec01__img01:before {
    content: "";
    display: block;
    background-image: url(../img/sp/sec01_illust.webp);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    position: absolute;
    left: 0;
    bottom: calc(-230 / 750 * 100vw);
    width: calc(205 / 750 * 100vw);
    height: calc(268 / 750 * 100vw);
  }
}

.sec01__text01 {
  color: #4B2D21;
  font-feature-settings: "palt" on;
  font-family: "Zen Kaku Gothic New", sans-serif;
  text-align: center;
  position: absolute;
  top: min(calc(116 / 1080 * 100vw), 116px);
  left: 50%;
  transform: translateX(-50%);
  padding-left: min(calc(20 / 1080 * 100vw), 20px);
}
@media screen and (max-width: 767px) {
  .sec01__text01 {
    top: calc(283 / 750 * 100vw);
    left: calc(100 / 750 * 100vw);
    transform: translateX(0);
  }
}
.sec01__text01 .text01 {
  font-size: min(calc(24 / 1080 * 100vw), 24px);
  font-style: normal;
  font-weight: 700;
  line-height: 140%;
}
@media screen and (max-width: 767px) {
  .sec01__text01 .text01 {
    font-size: calc(33 / 750 * 100vw);
  }
}
.sec01__text01 .text02 {
  font-size: min(calc(18 / 1080 * 100vw), 18px);
  font-style: normal;
  font-weight: 700;
  line-height: 220%;
  letter-spacing: 0.06em;
}
@media screen and (max-width: 767px) {
  .sec01__text01 .text02 {
    font-size: calc(25 / 750 * 100vw);
  }
}
.sec01__text01 .text03 {
  font-size: min(calc(18 / 1080 * 100vw), 18px);
  font-style: normal;
  font-weight: 700;
  line-height: 160%;
}
@media screen and (max-width: 767px) {
  .sec01__text01 .text03 {
    font-size: calc(25 / 750 * 100vw);
  }
}

.sec01__text02 {
  color: var(--1, #4B2D21);
  text-align: center;
  font-feature-settings: "palt" on;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: min(calc(24 / 1080 * 100vw), 24px);
  font-style: normal;
  font-weight: 700;
  line-height: 160%;
  position: absolute;
  top: min(calc(345 / 1080 * 100vw), 345px);
  left: 50%;
}
@media screen and (max-width: 767px) {
  .sec01__text02 {
    font-size: calc(34 / 750 * 100vw);
    top: calc(700 / 750 * 100vw);
    left: calc(270 / 750 * 100vw);
  }
}
.sec01__text02 .large {
  color: var(--2, #4FB2AD);
  font-size: min(calc(40 / 1080 * 100vw), 40px);
  line-height: 120%;
}
@media screen and (max-width: 767px) {
  .sec01__text02 .large {
    font-size: calc(50 / 750 * 100vw);
  }
}

.sec01__list {
  position: absolute;
  top: min(calc(450 / 1080 * 100vw), 450px);
  left: min(calc(374 / 1080 * 100vw), 374px);
}
@media screen and (max-width: 767px) {
  .sec01__list {
    top: calc(836 / 750 * 100vw);
    left: calc(74 / 750 * 100vw);
    width: calc(640 / 750 * 100vw);
  }
}
.sec01__list li {
  width: fit-content;
  color: var(--1, #4B2D21);
  font-feature-settings: "palt" on;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: min(calc(18 / 1080 * 100vw), 18px);
  font-style: normal;
  font-weight: 700;
  line-height: 180%;
  border-bottom: dashed min(calc(2 / 1080 * 100vw), 2px) #4B2D21;
  position: relative;
  padding-left: min(calc(40 / 1080 * 100vw), 40px);
}
@media screen and (max-width: 767px) {
  .sec01__list li {
    font-size: calc(24 / 750 * 100vw);
    border-bottom: dashed calc(2 / 750 * 100vw) #4B2D21;
    padding-left: calc(40 / 750 * 100vw);
    margin-bottom: calc(8 / 750 * 100vw);
  }
}
.sec01__list li:before {
  content: "";
  display: block;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='15' viewBox='0 0 20 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.5021 10.0022L2.50011 5.00199L0 7.50209L7.5021 15.0042L20.0026 2.50188L17.5043 0L7.5021 10.0022Z' fill='%234FB2AD'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  position: absolute;
  left: min(calc(10 / 1080 * 100vw), 10px);
  top: 50%;
  transform: translateY(-50%);
  width: min(calc(20 / 1080 * 100vw), 20px);
  height: min(calc(15 / 1080 * 100vw), 15px);
}
@media screen and (max-width: 767px) {
  .sec01__list li:before {
    width: calc(20 / 750 * 100vw);
    height: calc(15 / 750 * 100vw);
  }
}

.sec01__img02 {
  width: min(calc(962 / 1080 * 100vw), 962px);
  margin: max(calc(-75 / 1080 * 100vw), -75px) auto 0;
}
@media screen and (max-width: 767px) {
  .sec01__img02 {
    width: calc(750 / 750 * 100vw);
    margin: 0;
  }
}

.sec01__note {
  width: min(calc(920 / 1080 * 100vw), 920px);
  margin: 0 auto;
  color: var(--base-black-333, #333);
  font-feature-settings: "palt" on;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: min(calc(12 / 1080 * 100vw), 12px);
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
@media screen and (max-width: 767px) {
  .sec01__note {
    width: calc(630 / 750 * 100vw);
    font-size: calc(20 / 750 * 100vw);
    margin-top: calc(40 / 750 * 100vw);
  }
}

.sec02 {
  position: relative;
  background-color: #c4d4d4;
  overflow: hidden;
}
.sec02__bg {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: min(calc(1175 / 1080 * 100vw), 1175px);
  height: auto;
  z-index: 0;
}
.sec02__bg picture, .sec02__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.sec02__inner {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: min(calc(40 / 1080 * 100vw), 40px) 0 min(calc(60 / 1080 * 100vw), 60px);
}
@media screen and (max-width: 767px) {
  .sec02__inner {
    padding: calc(80 / 750 * 100vw) calc(0 / 750 * 100vw) calc(100 / 750 * 100vw);
  }
}

.sec02__title {
  display: flex;
  align-items: baseline;
  justify-content: center;
  text-align: center;
  color: #333;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 700;
  font-feature-settings: "palt";
}
@media screen and (max-width: 767px) {
  .sec02__title {
    flex-direction: column;
    align-items: center;
  }
}

.sec02__title-main {
  font-size: min(calc(48 / 1080 * 100vw), 48px);
  line-height: 1.4;
  letter-spacing: 0.04em;
}
@media screen and (max-width: 767px) {
  .sec02__title-main {
    font-size: calc(66 / 750 * 100vw);
  }
}

.sec02__title-sub {
  font-size: min(calc(32 / 1080 * 100vw), 32px);
  line-height: 1.4;
  letter-spacing: 0.04em;
}
@media screen and (max-width: 767px) {
  .sec02__title-sub {
    font-size: calc(44 / 750 * 100vw);
  }
}

.sec02__cards {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: min(calc(70 / 1080 * 100vw), 70px);
  width: min(calc(766 / 1080 * 100vw), 766px);
  height: min(calc(260 / 1080 * 100vw), 260px);
}
@media screen and (max-width: 767px) {
  .sec02__cards {
    position: static;
    width: 100%;
    height: auto;
    gap: calc(0 / 750 * 100vw);
    margin-top: calc(80 / 750 * 100vw);
  }
}

.sec02__card {
  position: absolute;
  display: flex;
  align-items: flex-start;
  background-color: #fff;
  border: 2px solid #4b2d21;
  border-radius: min(calc(40 / 1080 * 100vw), 40px);
  padding: min(calc(32 / 1080 * 100vw), 32px) min(calc(42 / 1080 * 100vw), 42px);
  width: min(calc(597 / 1080 * 100vw), 597px);
}
@media screen and (max-width: 767px) {
  .sec02__card {
    position: relative;
    flex-direction: column;
    border: none;
    width: calc(690 / 750 * 100vw);
    border-radius: calc(0 / 750 * 100vw);
    padding: calc(54 / 750 * 100vw) calc(40 / 750 * 100vw) calc(30 / 750 * 100vw);
  }
}
.sec02__card.--student {
  top: 0;
  right: max(calc(0 / 1080 * 100vw), 0px);
  flex-direction: row-reverse;
  padding-left: min(calc(122 / 1080 * 100vw), 122px);
  padding-right: min(calc(42 / 1080 * 100vw), 42px);
}
@media screen and (max-width: 767px) {
  .sec02__card.--student {
    flex-direction: column;
    padding-left: calc(190 / 750 * 100vw);
    padding-right: calc(40 / 750 * 100vw);
    margin-left: auto;
    border-radius: calc(80 / 750 * 100vw) 0 0 calc(80 / 750 * 100vw);
    border-top: calc(2 / 750 * 100vw) solid #4b2d21;
    border-bottom: calc(2 / 750 * 100vw) solid #4b2d21;
    border-left: calc(2 / 750 * 100vw) solid #4b2d21;
  }
}
.sec02__card.--worker {
  top: min(calc(160 / 1080 * 100vw), 160px);
  left: max(calc(0 / 1080 * 100vw), 0px);
  padding-left: min(calc(42 / 1080 * 100vw), 42px);
  padding-right: min(calc(122 / 1080 * 100vw), 122px);
}
@media screen and (max-width: 767px) {
  .sec02__card.--worker {
    flex-direction: column;
    padding-left: calc(60 / 750 * 100vw);
    padding-right: calc(190 / 750 * 100vw);
    margin-right: auto;
    border-radius: 0 calc(80 / 750 * 100vw) calc(80 / 750 * 100vw) 0;
    border-top: calc(2 / 750 * 100vw) solid #4b2d21;
    border-bottom: calc(2 / 750 * 100vw) solid #4b2d21;
    border-right: calc(2 / 750 * 100vw) solid #4b2d21;
  }
}

.sec02__card-label {
  position: absolute;
  top: max(calc(-19 / 1080 * 100vw), -19px);
  background-color: #596767;
  color: #fff;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 700;
  font-size: min(calc(18 / 1080 * 100vw), 18px);
  line-height: 1.8;
  text-align: center;
  font-feature-settings: "palt";
  padding: 0 min(calc(30 / 1080 * 100vw), 30px) min(calc(2 / 1080 * 100vw), 2px);
  border-radius: min(calc(50 / 1080 * 100vw), 50px);
  white-space: nowrap;
}
.--student .sec02__card-label {
  left: min(calc(120 / 1080 * 100vw), 120px);
}
@media screen and (max-width: 767px) {
  .--student .sec02__card-label {
    left: calc(180 / 750 * 100vw);
  }
}
.--worker .sec02__card-label {
  left: min(calc(45 / 1080 * 100vw), 45px);
}
@media screen and (max-width: 767px) {
  .--worker .sec02__card-label {
    left: calc(60 / 750 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .sec02__card-label {
    top: calc(-24 / 750 * 100vw);
    font-size: calc(26 / 750 * 100vw);
    padding: calc(4 / 750 * 100vw) calc(30 / 750 * 100vw) calc(6 / 750 * 100vw);
    border-radius: calc(50 / 750 * 100vw);
  }
}

.sec02__card-illust {
  position: absolute;
  z-index: 2;
}
.sec02__card-illust img {
  width: 100%;
  height: auto;
}
.--student .sec02__card-illust {
  left: max(calc(0 / 1080 * 100vw), 0px);
  bottom: 0;
  width: min(calc(111 / 1080 * 100vw), 111px);
}
@media screen and (max-width: 767px) {
  .--student .sec02__card-illust {
    left: calc(0 / 750 * 100vw);
    bottom: calc(0 / 750 * 100vw);
    width: calc(216 / 750 * 100vw);
  }
}
.--worker .sec02__card-illust {
  right: max(calc(0 / 1080 * 100vw), 0px);
  bottom: 0;
  width: min(calc(104 / 1080 * 100vw), 104px);
}
@media screen and (max-width: 767px) {
  .--worker .sec02__card-illust {
    right: calc(0 / 750 * 100vw);
    bottom: calc(0 / 750 * 100vw);
    width: calc(203 / 750 * 100vw);
  }
}

.sec02__card-content {
  flex: 1;
}

.sec02__card-list {
  display: flex;
  flex-direction: column;
  gap: min(calc(4 / 1080 * 100vw), 4px);
}
@media screen and (max-width: 767px) {
  .sec02__card-list {
    gap: calc(20 / 750 * 100vw);
  }
}

.sec02__card-item {
  display: flex;
  align-items: flex-start;
  gap: min(calc(10 / 1080 * 100vw), 10px);
}
@media screen and (max-width: 767px) {
  .sec02__card-item {
    gap: calc(10 / 750 * 100vw);
  }
}

.sec02__card-check {
  flex-shrink: 0;
  width: min(calc(22 / 1080 * 100vw), 22px);
  height: min(calc(22 / 1080 * 100vw), 22px);
}
@media screen and (max-width: 767px) {
  .sec02__card-check {
    width: calc(26 / 750 * 100vw);
    height: calc(26 / 750 * 100vw);
    margin-top: calc(12 / 750 * 100vw);
  }
}

.sec02__card-text {
  flex: 1;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 400;
  font-size: min(calc(16 / 1080 * 100vw), 16px);
  line-height: 1.5;
  letter-spacing: 0.04em;
  color: #333;
  font-feature-settings: "palt";
}
.sec02__card-text strong {
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .sec02__card-text {
    font-size: calc(26 / 750 * 100vw);
    line-height: 1.5;
  }
}

.sec02__message {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  margin-top: min(calc(80 / 1080 * 100vw), 80px);
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 700;
  color: #333;
  font-feature-settings: "palt";
}
@media screen and (max-width: 767px) {
  .sec02__message {
    margin-top: calc(200 / 750 * 100vw);
  }
}

.sec02__message-line1 {
  font-size: min(calc(24 / 1080 * 100vw), 24px);
  line-height: 1.4;
  letter-spacing: 0.04em;
}
@media screen and (max-width: 767px) {
  .sec02__message-line1 {
    font-size: calc(40 / 750 * 100vw);
    line-height: 1.6;
  }
}

.sec02__message-quote {
  font-size: min(calc(36 / 1080 * 100vw), 36px);
  line-height: 1.4;
}
@media screen and (max-width: 767px) {
  .sec02__message-quote {
    font-size: calc(50 / 750 * 100vw);
  }
}

.sec02__message-row {
  display: flex;
  align-items: flex-end;
}
@media screen and (max-width: 767px) {
  .sec02__message-row {
    flex-direction: column;
    align-items: center;
  }
}

.sec02__message-line2 {
  position: relative;
  margin-top: min(calc(8 / 1080 * 100vw), 8px);
  margin-right: min(calc(16 / 1080 * 100vw), 16px);
}
@media screen and (max-width: 767px) {
  .sec02__message-line2 {
    margin-top: calc(10 / 750 * 100vw);
    margin-right: 0;
  }
}

.sec02__message-highlight {
  position: relative;
  z-index: 1;
  font-size: min(calc(36 / 1080 * 100vw), 36px);
  line-height: 1.6;
  color: #fff;
}
.sec02__message-highlight::before {
  content: "";
  position: absolute;
  left: max(calc(-10 / 1080 * 100vw), -10px);
  right: max(calc(-10 / 1080 * 100vw), -10px);
  top: 50%;
  transform: translateY(-50%);
  height: min(calc(48 / 1080 * 100vw), 48px);
  background-color: #4fb2ad;
  z-index: -1;
}
@media screen and (max-width: 767px) {
  .sec02__message-highlight {
    font-size: calc(50 / 750 * 100vw);
  }
  .sec02__message-highlight::before {
    left: calc(-10 / 750 * 100vw);
    right: calc(-10 / 750 * 100vw);
    height: calc(60 / 750 * 100vw);
  }
}

.sec02__message-line3 {
  font-size: min(calc(24 / 1080 * 100vw), 24px);
  line-height: 1.6;
  letter-spacing: 0.04em;
}
@media screen and (max-width: 767px) {
  .sec02__message-line3 {
    font-size: calc(40 / 750 * 100vw);
  }
}

.sec03 {
  position: relative;
  background-color: #f8f2ba;
  overflow: hidden;
  padding-bottom: min(calc(35 / 1080 * 100vw), 35px);
}
@media screen and (max-width: 767px) {
  .sec03 {
    padding-bottom: calc(76 / 750 * 100vw);
  }
}

.sec03__wave {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: min(calc(104 / 1080 * 100vw), 104px);
  z-index: 1;
}
.sec03__wave picture, .sec03__wave img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media screen and (max-width: 767px) {
  .sec03__wave {
    height: calc(104 / 750 * 100vw);
  }
}

.sec03__map {
  position: absolute;
  top: min(calc(124 / 1080 * 100vw), 124px);
  left: 50%;
  transform: translateX(-50%);
  width: min(calc(248 / 1080 * 100vw), 248px);
  z-index: 0;
}
.sec03__map picture, .sec03__map img {
  width: 100%;
  height: auto;
}
@media screen and (max-width: 767px) {
  .sec03__map {
    top: calc(124 / 750 * 100vw);
    width: calc(586 / 750 * 100vw);
  }
}

.sec03__inner {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: min(calc(140 / 1080 * 100vw), 140px);
}
@media screen and (max-width: 767px) {
  .sec03__inner {
    padding-top: calc(186 / 750 * 100vw);
  }
}

.sec03__title {
  width: min(calc(767 / 1080 * 100vw), 767px);
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .sec03__title {
    width: calc(402 / 750 * 100vw);
  }
}

.sec03__lead {
  margin-top: min(calc(20 / 1080 * 100vw), 20px);
  font-family: "Zen Maru Gothic", sans-serif;
  font-weight: 700;
  font-size: min(calc(24 / 1080 * 100vw), 24px);
  line-height: 1.7;
  color: #4b2d21;
  text-align: center;
  font-feature-settings: "palt";
}
@media screen and (max-width: 767px) {
  .sec03__lead {
    width: calc(630 / 750 * 100vw);
    margin-top: calc(40 / 750 * 100vw);
    font-size: calc(34 / 750 * 100vw);
    text-align: justify;
    letter-spacing: -0.03em;
  }
}

.sec03__cards {
  display: flex;
  justify-content: space-between;
  gap: min(calc(19 / 1080 * 100vw), 19px);
  width: min(calc(920 / 1080 * 100vw), 920px);
  margin-top: min(calc(108 / 1080 * 100vw), 108px);
}
@media screen and (max-width: 767px) {
  .sec03__cards {
    flex-direction: column;
    gap: calc(94 / 750 * 100vw);
    width: calc(690 / 750 * 100vw);
    margin-top: calc(86 / 750 * 100vw);
  }
}

.sec03__card {
  display: flex;
  flex-direction: column;
  width: min(calc(294 / 1080 * 100vw), 294px);
}
@media screen and (max-width: 767px) {
  .sec03__card {
    width: 100%;
  }
}

.sec03__card-header {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: min(calc(122 / 1080 * 100vw), 122px);
  border: min(calc(2 / 1080 * 100vw), 2px) solid #4b2d21;
  border-bottom: none;
  border-radius: min(calc(60 / 1080 * 100vw), 60px) min(calc(60 / 1080 * 100vw), 60px) 0 0;
  z-index: 1;
}
.--economic .sec03__card-header {
  background-color: #ffe157;
}
.--time .sec03__card-header {
  background-color: #4fb2ad;
}
.--heart .sec03__card-header {
  background-color: #ffb6a9;
}
@media screen and (max-width: 767px) {
  .sec03__card-header {
    height: calc(132 / 750 * 100vw);
    border-radius: calc(80 / 750 * 100vw) calc(80 / 750 * 100vw) 0 0;
  }
}

.sec03__card-num {
  position: absolute;
  top: max(calc(-70 / 1080 * 100vw), -70px);
  left: min(calc(76 / 1080 * 100vw), 76px);
  width: min(calc(110 / 1080 * 100vw), 110px);
  height: min(calc(130 / 1080 * 100vw), 130px);
}
.sec03__card-num img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
@media screen and (max-width: 767px) {
  .sec03__card-num {
    top: calc(-64 / 750 * 100vw);
    left: 0;
    width: calc(163 / 750 * 100vw);
    height: calc(193 / 750 * 100vw);
  }
}

.sec03__card-title {
  font-family: "Zen Maru Gothic", sans-serif;
  font-weight: 700;
  font-size: min(calc(32 / 1080 * 100vw), 32px);
  line-height: 1.4;
  letter-spacing: 0.04em;
  font-feature-settings: "palt";
  margin-top: min(calc(50 / 1080 * 100vw), 50px);
}
.--economic .sec03__card-title, .--heart .sec03__card-title {
  color: #4b2d21;
}
.--time .sec03__card-title {
  color: #fff;
}
@media screen and (max-width: 767px) {
  .sec03__card-title {
    font-size: calc(50 / 750 * 100vw);
    margin-top: 0;
  }
}

.sec03__card-body {
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex: 1;
  padding: min(calc(24 / 1080 * 100vw), 24px) min(calc(32 / 1080 * 100vw), 32px) min(calc(28 / 1080 * 100vw), 28px);
  background-color: #fff;
  border: 2px solid #4b2d21;
  border-top: none;
  border-radius: 0 0 min(calc(60 / 1080 * 100vw), 60px) min(calc(60 / 1080 * 100vw), 60px);
}
@media screen and (max-width: 767px) {
  .sec03__card-body {
    padding: calc(48 / 750 * 100vw) calc(8 / 750 * 100vw) calc(56 / 750 * 100vw);
    border-radius: 0 0 calc(80 / 750 * 100vw) calc(80 / 750 * 100vw);
  }
}

.sec03__card-text {
  font-family: "Zen Maru Gothic", sans-serif;
  font-weight: 700;
  font-size: min(calc(16 / 1080 * 100vw), 16px);
  line-height: 1.6;
  letter-spacing: 0.02em;
  color: #4b2d21;
  text-align: justify;
  font-feature-settings: "palt";
}
@media screen and (max-width: 767px) {
  .sec03__card-text {
    width: calc(630 / 750 * 100vw);
    margin: 0 auto;
    font-size: calc(24 / 750 * 100vw);
  }
}

.sec03__message {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: min(calc(60 / 1080 * 100vw), 60px);
  text-align: center;
}
@media screen and (max-width: 767px) {
  .sec03__message {
    margin-top: calc(100 / 750 * 100vw);
  }
}

.sec03__message-star {
  position: absolute;
  width: min(calc(34 / 1080 * 100vw), 34px);
}
.sec03__message-star img {
  width: 100%;
  height: auto;
}
.sec03__message-star.--left {
  top: max(calc(-2 / 1080 * 100vw), -2px);
  left: max(calc(-50 / 1080 * 100vw), -50px);
}
.sec03__message-star.--right {
  top: min(calc(2 / 1080 * 100vw), 2px);
  right: max(calc(-50 / 1080 * 100vw), -50px);
}
@media screen and (max-width: 767px) {
  .sec03__message-star {
    width: calc(39 / 750 * 100vw);
  }
  .sec03__message-star.--left {
    top: calc(-8 / 750 * 100vw);
    left: calc(-45 / 750 * 100vw);
  }
  .sec03__message-star.--right {
    top: calc(0 / 750 * 100vw);
    right: calc(-45 / 750 * 100vw);
  }
}

.sec03__message-line1 {
  font-family: "Zen Maru Gothic", sans-serif;
  font-weight: 700;
  font-size: min(calc(20 / 1080 * 100vw), 20px);
  line-height: 1.6;
  color: #4b2d21;
  font-feature-settings: "palt";
}
@media screen and (max-width: 767px) {
  .sec03__message-line1 {
    font-size: calc(30 / 750 * 100vw);
  }
}

.sec03__message-line2 {
  font-family: "Zen Maru Gothic", sans-serif;
  font-weight: 700;
  font-size: min(calc(26 / 1080 * 100vw), 26px);
  line-height: 1.4;
  color: #4b2d21;
  font-feature-settings: "palt";
}
@media screen and (max-width: 767px) {
  .sec03__message-line2 {
    font-size: calc(30 / 750 * 100vw);
  }
}

.sec03__message-underline {
  position: relative;
  display: inline-block;
}
.sec03__message-underline::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: max(calc(-2 / 1080 * 100vw), -2px);
  width: 100%;
  height: min(calc(5 / 1080 * 100vw), 5px);
  background-color: #4fb2ad;
}
@media screen and (max-width: 767px) {
  .sec03__message-underline::after {
    bottom: calc(-2 / 750 * 100vw);
    height: calc(5 / 750 * 100vw);
  }
}

.sec03__message-line3 {
  margin-top: min(calc(18 / 1080 * 100vw), 18px);
  font-family: "Zen Maru Gothic", sans-serif;
  font-weight: 700;
  font-size: min(calc(30 / 1080 * 100vw), 30px);
  line-height: 1.4;
  color: #4b2d21;
  font-feature-settings: "palt";
}
@media screen and (max-width: 767px) {
  .sec03__message-line3 {
    margin-top: calc(26 / 750 * 100vw);
    font-size: calc(40 / 750 * 100vw);
  }
}

.sec03__message-green {
  color: #00c41d;
}

.sec03__illust {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: min(calc(925 / 1080 * 100vw), 925px);
  pointer-events: none;
  z-index: 1;
}
.sec03__illust picture, .sec03__illust img {
  width: 100%;
  height: auto;
}
@media screen and (max-width: 767px) {
  .sec03__illust {
    width: calc(750 / 750 * 100vw);
  }
}

.sec04 {
  position: relative;
  background-color: #e2f3f3;
  padding-bottom: min(calc(54 / 1080 * 100vw), 54px);
  background-image: url(../img/pc/sec04_bg.webp);
  background-repeat: no-repeat;
  background-position: top center;
  background-size: min(calc(1920 / 1080 * 100vw), 1920px) min(calc(1463 / 1080 * 100vw), 1463px);
}
@media screen and (max-width: 767px) {
  .sec04 {
    padding-bottom: calc(108 / 750 * 100vw);
    background-image: url(../img/sp/sec04_bg.webp);
    background-size: calc(750 / 750 * 100vw) calc(3008 / 750 * 100vw);
  }
}

.sec04__hero {
  position: relative;
  width: min(calc(920 / 1080 * 100vw), 920px);
  height: min(calc(344.5 / 1080 * 100vw), 344.5px);
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .sec04__hero {
    width: calc(690 / 750 * 100vw);
    height: calc(549 / 750 * 100vw);
  }
}
.sec04__hero picture, .sec04__hero img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.sec04__hero-content {
  position: absolute;
  bottom: min(calc(120 / 1080 * 100vw), 120px);
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
  width: 100%;
  text-align: center;
  color: #fff;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 700;
  font-feature-settings: "palt";
}
@media screen and (max-width: 767px) {
  .sec04__hero-content {
    bottom: calc(160 / 750 * 100vw);
  }
}

.sec04__hero-lead {
  font-size: min(calc(30 / 1080 * 100vw), 30px);
  line-height: 1.4;
}
@media screen and (max-width: 767px) {
  .sec04__hero-lead {
    font-size: calc(40 / 750 * 100vw);
  }
}

.sec04__hero-title {
  font-size: min(calc(38 / 1080 * 100vw), 38px);
  line-height: 1.4;
  margin-top: min(calc(4 / 1080 * 100vw), 4px);
}
@media screen and (max-width: 767px) {
  .sec04__hero-title {
    font-size: calc(50 / 750 * 100vw);
    margin-top: calc(8 / 750 * 100vw);
  }
}

.sec04__hero-text {
  font-size: min(calc(16 / 1080 * 100vw), 16px);
  line-height: 1.8;
  margin-top: min(calc(20 / 1080 * 100vw), 20px);
}
@media screen and (max-width: 767px) {
  .sec04__hero-text {
    font-size: calc(26 / 750 * 100vw);
    margin-top: calc(30 / 750 * 100vw);
  }
}

.sec04__bg {
  position: absolute;
  top: min(calc(300 / 1080 * 100vw), 300px);
  left: 50%;
  transform: translateX(-50%);
  width: min(calc(1000 / 1080 * 100vw), 1000px);
  opacity: 0.18;
  pointer-events: none;
  z-index: 0;
}
@media screen and (max-width: 767px) {
  .sec04__bg {
    top: calc(586 / 750 * 100vw);
    width: calc(600 / 750 * 100vw);
  }
}
.sec04__bg picture, .sec04__bg img {
  width: 100%;
  height: auto;
}

.sec04__cards {
  width: min(calc(1000 / 1080 * 100vw), 1000px);
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: min(calc(57 / 1080 * 100vw), 57px);
  margin: min(calc(55 / 1080 * 100vw), 55px) auto 0;
}
@media screen and (max-width: 767px) {
  .sec04__cards {
    width: 100%;
    gap: calc(145 / 750 * 100vw);
    margin-top: calc(225 / 750 * 100vw);
  }
}

.sec04__card {
  position: relative;
  display: flex;
  align-items: center;
  background-color: #fffcde;
  border: min(calc(2 / 1080 * 100vw), 2px) solid #4b2d21;
  border-radius: min(calc(148 / 1080 * 100vw), 148px);
  padding: min(calc(24 / 1080 * 100vw), 24px) min(calc(60 / 1080 * 100vw), 60px);
  width: min(calc(783 / 1080 * 100vw), 783px);
}
@media screen and (max-width: 767px) {
  .sec04__card {
    flex-direction: column;
    width: calc(720 / 750 * 100vw);
    border-radius: 0;
    padding: calc(32 / 750 * 100vw) calc(60 / 750 * 100vw) calc(56 / 750 * 100vw);
    border: none;
  }
}
.sec04__card.--left {
  margin-left: 0;
  margin-right: auto;
  padding-right: min(calc(65 / 1080 * 100vw), 65px);
}
@media screen and (max-width: 767px) {
  .sec04__card.--left {
    border-radius: 0 calc(200 / 750 * 100vw) calc(200 / 750 * 100vw) 0;
    border-top: calc(3 / 750 * 100vw) solid #4b2d21;
    border-right: calc(3 / 750 * 100vw) solid #4b2d21;
    border-bottom: calc(3 / 750 * 100vw) solid #4b2d21;
    padding-left: calc(60 / 750 * 100vw);
    padding-right: calc(60 / 750 * 100vw);
  }
}
.sec04__card.--right {
  margin-left: auto;
  margin-right: 0;
  padding-left: min(calc(73 / 1080 * 100vw), 73px);
}
@media screen and (max-width: 767px) {
  .sec04__card.--right {
    border-radius: calc(200 / 750 * 100vw) 0 0 calc(200 / 750 * 100vw);
    border-top: calc(3 / 750 * 100vw) solid #4b2d21;
    border-left: calc(3 / 750 * 100vw) solid #4b2d21;
    border-bottom: calc(3 / 750 * 100vw) solid #4b2d21;
    padding-left: calc(60 / 750 * 100vw);
    padding-right: calc(60 / 750 * 100vw);
  }
}

.sec04__card-icon {
  position: absolute;
  flex-shrink: 0;
  width: min(calc(144 / 1080 * 100vw), 144px);
  height: min(calc(144 / 1080 * 100vw), 144px);
  z-index: 2;
}
@media screen and (max-width: 767px) {
  .sec04__card-icon {
    width: calc(190 / 750 * 100vw);
    height: calc(190 / 750 * 100vw);
  }
}
.--left .sec04__card-icon {
  right: min(calc(40 / 1080 * 100vw), 40px);
  top: max(calc(-50 / 1080 * 100vw), -50px);
}
@media screen and (max-width: 767px) {
  .--left .sec04__card-icon {
    top: calc(-60 / 750 * 100vw);
    right: calc(0 / 750 * 100vw);
  }
}
.--right .sec04__card-icon {
  left: min(calc(40 / 1080 * 100vw), 40px);
  top: max(calc(-50 / 1080 * 100vw), -50px);
}
@media screen and (max-width: 767px) {
  .--right .sec04__card-icon {
    top: calc(-60 / 750 * 100vw);
    left: calc(0 / 750 * 100vw);
  }
}
.sec04__card-icon img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.sec04__card-body {
  flex: 1;
  color: #4b2d21;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-feature-settings: "palt";
}
@media screen and (max-width: 767px) {
  .sec04__card-body {
    width: 100%;
  }
}

.sec04__card-title {
  font-size: min(calc(46 / 1080 * 100vw), 46px);
  font-weight: 700;
  line-height: 1.4;
}
@media screen and (max-width: 767px) {
  .sec04__card-title {
    font-size: calc(58 / 750 * 100vw);
  }
}
.--right .sec04__card-title {
  text-align: right;
}
@media screen and (max-width: 767px) {
  .--right .sec04__card-title {
    text-align: right;
  }
}

.sec04__card-text {
  font-size: min(calc(16 / 1080 * 100vw), 16px);
  font-weight: 400;
  line-height: 1.8;
  letter-spacing: 0.04em;
  margin-top: min(calc(6 / 1080 * 100vw), 6px);
}
@media screen and (max-width: 767px) {
  .sec04__card-text {
    font-size: calc(26 / 750 * 100vw);
    margin-top: calc(12 / 750 * 100vw);
  }
}
.sec04__card-text strong {
  font-weight: 700;
  letter-spacing: 0.04em;
}

.sec04__message {
  position: relative;
  z-index: 1;
  text-align: center;
  margin-top: min(calc(60 / 1080 * 100vw), 60px);
  font-family: "Zen Maru Gothic", "Zen Kaku Gothic New", sans-serif;
  font-weight: 700;
  color: #4b2d21;
  font-feature-settings: "palt";
}
@media screen and (max-width: 767px) {
  .sec04__message {
    margin-top: calc(100 / 750 * 100vw);
  }
}

.sec04__message-line1 {
  font-size: min(calc(22 / 1080 * 100vw), 22px);
  line-height: 1.4;
  letter-spacing: 0.04em;
}
@media screen and (max-width: 767px) {
  .sec04__message-line1 {
    font-size: calc(30 / 750 * 100vw);
  }
}

.sec04__message-highlight {
  position: relative;
  display: inline-block;
  font-size: min(calc(22 / 1080 * 100vw), 22px);
  color: #4b2d21;
}
.sec04__message-highlight::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: max(calc(-2 / 1080 * 100vw), -2px);
  width: 100%;
  height: min(calc(6 / 1080 * 100vw), 6px);
  background-color: #4fb2ad;
}
@media screen and (max-width: 767px) {
  .sec04__message-highlight {
    display: block;
    font-size: calc(30 / 750 * 100vw);
    width: fit-content;
    margin: calc(8 / 750 * 100vw) auto 0;
  }
  .sec04__message-highlight::after {
    bottom: calc(-4 / 750 * 100vw);
    height: calc(9 / 750 * 100vw);
  }
}

.sec04__message-line2 {
  font-size: min(calc(28 / 1080 * 100vw), 28px);
  line-height: 1.4;
  letter-spacing: 0.04em;
  margin-top: min(calc(16 / 1080 * 100vw), 16px);
}
@media screen and (max-width: 767px) {
  .sec04__message-line2 {
    font-size: calc(40 / 750 * 100vw);
    margin-top: calc(40 / 750 * 100vw);
  }
}

.sec04__message-accent {
  color: #00c41d;
}
@media screen and (max-width: 767px) {
  .sec04__message-accent {
    font-size: calc(40 / 750 * 100vw);
    margin-top: calc(8 / 750 * 100vw);
  }
}

.sec05 {
  position: relative;
  background-color: #f8f2ba;
  padding: min(calc(10 / 1080 * 100vw), 10px) 0 max(calc(0 / 1080 * 100vw), 0px);
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .sec05 {
    padding: calc(10 / 750 * 100vw) 0 calc(0 / 750 * 100vw);
  }
}
.sec05:after {
  content: "";
  display: block;
  background-color: #E2F3F3;
  position: absolute;
  left: 0;
  top: 0;
  width: min(calc(1920 / 1080 * 100vw), 1920px);
  height: min(calc(190 / 1080 * 100vw), 190px);
}
@media screen and (max-width: 767px) {
  .sec05:after {
    width: calc(750 / 750 * 100vw);
    height: calc(250 / 750 * 100vw);
  }
}

.sec05__illust {
  position: absolute;
  top: min(calc(148 / 1080 * 100vw), 148px);
  left: 50%;
  transform: translateX(-50%);
  width: min(calc(910 / 1080 * 100vw), 910px);
  pointer-events: none;
  z-index: 10;
}
@media screen and (max-width: 767px) {
  .sec05__illust {
    top: calc(280 / 750 * 100vw);
    width: calc(720 / 750 * 100vw);
  }
}
.sec05__illust picture, .sec05__illust img {
  width: 100%;
  height: auto;
}

.sec05__content {
  position: relative;
  z-index: 2;
  width: min(calc(920 / 1080 * 100vw), 920px);
  margin: 0 auto;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .sec05__content {
    width: calc(690 / 750 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .sec05__title {
    width: calc(690 / 750 * 100vw);
  }
}

.sec05__desc {
  margin-top: min(calc(96 / 1080 * 100vw), 96px);
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: min(calc(18 / 1080 * 100vw), 18px);
  font-weight: 700;
  color: #4B2D21;
  line-height: 1.8;
  letter-spacing: 0.02em;
  font-feature-settings: "palt";
}
@media screen and (max-width: 767px) {
  .sec05__desc {
    font-size: calc(30 / 750 * 100vw);
    line-height: 1.6;
    text-align: left;
    width: fit-content;
    margin: calc(120 / 750 * 100vw) auto 0;
  }
}

.sec05__desc-text .--green {
  color: #4fb2ad;
  font-weight: 700;
}

.sec05__list {
  display: flex;
  justify-content: center;
  gap: min(calc(7 / 1080 * 100vw), 7px);
  margin-top: min(calc(30 / 1080 * 100vw), 30px);
}
@media screen and (max-width: 767px) {
  .sec05__list {
    flex-direction: row;
    flex-wrap: nowrap;
    gap: calc(8 / 750 * 100vw);
    margin-top: calc(72 / 750 * 100vw);
  }
}

.sec05__list-item {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: min(calc(6 / 1080 * 100vw), 6px) min(calc(16 / 1080 * 100vw), 16px) min(calc(6 / 1080 * 100vw), 6px);
  border-radius: min(calc(16 / 1080 * 100vw), 16px);
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: min(calc(16 / 1080 * 100vw), 16px);
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.02em;
  font-feature-settings: "palt";
  color: #4B2D21;
  text-align: center;
  border: min(calc(2 / 1080 * 100vw), 2px) solid #4B2D21;
}
@media screen and (max-width: 767px) {
  .sec05__list-item {
    flex-direction: column;
    width: calc(214 / 750 * 100vw);
    padding: calc(24 / 750 * 100vw) calc(0 / 750 * 100vw) calc(28 / 750 * 100vw);
    border-radius: calc(40 / 750 * 100vw);
    font-size: calc(26 / 750 * 100vw);
  }
}
.sec05__list-item.--green {
  background-color: #d4f5d4;
}
.sec05__list-item.--pink {
  background-color: #ffe6e6;
}
.sec05__list-item.--yellow {
  background-color: #fff8d4;
}

.sec05__list-icon {
  width: min(calc(48 / 1080 * 100vw), 48px);
  height: auto;
  position: relative;
  top: max(calc(-14 / 1080 * 100vw), -14px);
}
@media screen and (max-width: 767px) {
  .sec05__list-icon {
    width: calc(76 / 750 * 100vw);
    top: calc(-44 / 750 * 100vw);
  }
}

.sec05__list-text {
  display: block;
}
@media screen and (max-width: 767px) {
  .sec05__list-text {
    position: relative;
    top: calc(-20 / 750 * 100vw);
  }
}

.sec05__message {
  margin-top: min(calc(40 / 1080 * 100vw), 40px);
  text-align: center;
  z-index: 2;
  position: relative;
}
@media screen and (max-width: 767px) {
  .sec05__message {
    margin-top: calc(60 / 750 * 100vw);
  }
}

.sec05__message-title {
  display: inline-block;
  padding: min(calc(2 / 1080 * 100vw), 2px) min(calc(10 / 1080 * 100vw), 10px);
  background-color: #4fb2ad;
  color: #fff;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: min(calc(24 / 1080 * 100vw), 24px);
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0.04em;
  font-feature-settings: "palt";
}
@media screen and (max-width: 767px) {
  .sec05__message-title {
    padding: calc(2 / 750 * 100vw) calc(10 / 750 * 100vw);
    font-size: calc(40 / 750 * 100vw);
  }
}

.sec05__message-text {
  margin-top: min(calc(20 / 1080 * 100vw), 20px);
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: min(calc(18 / 1080 * 100vw), 18px);
  font-weight: 700;
  color: #4B2D21;
  line-height: 1.2;
  letter-spacing: 0.02em;
  font-feature-settings: "palt";
}
@media screen and (max-width: 767px) {
  .sec05__message-text {
    margin-top: calc(28 / 750 * 100vw);
    font-size: calc(30 / 750 * 100vw);
  }
}

.sec05__illust02 {
  width: min(calc(704 / 1080 * 100vw), 704px);
  margin: max(calc(-50 / 1080 * 100vw), -50px) auto 0;
}
@media screen and (max-width: 767px) {
  .sec05__illust02 {
    width: calc(750 / 750 * 100vw);
    margin: calc(-50 / 750 * 100vw) auto 0;
  }
}

.sec06 {
  position: relative;
  background-color: #f6f6f6;
  padding: min(calc(60 / 1080 * 100vw), 60px) 0;
}
@media screen and (max-width: 767px) {
  .sec06 {
    padding: calc(64 / 750 * 100vw) 0;
  }
}

.sec06__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: min(calc(26 / 1080 * 100vw), 26px);
}
@media screen and (max-width: 767px) {
  .sec06__inner {
    gap: calc(64 / 750 * 100vw);
  }
}

.sec06__header {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: min(calc(14 / 1080 * 100vw), 14px);
}
@media screen and (max-width: 767px) {
  .sec06__header {
    gap: calc(30 / 750 * 100vw);
  }
}

.sec06__title {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 700;
  font-size: min(calc(48 / 1080 * 100vw), 48px);
  line-height: 1.4;
  color: #333;
  text-align: center;
  letter-spacing: 0.04em;
  font-feature-settings: "palt";
}
@media screen and (max-width: 767px) {
  .sec06__title {
    font-size: calc(66 / 750 * 100vw);
    letter-spacing: 0;
  }
}

.sec06__subtitle {
  display: flex;
  align-items: center;
  gap: min(calc(16 / 1080 * 100vw), 16px);
}
@media screen and (max-width: 767px) {
  .sec06__subtitle {
    flex-direction: column;
    gap: 0;
  }
}

.sec06__subtitle-highlight {
  position: relative;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 700;
  font-size: min(calc(26 / 1080 * 100vw), 26px);
  line-height: 1.6;
  color: #333;
  text-align: center;
  font-feature-settings: "palt";
  background-color: #4fb2ad;
  padding: min(calc(2 / 1080 * 100vw), 2px) min(calc(12 / 1080 * 100vw), 12px);
}
@media screen and (max-width: 767px) {
  .sec06__subtitle-highlight {
    font-size: calc(36 / 750 * 100vw);
  }
}

.sec06__subtitle-highlight-text {
  position: relative;
  z-index: 1;
  color: #fff;
}
.sec06__subtitle-main {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 700;
  font-size: min(calc(34 / 1080 * 100vw), 34px);
  line-height: 1.4;
  color: #333;
  text-align: center;
  font-feature-settings: "palt";
}
@media screen and (max-width: 767px) {
  .sec06__subtitle-main {
    font-size: calc(44 / 750 * 100vw);
    margin-top: calc(6 / 750 * 100vw);
  }
}

.sec06__cards {
  display: flex;
  flex-direction: column;
  gap: min(calc(20 / 1080 * 100vw), 20px);
  width: min(calc(920 / 1080 * 100vw), 920px);
}

.sec06__card {
  display: flex;
  flex-direction: column;
  gap: min(calc(12 / 1080 * 100vw), 12px);
  background-color: #fffbd5;
  border: 2px solid #4b2d21;
  border-radius: min(calc(30 / 1080 * 100vw), 30px);
  padding: min(calc(28 / 1080 * 100vw), 28px) min(calc(60 / 1080 * 100vw), 60px) min(calc(32 / 1080 * 100vw), 32px);
}
@media screen and (max-width: 767px) {
  .sec06__card {
    gap: calc(40 / 750 * 100vw);
    border: calc(2 / 750 * 100vw) solid #4b2d21;
    border-radius: calc(40 / 750 * 100vw);
    padding: calc(48 / 750 * 100vw) calc(65 / 750 * 100vw) calc(40 / 750 * 100vw);
  }
}

.sec06__card-head {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: min(calc(20 / 1080 * 100vw), 20px);
}
@media screen and (max-width: 767px) {
  .sec06__card-head {
    gap: calc(24 / 750 * 100vw);
    align-items: flex-start;
  }
}

.sec06__card-icon {
  width: min(calc(92 / 1080 * 100vw), 92px);
  height: min(calc(92 / 1080 * 100vw), 92px);
  flex-shrink: 0;
}
.sec06__card-icon img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media screen and (max-width: 767px) {
  .sec06__card-icon {
    width: calc(160 / 750 * 100vw);
    height: calc(160 / 750 * 100vw);
  }
}

.sec06__card-info {
  display: flex;
  flex-direction: column;
  gap: min(calc(8 / 1080 * 100vw), 8px);
  flex: 1;
}
@media screen and (max-width: 767px) {
  .sec06__card-info {
    gap: calc(10 / 750 * 100vw);
  }
}

.sec06__card-title {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 700;
  font-size: min(calc(26 / 1080 * 100vw), 26px);
  line-height: 1.4;
  color: #4b2d21;
  text-align: justify;
  font-feature-settings: "palt";
}
@media screen and (max-width: 767px) {
  .sec06__card-title {
    font-size: calc(40 / 750 * 100vw);
  }
}

.sec06__card-meta {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 700;
  font-size: min(calc(16 / 1080 * 100vw), 16px);
  line-height: 1.8;
  color: #4b2d21;
  letter-spacing: 0.04em;
  font-feature-settings: "palt";
}
@media screen and (max-width: 767px) {
  .sec06__card-meta {
    font-size: calc(26 / 750 * 100vw);
  }
}

.sec06__card-text {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 400;
  font-size: min(calc(16 / 1080 * 100vw), 16px);
  line-height: 1.6;
  color: #4b2d21;
  text-align: justify;
  letter-spacing: 0.02em;
  font-feature-settings: "palt";
}
.sec06__card-text strong {
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .sec06__card-text {
    font-family: "Noto Sans JP", sans-serif;
    font-size: calc(32 / 750 * 100vw);
    line-height: 1.8;
    letter-spacing: 0.08em;
  }
}

.sec06__slider {
  width: 100%;
}

.sec06__swiper {
  position: relative;
  width: 100%;
  padding-bottom: calc(52 / 750 * 100vw);
}
.sec06__swiper .swiper-wrapper {
  align-items: stretch;
}
.sec06__swiper .swiper-slide {
  padding: 0 calc(30 / 750 * 100vw);
  height: auto;
}
.sec06__swiper .sec06__card {
  height: 100%;
}
.sec06__swiper .swiper-button-next,
.sec06__swiper .swiper-button-prev {
  width: calc(52 / 750 * 100vw);
  height: calc(52 / 750 * 100vw);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
}
.sec06__swiper .swiper-button-next::after,
.sec06__swiper .swiper-button-prev::after {
  display: none;
}
.sec06__swiper .swiper-button-prev {
  background-image: url("data:image/svg+xml,%3Csvg width='52' height='52' viewBox='0 0 52 52' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='26' cy='26' r='26' fill='%234B2D21'/%3E%3Cpath d='M31.1998 15.5996L20.7998 25.9996L31.1998 36.3996' stroke='white' stroke-width='5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  left: 0;
}
.sec06__swiper .swiper-button-next {
  background-image: url("data:image/svg+xml,%3Csvg width='52' height='52' viewBox='0 0 52 52' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='26' cy='26' r='26' transform='matrix(-1 0 0 1 52 0)' fill='%234B2D21'/%3E%3Cpath d='M20.8002 15.5996L31.2002 25.9996L20.8002 36.3996' stroke='white' stroke-width='5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  right: 0;
}
.sec06__swiper .swiper-pagination {
  bottom: 0;
}
.sec06__swiper .swiper-pagination-bullet {
  width: calc(20 / 750 * 100vw);
  height: calc(20 / 750 * 100vw);
  background-color: #ddd;
  opacity: 1;
  margin: 0 calc(6 / 750 * 100vw);
}
.sec06__swiper .swiper-pagination-bullet-active {
  background-color: #4b2d21;
}

.sec07 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: #d4eae9;
  padding: min(calc(60 / 1080 * 100vw), 60px) min(calc(8 / 1080 * 100vw), 8px);
}
@media screen and (max-width: 767px) {
  .sec07 {
    padding: calc(80 / 750 * 100vw) calc(8 / 750 * 100vw);
  }
}
.sec07 .adlp-accordion {
  background: #fff;
  border-radius: min(calc(14 / 1080 * 100vw), 14px);
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .sec07 .adlp-accordion {
    border-radius: calc(14 / 750 * 100vw);
  }
}

.sec07__title {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 700;
  font-size: min(calc(48 / 1080 * 100vw), 48px);
  line-height: 1.4;
  letter-spacing: 0.04em;
  color: #333;
  text-align: center;
  margin-bottom: min(calc(24 / 1080 * 100vw), 24px);
  font-feature-settings: "palt";
}
@media screen and (max-width: 767px) {
  .sec07__title {
    font-size: calc(66 / 750 * 100vw);
    margin-bottom: calc(64 / 750 * 100vw);
  }
}

.sec07__list {
  display: flex;
  flex-direction: column;
  gap: min(calc(24 / 1080 * 100vw), 24px);
  width: min(calc(920 / 1080 * 100vw), 920px);
}
@media screen and (max-width: 767px) {
  .sec07__list {
    gap: calc(43 / 750 * 100vw);
    width: calc(690 / 750 * 100vw);
  }
}

.sec07__header::after {
  width: min(calc(28 / 1080 * 100vw), 28px);
  height: min(calc(28 / 1080 * 100vw), 28px);
  right: min(calc(26 / 1080 * 100vw), 26px);
  background-image: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_15723_8371)'%3E%3Cpath d='M14 21.7642L27.8027 7.96146L26.0774 6.23612L14.0001 18.3134L1.92261 6.23584L0.197266 7.96118L14 21.7642Z' fill='%23333333'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_15723_8371'%3E%3Crect width='28' height='28' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  background-size: 100% 100%;
}
@media screen and (max-width: 767px) {
  .sec07__header::after {
    width: calc(42 / 750 * 100vw);
    height: calc(42 / 750 * 100vw);
    right: calc(40 / 750 * 100vw);
  }
}
.sec07__header.--open::after {
  transform: translateY(-50%) rotate(180deg);
}

.sec07__header-inner {
  display: flex;
  align-items: center;
  gap: min(calc(20 / 1080 * 100vw), 20px);
  padding: min(calc(24 / 1080 * 100vw), 24px) min(calc(26 / 1080 * 100vw), 26px);
}
@media screen and (max-width: 767px) {
  .sec07__header-inner {
    gap: calc(16 / 750 * 100vw);
    padding: calc(40 / 750 * 100vw) calc(100 / 750 * 100vw) calc(40 / 750 * 100vw) calc(20 / 750 * 100vw);
  }
}

.sec07__qa-badge {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: min(calc(42 / 1080 * 100vw), 42px);
  height: min(calc(42 / 1080 * 100vw), 42px);
  background-color: #4fb2ad;
  border-radius: min(calc(8 / 1080 * 100vw), 8px);
  padding-bottom: min(calc(5 / 1080 * 100vw), 5px);
  font-family: "Zen Maru Gothic", sans-serif;
  font-weight: 500;
  font-size: min(calc(28 / 1080 * 100vw), 28px);
  line-height: 1;
  letter-spacing: 0.08em;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .sec07__qa-badge {
    width: calc(74 / 750 * 100vw);
    height: calc(74 / 750 * 100vw);
    border-radius: calc(16 / 750 * 100vw);
    padding-bottom: calc(5 / 750 * 100vw);
    font-size: calc(44 / 750 * 100vw);
  }
}

.sec07__question {
  flex: 1;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 700;
  font-size: min(calc(18 / 1080 * 100vw), 18px);
  line-height: 1.8;
  letter-spacing: 0.02em;
  color: #333;
  font-feature-settings: "palt";
}
@media screen and (max-width: 767px) {
  .sec07__question {
    font-size: calc(28 / 750 * 100vw);
  }
}

.sec07__body-inner {
  display: flex;
  align-items: flex-start;
  gap: min(calc(20 / 1080 * 100vw), 20px);
  padding: 0 max(calc(0 / 1080 * 100vw), 0px) min(calc(24 / 1080 * 100vw), 24px);
  border-top: min(calc(2 / 1080 * 100vw), 2px) solid #ddd;
  margin: 0 min(calc(26 / 1080 * 100vw), 26px);
  padding-top: min(calc(24 / 1080 * 100vw), 24px);
}
@media screen and (max-width: 767px) {
  .sec07__body-inner {
    gap: calc(24 / 750 * 100vw);
    padding: 0 0 calc(40 / 750 * 100vw);
    margin: 0 calc(20 / 750 * 100vw);
    padding-top: calc(40 / 750 * 100vw);
    border-top-width: calc(2 / 750 * 100vw);
  }
}

.sec07__answer {
  flex: 1;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 400;
  font-size: min(calc(18 / 1080 * 100vw), 18px);
  line-height: 1.7;
  letter-spacing: 0.02em;
  color: #333;
  text-align: justify;
  font-feature-settings: "palt";
}
@media screen and (max-width: 767px) {
  .sec07__answer {
    font-size: calc(26 / 750 * 100vw);
    line-height: 1.8;
  }
}

.sec08 {
  position: relative;
  overflow: hidden;
}
.sec08__bg {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: min(calc(1920 / 1080 * 100vw), 1920px);
  height: auto;
  z-index: 0;
}
@media screen and (max-width: 767px) {
  .sec08__bg {
    width: calc(750 / 750 * 100vw);
  }
}
.sec08__bg picture, .sec08__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.sec08__inner {
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .sec08__inner {
    padding-top: calc(75 / 750 * 100vw);
  }
}

.sec08__title {
  width: min(calc(920 / 1080 * 100vw), 920px);
  margin: 0 auto min(calc(26 / 1080 * 100vw), 26px);
}
@media screen and (max-width: 767px) {
  .sec08__title {
    width: calc(502 / 750 * 100vw);
    margin: 0 auto calc(152 / 750 * 100vw);
  }
}

.sec08__content {
  position: relative;
  width: min(calc(989 / 1080 * 100vw), 989px);
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .sec08__content {
    width: calc(750 / 750 * 100vw);
  }
}

.sec08__text {
  color: var(--333, #333);
  font-feature-settings: "palt" on;
  font-family: "Zen Maru Gothic", sans-serif;
  font-size: min(calc(24 / 1080 * 100vw), 24px);
  font-style: normal;
  font-weight: 700;
  line-height: 140%; /* 33.6px */
}
@media screen and (max-width: 767px) {
  .sec08__text {
    font-size: calc(30 / 750 * 100vw);
  }
}
.sec08__text.--r1 {
  position: absolute;
  top: min(calc(29 / 1080 * 100vw), 29px);
  left: min(calc(120 / 1080 * 100vw), 120px);
}
@media screen and (max-width: 767px) {
  .sec08__text.--r1 {
    top: calc(26 / 750 * 100vw);
    left: calc(97 / 750 * 100vw);
  }
}
.sec08__text.--r2 {
  position: absolute;
  top: min(calc(504 / 1080 * 100vw), 504px);
  left: min(calc(650 / 1080 * 100vw), 650px);
}
@media screen and (max-width: 767px) {
  .sec08__text.--r2 {
    top: calc(1036 / 750 * 100vw);
    left: calc(415 / 750 * 100vw);
  }
}
.sec08__text.--r3 {
  position: absolute;
  top: min(calc(955 / 1080 * 100vw), 955px);
  left: min(calc(120 / 1080 * 100vw), 120px);
}
@media screen and (max-width: 767px) {
  .sec08__text.--r3 {
    top: calc(2050 / 750 * 100vw);
    left: calc(97 / 750 * 100vw);
  }
}

.sec08__exp {
  color: var(--333, #333);
  text-align: justify;
  font-feature-settings: "palt" on;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: min(calc(18 / 1080 * 100vw), 18px);
  font-style: normal;
  font-weight: 400;
  line-height: 160%; /* 28.8px */
}
@media screen and (max-width: 767px) {
  .sec08__exp {
    font-size: calc(26 / 750 * 100vw);
    letter-spacing: 0.01em;
  }
}
.sec08__exp.--r1 {
  width: min(calc(330 / 1080 * 100vw), 330px);
  position: absolute;
  top: min(calc(130 / 1080 * 100vw), 130px);
  left: min(calc(145 / 1080 * 100vw), 145px);
}
@media screen and (max-width: 767px) {
  .sec08__exp.--r1 {
    width: calc(540 / 750 * 100vw);
    top: calc(153 / 750 * 100vw);
    left: calc(117 / 750 * 100vw);
  }
}
.sec08__exp.--r2 {
  width: min(calc(348 / 1080 * 100vw), 348px);
  position: absolute;
  top: min(calc(610 / 1080 * 100vw), 610px);
  left: min(calc(480 / 1080 * 100vw), 480px);
}
@media screen and (max-width: 767px) {
  .sec08__exp.--r2 {
    width: calc(540 / 750 * 100vw);
    top: calc(1150 / 750 * 100vw);
    left: calc(89 / 750 * 100vw);
  }
}
.sec08__exp.--r3 {
  width: min(calc(355 / 1080 * 100vw), 355px);
  position: absolute;
  top: min(calc(1062 / 1080 * 100vw), 1062px);
  left: min(calc(145 / 1080 * 100vw), 145px);
}
@media screen and (max-width: 767px) {
  .sec08__exp.--r3 {
    width: calc(540 / 750 * 100vw);
    top: calc(2170 / 750 * 100vw);
    left: calc(117 / 750 * 100vw);
  }
}

.sec09 {
  position: relative;
  background-color: #fffcde;
  padding: min(calc(60 / 1080 * 100vw), 60px) 0;
}
@media screen and (max-width: 767px) {
  .sec09 {
    padding: calc(80 / 750 * 100vw) 0;
  }
}

.sec09__inner {
  width: min(calc(920 / 1080 * 100vw), 920px);
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .sec09__inner {
    width: 100%;
  }
}

.sec09__heading {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 700;
  font-size: min(calc(40 / 1080 * 100vw), 40px);
  line-height: 1.4;
  color: #333;
  text-align: center;
  margin-bottom: min(calc(24 / 1080 * 100vw), 24px);
  font-feature-settings: "palt";
}
@media screen and (max-width: 767px) {
  .sec09__heading {
    font-size: calc(50 / 750 * 100vw);
    margin-bottom: calc(84 / 750 * 100vw);
  }
}

.sec09__flow {
  display: flex;
  justify-content: center;
  gap: min(calc(18 / 1080 * 100vw), 18px);
  position: relative;
}
.sec09__flow::before {
  content: "";
  position: absolute;
  top: min(calc(50 / 1080 * 100vw), 50px);
  left: 50%;
  transform: translateX(-50%);
  width: min(calc(716 / 1080 * 100vw), 716px);
  height: 4px;
  background-color: #4b2d21;
}
@media screen and (max-width: 767px) {
  .sec09__flow {
    flex-direction: column;
    gap: calc(48 / 750 * 100vw);
    padding: 0 calc(60 / 750 * 100vw);
  }
  .sec09__flow::before {
    top: calc(100 / 750 * 100vw);
    left: calc(131 / 750 * 100vw);
    transform: none;
    width: 4px;
    height: calc(1185 / 750 * 100vw);
  }
}

.sec09__step {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: min(calc(8 / 1080 * 100vw), 8px);
  width: min(calc(125 / 1080 * 100vw), 125px);
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .sec09__step {
    flex-direction: row;
    align-items: flex-start;
    gap: calc(32 / 750 * 100vw);
    width: 100%;
  }
}
.sec09__step.--first {
  width: min(calc(202 / 1080 * 100vw), 202px);
}

.sec09__step-icon {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: min(calc(100 / 1080 * 100vw), 100px);
  height: min(calc(100 / 1080 * 100vw), 100px);
  background-color: #ffe342;
  border: 1.4px solid #4b2d21;
  border-radius: min(calc(20 / 1080 * 100vw), 20px);
  flex-shrink: 0;
}
@media screen and (max-width: 767px) {
  .sec09__step-icon {
    width: calc(145 / 750 * 100vw);
    height: calc(145 / 750 * 100vw);
    border-width: calc(2 / 750 * 100vw);
    border-radius: calc(32 / 750 * 100vw);
  }
}

.sec09__step-label {
  display: flex;
  align-items: baseline;
  justify-content: center;
  color: #4b2d21;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 700;
  font-feature-settings: "palt";
}

.sec09__step-label-text {
  font-size: min(calc(16 / 1080 * 100vw), 16px);
  line-height: 1.8;
}
@media screen and (max-width: 767px) {
  .sec09__step-label-text {
    font-size: calc(26 / 750 * 100vw);
  }
}

.sec09__step-label-num {
  font-size: min(calc(22 / 1080 * 100vw), 22px);
  line-height: 1.8;
}
@media screen and (max-width: 767px) {
  .sec09__step-label-num {
    font-size: calc(34 / 750 * 100vw);
  }
}

.sec09__step-img {
  width: min(calc(57 / 1080 * 100vw), 57px);
  height: auto;
}
@media screen and (max-width: 767px) {
  .sec09__step-img {
    width: calc(82 / 750 * 100vw);
  }
}

.sec09__step-content {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .sec09__step-content {
    align-items: flex-start;
    flex: 1;
  }
}

.sec09__step-title {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 700;
  font-size: min(calc(16 / 1080 * 100vw), 16px);
  line-height: 1.8;
  color: #4b2d21;
  text-align: center;
  font-feature-settings: "palt";
  margin-bottom: min(calc(4 / 1080 * 100vw), 4px);
}
@media screen and (max-width: 767px) {
  .sec09__step-title {
    font-size: calc(26 / 750 * 100vw);
    text-align: left;
    margin-bottom: 0;
  }
}

.sec09__step-text {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 400;
  font-size: min(calc(14 / 1080 * 100vw), 14px);
  line-height: 1.5;
  color: #4b2d21;
  text-align: justify;
  letter-spacing: -0.02em;
  font-feature-settings: "palt";
}
@media screen and (max-width: 767px) {
  .sec09__step-text {
    font-size: calc(26 / 750 * 100vw);
    letter-spacing: 0.04em;
  }
}

.sec09__step-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: min(calc(9 / 1080 * 100vw), 9px);
  background-color: #d4eae9;
  border: 2px solid #4b2d21;
  border-radius: 100px;
  padding: min(calc(12 / 1080 * 100vw), 12px) min(calc(20 / 1080 * 100vw), 20px) min(calc(14 / 1080 * 100vw), 14px) min(calc(26 / 1080 * 100vw), 26px);
  margin-top: min(calc(12 / 1080 * 100vw), 12px);
  text-decoration: none;
  transition: filter 0.3s;
}
.sec09__step-btn:hover {
  filter: brightness(110%);
}
@media screen and (max-width: 767px) {
  .sec09__step-btn {
    padding: calc(6 / 750 * 100vw) calc(20 / 750 * 100vw) calc(8 / 750 * 100vw) calc(32 / 750 * 100vw);
    margin-top: calc(18 / 750 * 100vw);
    gap: calc(9 / 750 * 100vw);
  }
}

.sec09__step-btn-text {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 700;
  font-size: min(calc(16 / 1080 * 100vw), 16px);
  line-height: 1.6;
  color: #4b2d21;
  font-feature-settings: "palt";
  white-space: nowrap;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .sec09__step-btn-text {
    font-size: calc(26 / 750 * 100vw);
    line-height: 1.8;
  }
}

.sec09__step-btn-arrow {
  display: block;
  width: min(calc(20 / 1080 * 100vw), 20px);
  height: min(calc(20 / 1080 * 100vw), 20px);
  position: relative;
}
.sec09__step-btn-arrow::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: min(calc(20 / 1080 * 100vw), 20px);
  height: min(calc(20 / 1080 * 100vw), 20px);
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10' cy='10' r='10' fill='%234B2D21'/%3E%3Cpath d='M14 10L8.75 15.1962L8.75 4.80385L14 10Z' fill='white'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
@media screen and (max-width: 767px) {
  .sec09__step-btn-arrow {
    width: calc(20 / 750 * 100vw);
    height: calc(20 / 750 * 100vw);
  }
  .sec09__step-btn-arrow::before {
    width: calc(20 / 750 * 100vw);
    height: calc(20 / 750 * 100vw);
  }
}
/*# sourceMappingURL=lp.css.map */