@charset "UTF-8";
/**
 * pxをremに変換
 * @param {number} $px - ピクセル値
 * @return {number} - rem値（単位なし）
 */
/**
 * pxをremに変換
 * @param {number} $px - ピクセル値
 * @param {number} $base - 基準フォントサイズ（デフォルト16）
 * @return {number} - rem値（単位なし）
 */
/**
 * Fluid Typography関数（SPレイアウト専用: 375px → 767px）
 * @param {number} $size-or-min - 1引数時: 375pxでの表示サイズ / 2引数時: 375pxでの最小サイズ
 * @param {number} $max-size - 767pxでの最大サイズ（オプション）
 * @return {string} - clamp()のCSS値
 *
 * 使用例1（1引数）: font-size: fs-sp(16);
 * 計算: 16px @ 375px → 自動計算 @ 767px（768px以降は固定値）
 *
 * 使用例2（2引数）: font-size: fs-sp(14, 30);
 * 計算: 14px @ 375px → 30px @ 767px
 */
/**
 * Fluid Typography関数（PCレイアウト専用: 1024px → 1440px）
 * @param {number} $size-or-min - 1引数時: 1440pxでの表示サイズ / 2引数時: 1024pxでの最小サイズ
 * @param {number} $max-size - 1440pxでの最大サイズ（オプション）
 * @return {string} - clamp()のCSS値
 *
 * 使用例1（1引数）: width: fs-pc(654);
 * 計算: 自動計算 @ 1024px → 654px @ 1440px
 *
 * 使用例2（2引数）: width: fs-pc(465, 654);
 * 計算: 465px @ 1024px → 654px @ 1440px
 */
/**
 * フォントサイズ専用関数（SPレイアウト: 375px → 767px）
 * fs-sp()と同じロジックだが、フォントサイズ専用であることを明示
 *
 * @param {number} $size-or-min - 1引数時: 375pxでの表示サイズ / 2引数時: 375pxでの最小サイズ
 * @param {number} $max-size - 767pxでの最大サイズ（オプション）
 * @return {string} - clamp()のCSS値
 *
 * 使用例1（1引数）: font-size: font-sp(14);
 * 計算: 14px @ 375px → 自動計算 @ 767px
 *
 * 使用例2（2引数）: font-size: font-sp(14, 16);
 * 計算: 14px @ 375px → 16px @ 767px
 *
 * 注意: PC側は固定値の使用を推奨（1024px時に小さくなりすぎるため）
 * 例:
 *   font-size: font-sp(14);
 *   @media (min-width: $breakpoint-tablet) {
 *     font-size: 16px; // 固定値
 *   }
 */
/**
 * Fluid Typography Mixin（SP/PCレイアウト対応）
 * SPとPCで異なるレイアウトを使用する場合に使用
 *
 * @param {number} $sp-size - SPサイズ（375pxでの表示サイズ）
 * @param {number} $pc-size - PCサイズ（1440pxでの表示サイズ）
 * @param {number} $line-height - 行の高さ（オプション）
 *
 * 使用例:
 * h1 {
 *   @include fluid-type-responsive(30, 48, 1.2);
 * }
 *
 * 出力:
 * h1 {
 *   font-size: clamp(...); // 30px @ 375px → 81.92px @ 1024px
 *   line-height: 1.2;
 *   @media (min-width: 1024px) {
 *     font-size: clamp(...); // 34.13px @ 1024px → 48px @ 1440px
 *   }
 * }
 */
/**
 * Fluid Spacing Mixin（SP/PCレイアウト対応）
 * SPとPCで異なるレイアウトを使用する場合に使用
 *
 * @param {string} $property - CSSプロパティ（padding, margin, width等）
 * @param {number} $sp-size - SPサイズ（375pxでの表示サイズ）
 * @param {number} $pc-size - PCサイズ（1440pxでの表示サイズ）
 *
 * 使用例:
 * .container {
 *   @include fluid-spacing-responsive(padding, 24, 80);
 * }
 */
/**
 * Aspect Ratio 計算関数
 * @param {number} $width - 幅（px）
 * @param {number} $height - 高さ（px）
 * @return {string} - aspect-ratio の値
 *
 * 使用例: aspect-ratio: ar(640, 480);
 * 出力: aspect-ratio: 640 / 480;
 */
/**
 * Aspect Ratio 計算関数（@2x デザイン用）
 * 750px や 1440px の @2x デザインから値を自動で割って計算
 *
 * @param {number} $width - 幅（px）- デザインツールの実測値
 * @param {number} $height - 高さ（px）- デザインツールの実測値
 * @param {number} $scale - スケール倍率（デフォルト2）
 * @return {string} - aspect-ratio の値
 *
 * 使用例: aspect-ratio: ar2x(600, 450);
 * 計算: 600÷2 / 450÷2 = 300 / 225
 * 出力: aspect-ratio: 300 / 225;
 */
/**
 * Aspect Ratio 計算関数（小数値出力）
 * 計算結果を小数値で出力（デバッグ用）
 *
 * @param {number} $width - 幅（px）
 * @param {number} $height - 高さ（px）
 * @return {number} - aspect-ratio の小数値
 *
 * 使用例: aspect-ratio: ar-decimal(640, 480);
 * 出力: aspect-ratio: 1.33333;
 */
/**
 * Aspect Ratio 標準比率への近似判定（デバッグ用）
 * 標準的な比率に近いかどうかを判定してコメント出力
 *
 * @param {number} $width - 幅（px）
 * @param {number} $height - 高さ（px）
 *
 * 使用例:
 * .image {
 *   @include ar-debug(640, 480);
 *   aspect-ratio: ar(640, 480);
 * }
 */
[data-scroll-animation] {
  transition: opacity 0.6s ease-out, transform 1.6s cubic-bezier(0.16, 1, 0.3, 1);
}

[data-scroll-animation].is-animated {
  opacity: 1 !important;
  transform: translate(0, 0) scale(1) rotate(0deg) !important;
}

[data-scroll-animation=fadeIn]:not(.is-animated) {
  opacity: 0;
}

[data-scroll-animation=fadeInUp]:not(.is-animated) {
  opacity: 0;
  transform: translateY(20px);
}

[data-scroll-animation=fadeInDown]:not(.is-animated) {
  opacity: 0;
  transform: translateY(-20px);
}

[data-scroll-animation=fadeInLeft]:not(.is-animated) {
  opacity: 0;
  transform: translateX(-20px);
}

[data-scroll-animation=fadeInRight]:not(.is-animated) {
  opacity: 0;
  transform: translateX(20px);
}

[data-scroll-animation=zoomIn]:not(.is-animated) {
  opacity: 0;
  transform: scale(0.8);
}

[data-scroll-animation=rotateIn]:not(.is-animated) {
  opacity: 0;
  transform: rotate(-180deg) scale(0.8);
}

.simplePage {
  padding: clamp(36px, calc(0px + 9.6vw), 73.632px) clamp(18px, calc(0px + 4.8vw), 36.816px) clamp(80px, calc(0px + 21.3333333333vw), 163.6266666667px);
  margin: 0 auto;
  background-color: #fff;
}
@media (min-width: 1024px) {
  .simplePage {
    padding: clamp(28.4444444444px, calc(0px + 2.7777777778vw), 40px) clamp(71.1111111111px, calc(0px + 6.9444444444vw), 100px) clamp(85.3333333333px, calc(0px + 8.3333333333vw), 120px);
  }
}
.simplePage__section {
  margin-bottom: clamp(40px, calc(0px + 10.6666666667vw), 81.8133333333px);
}
@media (min-width: 1024px) {
  .simplePage__section {
    margin-bottom: clamp(42.6666666667px, calc(0px + 4.1666666667vw), 60px);
  }
}
.simplePage__section:last-of-type {
  margin-bottom: 0;
}
.simplePage__heading {
  font-size: clamp(20px, calc(0px + 5.3333333333vw), 40.9066666667px);
  font-weight: bold;
  color: #49372c;
  margin-bottom: clamp(16px, calc(0px + 4.2666666667vw), 32.7253333333px);
  padding-bottom: clamp(4px, calc(0px + 1.0666666667vw), 8.1813333333px);
  border-bottom: 2px solid #49372c;
}
@media (min-width: 1024px) {
  .simplePage__heading {
    font-size: clamp(17.0666666667px, calc(0px + 1.6666666667vw), 24px);
    margin-bottom: clamp(14.2222222222px, calc(0px + 1.3888888889vw), 20px);
    padding-bottom: clamp(4.2666666667px, calc(0px + 0.4166666667vw), 6px);
  }
}
.simplePage__text {
  font-size: clamp(14px, calc(0px + 3.7333333333vw), 28.6346666667px);
  line-height: 1.8;
  color: #49372c;
  margin-bottom: clamp(16px, calc(0px + 4.2666666667vw), 32.7253333333px);
}
@media (min-width: 1024px) {
  .simplePage__text {
    font-size: clamp(11.3777777778px, calc(0px + 1.1111111111vw), 16px);
    line-height: 1.9;
    margin-bottom: clamp(14.2222222222px, calc(0px + 1.3888888889vw), 20px);
  }
}
.simplePage__text:last-child {
  margin-bottom: 0;
}
.simplePage__list {
  padding-left: clamp(20px, calc(0px + 5.3333333333vw), 40.9066666667px);
  margin-top: clamp(12px, calc(0px + 3.2vw), 24.544px);
}
@media (min-width: 1024px) {
  .simplePage__list {
    padding-left: clamp(17.0666666667px, calc(0px + 1.6666666667vw), 24px);
    margin-top: clamp(11.3777777778px, calc(0px + 1.1111111111vw), 16px);
  }
}
.simplePage__list li {
  font-size: clamp(14px, calc(0px + 3.7333333333vw), 28.6346666667px);
  line-height: 1.8;
  color: #49372c;
  margin-bottom: clamp(8px, calc(0px + 2.1333333333vw), 16.3626666667px);
  position: relative;
  padding-left: clamp(20px, calc(0px + 5.3333333333vw), 40.9066666667px);
}
@media (min-width: 1024px) {
  .simplePage__list li {
    font-size: clamp(11.3777777778px, calc(0px + 1.1111111111vw), 16px);
    line-height: 1.9;
    margin-bottom: clamp(7.1111111111px, calc(0px + 0.6944444444vw), 10px);
    padding-left: clamp(12.8px, calc(0px + 1.25vw), 18px);
  }
}
.simplePage__list li::before {
  content: "・";
  position: absolute;
  left: 0;
  top: 0;
}
.simplePage__list li:last-child {
  margin-bottom: 0;
}
.simplePage__navigation {
  margin: clamp(84px, calc(0px + 22.4vw), 171.808px) auto clamp(66px, calc(0px + 17.6vw), 134.992px) !important;
}
@media (min-width: 1024px) {
  .simplePage__navigation {
    margin: clamp(142.2222222222px, calc(0px + 13.8888888889vw), 200px) auto clamp(62.5777777778px, calc(0px + 6.1111111111vw), 88px) !important;
  }
}
.simplePage__contact {
  background-color: #f5f5f5;
  padding: clamp(20px, calc(0px + 5.3333333333vw), 40.9066666667px);
  border-radius: 8px;
  margin-top: clamp(16px, calc(0px + 4.2666666667vw), 32.7253333333px);
}
@media (min-width: 1024px) {
  .simplePage__contact {
    padding: clamp(17.0666666667px, calc(0px + 1.6666666667vw), 24px);
    margin-top: clamp(14.2222222222px, calc(0px + 1.3888888889vw), 20px);
  }
}
.simplePage__contact p {
  font-size: clamp(14px, calc(0px + 3.7333333333vw), 28.6346666667px);
  line-height: 1.8;
  color: #49372c;
}
@media (min-width: 1024px) {
  .simplePage__contact p {
    font-size: clamp(11.3777777778px, calc(0px + 1.1111111111vw), 16px);
    line-height: 1.9;
  }
}
.simplePage__contact p:last-child {
  margin-bottom: 0;
}
.simplePage__updated {
  text-align: right;
  font-size: clamp(12px, calc(0px + 3.2vw), 24.544px);
  color: #666;
  margin-top: clamp(40px, calc(0px + 10.6666666667vw), 81.8133333333px);
  padding-top: clamp(20px, calc(0px + 5.3333333333vw), 40.9066666667px);
  border-top: 1px solid #e0e0e0;
}
@media (min-width: 1024px) {
  .simplePage__updated {
    font-size: clamp(9.9555555556px, calc(0px + 0.9722222222vw), 14px);
    margin-top: clamp(42.6666666667px, calc(0px + 4.1666666667vw), 60px);
    padding-top: clamp(21.3333333333px, calc(0px + 2.0833333333vw), 30px);
  }
}
.simplePage .c-btn {
  color: #000;
  text-decoration: none;
}
.simplePage h2, .simplePage h3 {
  font-size: clamp(20px, calc(0px + 5.3333333333vw), 40.9066666667px);
  font-weight: bold;
  color: #49372c;
  margin-bottom: clamp(16px, calc(0px + 4.2666666667vw), 32.7253333333px);
  padding-bottom: clamp(4px, calc(0px + 1.0666666667vw), 8.1813333333px);
  border-bottom: 2px solid #49372c;
  margin-top: clamp(40px, calc(0px + 10.6666666667vw), 81.8133333333px);
}
@media (min-width: 1024px) {
  .simplePage h2, .simplePage h3 {
    font-size: clamp(17.0666666667px, calc(0px + 1.6666666667vw), 24px);
    margin-bottom: clamp(14.2222222222px, calc(0px + 1.3888888889vw), 20px);
    padding-bottom: clamp(4.2666666667px, calc(0px + 0.4166666667vw), 6px);
    margin-top: clamp(42.6666666667px, calc(0px + 4.1666666667vw), 60px);
  }
}
.simplePage h2:first-child, .simplePage h3:first-child {
  margin-top: 0;
}
.simplePage h3 {
  font-size: clamp(18px, calc(0px + 4.8vw), 36.816px);
  border-bottom: 1px solid #49372c;
}
@media (min-width: 1024px) {
  .simplePage h3 {
    font-size: clamp(14.2222222222px, calc(0px + 1.3888888889vw), 20px);
  }
}
.simplePage p {
  font-size: clamp(14px, calc(0px + 3.7333333333vw), 28.6346666667px);
  line-height: 1.8;
  color: #49372c;
  margin-bottom: clamp(16px, calc(0px + 4.2666666667vw), 32.7253333333px);
}
@media (min-width: 1024px) {
  .simplePage p {
    font-size: clamp(11.3777777778px, calc(0px + 1.1111111111vw), 16px);
    line-height: 1.9;
    margin-bottom: clamp(14.2222222222px, calc(0px + 1.3888888889vw), 20px);
  }
}
.simplePage p:last-child {
  margin-bottom: 0;
}
.simplePage ul, .simplePage ol {
  padding-left: clamp(20px, calc(0px + 5.3333333333vw), 40.9066666667px);
  margin-bottom: clamp(16px, calc(0px + 4.2666666667vw), 32.7253333333px);
}
@media (min-width: 1024px) {
  .simplePage ul, .simplePage ol {
    padding-left: clamp(17.0666666667px, calc(0px + 1.6666666667vw), 24px);
    margin-bottom: clamp(14.2222222222px, calc(0px + 1.3888888889vw), 20px);
  }
}
.simplePage ul li, .simplePage ol li {
  font-size: clamp(14px, calc(0px + 3.7333333333vw), 28.6346666667px);
  line-height: 1.8;
  color: #49372c;
  margin-bottom: clamp(8px, calc(0px + 2.1333333333vw), 16.3626666667px);
}
@media (min-width: 1024px) {
  .simplePage ul li, .simplePage ol li {
    font-size: clamp(11.3777777778px, calc(0px + 1.1111111111vw), 16px);
    line-height: 1.9;
    margin-bottom: clamp(7.1111111111px, calc(0px + 0.6944444444vw), 10px);
  }
}
.simplePage ul li:last-child, .simplePage ol li:last-child {
  margin-bottom: 0;
}
.simplePage ul li {
  position: relative;
  padding-left: clamp(20px, calc(0px + 5.3333333333vw), 40.9066666667px);
}
@media (min-width: 1024px) {
  .simplePage ul li {
    padding-left: clamp(12.8px, calc(0px + 1.25vw), 18px);
  }
}
.simplePage ul li::before {
  content: "・";
  position: absolute;
  left: 0;
  top: 0;
}
.simplePage strong, .simplePage b {
  font-weight: bold;
  color: #49372c;
}
.simplePage a {
  color: #49372c;
  text-decoration: underline;
  transition: opacity 0.3s ease;
}
.simplePage a:hover {
  opacity: 0.7;
}
.simplePage__navigation {
  display: inline-block;
  margin-top: clamp(40px, calc(0px + 10.6666666667vw), 81.8133333333px);
}
@media (min-width: 1024px) {
  .simplePage__navigation {
    margin-top: clamp(42.6666666667px, calc(0px + 4.1666666667vw), 60px);
  }
}
.simplePage .policy-intro,
.simplePage .policy-section {
  margin-bottom: clamp(30px, calc(0px + 8vw), 61.36px);
}
@media (min-width: 1024px) {
  .simplePage .policy-intro,
  .simplePage .policy-section {
    margin-bottom: clamp(28.4444444444px, calc(0px + 2.7777777778vw), 40px);
  }
}

.common-bg-common-pink-bottom {
  width: 100%;
  aspect-ratio: 750/44;
}
@media (min-width: 1024px) {
  .common-bg-common-pink-bottom {
    width: 100%;
    aspect-ratio: 1440/69;
  }
}

.common-bg-common-white-bottom {
  width: 100%;
  aspect-ratio: 750/54;
}
@media (min-width: 1024px) {
  .common-bg-common-white-bottom {
    width: 100%;
    aspect-ratio: 1440/114;
  }
}

.common-bg-contact-top {
  width: 100%;
  aspect-ratio: 750/28;
}
@media (min-width: 1024px) {
  .common-bg-contact-top {
    width: 100%;
    aspect-ratio: 1440/40;
  }
}

.common-bg-contact {
  width: clamp(214px, calc(-0.2857142857px + 57.1428571429vw), 438px);
  aspect-ratio: 428/257;
}
@media (min-width: 1024px) {
  .common-bg-contact {
    width: clamp(317px, calc(-0.5384615385px + 31.0096153846vw), 446px);
    aspect-ratio: 446/257;
  }
}

.common-bg-footer-logo {
  width: clamp(111.5px, calc(0.0522959184px + 29.7193877551vw), 228px);
  aspect-ratio: 223/176;
}
@media (min-width: 1024px) {
  .common-bg-footer-logo {
    width: clamp(184px, calc(-0.6153846154px + 18.0288461538vw), 259px);
    aspect-ratio: 259/176;
  }
}

.common-bg-footer-top {
  width: 100%;
  aspect-ratio: 750/44;
}
@media (min-width: 1024px) {
  .common-bg-footer-top {
    width: 100%;
    aspect-ratio: 1440/49;
  }
}

.common-icon-btn-arrow {
  width: clamp(29.5px, calc(0.3227040816px + 7.7806122449vw), 60px);
  aspect-ratio: 59/19;
}
@media (min-width: 1024px) {
  .common-icon-btn-arrow {
    width: clamp(28px, calc(0.9230769231px + 2.6442307692vw), 39px);
    aspect-ratio: 39/13;
  }
}

.common-icon-company-logo {
  width: clamp(45.5px, calc(0.0599489796px + 12.1173469388vw), 93px);
  aspect-ratio: 91/99;
}
@media (min-width: 1024px) {
  .common-icon-company-logo {
    width: clamp(87px, calc(-1.6153846154px + 8.6538461538vw), 123px);
    aspect-ratio: 123/133;
  }
}

.common-icon-logo-line {
  width: clamp(39px, calc(-0.2219387755px + 10.4591836735vw), 80px);
  aspect-ratio: 78/77;
}
@media (min-width: 1024px) {
  .common-icon-logo-line {
    width: clamp(38px, calc(-1.3846153846px + 3.8461538462vw), 54px);
    aspect-ratio: 54/53;
  }
}

.common-img-common-hr-dotted {
  width: clamp(278px, calc(-0.3801020408px + 74.2346938776vw), 569px);
  aspect-ratio: 556/10;
}
@media (min-width: 1024px) {
  .common-img-common-hr-dotted {
    width: clamp(344px, calc(-0.6153846154px + 33.6538461538vw), 484px);
    aspect-ratio: 484/10;
  }
}

.common-img-contact-flag {
  width: clamp(85.5px, calc(-0.118622449px + 22.8316326531vw), 175px);
  aspect-ratio: 171/153;
}
@media (min-width: 1024px) {
  .common-img-contact-flag {
    width: clamp(81px, calc(-0.2307692308px + 7.9326923077vw), 114px);
  }
}

.company-bg-company {
  width: clamp(212px, calc(-0.3724489796px + 56.6326530612vw), 434px);
  aspect-ratio: 424/333;
}
@media (min-width: 1024px) {
  .company-bg-company {
    width: clamp(360px, calc(0.6153846154px + 35.0961538462vw), 506px);
    aspect-ratio: 506/333;
  }
}

.company-img-company-decoration-heart {
  width: clamp(64.5px, calc(-0.0727040816px + 17.2193877551vw), 132px);
  aspect-ratio: 129/45;
}
@media (min-width: 1024px) {
  .company-img-company-decoration-heart {
    width: clamp(92px, calc(0.9230769231px + 8.8942307692vw), 129px);
  }
}

.company-img-company-decoration-star {
  width: clamp(119.5px, calc(0.3992346939px + 31.7602040816vw), 244px);
  aspect-ratio: 239/60;
}
@media (min-width: 1024px) {
  .company-img-company-decoration-star {
    width: clamp(170px, calc(0.1538461538px + 16.5865384615vw), 239px);
  }
}

.company-img-company {
  width: clamp(329.5px, calc(-0.0599489796px + 87.8826530612vw), 674px);
  aspect-ratio: 659/612;
}
@media (min-width: 1024px) {
  .company-img-company {
    width: clamp(454px, calc(1.0769230769px + 44.2307692308vw), 638px);
    aspect-ratio: 638/553;
  }
}

.concept-bg-concept-features {
  width: 100%;
  aspect-ratio: 750/2695;
}
@media (min-width: 1024px) {
  .concept-bg-concept-features {
    width: clamp(947px, calc(-0.6923076923px + 92.5480769231vw), 1332px);
    aspect-ratio: 1332/1209;
  }
}

.concept-img-concept-features1 {
  width: clamp(344px, calc(-0.387755102px + 91.8367346939vw), 704px);
  aspect-ratio: 688/351;
}
@media (min-width: 1024px) {
  .concept-img-concept-features1 {
    width: clamp(422px, calc(-1.3846153846px + 41.3461538462vw), 594px);
    aspect-ratio: 594/278;
  }
}

.concept-img-concept-features2 {
  width: clamp(344px, calc(-0.387755102px + 91.8367346939vw), 704px);
  aspect-ratio: 688/351;
}
@media (min-width: 1024px) {
  .concept-img-concept-features2 {
    width: clamp(422px, calc(-1.3846153846px + 41.3461538462vw), 594px);
    aspect-ratio: 594/278;
  }
}

.concept-img-concept-features3 {
  width: clamp(344px, calc(-0.387755102px + 91.8367346939vw), 704px);
  aspect-ratio: 688/351;
}
@media (min-width: 1024px) {
  .concept-img-concept-features3 {
    width: clamp(422px, calc(-1.3846153846px + 41.3461538462vw), 594px);
    aspect-ratio: 594/278;
  }
}

.concept-img-concept-features4 {
  width: clamp(344.5px, calc(-0.3660714286px + 91.9642857143vw), 705px);
  aspect-ratio: 689/351;
}
@media (min-width: 1024px) {
  .concept-img-concept-features4 {
    width: clamp(422px, calc(-1.3846153846px + 41.3461538462vw), 594px);
    aspect-ratio: 594/278;
  }
}

.concept-img-concept-features5 {
  width: clamp(344px, calc(-0.387755102px + 91.8367346939vw), 704px);
  aspect-ratio: 688/351;
}
@media (min-width: 1024px) {
  .concept-img-concept-features5 {
    width: clamp(422px, calc(-1.3846153846px + 41.3461538462vw), 594px);
    aspect-ratio: 594/278;
  }
}

.concept-img-concept-features6 {
  width: clamp(344px, calc(-0.387755102px + 91.8367346939vw), 704px);
  aspect-ratio: 688/351;
}
@media (min-width: 1024px) {
  .concept-img-concept-features6 {
    width: clamp(422px, calc(-1.3846153846px + 41.3461538462vw), 594px);
    aspect-ratio: 594/278;
  }
}

.concept-img-concept-features7 {
  width: clamp(344px, calc(-0.387755102px + 91.8367346939vw), 704px);
  aspect-ratio: 688/351;
}
@media (min-width: 1024px) {
  .concept-img-concept-features7 {
    width: clamp(422px, calc(-1.3846153846px + 41.3461538462vw), 594px);
    aspect-ratio: 594/278;
  }
}

.concept-img-concept1 {
  width: clamp(293.5px, calc(0.2920918367px + 78.1887755102vw), 600px);
  aspect-ratio: 587/474;
}
@media (min-width: 1024px) {
  .concept-img-concept1 {
    width: clamp(338px, calc(0.7692307692px + 32.9326923077vw), 475px);
    aspect-ratio: 475/476;
  }
}

.concept-img-concept2 {
  width: clamp(342.5px, calc(-0.4528061224px + 91.4540816327vw), 701px);
  aspect-ratio: 685/445;
}
@media (min-width: 1024px) {
  .concept-img-concept2 {
    width: clamp(511px, calc(-1px + 50vw), 719px);
    aspect-ratio: 719/425;
  }
}

.concept-img-concept3 {
  width: clamp(299px, calc(-0.4260204082px + 79.8469387755vw), 612px);
  aspect-ratio: 598/382;
}
@media (min-width: 1024px) {
  .concept-img-concept3 {
    width: clamp(375px, calc(0.8461538462px + 36.5384615385vw), 527px);
    aspect-ratio: 527/336;
  }
}

.concept-img-concept4 {
  width: clamp(273px, calc(0.3596938776px + 72.7040816327vw), 558px);
  aspect-ratio: 546/365;
}
@media (min-width: 1024px) {
  .concept-img-concept4 {
    width: clamp(342px, calc(-0.1538461538px + 33.4134615385vw), 481px);
    aspect-ratio: 481/322;
  }
}

.contact-bg-btn-line {
  width: clamp(344px, calc(-0.387755102px + 91.8367346939vw), 704px);
  aspect-ratio: 688/474;
}
@media (min-width: 1024px) {
  .contact-bg-btn-line {
    width: clamp(618px, calc(0.1538461538px + 60.3365384615vw), 869px);
    aspect-ratio: 869/285;
  }
}

.contact-bg-contact-footer-top {
  width: 100%;
  aspect-ratio: 750/44;
}
@media (min-width: 1024px) {
  .contact-bg-contact-footer-top {
    width: 100%;
    aspect-ratio: 1440/48;
  }
}

.contact-bg-contact {
  width: clamp(242.5px, calc(-0.006377551px + 64.6683673469vw), 496px);
  aspect-ratio: 485/333;
}
@media (min-width: 1024px) {
  .contact-bg-contact {
    width: clamp(360px, calc(0.6153846154px + 35.0961538462vw), 506px);
    aspect-ratio: 506/333;
  }
}

.contact-bg-thanks-footer-top {
  width: 100%;
  aspect-ratio: 750/44;
}
@media (min-width: 1024px) {
  .contact-bg-thanks-footer-top {
    width: 100%;
    aspect-ratio: 1440/48;
  }
}

.contact-img-contact {
  width: clamp(295px, calc(0.3571428571px + 78.5714285714vw), 603px);
  aspect-ratio: 590/391;
}
@media (min-width: 1024px) {
  .contact-img-contact {
    width: clamp(388px, calc(1.5384615385px + 37.7403846154vw), 545px);
    aspect-ratio: 545/360;
  }
}

.contact-img-form-decoration {
  width: clamp(101.5px, calc(-0.381377551px + 27.1683673469vw), 208px);
  aspect-ratio: 203/90;
}
@media (min-width: 1024px) {
  .contact-img-form-decoration {
    width: clamp(144px, calc(-1.2307692308px + 14.1826923077vw), 203px);
  }
}

.flow-bg-faq-decoration-left {
  width: clamp(113px, calc(0.1173469388px + 30.1020408163vw), 231px);
  aspect-ratio: 226/231;
}
@media (min-width: 1024px) {
  .flow-bg-faq-decoration-left {
    width: clamp(369px, calc(-0.2307692308px + 36.0576923077vw), 519px);
    aspect-ratio: 519/290;
  }
}

.flow-bg-faq-decoration-right {
  width: clamp(95.5px, calc(0.3150510204px + 25.3826530612vw), 195px);
  aspect-ratio: 191/216;
}
@media (min-width: 1024px) {
  .flow-bg-faq-decoration-right {
    width: clamp(211px, calc(-0.6923076923px + 20.6730769231vw), 297px);
    aspect-ratio: 297/249;
  }
}

.flow-bg-flow-blue {
  width: clamp(150px, calc(-0.1913265306px + 40.0510204082vw), 307px);
  aspect-ratio: 300/187;
}
@media (min-width: 1024px) {
  .flow-bg-flow-blue {
    width: clamp(213px, calc(-1.1538461538px + 20.9134615385vw), 300px);
  }
}

.flow-bg-flow-bottom {
  width: 100%;
  aspect-ratio: 750/52;
}
@media (min-width: 1024px) {
  .flow-bg-flow-bottom {
    width: 100%;
    aspect-ratio: 1440/90;
  }
}

.flow-bg-flow-green {
  width: clamp(145px, calc(-0.4081632653px + 38.7755102041vw), 297px);
  aspect-ratio: 290/187;
}
@media (min-width: 1024px) {
  .flow-bg-flow-green {
    width: clamp(213px, calc(-1.1538461538px + 20.9134615385vw), 300px);
    aspect-ratio: 300/187;
  }
}

.flow-img-flow-arrow-bottom {
  width: clamp(17.5px, calc(-0.1977040816px + 4.7193877551vw), 36px);
  aspect-ratio: 35/58;
}
@media (min-width: 1024px) {
  .flow-img-flow-arrow-bottom {
    width: clamp(18px, calc(0.7692307692px + 1.6826923077vw), 25px);
    aspect-ratio: 25/42;
  }
}

.flow-img-flow-step1 {
  width: clamp(96.5px, calc(0.3584183673px + 25.637755102vw), 197px);
  aspect-ratio: 193/172;
}
@media (min-width: 1024px) {
  .flow-img-flow-step1 {
    width: clamp(133px, calc(0.0769230769px + 12.9807692308vw), 187px);
    aspect-ratio: 187/172;
  }
}

.flow-img-flow-step2 {
  width: clamp(96.5px, calc(0.3584183673px + 25.637755102vw), 197px);
  aspect-ratio: 193/162;
}
@media (min-width: 1024px) {
  .flow-img-flow-step2 {
    width: clamp(137px, calc(-0.8461538462px + 13.4615384615vw), 193px);
  }
}

.flow-img-flow-step3 {
  width: clamp(96.5px, calc(0.3584183673px + 25.637755102vw), 197px);
  aspect-ratio: 193/171;
}
@media (min-width: 1024px) {
  .flow-img-flow-step3 {
    width: clamp(139px, calc(1.1538461538px + 13.4615384615vw), 195px);
    aspect-ratio: 195/171;
  }
}

.flow-img-flow-step4 {
  width: clamp(95px, calc(0.2933673469px + 25.2551020408vw), 194px);
  aspect-ratio: 190/178;
}
@media (min-width: 1024px) {
  .flow-img-flow-step4 {
    width: clamp(135px, calc(-0.3846153846px + 13.2211538462vw), 190px);
  }
}

.flow-img-flow-step5 {
  width: clamp(96.5px, calc(0.3584183673px + 25.637755102vw), 197px);
  aspect-ratio: 193/162;
}
@media (min-width: 1024px) {
  .flow-img-flow-step5 {
    width: clamp(145px, calc(-0.2307692308px + 14.1826923077vw), 204px);
    aspect-ratio: 204/162;
  }
}

.service-bg-price {
  width: 100%;
  aspect-ratio: 750/879;
}
@media (min-width: 1024px) {
  .service-bg-price {
    width: clamp(871px, calc(-0.3846153846px + 85.0961538462vw), 1225px);
    aspect-ratio: 1225/460;
  }
}

.service-bg-service3 {
  width: clamp(146.5px, calc(-0.3431122449px + 39.1581632653vw), 300px);
  aspect-ratio: 293/290;
}
@media (min-width: 1024px) {
  .service-bg-service3 {
    width: clamp(225px, calc(-1.4615384615px + 22.1153846154vw), 317px);
    aspect-ratio: 317/290;
  }
}

.service-img-service1 {
  width: clamp(306px, calc(-0.1224489796px + 81.6326530612vw), 626px);
  aspect-ratio: 612/521;
}
@media (min-width: 1024px) {
  .service-img-service1 {
    width: clamp(338px, calc(-1.6923076923px + 33.1730769231vw), 476px);
    aspect-ratio: 476/531;
  }
}

.service-img-service2 {
  width: clamp(296.5px, calc(0.4221938776px + 78.9540816327vw), 606px);
  aspect-ratio: 593/588;
}
@media (min-width: 1024px) {
  .service-img-service2 {
    width: clamp(306px, calc(0.7692307692px + 29.8076923077vw), 430px);
    aspect-ratio: 430/468;
  }
}

.service-img-service3 {
  width: clamp(316.5px, calc(0.3329081633px + 84.3112244898vw), 647px);
  aspect-ratio: 633/505;
}
@media (min-width: 1024px) {
  .service-img-service3 {
    width: clamp(335px, calc(0.2307692308px + 32.6923076923vw), 471px);
  }
}

.top-bg-about-bottom {
  width: 100%;
  aspect-ratio: 750/50;
}
@media (min-width: 1024px) {
  .top-bg-about-bottom {
    width: 100%;
    aspect-ratio: 1440/110;
  }
}

.top-bg-comfort-bottom {
  width: 100%;
  aspect-ratio: 750/56;
}
@media (min-width: 1024px) {
  .top-bg-comfort-bottom {
    width: 100%;
    aspect-ratio: 1440/68;
  }
}

.top-bg-faq-bottom {
  width: 100%;
  aspect-ratio: 750/60;
}
@media (min-width: 1024px) {
  .top-bg-faq-bottom {
    width: 100%;
    aspect-ratio: 1440/64;
  }
}

.top-bg-faq {
  width: clamp(104.5px, calc(-0.2512755102px + 27.9336734694vw), 214px);
  aspect-ratio: 209/290;
}
@media (min-width: 1024px) {
  .top-bg-faq {
    width: clamp(369px, calc(-0.2307692308px + 36.0576923077vw), 519px);
    aspect-ratio: 519/290;
  }
}

.top-bg-features-bottom {
  width: 100%;
  aspect-ratio: 750/86;
}
@media (min-width: 1024px) {
  .top-bg-features-bottom {
    width: 100%;
    aspect-ratio: 1440/94;
  }
}

.top-bg-features-title1 {
  width: clamp(106px, calc(-0.1862244898px + 28.3163265306vw), 217px);
  aspect-ratio: 212/143;
}
@media (min-width: 1024px) {
  .top-bg-features-title1 {
    width: clamp(100px, calc(-0.9230769231px + 9.8557692308vw), 141px);
    aspect-ratio: 141/95;
  }
}

.top-bg-features-title2 {
  width: clamp(106px, calc(-0.1862244898px + 28.3163265306vw), 217px);
  aspect-ratio: 212/143;
}
@media (min-width: 1024px) {
  .top-bg-features-title2 {
    width: clamp(100px, calc(-0.9230769231px + 9.8557692308vw), 141px);
    aspect-ratio: 141/95;
  }
}

.top-bg-features-title3 {
  width: clamp(106px, calc(-0.1862244898px + 28.3163265306vw), 217px);
  aspect-ratio: 212/143;
}
@media (min-width: 1024px) {
  .top-bg-features-title3 {
    width: clamp(100px, calc(-0.9230769231px + 9.8557692308vw), 141px);
    aspect-ratio: 141/95;
  }
}

.top-bg-hero-bottom {
  width: 100%;
  aspect-ratio: 750/90;
}
@media (min-width: 1024px) {
  .top-bg-hero-bottom {
    width: 100%;
    aspect-ratio: 1440/114;
  }
}

.top-bg-hero-title1 {
  width: clamp(282px, calc(-0.2066326531px + 75.2551020408vw), 577px);
  aspect-ratio: 564/102;
}
@media (min-width: 1024px) {
  .top-bg-hero-title1 {
    width: clamp(401px, calc(-0.2307692308px + 39.1826923077vw), 564px);
  }
}

.top-bg-hero-title2 {
  width: clamp(160px, calc(0.2423469388px + 42.6020408163vw), 327px);
  aspect-ratio: 320/104;
}
@media (min-width: 1024px) {
  .top-bg-hero-title2 {
    width: clamp(228px, calc(1.5384615385px + 22.1153846154vw), 320px);
  }
}

.top-bg-news {
  width: clamp(158.5px, calc(0.1772959184px + 42.2193877551vw), 324px);
  aspect-ratio: 317/215;
}
@media (min-width: 1024px) {
  .top-bg-news {
    width: clamp(186px, calc(-1.0769230769px + 18.2692307692vw), 262px);
    aspect-ratio: 262/215;
  }
}

.top-bg-sns-bottom {
  width: 100%;
  aspect-ratio: 750/64;
}
@media (min-width: 1024px) {
  .top-bg-sns-bottom {
    width: 100%;
    aspect-ratio: 1440/110;
  }
}

.top-bg-sns-text {
  width: 100%;
  aspect-ratio: 750/709;
}
@media (min-width: 1024px) {
  .top-bg-sns-text {
    width: clamp(506px, calc(-1.0769230769px + 49.5192307692vw), 712px);
    aspect-ratio: 712/402;
  }
}

.top-bg-title-comfort-point1 {
  width: clamp(78px, calc(-0.443877551px + 20.9183673469vw), 160px);
  aspect-ratio: 156/150;
}
@media (min-width: 1024px) {
  .top-bg-title-comfort-point1 {
    width: clamp(70px, calc(-1.3846153846px + 6.9711538462vw), 99px);
    aspect-ratio: 99/109;
  }
}

.top-bg-title-comfort-point2 {
  width: clamp(85.5px, calc(-0.118622449px + 22.8316326531vw), 175px);
  aspect-ratio: 171/165;
}
@media (min-width: 1024px) {
  .top-bg-title-comfort-point2 {
    width: clamp(85px, calc(-1.1538461538px + 8.4134615385vw), 120px);
    aspect-ratio: 120/97;
  }
}

.top-bg-title-comfort-point3 {
  width: clamp(84px, calc(-0.1836734694px + 22.4489795918vw), 172px);
  aspect-ratio: 168/164;
}
@media (min-width: 1024px) {
  .top-bg-title-comfort-point3 {
    width: clamp(77px, calc(0.6923076923px + 7.4519230769vw), 108px);
    aspect-ratio: 108/103;
  }
}

.top-btn-news {
  width: clamp(83.5px, calc(-0.2053571429px + 22.3214285714vw), 171px);
  aspect-ratio: 167/158;
}
@media (min-width: 1024px) {
  .top-btn-news {
    width: clamp(95px, calc(1.4615384615px + 9.1346153846vw), 133px);
    aspect-ratio: 133/126;
  }
}

.top-img-about-decoration-circle-group {
  width: clamp(101.5px, calc(-0.381377551px + 27.1683673469vw), 208px);
  aspect-ratio: 203/124;
}
@media (min-width: 1024px) {
  .top-img-about-decoration-circle-group {
    width: clamp(170px, calc(0.1538461538px + 16.5865384615vw), 239px);
    aspect-ratio: 239/124;
  }
}

.top-img-about-hr-dotted {
  width: clamp(278px, calc(-0.3801020408px + 74.2346938776vw), 569px);
  aspect-ratio: 556/10;
}
@media (min-width: 1024px) {
  .top-img-about-hr-dotted {
    width: clamp(344px, calc(-0.6153846154px + 33.6538461538vw), 484px);
    aspect-ratio: 484/10;
  }
}

.top-img-about {
  width: clamp(370px, calc(-0.2168367347px + 98.7244897959vw), 757px);
  aspect-ratio: 740/690;
}
@media (min-width: 1024px) {
  .top-img-about {
    width: clamp(439px, calc(-1.6153846154px + 43.0288461538vw), 618px);
    aspect-ratio: 618/572;
  }
}

.top-img-comfort-decoration-circle-group {
  width: clamp(98px, calc(0.4234693878px + 26.0204081633vw), 200px);
  aspect-ratio: 196/77;
}
@media (min-width: 1024px) {
  .top-img-comfort-decoration-circle-group {
    width: clamp(150px, calc(-0.1538461538px + 14.6634615385vw), 211px);
    aspect-ratio: 211/77;
  }
}

.top-img-comfort-point1-picture {
  width: clamp(258.5px, calc(-0.2691326531px + 69.0051020408vw), 529px);
  aspect-ratio: 517/408;
}
@media (min-width: 1024px) {
  .top-img-comfort-point1-picture {
    width: clamp(245px, calc(-1.1538461538px + 24.0384615385vw), 345px);
    aspect-ratio: 345/272;
  }
}

.top-img-comfort-point2-picture {
  width: clamp(258.5px, calc(-0.2691326531px + 69.0051020408vw), 529px);
  aspect-ratio: 517/372;
}
@media (min-width: 1024px) {
  .top-img-comfort-point2-picture {
    width: clamp(245px, calc(-1.1538461538px + 24.0384615385vw), 345px);
    aspect-ratio: 345/248;
  }
}

.top-img-comfort-point3-picture {
  width: clamp(273px, calc(0.3596938776px + 72.7040816327vw), 558px);
  aspect-ratio: 546/372;
}
@media (min-width: 1024px) {
  .top-img-comfort-point3-picture {
    width: clamp(259px, calc(0.5384615385px + 25.2403846154vw), 364px);
  }
}

.top-img-faq-decoration1 {
  width: clamp(76.5px, calc(0.4477040816px + 20.2806122449vw), 156px);
  aspect-ratio: 153/249;
}
@media (min-width: 1024px) {
  .top-img-faq-decoration1 {
    width: clamp(211px, calc(-0.6923076923px + 20.6730769231vw), 297px);
    aspect-ratio: 297/249;
  }
}

.top-img-faq-decoration2 {
  width: clamp(110.5px, calc(0.0089285714px + 29.4642857143vw), 226px);
  aspect-ratio: 221/210;
}
@media (min-width: 1024px) {
  .top-img-faq-decoration2 {
    width: clamp(157px, calc(-0.5384615385px + 15.3846153846vw), 221px);
  }
}

.top-img-features-decoration-flag-left {
  width: clamp(88px, calc(-0.0102040816px + 23.4693877551vw), 180px);
  aspect-ratio: 176/106;
}
@media (min-width: 1024px) {
  .top-img-features-decoration-flag-left {
    width: clamp(122px, calc(1.3846153846px + 11.7788461538vw), 171px);
    aspect-ratio: 171/77;
  }
}

.top-img-features-decoration-flag-right {
  width: clamp(94px, calc(0.25px + 25vw), 192px);
  aspect-ratio: 188/107;
}
@media (min-width: 1024px) {
  .top-img-features-decoration-flag-right {
    width: clamp(122px, calc(1.3846153846px + 11.7788461538vw), 171px);
    aspect-ratio: 171/77;
  }
}

.top-img-features-decoration-triangle-group {
  width: clamp(86px, calc(-0.0969387755px + 22.9591836735vw), 176px);
  aspect-ratio: 172/90;
}
@media (min-width: 1024px) {
  .top-img-features-decoration-triangle-group {
    width: clamp(122px, calc(-1.0769230769px + 12.0192307692vw), 172px);
  }
}

.top-img-features-picture1 {
  width: clamp(295.5px, calc(0.3788265306px + 78.6989795918vw), 604px);
  aspect-ratio: 591/605;
}
@media (min-width: 1024px) {
  .top-img-features-picture1 {
    width: clamp(280px, calc(-0.6153846154px + 27.4038461538vw), 394px);
    aspect-ratio: 394/403;
  }
}

.top-img-features-picture2 {
  width: clamp(296px, calc(0.4005102041px + 78.8265306122vw), 605px);
  aspect-ratio: 592/605;
}
@media (min-width: 1024px) {
  .top-img-features-picture2 {
    width: clamp(280px, calc(-0.6153846154px + 27.4038461538vw), 394px);
    aspect-ratio: 394/403;
  }
}

.top-img-features-picture3 {
  width: clamp(295.5px, calc(0.3788265306px + 78.6989795918vw), 604px);
  aspect-ratio: 591/605;
}
@media (min-width: 1024px) {
  .top-img-features-picture3 {
    width: clamp(280px, calc(-0.6153846154px + 27.4038461538vw), 394px);
    aspect-ratio: 394/403;
  }
}

.top-img-hero-decoration-circle-group {
  width: clamp(74.5px, calc(0.3609693878px + 19.7704081633vw), 152px);
  aspect-ratio: 149/86;
}
@media (min-width: 1024px) {
  .top-img-hero-decoration-circle-group {
    width: clamp(106px, calc(0.1538461538px + 10.3365384615vw), 149px);
  }
}

.top-img-hero-decoration-triangle-group {
  width: clamp(67.5px, calc(0.0573979592px + 17.9846938776vw), 138px);
  aspect-ratio: 135/110;
}
@media (min-width: 1024px) {
  .top-img-hero-decoration-triangle-group {
    width: clamp(96px, calc(0px + 9.375vw), 135px);
  }
}

.top-img-hero {
  width: 100%;
  aspect-ratio: 750/557;
}
@media (min-width: 1024px) {
  .top-img-hero {
    width: clamp(974px, calc(-0.7692307692px + 95.1923076923vw), 1370px);
    aspect-ratio: 1370/723;
  }
}

.top-img-hero1 {
  width: 100%;
  aspect-ratio: 750/556;
}
@media (min-width: 1024px) {
  .top-img-hero1 {
    width: clamp(974px, calc(1.6923076923px + 94.9519230769vw), 1369px);
    aspect-ratio: 1369/722;
  }
}

.top-img-hero2 {
  width: 100%;
  aspect-ratio: 750/556;
}
@media (min-width: 1024px) {
  .top-img-hero2 {
    width: clamp(974px, calc(1.6923076923px + 94.9519230769vw), 1369px);
    aspect-ratio: 1369/722;
  }
}

.top-img-hero3 {
  width: 100%;
  aspect-ratio: 750/556;
}
@media (min-width: 1024px) {
  .top-img-hero3 {
    width: clamp(974px, calc(1.6923076923px + 94.9519230769vw), 1369px);
    aspect-ratio: 1369/722;
  }
}

.top-img-sns-decoration-circle-group {
  width: clamp(87px, calc(-0.0535714286px + 23.2142857143vw), 178px);
  aspect-ratio: 174/124;
}
@media (min-width: 1024px) {
  .top-img-sns-decoration-circle-group {
    width: clamp(170px, calc(0.1538461538px + 16.5865384615vw), 239px);
    aspect-ratio: 239/124;
  }
}

.top-img-sns-decoration-tree {
  width: clamp(61.5px, calc(-0.2028061224px + 16.4540816327vw), 126px);
  aspect-ratio: 123/160;
}
@media (min-width: 1024px) {
  .top-img-sns-decoration-tree {
    width: clamp(87px, calc(-1.6153846154px + 8.6538461538vw), 123px);
  }
}

.floating-about-decoration-circle-brown {
  width: clamp(58px, calc(0px + 15.4666666667vw), 118.6293333333px);
  aspect-ratio: 116/106;
}
@media (min-width: 1024px) {
  .floating-about-decoration-circle-brown {
    width: clamp(82.4888888889px, calc(0px + 8.0555555556vw), 116px);
  }
}

.floating-about-decoration-circle-pink1 {
  width: clamp(60px, calc(0px + 16vw), 122.72px);
  aspect-ratio: 120/121;
}
@media (min-width: 1024px) {
  .floating-about-decoration-circle-pink1 {
    width: clamp(85.3333333333px, calc(0px + 8.3333333333vw), 120px);
  }
}

.floating-about-decoration-circle-pink2 {
  width: clamp(50.5px, calc(0px + 13.4666666667vw), 103.2893333333px);
  aspect-ratio: 101/99;
}
@media (min-width: 1024px) {
  .floating-about-decoration-circle-pink2 {
    width: clamp(71.8222222222px, calc(0px + 7.0138888889vw), 101px);
  }
}

.floating-about-decoration-triangle-green {
  width: clamp(58px, calc(0px + 15.4666666667vw), 118.6293333333px);
  aspect-ratio: 116/122;
}
@media (min-width: 1024px) {
  .floating-about-decoration-triangle-green {
    width: clamp(82.4888888889px, calc(0px + 8.0555555556vw), 116px);
  }
}

.floating-about-decoration-triangle-yellow {
  width: clamp(58px, calc(0px + 15.4666666667vw), 118.6293333333px);
  aspect-ratio: 116/122;
}
@media (min-width: 1024px) {
  .floating-about-decoration-triangle-yellow {
    width: clamp(82.4888888889px, calc(0px + 8.0555555556vw), 116px);
  }
}

.floating-contact-decoration-circle-green {
  width: clamp(61.5px, calc(0px + 16.4vw), 125.788px);
  aspect-ratio: 123/122;
}
@media (min-width: 1024px) {
  .floating-contact-decoration-circle-green {
    width: clamp(87.4666666667px, calc(0px + 8.5416666667vw), 123px);
  }
}

.floating-contact-decoration-triangle-pink {
  width: clamp(47px, calc(0px + 12.5333333333vw), 96.1306666667px);
  aspect-ratio: 94/90;
}
@media (min-width: 1024px) {
  .floating-contact-decoration-triangle-pink {
    width: clamp(66.8444444444px, calc(0px + 6.5277777778vw), 94px);
  }
}

.floating-faq-decoration-circle-green {
  width: clamp(61.5px, calc(0px + 16.4vw), 125.788px);
  aspect-ratio: 123/122;
}
@media (min-width: 1024px) {
  .floating-faq-decoration-circle-green {
    width: clamp(87.4666666667px, calc(0px + 8.5416666667vw), 123px);
  }
}

.floating-faq-decoration-circle-pink {
  width: clamp(61.5px, calc(0px + 16.4vw), 125.788px);
  aspect-ratio: 123/122;
}
@media (min-width: 1024px) {
  .floating-faq-decoration-circle-pink {
    width: clamp(87.4666666667px, calc(0px + 8.5416666667vw), 123px);
  }
}

.floating-faq-decoration-triangle-blue {
  width: clamp(46px, calc(0px + 12.2666666667vw), 94.0853333333px);
  aspect-ratio: 92/85;
}
@media (min-width: 1024px) {
  .floating-faq-decoration-triangle-blue {
    width: clamp(65.4222222222px, calc(0px + 6.3888888889vw), 92px);
  }
}

.floating-faq-decoration-triangle-gray {
  width: clamp(38px, calc(0px + 10.1333333333vw), 77.7226666667px);
  aspect-ratio: 76/70;
}
@media (min-width: 1024px) {
  .floating-faq-decoration-triangle-gray {
    width: clamp(54.0444444444px, calc(0px + 5.2777777778vw), 76px);
  }
}

.floating-faq-decoration-triangle-green {
  width: clamp(33px, calc(0px + 8.8vw), 67.496px);
  aspect-ratio: 66/63;
}
@media (min-width: 1024px) {
  .floating-faq-decoration-triangle-green {
    width: clamp(46.9333333333px, calc(0px + 4.5833333333vw), 66px);
  }
}

.floating-features-decoration-circle-green {
  width: clamp(45.5px, calc(0px + 12.1333333333vw), 93.0626666667px);
  aspect-ratio: 91/92;
}
@media (min-width: 1024px) {
  .floating-features-decoration-circle-green {
    width: clamp(64.7111111111px, calc(0px + 6.3194444444vw), 91px);
  }
}

.floating-features-decoration-circle-pink {
  width: clamp(55.5px, calc(0px + 14.8vw), 113.516px);
  aspect-ratio: 111/100;
}
@media (min-width: 1024px) {
  .floating-features-decoration-circle-pink {
    width: clamp(78.9333333333px, calc(0px + 7.7083333333vw), 111px);
  }
}

.floating-features-decoration-triangle-pink {
  width: clamp(46px, calc(0px + 12.2666666667vw), 94.0853333333px);
  aspect-ratio: 92/85;
}
@media (min-width: 1024px) {
  .floating-features-decoration-triangle-pink {
    width: clamp(65.4222222222px, calc(0px + 6.3888888889vw), 92px);
  }
}

.floating-hero-decoration-circle-green {
  width: clamp(59px, calc(0px + 15.7333333333vw), 120.6746666667px);
  aspect-ratio: 118/125;
}
@media (min-width: 1024px) {
  .floating-hero-decoration-circle-green {
    width: clamp(83.9111111111px, calc(0px + 8.1944444444vw), 118px);
  }
}

.floating-hero-decoration-circle-pink {
  width: clamp(63.5px, calc(0px + 16.9333333333vw), 129.8786666667px);
  aspect-ratio: 127/120;
}
@media (min-width: 1024px) {
  .floating-hero-decoration-circle-pink {
    width: clamp(90.3111111111px, calc(0px + 8.8194444444vw), 127px);
  }
}

.floating-hero-decoration-circle-white1 {
  width: clamp(60.5px, calc(0px + 16.1333333333vw), 123.7426666667px);
  aspect-ratio: 121/125;
}
@media (min-width: 1024px) {
  .floating-hero-decoration-circle-white1 {
    width: clamp(86.0444444444px, calc(0px + 8.4027777778vw), 121px);
  }
}

.floating-hero-decoration-circle-white2 {
  width: clamp(65px, calc(0px + 17.3333333333vw), 132.9466666667px);
  aspect-ratio: 130/123;
}
@media (min-width: 1024px) {
  .floating-hero-decoration-circle-white2 {
    width: clamp(92.4444444444px, calc(0px + 9.0277777778vw), 130px);
  }
}

.floating-hero-decoration-triangle-blue {
  width: clamp(42px, calc(0px + 11.2vw), 85.904px);
  aspect-ratio: 84/90;
}
@media (min-width: 1024px) {
  .floating-hero-decoration-triangle-blue {
    width: clamp(59.7333333333px, calc(0px + 5.8333333333vw), 84px);
  }
}

.floating-hero-decoration-triangle-green {
  width: clamp(42px, calc(0px + 11.2vw), 85.904px);
  aspect-ratio: 84/90;
}
@media (min-width: 1024px) {
  .floating-hero-decoration-triangle-green {
    width: clamp(59.7333333333px, calc(0px + 5.8333333333vw), 84px);
  }
}

.floating-hero-decoration-triangle-pink {
  width: clamp(45px, calc(0px + 12vw), 92.04px);
  aspect-ratio: 90/87;
}
@media (min-width: 1024px) {
  .floating-hero-decoration-triangle-pink {
    width: clamp(64px, calc(0px + 6.25vw), 90px);
  }
}

.floating-news-decoration-circle-white {
  width: clamp(61.5px, calc(0px + 16.4vw), 125.788px);
  aspect-ratio: 123/122;
}
@media (min-width: 1024px) {
  .floating-news-decoration-circle-white {
    width: clamp(87.4666666667px, calc(0px + 8.5416666667vw), 123px);
  }
}

.floating-news-decoration-triangle-pink {
  width: clamp(47px, calc(0px + 12.5333333333vw), 96.1306666667px);
  aspect-ratio: 94/90;
}
@media (min-width: 1024px) {
  .floating-news-decoration-triangle-pink {
    width: clamp(66.8444444444px, calc(0px + 6.5277777778vw), 94px);
  }
}

.floating-sns-decoration-circle-green {
  width: clamp(73px, calc(0px + 19.4666666667vw), 149.3093333333px);
  aspect-ratio: 146/132;
}
@media (min-width: 1024px) {
  .floating-sns-decoration-circle-green {
    width: clamp(103.8222222222px, calc(0px + 10.1388888889vw), 146px);
  }
}

.floating-sns-decoration-circle-pink {
  width: clamp(60px, calc(0px + 16vw), 122.72px);
  aspect-ratio: 120/121;
}
@media (min-width: 1024px) {
  .floating-sns-decoration-circle-pink {
    width: clamp(85.3333333333px, calc(0px + 8.3333333333vw), 120px);
  }
}

.floating-sns-decoration-triangle-green {
  width: clamp(61px, calc(0px + 16.2666666667vw), 124.7653333333px);
  aspect-ratio: 122/112;
}
@media (min-width: 1024px) {
  .floating-sns-decoration-triangle-green {
    width: clamp(86.7555555556px, calc(0px + 8.4722222222vw), 122px);
  }
}

.floating-sns-decoration-triangle-lightGreen {
  width: clamp(58px, calc(0px + 15.4666666667vw), 118.6293333333px);
  aspect-ratio: 116/122;
}
@media (min-width: 1024px) {
  .floating-sns-decoration-triangle-lightGreen {
    width: clamp(82.4888888889px, calc(0px + 8.0555555556vw), 116px);
  }
}

.icon-company-logo {
  width: clamp(61.5px, calc(0px + 16.4vw), 125.788px);
  aspect-ratio: 123/133;
}
@media (min-width: 1024px) {
  .icon-company-logo {
    width: clamp(87.4666666667px, calc(0px + 8.5416666667vw), 123px);
  }
}

.icon-form-arrow {
  width: clamp(11px, calc(0px + 2.9333333333vw), 22.4986666667px);
  aspect-ratio: 22/14;
}
@media (min-width: 1024px) {
  .icon-form-arrow {
    width: clamp(15.6444444444px, calc(0px + 1.5277777778vw), 22px);
  }
}

.icon-logo-instagram {
  width: clamp(27.5px, calc(0px + 7.3333333333vw), 56.2466666667px);
  aspect-ratio: 55/56;
}
@media (min-width: 1024px) {
  .icon-logo-instagram {
    width: clamp(39.1111111111px, calc(0px + 3.8194444444vw), 55px);
  }
}

.img-common-hero-decoration-left-circle-group {
  width: clamp(93.5px, calc(0px + 24.9333333333vw), 191.2386666667px);
  aspect-ratio: 187/78;
}
@media (min-width: 1024px) {
  .img-common-hero-decoration-left-circle-group {
    width: clamp(132.9777777778px, calc(0px + 12.9861111111vw), 187px);
  }
}

.img-common-hero-decoration-right-circle-group {
  width: clamp(80px, calc(0px + 21.3333333333vw), 163.6266666667px);
  aspect-ratio: 160/78;
}
@media (min-width: 1024px) {
  .img-common-hero-decoration-right-circle-group {
    width: clamp(113.7777777778px, calc(0px + 11.1111111111vw), 160px);
  }
}

.img-hr-dotted {
  width: clamp(302px, calc(0px + 80.5333333333vw), 617.6906666667px);
  aspect-ratio: 604/8;
}
@media (min-width: 1024px) {
  .img-hr-dotted {
    width: clamp(429.5111111111px, calc(0px + 41.9444444444vw), 604px);
  }
}

@keyframes float-and-rotate {
  0% {
    transform: rotate(0deg) scale(1);
  }
  12.5% {
    transform: rotate(15deg) scale(1.05);
  }
  25% {
    transform: rotate(30deg) scale(1.075);
  }
  37.5% {
    transform: rotate(45deg) scale(1.05);
  }
  50% {
    transform: rotate(60deg) scale(1);
  }
  62.5% {
    transform: rotate(45deg) scale(0.95);
  }
  75% {
    transform: rotate(30deg) scale(0.925);
  }
  87.5% {
    transform: rotate(15deg) scale(0.95);
  }
  100% {
    transform: rotate(0deg) scale(1);
  }
}
.topHero .floating-hero-decoration-circle-green {
  display: none;
}
@media (min-width: 1024px) {
  .topHero .floating-hero-decoration-circle-green {
    display: block;
    position: absolute;
    z-index: 5;
    top: clamp(163.5555555556px, calc(0px + 15.9722222222vw), 230px);
    right: clamp(21.3333333333px, calc(0px + 2.0833333333vw), 30px);
    animation: float-and-rotate 24s linear infinite;
  }
}
.topHero .floating-hero-decoration-circle-pink {
  position: absolute;
  z-index: 5;
  top: 40%;
  right: 0;
  animation: float-and-rotate 16s linear 3s infinite;
}
@media (min-width: 1024px) {
  .topHero .floating-hero-decoration-circle-pink {
    position: absolute;
    z-index: 5;
    top: clamp(64px, calc(0px + 6.25vw), 90px);
    left: clamp(163.5555555556px, calc(0px + 15.9722222222vw), 230px);
    animation: float-and-rotate 16s linear 3s infinite;
  }
}
.topHero .floating-hero-decoration-circle-white1 {
  position: absolute;
  z-index: 0;
  top: clamp(56.8888888889px, calc(0px + 5.5555555556vw), 80px);
  right: clamp(10px, calc(0px + 2.6666666667vw), 20.4533333333px);
  animation: float-and-rotate 44s linear 2s infinite;
}
@media (min-width: 1024px) {
  .topHero .floating-hero-decoration-circle-white1 {
    position: absolute;
    z-index: 5;
    top: clamp(49.7777777778px, calc(0px + 4.8611111111vw), 70px);
    left: clamp(113.7777777778px, calc(0px + 11.1111111111vw), 160px);
    animation: float-and-rotate 14s linear 2s infinite;
  }
}
.topHero .floating-hero-decoration-circle-white2 {
  position: absolute;
  z-index: 5;
  bottom: 40%;
  right: 5%;
  animation: float-and-rotate 24s linear 2s infinite;
}
@media (min-width: 1024px) {
  .topHero .floating-hero-decoration-circle-white2 {
    position: absolute;
    z-index: 5;
    bottom: clamp(85.3333333333px, calc(0px + 8.3333333333vw), 120px);
    right: clamp(113.7777777778px, calc(0px + 11.1111111111vw), 160px);
    animation: float-and-rotate 12s linear 2s infinite;
  }
}
.topHero .floating-hero-decoration-triangle-blue {
  position: absolute;
  z-index: 5;
  bottom: 15%;
  right: 10%;
  animation: float-and-rotate 24s linear 8s infinite;
}
@media (min-width: 1024px) {
  .topHero .floating-hero-decoration-triangle-blue {
    position: absolute;
    z-index: 5;
    bottom: clamp(128px, calc(0px + 12.5vw), 180px);
    right: clamp(42.6666666667px, calc(0px + 4.1666666667vw), 60px);
    animation: float-and-rotate 42s linear 8s infinite;
  }
}
.topHero .floating-hero-decoration-triangle-green {
  position: absolute;
  z-index: 5;
  top: 14%;
  left: 90%;
  animation: float-and-rotate 24s linear 2s infinite;
}
@media (min-width: 1024px) {
  .topHero .floating-hero-decoration-triangle-green {
    position: absolute;
    z-index: 5;
    top: 40%;
    left: clamp(7.1111111111px, calc(0px + 0.6944444444vw), 10px);
    animation: float-and-rotate 12s linear 2s infinite;
  }
}
.topHero .floating-hero-decoration-triangle-pink {
  position: absolute;
  z-index: 5;
  bottom: 10%;
  left: 30%;
  animation: float-and-rotate 34s linear 2s infinite;
}
@media (min-width: 1024px) {
  .topHero .floating-hero-decoration-triangle-pink {
    position: absolute;
    z-index: 5;
    bottom: clamp(42.6666666667px, calc(0px + 4.1666666667vw), 60px);
    right: 50%;
    animation: float-and-rotate 17s linear 2s infinite;
  }
}

.topAbout .floating-about-decoration-circle-pink1 {
  position: absolute;
  z-index: 0;
  bottom: 58%;
  right: 8%;
  animation: float-and-rotate 34s ease-in-out 2s infinite;
}
@media (min-width: 1024px) {
  .topAbout .floating-about-decoration-circle-pink1 {
    position: absolute;
    z-index: 0;
    bottom: 30%;
    right: 8%;
    animation: float-and-rotate 34s ease-in-out 2s infinite;
  }
}
.topAbout .floating-about-decoration-circle-pink2 {
  position: absolute;
  z-index: 5;
  top: 70%;
  left: 4%;
  animation: float-and-rotate 48s linear 5s infinite;
}
@media (min-width: 1024px) {
  .topAbout .floating-about-decoration-circle-pink2 {
    position: absolute;
    z-index: 5;
    top: 30%;
    left: 4%;
    animation: float-and-rotate 48s linear 5s infinite;
  }
}
.topAbout .floating-about-decoration-triangle-green {
  position: absolute;
  z-index: 5;
  bottom: 10%;
  left: 3%;
  animation: float-and-rotate 34s linear 2s infinite;
}
@media (min-width: 1024px) {
  .topAbout .floating-about-decoration-triangle-green {
    position: absolute;
    z-index: 5;
    bottom: 30%;
    left: 3%;
    animation: float-and-rotate 34s linear 2s infinite;
  }
}
.topAbout .floating-about-decoration-triangle-yellow {
  position: absolute;
  z-index: 0;
  top: 10%;
  left: 0;
  animation: float-and-rotate 34s ease-in 2s infinite;
}
@media (min-width: 1024px) {
  .topAbout .floating-about-decoration-triangle-yellow {
    position: absolute;
    z-index: 0;
    top: 20%;
    left: 54%;
    animation: float-and-rotate 34s ease-in 2s infinite;
  }
}
.topAbout .floating-about-decoration-circle-brown {
  position: absolute;
  z-index: 1;
  bottom: 10%;
  left: 24%;
  animation: float-and-rotate 34s ease-in 2s infinite;
}
@media (min-width: 1024px) {
  .topAbout .floating-about-decoration-circle-brown {
    position: absolute;
    z-index: 1;
    bottom: 40%;
    left: 18%;
    animation: float-and-rotate 14s ease-in 2s infinite;
  }
}

.topSns .floating-sns-decoration-circle-green {
  position: absolute;
  z-index: 0;
  top: 6%;
  left: 88%;
  animation: float-and-rotate 24s ease-in 6s infinite;
}
@media (min-width: 1024px) {
  .topSns .floating-sns-decoration-circle-green {
    position: absolute;
    z-index: 1;
    top: 6%;
    left: 38%;
    animation: float-and-rotate 24s ease-in 6s infinite;
  }
}
.topSns .floating-sns-decoration-circle-pink {
  position: absolute;
  z-index: 0;
  top: 0;
  left: 2%;
  animation: float-and-rotate 34s ease-in 4s infinite;
}
@media (min-width: 1024px) {
  .topSns .floating-sns-decoration-circle-pink {
    position: absolute;
    z-index: 0;
    top: 4%;
    left: 2%;
    animation: float-and-rotate 14s ease-in 4s infinite;
  }
}
.topSns .floating-sns-decoration-triangle-green {
  position: absolute;
  z-index: 1;
  top: 2%;
  left: 88%;
  animation: float-and-rotate 30s ease-in infinite;
}
@media (min-width: 1024px) {
  .topSns .floating-sns-decoration-triangle-green {
    position: absolute;
    z-index: 1;
    top: 2%;
    left: 48%;
    animation: float-and-rotate 30s ease-in infinite;
  }
}
.topSns .floating-sns-decoration-triangle-lightGreen {
  position: absolute;
  z-index: 0;
  top: 90%;
  left: 4%;
  animation: float-and-rotate 54s ease-in 1s infinite;
}
@media (min-width: 1024px) {
  .topSns .floating-sns-decoration-triangle-lightGreen {
    position: absolute;
    z-index: 1;
    top: 60%;
    left: 4%;
    animation: float-and-rotate 54s ease-in 1s infinite;
  }
}

.topFeatures .floating-features-decoration-circle-green {
  position: absolute;
  z-index: 0;
  top: 32%;
  left: 90%;
  animation: float-and-rotate 34s ease-in 2s infinite;
}
@media (min-width: 1024px) {
  .topFeatures .floating-features-decoration-circle-green {
    position: absolute;
    z-index: 0;
    top: 67%;
    left: 4%;
    animation: float-and-rotate 34s ease-in 2s infinite;
  }
}
.topFeatures .floating-features-decoration-circle-pink {
  position: absolute;
  z-index: 1;
  top: 5%;
  left: 0;
  animation: float-and-rotate 24s linear 4s infinite;
}
@media (min-width: 1024px) {
  .topFeatures .floating-features-decoration-circle-pink {
    position: absolute;
    z-index: 1;
    top: 10%;
    left: 30%;
    animation: float-and-rotate 24s linear 4s infinite;
  }
}
.topFeatures .floating-features-decoration-triangle-pink {
  position: absolute;
  z-index: 0;
  bottom: 33%;
  right: 2%;
  animation: float-and-rotate 44s ease-in-out infinite;
}
@media (min-width: 1024px) {
  .topFeatures .floating-features-decoration-triangle-pink {
    position: absolute;
    z-index: 0;
    bottom: 20%;
    right: 24%;
    animation: float-and-rotate 44s ease-in-out infinite;
  }
}

.topFaq .floating-faq-decoration-circle-green {
  position: absolute;
  z-index: 1;
  top: 4%;
  left: 4%;
  animation: float-and-rotate 28s linear 1s infinite;
}
@media (min-width: 1024px) {
  .topFaq .floating-faq-decoration-circle-green {
    position: absolute;
    z-index: 1;
    top: 2%;
    left: 14%;
    animation: float-and-rotate 14s linear 1s infinite;
  }
}
.topFaq .floating-faq-decoration-circle-pink {
  position: absolute;
  z-index: 1;
  bottom: 15%;
  right: 2%;
  animation: float-and-rotate 33s ease-in-out infinite;
}
@media (min-width: 1024px) {
  .topFaq .floating-faq-decoration-circle-pink {
    position: absolute;
    z-index: 1;
    bottom: 15%;
    right: 2%;
    animation: float-and-rotate 33s ease-in-out infinite;
  }
}
.topFaq .floating-faq-decoration-triangle-blue {
  position: absolute;
  z-index: 6;
  bottom: 10%;
  left: 4%;
  animation: float-and-rotate 40s ease-in 5s infinite;
}
@media (min-width: 1024px) {
  .topFaq .floating-faq-decoration-triangle-blue {
    position: absolute;
    z-index: 6;
    bottom: 16%;
    left: 4%;
    animation: float-and-rotate 40s ease-in 5s infinite;
  }
}
.topFaq .floating-faq-decoration-triangle-gray {
  display: none;
}
@media (min-width: 1024px) {
  .topFaq .floating-faq-decoration-triangle-gray {
    display: block;
    position: absolute;
    z-index: 5;
    top: 4%;
    right: 7%;
    animation: float-and-rotate 34s ease-in-out 3s infinite;
  }
}
.topFaq .floating-faq-decoration-triangle-green {
  position: absolute;
  z-index: 1;
  bottom: 26%;
  right: 2%;
  animation: float-and-rotate 28s ease-in-out infinite;
}
@media (min-width: 1024px) {
  .topFaq .floating-faq-decoration-triangle-green {
    position: absolute;
    z-index: 1;
    bottom: 26%;
    right: 2%;
    animation: float-and-rotate 28s ease-in-out infinite;
  }
}

.topNews .floating-news-decoration-circle-white {
  position: absolute;
  z-index: 0;
  bottom: 38%;
  left: 0;
  animation: float-and-rotate 28s ease-in-out infinite;
}
@media (min-width: 1024px) {
  .topNews .floating-news-decoration-circle-white {
    position: absolute;
    z-index: 0;
    bottom: 18%;
    left: 29%;
    animation: float-and-rotate 28s ease-in-out infinite;
  }
}
.topNews .floating-news-decoration-triangle-pink {
  position: absolute;
  z-index: 0;
  top: 24%;
  right: 7%;
  animation: float-and-rotate 34s ease-in-out 3s infinite;
}
@media (min-width: 1024px) {
  .topNews .floating-news-decoration-triangle-pink {
    position: absolute;
    z-index: 0;
    top: 4%;
    right: 7%;
    animation: float-and-rotate 34s ease-in-out 3s infinite;
  }
}

.c-contact .floating-contact-decoration-circle-green {
  position: absolute;
  z-index: 1;
  top: 5%;
  right: 2%;
  animation: float-and-rotate 38s ease-in-out 4s infinite;
}
@media (min-width: 1024px) {
  .c-contact .floating-contact-decoration-circle-green {
    position: absolute;
    z-index: 1;
    top: 12%;
    right: 2%;
    animation: float-and-rotate 38s ease-in-out 4s infinite;
  }
}
.c-contact .floating-contact-decoration-triangle-pink {
  position: absolute;
  z-index: 1;
  bottom: 69%;
  left: 86%;
  animation: float-and-rotate 28s ease-in-out infinite;
}
@media (min-width: 1024px) {
  .c-contact .floating-contact-decoration-triangle-pink {
    position: absolute;
    z-index: 1;
    bottom: 24%;
    left: 26%;
    animation: float-and-rotate 14s ease-in-out infinite;
  }
}

.contactToLine .floating-about-decoration-circle-pink2 {
  position: absolute;
  z-index: 1;
  top: 34%;
  right: 10%;
  animation: float-and-rotate 28s ease-in-out infinite;
}
@media (min-width: 1024px) {
  .contactToLine .floating-about-decoration-circle-pink2 {
    position: absolute;
    z-index: 5;
    top: 48%;
    right: 4%;
    animation: float-and-rotate 28s ease-in-out infinite;
  }
}
.contactToLine .floating-about-decoration-triangle-green {
  position: absolute;
  z-index: 1;
  top: 5%;
  right: 7%;
  animation: float-and-rotate 38s ease-in-out 4s infinite;
}
@media (min-width: 1024px) {
  .contactToLine .floating-about-decoration-triangle-green {
    position: absolute;
    z-index: 5;
    top: 8%;
    right: 5%;
    animation: float-and-rotate 38s ease-in-out 4s infinite;
  }
}
.contactToLine .floating-about-decoration-triangle-yellow {
  position: absolute;
  z-index: 1;
  top: 32%;
  left: 2%;
  animation: float-and-rotate 38s ease-in-out 4s infinite;
}
@media (min-width: 1024px) {
  .contactToLine .floating-about-decoration-triangle-yellow {
    position: absolute;
    z-index: 5;
    top: 44%;
    left: 30%;
    animation: float-and-rotate 38s ease-in-out 4s infinite;
  }
}
.contactToLine .floating-about-decoration-circle-brown {
  position: absolute;
  z-index: 1;
  top: 6%;
  left: 2%;
  animation: float-and-rotate 28s ease-in-out infinite;
}
@media (min-width: 1024px) {
  .contactToLine .floating-about-decoration-circle-brown {
    position: absolute;
    z-index: 5;
    top: 4%;
    left: 6%;
    animation: float-and-rotate 28s ease-in-out infinite;
  }
}

.companyMessage .floating-hero-decoration-circle-pink {
  position: absolute;
  z-index: 5;
  top: 0;
  left: 70%;
  animation: float-and-rotate 14s ease-in-out 3s infinite;
}
@media (min-width: 1024px) {
  .companyMessage .floating-hero-decoration-circle-pink {
    position: absolute;
    z-index: 5;
    top: 0;
    left: 30%;
    animation: float-and-rotate 14s ease-in-out 3s infinite;
  }
}
.companyMessage .floating-about-decoration-circle-pink2 {
  position: absolute;
  z-index: 1;
  top: 24%;
  left: 80%;
  animation: float-and-rotate 16s ease-in-out infinite;
}
@media (min-width: 1024px) {
  .companyMessage .floating-about-decoration-circle-pink2 {
    position: absolute;
    z-index: 1;
    top: 70%;
    left: 48%;
    animation: float-and-rotate 16s ease-in-out infinite;
  }
}
.companyMessage .floating-about-decoration-triangle-green {
  position: absolute;
  z-index: 5;
  top: 31%;
  left: 4%;
  animation: float-and-rotate 22s ease-in-out infinite;
}
@media (min-width: 1024px) {
  .companyMessage .floating-about-decoration-triangle-green {
    position: absolute;
    z-index: 5;
    top: 21%;
    left: 4%;
    animation: float-and-rotate 22s ease-in-out infinite;
  }
}
.companyMessage .floating-about-decoration-triangle-yellow {
  position: absolute;
  z-index: 0;
  top: 67%;
  right: 10%;
  animation: float-and-rotate 28s ease-in-out infinite;
}
@media (min-width: 1024px) {
  .companyMessage .floating-about-decoration-triangle-yellow {
    position: absolute;
    z-index: 0;
    top: 5%;
    right: 6%;
    animation: float-and-rotate 28s ease-in-out infinite;
  }
}
.companyMessage .floating-about-decoration-circle-brown {
  position: absolute;
  z-index: 1;
  top: 40%;
  right: 3%;
  animation: float-and-rotate 28s ease-in-out infinite;
}
@media (min-width: 1024px) {
  .companyMessage .floating-about-decoration-circle-brown {
    position: absolute;
    z-index: 5;
    top: 48%;
    right: 4%;
    animation: float-and-rotate 28s ease-in-out infinite;
  }
}

.flowFlow .floating-about-decoration-circle-pink2 {
  position: absolute;
  z-index: 0;
  top: 9%;
  right: 6%;
  animation: float-and-rotate 28s ease-in-out infinite;
}
@media (min-width: 1024px) {
  .flowFlow .floating-about-decoration-circle-pink2 {
    position: absolute;
    z-index: 5;
    top: 8%;
    right: 4%;
    animation: float-and-rotate 28s ease-in-out infinite;
  }
}
.flowFlow .floating-about-decoration-triangle-green {
  position: absolute;
  z-index: 1;
  top: 6%;
  left: 3%;
  animation: float-and-rotate 18s ease-in-out infinite;
}
@media (min-width: 1024px) {
  .flowFlow .floating-about-decoration-triangle-green {
    position: absolute;
    z-index: 5;
    top: 10%;
    left: 4%;
    animation: float-and-rotate 28s ease-in-out infinite;
  }
}
.flowFlow .floating-about-decoration-circle-brown {
  position: absolute;
  z-index: 0;
  top: 32%;
  right: 3%;
  animation: float-and-rotate 28s ease-in-out infinite;
}
@media (min-width: 1024px) {
  .flowFlow .floating-about-decoration-circle-brown {
    position: absolute;
    z-index: 5;
    top: 69%;
    right: 2%;
    animation: float-and-rotate 28s ease-in-out infinite;
  }
}
.flowFlow .floating-hero-decoration-triangle-blue {
  position: absolute;
  z-index: 0;
  top: 18%;
  right: 56%;
  animation: float-and-rotate 28s ease-in-out infinite;
}
@media (min-width: 1024px) {
  .flowFlow .floating-hero-decoration-triangle-blue {
    position: absolute;
    z-index: 0;
    top: 28%;
    right: 8%;
    animation: float-and-rotate 14s ease-in-out infinite;
  }
}
.flowFlow .floating-hero-decoration-circle-pink {
  position: absolute;
  z-index: 0;
  top: 73%;
  left: 67%;
  animation: float-and-rotate 28s ease-in-out infinite;
}
@media (min-width: 1024px) {
  .flowFlow .floating-hero-decoration-circle-pink {
    position: absolute;
    z-index: 0;
    top: 62%;
    left: 1%;
    animation: float-and-rotate 28s ease-in-out infinite;
  }
}

.flowFaq .floating-hero-decoration-triangle-green {
  position: absolute;
  z-index: 1;
  top: 40%;
  right: 89%;
  animation: float-and-rotate 28s ease-in-out infinite;
}
@media (min-width: 1024px) {
  .flowFaq .floating-hero-decoration-triangle-green {
    position: absolute;
    z-index: 0;
    top: 50%;
    right: 1%;
    animation: float-and-rotate 28s ease-in-out infinite;
  }
}
.flowFaq .floating-about-decoration-circle-pink2 {
  position: absolute;
  z-index: 1;
  top: 45%;
  right: 0;
  animation: float-and-rotate 28s ease-in-out infinite;
}
@media (min-width: 1024px) {
  .flowFaq .floating-about-decoration-circle-pink2 {
    position: absolute;
    z-index: 2;
    top: 79%;
    right: 3%;
    animation: float-and-rotate 15s ease-in-out infinite;
  }
}
.flowFaq .floating-about-decoration-circle-brown {
  position: absolute;
  z-index: 1;
  top: 0%;
  right: 3%;
  animation: float-and-rotate 28s ease-in-out infinite;
}
@media (min-width: 1024px) {
  .flowFaq .floating-about-decoration-circle-brown {
    position: absolute;
    z-index: 5;
    top: 5%;
    right: 5%;
    animation: float-and-rotate 18s ease-in-out infinite;
  }
}
.flowFaq .floating-hero-decoration-triangle-blue {
  position: absolute;
  z-index: 5;
  bottom: 2%;
  left: 16%;
  animation: float-and-rotate 18s ease-in-out infinite;
}
@media (min-width: 1024px) {
  .flowFaq .floating-hero-decoration-triangle-blue {
    position: absolute;
    z-index: 5;
    bottom: 8%;
    left: 4%;
    animation: float-and-rotate 15s ease-in-out infinite;
  }
}
.flowFaq .floating-faq-decoration-circle-green {
  display: none;
}
@media (min-width: 1024px) {
  .flowFaq .floating-faq-decoration-circle-green {
    display: block;
    position: absolute;
    z-index: 5;
    top: 3%;
    left: 17%;
    animation: float-and-rotate 15s ease-in-out infinite;
  }
}

.serviceService .floating-hero-decoration-triangle-green {
  position: absolute;
  z-index: 5;
  top: 2%;
  left: 14%;
  animation: float-and-rotate 18s ease-in-out infinite;
}
@media (min-width: 1024px) {
  .serviceService .floating-hero-decoration-triangle-green {
    position: absolute;
    z-index: 5;
    top: 8%;
    left: 4%;
    animation: float-and-rotate 15s ease-in-out infinite;
  }
}
.serviceService .floating-about-decoration-circle-pink1 {
  position: absolute;
  z-index: 5;
  top: 15%;
  left: 7%;
  animation: float-and-rotate 18s ease-in-out infinite;
}
@media (min-width: 1024px) {
  .serviceService .floating-about-decoration-circle-pink1 {
    position: absolute;
    z-index: 5;
    top: 56%;
    left: 2%;
    animation: float-and-rotate 15s ease-in-out infinite;
  }
}
.serviceService .floating-about-decoration-circle-brown {
  position: absolute;
  z-index: 5;
  bottom: 22%;
  left: 16%;
  animation: float-and-rotate 18s ease-in-out infinite;
}
@media (min-width: 1024px) {
  .serviceService .floating-about-decoration-circle-brown {
    position: absolute;
    z-index: 5;
    bottom: 42%;
    left: 70%;
    animation: float-and-rotate 15s ease-in-out infinite;
  }
}
.serviceService .floating-hero-decoration-triangle-blue {
  position: absolute;
  z-index: 5;
  bottom: 24%;
  left: 4%;
  animation: float-and-rotate 28s ease-in-out infinite;
}
@media (min-width: 1024px) {
  .serviceService .floating-hero-decoration-triangle-blue {
    position: absolute;
    z-index: 5;
    bottom: 90%;
    left: 92%;
    animation: float-and-rotate 15s ease-in-out infinite;
  }
}
.serviceService .floating-about-decoration-circle-pink2 {
  position: absolute;
  z-index: 5;
  bottom: 10%;
  right: 12%;
  animation: float-and-rotate 28s ease-in-out infinite;
}
@media (min-width: 1024px) {
  .serviceService .floating-about-decoration-circle-pink2 {
    position: absolute;
    z-index: 5;
    top: 10%;
    left: 84%;
    animation: float-and-rotate 15s ease-in-out infinite;
  }
}

.servicePrice .floating-hero-decoration-triangle-green {
  position: absolute;
  z-index: 5;
  bottom: 10%;
  right: 12%;
  animation: float-and-rotate 28s ease-in-out infinite;
}
@media (min-width: 1024px) {
  .servicePrice .floating-hero-decoration-triangle-green {
    position: absolute;
    z-index: 5;
    top: 70%;
    left: 89%;
    animation: float-and-rotate 15s ease-in-out infinite;
  }
}
.servicePrice .floating-about-decoration-circle-pink1 {
  position: absolute;
  z-index: 5;
  bottom: 80%;
  right: 12%;
  animation: float-and-rotate 28s ease-in-out infinite;
}
@media (min-width: 1024px) {
  .servicePrice .floating-about-decoration-circle-pink1 {
    position: absolute;
    z-index: 5;
    top: 18%;
    left: 20%;
    animation: float-and-rotate 12s ease-in-out infinite;
    zoom: 0.5;
  }
}
.servicePrice .floating-hero-decoration-triangle-blue {
  position: absolute;
  z-index: 5;
  top: 74%;
  left: 9%;
  animation: float-and-rotate 28s ease-in-out infinite;
}
@media (min-width: 1024px) {
  .servicePrice .floating-hero-decoration-triangle-blue {
    position: absolute;
    z-index: 5;
    top: 60%;
    left: 1%;
    animation: float-and-rotate 15s ease-in-out infinite;
  }
}

.conceptConcept .floating-about-decoration-triangle-green {
  position: absolute;
  z-index: 5;
  top: 6%;
  left: 14%;
  animation: float-and-rotate 28s ease-in-out infinite;
}
@media (min-width: 1024px) {
  .conceptConcept .floating-about-decoration-triangle-green {
    position: absolute;
    z-index: 5;
    top: 35%;
    left: 3%;
    animation: float-and-rotate 35s ease-in-out infinite;
  }
}
.conceptConcept .floating-about-decoration-circle-pink1 {
  position: absolute;
  z-index: 0;
  top: 39%;
  right: 80%;
  animation: float-and-rotate 28s ease-in-out infinite;
}
@media (min-width: 1024px) {
  .conceptConcept .floating-about-decoration-circle-pink1 {
    position: absolute;
    z-index: 0;
    top: 33%;
    right: 5%;
    animation: float-and-rotate 15s ease-in-out infinite;
  }
}
.conceptConcept .floating-about-decoration-triangle-yellow {
  position: absolute;
  z-index: 0;
  top: 30%;
  right: 3%;
  animation: float-and-rotate 28s ease-in-out infinite;
}
@media (min-width: 1024px) {
  .conceptConcept .floating-about-decoration-triangle-yellow {
    position: absolute;
    z-index: 5;
    top: 6%;
    right: 12%;
    height: clamp(62.5777777778px, calc(0px + 6.1111111111vw), 88px);
    animation: float-and-rotate 15s ease-in-out infinite;
  }
}
.conceptConcept .floating-about-decoration-circle-brown {
  position: absolute;
  z-index: 0;
  top: 14%;
  left: 83%;
  animation: float-and-rotate 28s ease-in-out infinite;
}
@media (min-width: 1024px) {
  .conceptConcept .floating-about-decoration-circle-brown {
    position: absolute;
    z-index: 5;
    top: 30%;
    left: 29%;
    animation: float-and-rotate 15s ease-in-out infinite;
  }
}

.conceptFeatures .floating-sns-decoration-circle-green {
  position: absolute;
  z-index: 0;
  top: 6%;
  left: 75%;
  animation: float-and-rotate 28s ease-in-out infinite;
}
@media (min-width: 1024px) {
  .conceptFeatures .floating-sns-decoration-circle-green {
    position: absolute;
    z-index: 0;
    width: clamp(64px, calc(0px + 6.25vw), 90px);
    top: 13%;
    left: 45%;
    animation: float-and-rotate 35s ease-in-out infinite;
  }
}
.conceptFeatures .floating-sns-decoration-triangle-green {
  position: absolute;
  z-index: 5;
  top: 31%;
  left: 0%;
  animation: float-and-rotate 28s ease-in-out infinite;
}
@media (min-width: 1024px) {
  .conceptFeatures .floating-sns-decoration-triangle-green {
    position: absolute;
    z-index: 0;
    width: clamp(60.4444444444px, calc(0px + 5.9027777778vw), 85px);
    top: 49%;
    left: 3%;
    animation: float-and-rotate 35s ease-in-out infinite;
  }
}
.conceptFeatures .floating-about-decoration-triangle-yellow {
  position: absolute;
  z-index: 5;
  top: 42%;
  right: 1%;
  animation: float-and-rotate 28s ease-in-out infinite;
}
@media (min-width: 1024px) {
  .conceptFeatures .floating-about-decoration-triangle-yellow {
    position: absolute;
    z-index: 5;
    top: 30%;
    right: 5%;
    height: clamp(62.5777777778px, calc(0px + 6.1111111111vw), 88px);
    animation: float-and-rotate 15s ease-in-out infinite;
  }
}
.conceptFeatures .floating-about-decoration-circle-brown {
  position: absolute;
  z-index: 5;
  top: 68%;
  left: 89%;
  animation: float-and-rotate 28s ease-in-out infinite;
}
@media (min-width: 1024px) {
  .conceptFeatures .floating-about-decoration-circle-brown {
    position: absolute;
    z-index: 5;
    top: 76%;
    left: 59%;
    animation: float-and-rotate 15s ease-in-out infinite;
  }
}

.c-navigationWrap {
  position: sticky;
  z-index: 12;
  top: 0;
  transition: transform 0.3s ease-in-out;
}
@media (min-width: 1024px) {
  .c-navigationWrap.is-static {
    position: relative;
  }
}
@media (min-width: 1024px) {
  .c-navigationWrap.is-static .c-navigation {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding: clamp(17.7777777778px, calc(0px + 1.7361111111vw), 25px) clamp(41.2444444444px, calc(0px + 4.0277777778vw), 58px) 0 0;
    background: none;
    height: auto;
  }
}
@media (min-width: 1024px) {
  .c-navigationWrap.is-static .c-navigation__logo {
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background-image: url("../images/pc/top/bg-header-logo.webp");
    background-size: clamp(174.2222222222px, calc(0px + 17.0138888889vw), 245px) clamp(132.9777777778px, calc(0px + 12.9861111111vw), 187px);
    background-repeat: no-repeat;
    width: clamp(174.2222222222px, calc(0px + 17.0138888889vw), 245px);
    height: clamp(132.9777777778px, calc(0px + 12.9861111111vw), 187px);
  }
}
@media (min-width: 1024px) {
  .c-navigationWrap.is-toFixed {
    position: relative;
    transform: translateY(-130px);
  }
}
@media (min-width: 1024px) {
  .c-navigationWrap.is-toStatic {
    position: sticky;
    transform: translateY(-130px);
  }
}
@media (min-width: 1024px) {
  .c-navigationWrap.is-fixed {
    position: sticky;
    transform: translateY(0);
  }
}

@keyframes slideDownHeader {
  from {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0);
  }
}
@media (min-width: 1024px) {
  .c-navigation {
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    padding: clamp(15.6444444444px, calc(0px + 1.5277777778vw), 22px) clamp(41.2444444444px, calc(0px + 4.0277777778vw), 58px) 0 0;
    background-image: url("../images/pc/common/bg-common-header.webp");
    background-size: 100vw clamp(88.1777777778px, calc(0px + 8.6111111111vw), 124px);
    background-repeat: no-repeat;
    width: 100vw;
    height: clamp(88.1777777778px, calc(0px + 8.6111111111vw), 124px);
  }
}
.c-navigation__logo {
  display: block;
  position: absolute;
  top: clamp(6px, calc(0px + 1.6vw), 12.272px);
  left: clamp(18px, calc(0px + 4.8vw), 36.816px);
  z-index: 14;
  transition: opacity 0.3s ease;
}
@media (min-width: 1024px) {
  .c-navigation__logo {
    top: clamp(10.6666666667px, calc(0px + 1.0416666667vw), 15px);
    left: clamp(28.4444444444px, calc(0px + 2.7777777778vw), 40px);
    width: clamp(56.8888888889px, calc(0px + 5.5555555556vw), 80px);
  }
}
.c-navigation__logo:hover {
  opacity: 0.8;
}
.c-navigation__menu {
  opacity: 0;
}
@media (max-width: 1023px) {
  .c-navigation__menu {
    position: absolute;
    background-color: rgba(238, 210, 220, 0.9);
    padding: clamp(72px, calc(0px + 19.2vw), 147.264px) 0 clamp(62px, calc(0px + 16.5333333333vw), 126.8106666667px);
    text-align: center;
    pointer-events: none;
    width: 100%;
    height: clamp(49px, calc(0px + 13.0666666667vw), 100.2213333333px);
  }
  .c-navigation__menu.is-active {
    position: relative;
    z-index: 15;
    opacity: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    pointer-events: auto;
    height: auto;
  }
}
@media (min-width: 1024px) {
  .c-navigation__menu {
    opacity: 1;
    display: flex;
    gap: 40px;
    padding-left: clamp(177.7777777778px, calc(0px + 17.3611111111vw), 250px);
  }
}
.c-navigation__links {
  display: flex;
  flex-direction: column;
  gap: clamp(24px, calc(0px + 6.4vw), 49.088px);
  margin-bottom: clamp(88px, calc(0px + 23.4666666667vw), 179.9893333333px);
}
.c-navigation__links a {
  text-decoration: none;
  color: #49372c;
  font-weight: bold;
}
@media (min-width: 1024px) {
  .c-navigation__links {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: clamp(25.6px, calc(0px + 2.5vw), 36px);
    margin-bottom: 0;
  }
}
@media (min-width: 1024px) {
  .c-navigation__linkTop {
    display: none;
  }
}
@media (min-width: 1024px) {
  .c-navigation__btn {
    width: clamp(156.4444444444px, calc(0px + 15.2777777778vw), 220px) !important;
    height: clamp(39.1111111111px, calc(0px + 3.8194444444vw), 55px) !important;
  }
  .c-navigation__btn .c-btn__text {
    font-size: clamp(11.3777777778px, calc(0px + 1.1111111111vw), 16px);
  }
}

.c-navigation__bg {
  position: absolute;
  top: 0;
  width: 100%;
  height: clamp(49px, calc(0px + 13.0666666667vw), 100.2213333333px);
  background-color: #fff;
  z-index: 12;
}
.c-navigation__bg::after {
  position: absolute;
  display: block;
  content: "";
  top: clamp(48px, calc(0px + 12.8vw), 98.176px);
  left: 0;
  background-image: url("../images/sp/common/bg-header-bottom.webp");
  background-size: 100vw clamp(16px, calc(0px + 4.2666666667vw), 32.7253333333px);
  background-repeat: no-repeat;
  width: 100vw;
  height: clamp(16px, calc(0px + 4.2666666667vw), 32.7253333333px);
}
@media (min-width: 1024px) {
  .c-navigation__bg::after {
    display: none;
  }
}
@media (min-width: 1024px) {
  .c-navigation__bg {
    display: none;
  }
}

.c-navigationToCompany {
  display: flex;
  flex-direction: column;
  gap: clamp(1px, calc(0px + 0.2666666667vw), 2.0453333333px);
}
.c-navigationToCompany li {
  flex: 1;
}
@media (min-width: 1024px) {
  .c-navigationToCompany {
    flex-direction: row;
    gap: clamp(0.7111111111px, calc(0px + 0.0694444444vw), 1px);
  }
}
.c-navigationToCompany a {
  width: 100%;
  height: clamp(164px, calc(0px + 43.7333333333vw), 335.4346666667px);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  gap: clamp(8px, calc(0px + 2.1333333333vw), 16.3626666667px);
  color: #fff;
  text-decoration: none;
  background-position: center;
  transition: background-size 0.2s linear;
}
@media (min-width: 1024px) {
  .c-navigationToCompany a {
    gap: clamp(7.1111111111px, calc(0px + 0.6944444444vw), 10px);
    height: clamp(233.2444444444px, calc(0px + 22.7777777778vw), 328px);
  }
}
@media (hover: hover) {
  .c-navigationToCompany a:hover {
    background-size: 140%;
  }
}
.c-navigationToCompany__company {
  background-image: url("../images/sp/common/img-navigation-company.webp");
  background-size: 100%;
  background-repeat: no-repeat;
}
@media (min-width: 1024px) {
  .c-navigationToCompany__company {
    background-image: url("../images/pc/common/img-navigation-company.webp");
  }
}
.c-navigationToCompany__contact {
  background-image: url("../images/sp/common/img-navigation-contact.webp");
  background-size: 100%;
  background-repeat: no-repeat;
}
@media (min-width: 1024px) {
  .c-navigationToCompany__contact {
    background-image: url("../images/pc/common/img-navigation-contact.webp");
  }
}
.c-navigationToCompany__globalText {
  font-family: Helvetica, sans-serif;
  color: #56bbed;
  font-size: clamp(19px, calc(0px + 5.0666666667vw), 38.8613333333px);
  font-weight: bold;
  line-height: 1;
}
@media (min-width: 1024px) {
  .c-navigationToCompany__globalText {
    font-size: 2.25rem;
  }
}
.c-navigationToCompany__text {
  font-size: clamp(13px, calc(0px + 3.4666666667vw), 26.5893333333px);
  line-height: 1;
  font-weight: 500;
}
@media (min-width: 1024px) {
  .c-navigationToCompany__text {
    font-size: 1.25rem;
  }
}

.c-hero {
  position: relative;
  background-color: #c9e6ba;
  overflow: hidden;
  width: 100%;
  z-index: 1;
  padding-top: clamp(82px, calc(0px + 21.8666666667vw), 167.7173333333px);
  padding-bottom: clamp(20px, calc(0px + 5.3333333333vw), 40.9066666667px);
}
@media (min-width: 1024px) {
  .c-hero {
    padding-top: clamp(15.6444444444px, calc(0px + 1.5277777778vw), 22px);
    padding-bottom: clamp(38.4px, calc(0px + 3.75vw), 54px);
  }
}
.c-hero__title {
  position: relative;
  z-index: 3;
  margin-bottom: clamp(44px, calc(0px + 11.7333333333vw), 89.9946666667px);
}
@media (min-width: 1024px) {
  .c-hero__title {
    margin-bottom: clamp(48.3555555556px, calc(0px + 4.7222222222vw), 68px);
  }
}
.c-hero__imgWrap {
  position: relative;
  z-index: 1;
  width: 100%;
}
@media (min-width: 1024px) {
  .c-hero__imgWrap {
    width: clamp(974.2222222222px, calc(0px + 95.1388888889vw), 1370px);
    margin: 0 auto;
  }
}
.c-hero__decorationCircleRight {
  position: absolute;
  top: 32%;
  right: clamp(-16px, calc(0px + -4.2666666667vw), -32.7253333333px);
  z-index: 2;
}
@media (min-width: 1024px) {
  .c-hero__decorationCircleRight {
    top: 0;
    right: 0;
  }
}
.c-hero__decorationCircleLeft {
  position: absolute;
  top: 60%;
  left: clamp(-32px, calc(0px + -8.5333333333vw), -65.4506666667px);
  z-index: 2;
}
@media (min-width: 1024px) {
  .c-hero__decorationCircleLeft {
    top: 35%;
    left: clamp(7.1111111111px, calc(0px + 0.6944444444vw), 10px);
  }
}
.c-hero::after {
  position: absolute;
  display: block;
  content: "";
  bottom: 0;
  left: 0;
  background-image: url("../images/sp/top/bg-hero-bottom.webp");
  background-size: 100vw clamp(45px, calc(0px + 12vw), 92.04px);
  background-repeat: no-repeat;
  width: 100vw;
  height: clamp(45px, calc(0px + 12vw), 92.04px);
}
@media (min-width: 1024px) {
  .c-hero::after {
    background-image: url("../images/pc/top/bg-hero-bottom.webp");
    background-size: 100vw clamp(81.0666666667px, calc(0px + 7.9166666667vw), 114px);
    height: clamp(81.0666666667px, calc(0px + 7.9166666667vw), 114px);
  }
}

.c-hamburger {
  position: absolute;
  top: 0;
  right: 0;
  width: clamp(48px, calc(0px + 12.8vw), 98.176px);
  height: clamp(48px, calc(0px + 12.8vw), 98.176px);
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
  z-index: 16;
}
@media (min-width: 1024px) {
  .c-hamburger {
    display: none;
  }
}
.c-hamburger__line {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: clamp(24px, calc(0px + 6.4vw), 49.088px);
  height: 2px;
  background-color: #000;
  transition: all 0.3s ease;
  border-radius: 2px;
}
.c-hamburger__line:nth-child(1) {
  top: clamp(14px, calc(0px + 3.7333333333vw), 28.6346666667px);
}
.c-hamburger__line:nth-child(2) {
  top: 50%;
  transform: translate(-50%, -50%);
}
.c-hamburger__line:nth-child(3) {
  bottom: clamp(14px, calc(0px + 3.7333333333vw), 28.6346666667px);
}
.c-hamburger.is-active .c-hamburger__line:nth-child(1) {
  top: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
}
.c-hamburger.is-active .c-hamburger__line:nth-child(2) {
  opacity: 0;
}
.c-hamburger.is-active .c-hamburger__line:nth-child(3) {
  bottom: 50%;
  transform: translate(-50%, 50%) rotate(-45deg);
}
.c-hamburger:hover {
  opacity: 0.7;
}

.c-btn {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: clamp(8px, calc(0px + 2.1333333333vw), 16.3626666667px);
  padding: 0 0 0 clamp(15px, calc(0px + 4vw), 30.68px);
  width: clamp(256px, calc(0px + 68.2666666667vw), 523.6053333333px);
  height: clamp(50px, calc(0px + 13.3333333333vw), 102.2666666667px);
  background-color: #6fb18d;
  border-radius: 1000px;
  text-decoration: none;
  font-weight: bold;
  overflow: hidden;
}
@media (min-width: 1024px) {
  .c-btn {
    width: clamp(284.4444444444px, calc(0px + 27.7777777778vw), 400px);
    height: clamp(58.3111111111px, calc(0px + 5.6944444444vw), 82px);
    gap: clamp(15.6444444444px, calc(0px + 1.5277777778vw), 22px);
    padding: 0 0 0 clamp(17.0666666667px, calc(0px + 1.6666666667vw), 24px);
    transition: 0.3s ease-in-out;
  }
}
.c-btn--line {
  padding: 0 clamp(6px, calc(0px + 1.6vw), 12.272px) 0 0;
  gap: clamp(6px, calc(0px + 1.6vw), 12.272px);
  background-color: #00c300;
}
@media (min-width: 1024px) {
  .c-btn--line {
    gap: clamp(4.2666666667px, calc(0px + 0.4166666667vw), 6px);
  }
}
.c-btn__text {
  position: relative;
  z-index: 2;
  color: #fff;
  transition: 0.5s ease-in-out;
  line-height: 1;
}
@media (min-width: 1024px) {
  .c-btn__text {
    font-size: clamp(14.2222222222px, calc(0px + 1.3888888889vw), 20px);
  }
}
.c-btn__arrow {
  margin-bottom: clamp(4px, calc(0px + 1.0666666667vw), 8.1813333333px);
}
@media (min-width: 1024px) {
  .c-btn__arrow {
    margin-bottom: clamp(2.8444444444px, calc(0px + 0.2777777778vw), 4px);
  }
}
@media (hover: hover) {
  .c-btn:hover {
    filter: brightness(1.2);
  }
}
@media (min-width: 1024px) {
  .c-btn--navigation {
    width: clamp(156.4444444444px, calc(0px + 15.2777777778vw), 220px);
    height: clamp(39.1111111111px, calc(0px + 3.8194444444vw), 55px);
  }
  .c-btn--navigation .c-btn__text {
    font-size: clamp(11.3777777778px, calc(0px + 1.1111111111vw), 16px);
  }
  .c-btn--navigation .c-btn__arrow {
    width: clamp(27.0222222222px, calc(0px + 2.6388888889vw), 38px);
    height: clamp(9.2444444444px, calc(0px + 0.9027777778vw), 13px);
  }
}

.c-btn-instagram {
  width: clamp(275px, calc(0px + 73.3333333333vw), 562.4666666667px);
  margin: 0 auto;
  padding: clamp(7px, calc(0px + 1.8666666667vw), 14.3173333333px) clamp(14px, calc(0px + 3.7333333333vw), 28.6346666667px) clamp(7px, calc(0px + 1.8666666667vw), 14.3173333333px) clamp(16px, calc(0px + 4.2666666667vw), 32.7253333333px);
  border-radius: 10px;
  border: 1px solid #acacac;
  background-color: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #49372c;
  text-decoration: none;
  font-weight: bold;
  line-height: 1.6;
}
@media (min-width: 1024px) {
  .c-btn-instagram {
    width: clamp(301.5111111111px, calc(0px + 29.4444444444vw), 424px);
    border-radius: 20px;
    padding: clamp(7.1111111111px, calc(0px + 0.6944444444vw), 10px) clamp(11.3777777778px, calc(0px + 1.1111111111vw), 16px) clamp(7.1111111111px, calc(0px + 0.6944444444vw), 10px) clamp(22.7555555556px, calc(0px + 2.2222222222vw), 32px);
  }
}
.c-btn-instagram__logoWrap {
  display: flex;
  justify-content: center;
  align-items: center;
  width: clamp(54px, calc(0px + 14.4vw), 110.448px);
  height: clamp(54px, calc(0px + 14.4vw), 110.448px);
  border-radius: 9999px;
  background-color: #f1f1f1;
}
@media (min-width: 1024px) {
  .c-btn-instagram__logoWrap {
    width: clamp(66.8444444444px, calc(0px + 6.5277777778vw), 94px);
    height: clamp(66.8444444444px, calc(0px + 6.5277777778vw), 94px);
  }
}
.c-btn-instagram__logo {
  width: clamp(32px, calc(0px + 8.5333333333vw), 65.4506666667px);
  height: clamp(32px, calc(0px + 8.5333333333vw), 65.4506666667px);
}
@media (min-width: 1024px) {
  .c-btn-instagram__logo {
    width: clamp(39.8222222222px, calc(0px + 3.8888888889vw), 56px);
    height: clamp(39.8222222222px, calc(0px + 3.8888888889vw), 56px);
  }
}

.c-btn-line {
  display: none;
}
@media (min-width: 1024px) {
  .c-btn-line {
    z-index: 10;
    display: block;
    position: fixed;
    right: clamp(15.6444444444px, calc(0px + 1.5277777778vw), 22px);
    bottom: clamp(15.6444444444px, calc(0px + 1.5277777778vw), 22px);
  }
}

.c-footer {
  position: relative;
  display: flex;
  flex-direction: column;
  background-color: #c9e6ba;
  gap: clamp(36px, calc(0px + 9.6vw), 73.632px);
  padding: clamp(50px, calc(0px + 13.3333333333vw), 102.2666666667px) clamp(18px, calc(0px + 4.8vw), 36.816px) clamp(80px, calc(0px + 21.3333333333vw), 163.6266666667px);
}
@media (min-width: 1024px) {
  .c-footer {
    min-height: clamp(230.4px, calc(0px + 22.5vw), 324px);
    flex-direction: row-reverse;
    justify-content: space-between;
    padding: clamp(39.8222222222px, calc(0px + 3.8888888889vw), 56px) clamp(71.1111111111px, calc(0px + 6.9444444444vw), 100px) clamp(142.2222222222px, calc(0px + 13.8888888889vw), 200px);
  }
}
.c-footer::before {
  position: absolute;
  display: block;
  content: "";
  top: 0;
  left: 0;
  background-image: url("../images/sp/common/bg-footer-top.webp");
  background-size: 100vw clamp(22px, calc(0px + 5.8666666667vw), 44.9973333333px);
  background-repeat: no-repeat;
  width: 100vw;
  height: clamp(22px, calc(0px + 5.8666666667vw), 44.9973333333px);
}
@media (min-width: 1024px) {
  .c-footer::before {
    background-image: url("../images/pc/common/bg-footer-top.webp");
    background-size: 100vw clamp(34.8444444444px, calc(0px + 3.4027777778vw), 49px);
    height: clamp(34.8444444444px, calc(0px + 3.4027777778vw), 49px);
  }
}
.c-footer a {
  text-decoration: none;
  color: #49372c;
  white-space: nowrap;
}
.c-footer__navigation {
  display: flex;
  flex-direction: column;
  gap: clamp(26px, calc(0px + 6.9333333333vw), 53.1786666667px);
  margin-bottom: clamp(58px, calc(0px + 15.4666666667vw), 118.6293333333px);
}
@media (min-width: 1024px) {
  .c-footer__navigation {
    margin-top: clamp(28.4444444444px, calc(0px + 2.7777777778vw), 40px);
    margin-bottom: clamp(34.1333333333px, calc(0px + 3.3333333333vw), 48px);
    flex-direction: row;
    justify-content: flex-end;
    gap: clamp(17.0666666667px, calc(0px + 1.6666666667vw), 24px);
  }
}
.c-footer__navigation li {
  font-size: clamp(13px, calc(0px + 3.4666666667vw), 26.5893333333px);
  font-weight: bold;
}
@media (min-width: 1024px) {
  .c-footer__navigation li {
    font-size: clamp(11.3777777778px, calc(0px + 1.1111111111vw), 16px);
  }
}
.c-footer__copy {
  font-size: clamp(13px, calc(0px + 3.4666666667vw), 26.5893333333px);
  line-height: 1.5;
  color: #4a8c68;
}
@media (min-width: 1024px) {
  .c-footer__copy {
    text-align: right;
    font-size: 1rem;
  }
}
.c-footer__logo {
  position: absolute;
  top: clamp(30px, calc(0px + 8vw), 61.36px);
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: clamp(111px, calc(0px + 29.6vw), 227.032px);
  height: clamp(88px, calc(0px + 23.4666666667vw), 179.9893333333px);
  background-image: url("../images/sp/common/bg-footer-logo.webp");
  background-size: clamp(111px, calc(0px + 29.6vw), 227.032px) clamp(88px, calc(0px + 23.4666666667vw), 179.9893333333px);
  background-position: center center;
  background-repeat: no-repeat;
}
@media (min-width: 1024px) {
  .c-footer__logo {
    top: clamp(42.6666666667px, calc(0px + 4.1666666667vw), 60px);
    left: clamp(28.4444444444px, calc(0px + 2.7777777778vw), 40px);
    right: initial;
    padding-top: clamp(11.3777777778px, calc(0px + 1.1111111111vw), 16px);
    background-image: url("../images/pc/common/bg-footer-logo.webp");
    background-size: clamp(184.1777777778px, calc(0px + 17.9861111111vw), 259px) clamp(125.1555555556px, calc(0px + 12.2222222222vw), 176px);
    width: clamp(184.1777777778px, calc(0px + 17.9861111111vw), 259px);
    height: clamp(125.1555555556px, calc(0px + 12.2222222222vw), 176px);
  }
}
.c-footer--contact::before {
  background-image: url("../images/sp/contact/bg-contact-footer-top.webp");
}
@media (min-width: 1024px) {
  .c-footer--contact::before {
    background-image: url("../images/pc/contact/bg-contact-footer-top.webp");
  }
}
.c-footer--thanks::before {
  background-image: url("../images/sp/contact/bg-thanks-footer-top.webp");
}
@media (min-width: 1024px) {
  .c-footer--thanks::before {
    background-image: url("../images/pc/contact/bg-thanks-footer-top.webp");
  }
}

.c-titleSection {
  z-index: 5;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: clamp(20px, calc(0px + 5.3333333333vw), 40.9066666667px);
}
@media (min-width: 1024px) {
  .c-titleSection {
    gap: clamp(17.0666666667px, calc(0px + 1.6666666667vw), 24px);
  }
}
.c-titleSection__globalText {
  display: block;
  font-size: clamp(14px, calc(0px + 3.7333333333vw), 28.6346666667px);
  font-weight: bold;
  color: #f465a3;
  line-height: 1;
}
@media (min-width: 1024px) {
  .c-titleSection__globalText {
    font-size: 1.25rem;
  }
}
.c-titleSection__text {
  display: block;
  font-size: clamp(23px, calc(0px + 6.1333333333vw), 47.0426666667px);
  font-weight: bold;
  line-height: 1;
}
@media (min-width: 1024px) {
  .c-titleSection__text {
    font-size: 2.5rem;
  }
}
.c-titleSection--large {
  gap: clamp(14px, calc(0px + 3.7333333333vw), 28.6346666667px);
}
@media (min-width: 1024px) {
  .c-titleSection--large {
    gap: clamp(17.0666666667px, calc(0px + 1.6666666667vw), 24px);
  }
}
.c-titleSection--large .c-titleSection__text {
  font-size: clamp(24px, calc(0px + 6.4vw), 49.088px);
}
@media (min-width: 1024px) {
  .c-titleSection--large .c-titleSection__text {
    font-size: 3.125rem;
  }
}

.c-titleDetail__p {
  display: block !important;
}
.c-titleDetail em {
  color: #1897d6;
  font-style: normal;
}
.c-titleDetail span {
  display: block;
}
@media (min-width: 1024px) {
  .c-titleDetail span {
    display: inline;
  }
}

.c-titleCopy {
  display: flex;
  flex-direction: column;
  gap: clamp(5px, calc(0px + 1.3333333333vw), 10.2266666667px);
  color: #fff;
  font-size: clamp(25px, calc(0px + 6.6666666667vw), 51.1333333333px);
}
@media (min-width: 1024px) {
  .c-titleCopy {
    font-size: clamp(27.0222222222px, calc(0px + 2.6388888889vw), 38px);
    letter-spacing: -1px;
  }
}
.c-titleCopy--start {
  align-items: flex-start;
}
.c-titleCopy--end {
  align-items: flex-end;
}
.c-titleCopy em {
  color: #1897d6;
  font-style: normal;
}
.c-titleCopy span {
  display: inline-block;
  background-color: #000;
  padding: 0 clamp(8px, calc(0px + 2.1333333333vw), 16.3626666667px);
}
@media (min-width: 1024px) {
  .c-titleCopy span {
    padding: 0 clamp(12.8px, calc(0px + 1.25vw), 18px);
  }
}
.c-titleCopy small {
  font-size: clamp(19px, calc(0px + 5.0666666667vw), 38.8613333333px);
}
@media (min-width: 1024px) {
  .c-titleCopy small {
    font-size: clamp(14.2222222222px, calc(0px + 1.3888888889vw), 20px);
  }
}

.c-loopAnimation {
  position: relative;
  z-index: 2;
  width: 100%;
  overflow: hidden;
  position: relative;
  margin-bottom: clamp(80px, calc(0px + 21.3333333333vw), 163.6266666667px);
}
@media (min-width: 1024px) {
  .c-loopAnimation {
    margin-bottom: clamp(72.5333333333px, calc(0px + 7.0833333333vw), 102px);
  }
}
.c-loopAnimation__inner {
  display: flex;
  width: max-content;
  animation: scrollLeft 50s linear infinite;
}
.c-loopAnimation__image {
  display: block;
  height: auto;
  flex-shrink: 0;
}

@keyframes scrollLeft {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-33.333%);
  }
}
.c-fixedLink {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(10px, calc(0px + 2.6666666667vw), 20.4533333333px);
  background-image: url("../images/sp/common/bg-navigation.webp");
  background-size: 100vw clamp(75px, calc(0px + 20vw), 153.4px);
  background-repeat: no-repeat;
  width: 100vw;
  height: clamp(75px, calc(0px + 20vw), 153.4px);
  padding-top: clamp(8px, calc(0px + 2.1333333333vw), 16.3626666667px);
}
.c-fixedLink__btn {
  width: clamp(164px, calc(0px + 43.7333333333vw), 335.4346666667px);
  height: clamp(42px, calc(0px + 11.2vw), 85.904px);
  font-size: clamp(15px, calc(0px + 4vw), 30.68px);
  gap: clamp(4px, calc(0px + 1.0666666667vw), 8.1813333333px);
  transition: opacity 0.3s ease;
}
.c-fixedLink__btn .common-icon-logo-line {
  width: clamp(30px, calc(0px + 8vw), 61.36px);
  height: clamp(30px, calc(0px + 8vw), 61.36px);
}
@media (hover: hover) {
  .c-fixedLink__btn:hover {
    opacity: 0.8;
  }
}
.c-fixedLink__btn--phone {
  text-align: center;
  color: #000;
  gap: clamp(8px, calc(0px + 2.1333333333vw), 16.3626666667px);
}
.c-fixedLink__btn--contact {
  color: #000;
}
.c-fixedLink__phoneInfo {
  display: flex;
  flex-direction: column;
  gap: clamp(2px, calc(0px + 0.5333333333vw), 4.0906666667px);
  text-align: left;
}
.c-fixedLink__phoneNumber {
  display: flex;
  align-items: center;
  gap: clamp(4px, calc(0px + 1.0666666667vw), 8.1813333333px);
  font-size: clamp(16px, calc(0px + 4.2666666667vw), 32.7253333333px);
  font-weight: bold;
  line-height: 1.2;
}
.c-fixedLink__businessHours {
  font-size: clamp(12px, calc(0px + 3.2vw), 24.544px);
  font-weight: normal;
  line-height: 1.2;
  text-align: center;
}
.c-fixedLink__text {
  font-size: clamp(16px, calc(0px + 4.2666666667vw), 32.7253333333px);
  line-height: 1.2;
}
@media (min-width: 1024px) {
  .c-fixedLink {
    display: none;
  }
}

.c-flow {
  position: relative;
  padding: clamp(15px, calc(0px + 4vw), 30.68px) 0 clamp(30px, calc(0px + 8vw), 61.36px);
}
@media (min-width: 1024px) {
  .c-flow {
    padding: clamp(7.1111111111px, calc(0px + 0.6944444444vw), 10px) 0 clamp(28.4444444444px, calc(0px + 2.7777777778vw), 40px);
    margin-left: auto;
    margin-right: auto;
    max-width: clamp(1024px, calc(0px + 100vw), 1440px);
  }
}
.c-flow__title {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: clamp(44px, calc(0px + 11.7333333333vw), 89.9946666667px);
}
@media (min-width: 1024px) {
  .c-flow__title {
    margin-bottom: clamp(45.5111111111px, calc(0px + 4.4444444444vw), 64px);
  }
}
.c-flow__title .c-titleSection__globalText {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.c-flow__stepsContainer {
  position: relative;
  overflow: hidden;
  margin-bottom: clamp(37px, calc(0px + 9.8666666667vw), 75.6773333333px);
}
@media (min-width: 1024px) {
  .c-flow__stepsContainer {
    overflow: visible;
    margin-bottom: clamp(48.3555555556px, calc(0px + 4.7222222222vw), 68px);
    padding: 0 clamp(71.1111111111px, calc(0px + 6.9444444444vw), 100px);
  }
}
.c-flow__steps {
  display: flex;
  overflow-x: hidden;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
  padding-left: clamp(18px, calc(0px + 4.8vw), 36.816px);
  padding-right: clamp(34px, calc(0px + 9.0666666667vw), 69.5413333333px);
}
@media (min-width: 1024px) {
  .c-flow__steps {
    justify-content: space-between;
    padding-left: 0;
    padding-right: clamp(35.5555555556px, calc(0px + 3.4722222222vw), 50px);
  }
}
.c-flow__steps > li {
  display: flex;
  flex-direction: column;
  flex: 0 0 auto;
  width: clamp(202px, calc(0px + 53.8666666667vw), 413.1573333333px);
  gap: clamp(12px, calc(0px + 3.2vw), 24.544px);
  margin-right: clamp(-12px, calc(0px + -3.2vw), -24.544px);
}
@media (min-width: 1024px) {
  .c-flow__steps > li {
    width: clamp(159.2888888889px, calc(0px + 15.5555555556vw), 224px);
  }
}
.c-flow__nav {
  position: absolute;
  top: 50%;
  transform: translateY(-30%);
  width: clamp(50px, calc(0px + 13.3333333333vw), 102.2666666667px);
  height: clamp(50px, calc(0px + 13.3333333333vw), 102.2666666667px);
  background-color: rgba(86, 187, 237, 0.3);
  border: none;
  border-radius: 5px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10;
  transition: "background" 0.3s, opacity 0.3s;
}
@media (min-width: 1024px) {
  .c-flow__nav {
    width: clamp(56.8888888889px, calc(0px + 5.5555555556vw), 80px);
    height: clamp(56.8888888889px, calc(0px + 5.5555555556vw), 80px);
    border-radius: clamp(11.3777777778px, calc(0px + 1.1111111111vw), 16px);
  }
}
@media (hover: hover) {
  .c-flow__nav:hover {
    background: rgba(173, 216, 230, 0.8);
  }
}
.c-flow__nav:disabled {
  filter: grayscale(1);
  cursor: not-allowed;
}
.c-flow__nav--prev {
  left: 0;
  background-image: url("../images/sp/top/icon-arrow-left.webp");
  background-size: clamp(14px, calc(0px + 3.7333333333vw), 28.6346666667px) clamp(27px, calc(0px + 7.2vw), 55.224px);
  background-repeat: no-repeat;
  background-position: center;
}
@media (min-width: 1024px) {
  .c-flow__nav--prev {
    display: none;
  }
}
.c-flow__nav--next {
  right: 0;
  background-image: url("../images/sp/top/icon-arrow-right.webp");
  background-size: clamp(14px, calc(0px + 3.7333333333vw), 28.6346666667px) clamp(27px, calc(0px + 7.2vw), 55.224px);
  background-repeat: no-repeat;
  background-position: center;
}
@media (min-width: 1024px) {
  .c-flow__nav--next {
    display: none;
  }
}
.c-flow__step {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: white;
  background-size: clamp(202px, calc(0px + 53.8666666667vw), 413.1573333333px) clamp(80px, calc(0px + 21.3333333333vw), 163.6266666667px);
  background-repeat: no-repeat;
  width: clamp(202px, calc(0px + 53.8666666667vw), 413.1573333333px);
  height: clamp(80px, calc(0px + 21.3333333333vw), 163.6266666667px);
}
.c-flow__step--1 {
  background-image: url("../images/sp/top/bg-step1.webp");
}
.c-flow__step--2 {
  background-image: url("../images/sp/top/bg-step2.webp");
}
.c-flow__step--3 {
  background-image: url("../images/sp/top/bg-step3.webp");
}
.c-flow__step--4 {
  background-image: url("../images/sp/top/bg-step4.webp");
}
.c-flow__step--5 {
  background-image: url("../images/sp/top/bg-step5.webp");
}
@media (min-width: 1024px) {
  .c-flow__step {
    width: clamp(186.3111111111px, calc(0px + 18.1944444444vw), 262px);
    height: clamp(73.2444444444px, calc(0px + 7.1527777778vw), 103px);
    background-size: clamp(186.3111111111px, calc(0px + 18.1944444444vw), 262px) clamp(73.2444444444px, calc(0px + 7.1527777778vw), 103px);
  }
  .c-flow__step--1 {
    background-image: url("../images/pc/top/bg-step1.webp");
  }
  .c-flow__step--2 {
    background-image: url("../images/pc/top/bg-step2.webp");
  }
  .c-flow__step--3 {
    background-image: url("../images/pc/top/bg-step3.webp");
  }
  .c-flow__step--4 {
    background-image: url("../images/pc/top/bg-step4.webp");
  }
  .c-flow__step--5 {
    background-image: url("../images/pc/top/bg-step5.webp");
  }
}
.c-flow__stepNumber {
  font-family: Helvetica, sans-serif;
  display: block;
  font-size: clamp(12px, calc(0px + 3.2vw), 24.544px);
  font-weight: bold;
  color: #000;
}
.c-flow__stepNumber span {
  font-size: clamp(14px, calc(0px + 3.7333333333vw), 28.6346666667px);
}
@media (min-width: 1024px) {
  .c-flow__stepNumber {
    font-size: clamp(11.3777777778px, calc(0px + 1.1111111111vw), 16px);
    font-weight: normal;
  }
  .c-flow__stepNumber span {
    font-size: clamp(12.8px, calc(0px + 1.25vw), 18px);
  }
}
.c-flow__stepText {
  display: block;
  font-weight: bold;
}
.c-flow__detail {
  width: clamp(172px, calc(0px + 45.8666666667vw), 351.7973333333px);
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: clamp(32px, calc(0px + 8.5333333333vw), 65.4506666667px) clamp(20px, calc(0px + 5.3333333333vw), 40.9066666667px);
  border-radius: 5px;
  background-color: #fff;
  flex: 1;
}
@media (min-width: 1024px) {
  .c-flow__detail {
    width: clamp(158.5777777778px, calc(0px + 15.4861111111vw), 223px);
    padding: clamp(28.4444444444px, calc(0px + 2.7777777778vw), 40px) clamp(12.8px, calc(0px + 1.25vw), 18px) clamp(28.4444444444px, calc(0px + 2.7777777778vw), 40px) clamp(15.6444444444px, calc(0px + 1.5277777778vw), 22px);
    border: solid 1px #56bbed;
    font-size: 1.125rem;
    line-height: 1.4;
  }
}
.c-flow__detail picture {
  height: clamp(88px, calc(0px + 23.4666666667vw), 179.9893333333px);
}
@media (min-width: 1024px) {
  .c-flow__detail picture {
    height: clamp(85.3333333333px, calc(0px + 8.3333333333vw), 120px);
  }
}
.c-flow__navigation {
  margin: 0 auto;
}
@media (min-width: 1024px) {
  .c-flow__navigation {
    margin: 0 clamp(71.1111111111px, calc(0px + 6.9444444444vw), 100px) 0 auto;
  }
}

.c-faq {
  background-color: #fbecf3;
  padding: 0 clamp(18px, calc(0px + 4.8vw), 36.816px) clamp(50px, calc(0px + 13.3333333333vw), 102.2666666667px);
}
@media (min-width: 1024px) {
  .c-faq {
    padding: 0 clamp(71.1111111111px, calc(0px + 6.9444444444vw), 100px) clamp(156.4444444444px, calc(0px + 15.2777777778vw), 220px);
  }
}
.c-faq__items {
  position: relative;
  border-radius: 15px;
  padding: clamp(25px, calc(0px + 6.6666666667vw), 51.1333333333px) clamp(17px, calc(0px + 4.5333333333vw), 34.7706666667px);
  background-color: #fff;
  border: solid 1px #acacac;
}
@media (min-width: 1024px) {
  .c-faq__items {
    border-radius: 30px;
    padding: clamp(55.4666666667px, calc(0px + 5.4166666667vw), 78px) clamp(56.8888888889px, calc(0px + 5.5555555556vw), 80px);
  }
}
.c-faq li::after {
  content: "";
  display: block;
  width: clamp(302px, calc(0px + 80.5333333333vw), 617.6906666667px);
  height: clamp(4px, calc(0px + 1.0666666667vw), 8.1813333333px);
  margin-bottom: clamp(20px, calc(0px + 5.3333333333vw), 40.9066666667px);
  background: url("../images/common/img-hr-dotted.webp") center center/clamp(302px, calc(0px + 80.5333333333vw), 617.6906666667px) clamp(4px, calc(0px + 1.0666666667vw), 8.1813333333px);
}
@media (min-width: 1024px) {
  .c-faq li::after {
    width: clamp(768px, calc(0px + 75vw), 1080px);
    height: clamp(5.6888888889px, calc(0px + 0.5555555556vw), 8px);
    background: url("../images/common/img-hr-dotted.webp") left center/clamp(429.5111111111px, calc(0px + 41.9444444444vw), 604px) clamp(5.6888888889px, calc(0px + 0.5555555556vw), 8px);
  }
}
.c-faq__question {
  display: flex;
  align-items: flex-start;
  gap: clamp(16px, calc(0px + 4.2666666667vw), 32.7253333333px);
  padding: clamp(10px, calc(0px + 2.6666666667vw), 20.4533333333px) clamp(14px, calc(0px + 3.7333333333vw), 28.6346666667px);
  background-color: #e7f7df;
  border-radius: clamp(5px, calc(0px + 1.3333333333vw), 10.2266666667px);
  border: none;
  width: 100%;
  text-align: left;
  position: relative;
}
@media (min-width: 1024px) {
  .c-faq__question {
    gap: clamp(22.7555555556px, calc(0px + 2.2222222222vw), 32px);
    padding: clamp(9.9555555556px, calc(0px + 0.9722222222vw), 14px) clamp(22.7555555556px, calc(0px + 2.2222222222vw), 32px);
  }
}
.c-faq__questionLabel {
  font-size: clamp(23px, calc(0px + 6.1333333333vw), 47.0426666667px);
  color: #49372c;
  flex-shrink: 0;
  font-family: Helvetica, sans-serif;
  line-height: 1.3;
}
@media (min-width: 1024px) {
  .c-faq__questionLabel {
    font-size: clamp(27.0222222222px, calc(0px + 2.6388888889vw), 38px);
  }
}
.c-faq__questionText {
  font-size: clamp(16px, calc(0px + 4.2666666667vw), 32.7253333333px);
  font-weight: bold;
  color: #49372c;
  line-height: 1.6;
  flex: 1;
}
@media (min-width: 1024px) {
  .c-faq__questionText {
    font-size: 1.25rem;
    padding-top: clamp(4.2666666667px, calc(0px + 0.4166666667vw), 6px);
  }
}
.c-faq__answerInner {
  display: flex;
  gap: clamp(16px, calc(0px + 4.2666666667vw), 32.7253333333px);
  padding: clamp(14px, calc(0px + 3.7333333333vw), 28.6346666667px);
}
@media (min-width: 1024px) {
  .c-faq__answerInner {
    gap: clamp(22.7555555556px, calc(0px + 2.2222222222vw), 32px);
    padding: clamp(14.2222222222px, calc(0px + 1.3888888889vw), 20px) clamp(22.7555555556px, calc(0px + 2.2222222222vw), 32px) clamp(17.0666666667px, calc(0px + 1.6666666667vw), 24px);
  }
}
.c-faq__answerLabel {
  color: #6fb18d;
  flex-shrink: 0;
  font-family: Helvetica, sans-serif;
  font-size: clamp(23px, calc(0px + 6.1333333333vw), 47.0426666667px);
  line-height: 1.3;
}
@media (min-width: 1024px) {
  .c-faq__answerLabel {
    font-size: clamp(34.1333333333px, calc(0px + 3.3333333333vw), 48px);
  }
}
.c-faq__answerText {
  font-size: clamp(14px, calc(0px + 3.7333333333vw), 28.6346666667px);
  color: #000;
  line-height: 1.8;
  flex: 1;
}
@media (min-width: 1024px) {
  .c-faq__answerText {
    padding-top: clamp(9.9555555556px, calc(0px + 0.9722222222vw), 14px);
    font-size: 1rem;
    line-height: 1.8;
  }
}
.c-faq__btn {
  margin: clamp(40px, calc(0px + 10.6666666667vw), 81.8133333333px) auto clamp(15px, calc(0px + 4vw), 30.68px);
}
@media (min-width: 1024px) {
  .c-faq__btn {
    margin: clamp(49.7777777778px, calc(0px + 4.8611111111vw), 70px) auto 0;
  }
}

.c-contact {
  position: relative;
  overflow: hidden;
  background-color: #fff;
  padding-top: clamp(14px, calc(0px + 3.7333333333vw), 28.6346666667px);
}
@media (min-width: 1024px) {
  .c-contact {
    padding-top: clamp(28.4444444444px, calc(0px + 2.7777777778vw), 40px);
  }
}
.c-contact--flow {
  background-color: #fbecf3;
  z-index: 2;
}
.c-contact::before {
  position: absolute;
  display: block;
  content: "";
  top: 0;
  left: 0;
  background-image: url("../images/sp/common/bg-contact-top.webp");
  background-size: 100vw clamp(14px, calc(0px + 3.7333333333vw), 28.6346666667px);
  background-repeat: no-repeat;
  width: 100vw;
  height: clamp(14px, calc(0px + 3.7333333333vw), 28.6346666667px);
}
@media (min-width: 1024px) {
  .c-contact::before {
    background-image: url("../images/pc/common/bg-contact-top.webp");
    background-size: 100vw clamp(28.4444444444px, calc(0px + 2.7777777778vw), 40px);
    height: clamp(28.4444444444px, calc(0px + 2.7777777778vw), 40px);
  }
}
.c-contact__inner {
  background-color: #e7f7df;
  background-image: url("../images/sp/common/bg-contact.webp");
  background-size: clamp(214px, calc(0px + 57.0666666667vw), 437.7013333333px) clamp(128px, calc(0px + 34.1333333333vw), 261.8026666667px);
  background-position: left 18%;
  background-repeat: no-repeat;
  padding: clamp(36px, calc(0px + 9.6vw), 73.632px) clamp(18px, calc(0px + 4.8vw), 36.816px) clamp(56px, calc(0px + 14.9333333333vw), 114.5386666667px);
}
@media (min-width: 1024px) {
  .c-contact__inner {
    display: flex;
    justify-content: space-between;
    padding: clamp(24.1777777778px, calc(0px + 2.3611111111vw), 34px) clamp(71.1111111111px, calc(0px + 6.9444444444vw), 100px) clamp(39.8222222222px, calc(0px + 3.8888888889vw), 56px);
    background-image: url("../images/pc/common/bg-contact.webp");
    background-size: clamp(317.1555555556px, calc(0px + 30.9722222222vw), 446px) clamp(182.7555555556px, calc(0px + 17.8472222222vw), 257px);
    background-position: 12% 98%;
  }
}
.c-contact .c-titleSection {
  margin-bottom: clamp(45px, calc(0px + 12vw), 92.04px);
}
@media (min-width: 1024px) {
  .c-contact .c-titleSection {
    align-items: flex-start;
    margin-top: clamp(85.3333333333px, calc(0px + 8.3333333333vw), 120px);
    margin-bottom: 0;
  }
}
.c-contact__detail {
  position: relative;
  border-radius: 15px;
  padding: clamp(34px, calc(0px + 9.0666666667vw), 69.5413333333px) clamp(17px, calc(0px + 4.5333333333vw), 34.7706666667px);
  border: solid 1px #acacac;
  background-color: #fff;
}
@media (min-width: 1024px) {
  .c-contact__detail {
    padding: clamp(49.7777777778px, calc(0px + 4.8611111111vw), 70px) clamp(38.4px, calc(0px + 3.75vw), 54px) clamp(27.0222222222px, calc(0px + 2.6388888889vw), 38px);
    width: clamp(585.9555555556px, calc(0px + 57.2222222222vw), 824px);
  }
}
.c-contact__title {
  display: flex;
  justify-content: center;
  align-items: center;
}
.c-contact__title .common-img-contact-flag {
  position: absolute;
  top: clamp(21px, calc(0px + 5.6vw), 42.952px);
  left: clamp(20px, calc(0px + 5.3333333333vw), 40.9066666667px);
}
@media (min-width: 1024px) {
  .c-contact__title .common-img-contact-flag {
    top: clamp(28.4444444444px, calc(0px + 2.7777777778vw), 40px);
    left: clamp(156.4444444444px, calc(0px + 15.2777777778vw), 220px);
  }
}
.c-contact__titleText {
  font-size: clamp(20px, calc(0px + 5.3333333333vw), 40.9066666667px);
  font-weight: bold;
}
@media (min-width: 1024px) {
  .c-contact__titleText {
    font-size: clamp(19.9111111111px, calc(0px + 1.9444444444vw), 28px);
    margin-bottom: clamp(7.1111111111px, calc(0px + 0.6944444444vw), 10px);
  }
}
.c-contact__titleSub {
  display: block;
  font-size: clamp(16px, calc(0px + 4.2666666667vw), 32.7253333333px);
  font-weight: bold;
  text-align: center;
}
@media (min-width: 1024px) {
  .c-contact__titleSub {
    font-size: clamp(11.3777777778px, calc(0px + 1.1111111111vw), 16px);
  }
}
.c-contact__text {
  margin-bottom: clamp(30px, calc(0px + 8vw), 61.36px);
}
@media (min-width: 1024px) {
  .c-contact__text {
    margin-bottom: clamp(29.8666666667px, calc(0px + 2.9166666667vw), 42px);
  }
}
.c-contact__text p {
  text-align: center;
  font-size: clamp(16px, calc(0px + 4.2666666667vw), 32.7253333333px);
  font-weight: bold;
}
@media (min-width: 1024px) {
  .c-contact__text p {
    font-size: clamp(11.3777777778px, calc(0px + 1.1111111111vw), 16px);
  }
}
.c-contact__text p:first-of-type {
  margin-bottom: clamp(8px, calc(0px + 2.1333333333vw), 16.3626666667px);
}
@media (min-width: 1024px) {
  .c-contact__text p:first-of-type {
    margin-bottom: clamp(5.6888888889px, calc(0px + 0.5555555556vw), 8px);
  }
}
.c-contact__textLayout {
  display: block;
}
@media (min-width: 1024px) {
  .c-contact__textLayout {
    display: inline;
  }
}
.c-contact__textEm {
  font-size: clamp(19px, calc(0px + 5.0666666667vw), 38.8613333333px);
  color: #f465a3;
  font-weight: bold;
}
@media (min-width: 1024px) {
  .c-contact__textEm {
    font-size: clamp(19.9111111111px, calc(0px + 1.9444444444vw), 28px);
  }
}
@media (min-width: 1024px) {
  .c-contact__textEm .c-contact__textSmall {
    font-size: clamp(14.2222222222px, calc(0px + 1.3888888889vw), 20px);
  }
}
.c-contact__textSmall {
  font-size: clamp(14px, calc(0px + 3.7333333333vw), 28.6346666667px);
  font-weight: bold;
}
@media (min-width: 1024px) {
  .c-contact__textSmall {
    font-size: clamp(9.9555555556px, calc(0px + 0.9722222222vw), 14px);
  }
}
@media (min-width: 1024px) {
  .c-contact__navigation {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    gap: clamp(24.1777777778px, calc(0px + 2.3611111111vw), 34px);
  }
}
.c-contact .common-img-hr-dotted {
  display: block;
  margin: clamp(21px, calc(0px + 5.6vw), 42.952px) auto;
}
@media (min-width: 1024px) {
  .c-contact .common-img-hr-dotted {
    display: none !important;
  }
}
.c-contact .img-contact-hr-dotted {
  display: none;
}
@media (min-width: 1024px) {
  .c-contact .img-contact-hr-dotted {
    display: block;
    width: clamp(4.2666666667px, calc(0px + 0.4166666667vw), 6px);
    height: clamp(87.4666666667px, calc(0px + 8.5416666667vw), 123px);
  }
}
.c-contact .c-btn {
  margin: 0 auto;
}
@media (min-width: 1024px) {
  .c-contact .c-btn {
    margin: clamp(11.3777777778px, calc(0px + 1.1111111111vw), 16px) auto 0;
  }
}
.c-contact__businessHours {
  margin-top: clamp(10px, calc(0px + 2.6666666667vw), 20.4533333333px);
  font-size: clamp(16px, calc(0px + 4.2666666667vw), 32.7253333333px);
  text-align: center;
}
@media (min-width: 1024px) {
  .c-contact__businessHours {
    margin-top: clamp(7.1111111111px, calc(0px + 0.6944444444vw), 10px);
    font-size: clamp(11.3777777778px, calc(0px + 1.1111111111vw), 16px);
  }
}
@media (min-width: 1024px) {
  .c-contact__navigationContact, .c-contact__navigationLine {
    flex: none;
  }
}
@media (min-width: 1024px) {
  .c-contact .c-btn {
    width: clamp(238.2222222222px, calc(0px + 23.2638888889vw), 335px);
  }
}

.topHero {
  overflow: hidden;
  position: relative;
  width: 100%;
  z-index: 1;
  padding-top: clamp(72px, calc(0px + 19.2vw), 147.264px);
  padding-bottom: clamp(110px, calc(0px + 29.3333333333vw), 224.9866666667px);
}
@media (min-width: 1024px) {
  .topHero {
    padding-top: clamp(51.2px, calc(0px + 5vw), 72px);
    padding-bottom: clamp(78.2222222222px, calc(0px + 7.6388888889vw), 110px);
  }
}
.topHero__title {
  position: relative;
  z-index: 2;
  padding: 0 clamp(18px, calc(0px + 4.8vw), 36.816px);
  margin-bottom: clamp(-20px, calc(0px + -5.3333333333vw), -40.9066666667px);
}
@media (min-width: 1024px) {
  .topHero__title {
    position: absolute;
    left: clamp(66.8444444444px, calc(0px + 6.5277777778vw), 94px);
    top: clamp(172.0888888889px, calc(0px + 16.8055555556vw), 242px);
    margin-bottom: 0;
  }
}
.topHero__titleSub {
  font-size: clamp(16px, calc(0px + 4.2666666667vw), 32.7253333333px);
  display: block;
  color: #684f40;
  font-weight: bold;
}
.topHero__titleText {
  color: #684f40;
  font-size: clamp(26px, calc(0px + 6.9333333333vw), 53.1786666667px);
  font-weight: bold;
}
.topHero__titleText .top-img-hero-text {
  display: none;
}
@media (min-width: 1024px) {
  .topHero__titleText .top-img-hero-text {
    display: block;
    width: clamp(411.7333333333px, calc(0px + 40.2083333333vw), 579px);
    height: clamp(88.1777777778px, calc(0px + 8.6111111111vw), 124px);
    margin-bottom: clamp(8.5333333333px, calc(0px + 0.8333333333vw), 12px);
  }
}
@media (min-width: 1024px) {
  .topHero__titleTextLayout {
    display: none;
  }
}
.topHero__text {
  display: flex;
  align-items: center;
  font-size: clamp(22px, calc(0px + 5.8666666667vw), 44.9973333333px);
  color: #684f40;
  font-weight: bold;
  height: clamp(52px, calc(0px + 13.8666666667vw), 106.3573333333px);
  padding-left: clamp(12px, calc(0px + 3.2vw), 24.544px);
}
@media (min-width: 1024px) {
  .topHero__text {
    font-size: clamp(31.2888888889px, calc(0px + 3.0555555556vw), 44px);
    height: clamp(72.5333333333px, calc(0px + 7.0833333333vw), 102px);
  }
}
.topHero__text--1 {
  background: url("../images/sp/top/bg-hero-title1.webp") left top/clamp(282px, calc(0px + 75.2vw), 576.784px) clamp(52px, calc(0px + 13.8666666667vw), 106.3573333333px) no-repeat;
  width: clamp(282px, calc(0px + 75.2vw), 576.784px);
  margin-bottom: clamp(2px, calc(0px + 0.5333333333vw), 4.0906666667px);
}
@media (min-width: 1024px) {
  .topHero__text--1 {
    background: url("../images/pc/top/bg-hero-title1.webp") left top/clamp(401.0666666667px, calc(0px + 39.1666666667vw), 564px) clamp(72.5333333333px, calc(0px + 7.0833333333vw), 102px) no-repeat;
    width: clamp(401.0666666667px, calc(0px + 39.1666666667vw), 564px);
    margin-bottom: clamp(4.2666666667px, calc(0px + 0.4166666667vw), 6px);
  }
}
.topHero__text--2 {
  background: url("../images/sp/top/bg-hero-title2.webp") left top/clamp(160px, calc(0px + 42.6666666667vw), 327.2533333333px) clamp(52px, calc(0px + 13.8666666667vw), 106.3573333333px) no-repeat;
  width: clamp(160px, calc(0px + 42.6666666667vw), 327.2533333333px);
}
@media (min-width: 1024px) {
  .topHero__text--2 {
    background: url("../images/pc/top/bg-hero-title1.webp") left top/clamp(227.5555555556px, calc(0px + 22.2222222222vw), 320px) clamp(72.5333333333px, calc(0px + 7.0833333333vw), 102px) no-repeat;
    width: clamp(227.5555555556px, calc(0px + 22.2222222222vw), 320px);
  }
}
.topHero__imgWrap {
  position: relative;
  z-index: 1;
  width: 100%;
}
@media (min-width: 1024px) {
  .topHero__imgWrap {
    width: clamp(974.2222222222px, calc(0px + 95.1388888889vw), 1370px);
    margin: 0 auto;
  }
}
.topHero__imgWrap picture {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.topHero__imgWrap picture:first-child {
  position: relative;
}
.topHero__imgWrap picture img {
  width: 100%;
  height: auto;
  display: block;
}
.topHero__imgWrap .top-img-hero1 {
  animation: heroSlide1 12s ease-in-out infinite;
}
.topHero__imgWrap .top-img-hero2 {
  animation: heroSlide2 12s ease-in-out infinite;
}
.topHero__imgWrap .top-img-hero3 {
  animation: heroSlide3 12s ease-in-out infinite;
}
.topHero__decorationTriangle {
  position: absolute;
  top: clamp(208px, calc(0px + 55.4666666667vw), 425.4293333333px);
  right: clamp(26px, calc(0px + 6.9333333333vw), 53.1786666667px);
  z-index: 2;
}
@media (min-width: 1024px) {
  .topHero__decorationTriangle {
    top: clamp(76.8px, calc(0px + 7.5vw), 108px);
    right: clamp(56.8888888889px, calc(0px + 5.5555555556vw), 80px);
  }
}
.topHero__decorationCircle {
  position: absolute;
  top: 80%;
  left: 0;
  z-index: 2;
}
@media (min-width: 1024px) {
  .topHero__decorationCircle {
    top: 77%;
    left: clamp(56.8888888889px, calc(0px + 5.5555555556vw), 80px);
  }
}
.topHero::after {
  position: absolute;
  display: block;
  content: "";
  bottom: 0;
  left: 0;
  background-image: url("../images/sp/top/bg-hero-bottom.webp");
  background-size: 100vw clamp(45px, calc(0px + 12vw), 92.04px);
  background-repeat: no-repeat;
  width: 100vw;
  height: clamp(45px, calc(0px + 12vw), 92.04px);
}
@media (min-width: 1024px) {
  .topHero::after {
    background-image: url("../images/pc/top/bg-hero-bottom.webp");
    background-size: 100vw clamp(81.0666666667px, calc(0px + 7.9166666667vw), 114px);
    height: clamp(81.0666666667px, calc(0px + 7.9166666667vw), 114px);
  }
}

@keyframes heroSlide1 {
  0% {
    opacity: 1;
    z-index: 3;
  }
  16.67% {
    opacity: 1;
    z-index: 3;
  }
  33.33% {
    opacity: 0;
    z-index: 2;
  }
  33.34%, 83.32% {
    opacity: 0;
    z-index: 1;
  }
  83.33% {
    opacity: 0;
    z-index: 2;
  }
  100% {
    opacity: 1;
    z-index: 3;
  }
}
@keyframes heroSlide2 {
  0%, 16.66% {
    opacity: 0;
    z-index: 1;
  }
  16.67% {
    opacity: 0;
    z-index: 2;
  }
  33.33% {
    opacity: 1;
    z-index: 3;
  }
  50% {
    opacity: 1;
    z-index: 3;
  }
  66.66% {
    opacity: 0;
    z-index: 2;
  }
  66.67%, 100% {
    opacity: 0;
    z-index: 1;
  }
}
@keyframes heroSlide3 {
  0%, 49.99% {
    opacity: 0;
    z-index: 1;
  }
  50% {
    opacity: 0;
    z-index: 2;
  }
  66.66% {
    opacity: 1;
    z-index: 3;
  }
  83.33% {
    opacity: 1;
    z-index: 3;
  }
  100% {
    opacity: 0;
    z-index: 2;
  }
}
.topAbout {
  overflow: hidden;
  position: relative;
  background-color: #fff;
  padding-top: clamp(20px, calc(0px + 5.3333333333vw), 40.9066666667px);
  padding-bottom: clamp(65px, calc(0px + 17.3333333333vw), 132.9466666667px);
}
@media (min-width: 1024px) {
  .topAbout {
    padding-top: 0;
  }
}
.topAbout__decorationCircle {
  position: absolute;
  top: 95%;
  left: 0;
  z-index: 2;
}
@media (min-width: 1024px) {
  .topAbout__decorationCircle {
    top: 82%;
  }
}
.topAbout__wrap {
  position: relative;
}
@media (min-width: 1024px) {
  .topAbout__wrap {
    margin-top: 0;
    display: flex;
    flex-direction: row-reverse;
    justify-content: center;
    gap: clamp(61.1555555556px, calc(0px + 5.9722222222vw), 86px);
  }
}
@media (min-width: 1024px) {
  .topAbout__inner {
    width: clamp(355.5555555556px, calc(0px + 34.7222222222vw), 500px);
    padding-top: clamp(28.4444444444px, calc(0px + 2.7777777778vw), 40px);
  }
}
.topAbout__title {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: clamp(8px, calc(0px + 2.1333333333vw), 16.3626666667px);
  text-align: center;
}
@media (min-width: 1024px) {
  .topAbout__title {
    margin-bottom: clamp(19.9111111111px, calc(0px + 1.9444444444vw), 28px);
  }
}
.topAbout__titleText {
  display: block;
  font-size: clamp(23px, calc(0px + 6.1333333333vw), 47.0426666667px);
  color: #49372c;
  font-weight: bold;
}
@media (min-width: 1024px) {
  .topAbout__titleText {
    font-size: clamp(28.4444444444px, calc(0px + 2.7777777778vw), 40px);
  }
}
.topAbout__titleText::after {
  content: "";
  display: block;
  background: url("../images/sp/top/img-about-hr-dotted.webp") center top/clamp(274px, calc(0px + 73.0666666667vw), 560.4213333333px) clamp(5px, calc(0px + 1.3333333333vw), 10.2266666667px) no-repeat;
  width: clamp(274px, calc(0px + 73.0666666667vw), 560.4213333333px);
  height: clamp(5px, calc(0px + 1.3333333333vw), 10.2266666667px);
  margin-top: clamp(10px, calc(0px + 2.6666666667vw), 20.4533333333px);
}
@media (min-width: 1024px) {
  .topAbout__titleText::after {
    background: url("../images/pc/top/img-about-hr-dotted.webp") center top/clamp(337.0666666667px, calc(0px + 32.9166666667vw), 474px) clamp(7.1111111111px, calc(0px + 0.6944444444vw), 10px) no-repeat;
    width: clamp(337.0666666667px, calc(0px + 32.9166666667vw), 474px);
    height: clamp(7.1111111111px, calc(0px + 0.6944444444vw), 10px);
    margin-top: clamp(7.1111111111px, calc(0px + 0.6944444444vw), 10px);
  }
}
.topAbout__titleName {
  font-size: clamp(23px, calc(0px + 6.1333333333vw), 47.0426666667px);
  color: #9bcd72;
  font-weight: bold;
}
@media (min-width: 1024px) {
  .topAbout__titleName {
    font-size: clamp(28.4444444444px, calc(0px + 2.7777777778vw), 40px);
  }
}
.topAbout__detail {
  position: relative;
  z-index: 2;
  overflow: hidden;
  width: clamp(357px, calc(0px + 95.2vw), 730.184px);
  padding: 0 clamp(10px, calc(0px + 2.6666666667vw), 20.4533333333px) 0 clamp(27px, calc(0px + 7.2vw), 55.224px);
}
@media (min-width: 1024px) {
  .topAbout__detail {
    padding: 0;
    width: 100%;
  }
}
.topAbout__detailTitle {
  margin-bottom: clamp(14px, calc(0px + 3.7333333333vw), 28.6346666667px);
  font-size: clamp(25px, calc(0px + 6.6666666667vw), 51.1333333333px);
  font-weight: bold;
  line-height: 1.4;
}
@media (min-width: 1024px) {
  .topAbout__detailTitle {
    font-size: 2.375rem;
    margin-bottom: clamp(28.4444444444px, calc(0px + 2.7777777778vw), 40px);
  }
}
.topAbout__detailText {
  margin-bottom: clamp(37px, calc(0px + 9.8666666667vw), 75.6773333333px);
}
@media (min-width: 1024px) {
  .topAbout__detailText {
    margin-bottom: 0;
  }
}
.topAbout__imgWrap {
  display: flex;
  justify-content: flex-end;
}
.topAbout__navigation {
  margin-left: auto;
}
.topAbout::after {
  position: absolute;
  display: block;
  content: "";
  bottom: 0;
  left: 0;
  background-image: url("../images/sp/top/bg-about-bottom.webp");
  background-size: 100vw clamp(25px, calc(0px + 6.6666666667vw), 51.1333333333px);
  background-repeat: no-repeat;
  width: 100vw;
  height: clamp(25px, calc(0px + 6.6666666667vw), 51.1333333333px);
}
@media (min-width: 1024px) {
  .topAbout::after {
    background-image: url("../images/pc/top/bg-about-bottom.webp");
    background-size: 100vw clamp(78.2222222222px, calc(0px + 7.6388888889vw), 110px);
    height: clamp(78.2222222222px, calc(0px + 7.6388888889vw), 110px);
  }
}

.topComfort {
  overflow: hidden;
  position: relative;
  display: flex;
  flex-direction: column;
  padding: clamp(35px, calc(0px + 9.3333333333vw), 71.5866666667px) 0 clamp(60px, calc(0px + 16vw), 122.72px) 0;
  background-color: #fff1f7;
}
@media (min-width: 1024px) {
  .topComfort {
    padding: clamp(71.1111111111px, calc(0px + 6.9444444444vw), 100px) clamp(71.1111111111px, calc(0px + 6.9444444444vw), 100px) clamp(75.3777777778px, calc(0px + 7.3611111111vw), 106px);
  }
}
.topComfort__items {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: clamp(42px, calc(0px + 11.2vw), 85.904px);
  gap: clamp(25px, calc(0px + 6.6666666667vw), 51.1333333333px);
}
@media (min-width: 1024px) {
  .topComfort__items {
    flex-direction: row;
    align-items: stretch;
    margin-bottom: 0;
    gap: clamp(37.6888888889px, calc(0px + 3.6805555556vw), 53px);
  }
}
.topComfort__items li {
  position: relative;
  padding: clamp(34px, calc(0px + 9.0666666667vw), 69.5413333333px) clamp(18px, calc(0px + 4.8vw), 36.816px) 0;
}
@media (min-width: 1024px) {
  .topComfort__items li {
    padding: clamp(42.6666666667px, calc(0px + 4.1666666667vw), 60px) 0 0;
    width: 100%;
    display: flex;
  }
}
.topComfort__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #fff;
  border-radius: 15px;
  padding: clamp(24px, calc(0px + 6.4vw), 49.088px) clamp(18px, calc(0px + 4.8vw), 36.816px) clamp(40px, calc(0px + 10.6666666667vw), 81.8133333333px);
  border: solid 1px #acacac;
}
@media (min-width: 1024px) {
  .topComfort__item {
    padding: clamp(17.0666666667px, calc(0px + 1.6666666667vw), 24px) clamp(12.8px, calc(0px + 1.25vw), 18px) clamp(28.4444444444px, calc(0px + 2.7777777778vw), 40px);
    flex: 1;
  }
}
.topComfort__itemTitle {
  text-align: center;
  font-size: clamp(19px, calc(0px + 5.0666666667vw), 38.8613333333px);
  font-weight: bold;
  margin-bottom: clamp(20px, calc(0px + 5.3333333333vw), 40.9066666667px);
}
@media (min-width: 1024px) {
  .topComfort__itemTitle {
    font-size: clamp(19.9111111111px, calc(0px + 1.9444444444vw), 28px);
    margin-bottom: clamp(32.7111111111px, calc(0px + 3.1944444444vw), 46px);
    line-height: 1.5;
  }
}
@media (min-width: 1024px) {
  .topComfort__itemTitle--1 {
    margin-bottom: 0;
  }
}
.topComfort picture {
  margin-bottom: clamp(30px, calc(0px + 8vw), 61.36px);
}
.topComfort__number {
  position: absolute;
  top: 0;
  left: clamp(18px, calc(0px + 4.8vw), 36.816px);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: clamp(6px, calc(0px + 1.6vw), 12.272px);
  font-size: clamp(26px, calc(0px + 6.9333333333vw), 53.1786666667px);
  font-weight: bold;
  line-height: 0.75;
  padding: clamp(8px, calc(0px + 2.1333333333vw), 16.3626666667px) clamp(8px, calc(0px + 2.1333333333vw), 16.3626666667px) 0 0;
}
@media (min-width: 1024px) {
  .topComfort__number {
    left: 0;
    gap: clamp(2.8444444444px, calc(0px + 0.2777777778vw), 4px);
    font-size: clamp(30.5777777778px, calc(0px + 2.9861111111vw), 43px);
  }
}
.topComfort__number--1 {
  background: url("../images/sp/top/bg-title-comfort-point1.webp") center top/clamp(78px, calc(0px + 20.8vw), 159.536px) clamp(75px, calc(0px + 20vw), 153.4px) no-repeat;
  width: clamp(78px, calc(0px + 20.8vw), 159.536px);
  height: clamp(75px, calc(0px + 20vw), 153.4px);
}
@media (min-width: 1024px) {
  .topComfort__number--1 {
    background: url("../images/pc/top/bg-title-comfort-point1.webp") center top/clamp(70.4px, calc(0px + 6.875vw), 99px) clamp(77.5111111111px, calc(0px + 7.5694444444vw), 109px) no-repeat;
    width: clamp(70.4px, calc(0px + 6.875vw), 99px);
    height: clamp(77.5111111111px, calc(0px + 7.5694444444vw), 109px);
    padding: clamp(14.2222222222px, calc(0px + 1.3888888889vw), 20px) 0 0 0;
  }
}
.topComfort__number--2 {
  background: url("../images/sp/top/bg-title-comfort-point2.webp") center top/clamp(85px, calc(0px + 22.6666666667vw), 173.8533333333px) clamp(82px, calc(0px + 21.8666666667vw), 167.7173333333px) no-repeat;
  width: clamp(85px, calc(0px + 22.6666666667vw), 173.8533333333px);
  height: clamp(82px, calc(0px + 21.8666666667vw), 167.7173333333px);
}
@media (min-width: 1024px) {
  .topComfort__number--2 {
    background: url("../images/pc/top/bg-title-comfort-point2.webp") center top/clamp(85.3333333333px, calc(0px + 8.3333333333vw), 120px) clamp(68.9777777778px, calc(0px + 6.7361111111vw), 97px) no-repeat;
    width: clamp(85.3333333333px, calc(0px + 8.3333333333vw), 120px);
    height: clamp(68.9777777778px, calc(0px + 6.7361111111vw), 97px);
    top: clamp(8.5333333333px, calc(0px + 0.8333333333vw), 12px);
    padding: clamp(7.1111111111px, calc(0px + 0.6944444444vw), 10px) clamp(14.2222222222px, calc(0px + 1.3888888889vw), 20px) 0 0;
  }
}
.topComfort__number--3 {
  background: url("../images/sp/top/bg-title-comfort-point3.webp") center top/clamp(84px, calc(0px + 22.4vw), 171.808px) clamp(82px, calc(0px + 21.8666666667vw), 167.7173333333px) no-repeat;
  width: clamp(84px, calc(0px + 22.4vw), 171.808px);
  height: clamp(82px, calc(0px + 21.8666666667vw), 167.7173333333px);
}
@media (min-width: 1024px) {
  .topComfort__number--3 {
    background: url("../images/pc/top/bg-title-comfort-point3.webp") center top/clamp(76.8px, calc(0px + 7.5vw), 108px) clamp(73.2444444444px, calc(0px + 7.1527777778vw), 103px) no-repeat;
    width: clamp(76.8px, calc(0px + 7.5vw), 108px);
    height: clamp(73.2444444444px, calc(0px + 7.1527777778vw), 103px);
    top: clamp(4.2666666667px, calc(0px + 0.4166666667vw), 6px);
    padding: clamp(12.8px, calc(0px + 1.25vw), 18px) clamp(5.6888888889px, calc(0px + 0.5555555556vw), 8px) 0 0;
  }
}
.topComfort__itemText {
  font-size: clamp(14px, calc(0px + 3.7333333333vw), 28.6346666667px);
}
@media (min-width: 1024px) {
  .topComfort__itemText {
    font-size: clamp(14.2222222222px, calc(0px + 1.3888888889vw), 20px);
  }
}
.topComfort__title {
  margin: 0 auto;
  margin-bottom: clamp(38px, calc(0px + 10.1333333333vw), 77.7226666667px);
}
@media (min-width: 1024px) {
  .topComfort__title {
    margin-bottom: clamp(48.3555555556px, calc(0px + 4.7222222222vw), 68px);
  }
}
.topComfort__description {
  margin-bottom: clamp(23px, calc(0px + 6.1333333333vw), 47.0426666667px);
  padding: 0 clamp(18px, calc(0px + 4.8vw), 36.816px);
}
@media (min-width: 1024px) {
  .topComfort__description {
    width: clamp(298.6666666667px, calc(0px + 29.1666666667vw), 420px);
    margin-bottom: clamp(49.7777777778px, calc(0px + 4.8611111111vw), 70px);
    padding: 0;
  }
}
.topComfort__navigation--sp {
  margin: 0 auto;
}
@media (min-width: 1024px) {
  .topComfort__navigation--sp {
    display: none;
  }
}
.topComfort__navigation--pc {
  display: none;
  margin: 0 auto;
}
@media (min-width: 1024px) {
  .topComfort__navigation--pc {
    display: flex;
    margin: 0 0 0 auto;
  }
}
.topComfort__decorationCircle {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 1;
}
.topComfort::after {
  position: absolute;
  display: block;
  content: "";
  bottom: 0;
  left: 0;
  background-image: url("../images/sp/top/bg-comfort-bottom.webp");
  background-size: 100vw clamp(28px, calc(0px + 7.4666666667vw), 57.2693333333px);
  background-repeat: no-repeat;
  width: 100vw;
  height: clamp(28px, calc(0px + 7.4666666667vw), 57.2693333333px);
}
@media (min-width: 1024px) {
  .topComfort::after {
    background-image: url("../images/pc/top/bg-comfort-bottom.webp");
    background-size: 100vw clamp(48.3555555556px, calc(0px + 4.7222222222vw), 68px);
    height: clamp(48.3555555556px, calc(0px + 4.7222222222vw), 68px);
  }
}

.topSns {
  overflow: hidden;
  position: relative;
  background-color: #f8f5df;
  background-image: url("../images/sp/top/bg-sns-text.webp");
  background-size: 100% clamp(354px, calc(0px + 94.4vw), 724.048px);
  background-repeat: no-repeat;
  background-position: right 84%;
  padding: clamp(30px, calc(0px + 8vw), 61.36px) clamp(10px, calc(0px + 2.6666666667vw), 20.4533333333px) clamp(53px, calc(0px + 14.1333333333vw), 108.4026666667px);
}
@media (min-width: 1024px) {
  .topSns {
    width: 100%;
    padding: clamp(41.2444444444px, calc(0px + 4.0277777778vw), 58px) clamp(71.1111111111px, calc(0px + 6.9444444444vw), 100px) clamp(75.3777777778px, calc(0px + 7.3611111111vw), 106px);
    background-image: url("../images/pc/top/bg-sns-text.webp");
    background-size: clamp(506.3111111111px, calc(0px + 49.4444444444vw), 712px) clamp(285.8666666667px, calc(0px + 27.9166666667vw), 402px);
    background-repeat: no-repeat;
    background-position: clamp(42.6666666667px, calc(0px + 4.1666666667vw), 60px) 32%;
  }
}
.topSns__decorationTree {
  position: absolute;
  top: 0;
  left: clamp(28px, calc(0px + 7.4666666667vw), 57.2693333333px);
}
@media (min-width: 1024px) {
  .topSns__decorationTree {
    left: clamp(71.1111111111px, calc(0px + 6.9444444444vw), 100px);
  }
}
.topSns__decorationCircle {
  position: absolute;
  bottom: clamp(-10px, calc(0px + -2.6666666667vw), -20.4533333333px);
  left: 0;
  z-index: 1;
}
.topSns__plate {
  display: flex;
  justify-content: center;
  margin-bottom: clamp(10px, calc(0px + 2.6666666667vw), 20.4533333333px);
}
@media (min-width: 1024px) {
  .topSns__plate {
    margin-bottom: clamp(14.2222222222px, calc(0px + 1.3888888889vw), 20px);
  }
}
.topSns__title {
  text-align: center;
  font-size: clamp(18px, calc(0px + 4.8vw), 36.816px);
  margin-bottom: clamp(30px, calc(0px + 8vw), 61.36px);
}
@media (min-width: 1024px) {
  .topSns__title {
    font-size: clamp(25.6px, calc(0px + 2.5vw), 36px);
    margin-bottom: clamp(35.5555555556px, calc(0px + 3.4722222222vw), 50px);
    float: left;
    width: 50%;
  }
}
.topSns__details {
  display: flex;
  flex-direction: column;
  gap: clamp(17px, calc(0px + 4.5333333333vw), 34.7706666667px);
  margin-bottom: clamp(32px, calc(0px + 8.5333333333vw), 65.4506666667px);
}
@media (min-width: 1024px) {
  .topSns__details {
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: clamp(48.3555555556px, calc(0px + 4.7222222222vw), 68px);
  }
}
.topSns__details li {
  position: relative;
  background-color: #56bbed;
  border-radius: 10px;
  padding: clamp(28px, calc(0px + 7.4666666667vw), 57.2693333333px) clamp(22px, calc(0px + 5.8666666667vw), 44.9973333333px) clamp(24px, calc(0px + 6.4vw), 49.088px);
}
@media (min-width: 1024px) {
  .topSns__details li {
    width: clamp(257.4222222222px, calc(0px + 25.1388888889vw), 362px);
    padding: clamp(85.3333333333px, calc(0px + 8.3333333333vw), 120px) clamp(22.7555555556px, calc(0px + 2.2222222222vw), 32px) clamp(42.6666666667px, calc(0px + 4.1666666667vw), 60px);
  }
}
@media (min-width: 1024px) {
  .topSns__details {
    border-radius: 20px;
  }
}
.topSns__result {
  margin-bottom: clamp(20px, calc(0px + 5.3333333333vw), 40.9066666667px);
  font-size: clamp(25px, calc(0px + 6.6666666667vw), 51.1333333333px);
  text-align: center;
  line-height: 1.5;
}
@media (min-width: 1024px) {
  .topSns__result {
    font-size: 2.375rem;
    margin-bottom: clamp(21.3333333333px, calc(0px + 2.0833333333vw), 30px);
  }
}
.topSns__instagram {
  padding: 0 clamp(16px, calc(0px + 4.2666666667vw), 32.7253333333px);
}
@media (min-width: 1024px) {
  .topSns__instagram {
    float: right;
    width: 40%;
    padding: 0;
  }
}
@media (min-width: 1024px) {
  .topSns__detail {
    float: left;
    width: 50%;
  }
}
.topSns__text {
  margin-top: clamp(50px, calc(0px + 13.3333333333vw), 102.2666666667px);
  margin-bottom: clamp(70px, calc(0px + 18.6666666667vw), 143.1733333333px);
  padding: 0 clamp(16px, calc(0px + 4.2666666667vw), 32.7253333333px);
  line-height: 1.8;
}
@media (min-width: 1024px) {
  .topSns__text {
    display: flex;
    justify-content: center;
    font-size: 1rem;
    line-height: 2.2;
    margin-top: clamp(14.2222222222px, calc(0px + 1.3888888889vw), 20px);
    margin-bottom: clamp(76.8px, calc(0px + 7.5vw), 108px);
    padding: 0;
    text-align: left;
  }
}
.topSns__navigation {
  margin: 0 auto;
}
.topSns::after {
  position: absolute;
  display: block;
  content: "";
  bottom: 0;
  left: 0;
  background-image: url("../images/sp/top/bg-sns-bottom.webp");
  background-size: 100vw clamp(32px, calc(0px + 8.5333333333vw), 65.4506666667px);
  background-repeat: no-repeat;
  width: 100vw;
  height: clamp(32px, calc(0px + 8.5333333333vw), 65.4506666667px);
}
@media (min-width: 1024px) {
  .topSns::after {
    background-image: url("../images/pc/top/bg-sns-bottom.webp");
    background-size: 100vw clamp(78.2222222222px, calc(0px + 7.6388888889vw), 110px);
    height: clamp(78.2222222222px, calc(0px + 7.6388888889vw), 110px);
  }
}

.topFeatures {
  overflow: hidden;
  position: relative;
  background-color: #fff;
  z-index: 2;
  padding: clamp(34px, calc(0px + 9.0666666667vw), 69.5413333333px) clamp(36px, calc(0px + 9.6vw), 73.632px) clamp(106px, calc(0px + 28.2666666667vw), 216.8053333333px);
  background-image: url("../images/sp/top/bg-features1.webp"), url("../images/sp/top/bg-features2.webp"), url("../images/sp/top/bg-features3.webp");
  background-size: clamp(156px, calc(0px + 41.6vw), 319.072px) clamp(157px, calc(0px + 41.8666666667vw), 321.1173333333px), clamp(127px, calc(0px + 33.8666666667vw), 259.7573333333px) clamp(128px, calc(0px + 34.1333333333vw), 261.8026666667px), 100vw clamp(230px, calc(0px + 61.3333333333vw), 470.4266666667px);
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-position: right clamp(120px, calc(0px + 32vw), 245.44px), left 37%, left 75%;
}
@media (min-width: 1024px) {
  .topFeatures {
    padding: clamp(14.2222222222px, calc(0px + 1.3888888889vw), 20px) 0 clamp(142.2222222222px, calc(0px + 13.8888888889vw), 200px);
    background-image: url("../images/pc/top/bg-features.webp");
    background-size: clamp(851.9111111111px, calc(0px + 83.1944444444vw), 1198px) clamp(410.3111111111px, calc(0px + 40.0694444444vw), 577px);
    background-repeat: no-repeat;
    background-position: left clamp(71.1111111111px, calc(0px + 6.9444444444vw), 100px);
  }
}
.topFeatures__decorationFlagLeft {
  position: absolute;
  top: 0;
  left: 0;
}
@media (min-width: 1024px) {
  .topFeatures__decorationFlagLeft {
    top: clamp(12.8px, calc(0px + 1.25vw), 18px);
    left: clamp(34.1333333333px, calc(0px + 3.3333333333vw), 48px);
  }
}
.topFeatures__decorationFlagRight {
  position: absolute;
  top: 0;
  right: 0;
}
@media (min-width: 1024px) {
  .topFeatures__decorationFlagRight {
    top: clamp(12.8px, calc(0px + 1.25vw), 18px);
    right: clamp(34.1333333333px, calc(0px + 3.3333333333vw), 48px);
  }
}
.topFeatures__decorationTriangle {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 1;
}
.topFeatures__title {
  margin: 0 0 clamp(40px, calc(0px + 10.6666666667vw), 81.8133333333px);
}
@media (min-width: 1024px) {
  .topFeatures__title {
    margin: 0 0 clamp(45.5111111111px, calc(0px + 4.4444444444vw), 64px);
  }
}
.topFeatures__point {
  position: absolute;
  top: clamp(260px, calc(0px + 69.3333333333vw), 531.7866666667px);
  left: 50%;
  transform: translateX(-50%);
  background-size: clamp(106px, calc(0px + 28.2666666667vw), 216.8053333333px) clamp(72px, calc(0px + 19.2vw), 147.264px);
  background-repeat: no-repeat;
  width: clamp(106px, calc(0px + 28.2666666667vw), 216.8053333333px);
  height: clamp(72px, calc(0px + 19.2vw), 147.264px);
  display: flex;
  justify-content: center;
  align-items: flex-end;
  padding-bottom: clamp(22px, calc(0px + 5.8666666667vw), 44.9973333333px);
  padding-left: clamp(6px, calc(0px + 1.6vw), 12.272px);
}
@media (min-width: 1024px) {
  .topFeatures__point {
    top: clamp(234.6666666667px, calc(0px + 22.9166666667vw), 330px);
    background-size: clamp(100.2666666667px, calc(0px + 9.7916666667vw), 141px) clamp(67.5555555556px, calc(0px + 6.5972222222vw), 95px);
    width: clamp(100.2666666667px, calc(0px + 9.7916666667vw), 141px);
    height: clamp(67.5555555556px, calc(0px + 6.5972222222vw), 95px);
    padding-bottom: clamp(22.7555555556px, calc(0px + 2.2222222222vw), 32px);
    padding-left: clamp(4.2666666667px, calc(0px + 0.4166666667vw), 6px);
  }
}
.topFeatures__point--1 {
  background-image: url("../images/sp/top/bg-features-title1.webp");
}
@media (min-width: 1024px) {
  .topFeatures__point--1 {
    background-image: url("../images/pc/top/bg-features-title1.webp");
  }
}
.topFeatures__point--2 {
  background-image: url("../images/sp/top/bg-features-title2.webp");
}
@media (min-width: 1024px) {
  .topFeatures__point--2 {
    background-image: url("../images/pc/top/bg-features-title2.webp");
  }
}
.topFeatures__point--3 {
  background-image: url("../images/sp/top/bg-features-title3.webp");
}
@media (min-width: 1024px) {
  .topFeatures__point--3 {
    background-image: url("../images/pc/top/bg-features-title3.webp");
  }
}
.topFeatures__pointText {
  font-size: clamp(15px, calc(0px + 4vw), 30.68px);
  font-weight: bold;
  line-height: 1;
  letter-spacing: 0.2rem;
}
@media (min-width: 1024px) {
  .topFeatures__pointText {
    font-size: clamp(14.2222222222px, calc(0px + 1.3888888889vw), 20px);
  }
}
.topFeatures__pointNum {
  font-size: clamp(33px, calc(0px + 8.8vw), 67.496px);
  font-weight: bold;
  line-height: 0.85;
  padding-left: clamp(4px, calc(0px + 1.0666666667vw), 8.1813333333px);
}
@media (min-width: 1024px) {
  .topFeatures__pointNum {
    font-size: clamp(31.2888888889px, calc(0px + 3.0555555556vw), 44px);
    padding-left: clamp(2.8444444444px, calc(0px + 0.2777777778vw), 4px);
  }
}
.topFeatures__items {
  display: flex;
  flex-direction: column;
  gap: clamp(50px, calc(0px + 13.3333333333vw), 102.2666666667px);
}
@media (min-width: 1024px) {
  .topFeatures__items {
    gap: clamp(19.9111111111px, calc(0px + 1.9444444444vw), 28px);
    flex-direction: row;
    justify-content: center;
  }
}
@media (min-width: 1024px) {
  .topFeatures__items li {
    width: clamp(280.1777777778px, calc(0px + 27.3611111111vw), 394px);
  }
}
.topFeatures__itemImage {
  display: flex;
  justify-content: center;
  margin-bottom: clamp(42px, calc(0px + 11.2vw), 85.904px);
}
@media (min-width: 1024px) {
  .topFeatures__itemImage {
    margin-bottom: clamp(34.1333333333px, calc(0px + 3.3333333333vw), 48px);
  }
}
@media (min-width: 1024px) {
  .topFeatures__itemImage--2 {
    margin-top: clamp(35.5555555556px, calc(0px + 3.4722222222vw), 50px);
  }
}
.topFeatures__itemDetail {
  margin: 0 clamp(18px, calc(0px + 4.8vw), 36.816px);
}
@media (min-width: 1024px) {
  .topFeatures__itemDetail {
    margin: 0;
  }
}
.topFeatures__itemDetail p {
  text-align: center;
  font-weight: bold;
  font-size: clamp(19px, calc(0px + 5.0666666667vw), 38.8613333333px);
  line-height: 1.5;
}
@media (min-width: 1024px) {
  .topFeatures__itemDetail p {
    font-size: clamp(14.2222222222px, calc(0px + 1.3888888889vw), 20px);
  }
}
.topFeatures::after {
  position: absolute;
  display: block;
  content: "";
  bottom: 0;
  left: 0;
  background-image: url("../images/sp/top/bg-features-bottom.webp");
  background-size: 100vw clamp(43px, calc(0px + 11.4666666667vw), 87.9493333333px);
  background-repeat: no-repeat;
  width: 100vw;
  height: clamp(43px, calc(0px + 11.4666666667vw), 87.9493333333px);
}
@media (min-width: 1024px) {
  .topFeatures::after {
    background-image: url("../images/sp/top/bg-features-bottom.webp");
    background-size: 100vw clamp(66.8444444444px, calc(0px + 6.5277777778vw), 94px);
    height: clamp(66.8444444444px, calc(0px + 6.5277777778vw), 94px);
  }
}

.topFaq {
  overflow: hidden;
  position: relative;
  padding: clamp(30px, calc(0px + 8vw), 61.36px) 0 clamp(100px, calc(0px + 26.6666666667vw), 204.5333333333px);
  background-color: #fbecf3;
  background-image: url("../images/sp/top/bg-faq.webp");
  background-size: clamp(104px, calc(0px + 27.7333333333vw), 212.7146666667px) clamp(145px, calc(0px + 38.6666666667vw), 296.5733333333px);
  background-repeat: no-repeat;
  background-position: left 4%;
}
.topFaq .c-faq {
  background-color: transparent;
}
@media (min-width: 1024px) {
  .topFaq {
    padding: 0;
    background-image: url("../images/pc/top/bg-faq.webp");
    background-size: clamp(369.0666666667px, calc(0px + 36.0416666667vw), 519px) clamp(206.2222222222px, calc(0px + 20.1388888889vw), 290px);
    background-position: clamp(14.2222222222px, calc(0px + 1.3888888889vw), 20px) 4%;
  }
}
.topFaq__title {
  margin-bottom: clamp(40px, calc(0px + 10.6666666667vw), 81.8133333333px);
}
@media (min-width: 1024px) {
  .topFaq__title {
    margin-bottom: clamp(71.1111111111px, calc(0px + 6.9444444444vw), 100px);
  }
}
.topFaq__decoration1 {
  position: absolute;
  z-index: 3;
  top: clamp(10px, calc(0px + 2.6666666667vw), 20.4533333333px);
  right: 0;
}
@media (min-width: 1024px) {
  .topFaq__decoration1 {
    top: clamp(-28.4444444444px, calc(0px + -2.7777777778vw), -40px);
    right: clamp(64px, calc(0px + 6.25vw), 90px);
  }
}
.topFaq__decoration2 {
  position: absolute;
  z-index: 2;
  bottom: clamp(70px, calc(0px + 18.6666666667vw), 143.1733333333px);
  left: clamp(18px, calc(0px + 4.8vw), 36.816px);
}
@media (min-width: 1024px) {
  .topFaq__decoration2 {
    bottom: clamp(99.5555555556px, calc(0px + 9.7222222222vw), 140px);
    left: clamp(64px, calc(0px + 6.25vw), 90px);
  }
}
.topFaq::after {
  position: absolute;
  display: block;
  content: "";
  bottom: 0;
  left: 0;
  background-image: url("../images/sp/top/bg-faq-bottom.webp");
  background-size: 100vw clamp(30px, calc(0px + 8vw), 61.36px);
  background-repeat: no-repeat;
  width: 100vw;
  height: clamp(30px, calc(0px + 8vw), 61.36px);
}
@media (min-width: 1024px) {
  .topFaq::after {
    background-image: url("../images/pc/top/bg-faq-bottom.webp");
    background-size: 100vw clamp(45.5111111111px, calc(0px + 4.4444444444vw), 64px);
    height: clamp(45.5111111111px, calc(0px + 4.4444444444vw), 64px);
  }
}

.topNews {
  overflow: hidden;
  position: relative;
  padding: clamp(44px, calc(0px + 11.7333333333vw), 89.9946666667px) clamp(18px, calc(0px + 4.8vw), 36.816px) clamp(50px, calc(0px + 13.3333333333vw), 102.2666666667px);
  background-color: #fff;
  background-image: url("../images/sp/top/bg-news.webp");
  background-size: clamp(131px, calc(0px + 34.9333333333vw), 267.9386666667px) clamp(108px, calc(0px + 28.8vw), 220.896px);
  background-position: right 34%;
  background-repeat: no-repeat;
}
@media (min-width: 1024px) {
  .topNews {
    display: flex;
    flex-direction: reverse;
    justify-content: space-between;
    padding: clamp(78.2222222222px, calc(0px + 7.6388888889vw), 110px) clamp(71.1111111111px, calc(0px + 6.9444444444vw), 100px) clamp(71.1111111111px, calc(0px + 6.9444444444vw), 100px);
    background-image: url("../images/pc/top/bg-news.webp");
    background-position: right 8%;
    background-size: clamp(186.3111111111px, calc(0px + 18.1944444444vw), 262px) clamp(152.8888888889px, calc(0px + 14.9305555556vw), 215px);
  }
}
.topNews__title {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: clamp(10px, calc(0px + 2.6666666667vw), 20.4533333333px);
}
.topNews__title .c-titleSection {
  align-items: flex-start;
}
@media (min-width: 1024px) {
  .topNews__title {
    flex-direction: column;
    justify-content: flex-start;
    gap: clamp(27.0222222222px, calc(0px + 2.6388888889vw), 38px);
    margin-bottom: 0;
  }
}
.topNews__title .c-titleSection__globalText {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.topNews__items {
  margin-bottom: clamp(54px, calc(0px + 14.4vw), 110.448px);
  display: flex;
  flex-direction: column;
}
@media (min-width: 1024px) {
  .topNews__items {
    width: clamp(585.9555555556px, calc(0px + 57.2222222222vw), 824px);
    margin-top: clamp(14.2222222222px, calc(0px + 1.3888888889vw), 20px);
    margin-bottom: 0;
  }
}
.topNews__items li {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: clamp(17px, calc(0px + 4.5333333333vw), 34.7706666667px);
  border-bottom: dotted 2px #333;
}
.topNews__items li:first-child {
  border-top: dotted 2px #333;
}
@media (min-width: 1024px) {
  .topNews__items li {
    gap: clamp(21.3333333333px, calc(0px + 2.0833333333vw), 30px);
  }
}
.topNews__link {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: clamp(17px, calc(0px + 4.5333333333vw), 34.7706666667px);
  text-decoration: none;
  color: inherit;
  transition: opacity 0.3s ease;
  flex: 1;
  padding: clamp(14px, calc(0px + 3.7333333333vw), 28.6346666667px) clamp(16px, calc(0px + 4.2666666667vw), 32.7253333333px);
}
@media (min-width: 1024px) {
  .topNews__link {
    flex-direction: row;
    justify-content: flex-start;
    gap: clamp(56.8888888889px, calc(0px + 5.5555555556vw), 80px);
    padding: clamp(17.0666666667px, calc(0px + 1.6666666667vw), 24px) clamp(5.6888888889px, calc(0px + 0.5555555556vw), 8px);
  }
}
.topNews__link:hover {
  opacity: 0.7;
}
.topNews__itemDetail {
  position: relative;
  align-self: stretch;
  width: 100%;
}
.topNews__itemDetail p {
  width: 100%;
}
.topNews__itemDate {
  font-size: clamp(14px, calc(0px + 3.7333333333vw), 28.6346666667px);
  color: #9b9b9b;
  font-weight: 500;
}
@media (min-width: 1024px) {
  .topNews__itemDate {
    top: auto;
    bottom: 0;
    left: 0;
    font-size: clamp(9.9555555556px, calc(0px + 0.9722222222vw), 14px);
  }
}
.topNews__badge {
  background-color: #fff;
  border-radius: 1000px;
  border: solid 2px #56bbed;
  font-size: clamp(12px, calc(0px + 3.2vw), 24.544px);
  color: #56bbed;
  font-weight: bold;
  padding: clamp(2px, calc(0px + 0.5333333333vw), 4.0906666667px) clamp(8px, calc(0px + 2.1333333333vw), 16.3626666667px);
}
@media (min-width: 1024px) {
  .topNews__badge {
    font-size: 0.75rem;
    padding: clamp(1.4222222222px, calc(0px + 0.1388888889vw), 2px) clamp(8.5333333333px, calc(0px + 0.8333333333vw), 12px) clamp(2.8444444444px, calc(0px + 0.2777777778vw), 4px);
  }
}
.topNews__noPost {
  text-align: center;
  padding: clamp(40px, calc(0px + 10.6666666667vw), 81.8133333333px) 0;
  font-size: clamp(16px, calc(0px + 4.2666666667vw), 32.7253333333px);
  color: #666;
}
@media (min-width: 1024px) {
  .topNews__noPost {
    padding: clamp(42.6666666667px, calc(0px + 4.1666666667vw), 60px) 0;
    font-size: 1.125rem;
  }
}

.servicePrice {
  position: relative;
  background-color: #fff1f7;
  padding: clamp(20px, calc(0px + 5.3333333333vw), 40.9066666667px) clamp(18px, calc(0px + 4.8vw), 36.816px) clamp(120px, calc(0px + 32vw), 245.44px);
  background-image: url("../images/sp/service/bg-price.webp");
  background-size: 100vw clamp(439px, calc(0px + 117.0666666667vw), 897.9013333333px);
  background-repeat: no-repeat;
  background-position: right clamp(78px, calc(0px + 20.8vw), 159.536px);
}
@media (min-width: 1024px) {
  .servicePrice {
    background-color: #fbecf3;
    padding: clamp(64px, calc(0px + 6.25vw), 90px) clamp(71.1111111111px, calc(0px + 6.9444444444vw), 100px) clamp(113.7777777778px, calc(0px + 11.1111111111vw), 160px);
    display: flex;
    justify-content: space-between;
    background-image: url("../images/pc/service/bg-price.webp");
    background-size: clamp(871.1111111111px, calc(0px + 85.0694444444vw), 1225px) clamp(327.1111111111px, calc(0px + 31.9444444444vw), 460px);
    background-repeat: no-repeat;
    background-position: right top;
  }
}
.servicePrice__title {
  margin-bottom: clamp(40px, calc(0px + 10.6666666667vw), 81.8133333333px);
}
@media (min-width: 1024px) {
  .servicePrice__title {
    margin-top: clamp(14.2222222222px, calc(0px + 1.3888888889vw), 20px);
    margin-bottom: 0;
  }
}
.servicePrice__detail {
  padding: clamp(34px, calc(0px + 9.0666666667vw), 69.5413333333px) clamp(17px, calc(0px + 4.5333333333vw), 34.7706666667px) clamp(38px, calc(0px + 10.1333333333vw), 77.7226666667px);
  background-color: #fff;
  color: #684f40;
  border-radius: 15px;
  border: 1px solid #acacac;
}
@media (min-width: 1024px) {
  .servicePrice__detail {
    width: clamp(586.6666666667px, calc(0px + 57.2916666667vw), 825px);
    padding: clamp(35.5555555556px, calc(0px + 3.4722222222vw), 50px) clamp(45.5111111111px, calc(0px + 4.4444444444vw), 64px) clamp(38.4px, calc(0px + 3.75vw), 54px);
    border-radius: 30px;
  }
}
.servicePrice__detail p {
  font-size: clamp(19px, calc(0px + 5.0666666667vw), 38.8613333333px);
  font-weight: bold;
  text-align: center;
}
@media (min-width: 1024px) {
  .servicePrice__detail p {
    text-align: left;
    font-size: clamp(14.2222222222px, calc(0px + 1.3888888889vw), 20px);
  }
}
.servicePrice__detailPrice {
  position: relative;
  margin-bottom: clamp(34px, calc(0px + 9.0666666667vw), 69.5413333333px);
  padding: 0 clamp(18px, calc(0px + 4.8vw), 36.816px) clamp(34px, calc(0px + 9.0666666667vw), 69.5413333333px);
  font-weight: bold;
}
@media (min-width: 1024px) {
  .servicePrice__detailPrice {
    padding: 0 0 clamp(28.4444444444px, calc(0px + 2.7777777778vw), 40px);
    margin-bottom: clamp(24.1777777778px, calc(0px + 2.3611111111vw), 34px);
  }
}
.servicePrice__detailPrice::after {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%);
  content: "";
  display: block;
  width: clamp(300px, calc(0px + 80vw), 613.6px);
  height: clamp(4px, calc(0px + 1.0666666667vw), 8.1813333333px);
  background: url("../images/common/img-hr-dotted.webp") center center/clamp(300px, calc(0px + 80vw), 613.6px) clamp(4px, calc(0px + 1.0666666667vw), 8.1813333333px);
}
@media (min-width: 1024px) {
  .servicePrice__detailPrice::after {
    width: clamp(495.6444444444px, calc(0px + 48.4027777778vw), 697px);
    height: clamp(5.6888888889px, calc(0px + 0.5555555556vw), 8px);
    background: url("../images/common/img-hr-dotted.webp") left center/clamp(496.3555555556px, calc(0px + 48.4722222222vw), 698px) clamp(5.6888888889px, calc(0px + 0.5555555556vw), 8px);
  }
}
.servicePrice__detailPriceInformation {
  margin-bottom: clamp(24px, calc(0px + 6.4vw), 49.088px);
  text-align: center;
  font-size: clamp(23px, calc(0px + 6.1333333333vw), 47.0426666667px);
}
@media (min-width: 1024px) {
  .servicePrice__detailPriceInformation {
    margin-bottom: clamp(14.2222222222px, calc(0px + 1.3888888889vw), 20px);
    font-size: clamp(21.3333333333px, calc(0px + 2.0833333333vw), 30px);
    text-align: left;
  }
}
.servicePrice__detailPriceInformation span {
  font-size: clamp(14px, calc(0px + 3.7333333333vw), 28.6346666667px);
}
@media (min-width: 1024px) {
  .servicePrice__detailPriceInformation span {
    font-size: clamp(14.2222222222px, calc(0px + 1.3888888889vw), 20px);
  }
}
.servicePrice__detailPriceNotice {
  text-indent: -4.2666666667vw;
  padding-left: 4.2666666667vw;
}
.servicePrice::after {
  position: absolute;
  display: block;
  content: "";
  bottom: 0;
  left: 0;
  background-image: url("../images/sp/common/bg-common-pink-bottom.webp");
  background-size: 100vw clamp(22px, calc(0px + 5.8666666667vw), 44.9973333333px);
  background-repeat: no-repeat;
  width: 100vw;
  height: clamp(22px, calc(0px + 5.8666666667vw), 44.9973333333px);
}
@media (min-width: 1024px) {
  .servicePrice::after {
    background-image: url("../images/pc/common/bg-common-pink-bottom.webp");
    background-size: 100vw clamp(49.0666666667px, calc(0px + 4.7916666667vw), 69px);
    height: clamp(49.0666666667px, calc(0px + 4.7916666667vw), 69px);
  }
}

.serviceService {
  position: relative;
  padding: clamp(10px, calc(0px + 2.6666666667vw), 20.4533333333px) clamp(18px, calc(0px + 4.8vw), 36.816px) clamp(50px, calc(0px + 13.3333333333vw), 102.2666666667px);
  background-color: #fff;
}
@media (min-width: 1024px) {
  .serviceService {
    padding: clamp(42.6666666667px, calc(0px + 4.1666666667vw), 60px) 0 clamp(78.2222222222px, calc(0px + 7.6388888889vw), 110px);
  }
}
.serviceService::after {
  position: absolute;
  display: block;
  content: "";
  bottom: 0;
  left: 0;
  background-image: url("../images/sp/common/bg-common-white-bottom.webp");
  background-size: 100vw clamp(27px, calc(0px + 7.2vw), 55.224px);
  background-repeat: no-repeat;
  width: 100vw;
  height: clamp(27px, calc(0px + 7.2vw), 55.224px);
}
@media (min-width: 1024px) {
  .serviceService::after {
    background-image: url("../images/pc/common/bg-common-white-bottom.webp");
    background-size: 100vw clamp(81.0666666667px, calc(0px + 7.9166666667vw), 114px);
    height: clamp(81.0666666667px, calc(0px + 7.9166666667vw), 114px);
  }
}
.serviceService--2 {
  padding: clamp(24px, calc(0px + 6.4vw), 49.088px) clamp(18px, calc(0px + 4.8vw), 36.816px) clamp(40px, calc(0px + 10.6666666667vw), 81.8133333333px);
  background-color: #fff;
  background-image: url("../images/sp/service/bg-service3.webp");
  background-size: clamp(146px, calc(0px + 38.9333333333vw), 298.6186666667px) clamp(145px, calc(0px + 38.6666666667vw), 296.5733333333px);
  background-repeat: no-repeat;
  background-position: right clamp(206px, calc(0px + 54.9333333333vw), 421.3386666667px);
}
@media (min-width: 1024px) {
  .serviceService--2 {
    position: relative;
    padding: clamp(45.5111111111px, calc(0px + 4.4444444444vw), 64px) 0 clamp(71.1111111111px, calc(0px + 6.9444444444vw), 100px);
    background-image: url("../images/pc/service/bg-service3.webp");
    background-size: clamp(225.4222222222px, calc(0px + 22.0138888889vw), 317px) clamp(206.2222222222px, calc(0px + 20.1388888889vw), 290px);
    background-repeat: no-repeat;
    background-position: 94% clamp(71.1111111111px, calc(0px + 6.9444444444vw), 100px);
  }
}
.serviceService__title {
  position: relative;
  text-align: center;
  font-size: clamp(20px, calc(0px + 5.3333333333vw), 40.9066666667px);
  margin-bottom: clamp(40px, calc(0px + 10.6666666667vw), 81.8133333333px);
  padding-bottom: clamp(20px, calc(0px + 5.3333333333vw), 40.9066666667px);
}
@media (min-width: 1024px) {
  .serviceService__title {
    font-size: clamp(28.4444444444px, calc(0px + 2.7777777778vw), 40px);
    margin-bottom: clamp(35.5555555556px, calc(0px + 3.4722222222vw), 50px);
    padding-bottom: clamp(38.4px, calc(0px + 3.75vw), 54px);
  }
}
.serviceService__title::after {
  position: absolute;
  display: block;
  content: "";
  bottom: 0;
  left: 50%;
  transform: translate(-50%);
  background-image: url("../images/sp/common/img-common-hr-dotted.webp");
  background-size: clamp(278px, calc(0px + 74.1333333333vw), 568.6026666667px) clamp(5px, calc(0px + 1.3333333333vw), 10.2266666667px);
  width: clamp(339px, calc(0px + 90.4vw), 693.368px);
  height: clamp(5px, calc(0px + 1.3333333333vw), 10.2266666667px);
}
@media (min-width: 1024px) {
  .serviceService__title::after {
    background-image: url("../images/pc/common/img-common-hr-dotted.webp");
    background-size: clamp(337.0666666667px, calc(0px + 32.9166666667vw), 474px) clamp(7.1111111111px, calc(0px + 0.6944444444vw), 10px);
    width: clamp(337.0666666667px, calc(0px + 32.9166666667vw), 474px);
    height: clamp(7.1111111111px, calc(0px + 0.6944444444vw), 10px);
  }
}
.serviceService__textLayout {
  display: block;
}
@media (min-width: 1024px) {
  .serviceService__textLayout {
    display: inline;
  }
}
.serviceService__image1 {
  display: flex;
  justify-content: flex-end;
  margin-bottom: clamp(20px, calc(0px + 5.3333333333vw), 40.9066666667px);
}
@media (min-width: 1024px) {
  .serviceService__image1 {
    display: block;
    margin-bottom: 0;
    position: absolute;
    top: clamp(85.3333333333px, calc(0px + 8.3333333333vw), 120px);
    left: 0;
  }
}
@media (min-width: 1024px) {
  .serviceService__image2 {
    position: absolute;
    top: clamp(192px, calc(0px + 18.75vw), 270px);
    right: clamp(-28.4444444444px, calc(0px + -2.7777777778vw), -40px);
  }
}
.serviceService__image3 {
  margin-bottom: clamp(56px, calc(0px + 14.9333333333vw), 114.5386666667px);
}
@media (min-width: 1024px) {
  .serviceService__image3 {
    position: absolute;
    top: clamp(35.5555555556px, calc(0px + 3.4722222222vw), 50px);
    left: clamp(39.8222222222px, calc(0px + 3.8888888889vw), 56px);
    margin-bottom: 0;
  }
}
.serviceService__texts {
  margin-bottom: clamp(46px, calc(0px + 12.2666666667vw), 94.0853333333px);
  text-align: center;
}
@media (min-width: 1024px) {
  .serviceService__texts {
    margin-bottom: 0;
  }
}
.serviceService__texts--left {
  text-align: left;
  padding: 0 clamp(12px, calc(0px + 3.2vw), 24.544px) 0 clamp(18px, calc(0px + 4.8vw), 36.816px);
}
@media (min-width: 1024px) {
  .serviceService__texts--left {
    padding: 0 clamp(257.4222222222px, calc(0px + 25.1388888889vw), 362px) 0 clamp(426.6666666667px, calc(0px + 41.6666666667vw), 600px);
  }
}
.serviceService__texts h4 {
  margin-bottom: clamp(24px, calc(0px + 6.4vw), 49.088px);
  color: #f465a3;
  font-size: clamp(19px, calc(0px + 5.0666666667vw), 38.8613333333px);
  font-weight: bold;
  line-height: 1.8;
}
@media (min-width: 1024px) {
  .serviceService__texts h4 {
    margin-bottom: clamp(22.7555555556px, calc(0px + 2.2222222222vw), 32px);
    font-size: clamp(18.4888888889px, calc(0px + 1.8055555556vw), 26px);
  }
}
.serviceService__texts p {
  margin-bottom: clamp(24px, calc(0px + 6.4vw), 49.088px);
  line-height: 1.8;
}
@media (min-width: 1024px) {
  .serviceService__texts p {
    margin-bottom: clamp(28.4444444444px, calc(0px + 2.7777777778vw), 40px);
  }
}
.serviceService__decorationCircle {
  position: absolute;
  top: 97%;
  left: 0;
  z-index: 2;
}
@media (min-width: 1024px) {
  .serviceService__decorationCircle {
    left: clamp(14.2222222222px, calc(0px + 1.3888888889vw), 20px);
    top: 89%;
  }
}

.conceptConcept {
  overflow: hidden;
  position: relative;
  padding: clamp(24px, calc(0px + 6.4vw), 49.088px) clamp(18px, calc(0px + 4.8vw), 36.816px) clamp(50px, calc(0px + 13.3333333333vw), 102.2666666667px);
  background-color: #fff;
}
@media (min-width: 1024px) {
  .conceptConcept {
    padding: clamp(42.6666666667px, calc(0px + 4.1666666667vw), 60px) 0 clamp(78.2222222222px, calc(0px + 7.6388888889vw), 110px);
  }
}
.conceptConcept::after {
  position: absolute;
  display: block;
  content: "";
  bottom: 0;
  left: 0;
  background-image: url("../images/sp/common/bg-common-white-bottom.webp");
  background-size: 100vw clamp(27px, calc(0px + 7.2vw), 55.224px);
  background-repeat: no-repeat;
  width: 100vw;
  height: clamp(27px, calc(0px + 7.2vw), 55.224px);
}
@media (min-width: 1024px) {
  .conceptConcept::after {
    background-image: url("../images/pc/common/bg-common-white-bottom.webp");
    background-size: 100vw clamp(81.0666666667px, calc(0px + 7.9166666667vw), 114px);
    height: clamp(81.0666666667px, calc(0px + 7.9166666667vw), 114px);
  }
}
@media (min-width: 1024px) {
  .conceptConcept__layout1 {
    width: clamp(533.3333333333px, calc(0px + 52.0833333333vw), 750px);
    margin: 0 clamp(71.1111111111px, calc(0px + 6.9444444444vw), 100px) clamp(35.5555555556px, calc(0px + 3.4722222222vw), 50px) 0;
    float: right;
  }
}
@media (min-width: 1024px) {
  .conceptConcept__layout2 {
    clear: both;
    padding: 0 clamp(28.4444444444px, calc(0px + 2.7777777778vw), 40px) 0 clamp(71.1111111111px, calc(0px + 6.9444444444vw), 100px);
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
  }
}
.conceptConcept__title {
  position: relative;
  text-align: center;
  font-size: clamp(20px, calc(0px + 5.3333333333vw), 40.9066666667px);
  margin-bottom: clamp(38px, calc(0px + 10.1333333333vw), 77.7226666667px);
  padding-bottom: clamp(20px, calc(0px + 5.3333333333vw), 40.9066666667px);
}
@media (min-width: 1024px) {
  .conceptConcept__title {
    text-align: left;
    font-size: clamp(28.4444444444px, calc(0px + 2.7777777778vw), 40px);
    margin-bottom: clamp(28.4444444444px, calc(0px + 2.7777777778vw), 40px);
    padding-bottom: clamp(19.9111111111px, calc(0px + 1.9444444444vw), 28px);
  }
}
.conceptConcept__title::after {
  position: absolute;
  display: block;
  content: "";
  bottom: 0;
  left: 50%;
  transform: translate(-50%);
  background-image: url("../images/sp/common/img-common-hr-dotted.webp");
  background-size: clamp(278px, calc(0px + 74.1333333333vw), 568.6026666667px) clamp(5px, calc(0px + 1.3333333333vw), 10.2266666667px);
  width: clamp(339px, calc(0px + 90.4vw), 693.368px);
  height: clamp(5px, calc(0px + 1.3333333333vw), 10.2266666667px);
}
@media (min-width: 1024px) {
  .conceptConcept__title::after {
    background-image: url("../images/pc/common/img-common-hr-dotted.webp");
    background-size: clamp(337.0666666667px, calc(0px + 32.9166666667vw), 474px) clamp(7.1111111111px, calc(0px + 0.6944444444vw), 10px);
    left: 0;
    transform: translate(0);
    width: clamp(416.7111111111px, calc(0px + 40.6944444444vw), 586px);
    height: clamp(7.1111111111px, calc(0px + 0.6944444444vw), 10px);
  }
}
.conceptConcept__textStrong {
  font-weight: bold;
}
@media (min-width: 1024px) {
  .conceptConcept__textStrong {
    font-size: clamp(14.2222222222px, calc(0px + 1.3888888889vw), 20px);
  }
}
.conceptConcept__textEm {
  font-size: clamp(19px, calc(0px + 5.0666666667vw), 38.8613333333px);
  font-weight: bold;
}
@media (min-width: 1024px) {
  .conceptConcept__textEm {
    font-size: clamp(14.2222222222px, calc(0px + 1.3888888889vw), 20px);
  }
}
.conceptConcept__textEmColor {
  font-size: clamp(19px, calc(0px + 5.0666666667vw), 38.8613333333px);
  font-weight: bold;
  color: #f465a3;
}
@media (min-width: 1024px) {
  .conceptConcept__textEmColor {
    font-size: clamp(18.4888888889px, calc(0px + 1.8055555556vw), 26px);
  }
}
.conceptConcept__image1 {
  display: flex;
  justify-content: center;
  margin-bottom: clamp(30px, calc(0px + 8vw), 61.36px);
}
@media (min-width: 1024px) {
  .conceptConcept__image1 {
    display: block;
    margin-bottom: 0;
    position: absolute;
    top: clamp(35.5555555556px, calc(0px + 3.4722222222vw), 50px);
    left: clamp(35.5555555556px, calc(0px + 3.4722222222vw), 50px);
  }
}
.conceptConcept__image2 {
  margin-bottom: clamp(40px, calc(0px + 10.6666666667vw), 81.8133333333px);
  text-align: center;
}
@media (min-width: 1024px) {
  .conceptConcept__image2 {
    margin-bottom: 0;
    flex: none;
  }
}
.conceptConcept__image3 {
  margin-bottom: clamp(14px, calc(0px + 3.7333333333vw), 28.6346666667px);
  display: flex;
  justify-content: center;
}
@media (min-width: 1024px) {
  .conceptConcept__image3 {
    position: absolute;
    top: clamp(21.3333333333px, calc(0px + 2.0833333333vw), 30px);
    left: 0;
    margin-bottom: 0;
  }
}
.conceptConcept__image4 {
  display: flex;
  justify-content: center;
}
@media (min-width: 1024px) {
  .conceptConcept__image4 {
    position: absolute;
    top: clamp(35.5555555556px, calc(0px + 3.4722222222vw), 50px);
    right: clamp(4.2666666667px, calc(0px + 0.4166666667vw), 6px);
  }
}
.conceptConcept__texts {
  margin-bottom: clamp(36px, calc(0px + 9.6vw), 73.632px);
  text-align: center;
}
@media (min-width: 1024px) {
  .conceptConcept__texts {
    position: relative;
    z-index: 1;
    margin-bottom: 0;
  }
}
.conceptConcept__texts--left {
  text-align: left;
}
.conceptConcept__texts h4 {
  margin-bottom: clamp(24px, calc(0px + 6.4vw), 49.088px);
  color: #f465a3;
  font-size: clamp(19px, calc(0px + 5.0666666667vw), 38.8613333333px);
  font-weight: bold;
  line-height: 1.8;
}
@media (min-width: 1024px) {
  .conceptConcept__texts h4 {
    margin-bottom: clamp(22.7555555556px, calc(0px + 2.2222222222vw), 32px);
    font-size: clamp(18.4888888889px, calc(0px + 1.8055555556vw), 26px);
  }
}
.conceptConcept__texts p {
  margin-bottom: clamp(24px, calc(0px + 6.4vw), 49.088px);
  line-height: 1.8;
}
@media (min-width: 1024px) {
  .conceptConcept__texts p {
    margin-bottom: clamp(28.4444444444px, calc(0px + 2.7777777778vw), 40px);
    line-height: 1.8;
  }
}
.conceptConcept--2 {
  padding: clamp(24px, calc(0px + 6.4vw), 49.088px) clamp(18px, calc(0px + 4.8vw), 36.816px) clamp(40px, calc(0px + 10.6666666667vw), 81.8133333333px) clamp(8px, calc(0px + 2.1333333333vw), 16.3626666667px);
  background-color: #fff;
}
@media (min-width: 1024px) {
  .conceptConcept--2 {
    position: relative;
    padding: clamp(17.0666666667px, calc(0px + 1.6666666667vw), 24px) 0 clamp(28.4444444444px, calc(0px + 2.7777777778vw), 40px);
  }
}

.conceptFeatures {
  overflow: hidden;
  position: relative;
  background-color: #fff1f7;
  padding: clamp(20px, calc(0px + 5.3333333333vw), 40.9066666667px) clamp(18px, calc(0px + 4.8vw), 36.816px) clamp(120px, calc(0px + 32vw), 245.44px);
  background-image: url("../images/sp/concept/bg-concept-features.webp");
  background-size: 100vw clamp(1347px, calc(0px + 359.2vw), 2755.064px);
  background-repeat: no-repeat;
  background-position: right top;
}
@media (min-width: 1024px) {
  .conceptFeatures {
    background-color: #fbecf3;
    padding: clamp(21.3333333333px, calc(0px + 2.0833333333vw), 30px) clamp(71.1111111111px, calc(0px + 6.9444444444vw), 100px) clamp(85.3333333333px, calc(0px + 8.3333333333vw), 120px);
    background-image: url("../images/pc/concept/bg-concept-features.webp");
    background-size: clamp(947.2px, calc(0px + 92.5vw), 1332px) clamp(859.7333333333px, calc(0px + 83.9583333333vw), 1209px);
    background-repeat: no-repeat;
    background-position: left clamp(106.6666666667px, calc(0px + 10.4166666667vw), 150px);
  }
}
.conceptFeatures__title {
  margin-bottom: clamp(28px, calc(0px + 7.4666666667vw), 57.2693333333px);
}
@media (min-width: 1024px) {
  .conceptFeatures__title {
    margin-bottom: clamp(48.3555555556px, calc(0px + 4.7222222222vw), 68px);
  }
}
.conceptFeatures__features {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: clamp(8px, calc(0px + 2.1333333333vw), 16.3626666667px);
}
@media (min-width: 1024px) {
  .conceptFeatures__features {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: clamp(25.6px, calc(0px + 2.5vw), 36px) 0;
  }
}
.conceptFeatures__features li {
  flex: none;
  width: clamp(344px, calc(0px + 91.7333333333vw), 703.5946666667px);
}
@media (min-width: 1024px) {
  .conceptFeatures__features li {
    width: clamp(422.4px, calc(0px + 41.25vw), 594px);
  }
}
.conceptFeatures__decorationFlagLeft {
  position: absolute;
  top: 0;
  left: 0;
}
@media (min-width: 1024px) {
  .conceptFeatures__decorationFlagLeft {
    top: clamp(12.8px, calc(0px + 1.25vw), 18px);
    left: clamp(34.1333333333px, calc(0px + 3.3333333333vw), 48px);
  }
}
.conceptFeatures__decorationFlagRight {
  position: absolute;
  top: 0;
  right: 0;
}
@media (min-width: 1024px) {
  .conceptFeatures__decorationFlagRight {
    top: clamp(12.8px, calc(0px + 1.25vw), 18px);
    right: clamp(34.1333333333px, calc(0px + 3.3333333333vw), 48px);
  }
}
.conceptFeatures::after {
  position: absolute;
  display: block;
  content: "";
  bottom: 0;
  left: 0;
  background-image: url("../images/sp/common/bg-common-pink-bottom.webp");
  background-size: 100vw clamp(22px, calc(0px + 5.8666666667vw), 44.9973333333px);
  background-repeat: no-repeat;
  width: 100vw;
  height: clamp(22px, calc(0px + 5.8666666667vw), 44.9973333333px);
}
@media (min-width: 1024px) {
  .conceptFeatures::after {
    background-image: url("../images/pc/common/bg-common-pink-bottom.webp");
    background-size: 100vw clamp(49.0666666667px, calc(0px + 4.7916666667vw), 69px);
    height: clamp(49.0666666667px, calc(0px + 4.7916666667vw), 69px);
  }
}

.companyMessage {
  position: relative;
  padding: 0 0 clamp(74px, calc(0px + 19.7333333333vw), 151.3546666667px) 0;
  background-color: #fff;
  background-image: url("../images/sp/company/bg-company.webp");
  background-size: clamp(212px, calc(0px + 56.5333333333vw), 433.6106666667px) clamp(166px, calc(0px + 44.2666666667vw), 339.5253333333px);
  background-position: left 80%;
  background-repeat: no-repeat;
}
@media (min-width: 1024px) {
  .companyMessage {
    display: flex;
    justify-content: center;
    gap: clamp(14.2222222222px, calc(0px + 1.3888888889vw), 20px);
    padding: clamp(27.0222222222px, calc(0px + 2.6388888889vw), 38px) 0 clamp(31.2888888889px, calc(0px + 3.0555555556vw), 44px);
    background-image: url("../images/pc/company/bg-company.webp");
    background-size: clamp(359.8222222222px, calc(0px + 35.1388888889vw), 506px) clamp(236.8px, calc(0px + 23.125vw), 333px);
    background-position: 92% 50%;
  }
}
.companyMessage__image {
  margin: 0 0 clamp(34px, calc(0px + 9.0666666667vw), 69.5413333333px) clamp(42px, calc(0px + 11.2vw), 85.904px);
}
@media (min-width: 1024px) {
  .companyMessage__image {
    flex: none;
    position: relative;
    width: clamp(358.4px, calc(0px + 35vw), 504px);
    height: clamp(393.2444444444px, calc(0px + 38.4027777778vw), 553px);
    margin: 0 0 0 clamp(78.2222222222px, calc(0px + 7.6388888889vw), 110px);
  }
}
@media (min-width: 1024px) {
  .companyMessage__image .company-img-company {
    position: absolute;
    top: 0;
    left: 0;
    max-width: initial;
  }
}
.companyMessage__text {
  padding: 0 clamp(24px, calc(0px + 6.4vw), 49.088px) 0 clamp(32px, calc(0px + 8.5333333333vw), 65.4506666667px);
  font-size: clamp(16px, calc(0px + 4.2666666667vw), 32.7253333333px);
}
@media (min-width: 1024px) {
  .companyMessage__text {
    padding: clamp(48.3555555556px, calc(0px + 4.7222222222vw), 68px) clamp(71.1111111111px, calc(0px + 6.9444444444vw), 100px) 0 0;
    font-size: clamp(11.3777777778px, calc(0px + 1.1111111111vw), 16px);
  }
}
.companyMessage__textEm {
  font-size: clamp(19px, calc(0px + 5.0666666667vw), 38.8613333333px);
  font-weight: bold;
}
@media (min-width: 1024px) {
  .companyMessage__textEm {
    font-size: clamp(14.2222222222px, calc(0px + 1.3888888889vw), 20px);
  }
}
.companyMessage__decorationHeart {
  position: absolute;
  z-index: 1;
  left: clamp(40px, calc(0px + 10.6666666667vw), 81.8133333333px);
  top: clamp(20px, calc(0px + 5.3333333333vw), 40.9066666667px);
}
@media (min-width: 1024px) {
  .companyMessage__decorationHeart {
    left: clamp(71.1111111111px, calc(0px + 6.9444444444vw), 100px);
    top: clamp(42.6666666667px, calc(0px + 4.1666666667vw), 60px);
  }
}
.companyMessage__decorationStar {
  position: absolute;
  z-index: 1;
  right: clamp(18px, calc(0px + 4.8vw), 36.816px);
  bottom: clamp(4px, calc(0px + 1.0666666667vw), 8.1813333333px);
}
@media (min-width: 1024px) {
  .companyMessage__decorationStar {
    right: clamp(71.1111111111px, calc(0px + 6.9444444444vw), 100px);
    bottom: clamp(14.2222222222px, calc(0px + 1.3888888889vw), 20px);
  }
}

.companyInformation {
  padding: 0 clamp(18px, calc(0px + 4.8vw), 36.816px) clamp(60px, calc(0px + 16vw), 122.72px);
  background-color: #fff;
}
@media (min-width: 1024px) {
  .companyInformation {
    padding: 0 clamp(71.1111111111px, calc(0px + 6.9444444444vw), 100px) clamp(42.6666666667px, calc(0px + 4.1666666667vw), 60px);
  }
}
.companyInformation__detail {
  padding: clamp(10px, calc(0px + 2.6666666667vw), 20.4533333333px) clamp(17px, calc(0px + 4.5333333333vw), 34.7706666667px) clamp(20px, calc(0px + 5.3333333333vw), 40.9066666667px);
  background-color: #fbecf3;
  border-radius: 15px;
  border: 1px solid #acacac;
}
@media (min-width: 1024px) {
  .companyInformation__detail {
    padding: clamp(24.1777777778px, calc(0px + 2.3611111111vw), 34px) clamp(48.3555555556px, calc(0px + 4.7222222222vw), 68px);
  }
}
.companyInformation__detail dl {
  position: relative;
  padding: clamp(14px, calc(0px + 3.7333333333vw), 28.6346666667px) 0;
}
@media (min-width: 1024px) {
  .companyInformation__detail dl {
    display: flex;
    gap: clamp(113.7777777778px, calc(0px + 11.1111111111vw), 160px);
    padding: clamp(17.0666666667px, calc(0px + 1.6666666667vw), 24px) clamp(14.2222222222px, calc(0px + 1.3888888889vw), 20px);
  }
}
.companyInformation__detail dl::after {
  position: absolute;
  left: 0;
  bottom: 0;
  content: "";
  display: block;
  background: url("../images/sp/top/img-about-hr-dotted.webp") left top/clamp(137px, calc(0px + 36.5333333333vw), 280.2106666667px) clamp(2px, calc(0px + 0.5333333333vw), 4.0906666667px) repeat;
  width: 100%;
  height: clamp(2px, calc(0px + 0.5333333333vw), 4.0906666667px);
}
@media (min-width: 1024px) {
  .companyInformation__detail dl::after {
    background: url("../images/pc/top/img-about-hr-dotted.webp") left top/clamp(168.5333333333px, calc(0px + 16.4583333333vw), 237px) clamp(4.2666666667px, calc(0px + 0.4166666667vw), 6px) repeat;
    height: clamp(4.2666666667px, calc(0px + 0.4166666667vw), 6px);
  }
}
.companyInformation__detail dl dt {
  margin-bottom: clamp(6px, calc(0px + 1.6vw), 12.272px);
  width: clamp(66px, calc(0px + 17.6vw), 134.992px);
  font-weight: bold;
  text-align: justify;
  text-align-last: justify;
}
@media (min-width: 1024px) {
  .companyInformation__detail dl dt {
    margin-bottom: 0;
    width: clamp(49.7777777778px, calc(0px + 4.8611111111vw), 70px);
  }
}
@media (min-width: 1024px) {
  .companyInformation__detail dl.companyInformation__detailLastItem::after {
    display: none;
  }
}

.contactForm {
  position: relative;
  background-color: #fff1f7;
  padding: clamp(30px, calc(0px + 8vw), 61.36px) clamp(18px, calc(0px + 4.8vw), 36.816px) clamp(52px, calc(0px + 13.8666666667vw), 106.3573333333px);
}
@media (min-width: 1024px) {
  .contactForm {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    background-color: #fbecf3;
    padding: clamp(46.9333333333px, calc(0px + 4.5833333333vw), 66px) clamp(71.1111111111px, calc(0px + 6.9444444444vw), 100px) clamp(78.2222222222px, calc(0px + 7.6388888889vw), 110px);
  }
}
.contactForm__title {
  margin-bottom: clamp(60px, calc(0px + 16vw), 122.72px);
}
@media (min-width: 1024px) {
  .contactForm__title {
    margin-bottom: clamp(65.4222222222px, calc(0px + 6.3888888889vw), 92px);
  }
}
.contactForm__image {
  position: absolute;
  top: clamp(88px, calc(0px + 23.4666666667vw), 179.9893333333px);
  right: clamp(18px, calc(0px + 4.8vw), 36.816px);
}
@media (min-width: 1024px) {
  .contactForm__image {
    top: clamp(51.2px, calc(0px + 5vw), 72px);
    right: clamp(82.4888888889px, calc(0px + 8.0555555556vw), 116px);
  }
}
.contactForm select,
.contactForm input[type=text],
.contactForm input[type=email],
.contactForm input[type=tel],
.contactForm input[type=number],
.contactForm input[type=date],
.contactForm textarea {
  width: 100%;
  height: clamp(34px, calc(0px + 9.0666666667vw), 69.5413333333px);
  padding: 0 clamp(7px, calc(0px + 1.8666666667vw), 14.3173333333px);
  background-color: #fff;
  font-size: clamp(16px, calc(0px + 4.2666666667vw), 32.7253333333px);
  appearance: none;
  border: none;
}
@media (min-width: 1024px) {
  .contactForm select,
  .contactForm input[type=text],
  .contactForm input[type=email],
  .contactForm input[type=tel],
  .contactForm input[type=number],
  .contactForm input[type=date],
  .contactForm textarea {
    width: clamp(472.1777777778px, calc(0px + 46.1111111111vw), 664px);
    height: clamp(33.4222222222px, calc(0px + 3.2638888889vw), 47px);
    padding: 0 clamp(11.3777777778px, calc(0px + 1.1111111111vw), 16px);
    font-size: 1rem;
  }
}
.contactForm select::placeholder,
.contactForm input[type=text]::placeholder,
.contactForm input[type=email]::placeholder,
.contactForm input[type=tel]::placeholder,
.contactForm input[type=number]::placeholder,
.contactForm input[type=date]::placeholder,
.contactForm textarea::placeholder {
  color: #bebebe;
}
.contactForm input[type=date] {
  width: clamp(120px, calc(0px + 32vw), 245.44px);
}
@media (min-width: 1024px) {
  .contactForm input[type=date] {
    width: clamp(113.7777777778px, calc(0px + 11.1111111111vw), 160px);
  }
}
.contactForm select {
  background-image: url("../images/common/icon-form-arrow.webp");
  background-repeat: no-repeat;
  background-position: 96% center;
  background-size: clamp(11px, calc(0px + 2.9333333333vw), 22.4986666667px) clamp(7px, calc(0px + 1.8666666667vw), 14.3173333333px);
}
@media (min-width: 1024px) {
  .contactForm select {
    background-position: 98% center;
  }
}
.contactForm textarea {
  height: clamp(200px, calc(0px + 53.3333333333vw), 409.0666666667px);
  padding: clamp(12px, calc(0px + 3.2vw), 24.544px) clamp(10px, calc(0px + 2.6666666667vw), 20.4533333333px);
}
@media (min-width: 1024px) {
  .contactForm textarea {
    height: clamp(209.0666666667px, calc(0px + 20.4166666667vw), 294px);
    padding: clamp(17.0666666667px, calc(0px + 1.6666666667vw), 24px) clamp(14.2222222222px, calc(0px + 1.3888888889vw), 20px);
  }
}
.contactForm input[type=checkbox] {
  border: solid 1px #acacac;
  width: clamp(17px, calc(0px + 4.5333333333vw), 34.7706666667px);
  height: clamp(17px, calc(0px + 4.5333333333vw), 34.7706666667px);
}
@media (min-width: 1024px) {
  .contactForm input[type=checkbox] {
    width: clamp(14.2222222222px, calc(0px + 1.3888888889vw), 20px);
    height: clamp(14.2222222222px, calc(0px + 1.3888888889vw), 20px);
  }
}
.contactForm__list {
  display: flex;
  flex-direction: column;
  gap: clamp(19px, calc(0px + 5.0666666667vw), 38.8613333333px);
  margin-bottom: clamp(30px, calc(0px + 8vw), 61.36px);
}
@media (min-width: 1024px) {
  .contactForm__list {
    gap: clamp(36.9777777778px, calc(0px + 3.6111111111vw), 52px);
    margin-bottom: clamp(33.4222222222px, calc(0px + 3.2638888889vw), 47px);
    align-items: flex-start;
  }
}
@media (min-width: 1024px) {
  .contactForm__list li label {
    display: flex;
    justify-content: center;
  }
}
.contactForm__list label {
  display: flex;
  flex-direction: column;
  gap: clamp(10px, calc(0px + 2.6666666667vw), 20.4533333333px);
}
@media (min-width: 1024px) {
  .contactForm__list label {
    flex-direction: row;
    gap: clamp(19.9111111111px, calc(0px + 1.9444444444vw), 28px);
    align-items: flex-start;
  }
}
.contactForm__list label span {
  display: block;
}
.contactForm__listTitle {
  display: flex;
  align-items: center;
  font-size: clamp(16px, calc(0px + 4.2666666667vw), 32.7253333333px);
  gap: clamp(8px, calc(0px + 2.1333333333vw), 16.3626666667px);
  font-weight: bold;
}
@media (min-width: 1024px) {
  .contactForm__listTitle {
    justify-content: space-between;
    width: clamp(199.1111111111px, calc(0px + 19.4444444444vw), 280px);
    margin-top: clamp(5.6888888889px, calc(0px + 0.5555555556vw), 8px);
    gap: 0;
    font-size: 1rem;
  }
}
.contactForm__required {
  display: flex !important;
  align-items: center;
  height: clamp(22px, calc(0px + 5.8666666667vw), 44.9973333333px);
  padding: 0 clamp(6px, calc(0px + 1.6vw), 12.272px) clamp(2px, calc(0px + 0.5333333333vw), 4.0906666667px);
  background-color: #b8b8b8;
  color: #fff;
  font-size: clamp(13px, calc(0px + 3.4666666667vw), 26.5893333333px);
  border-radius: 4px;
  line-height: 1;
}
@media (min-width: 1024px) {
  .contactForm__required {
    height: clamp(21.3333333333px, calc(0px + 2.0833333333vw), 30px);
    padding: 0 clamp(5.6888888889px, calc(0px + 0.5555555556vw), 8px) clamp(1.4222222222px, calc(0px + 0.1388888889vw), 2px);
    font-size: 0.875rem;
  }
}
.contactForm__required--true {
  background-color: #6fc1bc;
}
.contactForm__consent {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-size: clamp(13px, calc(0px + 3.4666666667vw), 26.5893333333px);
  gap: clamp(8px, calc(0px + 2.1333333333vw), 16.3626666667px);
  margin-left: clamp(10px, calc(0px + 2.6666666667vw), 20.4533333333px);
  margin-bottom: clamp(40px, calc(0px + 10.6666666667vw), 81.8133333333px);
}
@media (min-width: 1024px) {
  .contactForm__consent {
    font-size: 1rem;
    justify-content: center;
  }
}
.contactForm__consent a {
  font-weight: bold;
  color: #000;
}
.contactForm__navigation {
  margin: 0 auto;
  padding: 0;
  font-size: clamp(16px, calc(0px + 4.2666666667vw), 32.7253333333px);
  border: none;
  cursor: pointer;
}
.contactForm__navigation[disabled] {
  filter: grayscale(1);
  pointer-events: none;
  cursor: auto;
}
.contactForm__navigation[disabled] .c-btn__text {
  color: #666;
}
@media (min-width: 1024px) {
  .contactForm__navigation {
    font-size: clamp(17.0666666667px, calc(0px + 1.6666666667vw), 24px);
  }
}
.contactForm .wpcf7-list-item {
  display: block;
  margin: 0;
}
.contactForm .wpcf7-list-item .privacy-checkbox {
  display: block;
}
.contactForm .wpcf7-response-output {
  display: none;
}
.contactForm__toConfirm, .contactForm__backToInput,
.contactForm .wpcf7-submit {
  margin: 0 auto;
  padding: 0;
  font-size: clamp(16px, calc(0px + 4.2666666667vw), 32.7253333333px);
  border: none;
}
@media (min-width: 1024px) {
  .contactForm__toConfirm, .contactForm__backToInput,
  .contactForm .wpcf7-submit {
    font-size: clamp(14.2222222222px, calc(0px + 1.3888888889vw), 20px);
  }
}
.contactForm__toConfirm[disabled], .contactForm__backToInput[disabled],
.contactForm .wpcf7-submit[disabled] {
  filter: grayscale(1);
  pointer-events: none;
}
.contactForm .wpcf7-submit {
  color: #fff;
}
.contactForm__toConfirm {
  display: block;
}
.contactForm__backToInput {
  background-color: #fff;
  border: #49372c solid 1px;
}
.contactForm__backToInput .c-btn__text {
  color: #49372c;
}
.contactForm__backToInput:hover {
  opacity: 0.8;
}
.contactForm.is-confirm select,
.contactForm.is-confirm input[type=text],
.contactForm.is-confirm input[type=email],
.contactForm.is-confirm input[type=tel],
.contactForm.is-confirm input[type=number],
.contactForm.is-confirm input[type=date],
.contactForm.is-confirm textarea {
  background-color: transparent;
  border: none;
  pointer-events: none;
  color: #000;
  border: solid 1px #999;
}
.contactForm.is-confirm select {
  background-image: none;
}
.contactForm.is-confirm input[type=checkbox] {
  pointer-events: none;
}

.contactToLine {
  overflow: hidden;
  position: relative;
  background-color: #fff;
  padding: clamp(10px, calc(0px + 2.6666666667vw), 20.4533333333px) 0 clamp(100px, calc(0px + 26.6666666667vw), 204.5333333333px);
  background-image: url("../images/sp/contact/bg-contact.webp");
  background-size: clamp(242px, calc(0px + 64.5333333333vw), 494.9706666667px) clamp(166px, calc(0px + 44.2666666667vw), 339.5253333333px);
  background-position: right clamp(300px, calc(0px + 80vw), 613.6px);
  background-repeat: no-repeat;
}
@media (min-width: 1024px) {
  .contactToLine {
    display: flex;
    justify-content: flex-end;
    padding: clamp(19.9111111111px, calc(0px + 1.9444444444vw), 28px) clamp(71.1111111111px, calc(0px + 6.9444444444vw), 100px) clamp(156.4444444444px, calc(0px + 15.2777777778vw), 220px) 0;
    background-image: url("../images/pc/contact/bg-contact.webp");
    background-size: clamp(359.8222222222px, calc(0px + 35.1388888889vw), 506px) clamp(236.8px, calc(0px + 23.125vw), 333px);
    background-position: 98% clamp(28.4444444444px, calc(0px + 2.7777777778vw), 40px);
    background-repeat: no-repeat;
  }
}
.contactToLine::after {
  position: absolute;
  display: block;
  content: "";
  bottom: 0;
  left: 0;
  background-image: url("../images/sp/common/bg-common-white-bottom.webp");
  background-size: 100vw clamp(27px, calc(0px + 7.2vw), 55.224px);
  background-repeat: no-repeat;
  width: 100vw;
  height: clamp(27px, calc(0px + 7.2vw), 55.224px);
}
@media (min-width: 1024px) {
  .contactToLine::after {
    background-image: url("../images/pc/common/bg-common-white-bottom.webp");
    background-size: 100vw clamp(81.0666666667px, calc(0px + 7.9166666667vw), 114px);
    height: clamp(81.0666666667px, calc(0px + 7.9166666667vw), 114px);
  }
}
.contactToLine__toLineNavigation {
  position: relative;
  z-index: 4;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: clamp(16px, calc(0px + 4.2666666667vw), 32.7253333333px);
  margin: 0 auto;
  padding: clamp(64px, calc(0px + 17.0666666667vw), 130.9013333333px) clamp(10px, calc(0px + 2.6666666667vw), 20.4533333333px) 0;
  background-image: url("../images/sp/contact/bg-btn-line.webp");
  background-size: clamp(344px, calc(0px + 91.7333333333vw), 703.5946666667px) clamp(237px, calc(0px + 63.2vw), 484.744px);
  width: clamp(344px, calc(0px + 91.7333333333vw), 703.5946666667px);
  height: clamp(237px, calc(0px + 63.2vw), 484.744px);
}
@media (min-width: 1024px) {
  .contactToLine__toLineNavigation {
    gap: clamp(28.4444444444px, calc(0px + 2.7777777778vw), 40px);
    margin: 0;
    padding: clamp(14.2222222222px, calc(0px + 1.3888888889vw), 20px) 0 0;
    background-image: url("../images/pc/contact/bg-btn-line.webp");
    background-size: clamp(617.9555555556px, calc(0px + 60.3472222222vw), 869px) clamp(202.6666666667px, calc(0px + 19.7916666667vw), 285px);
    width: clamp(617.9555555556px, calc(0px + 60.3472222222vw), 869px);
    height: clamp(202.6666666667px, calc(0px + 19.7916666667vw), 285px);
  }
}
.contactToLine__toLineNavigation p {
  font-size: clamp(19px, calc(0px + 5.0666666667vw), 38.8613333333px);
}
@media (min-width: 1024px) {
  .contactToLine__toLineNavigation p {
    font-size: clamp(14.2222222222px, calc(0px + 1.3888888889vw), 20px);
  }
}
.contactToLine__image {
  display: flex;
  justify-content: center;
  margin-bottom: clamp(-30px, calc(0px + -8vw), -61.36px);
}
@media (min-width: 1024px) {
  .contactToLine__image {
    position: absolute;
    z-index: 2;
    top: 0;
    left: clamp(19.9111111111px, calc(0px + 1.9444444444vw), 28px);
    margin-bottom: 0;
  }
}
.contactToLine__decorationCircle {
  position: absolute;
  top: 91%;
  left: 0;
  z-index: 2;
}
@media (min-width: 1024px) {
  .contactToLine__decorationCircle {
    left: clamp(14.2222222222px, calc(0px + 1.3888888889vw), 20px);
    top: 76%;
  }
}

.flowFlow {
  overflow: hidden;
  position: relative;
  padding: clamp(20px, calc(0px + 5.3333333333vw), 40.9066666667px) clamp(18px, calc(0px + 4.8vw), 36.816px) clamp(110px, calc(0px + 29.3333333333vw), 224.9866666667px) 0;
  background-color: #fff;
  background-image: url("../images/sp/flow/bg-flow-green.webp"), url("../images/sp/flow/bg-flow-blue.webp");
  background-size: clamp(145px, calc(0px + 38.6666666667vw), 296.5733333333px) clamp(93px, calc(0px + 24.8vw), 190.216px), clamp(150px, calc(0px + 40vw), 306.8px) clamp(98px, calc(0px + 26.1333333333vw), 200.4426666667px);
  background-repeat: no-repeat, no-repeat;
  background-position: right clamp(160px, calc(0px + 42.6666666667vw), 327.2533333333px), 30% 45%;
}
@media (min-width: 1024px) {
  .flowFlow {
    padding: clamp(28.4444444444px, calc(0px + 2.7777777778vw), 40px) 0 clamp(149.3333333333px, calc(0px + 14.5833333333vw), 210px);
    background-image: url("../images/pc/flow/bg-flow-green.webp"), url("../images/pc/flow/bg-flow-blue.webp");
    background-size: clamp(213.3333333333px, calc(0px + 20.8333333333vw), 300px) clamp(132.9777777778px, calc(0px + 12.9861111111vw), 187px), clamp(213.3333333333px, calc(0px + 20.8333333333vw), 300px) clamp(132.9777777778px, calc(0px + 12.9861111111vw), 187px);
    background-repeat: no-repeat, no-repeat;
    background-position: 45% clamp(156.4444444444px, calc(0px + 15.2777777778vw), 220px), 80% 70%;
  }
}
.flowFlow__bgSteps {
  display: none;
}
@media (min-width: 1024px) {
  .flowFlow__bgSteps {
    display: block;
    position: absolute;
    top: clamp(71.1111111111px, calc(0px + 6.9444444444vw), 100px);
    left: 0;
    width: clamp(162.8444444444px, calc(0px + 15.9027777778vw), 229px);
    height: clamp(460.0888888889px, calc(0px + 44.9305555556vw), 647px);
  }
}
.flowFlow::after {
  position: absolute;
  display: block;
  content: "";
  bottom: 0;
  left: 0;
  background-image: url("../images/sp/flow/bg-flow-bottom.webp");
  background-size: 100vw clamp(25px, calc(0px + 6.6666666667vw), 51.1333333333px);
  background-repeat: no-repeat;
  width: 100vw;
  height: clamp(25px, calc(0px + 6.6666666667vw), 51.1333333333px);
}
@media (min-width: 1024px) {
  .flowFlow::after {
    background-image: url("../images/pc/flow/bg-flow-bottom.webp");
    background-size: 100vw clamp(78.2222222222px, calc(0px + 7.6388888889vw), 110px);
    height: clamp(78.2222222222px, calc(0px + 7.6388888889vw), 110px);
  }
}
.flowFlow__title {
  margin-bottom: clamp(28px, calc(0px + 7.4666666667vw), 57.2693333333px);
}
@media (min-width: 1024px) {
  .flowFlow__title {
    margin-bottom: clamp(21.3333333333px, calc(0px + 2.0833333333vw), 30px);
  }
}
.flowFlow__steps {
  display: flex;
  flex-direction: column;
  gap: clamp(20px, calc(0px + 5.3333333333vw), 40.9066666667px);
}
@media (min-width: 1024px) {
  .flowFlow__steps {
    align-items: center;
    gap: 0;
  }
}
.flowFlow__steps li {
  position: relative;
  padding-top: clamp(18px, calc(0px + 4.8vw), 36.816px);
  padding-left: clamp(36px, calc(0px + 9.6vw), 73.632px);
}
@media (min-width: 1024px) {
  .flowFlow__steps li {
    padding-top: clamp(42.6666666667px, calc(0px + 4.1666666667vw), 60px);
    padding-left: clamp(180.6222222222px, calc(0px + 17.6388888889vw), 254px);
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
}
.flowFlow__steps li:not(:last-child)::after {
  position: absolute;
  top: calc(100% + clamp(4px, calc(0px + 1.0666666667vw), 8.1813333333px));
  left: 50%;
  margin-left: clamp(14px, calc(0px + 3.7333333333vw), 28.6346666667px);
  transform: translateX(-50%);
  display: block;
  content: "";
  background-image: url("../images/sp/flow/img-flow-arrow-bottom.webp");
  background-size: clamp(18px, calc(0px + 4.8vw), 36.816px) clamp(29px, calc(0px + 7.7333333333vw), 59.3146666667px);
  background-repeat: no-repeat;
  width: clamp(18px, calc(0px + 4.8vw), 36.816px);
  height: clamp(29px, calc(0px + 7.7333333333vw), 59.3146666667px);
}
@media (min-width: 1024px) {
  .flowFlow__steps li:not(:last-child)::after {
    background-image: url("../images/pc/flow/img-flow-arrow-bottom.webp");
    background-size: clamp(17.7777777778px, calc(0px + 1.7361111111vw), 25px) clamp(29.8666666667px, calc(0px + 2.9166666667vw), 42px);
    width: clamp(17.7777777778px, calc(0px + 1.7361111111vw), 25px);
    height: clamp(29.8666666667px, calc(0px + 2.9166666667vw), 42px);
  }
}
.flowFlow__stepIcon {
  position: absolute;
  z-index: 1;
  top: 0;
  left: clamp(2px, calc(0px + 0.5333333333vw), 4.0906666667px);
}
@media (min-width: 1024px) {
  .flowFlow__stepIcon {
    left: 0;
  }
  .flowFlow__stepIcon.flow-img-flow-step1 {
    top: clamp(0px, calc(0px + 0vw), 0px);
    left: clamp(42.6666666667px, calc(0px + 4.1666666667vw), 60px);
  }
  .flowFlow__stepIcon.flow-img-flow-step2 {
    top: clamp(10.6666666667px, calc(0px + 1.0416666667vw), 15px);
  }
  .flowFlow__stepIcon.flow-img-flow-step3 {
    top: clamp(8.5333333333px, calc(0px + 0.8333333333vw), 12px);
    left: clamp(42.6666666667px, calc(0px + 4.1666666667vw), 60px);
  }
  .flowFlow__stepIcon.flow-img-flow-step4 {
    top: clamp(11.3777777778px, calc(0px + 1.1111111111vw), 16px);
  }
  .flowFlow__stepIcon.flow-img-flow-step5 {
    top: clamp(7.1111111111px, calc(0px + 0.6944444444vw), 10px);
    left: clamp(42.6666666667px, calc(0px + 4.1666666667vw), 60px);
  }
}
.flowFlow__stepIcon--odd {
  left: clamp(12px, calc(0px + 3.2vw), 24.544px);
}
.flowFlow__step {
  border-radius: 15px;
  overflow: hidden;
  border: solid 1px #acacac;
  background-color: #fff;
  padding: clamp(14px, calc(0px + 3.7333333333vw), 28.6346666667px) clamp(10px, calc(0px + 2.6666666667vw), 20.4533333333px) clamp(14px, calc(0px + 3.7333333333vw), 28.6346666667px) clamp(70px, calc(0px + 18.6666666667vw), 143.1733333333px);
  font-size: clamp(19px, calc(0px + 5.0666666667vw), 38.8613333333px);
  font-weight: bold;
  line-height: 1.4;
}
@media (min-width: 1024px) {
  .flowFlow__step {
    border-radius: 20px;
    width: clamp(603.0222222222px, calc(0px + 58.8888888889vw), 848px);
    position: relative;
    padding: clamp(18.4888888889px, calc(0px + 1.8055555556vw), 26px) clamp(28.4444444444px, calc(0px + 2.7777777778vw), 40px) clamp(18.4888888889px, calc(0px + 1.8055555556vw), 26px) clamp(38.4px, calc(0px + 3.75vw), 54px);
    font-size: clamp(14.2222222222px, calc(0px + 1.3888888889vw), 20px);
    line-height: 1.6;
  }
  .flowFlow__step::before {
    position: absolute;
    display: block;
    content: "";
    top: clamp(14.2222222222px, calc(0px + 1.3888888889vw), 20px);
    right: 100%;
    background-image: url("../images/pc/flow/img-flow-baloon.webp");
    background-size: clamp(15.6444444444px, calc(0px + 1.5277777778vw), 22px) clamp(17.7777777778px, calc(0px + 1.7361111111vw), 25px);
    background-repeat: no-repeat;
    width: clamp(15.6444444444px, calc(0px + 1.5277777778vw), 22px);
    height: clamp(25px, calc(0px + 6.6666666667vw), 51.1333333333px);
  }
}
.flowFlow__stepEm {
  color: #6fb18d;
}
.flowFlow__stepSmall {
  font-size: clamp(16px, calc(0px + 4.2666666667vw), 32.7253333333px);
  font-weight: normal;
}
@media (min-width: 1024px) {
  .flowFlow__stepSmall {
    font-size: clamp(11.3777777778px, calc(0px + 1.1111111111vw), 16px);
  }
}

.flowFaq {
  overflow: hidden;
  position: relative;
  padding-top: clamp(20px, calc(0px + 5.3333333333vw), 40.9066666667px);
  background-color: #fbecf3;
}
@media (min-width: 1024px) {
  .flowFaq {
    padding-top: clamp(49.7777777778px, calc(0px + 4.8611111111vw), 70px);
  }
}
.flowFaq__title {
  margin-bottom: clamp(40px, calc(0px + 10.6666666667vw), 81.8133333333px);
}
@media (min-width: 1024px) {
  .flowFaq__title {
    margin-bottom: clamp(72.5333333333px, calc(0px + 7.0833333333vw), 102px);
  }
}
.flowFaq__decoration1 {
  position: absolute;
}
@media (min-width: 1024px) {
  .flowFaq__decoration1 {
    top: clamp(31.2888888889px, calc(0px + 3.0555555556vw), 44px);
    left: clamp(21.3333333333px, calc(0px + 2.0833333333vw), 30px);
  }
}
.flowFaq__decoration2 {
  position: absolute;
  z-index: 2;
  top: clamp(14px, calc(0px + 3.7333333333vw), 28.6346666667px);
  right: 0;
}
@media (min-width: 1024px) {
  .flowFaq__decoration2 {
    top: clamp(24.1777777778px, calc(0px + 2.3611111111vw), 34px);
    right: clamp(64px, calc(0px + 6.25vw), 90px);
  }
}
.flowFaq__decoration3 {
  position: absolute;
  z-index: 3;
  top: 94%;
  left: clamp(-30px, calc(0px + -8vw), -61.36px);
}
@media (min-width: 1024px) {
  .flowFaq__decoration3 {
    top: 86%;
    left: clamp(64px, calc(0px + 6.25vw), 90px);
  }
}
@media (min-width: 1024px) {
  .flowFaq .c-faq {
    padding-bottom: clamp(120.8888888889px, calc(0px + 11.8055555556vw), 170px);
  }
}

.newsArchive {
  padding: clamp(48px, calc(0px + 12.8vw), 98.176px) clamp(18px, calc(0px + 4.8vw), 36.816px) clamp(60px, calc(0px + 16vw), 122.72px);
  background-color: #fff;
}
@media (min-width: 1024px) {
  .newsArchive {
    position: relative;
    padding: clamp(62.5777777778px, calc(0px + 6.1111111111vw), 88px) clamp(71.1111111111px, calc(0px + 6.9444444444vw), 100px) clamp(75.3777777778px, calc(0px + 7.3611111111vw), 106px);
  }
}
.newsArchive__list {
  display: grid;
  grid-template-columns: 1fr;
  gap: clamp(30px, calc(0px + 8vw), 61.36px);
}
@media (min-width: 1024px) {
  .newsArchive__list {
    grid-template-columns: repeat(3, 1fr);
    gap: clamp(34.1333333333px, calc(0px + 3.3333333333vw), 48px) clamp(22.7555555556px, calc(0px + 2.2222222222vw), 32px);
    width: 100%;
  }
}
.newsArchive__item {
  list-style: none;
  position: relative;
}
@media (min-width: 1024px) {
  .newsArchive__item {
    width: 100%;
  }
}
.newsArchive__link {
  display: flex;
  gap: clamp(16px, calc(0px + 4.2666666667vw), 32.7253333333px);
  text-decoration: none;
  color: inherit;
  transition: opacity 0.3s ease;
}
@media (min-width: 1024px) {
  .newsArchive__link {
    display: block;
    width: 100%;
  }
}
.newsArchive__link:hover {
  opacity: 0.7;
}
.newsArchive__imageWrap {
  width: 40%;
  flex: none;
  aspect-ratio: 4/3;
  overflow: hidden;
  background-color: #f5f5f5;
  margin-bottom: clamp(16px, calc(0px + 4.2666666667vw), 32.7253333333px);
}
@media (min-width: 1024px) {
  .newsArchive__imageWrap {
    margin-bottom: clamp(14.2222222222px, calc(0px + 1.3888888889vw), 20px);
    width: 100%;
    aspect-ratio: 4/3;
  }
}
.newsArchive__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.newsArchive__detail {
  display: flex;
  flex-direction: column;
  gap: clamp(8px, calc(0px + 2.1333333333vw), 16.3626666667px);
  width: 100%;
}
@media (min-width: 1024px) {
  .newsArchive__detail {
    gap: clamp(8.5333333333px, calc(0px + 0.8333333333vw), 12px);
  }
}
.newsArchive__date {
  position: absolute;
  right: 0;
  font-size: clamp(14px, calc(0px + 3.7333333333vw), 28.6346666667px);
  color: #666;
  font-weight: 500;
}
@media (min-width: 1024px) {
  .newsArchive__date {
    font-size: 0.875rem;
  }
}
.newsArchive__badge {
  background-color: #fff;
  border-radius: 1000px;
  border: solid 2px #56bbed;
  font-size: clamp(12px, calc(0px + 3.2vw), 24.544px);
  color: #56bbed;
  font-weight: bold;
  padding: clamp(2px, calc(0px + 0.5333333333vw), 4.0906666667px) clamp(8px, calc(0px + 2.1333333333vw), 16.3626666667px);
  align-self: flex-start;
}
@media (min-width: 1024px) {
  .newsArchive__badge {
    font-size: 0.75rem;
    padding: clamp(1.4222222222px, calc(0px + 0.1388888889vw), 2px) clamp(8.5333333333px, calc(0px + 0.8333333333vw), 12px) clamp(2.8444444444px, calc(0px + 0.2777777778vw), 4px);
  }
}
.newsArchive__title {
  font-size: clamp(16px, calc(0px + 4.2666666667vw), 32.7253333333px);
  font-weight: bold;
  line-height: 1.6;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
@media (min-width: 1024px) {
  .newsArchive__title {
    font-size: 1.125rem;
  }
}
.newsArchive__noPost {
  text-align: center;
  padding: clamp(80px, calc(0px + 21.3333333333vw), 163.6266666667px) clamp(20px, calc(0px + 5.3333333333vw), 40.9066666667px);
  font-size: clamp(16px, calc(0px + 4.2666666667vw), 32.7253333333px);
  color: #666;
  margin: clamp(40px, calc(0px + 10.6666666667vw), 81.8133333333px) 0;
  line-height: 1.8;
}
@media (min-width: 1024px) {
  .newsArchive__noPost {
    padding: clamp(85.3333333333px, calc(0px + 8.3333333333vw), 120px) clamp(28.4444444444px, calc(0px + 2.7777777778vw), 40px);
    font-size: 1.125rem;
    margin: clamp(42.6666666667px, calc(0px + 4.1666666667vw), 60px) 0;
  }
}
.newsArchive__items {
  margin-bottom: clamp(54px, calc(0px + 14.4vw), 110.448px);
  display: flex;
  flex-direction: column;
}
@media (min-width: 1024px) {
  .newsArchive__items {
    width: 100%;
    margin-bottom: 0;
  }
}
.newsArchive__items li {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: clamp(17px, calc(0px + 4.5333333333vw), 34.7706666667px);
  border-bottom: dotted 2px #333;
}
.newsArchive__items li:first-child {
  border-top: dotted 2px #333;
}
@media (min-width: 1024px) {
  .newsArchive__items li {
    gap: clamp(21.3333333333px, calc(0px + 2.0833333333vw), 30px);
  }
}
.newsArchive__link {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: clamp(17px, calc(0px + 4.5333333333vw), 34.7706666667px);
  text-decoration: none;
  color: inherit;
  transition: opacity 0.3s ease;
  flex: 1;
  padding: clamp(14px, calc(0px + 3.7333333333vw), 28.6346666667px) clamp(16px, calc(0px + 4.2666666667vw), 32.7253333333px);
}
@media (min-width: 1024px) {
  .newsArchive__link {
    flex-direction: row;
    justify-content: flex-start;
    gap: clamp(56.8888888889px, calc(0px + 5.5555555556vw), 80px);
    padding: clamp(17.0666666667px, calc(0px + 1.6666666667vw), 24px) clamp(5.6888888889px, calc(0px + 0.5555555556vw), 8px);
  }
}
.newsArchive__link:hover {
  opacity: 0.7;
}
.newsArchive__itemDetail {
  position: relative;
  align-self: stretch;
  width: 100%;
}
.newsArchive__itemDetail p {
  width: 100%;
}
.newsArchive__itemDate {
  font-size: clamp(14px, calc(0px + 3.7333333333vw), 28.6346666667px);
  color: #9b9b9b;
  font-weight: 500;
}
@media (min-width: 1024px) {
  .newsArchive__itemDate {
    top: auto;
    bottom: 0;
    left: 0;
    font-size: clamp(9.9555555556px, calc(0px + 0.9722222222vw), 14px);
  }
}

.c-pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: clamp(12px, calc(0px + 3.2vw), 24.544px);
  margin-top: clamp(60px, calc(0px + 16vw), 122.72px);
}
@media (min-width: 1024px) {
  .c-pagination {
    gap: clamp(11.3777777778px, calc(0px + 1.1111111111vw), 16px);
    margin-top: clamp(56.8888888889px, calc(0px + 5.5555555556vw), 80px);
  }
}
.c-pagination a,
.c-pagination span {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: clamp(40px, calc(0px + 10.6666666667vw), 81.8133333333px);
  height: clamp(40px, calc(0px + 10.6666666667vw), 81.8133333333px);
  padding: 0 clamp(12px, calc(0px + 3.2vw), 24.544px);
  border: 1px solid #ddd;
  background-color: #fff;
  color: #333;
  text-decoration: none;
  font-size: clamp(14px, calc(0px + 3.7333333333vw), 28.6346666667px);
  font-weight: 500;
  transition: all 0.3s ease;
}
@media (min-width: 1024px) {
  .c-pagination a,
  .c-pagination span {
    min-width: clamp(34.1333333333px, calc(0px + 3.3333333333vw), 48px);
    height: clamp(34.1333333333px, calc(0px + 3.3333333333vw), 48px);
    padding: 0 clamp(11.3777777778px, calc(0px + 1.1111111111vw), 16px);
    font-size: 1rem;
  }
}
.c-pagination a:hover,
.c-pagination span:hover {
  background-color: #56bbed;
  color: #fff;
  border-color: #56bbed;
}
.c-pagination a.current,
.c-pagination span.current {
  background-color: #c9e6ba;
  color: #116103;
  border-color: #9fc68a;
}

.newsSingle {
  background-color: #fff;
  padding: clamp(30px, calc(0px + 8vw), 61.36px) clamp(18px, calc(0px + 4.8vw), 36.816px) clamp(52px, calc(0px + 13.8666666667vw), 106.3573333333px);
}
@media (min-width: 1024px) {
  .newsSingle {
    padding: clamp(61.1555555556px, calc(0px + 5.9722222222vw), 86px) clamp(71.1111111111px, calc(0px + 6.9444444444vw), 100px) clamp(78.2222222222px, calc(0px + 7.6388888889vw), 110px);
  }
}
.newsSingle__header {
  margin-bottom: clamp(32px, calc(0px + 8.5333333333vw), 65.4506666667px);
}
@media (min-width: 1024px) {
  .newsSingle__header {
    margin-bottom: clamp(34.1333333333px, calc(0px + 3.3333333333vw), 48px);
  }
}
.newsSingle__meta {
  display: flex;
  align-items: center;
  gap: clamp(12px, calc(0px + 3.2vw), 24.544px);
  margin-bottom: clamp(16px, calc(0px + 4.2666666667vw), 32.7253333333px);
}
@media (min-width: 1024px) {
  .newsSingle__meta {
    gap: clamp(11.3777777778px, calc(0px + 1.1111111111vw), 16px);
    margin-bottom: clamp(14.2222222222px, calc(0px + 1.3888888889vw), 20px);
  }
}
.newsSingle__date {
  font-size: clamp(14px, calc(0px + 3.7333333333vw), 28.6346666667px);
  color: #666;
  font-weight: 500;
}
@media (min-width: 1024px) {
  .newsSingle__date {
    font-size: 1rem;
  }
}
.newsSingle__badge {
  background-color: #fff;
  border-radius: 1000px;
  border: solid 2px #56bbed;
  font-size: clamp(12px, calc(0px + 3.2vw), 24.544px);
  color: #56bbed;
  font-weight: bold;
  padding: clamp(2px, calc(0px + 0.5333333333vw), 4.0906666667px) clamp(8px, calc(0px + 2.1333333333vw), 16.3626666667px);
}
@media (min-width: 1024px) {
  .newsSingle__badge {
    font-size: 0.75rem;
    padding: clamp(1.4222222222px, calc(0px + 0.1388888889vw), 2px) clamp(8.5333333333px, calc(0px + 0.8333333333vw), 12px) clamp(2.8444444444px, calc(0px + 0.2777777778vw), 4px);
  }
}
.newsSingle__title {
  font-size: clamp(20px, calc(0px + 5.3333333333vw), 40.9066666667px);
  font-weight: bold;
  line-height: 1.6;
}
@media (min-width: 1024px) {
  .newsSingle__title {
    font-size: 1.75rem;
    line-height: 1.5;
  }
}
.newsSingle__thumbnail {
  margin-bottom: clamp(32px, calc(0px + 8.5333333333vw), 65.4506666667px);
}
@media (min-width: 1024px) {
  .newsSingle__thumbnail {
    margin-bottom: clamp(34.1333333333px, calc(0px + 3.3333333333vw), 48px);
  }
}
.newsSingle__image {
  width: 100%;
  height: auto;
  object-fit: cover;
}
.newsSingle__content {
  font-size: clamp(16px, calc(0px + 4.2666666667vw), 32.7253333333px);
  line-height: 1.8;
  color: #333;
}
@media (min-width: 1024px) {
  .newsSingle__content {
    font-size: 1rem;
    line-height: 1.9;
  }
}
.newsSingle__content p {
  margin-bottom: clamp(20px, calc(0px + 5.3333333333vw), 40.9066666667px);
}
@media (min-width: 1024px) {
  .newsSingle__content p {
    margin-bottom: clamp(17.0666666667px, calc(0px + 1.6666666667vw), 24px);
  }
}
.newsSingle__content p:last-child {
  margin-bottom: 0;
}
.newsSingle__content h2 {
  font-size: clamp(18px, calc(0px + 4.8vw), 36.816px);
  font-weight: bold;
  margin: clamp(40px, calc(0px + 10.6666666667vw), 81.8133333333px) 0 clamp(16px, calc(0px + 4.2666666667vw), 32.7253333333px);
  padding-bottom: clamp(8px, calc(0px + 2.1333333333vw), 16.3626666667px);
  border-bottom: 2px solid #56bbed;
}
@media (min-width: 1024px) {
  .newsSingle__content h2 {
    font-size: 1.5rem;
    margin: clamp(42.6666666667px, calc(0px + 4.1666666667vw), 60px) 0 clamp(17.0666666667px, calc(0px + 1.6666666667vw), 24px);
    padding-bottom: clamp(8.5333333333px, calc(0px + 0.8333333333vw), 12px);
  }
}
.newsSingle__content h3 {
  font-size: clamp(16px, calc(0px + 4.2666666667vw), 32.7253333333px);
  font-weight: bold;
  margin: clamp(32px, calc(0px + 8.5333333333vw), 65.4506666667px) 0 clamp(12px, calc(0px + 3.2vw), 24.544px);
}
@media (min-width: 1024px) {
  .newsSingle__content h3 {
    font-size: 1.25rem;
    margin: clamp(34.1333333333px, calc(0px + 3.3333333333vw), 48px) 0 clamp(11.3777777778px, calc(0px + 1.1111111111vw), 16px);
  }
}
.newsSingle__content ul, .newsSingle__content ol {
  margin: clamp(20px, calc(0px + 5.3333333333vw), 40.9066666667px) 0;
  padding-left: clamp(24px, calc(0px + 6.4vw), 49.088px);
}
@media (min-width: 1024px) {
  .newsSingle__content ul, .newsSingle__content ol {
    margin: clamp(17.0666666667px, calc(0px + 1.6666666667vw), 24px) 0;
    padding-left: clamp(22.7555555556px, calc(0px + 2.2222222222vw), 32px);
  }
}
.newsSingle__content ul li, .newsSingle__content ol li {
  margin-bottom: clamp(8px, calc(0px + 2.1333333333vw), 16.3626666667px);
}
@media (min-width: 1024px) {
  .newsSingle__content ul li, .newsSingle__content ol li {
    margin-bottom: clamp(8.5333333333px, calc(0px + 0.8333333333vw), 12px);
  }
}
.newsSingle__content img {
  max-width: 100%;
  height: auto;
  margin: clamp(24px, calc(0px + 6.4vw), 49.088px) 0;
}
@media (min-width: 1024px) {
  .newsSingle__content img {
    margin: clamp(22.7555555556px, calc(0px + 2.2222222222vw), 32px) 0;
  }
}
.newsSingle__content a {
  color: #56bbed;
  text-decoration: underline;
}
.newsSingle__content a:hover {
  opacity: 0.7;
}
.newsSingle__navigation {
  margin-top: clamp(60px, calc(0px + 16vw), 122.72px);
  display: flex;
  justify-content: center;
}
@media (min-width: 1024px) {
  .newsSingle__navigation {
    margin-top: clamp(56.8888888889px, calc(0px + 5.5555555556vw), 80px);
  }
}
.newsSingle__backBtn {
  margin: 0;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

ul,
ol,
li {
  list-style-type: none;
}

em {
  font-style: normal;
}

html {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body {
  font-family: "Zen Maru Gothic", -apple-system, BlinkMacSystemFont, "Segoe UI", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  line-height: 1.6;
  font-size: clamp(16px, calc(0px + 4.2666666667vw), 32.7253333333px);
  color: #49372c;
  background-color: #c9e6ba;
  font-weight: 500;
}
@media (min-width: 1024px) {
  body {
    font-size: 1rem;
  }
}

select,
input,
textarea {
  margin: 0;
  padding: 0;
}

img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}