@charset "UTF-8";
.c-svg-text {
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
}
.c-svg-text img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: contain;
}

/* ===== Util / Components ===== */
/* ==========================================================================
  レスポンス設計の注釈
  ・SP：デザインカンプの幅（414px）を基準にvw計算しています。
  ・PC：基本として767px〜1366pxの間で可変（clamp）するように設定しています。
========================================================================== */
/* ===== Base / Reset (universal) ===== */
*,
*::before,
*::after {
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
}

html,
body {
  margin: 0;
  padding: 0;
  -webkit-text-size-adjust: 100%;
}

html {
  font-size: 62.5%;
}

body {
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Segoe UI", "Yu Gothic", "Meiryo", sans-serif;
  font-size: 16px;
  line-height: 1.5;
  color: #262626;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: #fff;
}

ul, ol, li {
  margin: 0;
  padding: 0;
}

li {
  list-style: none;
}

/* Links */
a {
  color: inherit;
  text-decoration: none;
}

/* Media elements */
img,
picture,
video,
canvas {
  max-width: 100%;
  height: auto;
  display: block;
}

.img-inline {
  display: inline-block;
  vertical-align: middle;
}

/* form */
button,
input,
textarea,
select {
  font: inherit;
}

button:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible {
  outline: 2px solid #0091ff;
  outline-offset: 2px;
}

/* buttonタグの打ち消し */
button {
  padding: 0;
  margin: 0;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  appearance: none;
  cursor: pointer;
  font: inherit;
  color: inherit;
  line-height: inherit;
  vertical-align: middle;
}

/* フォーム等で無効化した時の見た目 */
button:disabled {
  cursor: default;
}

main {
  max-width: 1366px;
  margin-inline: auto;
}

/* 表示切り替えユーティリティ
   表示する側では display を指定しない（block / flex / inline など元の指定を維持） */
@media (min-width: 768px) {
  .sp-only {
    display: none !important;
  }
}

@media (max-width: 767px) {
  .pc-only {
    display: none !important;
  }
}

/* GSAP アニメーション用（初期非表示。JS が発火して表示）
   .js-fade-up  … 下から上
   .js-fade-left  … 左から右
   .js-fade-right … 右から左
*/
.js-fade-up,
.js-fade-left,
.js-fade-right {
  opacity: 0;
}

@media (prefers-reduced-motion: reduce) {
  .js-fade-up,
  .js-fade-left,
  .js-fade-right {
    opacity: 1;
  }
}
/* ===== Component / CTA ===== */
.c-cta {
  margin-top: clamp(-160px, 136.957px - 21.739vw, -30px); /* 768px〜1366px */
  padding-top: 50px;
  background: url("../images/top-cta-bg.svg") no-repeat top center;
  background-size: 100% auto;
}
@media (max-width: 767px) {
  .c-cta {
    padding-top: 62px;
    background: url("../images/top-cta-bg_sp.svg") no-repeat top center;
    background-size: 100% auto;
  }
}

.c-cta__inner {
  background-color: #f9d3be;
  padding-bottom: 100px;
}
@media (max-width: 767px) {
  .c-cta__inner {
    padding-bottom: 120px;
  }
}

.c-cta__content {
  position: relative;
  width: fit-content;
  margin-inline: auto;
  transform: translateX(53px);
}
@media (max-width: 767px) {
  .c-cta__content {
    width: 100%;
    transform: translateX(0);
  }
}

.c-cta__content::before {
  content: "";
  position: absolute;
  bottom: -4px;
  left: -211px;
  width: 196px;
  height: auto;
  aspect-ratio: 196/220;
  background: url("../images/cta-art.webp") no-repeat top center;
  background-size: contain;
}
@media (max-width: 767px) {
  .c-cta__content::before {
    top: -20px;
    bottom: auto;
    left: clamp(10px, -80px + 24vw, 100px); /* 375px〜750px */
    translate: 0 -100%;
    width: clamp(113px, 33px + 21.333vw, 193px); /* 375px〜750px */
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .c-cta__content::before {
    left: clamp(-190px, -75.786px - 8.361vw, -140px); /* 768px〜1366px */
    width: clamp(130px, 65.98px + 8.347vw, 180px); /* 767px〜1366px */
  }
}
.c-cta__text {
  width: clamp(460px, 361.4px + 12.855vw, 537px); /* 767px〜1366px */
  margin-inline: auto;
  margin-bottom: 7px;
}
@media (max-width: 767px) {
  .c-cta__text {
    width: clamp(344px, 104px + 64vw, 584px); /* 375px〜750px */
  }
}

.c-cta__text img {
  width: 100%;
}

.c-cta__btn-wrap {
  position: relative;
  display: flex;
  gap: 18px;
  justify-content: center;
  align-items: center;
  width: clamp(460px, 337.08px + 16.027vw, 556px); /* 767px〜1366px */
  margin-inline: auto;
}
@media (max-width: 767px) {
  .c-cta__btn-wrap {
    width: clamp(360px, 120px + 64vw, 600px); /* 375px〜750px */
  }
}

.c-cta__btn {
  position: relative;
  display: inline-block;
  width: 100%;
  padding-block: 18px;
  font-size: clamp(18px, 9.04px + 1.169vw, 25px); /* 767px〜1366px */
  font-weight: 600;
  line-height: 1;
  text-align: center;
  color: #fff;
  border: 3px solid #fff;
  border-radius: 999px;
}
@media (max-width: 767px) {
  .c-cta__btn {
    font-size: clamp(18px, 11px + 1.867vw, 25px); /* 375px〜750px */
  }
}

.c-cta__btn--contact {
  background: linear-gradient(to bottom, #ff875f 0%, #ffab8f 100%);
}

.c-cta__btn--apply {
  background: linear-gradient(to bottom, #98d9b8 0%, #6bc999 100%);
}

.c-cta__btn::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 26px;
  transform: translateY(-50%);
  width: 9px;
  height: 13px;
  background: url("../images/cta-btn-arrow.svg") no-repeat top center;
}

.footer {
  max-width: 1366px;
  margin-inline: auto;
}

.footer__inner {
  padding-block: clamp(24px, -6.73px + 4.007vw, 48px); /* 767px〜1366px */
  background: #fff;
}

.footer__text {
  text-align: center;
}

.footer__text img {
  display: block;
  width: clamp(229px, 126.56px + 13.356vw, 309px); /* 767px〜1366px */
  margin-inline: auto;
}
@media (max-width: 767px) {
  .footer__text img {
    width: clamp(200px, 91px + 29.067vw, 309px); /* 375px〜750px */
  }
}

/* ===== Pages / hero ===== */
.fv {
  background: url("../images/fv-bg.webp") no-repeat top center;
  background-size: cover;
}
@media (max-width: 767px) {
  .fv {
    background: url("../images/fv-bg_sp.webp") no-repeat top center;
    background-size: 100% auto;
  }
}

.fv__inner {
  padding-top: clamp(50px, 0.06px + 6.511vw, 89px); /* 767px〜1366px */
  padding-bottom: clamp(60px, -143.59px + 26.544vw, 219px); /* 767px〜1366px */
}
@media (max-width: 767px) {
  .fv__inner {
    padding-top: clamp(180px, -1px + 48.267vw, 361px); /* 375px〜750px */
    padding-bottom: clamp(180px, -10px + 50.667vw, 370px); /* 375px〜750px */
  }
}

.fv__sub-title {
  width: clamp(324px, 152.42px + 22.371vw, 458px); /* 767px〜1366px */
  margin-inline: auto;
  margin-bottom: 28px;
  text-align: center;
}
@media (max-width: 767px) {
  .fv__sub-title {
    width: clamp(264px, 84px + 48vw, 444px); /* 375px〜750px */
    margin-bottom: clamp(16px, 4px + 3.2vw, 28px); /* 375px〜750px */
  }
}

.fv__sub-title img {
  width: 100%;
}

.fv__title {
  width: clamp(400px, 87.57px + 40.735vw, 644px); /* 767px〜1366px */
  margin-inline: auto;
  margin-bottom: 64px;
}
@media (max-width: 767px) {
  .fv__title {
    width: clamp(366px, 87px + 74.4vw, 645px); /* 375px〜750px */
    margin-bottom: clamp(16px, -26px + 11.2vw, 58px); /* 375px〜750px */
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .fv__title {
    width: clamp(340px, 186.34px + 20.033vw, 460px); /* 767px〜1366px */
  }
}
.fv__title img {
  width: 100%;
}

.fv__text {
  font-size: 19px;
  font-weight: 300;
  line-height: 1.5789473684;
  letter-spacing: 0.04em;
  text-align: center;
}
@media (max-width: 767px) {
  .fv__text {
    font-size: clamp(11px, 3px + 2.133vw, 19px); /* 375px〜750px */
  }
}

@media (min-width: 1140px) and (max-width: 1359px) {
  .fv__text {
    font-size: 16px;
  }
}
@media (min-width: 935px) and (max-width: 1139px) {
  .fv__text {
    font-size: 14px;
  }
}
@media (min-width: 768px) and (max-width: 934px) {
  .fv__text {
    font-size: 12px;
  }
}
/* ===== Pages / worry ===== */
.worry {
  position: relative;
  margin-top: -67px;
  padding-top: 67px;
  overflow: hidden;
}
@media (max-width: 767px) {
  .worry {
    margin-top: -100px;
    padding-top: clamp(60px, -7px + 17.867vw, 127px); /* 375px〜750px */
  }
}

.worry::after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 112%;
  height: 100%;
  background: url("../images/worry-bg.webp") no-repeat;
  background-size: 100% 100%;
  background-position: left top;
  z-index: 0;
}
@media (max-width: 767px) {
  .worry::after {
    background-size: 140% 100%;
    background-position: center top;
  }
}

.worry__inner {
  position: relative;
  z-index: 2;
  padding-top: clamp(0px, -70.43px + 9.182vw, 55px); /* 767px〜1366px */
  padding-bottom: clamp(480px, 198.3px + 36.728vw, 700px); /* 767px〜1366px */
}
@media (max-width: 767px) {
  .worry__inner {
    padding-bottom: clamp(464px, 114px + 93.333vw, 814px); /* 375px〜750px */
  }
}

.worry__title {
  width: clamp(447px, 165.3px + 36.728vw, 667px); /* 767px〜1366px */
  margin-inline: auto;
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .worry__title {
    width: clamp(228px, 78px + 40vw, 378px); /* 375px〜750px */
    margin-bottom: clamp(20px, -6px + 6.933vw, 46px); /* 375px〜750px */
  }
}

.worry__title img {
  width: 100%;
}

.worry__image {
  width: min(80%, 994px);
  margin-inline: auto;
  margin-bottom: 10px;
}
@media (max-width: 767px) {
  .worry__image {
    width: 686px;
    margin-bottom: 40px;
    padding-inline: 16px;
  }
}

.worry__image img {
  width: 100%;
}

.worry__text {
  margin-bottom: 48px;
  font-size: clamp(16px, 10.88px + 0.668vw, 20px); /* 767px〜1366px */
  font-weight: 200;
  line-height: 1.5;
  letter-spacing: 0.08em;
  text-align: center;
}
@media (max-width: 767px) {
  .worry__text {
    font-size: clamp(13px, 1px + 3.2vw, 25px); /* 375px〜750px */
    margin-bottom: clamp(34px, -6px + 10.667vw, 74px); /* 375px〜750px */
  }
}

.worry__text span {
  font-weight: 600;
  color: #ff875f;
}

.worry__graph {
  width: min(70%, 775px);
  margin-inline: auto;
  margin-bottom: 92px;
}
@media (max-width: 767px) {
  .worry__graph {
    width: clamp(350px, 40px + 82.667vw, 660px); /* 375px〜750px */
    margin-bottom: clamp(40px, -6px + 12.267vw, 86px); /* 375px〜750px */
  }
}

.worry__graph img {
  width: 100%;
}

.worry__btm-text-fukidashi {
  width: clamp(500px, 336.1px + 21.369vw, 628px); /* 767px〜1366px */
  margin-inline: auto;
  margin-bottom: 26px;
}
@media (max-width: 767px) {
  .worry__btm-text-fukidashi {
    width: clamp(267px, 37px + 61.333vw, 497px); /* 375px〜750px */
  }
}

.worry__btm-text-fukidashi img {
  width: 100%;
}

.worry__btm-text {
  position: relative;
  width: clamp(520px, 393.23px + 16.528vw, 619px); /* 767px〜1366px */
  margin-inline: auto;
}
@media (max-width: 767px) {
  .worry__btm-text {
    width: clamp(300px, 80px + 58.667vw, 520px); /* 375px〜750px */
  }
}

.worry__btm-text img {
  width: 100%;
}

.worry__btm-text::before,
.worry__btm-text::after {
  content: "";
  position: absolute;
  bottom: -7px;
  width: 36px;
  height: 52px;
  background: url("../images/worry-water.webp") no-repeat top center;
  background-size: contain;
}
@media (max-width: 767px) {
  .worry__btm-text::before,
  .worry__btm-text::after {
    bottom: clamp(23px, 6px + 4.533vw, 40px); /* 375px〜750px */
    width: clamp(20px, 4px + 4.267vw, 36px); /* 375px〜750px */
    height: clamp(28px, 4px + 6.4vw, 52px); /* 375px〜750px */
  }
}

.worry__btm-text::before {
  left: clamp(-20px, 0px - 2.667vw, -10px);
  transform: translateX(-100%);
}

.worry__btm-text::after {
  right: clamp(-25px, 5px - 4vw, -10px);
  transform: translateX(100%) scaleX(-1);
}

/* ===== Pages / influence ===== */
.influence {
  position: relative;
  z-index: 3;
  overflow: visible;
  background-color: transparent;
}

.influence__inner {
  position: relative;
  z-index: 1;
  padding-top: 40px;
  padding-bottom: 13px;
}
@media (max-width: 767px) {
  .influence__inner {
    padding-top: 100px;
  }
}

.influence__content {
  position: relative;
  z-index: 1;
  margin-top: clamp(-440px, -188.729px - 18.395vw, -340px); /* 768px〜1366px */
}
@media (max-width: 767px) {
  .influence__content {
    margin-top: clamp(-730px, -70px - 88vw, -400px); /* 375px ~ 767px */
  }
}

.influence__title {
  width: clamp(513px, 128.86px + 50.083vw, 813px); /* 767px〜1366px */
  margin-inline: auto;
  margin-bottom: 60px;
}
@media (max-width: 767px) {
  .influence__title {
    width: clamp(322px, 92px + 61.333vw, 552px); /* 375px〜750px */
    margin-bottom: clamp(55px, 15px + 10.667vw, 95px); /* 375px〜750px */
  }
}

.influence__title img {
  width: 100%;
}

.influence__text {
  margin-bottom: 78px;
  font-size: clamp(16px, 10.88px + 0.668vw, 20px); /* 767px〜1366px */
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.08em;
  text-align: center;
  color: #7a6a56;
}
@media (max-width: 767px) {
  .influence__text {
    font-size: clamp(13px, 1px + 3.2vw, 25px); /* 375px〜750px */
    margin-bottom: clamp(50px, 0px + 13.333vw, 100px); /* 375px〜750px */
  }
}

.influence__text span {
  font-weight: 600;
  color: #ff875f;
}

.influence__list {
  display: flex;
  justify-content: center;
  gap: 24px;
}
@media (max-width: 767px) {
  .influence__list {
    flex-wrap: wrap;
  }
}

.influence__list--row2 {
  margin-bottom: 32px;
}

.influence__list--row3 {
  margin-inline: auto;
  margin-bottom: 38px;
}

.influence__list-item {
  width: clamp(220px, 77.87px + 18.531vw, 331px); /* 767px〜1366px */
}
@media (max-width: 767px) {
  .influence__list-item {
    width: clamp(160px, -10px + 45.333vw, 330px); /* 375px〜750px */
  }
}

.influence__list-item img {
  width: 100%;
  max-width: 331px;
}

.influence__list-source {
  width: clamp(480px, 249.52px + 30.05vw, 660px); /* 767px〜1366px */
  margin-inline: auto;
  margin-bottom: 38px;
}
@media (max-width: 767px) {
  .influence__list-source {
    width: clamp(260px, 89px + 45.6vw, 431px); /* 375px〜750px */
  }
}

.influence__list-source img {
  width: 100%;
}

.influence__deco {
  width: 34px;
  margin-inline: auto;
  margin-bottom: 48px;
}

.influence__deco img {
  width: 100%;
}

.influence__btm-text {
  width: clamp(565px, 232.08px + 43.406vw, 825px); /* 767px〜1366px */
  margin-inline: auto;
  margin-bottom: 28px;
}
@media (max-width: 767px) {
  .influence__btm-text {
    width: clamp(278px, 88px + 50.667vw, 468px); /* 375px〜750px */
    margin-bottom: clamp(30px, 10px + 5.333vw, 50px); /* 375px〜750px */
  }
}

.influence__btm-text img {
  width: 100%;
}

.influence__btm-msg {
  width: clamp(670px, 342.2px + 42.738vw, 926px); /* 767px〜1366px */
  margin-inline: auto;
  margin-bottom: 38px;
}
@media (max-width: 767px) {
  .influence__btm-msg {
    width: clamp(313px, 123px + 50.667vw, 503px); /* 375px〜750px */
  }
}

.influence__btm-msg img {
  width: 100%;
}

/* ===== Pages / feature ===== */
.feature__top-area {
  padding-top: clamp(110px, 20.37px + 11.686vw, 180px); /* 767px〜1366px */
  padding-bottom: clamp(40px, -36.83px + 10.017vw, 100px); /* 767px〜1366px */
  background-image: url("../images/feature-top-area-bg.webp"), linear-gradient(to bottom, transparent 0%, transparent 20%, #fff9ee 20%, #fff9ee 100%);
  background-size: 100% auto, 100% 100%;
  background-position: top center, top center;
  background-repeat: no-repeat, no-repeat;
}
@media (max-width: 767px) {
  .feature__top-area {
    padding-top: clamp(60px, 10px + 13.333vw, 110px); /* 375px〜750px */
    padding-bottom: clamp(50px, -20px + 18.667vw, 120px); /* 375px〜750px */
    background-image: url("../images/feature-top-area-bg_sp.webp"), linear-gradient(to bottom, transparent 0%, transparent 20%, #FAF5EC 20%, #FAF5EC 100%);
    filter: drop-shadow(0 0 20px rgba(92, 80, 65, 0.2));
  }
}

.feature__title {
  width: clamp(600px, 110.86px + 63.773vw, 982px); /* 767px〜1366px */
  margin-inline: auto;
  margin-bottom: clamp(42px, 3.59px + 5.008vw, 72px); /* 767px〜1366px */
}
@media (max-width: 767px) {
  .feature__title {
    width: clamp(300px, 97px + 54.133vw, 503px); /* 375px〜750px */
    margin-bottom: clamp(36px, -24px + 16vw, 96px); /* 375px〜750px */
  }
}

.feature__title img {
  width: 100%;
}

.feature__intro {
  width: clamp(563px, 178.86px + 50.083vw, 863px); /* 767px〜1366px */
  margin-inline: auto;
  margin-bottom: 18px;
  text-align: center;
}
@media (max-width: 767px) {
  .feature__intro {
    width: clamp(326px, 36px + 77.333vw, 616px); /* 375px〜750px */
    margin-bottom: 26px;
  }
}

.feature__intro img {
  width: 100%;
}

.feature__intro-catch {
  width: clamp(435px, 242.93px + 25.042vw, 585px); /* 767px〜1366px */
  margin-inline: auto;
  margin-bottom: clamp(8px, -43.22px + 6.678vw, 48px); /* 767px〜1366px */
  text-align: center;
}
@media (max-width: 767px) {
  .feature__intro-catch {
    width: clamp(300px, 13px + 76.533vw, 587px); /* 375px〜750px */
    margin-bottom: 42px;
  }
}

.feature__intro-catch img {
  width: 100%;
}

.feature__media-list {
  width: 100%;
  margin-inline: auto;
  margin-bottom: 46px;
}
@media (max-width: 767px) {
  .feature__media-list {
    display: flex;
    flex-direction: column;
    gap: 42px;
    padding-inline: clamp(16px, -18px + 9.067vw, 50px); /* 375px〜750px */
  }
}

.feature__media-item {
  display: grid;
  grid-template-columns: minmax(420px, 582px) fit-content(100%);
  justify-content: center;
  align-items: start;
  column-gap: 0;
}
@media (max-width: 767px) {
  .feature__media-item {
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    gap: 32px;
  }
}

.feature__text {
  grid-row: 1;
  grid-column: 1;
  align-self: start;
  font-size: clamp(16px, 10.88px + 0.668vw, 20px); /* 767px〜1366px */
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.04em;
  text-align: justify;
  color: #7a6a56;
}
@media (max-width: 767px) {
  .feature__text {
    font-size: clamp(13px, 1px + 3.2vw, 25px); /* 375px〜750px */
  }
}

.feature__image {
  grid-row: 1;
  grid-column: 2;
  justify-self: end;
  width: clamp(320px, 26.77px + 38.23vw, 549px); /* 767px〜1366px */
}
@media (max-width: 767px) {
  .feature__image {
    width: 73.2%;
    min-width: 260px;
  }
}

.feature__image img {
  width: 100%;
}

/* 1つ目 */
.feature__media-item:first-child {
  justify-content: flex-end;
  margin-right: 7px;
  gap: clamp(16px, -17.29px + 4.341vw, 42px); /* 767px〜1366px */
}
.feature__media-item:first-child .feature__text {
  margin-top: clamp(30px, -8.41px + 5.008vw, 60px); /* 767px〜1366px */
}
@media (max-width: 767px) {
  .feature__media-item:first-child .feature__text {
    margin-top: 0;
  }
}

/* 2つ目 */
.feature__media-item:nth-child(2) .feature__image {
  transform: translateY(clamp(-92px, 72.468px - 12.04vw, -20px));
}
@media (max-width: 767px) {
  .feature__media-item:nth-child(2) .feature__image {
    transform: translateY(0);
  }
}
.feature__media-item:nth-child(2) .feature__text {
  margin-top: 50px;
}
@media (max-width: 767px) {
  .feature__media-item:nth-child(2) .feature__text {
    margin-top: 0;
  }
}

/* 偶数番目 */
.feature__media-item:nth-child(even) {
  grid-template-columns: fit-content(100%) minmax(420px, 582px);
  justify-content: flex-start;
  gap: clamp(12px, -0.8px + 1.669vw, 22px); /* 767px〜1366px */
  margin-left: clamp(0px, -38.41px + 5.008vw, 30px); /* 767px〜1366px */
}

.feature__media-item:nth-child(even) .feature__text {
  grid-row: 1;
  grid-column: 2;
}

.feature__media-item:nth-child(even) .feature__image {
  grid-row: 1;
  grid-column: 1;
  justify-self: start;
}

.feature__bottom-text {
  width: clamp(630px, 271.47px + 46.745vw, 910px); /* 767px〜1366px */
  margin-inline: auto;
  margin-top: clamp(-97px, 124.575px - 16.221vw, 0px); /* 768px〜1366px */
  margin-bottom: 18px;
  text-align: center;
}
@media (max-width: 767px) {
  .feature__bottom-text {
    width: clamp(300px, 28px + 72.533vw, 572px); /* 375px〜750px */
    margin-bottom: 20px;
  }
}

.feature__bottom-text img {
  width: 100%;
}

.feature__bottom-text-catch {
  width: clamp(454px, 210.71px + 31.72vw, 644px); /* 767px〜1366px */
  margin-inline: auto;
  margin-bottom: 48px;
  text-align: center;
}
@media (max-width: 767px) {
  .feature__bottom-text-catch {
    width: clamp(330px, 10px + 85.333vw, 650px); /* 375px〜750px */
  }
}

.feature__bottom-text-catch img {
  width: 100%;
}

@media (min-width: 768px) and (max-width: 1100px) {
  .feature__text {
    padding-left: 1em;
  }
  .feature__media-item:nth-child(even) .feature__text {
    padding-right: 1em;
  }
}
/* ===== Pages / step ===== */
.step {
  position: relative;
  z-index: 2;
  margin-top: -48px;
  background-image: url("../images/step-bg.webp");
  background-size: auto 100%;
  background-position: top center;
  background-repeat: no-repeat;
}
@media (max-width: 767px) {
  .step {
    background-image: url("../images/step-bg_sp.webp");
  }
}

.step__inner {
  padding-top: clamp(90px, -16.28px + 13.856vw, 173px); /* 767px〜1366px */
  padding-bottom: clamp(60px, 4.94px + 7.179vw, 103px); /* 767px〜1366px */
}
@media (max-width: 767px) {
  .step__inner {
    padding-bottom: clamp(40px, -20px + 16vw, 100px); /* 375px〜750px */
  }
}

.step__title-pre {
  width: clamp(390px, 108.3px + 36.728vw, 610px); /* 767px〜1366px */
  margin-inline: auto;
  margin-bottom: 24px;
  text-align: center;
}
@media (max-width: 767px) {
  .step__title-pre {
    width: clamp(326px, 42px + 75.733vw, 610px); /* 375px〜750px */
    margin-bottom: clamp(10px, 0px + 2.667vw, 20px); /* 375px〜750px */
  }
}

.step__title-pre img {
  width: 100%;
}

.step__title {
  width: clamp(400px, 136.22px + 34.391vw, 606px); /* 767px〜1366px */
  margin-inline: auto;
  margin-bottom: clamp(24px, -6.73px + 4.007vw, 48px); /* 767px〜1366px */
  text-align: center;
}
@media (max-width: 767px) {
  .step__title {
    width: clamp(356px, 106px + 66.667vw, 606px); /* 375px〜750px */
    margin-bottom: 56px;
  }
}

.step__title img {
  width: 100%;
}

.step__intro {
  width: clamp(584px, 212.66px + 48.414vw, 874px); /* 767px〜1366px */
  margin-inline: auto;
  margin-bottom: 37px;
  text-align: center;
}
@media (max-width: 767px) {
  .step__intro {
    width: clamp(300px, 87px + 56.8vw, 513px); /* 375px〜750px */
    margin-bottom: 41px;
  }
}

.step__intro img {
  width: 100%;
}

.step__list {
  display: flex;
  flex-direction: column;
  gap: clamp(16px, -30.1px + 6.01vw, 52px); /* 767px〜1366px */
  width: min(95%, 1143px);
  margin-inline: auto;
  margin-bottom: clamp(24px, -6.73px + 4.007vw, 48px); /* 767px〜1366px */
  padding-inline: clamp(24px, -37.46px + 8.013vw, 72px); /* 767px〜1366px */
  padding-top: clamp(60px, 4.94px + 7.179vw, 103px); /* 767px〜1366px */
  padding-bottom: clamp(60px, -37.32px + 12.688vw, 136px); /* 767px〜1366px */
  background: url("../images/step-list-bg.svg") no-repeat center center;
}
@media (max-width: 767px) {
  .step__list {
    gap: 42px;
    background: url("../images/step-list-bg_sp.webp") no-repeat center center;
    background-size: 100% 100%;
    padding-block: clamp(30px, 0px + 8vw, 60px); /* 375px〜750px */
  }
}

.step__list-item {
  display: flex;
  align-items: center;
  gap: clamp(24px, -6.73px + 4.007vw, 48px); /* 767px〜1366px */
  padding-inline: 1em 2em;
}
@media (max-width: 767px) {
  .step__list-item {
    flex-direction: column;
    gap: 0;
  }
}

.step__image-area {
  flex-shrink: 0;
  width: clamp(145px, 74.57px + 9.182vw, 200px); /* 767px〜1366px */
}
@media (max-width: 767px) {
  .step__image-area {
    width: clamp(130px, 60px + 18.667vw, 200px); /* 375px〜750px */
  }
}

.step__image-area img {
  width: 100%;
}

.step__list-title {
  width: clamp(108px, 43.98px + 8.347vw, 158px); /* 767px〜1366px */
  margin-left: -18px;
}
@media (max-width: 767px) {
  .step__list-title {
    width: clamp(85px, 12px + 19.467vw, 158px); /* 375px〜750px */
  }
}

.step__list-title img {
  width: 100%;
}

.step__list-text {
  font-size: clamp(14px, 6.32px + 1.002vw, 20px); /* 767px〜1366px */
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.14em;
  text-align: justify;
  color: #7a6a56;
}
@media (max-width: 767px) {
  .step__list-text {
    font-size: clamp(11px, -1px + 3.2vw, 23px); /* 375px〜750px */
  }
}

.step__list-text span {
  font-weight: 600;
}

/* ===== Pages / product ===== */
.product {
  position: relative;
  z-index: 1;
  margin-top: -64px;
  background: url("../images/product-bg.webp") no-repeat;
  background-position: center bottom;
  background-size: 100% auto;
}
@media (max-width: 767px) {
  .product {
    margin-top: -78px;
    background: url("../images/product-bg_sp.webp") no-repeat;
    background-position: center bottom;
    background-size: 100% auto;
    background-color: #FFFDF9;
  }
}

.product__inner {
  padding-top: clamp(100px, 23.17px + 10.017vw, 160px); /* 767px〜1366px */
  padding-bottom: clamp(70px, -42.68px + 14.691vw, 158px); /* 767px〜1366px */
}
@media (max-width: 767px) {
  .product__inner {
    padding-top: clamp(130px, 130px + 0vw, 130px); /* 375px〜750px */
    padding-bottom: clamp(50px, 30px + 5.333vw, 70px); /* 375px〜750px */
  }
}

.product__title-pre {
  width: clamp(330px, 112.32px + 28.381vw, 500px); /* 767px〜1366px */
  margin-inline: auto;
  margin-bottom: 18px;
}
@media (max-width: 767px) {
  .product__title-pre {
    width: clamp(280px, 60px + 58.667vw, 500px); /* 375px〜750px */
    margin-bottom: 20px;
  }
}

.product__title-pre img {
  width: 100%;
}

.product__title {
  width: clamp(575px, 203.66px + 48.414vw, 865px); /* 767px〜1366px */
  margin-inline: auto;
  margin-bottom: clamp(16px, -4.49px + 2.671vw, 32px); /* 767px〜1366px */
  transform: translateX(10px);
}
@media (max-width: 767px) {
  .product__title {
    width: clamp(328px, 18px + 82.667vw, 638px); /* 375px〜750px */
    margin-bottom: clamp(32px, 0px + 8.533vw, 64px); /* 375px〜750px */
  }
}

.product__title img {
  width: 100%;
}

.product__media {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: clamp(24px, 0.95px + 3.005vw, 42px); /* 767px〜1366px */
  width: min(95%, 945px);
  margin-inline: auto;
  margin-bottom: 26px;
}
@media (max-width: 767px) {
  .product__media {
    width: 100%;
    padding-inline: clamp(16px, -8px + 6.4vw, 40px); /* 375px〜750px */
    align-items: flex-start;
    gap: clamp(8px, -8px + 4.267vw, 24px); /* 375px〜750px */
  }
}

.product__media-text {
  flex: 1 1 auto;
  width: 63.5%;
  font-size: clamp(16px, 8.32px + 1.002vw, 22px); /* 767px〜1366px */
  font-weight: 300;
  line-height: 1.54545;
  letter-spacing: 0.08em;
  color: #7a6a56;
}
@media (max-width: 767px) {
  .product__media-text {
    font-size: clamp(11px, -1px + 3.2vw, 23px); /* 375px〜750px */
    margin-bottom: clamp(30px, 0px + 8vw, 60px); /* 375px〜750px */
  }
}

.product__media-text span {
  font-weight: 500;
  color: #ff875f;
}

.product__media-image {
  flex-shrink: 0;
  width: 31.8%;
}
@media (max-width: 767px) {
  .product__media-image {
    width: 40%;
  }
}

.product__media-image img {
  display: block;
  width: 100%;
}

.product__list {
  display: flex;
  justify-content: center;
  gap: 14px;
  width: min(80%, 1000px);
  margin-inline: auto;
  margin-bottom: 58px;
}
@media (max-width: 767px) {
  .product__list {
    flex-wrap: wrap;
    width: 100%;
    max-width: 594px;
    margin-inline: auto;
    gap: 12px;
    margin-bottom: clamp(30px, 0px + 8vw, 60px); /* 375px〜750px */
  }
}

.product__list-item {
  width: 200px;
}
@media (max-width: 767px) {
  .product__list-item {
    width: clamp(98px, 8px + 24vw, 188px); /* 375px〜750px */
  }
}

.product__list-item img {
  width: 100%;
}

.product__btm-text {
  width: clamp(625px, 221.65px + 52.588vw, 940px); /* 767px〜1366px */
  margin-inline: auto;
}
@media (max-width: 767px) {
  .product__btm-text {
    width: clamp(333px, -1px + 89.067vw, 667px); /* 375px〜750px */
    margin-bottom: clamp(0px, -60px + 16vw, 60px); /* 375px〜750px */
  }
}

.product__btm-text img {
  width: 100%;
}

/* ===== Pages / change ===== */
.change__inner {
  padding-block: clamp(80px, 13.42px + 8.681vw, 132px); /* 767px〜1366px */
  padding-bottom: clamp(100px, 23.17px + 10.017vw, 160px); /* 767px〜1366px */
}
@media (max-width: 767px) {
  .change__inner {
    padding-bottom: clamp(40px, -20px + 16vw, 100px); /* 375px〜750px */
  }
}

.change__title {
  width: clamp(530px, 189.4px + 44.407vw, 796px); /* 767px〜1366px */
  margin-inline: auto;
  margin-bottom: 54px;
}
@media (max-width: 767px) {
  .change__title {
    width: clamp(270px, 69px + 53.6vw, 471px); /* 375px〜750px */
  }
}

.change__title img {
  width: 100%;
}

.change__list {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 34px;
  width: min(95%, 1000px);
  margin-inline: auto;
}
@media (max-width: 767px) {
  .change__list {
    width: 100%;
    padding-inline: clamp(16px, -44px + 16vw, 76px); /* 375px〜750px */
    gap: 42px;
  }
}

.change__list-item {
  display: flex;
  align-items: center;
  gap: 27px;
}
@media (max-width: 767px) {
  .change__list-item {
    flex-direction: column-reverse;
    gap: 0;
  }
}

.change__list-item:nth-child(even) {
  flex-direction: row-reverse;
}
@media (max-width: 767px) {
  .change__list-item:nth-child(even) {
    flex-direction: column-reverse;
  }
}

.change__label {
  margin-bottom: 20px;
}

.change__label img {
  width: 100%;
}

.change__list-item:first-child .change__label {
  width: clamp(79px, 14.98px + 8.347vw, 129px); /* 767px〜1366px */
}
@media (max-width: 767px) {
  .change__list-item:first-child .change__label {
    width: clamp(60px, -9px + 18.4vw, 129px); /* 375px〜750px */
  }
}

.change__list-item:nth-child(2) .change__label {
  width: clamp(83px, 18.98px + 8.347vw, 133px); /* 767px〜1366px */
}
@media (max-width: 767px) {
  .change__list-item:nth-child(2) .change__label {
    width: clamp(69px, -1px + 18.667vw, 139px); /* 375px〜750px */
    margin-left: auto;
  }
}

.change__list-item:nth-child(3) .change__label {
  width: clamp(83px, 18.98px + 8.347vw, 133px); /* 767px〜1366px */
}
@media (max-width: 767px) {
  .change__list-item:nth-child(3) .change__label {
    width: clamp(72px, -8px + 21.333vw, 152px); /* 375px〜750px */
  }
}

.change__list-item .text-area {
  width: clamp(360px, -103.45px + 60.345vw, 500px); /* 768px〜1000px */
}
@media (max-width: 767px) {
  .change__list-item .text-area {
    width: 100%;
    margin-top: -40px;
  }
}

.change__text {
  position: relative;
  font-size: clamp(18px, 9.04px + 1.169vw, 25px); /* 767px〜1366px */
  font-weight: 400;
  line-height: 1.47;
  letter-spacing: 0.01em;
  text-align: justify;
  color: #7a6a56;
}
@media (max-width: 767px) {
  .change__text {
    font-size: clamp(14px, 3px + 2.933vw, 25px); /* 375px〜750px */
  }
}

.change__list-item .change__text::after {
  content: "";
  position: absolute;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  z-index: -1;
}

.change__list-item:nth-child(1) .change__text::after {
  top: -60px;
  right: 0;
  width: clamp(274px, 134px + 37.333vw, 414px); /* 375px〜750px */
  height: auto;
  aspect-ratio: 414/336;
  background-image: url("../images/change-list-bg01.webp");
  transform: translate(1%, -5%);
}
@media (max-width: 767px) {
  .change__list-item:nth-child(1) .change__text::after {
    transform: none;
    top: -100px;
    right: -60px;
  }
}

.change__list-item:nth-child(2) .change__text::after {
  top: -60px;
  right: -30px;
  width: 408px;
  height: auto;
  aspect-ratio: 408/320;
  background-image: url("../images/change-list-bg02.webp");
}
@media (max-width: 767px) {
  .change__list-item:nth-child(2) .change__text::after {
    top: -100px;
    left: -40px;
    right: auto;
    width: clamp(238px, 68px + 45.333vw, 408px); /* 375px〜750px */
  }
}

.change__list-item:nth-child(3) .change__text::after {
  top: -90px;
  right: 30px;
  width: 424px;
  height: auto;
  aspect-ratio: 424/367;
  background-image: url("../images/change-list-bg03.webp");
}
@media (max-width: 767px) {
  .change__list-item:nth-child(3) .change__text::after {
    top: -160px;
    right: -60px;
    width: clamp(294px, 164px + 34.667vw, 424px); /* 375px〜750px */
  }
}

.change__list-item .image-area {
  flex: 1;
}

@media (max-width: 767px) {
  .change__list-item:nth-child(1) .image-area {
    width: clamp(250px, 103px + 39.2vw, 397px); /* 375px〜750px */
  }
  .change__list-item:nth-child(2) .image-area {
    width: clamp(296px, 166px + 34.667vw, 426px); /* 375px〜750px */
  }
  .change__list-item:nth-child(3) .image-area {
    width: clamp(267px, 107px + 42.667vw, 427px); /* 375px〜750px */
  }
}
/*
  重ね順（同一スタッキングコンテキスト内）:
  0: 各セクションの背景（::before）
  1: 左右の木（.section-wrap の疑似要素）
  2: 各セクションの中身（__inner）／後続の .concept
*/
.section-wrap {
  position: relative;
}

.section-wrap::before,
.section-wrap::after {
  content: "";
  position: absolute;
  z-index: 1;
  height: auto;
  pointer-events: none;
}
@media (max-width: 767px) {
  .section-wrap::before,
  .section-wrap::after {
    content: none;
  }
}

.section-wrap::before {
  top: 16.3%;
  left: 0;
  width: 190px;
  aspect-ratio: 156/632;
  background: url("../images/section-wrap-deco-l.svg") no-repeat;
  background-size: contain;
}

.section-wrap::after {
  top: 4.2%;
  right: 0;
  width: 158px;
  aspect-ratio: 156/632;
  background: url("../images/section-wrap-deco-r.svg") no-repeat;
  background-size: contain;
}

/* ===== Pages / target ===== */
.target {
  position: relative;
}

.target::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  background-image: url("../images/target-bg.svg"), linear-gradient(to bottom, transparent 0%, transparent 20%, #FFF9EE 20%, #FFF9EE 100%);
  background-size: 100% auto, 100% 100%;
  background-position: top center, top center;
  background-repeat: no-repeat, no-repeat;
  pointer-events: none;
}

.target__inner {
  position: relative;
  z-index: 2;
  padding-top: clamp(110px, 20.37px + 11.686vw, 180px); /* 767px〜1366px */
  padding-bottom: 210px;
}

.target__title {
  width: clamp(419px, 162.91px + 33.389vw, 619px); /* 767px〜1366px */
  margin-inline: auto;
  margin-bottom: 52px;
}
@media (max-width: 767px) {
  .target__title {
    width: clamp(325px, 35px + 77.333vw, 615px); /* 375px〜750px */
    margin-bottom: clamp(40px, -40px + 21.333vw, 120px); /* 375px〜750px */
  }
}

.target__title img {
  width: 100%;
}

.target__list {
  display: flex;
  flex-direction: column;
  gap: 0px;
  width: min(95%, 940px);
  margin-inline: auto;
  transform: translateX(28px);
}
@media (max-width: 767px) {
  .target__list {
    width: 100%;
    padding-inline: clamp(16px, -14px + 8vw, 46px); /* 375px〜750px */
    transform: translateX(0);
  }
}

.target__item {
  position: relative;
  padding-inline: 1.5em;
  font-size: clamp(18px, 9.04px + 1.169vw, 25px); /* 767px〜1366px */
  font-weight: 300;
  line-height: 1.71;
  letter-spacing: 0em;
  color: #7a6a56;
}
@media (max-width: 767px) {
  .target__item {
    padding-left: 1.4em;
    padding-right: 0;
    font-size: clamp(13px, 1px + 3.2vw, 25px); /* 375px〜750px */
  }
}

.target__item::before {
  content: "";
  position: absolute;
  top: 0.8em;
  left: 0;
  transform: translateY(-50%);
  width: clamp(16px, 5.76px + 1.336vw, 24px); /* 767px〜1366px */
  height: auto;
  aspect-ratio: 1/1;
  background: url("../images/target-list-icon.svg") no-repeat center center;
  background-size: contain;
}
@media (max-width: 767px) {
  .target__item::before {
    width: clamp(14px, 4px + 2.667vw, 24px); /* 375px〜750px */
  }
}

.target__item span {
  background: linear-gradient(to bottom, transparent 60%, #f9ffd3 60%);
}

/* ===== Pages / profile ===== */
.profile {
  position: relative;
  margin-top: -190px;
}

.profile::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  background-image: url("../images/profile-bg.svg"), linear-gradient(to bottom, transparent 0%, transparent 20%, #F0F7F2 20%, #F0F7F2 100%);
  background-size: 100% auto, 100% 100%;
  background-position: top center, top center;
  background-repeat: no-repeat, no-repeat;
  pointer-events: none;
}

.profile__inner {
  position: relative;
  z-index: 2;
  width: min(95%, 1000px);
  margin-inline: auto;
  padding-top: clamp(95px, -45.85px + 18.364vw, 205px); /* 767px〜1366px */
  padding-bottom: 142px;
}
@media (max-width: 767px) {
  .profile__inner {
    width: 100%;
    padding-bottom: clamp(200px, 258px - 15.467vw, 142px); /* 375px〜750px */
  }
}

.profile__title {
  width: clamp(255px, 101.34px + 20.033vw, 375px); /* 767px〜1366px */
  margin-inline: auto;
  margin-bottom: 36px;
}
@media (max-width: 767px) {
  .profile__title {
    width: clamp(225px, 75px + 40vw, 375px); /* 375px〜750px */
  }
}

.profile__title img {
  width: 100%;
}

.profile__profile-wrap {
  margin-bottom: 83px;
}
@media (max-width: 767px) {
  .profile__profile-wrap {
    margin-bottom: clamp(30px, -1px + 8.267vw, 61px); /* 375px〜750px */
  }
}

.profile__head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1em;
  margin-bottom: 16px;
}
@media (max-width: 767px) {
  .profile__head {
    margin-bottom: 51px;
    padding-inline: clamp(16px, -8px + 6.4vw, 40px); /* 375px〜750px */
  }
}

.profile__text-area {
  width: 63.6%;
}

.profile__catch {
  width: clamp(438px, 181.91px + 33.389vw, 638px); /* 767px〜1366px */
  margin-bottom: 16px;
  margin-left: -22px;
}
@media (max-width: 767px) {
  .profile__catch {
    width: clamp(230px, 99px + 34.933vw, 361px); /* 375px〜750px */
    margin-left: clamp(-22px, -2px - 2.667vw, -12px); /* 375px〜750px */
  }
}

.profile__catch img {
  width: 100%;
}

.profile__position {
  width: clamp(199px, 96.56px + 13.356vw, 279px); /* 767px〜1366px */
  margin-bottom: 24px;
}
@media (max-width: 767px) {
  .profile__position {
    width: clamp(172px, 62px + 29.333vw, 282px); /* 375px〜750px */
    margin-bottom: clamp(12px, 0px + 3.2vw, 24px); /* 375px〜750px */
  }
}

.profile__position img {
  width: 100%;
}

.profile__name {
  width: clamp(320px, 230.37px + 11.686vw, 390px); /* 767px〜1366px */
}
@media (max-width: 767px) {
  .profile__name {
    width: clamp(210px, 30px + 48vw, 390px); /* 375px〜750px */
  }
}

.profile__name img {
  width: 100%;
}

.profile__image-area {
  flex-shrink: 0;
  width: 270px;
}
@media (max-width: 767px) {
  .profile__image-area {
    width: clamp(126px, 16px + 29.333vw, 236px); /* 375px〜750px */
  }
}

.profile__desc-wrap {
  display: flex;
  flex-direction: column;
  gap: 2.2em;
}
@media (max-width: 767px) {
  .profile__desc-wrap {
    padding-inline: clamp(16px, -18px + 9.067vw, 50px); /* 375px〜750px */
  }
}

.profile__desc {
  font-size: clamp(18px, 11.6px + 0.835vw, 23px); /* 767px〜1366px */
  font-weight: 300;
  line-height: 1.511;
  letter-spacing: 0.02em;
  text-align: justify;
  color: #7a6a56;
}
@media (max-width: 767px) {
  .profile__desc {
    font-size: clamp(13px, 1px + 3.2vw, 25px); /* 375px〜750px */
    line-height: 1.48;
  }
}

.profile__desc span {
  font-weight: 500;
}

.profile__deco {
  display: block;
  width: 230px;
  margin-inline: auto;
  margin-bottom: 55px;
}
@media (max-width: 767px) {
  .profile__deco {
    width: clamp(130px, 30px + 26.667vw, 230px); /* 375px〜750px */
    margin-bottom: clamp(30px, 5px + 6.667vw, 55px); /* 375px〜750px */
  }
}

.profile__profile-wrap--2nd .profile__head {
  flex-direction: row-reverse;
  margin-bottom: 38px;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .profile__profile-wrap--2nd .profile__head {
    gap: clamp(20px, -10px + 8vw, 50px); /* 375px〜750px */
    margin-bottom: clamp(20px, 2px + 4.8vw, 38px); /* 375px〜750px */
  }
}
.profile__profile-wrap--2nd .profile__text-area {
  width: fit-content;
}
.profile__profile-wrap--2nd .profile__catch {
  width: clamp(414px, 157.91px + 33.389vw, 614px); /* 767px〜1366px */
}
@media (max-width: 767px) {
  .profile__profile-wrap--2nd .profile__catch {
    width: clamp(180px, 28px + 40.533vw, 332px); /* 375px〜750px */
  }
}
.profile__profile-wrap--2nd .profile__position {
  width: clamp(231px, 102.95px + 16.694vw, 331px); /* 767px〜1366px */
}
@media (max-width: 767px) {
  .profile__profile-wrap--2nd .profile__position {
    width: clamp(170px, 5px + 44vw, 335px); /* 375px〜750px */
  }
}
.profile__profile-wrap--2nd .profile__name {
  width: clamp(282px, 243.59px + 5.008vw, 312px); /* 767px〜1366px */
}
@media (max-width: 767px) {
  .profile__profile-wrap--2nd .profile__name {
    width: clamp(160px, -1px + 42.933vw, 321px); /* 375px〜750px */
  }
}

/* ===== Pages / profile ===== */
.concept {
  position: relative;
  z-index: 2;
  margin-top: -195px;
  background-image: url("../images/concept-bg.svg");
  background-size: 100% auto;
  background-position: top center;
  background-repeat: no-repeat;
}

.concept__inner {
  padding-top: clamp(100px, 15.49px + 11.018vw, 166px); /* 767px〜1366px */
  padding-bottom: 84px;
}
@media (max-width: 767px) {
  .concept__inner {
    position: relative;
    padding-block: clamp(100px, 50px + 13.333vw, 150px); /* 375px〜750px */
  }
}

.concept__inner::before,
.concept__inner::after {
  content: "";
  position: absolute;
  height: auto;
  aspect-ratio: 47/116;
  background-size: contain;
  background-repeat: no-repeat;
}

.concept__inner::before {
  display: none;
}
@media (max-width: 767px) {
  .concept__inner::before {
    display: block;
    top: 0;
    left: clamp(26px, -4px + 8vw, 56px); /* 375px〜750px */
    transform: translateY(70%);
    width: clamp(36px, 16px + 5.333vw, 56px); /* 375px〜750px */
    background-image: url("../images/concept-list-deco-right.svg");
  }
}

.concept__inner::after {
  display: none;
}
@media (max-width: 767px) {
  .concept__inner::after {
    display: block;
    bottom: 20px;
    right: clamp(30px, 10px + 5.333vw, 50px); /* 375px〜750px */
    width: clamp(28px, 9px + 5.067vw, 47px); /* 375px〜750px */
    background-image: url("../images/concept-list-deco-left.svg");
  }
}

.concept__title {
  width: clamp(564px, 64.62px + 65.109vw, 954px); /* 767px〜1366px */
  margin-inline: auto;
  margin-bottom: 54px;
}
@media (max-width: 767px) {
  .concept__title {
    width: clamp(270px, -24px + 78.4vw, 564px); /* 375px〜750px */
    margin-bottom: clamp(30px, -4px + 9.067vw, 64px); /* 375px〜750px */
  }
}

.concept__title img {
  width: 100%;
}

.concept__intro {
  width: clamp(675px, 175.62px + 65.109vw, 1065px); /* 767px〜1366px */
  margin-inline: auto;
  margin-bottom: 50px;
}
@media (max-width: 767px) {
  .concept__intro {
    width: clamp(310px, -55px + 97.333vw, 675px); /* 375px〜750px */
    margin-bottom: clamp(30px, 10px + 5.333vw, 50px); /* 375px〜750px */
  }
}

.concept__intro img {
  width: 100%;
}

.concept__list {
  position: relative;
  width: min(80%, 950px);
  margin-inline: auto;
}
@media (max-width: 767px) {
  .concept__list {
    width: 100%;
    padding-inline: clamp(12px, -14px + 6.933vw, 38px); /* 375px〜750px */
  }
}

.concept__list-body {
  display: flex;
  justify-content: center;
  gap: clamp(24px, 3.51px + 2.671vw, 40px); /* 767px〜1366px */
}
@media (max-width: 767px) {
  .concept__list-body {
    flex-direction: column;
    align-items: center;
    gap: 1em;
  }
}

.concept__list::before,
.concept__list::after {
  content: "";
  position: absolute;
  height: auto;
  aspect-ratio: 47/116;
  background-size: contain;
  background-repeat: no-repeat;
}
@media (max-width: 767px) {
  .concept__list::before,
  .concept__list::after {
    display: none;
  }
}

.concept__list::before {
  top: -6%;
  left: clamp(-34px, -2.02px - 2.341vw, -20px); /* 768px ~ 1366px */
  width: clamp(32px, 12.79px + 2.504vw, 47px); /* 767px〜1366px */
  transform: translateX(-100%);
  background-image: url("../images/concept-list-deco-left.svg");
}

.concept__list::after {
  top: -9.4%;
  right: clamp(-10px, 81.371px - 6.689vw, 30px); /* 768px ~ 1366px */
  width: clamp(38px, 16.23px + 2.838vw, 55px); /* 767px〜1366px */
  transform: translateX(100%);
  background-image: url("../images/concept-list-deco-right.svg");
}

.concept__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  width: clamp(216px, 113.56px + 13.356vw, 296px); /* 767px〜1366px */
}
@media (max-width: 767px) {
  .concept__item {
    flex-direction: row;
    gap: 1em;
    width: 100%;
  }
}

.concept__image {
  width: 76.9%;
}
@media (max-width: 767px) {
  .concept__image {
    flex-shrink: 0;
    width: 24.477%;
  }
}

.concept__text {
  font-size: clamp(16px, 10.88px + 0.668vw, 20px); /* 767px〜1366px */
  font-weight: 400;
  line-height: 1.25;
  letter-spacing: 0.06em;
  text-align: justify;
  color: #7a6a56;
}
@media (max-width: 767px) {
  .concept__text {
    font-size: clamp(13px, 1px + 3.2vw, 25px); /* 375px〜750px */
    line-height: 1.48;
  }
}

/* ===== Pages / voice ===== */
.voice {
  background-image: url("../images/voice-bg.webp");
  background-size: 100% 100%;
  background-position: top center;
  background-repeat: no-repeat;
}

.voice__inner {
  padding-top: clamp(60px, -16.83px + 10.017vw, 120px); /* 767px〜1366px */
  padding-bottom: clamp(60px, 34.39px + 3.339vw, 80px); /* 767px〜1366px */
}
@media (max-width: 767px) {
  .voice__inner {
    padding-bottom: clamp(20px, -40px + 16vw, 80px); /* 375px〜750px */
  }
}

.voice__title {
  width: clamp(168px, 52.76px + 15.025vw, 258px); /* 767px〜1366px */
  margin-inline: auto;
  margin-bottom: 37px;
}
@media (max-width: 767px) {
  .voice__title {
    width: clamp(164px, 64px + 26.667vw, 264px); /* 375px〜750px */
    margin-bottom: 20px;
  }
}

.voice__title img {
  width: 100%;
}

.voice__list {
  display: flex;
  flex-direction: column;
  gap: 18px;
  width: min(95%, 1000px);
  margin-inline: auto;
}
@media (max-width: 767px) {
  .voice__list {
    width: 100%;
    background: url(../images/voice-list-bg_sp.svg) no-repeat center 40px/95% calc(100% - clamp(20px, 120px - 13.333vw, 70px));
    padding-bottom: 60px;
  }
}

.voice__item {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-areas: "image title" "image text";
  align-items: start;
  column-gap: 28px;
  row-gap: 16px;
  padding-block: clamp(30px, -69.31px + 12.931vw, 60px); /* 768px〜1000px */
  margin-bottom: 20px;
  padding-inline: 60px;
  background: url("../images/voice-list-bg.svg") no-repeat center/100% 100%;
}
@media (max-width: 767px) {
  .voice__item {
    grid-template-areas: "image title" "text text";
    column-gap: clamp(10px, -7px + 4.533vw, 27px); /* 375px〜750px */
    row-gap: 20px;
    padding: 0;
    padding-inline: clamp(26px, -34px + 16vw, 86px); /* 375px〜750px */
    background: none;
  }
}

.voice__image {
  grid-area: image;
  align-self: center;
  width: clamp(172px, 95.17px + 10.017vw, 232px); /* 767px〜1366px */
}
@media (max-width: 767px) {
  .voice__image {
    width: clamp(100px, 10px + 24vw, 190px); /* 375px〜750px */
  }
}

.voice__image img {
  display: block;
  width: 100%;
}

.voice__list-title {
  grid-area: title;
  align-self: center;
  width: clamp(400px, 170.8px + 29.883vw, 579px); /* 767px〜1366px */
  max-width: 100%;
}
@media (max-width: 767px) {
  .voice__list-title {
    width: clamp(200px, 30px + 45.333vw, 370px); /* 375px〜750px */
    align-self: end;
  }
}

.voice__list-title img {
  display: block;
  width: 100%;
}

.voice__list-text {
  grid-area: text;
  font-size: clamp(14px, 6.32px + 1.002vw, 20px); /* 767px〜1366px */
  font-weight: 300;
  line-height: 1.5;
  letter-spacing: 0.08em;
  text-align: justify;
  color: #7a6a56;
}
@media (max-width: 767px) {
  .voice__list-text {
    font-size: clamp(13px, 1px + 3.2vw, 25px); /* 375px〜750px */
    line-height: 1.48;
  }
}

.voice__btm {
  display: flex;
  justify-content: center;
  gap: 38px;
  align-items: center;
}
@media (max-width: 767px) {
  .voice__btm {
    flex-direction: column;
    gap: 28px;
    margin-block: 56px;
  }
}

.voice__btm .voice__btm-text {
  width: clamp(260px, 165.25px + 12.354vw, 334px); /* 767px〜1366px */
  height: auto;
}
@media (max-width: 767px) {
  .voice__btm .voice__btm-text {
    width: clamp(300px, 53px + 65.867vw, 547px); /* 375px〜750px */
  }
}

.voice__btm .voice__btm-image {
  width: clamp(360px, 82.14px + 36.227vw, 577px); /* 767px〜1366px */
  height: auto;
}
@media (max-width: 767px) {
  .voice__btm .voice__btm-image {
    width: 85%;
    min-width: 340px;
  }
}

/* ===== Pages / price ===== */
.price {
  background-image: url("../images/price-bg.webp");
  background-size: 100% 95%;
  background-position: top center;
  background-repeat: no-repeat;
}
@media (max-width: 767px) {
  .price {
    background-image: url("../images/price-bg_sp.webp");
    background-size: 100% auto;
  }
}

.price__inner {
  padding-top: clamp(50px, -15.3px + 8.514vw, 101px); /* 767px〜1366px */
  padding-bottom: 106px;
}
@media (max-width: 767px) {
  .price__inner {
    padding-bottom: clamp(76px, 46px + 8vw, 106px); /* 375px〜750px */
  }
}

.price__title {
  width: clamp(412px, 155.91px + 33.389vw, 612px); /* 767px〜1366px */
  margin-inline: auto;
  margin-bottom: clamp(38px, -0.41px + 5.008vw, 68px); /* 767px〜1366px */
}
@media (max-width: 767px) {
  .price__title {
    width: clamp(304px, 4px + 80vw, 604px); /* 375px〜750px */
    margin-bottom: clamp(40px, 10px + 8vw, 70px); /* 375px〜750px */
  }
}

.price__title img {
  width: 100%;
}

.price__lead {
  width: clamp(526px, 231.49px + 38.397vw, 756px); /* 767px〜1366px */
  margin-inline: auto;
  margin-bottom: 48px;
}
@media (max-width: 767px) {
  .price__lead {
    width: clamp(320px, 40px + 74.667vw, 600px); /* 375px〜750px */
    margin-bottom: clamp(28px, 8px + 5.333vw, 48px); /* 375px〜750px */
  }
}

.price__text img {
  width: 100%;
}

.price__box {
  width: min(90%, 850px);
  margin-inline: auto;
  margin-bottom: 115px;
  background: #fff;
  border-radius: 20px;
  border: 3px solid #ff875f;
  border-radius: 25px;
  overflow: hidden;
}
@media (max-width: 767px) {
  .price__box {
    width: calc(100% - clamp(16px, -88px + 27.733vw, 120px));
    margin-bottom: 62px;
  }
}

.price__box-title {
  width: 100%;
  padding-block: 20px;
  background-color: #ff875f;
}

.price__box-title img {
  display: block;
  width: 390px;
  margin-inline: auto;
}
@media (max-width: 767px) {
  .price__box-title img {
    width: clamp(270px, 150px + 32vw, 390px); /* 375px〜750px */
  }
}

.price__box-content {
  padding: 45px 36px 56px;
}
@media (max-width: 767px) {
  .price__box-content {
    padding-top: clamp(30px, 15px + 4vw, 45px); /* 375px〜750px */
    padding-inline: clamp(12px, -12px + 6.4vw, 36px); /* 375px〜750px */
    padding-bottom: clamp(30px, 4px + 6.933vw, 56px); /* 375px〜750px */
  }
}

.price__box-price {
  width: 470px;
  margin-inline: auto;
  margin-bottom: 42px;
}
@media (max-width: 767px) {
  .price__box-price {
    width: clamp(300px, 130px + 45.333vw, 470px); /* 375px〜750px */
    margin-bottom: clamp(20px, -2px + 5.867vw, 42px); /* 375px〜750px */
  }
}

.price__box-price img {
  display: block;
  width: 100%;
}

.price__box-sub-title {
  margin-bottom: 34px;
}
@media (max-width: 767px) {
  .price__box-sub-title {
    margin-bottom: clamp(20px, 6px + 3.733vw, 34px); /* 375px〜750px */
  }
}

.price__box-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
@media (max-width: 767px) {
  .price__box-list {
    gap: clamp(10px, 0px + 2.667vw, 20px); /* 375px〜750px */
  }
}

.price__box-item {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 26px;
}
@media (max-width: 767px) {
  .price__box-item {
    gap: clamp(16px, 6px + 2.667vw, 26px); /* 375px〜750px */
  }
}

.price__box-item:nth-child(2) {
  padding-inline: 14px;
}

.price__box-item:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: -10px;
  width: 5px;
  transform: translateX(50%);
  background: url("../images/price-box-item-divider.svg") no-repeat center/100% 100%;
}
@media (max-width: 767px) {
  .price__box-item:not(:last-child)::after {
    width: clamp(3px, 1px + 0.533vw, 5px); /* 375px〜750px */
    background: url("../images/price-box-item-divider_sp.svg") no-repeat center/100% 100%;
  }
}

.price__box-item > img {
  display: block;
  height: 110px;
  object-fit: contain;
  object-position: bottom center;
}
@media (max-width: 767px) {
  .price__box-item > img {
    height: clamp(60px, 10px + 13.333vw, 110px); /* 375px〜750px */
  }
}

.price__box-item-text {
  display: block;
  margin-inline: auto;
}

.price__box-item-text img {
  display: block;
  width: 100%;
}

.price__box-item:nth-child(1) > img {
  width: 110px;
}
@media (max-width: 767px) {
  .price__box-item:nth-child(1) > img {
    width: clamp(60px, 10px + 13.333vw, 110px); /* 375px〜750px */
  }
}

.price__box-item:nth-child(2) > img {
  width: 142px;
  padding-bottom: 10px;
}
@media (max-width: 767px) {
  .price__box-item:nth-child(2) > img {
    width: clamp(80px, 18px + 16.533vw, 142px); /* 375px〜750px */
  }
}

.price__box-item:nth-child(3) > img {
  width: 90px;
}
@media (max-width: 767px) {
  .price__box-item:nth-child(3) > img {
    width: clamp(50px, 10px + 10.667vw, 90px); /* 375px〜750px */
  }
}

.price__box-item:nth-child(1) > .price__box-item-text {
  width: clamp(132px, 93.59px + 5.008vw, 162px); /* 767px〜1366px */
}
@media (max-width: 767px) {
  .price__box-item:nth-child(1) > .price__box-item-text {
    width: clamp(75px, 25px + 13.333vw, 125px); /* 375px〜750px */
  }
}

.price__box-item:nth-child(2) > .price__box-item-text {
  width: clamp(165px, 100.98px + 8.347vw, 215px); /* 767px〜1366px */
}
@media (max-width: 767px) {
  .price__box-item:nth-child(2) > .price__box-item-text {
    width: clamp(90px, 24px + 17.6vw, 156px); /* 375px〜750px */
  }
}

.price__box-item:nth-child(3) > .price__box-item-text {
  width: clamp(120px, 81.59px + 5.008vw, 150px); /* 767px〜1366px */
}
@media (max-width: 767px) {
  .price__box-item:nth-child(3) > .price__box-item-text {
    width: clamp(75px, 20px + 14.667vw, 130px); /* 375px〜750px */
  }
}

.price__btm-title {
  width: clamp(282px, 192.37px + 11.686vw, 352px); /* 767px〜1366px */
  margin-inline: auto;
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .price__btm-title {
    width: clamp(191px, 31px + 42.667vw, 351px); /* 375px〜750px */
    margin-bottom: 36px;
  }
}

.price__btm-title img {
  display: block;
  width: 100%;
}

.price__btm-list {
  display: flex;
  justify-content: center;
  gap: clamp(24px, -32.34px + 7.346vw, 68px); /* 767px〜1366px */
  width: min(95%, 850px);
  margin-inline: auto;
}
@media (max-width: 767px) {
  .price__btm-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, auto));
    row-gap: 38px;
    column-gap: clamp(24px, -28px + 13.867vw, 76px); /* 375px〜750px */
    justify-content: center;
  }
}

.price__btm-item {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.price__btm-item-label {
  position: relative;
  z-index: 1;
  width: clamp(42px, 16.39px + 3.339vw, 62px); /* 767px〜1366px */
}
@media (max-width: 767px) {
  .price__btm-item-label {
    width: clamp(42px, 12px + 8vw, 72px); /* 375px〜750px */
  }
}

.price__btm-item-label img {
  display: block;
  width: 100%;
}

.price__btm-item-image {
  position: relative;
  width: clamp(121px, 69.78px + 6.678vw, 161px); /* 767px〜1366px */
  margin-top: -30px;
  margin-bottom: 14px;
  z-index: 0;
}
@media (max-width: 767px) {
  .price__btm-item-image {
    width: 185px;
  }
}

.price__btm-item-image img {
  display: block;
  width: 100%;
}

.price__btm-item-text img {
  display: block;
  width: 100%;
}

.price__btm-item:nth-child(1) > .price__btm-item-text {
  width: clamp(135px, 70.98px + 8.347vw, 185px); /* 767px〜1366px */
}
@media (max-width: 767px) {
  .price__btm-item:nth-child(1) > .price__btm-item-text {
    width: clamp(150px, 100px + 13.333vw, 200px); /* 375px〜750px */
  }
}

.price__btm-item:nth-child(2) > .price__btm-item-text {
  width: clamp(73px, 46.11px + 3.506vw, 94px); /* 767px〜1366px */
}
@media (max-width: 767px) {
  .price__btm-item:nth-child(2) > .price__btm-item-text {
    width: clamp(80px, 59px + 5.6vw, 101px); /* 375px〜750px */
  }
}

.price__btm-item:nth-child(3) > .price__btm-item-text {
  width: clamp(115px, 76.59px + 5.008vw, 145px); /* 767px〜1366px */
}
@media (max-width: 767px) {
  .price__btm-item:nth-child(3) > .price__btm-item-text {
    width: clamp(117px, 77px + 10.667vw, 157px); /* 375px〜750px */
  }
}

.price__btm-item:nth-child(4) > .price__btm-item-text {
  width: clamp(142px, 90.78px + 6.678vw, 182px); /* 767px〜1366px */
}
@media (max-width: 767px) {
  .price__btm-item:nth-child(4) > .price__btm-item-text {
    width: clamp(136px, 76px + 16vw, 196px); /* 375px〜750px */
  }
}

/* ===== Pages / faq ===== */
.faq {
  background-image: linear-gradient(to bottom, transparent 0%, transparent 20%, #F0F7F2 20%, #F0F7F2 100%), url("../images/faq-bg.svg");
  background-size: 100% 100%, 100% auto;
  background-position: top center, top center;
  background-repeat: no-repeat, no-repeat;
}

.faq__inner {
  padding-top: clamp(80px, 15.98px + 8.347vw, 130px); /* 767px〜1366px */
  padding-bottom: clamp(140px, 78.54px + 8.013vw, 188px); /* 767px〜1366px */
}
@media (max-width: 767px) {
  .faq__inner {
    padding-top: clamp(70px, 20px + 13.333vw, 120px); /* 375px〜750px */
    padding-bottom: clamp(120px, 60px + 16vw, 180px); /* 375px〜750px */
  }
}

.faq__title {
  width: clamp(220px, 143.17px + 10.017vw, 280px); /* 767px〜1366px */
  margin-inline: auto;
  margin-bottom: 52px;
}
@media (max-width: 767px) {
  .faq__title {
    width: clamp(150px, 20px + 34.667vw, 280px); /* 375px〜750px */
    margin-bottom: clamp(32px, 12px + 5.333vw, 52px); /* 375px〜750px */
  }
}

.faq__title img {
  display: block;
  width: 100%;
}

.faq__list {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: min(95%, 1000px);
  margin-inline: auto;
  padding: 0;
  list-style: none;
}
@media (max-width: 767px) {
  .faq__list {
    width: 100%;
    padding-inline: clamp(16px, -28px + 11.733vw, 60px); /* 375px〜750px */
  }
}

.faq__item {
  position: relative;
  border: 3px solid #6bc999;
  border-radius: 20px;
  overflow: hidden;
}
@media (max-width: 767px) {
  .faq__item {
    border-radius: clamp(14px, 8px + 1.6vw, 20px); /* 375px〜750px */
  }
}

.faq__question {
  position: relative;
  background-color: #6bc999;
}

.faq__question::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 34px;
  z-index: 1;
  transform: translateY(-40%);
  width: 31px;
  height: auto;
  aspect-ratio: 31/39;
  background: url("../images/faq-question-icon.svg") no-repeat center/contain;
  pointer-events: none;
}
@media (max-width: 767px) {
  .faq__question::before {
    top: clamp(14px, 6px + 2.133vw, 22px); /* 375px〜750px */
    transform: none;
    left: clamp(8px, -18px + 6.933vw, 34px); /* 375px〜750px */
    width: clamp(20px, 9px + 2.933vw, 31px); /* 375px〜750px */
  }
}

.faq__question::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: clamp(8px, -38px + 12.267vw, 54px); /* 375px〜750px */
  z-index: 1;
  width: clamp(24px, 12px + 3.2vw, 36px); /* 375px〜750px */
  height: auto;
  aspect-ratio: 1/1;
  background: url("../images/faq-plus-icon.svg") no-repeat center/contain;
  pointer-events: none;
}

.faq__item.is-open .faq__question::after {
  background-image: url("../images/faq-minus-icon.svg");
}

.faq__button {
  display: block;
  width: 100%;
  padding-block: 25px;
  padding-left: 100px;
  padding-right: 120px;
  text-align: left;
}
@media (max-width: 767px) {
  .faq__button {
    padding-block: clamp(16px, 7px + 2.4vw, 25px); /* 375px〜750px */
    padding-left: clamp(40px, -20px + 16vw, 100px); /* 375px〜750px */
    padding-right: clamp(50px, -20px + 18.667vw, 120px); /* 375px〜750px */
  }
}

.faq__question-title {
  display: block;
}

.faq__item:nth-child(1) .faq__question-title {
  width: 534px;
}
@media (max-width: 767px) {
  .faq__item:nth-child(1) .faq__question-title {
    width: clamp(190px, 76px + 30.4vw, 304px); /* 375px〜750px */
  }
}

.faq__item:nth-child(2) .faq__question-title {
  width: 334px;
}
@media (max-width: 767px) {
  .faq__item:nth-child(2) .faq__question-title {
    width: clamp(230px, 99px + 34.933vw, 361px); /* 375px〜750px */
  }
}

.faq__item:nth-child(3) .faq__question-title {
  width: 363px;
}
@media (max-width: 767px) {
  .faq__item:nth-child(3) .faq__question-title {
    width: clamp(248px, 104px + 38.4vw, 392px); /* 375px〜750px */
  }
}

.faq__item:nth-child(4) .faq__question-title {
  width: 290px;
}
@media (max-width: 767px) {
  .faq__item:nth-child(4) .faq__question-title {
    width: clamp(200px, 87px + 30.133vw, 313px); /* 375px〜750px */
  }
}

.faq__answer {
  display: grid;
  grid-template-rows: 0fr;
  margin: 0;
  overflow: hidden;
  transition: grid-template-rows 0.4s ease;
}

.faq__item.is-open .faq__answer {
  grid-template-rows: 1fr;
}

.faq__answer-inner {
  overflow: hidden;
  min-height: 0;
}

.faq__answer-text {
  position: relative;
  margin: 0;
  padding-top: 22px;
  padding-bottom: 34px;
  padding-left: 100px;
  padding-right: 50px;
  font-size: 23px;
  font-weight: 300;
  line-height: 1.5789473684;
  letter-spacing: 0;
  text-align: justify;
  color: #7a6a56;
}
@media (max-width: 767px) {
  .faq__answer-text {
    padding-left: clamp(40px, -20px + 16vw, 100px); /* 375px〜750px */
    padding-right: clamp(16px, -88px + 27.733vw, 120px); /* 375px〜750px */
    padding-top: clamp(14px, 6px + 2.133vw, 22px); /* 375px〜750px */
    padding-bottom: clamp(14px, -6px + 5.333vw, 34px); /* 375px〜750px */
    font-size: clamp(13px, 1px + 3.2vw, 25px); /* 375px〜750px */
    line-height: 1.48;
  }
}

.faq__answer-text::before {
  content: "";
  position: absolute;
  top: 1.6em;
  left: 40px;
  width: 30px;
  height: auto;
  aspect-ratio: 29.59/30.28;
  background: url("../images/faq-answer-icon.svg") no-repeat center/contain;
}
@media (max-width: 767px) {
  .faq__answer-text::before {
    top: clamp(24px, 16px + 2.133vw, 32px); /* 375px〜750px */
    left: clamp(8px, -24px + 8.533vw, 40px); /* 375px〜750px */
    width: clamp(20px, 10px + 2.667vw, 30px); /* 375px〜750px */
  }
}

/* ===== Pages / end-msg ===== */
.end-msg {
  margin-top: -74px;
  background-image: url("../images/end-msg-bg.webp"), linear-gradient(to bottom, transparent 0%, transparent 20%, #FFFDF9 20%, #FFFDF9 100%);
  background-size: 100% auto, 100% 100%;
  background-position: top center, top center;
  background-repeat: no-repeat, no-repeat;
}

.end-msg__inner {
  padding-top: clamp(88px, 23.98px + 8.347vw, 138px); /* 767px〜1366px */
  padding-bottom: clamp(65px, 0.98px + 8.347vw, 115px); /* 767px〜1366px */
}
@media (max-width: 767px) {
  .end-msg__inner {
    padding-bottom: clamp(100px, -20px + 32vw, 220px); /* 375px〜750px */
  }
}

.end-msg__title {
  width: clamp(597px, 123.23px + 61.77vw, 967px); /* 767px〜1366px */
  margin-inline: auto;
  margin-bottom: 47px;
}
@media (max-width: 767px) {
  .end-msg__title {
    width: clamp(330px, 0px + 88vw, 660px); /* 375px〜750px */
    margin-bottom: clamp(40px, 8px + 8.533vw, 72px); /* 375px〜750px */
  }
}

.end-msg__title img {
  display: block;
  width: 100%;
}

.end-msg__text {
  margin-bottom: clamp(38px, -0.41px + 5.008vw, 68px); /* 767px〜1366px */
  font-size: clamp(14px, 6.32px + 1.002vw, 20px); /* 767px〜1366px */
  font-weight: 300;
  line-height: 1.5;
  letter-spacing: 0.07em;
  text-align: center;
  color: #7a6a56;
}
@media (max-width: 767px) {
  .end-msg__text {
    font-size: clamp(13px, 1px + 3.2vw, 25px); /* 375px〜750px */
    line-height: 1.48;
  }
}

.end-msg__text span {
  position: relative;
  background: linear-gradient(to bottom, transparent 45%, #fffbc7 45%);
}

.end-msg__btm-text {
  width: clamp(485px, 228.91px + 33.389vw, 685px); /* 767px〜1366px */
  margin-inline: auto;
}
@media (max-width: 767px) {
  .end-msg__btm-text {
    width: clamp(250px, 15px + 62.667vw, 485px); /* 375px〜750px */
  }
}

.end-msg__btm-text img {
  width: 100%;
}

/* ===== Pages / end-msg ===== */
.end-cta {
  margin-top: 0px;
  padding-top: clamp(42px, 21.51px + 2.671vw, 58px); /* 767px〜1366px */
}
.end-cta .c-cta__inner {
  padding-bottom: 28px;
}

/*# sourceMappingURL=front-page.css.map */