@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(60px);
}

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

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

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

[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(50px, calc(0px + 13.3333333333vw), 102.2666666667px) clamp(17px, calc(0px + 4.5333333333vw), 34.7706666667px) clamp(80px, calc(0px + 21.3333333333vw), 163.6266666667px);
  margin: 0 auto;
}
@media (min-width: 1024px) {
  .simplePage {
    padding: clamp(56.8888888889px, calc(0px + 5.5555555556vw), 80px) 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: #1897d6;
  margin-bottom: clamp(16px, calc(0px + 4.2666666667vw), 32.7253333333px);
  padding-bottom: clamp(4px, calc(0px + 1.0666666667vw), 8.1813333333px);
  border-bottom: 2px solid #1897d6;
}
@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: #333;
  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: #333;
  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(44px, calc(0px + 11.7333333333vw), 89.9946666667px) auto clamp(66px, calc(0px + 17.6vw), 134.992px);
}
@media (min-width: 1024px) {
  .simplePage__navigation {
    margin: clamp(71.1111111111px, calc(0px + 6.9444444444vw), 100px) auto clamp(62.5777777778px, calc(0px + 6.1111111111vw), 88px);
  }
}
.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: #333;
}
@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: #1897d6;
  margin-bottom: clamp(16px, calc(0px + 4.2666666667vw), 32.7253333333px);
  padding-bottom: clamp(4px, calc(0px + 1.0666666667vw), 8.1813333333px);
  border-bottom: 2px solid #1897d6;
  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 #1897d6;
}
@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: #333;
  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: #333;
  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: #1897d6;
}
.simplePage a {
  color: #1897d6;
  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-footer {
  width: 100%;
  aspect-ratio: 750/503;
}
@media (min-width: 1024px) {
  .common-bg-footer {
    width: 100%;
    aspect-ratio: 1440/504;
  }
}

.common-bg-information {
  width: 100%;
  aspect-ratio: 750/518;
}
@media (min-width: 1024px) {
  .common-bg-information {
    width: 100%;
    aspect-ratio: 1440/588;
  }
}

.common-bg-point {
  width: 100%;
  aspect-ratio: 750/4262;
}
@media (min-width: 1024px) {
  .common-bg-point {
    width: 100%;
    aspect-ratio: 1440/2051;
  }
}

.common-icon-breadcrumbs-arrow {
  width: clamp(19px, calc(-0.1326530612px + 5.1020408163vw), 39px);
  aspect-ratio: 38/16;
}
@media (min-width: 1024px) {
  .common-icon-breadcrumbs-arrow {
    width: clamp(17px, calc(-0.2307692308px + 1.6826923077vw), 24px);
    aspect-ratio: 24/9;
  }
}

.common-icon-step1 {
  width: clamp(72px, calc(0.2525510204px + 19.1326530612vw), 147px);
  aspect-ratio: 144/174;
}
@media (min-width: 1024px) {
  .common-icon-step1 {
    width: clamp(66px, calc(-0.4615384615px + 6.4903846154vw), 93px);
    aspect-ratio: 93/114;
  }
}

.common-icon-step2 {
  width: clamp(73px, calc(0.2959183673px + 19.387755102vw), 149px);
  aspect-ratio: 146/121;
}
@media (min-width: 1024px) {
  .common-icon-step2 {
    width: clamp(68px, calc(-0.9230769231px + 6.7307692308vw), 96px);
    aspect-ratio: 96/78;
  }
}

.common-icon-step3 {
  width: clamp(81px, calc(-0.3137755102px + 21.6836734694vw), 166px);
  aspect-ratio: 162/145;
}
@media (min-width: 1024px) {
  .common-icon-step3 {
    width: clamp(75px, calc(1.1538461538px + 7.2115384615vw), 105px);
    aspect-ratio: 105/95;
  }
}

.common-icon-step4 {
  width: clamp(76.5px, calc(0.4477040816px + 20.2806122449vw), 156px);
  aspect-ratio: 153/128;
}
@media (min-width: 1024px) {
  .common-icon-step4 {
    width: clamp(70px, calc(-1.3846153846px + 6.9711538462vw), 99px);
    aspect-ratio: 99/83;
  }
}

.common-icon-step5 {
  width: clamp(62.5px, calc(-0.1594387755px + 16.7091836735vw), 128px);
  aspect-ratio: 125/146;
}
@media (min-width: 1024px) {
  .common-icon-step5 {
    width: clamp(58px, calc(1.3846153846px + 5.5288461538vw), 81px);
    aspect-ratio: 81/96;
  }
}

.common-img-navigation-company {
  width: 100%;
  aspect-ratio: 750/328;
}
@media (min-width: 1024px) {
  .common-img-navigation-company {
    width: clamp(512px, calc(0px + 50vw), 720px);
    aspect-ratio: 720/328;
  }
}

.common-img-navigation-contact {
  width: 100%;
  aspect-ratio: 750/328;
}
@media (min-width: 1024px) {
  .common-img-navigation-contact {
    width: clamp(512px, calc(0px + 50vw), 720px);
    aspect-ratio: 720/328;
  }
}

.common-img-point1 {
  width: clamp(358px, calc(0.2193877551px + 95.4081632653vw), 732px);
  aspect-ratio: 716/364;
}
@media (min-width: 1024px) {
  .common-img-point1 {
    width: clamp(561px, calc(-0.2307692308px + 54.8076923077vw), 789px);
    aspect-ratio: 789/364;
  }
}

.common-img-point2 {
  width: clamp(356.5px, calc(0.1543367347px + 95.0255102041vw), 729px);
  aspect-ratio: 713/364;
}
@media (min-width: 1024px) {
  .common-img-point2 {
    width: clamp(560px, calc(-1.2307692308px + 54.8076923077vw), 788px);
    aspect-ratio: 788/364;
  }
}

.common-img-point3 {
  width: clamp(358px, calc(0.2193877551px + 95.4081632653vw), 732px);
  aspect-ratio: 716/364;
}
@media (min-width: 1024px) {
  .common-img-point3 {
    width: clamp(561px, calc(-0.2307692308px + 54.8076923077vw), 789px);
    aspect-ratio: 789/364;
  }
}

.company-img-company-hero {
  width: 100%;
  aspect-ratio: 750/394;
}
@media (min-width: 1024px) {
  .company-img-company-hero {
    width: 100%;
    aspect-ratio: 1440/394;
  }
}

.company-img-company-message {
  width: clamp(357.5px, calc(0.1977040816px + 95.2806122449vw), 731px);
  aspect-ratio: 715/625;
}
@media (min-width: 1024px) {
  .company-img-company-message {
    width: clamp(525px, calc(0.6923076923px + 51.2019230769vw), 738px);
    aspect-ratio: 738/625;
  }
}

.contact-img-contact-hero {
  width: 100%;
  aspect-ratio: 750/394;
}
@media (min-width: 1024px) {
  .contact-img-contact-hero {
    width: 100%;
    aspect-ratio: 1440/394;
  }
}

.flow-img-flow-hero {
  width: 100%;
  aspect-ratio: 750/394;
}
@media (min-width: 1024px) {
  .flow-img-flow-hero {
    width: 100%;
    aspect-ratio: 1440/394;
  }
}

.news-img-news-hero {
  width: 100%;
  aspect-ratio: 750/394;
}
@media (min-width: 1024px) {
  .news-img-news-hero {
    width: 100%;
    aspect-ratio: 1440/394;
  }
}

.recruit-bg-recruit-lightning {
  width: clamp(155px, calc(0.0255102041px + 41.3265306122vw), 317px);
  aspect-ratio: 310/854;
}
@media (min-width: 1024px) {
  .recruit-bg-recruit-lightning {
    width: clamp(220px, calc(-1.5384615385px + 21.6346153846vw), 310px);
  }
}

.recruit-icon-recruit-light {
  width: clamp(44px, calc(-0.0051020408px + 11.7346938776vw), 90px);
  aspect-ratio: 88/88;
}
@media (min-width: 1024px) {
  .recruit-icon-recruit-light {
    width: clamp(43px, calc(1.1538461538px + 4.0865384615vw), 60px);
  }
}

.recruit-img-recruit-event-dummy {
  width: clamp(340px, calc(0.3954081633px + 90.5612244898vw), 695px);
  aspect-ratio: 680/470;
}
@media (min-width: 1024px) {
  .recruit-img-recruit-event-dummy {
    width: clamp(511px, calc(-1px + 50vw), 719px);
  }
}

.recruit-img-recruit-hero {
  width: 100%;
  aspect-ratio: 750/394;
}
@media (min-width: 1024px) {
  .recruit-img-recruit-hero {
    width: 100%;
    aspect-ratio: 1440/394;
  }
}

.recruit-img-recruit-specific-job {
  width: clamp(357.5px, calc(0.1977040816px + 95.2806122449vw), 731px);
  aspect-ratio: 715/625;
}
@media (min-width: 1024px) {
  .recruit-img-recruit-specific-job {
    width: clamp(525px, calc(0.6923076923px + 51.2019230769vw), 738px);
    aspect-ratio: 738/625;
  }
}

.service-img-service-case1 {
  width: clamp(357.5px, calc(0.1977040816px + 95.2806122449vw), 731px);
  aspect-ratio: 715/625;
}
@media (min-width: 1024px) {
  .service-img-service-case1 {
    width: clamp(525px, calc(0.6923076923px + 51.2019230769vw), 738px);
    aspect-ratio: 738/625;
  }
}

.service-img-service-case2 {
  width: clamp(357.5px, calc(0.1977040816px + 95.2806122449vw), 731px);
  aspect-ratio: 715/625;
}
@media (min-width: 1024px) {
  .service-img-service-case2 {
    width: clamp(528px, calc(-1.2307692308px + 51.6826923077vw), 743px);
    aspect-ratio: 743/625;
  }
}

.service-img-service-case3 {
  width: clamp(357.5px, calc(0.1977040816px + 95.2806122449vw), 731px);
  aspect-ratio: 715/625;
}
@media (min-width: 1024px) {
  .service-img-service-case3 {
    width: clamp(525px, calc(0.6923076923px + 51.2019230769vw), 738px);
    aspect-ratio: 738/625;
  }
}

.service-img-service-case4 {
  width: clamp(357.5px, calc(0.1977040816px + 95.2806122449vw), 731px);
  aspect-ratio: 715/625;
}
@media (min-width: 1024px) {
  .service-img-service-case4 {
    width: clamp(528px, calc(-1.2307692308px + 51.6826923077vw), 743px);
    aspect-ratio: 743/625;
  }
}

.service-img-service-hero {
  width: 100%;
  aspect-ratio: 750/394;
}
@media (min-width: 1024px) {
  .service-img-service-hero {
    width: 100%;
    aspect-ratio: 1440/394;
  }
}

.service-img-service-strengths {
  width: 100%;
  aspect-ratio: 750/352;
}
@media (min-width: 1024px) {
  .service-img-service-strengths {
    width: 100%;
    aspect-ratio: 1440/667;
  }
}

.top-bg-about-lightning {
  width: clamp(146px, calc(-0.3647959184px + 39.0306122449vw), 299px);
  aspect-ratio: 292/862;
}
@media (min-width: 1024px) {
  .top-bg-about-lightning {
    width: clamp(213px, calc(-1.1538461538px + 20.9134615385vw), 300px);
    aspect-ratio: 300/760;
  }
}

.top-bg-advance {
  width: 100%;
  aspect-ratio: 750/1870;
}
@media (min-width: 1024px) {
  .top-bg-advance {
    width: 100%;
    aspect-ratio: 1440/1253;
  }
}

.top-bg-hero-decoration-tri-bottom {
  width: clamp(215px, calc(-0.2423469388px + 57.3979591837vw), 440px);
  aspect-ratio: 430/324;
}
@media (min-width: 1024px) {
  .top-bg-hero-decoration-tri-bottom {
    width: clamp(279px, calc(0.8461538462px + 27.1634615385vw), 392px);
    aspect-ratio: 392/774;
  }
}

.top-bg-hero-decoration-tri {
  width: clamp(138px, calc(0.2448979592px + 36.7346938776vw), 282px);
  aspect-ratio: 276/350;
}
@media (min-width: 1024px) {
  .top-bg-hero-decoration-tri {
    width: clamp(179px, calc(-0.6923076923px + 17.5480769231vw), 252px);
    aspect-ratio: 252/543;
  }
}

.top-bg-news-lightning {
  width: clamp(174px, calc(-0.1071428571px + 46.4285714286vw), 356px);
  aspect-ratio: 348/916;
}
@media (min-width: 1024px) {
  .top-bg-news-lightning {
    width: clamp(254px, calc(0.4615384615px + 24.7596153846vw), 357px);
    aspect-ratio: 357/713;
  }
}

.top-bg-point {
  width: 100%;
  aspect-ratio: 750/4262;
}
@media (min-width: 1024px) {
  .top-bg-point {
    width: 100%;
    aspect-ratio: 1440/2051;
  }
}

.top-bg-start-with-confidence {
  width: 100%;
  aspect-ratio: 750/859;
}
@media (min-width: 1024px) {
  .top-bg-start-with-confidence {
    width: 100%;
    aspect-ratio: 1440/727;
  }
}

.top-bg-step1 {
  width: clamp(202px, calc(0.1505102041px + 53.8265306122vw), 413px);
  aspect-ratio: 404/159;
}
@media (min-width: 1024px) {
  .top-bg-step1 {
    width: clamp(186px, calc(-1.0769230769px + 18.2692307692vw), 262px);
    aspect-ratio: 262/103;
  }
}

.top-bg-step2 {
  width: clamp(202.5px, calc(0.1721938776px + 53.9540816327vw), 414px);
  aspect-ratio: 405/159;
}
@media (min-width: 1024px) {
  .top-bg-step2 {
    width: clamp(187px, calc(-0.0769230769px + 18.2692307692vw), 263px);
    aspect-ratio: 263/103;
  }
}

.top-bg-step3 {
  width: clamp(202.5px, calc(0.1721938776px + 53.9540816327vw), 414px);
  aspect-ratio: 405/159;
}
@media (min-width: 1024px) {
  .top-bg-step3 {
    width: clamp(186px, calc(-1.0769230769px + 18.2692307692vw), 262px);
    aspect-ratio: 262/103;
  }
}

.top-bg-step4 {
  width: clamp(202.5px, calc(0.1721938776px + 53.9540816327vw), 414px);
  aspect-ratio: 405/159;
}
@media (min-width: 1024px) {
  .top-bg-step4 {
    width: clamp(186px, calc(-1.0769230769px + 18.2692307692vw), 262px);
    aspect-ratio: 262/103;
  }
}

.top-bg-step5 {
  width: clamp(202px, calc(0.1505102041px + 53.8265306122vw), 413px);
  aspect-ratio: 404/159;
}
@media (min-width: 1024px) {
  .top-bg-step5 {
    width: clamp(186px, calc(-1.0769230769px + 18.2692307692vw), 262px);
    aspect-ratio: 262/103;
  }
}

.top-bg-three-c {
  width: clamp(340px, calc(0.3954081633px + 90.5612244898vw), 695px);
  aspect-ratio: 680/487;
}
@media (min-width: 1024px) {
  .top-bg-three-c {
    width: clamp(883px, calc(-0.6923076923px + 86.2980769231vw), 1242px);
    aspect-ratio: 1242/607;
  }
}

.top-bg-works-lightning {
  width: clamp(150.5px, calc(-0.1696428571px + 40.1785714286vw), 308px);
  aspect-ratio: 301/829;
}
@media (min-width: 1024px) {
  .top-bg-works-lightning {
    width: clamp(240px, calc(-1.2307692308px + 23.5576923077vw), 338px);
    aspect-ratio: 338/1289;
  }
}

.top-img-about {
  width: clamp(357.5px, calc(0.1977040816px + 95.2806122449vw), 731px);
  aspect-ratio: 715/625;
}
@media (min-width: 1024px) {
  .top-img-about {
    width: clamp(525px, calc(0.6923076923px + 51.2019230769vw), 738px);
    aspect-ratio: 738/625;
  }
}

.top-img-hero1 {
  width: 100%;
  aspect-ratio: 750/1096;
}
@media (min-width: 1024px) {
  .top-img-hero1 {
    width: 100%;
    aspect-ratio: 1440/826;
  }
}

.top-img-hero2 {
  width: 100%;
  aspect-ratio: 750/1096;
}
@media (min-width: 1024px) {
  .top-img-hero2 {
    width: 100%;
    aspect-ratio: 1440/826;
  }
}

.top-img-hero3 {
  width: 100%;
  aspect-ratio: 750/1096;
}
@media (min-width: 1024px) {
  .top-img-hero3 {
    width: 100%;
    aspect-ratio: 1440/826;
  }
}

.top-img-point1 {
  width: clamp(358px, calc(0.2193877551px + 95.4081632653vw), 732px);
  aspect-ratio: 716/364;
}
@media (min-width: 1024px) {
  .top-img-point1 {
    width: clamp(561px, calc(-0.2307692308px + 54.8076923077vw), 789px);
    aspect-ratio: 789/364;
  }
}

.top-img-point2 {
  width: clamp(356.5px, calc(0.1543367347px + 95.0255102041vw), 729px);
  aspect-ratio: 713/364;
}
@media (min-width: 1024px) {
  .top-img-point2 {
    width: clamp(560px, calc(-1.2307692308px + 54.8076923077vw), 788px);
    aspect-ratio: 788/364;
  }
}

.top-img-point3 {
  width: clamp(358px, calc(0.2193877551px + 95.4081632653vw), 732px);
  aspect-ratio: 716/364;
}
@media (min-width: 1024px) {
  .top-img-point3 {
    width: clamp(561px, calc(-0.2307692308px + 54.8076923077vw), 789px);
    aspect-ratio: 789/364;
  }
}

.top-img-works-item1 {
  width: clamp(340px, calc(0.3954081633px + 90.5612244898vw), 695px);
  aspect-ratio: 680/264;
}
@media (min-width: 1024px) {
  .top-img-works-item1 {
    width: clamp(482px, calc(-0.4615384615px + 47.1153846154vw), 678px);
    aspect-ratio: 678/264;
  }
}

.top-img-works-item2 {
  width: clamp(340px, calc(0.3954081633px + 90.5612244898vw), 695px);
  aspect-ratio: 680/264;
}
@media (min-width: 1024px) {
  .top-img-works-item2 {
    width: clamp(482px, calc(-0.4615384615px + 47.1153846154vw), 678px);
    aspect-ratio: 678/264;
  }
}

.top-img-works-item3 {
  width: clamp(341px, calc(0.4387755102px + 90.8163265306vw), 697px);
  aspect-ratio: 682/264;
}
@media (min-width: 1024px) {
  .top-img-works-item3 {
    width: clamp(482px, calc(-0.4615384615px + 47.1153846154vw), 678px);
    aspect-ratio: 678/264;
  }
}

.top-img-works-item4 {
  width: clamp(340px, calc(0.3954081633px + 90.5612244898vw), 695px);
  aspect-ratio: 680/266;
}
@media (min-width: 1024px) {
  .top-img-works-item4 {
    width: clamp(482px, calc(-0.4615384615px + 47.1153846154vw), 678px);
    aspect-ratio: 678/264;
  }
}

.top-img-works-item5 {
  width: clamp(340.5px, calc(0.4170918367px + 90.6887755102vw), 696px);
  aspect-ratio: 681/266;
}
@media (min-width: 1024px) {
  .top-img-works-item5 {
    width: clamp(482px, calc(-0.4615384615px + 47.1153846154vw), 678px);
    aspect-ratio: 678/264;
  }
}

.top-text-hero-copy1 {
  width: clamp(327px, calc(-0.1683673469px + 87.2448979592vw), 669px);
  aspect-ratio: 654/251;
}
@media (min-width: 1024px) {
  .top-text-hero-copy1 {
    width: clamp(465px, calc(-0.2307692308px + 45.4326923077vw), 654px);
    aspect-ratio: 654/246;
  }
}

.top-text-hero-copy2 {
  width: clamp(332px, calc(0.0484693878px + 88.5204081633vw), 679px);
  aspect-ratio: 664/250;
}
@media (min-width: 1024px) {
  .top-text-hero-copy2 {
    width: clamp(526px, calc(1.6923076923px + 51.2019230769vw), 739px);
    aspect-ratio: 739/251;
  }
}

.top-text-hero-copy3 {
  width: clamp(298px, calc(-0.4693877551px + 79.5918367347vw), 610px);
  aspect-ratio: 596/247;
}
@media (min-width: 1024px) {
  .top-text-hero-copy3 {
    width: clamp(424px, calc(0.6153846154px + 41.3461538462vw), 596px);
  }
}

.top-text-point-title1 {
  width: clamp(127px, calc(-0.2321428571px + 33.9285714286vw), 260px);
  aspect-ratio: 254/42;
}
@media (min-width: 1024px) {
  .top-text-point-title1 {
    width: clamp(31px, calc(1.4615384615px + 2.8846153846vw), 43px);
    aspect-ratio: 43/255;
  }
}

.top-text-point-title2 {
  width: clamp(125.5px, calc(-0.2971938776px + 33.5459183673vw), 257px);
  aspect-ratio: 251/43;
}
@media (min-width: 1024px) {
  .top-text-point-title2 {
    width: clamp(31px, calc(-1px + 3.125vw), 44px);
    aspect-ratio: 44/252;
  }
}

.top-text-point-title3 {
  width: clamp(127.5px, calc(-0.2104591837px + 34.056122449vw), 261px);
  aspect-ratio: 255/44;
}
@media (min-width: 1024px) {
  .top-text-point-title3 {
    width: clamp(31px, calc(-1px + 3.125vw), 44px);
    aspect-ratio: 44/256;
  }
}

.icon-btn-arrow {
  width: clamp(28.5px, calc(0px + 7.6vw), 58.292px);
  aspect-ratio: 57/20;
}
@media (min-width: 1024px) {
  .icon-btn-arrow {
    width: clamp(40.5333333333px, calc(0px + 3.9583333333vw), 57px);
  }
}

.icon-company-logo {
  width: clamp(30.5px, calc(0px + 8.1333333333vw), 62.3826666667px);
  aspect-ratio: 61/76;
}
@media (min-width: 1024px) {
  .icon-company-logo {
    width: clamp(43.3777777778px, calc(0px + 4.2361111111vw), 61px);
  }
}

.icon-flow-tri {
  width: clamp(40.5px, calc(0px + 10.8vw), 82.836px);
  aspect-ratio: 81/30;
}
@media (min-width: 1024px) {
  .icon-flow-tri {
    width: clamp(57.6px, calc(0px + 5.625vw), 81px);
  }
}

.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-phone {
  width: clamp(13px, calc(0px + 3.4666666667vw), 26.5893333333px);
  aspect-ratio: 26/28;
}
@media (min-width: 1024px) {
  .icon-phone {
    width: clamp(18.4888888889px, calc(0px + 1.8055555556vw), 26px);
  }
}

.icon-section-star {
  width: clamp(34.5px, calc(0px + 9.2vw), 70.564px);
  aspect-ratio: 69/20;
}
@media (min-width: 1024px) {
  .icon-section-star {
    width: clamp(49.0666666667px, calc(0px + 4.7916666667vw), 69px);
  }
}

.img-news-no-image {
  width: clamp(92px, calc(0px + 24.5333333333vw), 188.1706666667px);
  aspect-ratio: 184/144;
}
@media (min-width: 1024px) {
  .img-news-no-image {
    width: clamp(130.8444444444px, calc(0px + 12.7777777778vw), 184px);
  }
}

.text-loop-company {
  width: clamp(1910px, calc(0px + 509.3333333333vw), 3906.5866666667px);
  aspect-ratio: 3820/74;
}
@media (min-width: 1024px) {
  .text-loop-company {
    width: clamp(2716.4444444444px, calc(0px + 265.2777777778vw), 3820px);
  }
}

.text-three-c-title {
  width: clamp(115.5px, calc(0px + 30.8vw), 236.236px);
  aspect-ratio: 231/90;
}
@media (min-width: 1024px) {
  .text-three-c-title {
    width: clamp(164.2666666667px, calc(0px + 16.0416666667vw), 231px);
  }
}

.c-icon-company-logo {
  display: block;
  position: absolute;
  top: clamp(5px, calc(0px + 1.3333333333vw), 10.2266666667px);
  left: clamp(17px, calc(0px + 4.5333333333vw), 34.7706666667px);
  z-index: 14;
  transition: opacity 0.3s ease;
}
@media (min-width: 1024px) {
  .c-icon-company-logo {
    position: fixed;
    left: clamp(27.0222222222px, calc(0px + 2.6388888889vw), 38px);
  }
}
.c-icon-company-logo:hover {
  opacity: 0.8;
}

.c-navigation {
  position: relative;
  height: clamp(50px, calc(0px + 13.3333333333vw), 102.2666666667px);
  background-color: #fff;
  z-index: 12;
}
.c-navigation__wrap {
  opacity: 0;
}
@media (max-width: 1023px) {
  .c-navigation__wrap {
    transition: opacity 0.2s linear;
    background-color: rgba(255, 255, 255, 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;
  }
  .c-navigation__wrap.is-active {
    opacity: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    pointer-events: auto;
  }
}
.c-navigation__links {
  display: flex;
  flex-direction: column;
  gap: clamp(24px, calc(0px + 6.4vw), 49.088px);
  margin-bottom: clamp(125px, calc(0px + 33.3333333333vw), 255.6666666667px);
}
.c-navigation__links a {
  text-decoration: none;
  color: #000;
  font-weight: bold;
}
@media (min-width: 1024px) {
  .c-navigation__links a {
    font-weight: normal;
  }
}
@media (min-width: 1024px) {
  .c-navigation__links {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: clamp(17.0666666667px, calc(0px + 1.6666666667vw), 24px);
    margin-bottom: 0;
  }
}
@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__btn .c-btn__arrow {
    width: clamp(27.0222222222px, calc(0px + 2.6388888889vw), 38px);
    height: clamp(9.2444444444px, calc(0px + 0.9027777778vw), 13px);
  }
}
@media (min-width: 1024px) {
  .c-navigation {
    position: sticky;
    top: 0;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 20px;
    height: clamp(75.3777777778px, calc(0px + 7.3611111111vw), 106px);
    font-weight: bold;
    padding-right: clamp(22.7555555556px, calc(0px + 2.2222222222vw), 32px);
  }
  .c-navigation__wrap {
    opacity: 1;
    display: flex;
    gap: 20px;
  }
}

.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;
  width: 100%;
}
.c-hero__title {
  position: absolute;
  top: 50%;
  left: clamp(60px, calc(0px + 16vw), 122.72px);
  transform: translateY(-50%);
}
@media (min-width: 1024px) {
  .c-hero__title {
    top: clamp(76.8px, calc(0px + 7.5vw), 108px);
    left: clamp(170.6666666667px, calc(0px + 16.6666666667vw), 240px);
    transform: translateY(0);
  }
}

.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: 13;
}
@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(6px, calc(0px + 1.6vw), 12.272px);
  padding: 0 0 0 clamp(15px, calc(0px + 4vw), 30.68px);
  width: clamp(247px, calc(0px + 65.8666666667vw), 505.1973333333px);
  height: clamp(56px, calc(0px + 14.9333333333vw), 114.5386666667px);
  background-color: #ffc30e;
  border-radius: 1000px;
  text-decoration: none;
  font-weight: bold;
  overflow: hidden;
}
.c-btn__text {
  position: relative;
  z-index: 2;
  color: #000;
  transition: 0.5s ease-in-out;
}
.c-btn__arrow {
  width: clamp(28px, calc(0px + 7.4666666667vw), 57.2693333333px);
  height: clamp(10px, calc(0px + 2.6666666667vw), 20.4533333333px);
  margin-bottom: clamp(2px, calc(0px + 0.5333333333vw), 4.0906666667px);
  transition: 0.5s ease-in-out;
}
.c-btn::before {
  position: absolute;
  content: "";
  display: block;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  top: 0;
  background-color: #000;
  transform: translateX(-100%);
  transition: 0.5s ease-in-out;
}
@media (hover: hover) {
  .c-btn:hover .c-btn__text {
    color: #fff;
  }
  .c-btn:hover .c-btn__arrow {
    filter: invert(1);
  }
  .c-btn:hover::before {
    transform: translateX(0);
  }
}
@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);
  }
  .c-btn__text {
    font-size: clamp(17.0666666667px, calc(0px + 1.6666666667vw), 24px);
  }
  .c-btn__arrow {
    width: clamp(40.5333333333px, calc(0px + 3.9583333333vw), 57px);
    height: clamp(14.2222222222px, calc(0px + 1.3888888889vw), 20px);
    transition: 0.5s ease-in-out;
  }
}
@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-footer {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: clamp(36px, calc(0px + 9.6vw), 73.632px);
  padding: clamp(30px, calc(0px + 8vw), 61.36px) clamp(17px, calc(0px + 4.5333333333vw), 34.7706666667px) clamp(80px, calc(0px + 21.3333333333vw), 163.6266666667px);
  background-image: url("../images/sp/common/bg-footer.webp");
  background-size: 100%;
  background-position: center 64%;
  background-repeat: no-repeat;
}
@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);
    background-image: url("../images/pc/common/bg-footer.webp");
    background-size: 100%;
    background-position: center bottom;
  }
}
.c-footer a {
  text-decoration: none;
  color: #000;
  white-space: nowrap;
}
.c-footer__navigation {
  display: grid;
  grid-template-columns: 3.5fr 6.5fr;
  grid-template-rows: repeat(3, auto);
  grid-auto-flow: column;
  gap: clamp(16px, calc(0px + 4.2666666667vw), 32.7253333333px);
}
@media (min-width: 1024px) {
  .c-footer__navigation {
    display: flex;
    gap: clamp(17.0666666667px, calc(0px + 1.6666666667vw), 24px);
  }
}
.c-footer__company {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: clamp(20px, calc(0px + 5.3333333333vw), 40.9066666667px);
}
@media (min-width: 1024px) {
  .c-footer__company {
    gap: clamp(11.3777777778px, calc(0px + 1.1111111111vw), 16px);
  }
}
.c-footer__company .icon-company-logo {
  width: clamp(58px, calc(0px + 15.4666666667vw), 118.6293333333px);
  display: block;
}
@media (min-width: 1024px) {
  .c-footer__company .icon-company-logo {
    width: clamp(50.4888888889px, calc(0px + 4.9305555556vw), 71px);
  }
}
.c-footer__companyDetail li {
  margin-bottom: clamp(6px, calc(0px + 1.6vw), 12.272px);
  font-size: clamp(14px, calc(0px + 3.7333333333vw), 28.6346666667px);
  line-height: 1.4;
}
.c-footer__companyDetail li:first-child {
  font-weight: bold;
}
@media (min-width: 1024px) {
  .c-footer__companyDetail li:first-child {
    font-size: 1.25rem;
    margin-top: clamp(5.6888888889px, calc(0px + 0.5555555556vw), 8px);
  }
}
@media (min-width: 1024px) {
  .c-footer__companyDetail li {
    font-size: 0.875rem;
    margin-bottom: clamp(5.6888888889px, calc(0px + 0.5555555556vw), 8px);
  }
}
.c-footer__legal {
  text-align: center;
  padding: clamp(8px, calc(0px + 2.1333333333vw), 16.3626666667px) 0;
}
@media (min-width: 1024px) {
  .c-footer__legal {
    position: absolute;
    right: clamp(71.1111111111px, calc(0px + 6.9444444444vw), 100px);
    top: clamp(71.1111111111px, calc(0px + 6.9444444444vw), 100px);
    padding: 0;
  }
}
.c-footer__legalLink {
  font-size: clamp(12px, calc(0px + 3.2vw), 24.544px);
  color: #666 !important;
  text-decoration: underline;
  transition: opacity 0.3s ease;
}
@media (min-width: 1024px) {
  .c-footer__legalLink {
    font-size: 0.875rem;
  }
}
.c-footer__legalLink:hover {
  opacity: 0.7;
}
.c-footer__copy {
  font-size: clamp(14px, calc(0px + 3.7333333333vw), 28.6346666667px);
  line-height: 1.5;
}
@media (min-width: 1024px) {
  .c-footer__copy {
    position: absolute;
    right: clamp(71.1111111111px, calc(0px + 6.9444444444vw), 100px);
    top: clamp(95.2888888889px, calc(0px + 9.3055555556vw), 134px);
    font-size: 1rem;
  }
}

.c-titleSection {
  z-index: 5;
}
.c-titleSection__globalText {
  display: block;
  font-family: Helvetica, sans-serif;
  font-size: clamp(38px, calc(0px + 10.1333333333vw), 77.7226666667px);
  font-weight: bold;
  color: #56bbed;
  line-height: 1;
}
@media (min-width: 1024px) {
  .c-titleSection__globalText {
    font-size: 6.25rem;
  }
}
.c-titleSection__globalText--jp {
  margin-bottom: clamp(2px, calc(0px + 0.5333333333vw), 4.0906666667px);
  font-family: inherit;
  font-size: clamp(33px, calc(0px + 8.8vw), 67.496px);
  line-height: 1;
}
@media (min-width: 1024px) {
  .c-titleSection__globalText--jp {
    margin-bottom: clamp(9.9555555556px, calc(0px + 0.9722222222vw), 14px);
    font-size: clamp(54.0444444444px, calc(0px + 5.2777777778vw), 76px);
  }
}
.c-titleSection__globalText::before {
  content: "";
  display: block;
  background-image: url("../images/common/icon-section-star.webp");
  background-size: clamp(35px, calc(0px + 9.3333333333vw), 71.5866666667px), clamp(10px, calc(0px + 2.6666666667vw), 20.4533333333px);
  width: clamp(35px, calc(0px + 9.3333333333vw), 71.5866666667px);
  height: clamp(10px, calc(0px + 2.6666666667vw), 20.4533333333px);
  margin-bottom: clamp(8px, calc(0px + 2.1333333333vw), 16.3626666667px);
}
@media (min-width: 1024px) {
  .c-titleSection__globalText::before {
    margin-bottom: clamp(16.3555555556px, calc(0px + 1.5972222222vw), 23px);
  }
}
.c-titleSection__text {
  display: block;
  font-size: clamp(13px, calc(0px + 3.4666666667vw), 26.5893333333px);
  font-weight: 500;
}
@media (min-width: 1024px) {
  .c-titleSection__text {
    font-size: clamp(14.2222222222px, calc(0px + 1.3888888889vw), 20px);
  }
}
.c-titleSection--right {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.c-titleSection--right .c-titleSection__globalText::before {
  justify-self: flex-end;
}
.c-titleSection--center {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.c-titleSection--center .c-titleSection__globalText {
  margin-bottom: clamp(4px, calc(0px + 1.0666666667vw), 8.1813333333px);
}
.c-titleSection--center .c-titleSection__globalText::before {
  justify-self: center;
  margin-bottom: clamp(7.1111111111px, calc(0px + 0.6944444444vw), 10px);
}
.c-titleSection--incHero .c-titleSection__globalText {
  font-size: clamp(45px, calc(0px + 12vw), 92.04px);
  color: #fff;
}
@media (min-width: 1024px) {
  .c-titleSection--incHero .c-titleSection__globalText {
    font-size: clamp(71.1111111111px, calc(0px + 6.9444444444vw), 100px);
  }
}
.c-titleSection--incHero .c-titleSection__globalText::before {
  margin-bottom: clamp(6px, calc(0px + 1.6vw), 12.272px);
}
.c-titleSection--incHero .c-titleSection__text {
  font-size: clamp(13px, calc(0px + 3.4666666667vw), 26.5893333333px);
  color: #fff;
}
@media (min-width: 1024px) {
  .c-titleSection--incHero .c-titleSection__text {
    font-size: clamp(14.2222222222px, calc(0px + 1.3888888889vw), 20px);
  }
}

.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;
  box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
}
.c-fixedLink__btn {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 1;
  padding: clamp(12px, calc(0px + 3.2vw), 24.544px) clamp(16px, calc(0px + 4.2666666667vw), 32.7253333333px);
  text-decoration: none;
  font-weight: bold;
  border-radius: clamp(5px, calc(0px + 1.3333333333vw), 10.2266666667px) clamp(5px, calc(0px + 1.3333333333vw), 10.2266666667px) 0 0;
  transition: opacity 0.3s ease;
}
@media (hover: hover) {
  .c-fixedLink__btn:hover {
    opacity: 0.8;
  }
}
.c-fixedLink__btn--phone {
  text-align: center;
  background-color: #5eb4e3;
  color: #000;
  gap: clamp(8px, calc(0px + 2.1333333333vw), 16.3626666667px);
}
.c-fixedLink__btn--contact {
  background-color: #ffc30e;
  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-breadcrumbs {
  margin: clamp(8px, calc(0px + 2.1333333333vw), 16.3626666667px) clamp(17px, calc(0px + 4.5333333333vw), 34.7706666667px) 0;
}
@media (min-width: 1024px) {
  .c-breadcrumbs {
    margin: clamp(12.8px, calc(0px + 1.25vw), 18px) clamp(71.1111111111px, calc(0px + 6.9444444444vw), 100px) 0;
  }
}
.c-breadcrumbs__list {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: clamp(6px, calc(0px + 1.6vw), 12.272px);
  font-size: clamp(13px, calc(0px + 3.4666666667vw), 26.5893333333px);
}
@media (min-width: 1024px) {
  .c-breadcrumbs__list {
    gap: clamp(11.3777777778px, calc(0px + 1.1111111111vw), 16px);
    font-size: 1rem;
  }
}
.c-breadcrumbs__item {
  position: relative;
}
.c-breadcrumbs__item:not(:first-child) {
  padding-left: clamp(26px, calc(0px + 6.9333333333vw), 53.1786666667px);
}
@media (min-width: 1024px) {
  .c-breadcrumbs__item:not(:first-child) {
    padding-left: clamp(34.1333333333px, calc(0px + 3.3333333333vw), 48px);
  }
}
.c-breadcrumbs__item:not(:first-child)::before {
  position: absolute;
  left: 0;
  top: clamp(6px, calc(0px + 1.6vw), 12.272px);
  background-image: url("../images/sp/common/icon-breadcrumbs-arrow.webp");
  background-size: clamp(19px, calc(0px + 5.0666666667vw), 38.8613333333px) clamp(8px, calc(0px + 2.1333333333vw), 16.3626666667px);
  background-repeat: no-repeat;
  width: clamp(19px, calc(0px + 5.0666666667vw), 38.8613333333px);
  height: clamp(8px, calc(0px + 2.1333333333vw), 16.3626666667px);
  content: "";
  display: inline-block;
}
@media (min-width: 1024px) {
  .c-breadcrumbs__item:not(:first-child)::before {
    top: clamp(7.1111111111px, calc(0px + 0.6944444444vw), 10px);
    background-image: url("../images/pc/common/icon-breadcrumbs-arrow.webp");
    background-size: clamp(17.0666666667px, calc(0px + 1.6666666667vw), 24px) clamp(6.4px, calc(0px + 0.625vw), 9px);
    width: clamp(17.0666666667px, calc(0px + 1.6666666667vw), 24px);
    height: clamp(6.4px, calc(0px + 0.625vw), 9px);
    margin-right: clamp(11.3777777778px, calc(0px + 1.1111111111vw), 16px);
    margin-bottom: clamp(2.1333333333px, calc(0px + 0.2083333333vw), 3px);
  }
}
.c-breadcrumbs__link {
  color: #000;
  text-decoration: none;
}

.c-notice-list li {
  padding-left: clamp(14px, calc(0px + 3.7333333333vw), 28.6346666667px);
  text-indent: clamp(-14px, calc(0px + -3.7333333333vw), -28.6346666667px);
  font-size: clamp(14px, calc(0px + 3.7333333333vw), 28.6346666667px);
}
@media (min-width: 1024px) {
  .c-notice-list li {
    padding-left: clamp(9.9555555556px, calc(0px + 0.9722222222vw), 14px);
    text-indent: clamp(-9.9555555556px, calc(0px + -0.9722222222vw), -14px);
    font-size: clamp(9.9555555556px, calc(0px + 0.9722222222vw), 14px);
  }
}

.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(17px, calc(0px + 4.5333333333vw), 34.7706666667px);
  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 {
  width: 100%;
}
.c-faq__item {
  margin-bottom: clamp(4px, calc(0px + 1.0666666667vw), 8.1813333333px);
}
@media (min-width: 1024px) {
  .c-faq__item {
    margin-bottom: clamp(5.6888888889px, calc(0px + 0.5555555556vw), 8px);
  }
}
.c-faq__item:last-child {
  margin-bottom: 0;
}
.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: #a3dffc;
  cursor: pointer;
  border: none;
  width: 100%;
  text-align: left;
  transition: background-color 0.3s ease;
  position: relative;
}
@media (min-width: 1024px) {
  .c-faq__question {
    gap: clamp(17.0666666667px, calc(0px + 1.6666666667vw), 24px);
    padding: clamp(17.0666666667px, calc(0px + 1.6666666667vw), 24px) clamp(22.7555555556px, calc(0px + 2.2222222222vw), 32px);
  }
}
@media (hover: hover) {
  .c-faq__question:hover {
    background-color: #c3e0f5;
  }
}
.c-faq__questionLabel {
  font-size: clamp(19px, calc(0px + 5.0666666667vw), 38.8613333333px);
  color: #000;
  flex-shrink: 0;
  font-family: Helvetica, sans-serif;
}
@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: #333;
  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__answer {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease;
}
.c-faq__answer.is-open {
  max-height: 1000px;
}
.c-faq__answerInner {
  display: flex;
  gap: clamp(16px, calc(0px + 4.2666666667vw), 32.7253333333px);
  padding: clamp(14px, calc(0px + 3.7333333333vw), 28.6346666667px);
  background-color: #e8e8e8;
}
@media (min-width: 1024px) {
  .c-faq__answerInner {
    gap: clamp(17.0666666667px, calc(0px + 1.6666666667vw), 24px);
    padding: clamp(9.9555555556px, calc(0px + 0.9722222222vw), 14px) clamp(22.7555555556px, calc(0px + 2.2222222222vw), 32px);
  }
}
.c-faq__answerLabel {
  color: #1897d6;
  flex-shrink: 0;
  font-family: Helvetica, sans-serif;
  font-size: clamp(19px, calc(0px + 5.0666666667vw), 38.8613333333px);
}
@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(14.2222222222px, calc(0px + 1.3888888889vw), 20px);
    font-size: 1rem;
    line-height: 2;
  }
}

@media (min-width: 1024px) {
  .bg-under {
    background-image: url("../../images/pc/common/bg-under-tri.webp");
    background-size: clamp(321.4222222222px, calc(0px + 31.3888888889vw), 452px) clamp(637.1555555556px, calc(0px + 62.2222222222vw), 896px);
    background-repeat: no-repeat;
    background-position: right clamp(284.4444444444px, calc(0px + 27.7777777778vw), 400px);
  }
}

.topHero {
  position: relative;
  width: 100%;
  z-index: 1;
}
.topHero__imgWrap {
  position: relative;
  z-index: 1;
  width: 100%;
  overflow: hidden;
}
.topHero__list {
  position: relative;
  width: 100%;
}
.topHero__item {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 0;
  transition: opacity 1s ease;
  pointer-events: none;
  z-index: 0;
}
.topHero__item.is-initial {
  transition: none;
}
.topHero__item.is-active {
  opacity: 1;
  pointer-events: auto;
}
.topHero__item:not(.is-active) [data-scroll-animation] {
  opacity: 0 !important;
  visibility: hidden !important;
}
.topHero__image {
  position: absolute;
  top: clamp(188px, calc(0px + 50.1333333333vw), 384.5226666667px);
  left: clamp(17px, calc(0px + 4.5333333333vw), 34.7706666667px);
}
@media (min-width: 1024px) {
  .topHero__image {
    left: per(100);
    bottom: 12.83%;
  }
}
.topHero__decorationTriBottom {
  position: absolute;
  z-index: 2;
  top: clamp(470px, calc(0px + 125.3333333333vw), 961.3066666667px);
  right: 0;
}
@media (min-width: 1024px) {
  .topHero__decorationTriBottom {
    left: per(100);
    top: clamp(206.2222222222px, calc(0px + 20.1388888889vw), 290px);
  }
}

.decorationTri {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 13;
}

.topAbout {
  position: relative;
  overflow: hidden;
}
@media (min-width: 1024px) {
  .topAbout {
    padding-top: clamp(44.0888888889px, calc(0px + 4.3055555556vw), 62px);
  }
}
.topAbout__wrap {
  position: relative;
  margin-top: clamp(8px, calc(0px + 2.1333333333vw), 16.3626666667px);
  padding-top: clamp(190px, calc(0px + 50.6666666667vw), 388.6133333333px);
}
@media (min-width: 1024px) {
  .topAbout__wrap {
    margin-top: 0;
    padding-top: clamp(99.5555555556px, calc(0px + 9.7222222222vw), 140px);
  }
}
.topAbout__title {
  margin-left: clamp(17px, calc(0px + 4.5333333333vw), 34.7706666667px);
}
@media (min-width: 1024px) {
  .topAbout__title {
    position: absolute;
    top: 0;
    left: clamp(71.1111111111px, calc(0px + 6.9444444444vw), 100px);
    margin-left: 0;
  }
}
.topAbout__image {
  position: absolute;
  top: 0;
  right: 0;
  overflow: hidden;
  border-radius: 10px 0 0 10px;
  display: block;
}
@media (min-width: 1024px) {
  .topAbout__image {
    border-radius: 20px 0 0 20px;
  }
}
.topAbout__detail {
  position: relative;
  z-index: 2;
  overflow: hidden;
  background-color: #fff;
  border-radius: 0 10px 10px 0;
  width: clamp(357px, calc(0px + 95.2vw), 730.184px);
  padding: clamp(38px, calc(0px + 10.1333333333vw), 77.7226666667px) clamp(10px, calc(0px + 2.6666666667vw), 20.4533333333px) clamp(46px, calc(0px + 12.2666666667vw), 94.0853333333px) clamp(27px, calc(0px + 7.2vw), 55.224px);
  background-image: url("../images/sp/top/bg-about-lightning.webp");
  background-size: clamp(146px, calc(0px + 38.9333333333vw), 298.6186666667px) clamp(431px, calc(0px + 114.9333333333vw), 881.5386666667px);
  background-repeat: no-repeat;
}
@media (min-width: 1024px) {
  .topAbout__detail {
    width: clamp(547.5555555556px, calc(0px + 53.4722222222vw), 770px);
    border-radius: 0 20px 20px 0;
    background-image: url("../images/pc/top/bg-about-lightning.webp");
    background-size: clamp(207.6444444444px, calc(0px + 20.2777777778vw), 292px) clamp(612.9777777778px, calc(0px + 59.8611111111vw), 862px);
    padding: clamp(59.7333333333px, calc(0px + 5.8333333333vw), 84px) clamp(28.4444444444px, calc(0px + 2.7777777778vw), 40px) clamp(44.0888888889px, calc(0px + 4.3055555556vw), 62px) clamp(71.1111111111px, calc(0px + 6.9444444444vw), 100px);
  }
}
.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);
}
.topAbout__navigation {
  margin-left: auto;
}

.topWorks {
  display: flex;
  flex-direction: column;
  padding: clamp(64px, calc(0px + 17.0666666667vw), 130.9013333333px) 0 clamp(60px, calc(0px + 16vw), 122.72px);
  background-image: url("../images/sp/top/bg-works-lightning.webp");
  background-size: clamp(150px, calc(0px + 40vw), 306.8px) clamp(415px, calc(0px + 110.6666666667vw), 848.8133333333px);
  background-repeat: no-repeat;
  background-position: 100% -5%;
}
@media (min-width: 1024px) {
  .topWorks {
    flex-direction: row-reverse;
    justify-content: space-between;
    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);
    background: none;
  }
  .topWorks::after {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    top: clamp(1208.8888888889px, calc(0px + 118.0555555556vw), 1700px);
    right: 0;
    width: clamp(240.3555555556px, calc(0px + 23.4722222222vw), 338px);
    height: clamp(916.6222222222px, calc(0px + 89.5138888889vw), 1289px);
    background-image: url("../images/pc/top/bg-works-lightning.webp");
    background-size: clamp(240.3555555556px, calc(0px + 23.4722222222vw), 338px) clamp(916.6222222222px, calc(0px + 89.5138888889vw), 1289px);
    pointer-events: none;
  }
}
@media (min-width: 1024px) {
  .topWorks__wrap {
    position: sticky;
    top: clamp(71.1111111111px, calc(0px + 6.9444444444vw), 100px);
    align-self: flex-start;
    padding-top: clamp(18.4888888889px, calc(0px + 1.8055555556vw), 26px);
  }
}
.topWorks__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) {
  .topWorks__items {
    margin-bottom: 0;
  }
}
.topWorks__items li {
  position: relative;
  padding-top: clamp(39px, calc(0px + 10.4vw), 79.768px);
}
@media (min-width: 1024px) {
  .topWorks__items li {
    padding-top: clamp(42.6666666667px, calc(0px + 4.1666666667vw), 60px);
  }
}
.topWorks__number {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  font-family: Helvetica, sans-serif;
  font-size: clamp(77px, calc(0px + 20.5333333333vw), 157.4906666667px);
  font-weight: bold;
  line-height: 0.75;
  color: #56bbed;
}
@media (min-width: 1024px) {
  .topWorks__number {
    font-size: 9.5625rem;
  }
}
.topWorks__title {
  margin-right: clamp(17px, calc(0px + 4.5333333333vw), 34.7706666667px);
  margin-bottom: clamp(28px, calc(0px + 7.4666666667vw), 57.2693333333px);
}
@media (min-width: 1024px) {
  .topWorks__title {
    margin-right: 0;
    margin-bottom: clamp(48.3555555556px, calc(0px + 4.7222222222vw), 68px);
  }
}
.topWorks__description {
  margin-bottom: clamp(23px, calc(0px + 6.1333333333vw), 47.0426666667px);
  padding: 0 clamp(17px, calc(0px + 4.5333333333vw), 34.7706666667px);
}
@media (min-width: 1024px) {
  .topWorks__description {
    width: clamp(298.6666666667px, calc(0px + 29.1666666667vw), 420px);
    margin-bottom: clamp(49.7777777778px, calc(0px + 4.8611111111vw), 70px);
    padding: 0;
  }
}
.topWorks__navigation--sp {
  margin: 0 auto;
}
@media (min-width: 1024px) {
  .topWorks__navigation--sp {
    display: none;
  }
}
.topWorks__navigation--pc {
  display: none;
  margin: 0 auto;
}
@media (min-width: 1024px) {
  .topWorks__navigation--pc {
    display: flex;
    margin: 0 0 0 auto;
  }
}

.topStart {
  padding: clamp(64px, calc(0px + 17.0666666667vw), 130.9013333333px) clamp(17px, calc(0px + 4.5333333333vw), 34.7706666667px) clamp(60px, calc(0px + 16vw), 122.72px) clamp(27px, calc(0px + 7.2vw), 55.224px);
  background-image: url("../images/sp/top/bg-start-with-confidence.webp");
  background-size: 100%;
  background-repeat: no-repeat;
  margin-bottom: clamp(-26px, calc(0px + -6.9333333333vw), -53.1786666667px);
  height: clamp(430px, calc(0px + 114.6666666667vw), 879.4933333333px);
}
@media (min-width: 1024px) {
  .topStart {
    padding: clamp(120.8888888889px, calc(0px + 11.8055555556vw), 170px) clamp(71.1111111111px, calc(0px + 6.9444444444vw), 100px) 0;
    background-image: url("../images/pc/top/bg-start-with-confidence.webp");
    background-size: 100%;
    background-repeat: no-repeat;
    margin-bottom: clamp(-59.7333333333px, calc(0px + -5.8333333333vw), -84px);
    height: clamp(516.9777777778px, calc(0px + 50.4861111111vw), 727px);
  }
}
.topStart__title {
  margin-bottom: clamp(26px, calc(0px + 6.9333333333vw), 53.1786666667px);
}
@media (min-width: 1024px) {
  .topStart__title {
    margin-bottom: clamp(35.5555555556px, calc(0px + 3.4722222222vw), 50px);
  }
}
@media (min-width: 1024px) {
  .topStart .c-titleDetail {
    font-size: 2.375rem;
  }
}
.topStart .c-titleDetail__p {
  margin-bottom: clamp(16px, calc(0px + 4.2666666667vw), 32.7253333333px);
  font-family: Helvetica, sans-serif;
  font-size: clamp(15px, calc(0px + 4vw), 30.68px);
  font-weight: bold;
}
@media (min-width: 1024px) {
  .topStart .c-titleDetail__p {
    font-size: 1.75rem;
    margin-bottom: 0;
  }
}
@media (min-width: 1024px) {
  .topStart__text {
    line-height: 1.8;
  }
}

.topThreeCproject {
  background-image: url("../images/sp/top/bg-three-c.webp");
  background-size: contain;
  background-repeat: no-repeat;
  width: calc(100% - clamp(34px, calc(0px + 9.0666666667vw), 69.5413333333px));
  margin: 0 clamp(17px, calc(0px + 4.5333333333vw), 34.7706666667px) clamp(50px, calc(0px + 13.3333333333vw), 102.2666666667px);
  background-color: #fff;
  overflow: hidden;
  border-radius: 10px;
  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) {
  .topThreeCproject {
    width: clamp(881.7777777778px, calc(0px + 86.1111111111vw), 1240px);
    margin: 0 auto clamp(35.5555555556px, calc(0px + 3.4722222222vw), 50px);
    padding: clamp(41.2444444444px, calc(0px + 4.0277777778vw), 58px) clamp(35.5555555556px, calc(0px + 3.4722222222vw), 50px) clamp(54.0444444444px, calc(0px + 5.2777777778vw), 76px);
    background-image: url("../images/pc/top/bg-three-c.webp");
    background-size: clamp(883.2px, calc(0px + 86.25vw), 1242px) clamp(431.6444444444px, calc(0px + 42.1527777778vw), 607px);
    border-radius: 20px;
  }
}
.topThreeCproject__plate {
  display: flex;
  justify-content: center;
  margin-bottom: clamp(10px, calc(0px + 2.6666666667vw), 20.4533333333px);
}
@media (min-width: 1024px) {
  .topThreeCproject__plate {
    margin-bottom: clamp(14.2222222222px, calc(0px + 1.3888888889vw), 20px);
  }
}
.topThreeCproject__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) {
  .topThreeCproject__title {
    font-size: clamp(25.6px, calc(0px + 2.5vw), 36px);
    margin-bottom: clamp(35.5555555556px, calc(0px + 3.4722222222vw), 50px);
  }
}
.topThreeCproject__title em {
  font-size: clamp(24px, calc(0px + 6.4vw), 49.088px);
}
@media (min-width: 1024px) {
  .topThreeCproject__title em {
    font-size: clamp(34.1333333333px, calc(0px + 3.3333333333vw), 48px);
  }
}
.topThreeCproject__titleStrong {
  font-size: clamp(24px, calc(0px + 6.4vw), 49.088px);
}
@media (min-width: 1024px) {
  .topThreeCproject__titleStrong {
    display: block !important;
    font-size: clamp(34.1333333333px, calc(0px + 3.3333333333vw), 48px);
  }
}
.topThreeCproject__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) {
  .topThreeCproject__details {
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: clamp(48.3555555556px, calc(0px + 4.7222222222vw), 68px);
  }
}
.topThreeCproject__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) {
  .topThreeCproject__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);
  }
}
.topThreeCproject__details li h3 {
  margin-bottom: clamp(24px, calc(0px + 6.4vw), 49.088px);
  text-align: center;
  font-family: Helvetica, sans-serif;
  font-weight: bold;
  font-size: clamp(28px, calc(0px + 7.4666666667vw), 57.2693333333px);
  line-height: 1;
}
@media (min-width: 1024px) {
  .topThreeCproject__details li h3 {
    font-size: 3.4375rem;
    font-size: clamp(39.1111111111px, calc(0px + 3.8194444444vw), 55px);
    margin-bottom: clamp(28.4444444444px, calc(0px + 2.7777777778vw), 40px);
  }
}
.topThreeCproject__details li h3 span {
  display: block;
  margin-top: clamp(5px, calc(0px + 1.3333333333vw), 10.2266666667px);
  font-size: clamp(13px, calc(0px + 3.4666666667vw), 26.5893333333px);
  font-weight: normal;
}
@media (min-width: 1024px) {
  .topThreeCproject__details li h3 span {
    font-size: 1.5rem;
    margin-top: clamp(7.1111111111px, calc(0px + 0.6944444444vw), 10px);
  }
}
.topThreeCproject__details li .topThreeCproject__number {
  position: absolute;
  top: clamp(17px, calc(0px + 4.5333333333vw), 34.7706666667px);
  left: 0;
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  width: clamp(54px, calc(0px + 14.4vw), 110.448px);
  height: clamp(25px, calc(0px + 6.6666666667vw), 51.1333333333px);
  line-height: 1;
  text-align: right;
  border-bottom: dotted 2px #fff;
  color: #fff;
  font-family: Helvetica, sans-serif;
  font-size: clamp(20px, calc(0px + 5.3333333333vw), 40.9066666667px);
}
@media (min-width: 1024px) {
  .topThreeCproject__details li .topThreeCproject__number {
    top: clamp(27.0222222222px, calc(0px + 2.6388888889vw), 38px);
    width: clamp(71.1111111111px, calc(0px + 6.9444444444vw), 100px);
    height: clamp(27.0222222222px, calc(0px + 2.6388888889vw), 38px);
    font-size: 1.875rem;
  }
}
.topThreeCproject__details li p em {
  font-weight: bold;
  font-size: clamp(19px, calc(0px + 5.0666666667vw), 38.8613333333px);
}
@media (min-width: 1024px) {
  .topThreeCproject__details li p em {
    font-size: 1.25rem;
  }
}
@media (min-width: 1024px) {
  .topThreeCproject__details {
    border-radius: 20px;
  }
}
.topThreeCproject__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) {
  .topThreeCproject__result {
    font-size: 2.375rem;
    margin-bottom: clamp(21.3333333333px, calc(0px + 2.0833333333vw), 30px);
  }
}
.topThreeCproject__text {
  padding: 0 clamp(16px, calc(0px + 4.2666666667vw), 32.7253333333px);
  margin-bottom: clamp(32px, calc(0px + 8.5333333333vw), 65.4506666667px);
}
@media (min-width: 1024px) {
  .topThreeCproject__text {
    display: flex;
    justify-content: center;
    font-size: 1rem;
    line-height: 1.8;
    margin-bottom: clamp(27.0222222222px, calc(0px + 2.6388888889vw), 38px);
    padding: 0;
    text-align: left;
  }
}
.topThreeCproject__navigation {
  margin: 0 auto;
}

.topPoint {
  overflow: hidden;
  z-index: 2;
  padding: clamp(68px, calc(0px + 18.1333333333vw), 139.0826666667px) 0 clamp(60px, calc(0px + 16vw), 122.72px);
  background-image: url("../images/sp/common/bg-point.webp");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  min-height: clamp(2131px, calc(0px + 568.2666666667vw), 4358.6053333333px);
}
@media (min-width: 1024px) {
  .topPoint {
    padding: clamp(103.8222222222px, calc(0px + 10.1388888889vw), 146px) 0 clamp(228.2666666667px, calc(0px + 22.2916666667vw), 321px);
    background-image: url("../images/pc/common/bg-point.webp");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    min-height: clamp(1458.4888888889px, calc(0px + 142.4305555556vw), 2051px);
  }
}
.topPoint__title {
  margin: 0 0 clamp(37px, calc(0px + 9.8666666667vw), 75.6773333333px) clamp(17px, calc(0px + 4.5333333333vw), 34.7706666667px);
}
@media (min-width: 1024px) {
  .topPoint__title {
    margin: 0 0 clamp(45.5111111111px, calc(0px + 4.4444444444vw), 64px) clamp(71.1111111111px, calc(0px + 6.9444444444vw), 100px);
  }
}
.topPoint .c-titleSection__globalText {
  color: #000;
}
.topPoint__items {
  display: flex;
  flex-direction: column;
  gap: clamp(70px, calc(0px + 18.6666666667vw), 143.1733333333px);
}
@media (min-width: 1024px) {
  .topPoint__items {
    gap: clamp(49.7777777778px, calc(0px + 4.8611111111vw), 70px);
  }
  .topPoint__items li {
    position: relative;
    display: flex;
    gap: clamp(35.5555555556px, calc(0px + 3.4722222222vw), 50px);
    margin: 0 clamp(71.1111111111px, calc(0px + 6.9444444444vw), 100px) 0 0;
  }
  .topPoint__items li:nth-child(even) {
    flex-direction: row-reverse;
    margin: 0 0 0 clamp(71.1111111111px, calc(0px + 6.9444444444vw), 100px);
  }
}
.topPoint__itemPoint1, .topPoint__itemPoint3 {
  margin: 0 0 clamp(10px, calc(0px + 2.6666666667vw), 20.4533333333px) clamp(17px, calc(0px + 4.5333333333vw), 34.7706666667px);
}
@media (min-width: 1024px) {
  .topPoint__itemPoint1, .topPoint__itemPoint3 {
    position: absolute;
    right: 0;
    margin: 0;
    transform: translateX(clamp(56.8888888889px, calc(0px + 5.5555555556vw), 80px));
  }
}
.topPoint__itemPoint2 {
  display: flex;
  justify-content: flex-end;
  margin: 0 clamp(17px, calc(0px + 4.5333333333vw), 34.7706666667px) clamp(10px, calc(0px + 2.6666666667vw), 20.4533333333px) 0;
}
@media (min-width: 1024px) {
  .topPoint__itemPoint2 {
    position: absolute;
    top: 0;
    left: 0;
    transform: translateX(clamp(-56.8888888889px, calc(0px + -5.5555555556vw), -80px));
    margin: 0;
  }
}
.topPoint__itemImage {
  margin-bottom: clamp(12px, calc(0px + 3.2vw), 24.544px);
}
@media (min-width: 1024px) {
  .topPoint__itemImage {
    flex: none;
  }
}
.topPoint__itemImage--2 {
  display: flex;
  justify-content: flex-end;
}
.topPoint__copy {
  margin-bottom: clamp(14px, calc(0px + 3.7333333333vw), 28.6346666667px);
}
@media (min-width: 1024px) {
  .topPoint__copy {
    margin-bottom: clamp(21.3333333333px, calc(0px + 2.0833333333vw), 30px);
  }
}
.topPoint__itemDetail {
  margin: 0 clamp(17px, calc(0px + 4.5333333333vw), 34.7706666667px);
}
@media (min-width: 1024px) {
  .topPoint__itemDetail {
    margin: 0;
  }
}
.topPoint__itemDetail p {
  line-height: 1.8;
}

.topAdvance {
  position: relative;
  z-index: -1;
  margin-top: clamp(-56px, calc(0px + -14.9333333333vw), -114.5386666667px);
  padding: clamp(110px, calc(0px + 29.3333333333vw), 224.9866666667px) clamp(17px, calc(0px + 4.5333333333vw), 34.7706666667px) clamp(105px, calc(0px + 28vw), 214.76px);
  background-image: url("../images/sp/top/bg-advance.webp");
  background-size: 100%;
  background-repeat: no-repeat;
  clip-path: polygon(0 0, 100% 0, 100% 97%, 0 100%);
}
@media (min-width: 1024px) {
  .topAdvance {
    margin-top: clamp(-220.4444444444px, calc(0px + -21.5277777778vw), -310px);
    padding: clamp(192px, calc(0px + 18.75vw), 270px) clamp(71.1111111111px, calc(0px + 6.9444444444vw), 100px) clamp(123.7333333333px, calc(0px + 12.0833333333vw), 174px);
    background-image: url("../images/pc/top/bg-advance.webp");
    background-size: cover;
    background-repeat: no-repeat;
    clip-path: polygon(0 0, 100% 0, 100% 90%, 0 100%);
  }
}
.topAdvance__title {
  margin-bottom: clamp(10px, calc(0px + 2.6666666667vw), 20.4533333333px);
}
@media (min-width: 1024px) {
  .topAdvance__title {
    margin-bottom: clamp(22.7555555556px, calc(0px + 2.2222222222vw), 32px);
  }
}
.topAdvance__subTitle {
  position: relative;
  display: inline-block;
  margin-bottom: clamp(70px, calc(0px + 18.6666666667vw), 143.1733333333px);
  color: #fff;
  font-size: clamp(25px, calc(0px + 6.6666666667vw), 51.1333333333px);
  font-weight: bold;
  line-height: 1.2;
}
@media (min-width: 1024px) {
  .topAdvance__subTitle {
    font-size: 2.375rem;
    margin-bottom: clamp(93.8666666667px, calc(0px + 9.1666666667vw), 132px);
  }
}
.topAdvance__subTitle span {
  display: block;
}
@media (min-width: 1024px) {
  .topAdvance__subTitle span {
    display: inline;
  }
}
.topAdvance__titlePlate {
  position: absolute;
  top: clamp(54px, calc(0px + 14.4vw), 110.448px);
  right: clamp(-50px, calc(0px + -13.3333333333vw), -102.2666666667px);
  display: inline-block !important;
  padding: clamp(4px, calc(0px + 1.0666666667vw), 8.1813333333px) clamp(8px, calc(0px + 2.1333333333vw), 16.3626666667px);
  background-color: #3375f6;
  transform: rotate(-10deg);
  transform-origin: top right;
}
@media (min-width: 1024px) {
  .topAdvance__titlePlate {
    top: clamp(31.2888888889px, calc(0px + 3.0555555556vw), 44px);
    right: clamp(-25.6px, calc(0px + -2.5vw), -36px);
    padding: clamp(4.2666666667px, calc(0px + 0.4166666667vw), 6px) clamp(12.8px, calc(0px + 1.25vw), 18px);
    white-space: nowrap;
  }
}
.topAdvance__text {
  margin-bottom: clamp(46px, calc(0px + 12.2666666667vw), 94.0853333333px);
  line-height: 1.8;
  color: #fff;
}
@media (min-width: 1024px) {
  .topAdvance__text {
    width: 70%;
    margin-bottom: clamp(59.7333333333px, calc(0px + 5.8333333333vw), 84px);
  }
}
.topAdvance__navigation {
  width: clamp(318px, calc(0px + 84.8vw), 650.416px);
  margin: 0 auto;
}
@media (min-width: 1024px) {
  .topAdvance__navigation {
    width: clamp(284.4444444444px, calc(0px + 27.7777777778vw), 400px);
    margin: 0;
  }
}

.topNews {
  overflow: hidden;
  padding: clamp(44px, calc(0px + 11.7333333333vw), 89.9946666667px) clamp(17px, calc(0px + 4.5333333333vw), 34.7706666667px) clamp(50px, calc(0px + 13.3333333333vw), 102.2666666667px);
  background-color: #fff;
  background-image: url("../images/sp/top/bg-news-lightning.webp");
  background-repeat: no-repeat;
  min-height: clamp(400px, calc(0px + 106.6666666667vw), 818.1333333333px);
  clip-path: polygon(0 0, 100% 4%, 100% 100%, 0 100%);
}
@media (min-width: 1024px) {
  .topNews {
    position: relative;
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    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);
    background-image: url("../images/pc/top/bg-news-lightning.webp");
    background-repeat: no-repeat;
    min-height: 400px;
    clip-path: polygon(0 0, 100% 8%, 100% 100%, 0 100%);
  }
}
.topNews__title {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: clamp(44px, calc(0px + 11.7333333333vw), 89.9946666667px);
}
@media (min-width: 1024px) {
  .topNews__title {
    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;
  gap: clamp(30px, calc(0px + 8vw), 61.36px);
}
@media (min-width: 1024px) {
  .topNews__items {
    gap: clamp(17.0666666667px, calc(0px + 1.6666666667vw), 24px);
    margin-bottom: 0;
  }
}
.topNews__items li {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: clamp(17px, calc(0px + 4.5333333333vw), 34.7706666667px);
}
@media (min-width: 1024px) {
  .topNews__items li {
    gap: clamp(21.3333333333px, calc(0px + 2.0833333333vw), 30px);
  }
}
.topNews__link {
  display: flex;
  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;
}
@media (min-width: 1024px) {
  .topNews__link {
    gap: clamp(21.3333333333px, calc(0px + 2.0833333333vw), 30px);
  }
}
.topNews__link:hover {
  opacity: 0.7;
}
.topNews__itemImage {
  width: clamp(92px, calc(0px + 24.5333333333vw), 188.1706666667px);
}
@media (min-width: 1024px) {
  .topNews__itemImage {
    width: clamp(130.8444444444px, calc(0px + 12.7777777778vw), 184px);
    height: clamp(102.4px, calc(0px + 10vw), 144px);
  }
}
.topNews__navigation {
  margin: 0 auto;
}
@media (min-width: 1024px) {
  .topNews__navigation {
    position: absolute;
    bottom: clamp(49.7777777778px, calc(0px + 4.8611111111vw), 70px);
    width: clamp(173.5111111111px, calc(0px + 16.9444444444vw), 244px);
    height: clamp(38.4px, calc(0px + 3.75vw), 54px);
  }
  .topNews__navigation .c-btn__text {
    font-size: clamp(11.3777777778px, calc(0px + 1.1111111111vw), 16px);
  }
  .topNews__navigation .c-btn__arrow {
    width: clamp(27.0222222222px, calc(0px + 2.6388888889vw), 38px);
    height: clamp(9.2444444444px, calc(0px + 0.9027777778vw), 13px);
  }
}
.topNews__itemDetail {
  position: relative;
  align-self: stretch;
  width: 100%;
}
@media (min-width: 1024px) {
  .topNews__itemDetail {
    width: clamp(395.3777777778px, calc(0px + 38.6111111111vw), 556px);
    padding-bottom: clamp(22.7555555556px, calc(0px + 2.2222222222vw), 32px);
  }
}
.topNews__itemDetail p {
  margin-top: clamp(10px, calc(0px + 2.6666666667vw), 20.4533333333px);
  width: 100%;
}
@media (min-width: 1024px) {
  .topNews__itemDetail p {
    margin-top: clamp(9.9555555556px, calc(0px + 0.9722222222vw), 14px);
  }
}
.topNews__itemDate {
  position: absolute;
  top: 0;
  right: 0;
  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;
  }
}

.serviceInformation {
  padding-top: clamp(36px, calc(0px + 9.6vw), 73.632px);
  padding-bottom: clamp(28px, calc(0px + 7.4666666667vw), 57.2693333333px);
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: clamp(26px, calc(0px + 6.9333333333vw), 53.1786666667px);
}
@media (min-width: 1024px) {
  .serviceInformation {
    padding-top: clamp(75.3777777778px, calc(0px + 7.3611111111vw), 106px);
    padding-bottom: clamp(71.1111111111px, calc(0px + 6.9444444444vw), 100px);
    gap: clamp(28.4444444444px, calc(0px + 2.7777777778vw), 40px);
  }
}
.serviceInformation__title {
  font-size: clamp(25px, calc(0px + 6.6666666667vw), 51.1333333333px);
  font-weight: bold;
  line-height: 1.5;
}
.serviceInformation__title span {
  display: block;
}
.serviceInformation__title em {
  color: #1897d6;
}
@media (min-width: 1024px) {
  .serviceInformation__title {
    font-size: clamp(34.1333333333px, calc(0px + 3.3333333333vw), 48px);
  }
  .serviceInformation__title span {
    display: inline;
  }
}
.serviceInformation__text {
  padding: 0 clamp(17px, calc(0px + 4.5333333333vw), 34.7706666667px);
  font-size: clamp(16px, calc(0px + 4.2666666667vw), 32.7253333333px);
  line-height: 1.6;
}
@media (min-width: 1024px) {
  .serviceInformation__text {
    padding: 0 clamp(100px, calc(0px + 26.6666666667vw), 204.5333333333px);
    font-size: 1.25rem;
    line-height: 2.2;
  }
}

.serviceService {
  overflow: hidden;
  margin-bottom: clamp(52px, calc(0px + 13.8666666667vw), 106.3573333333px);
}
@media (min-width: 1024px) {
  .serviceService {
    margin-bottom: clamp(54.0444444444px, calc(0px + 5.2777777778vw), 76px);
  }
}
.serviceService__title {
  margin: 0 clamp(17px, calc(0px + 4.5333333333vw), 34.7706666667px) clamp(32px, calc(0px + 8.5333333333vw), 65.4506666667px);
}
@media (min-width: 1024px) {
  .serviceService__title {
    margin: 0 clamp(71.1111111111px, calc(0px + 6.9444444444vw), 100px) clamp(59.7333333333px, calc(0px + 5.8333333333vw), 84px);
  }
}
.serviceService__case {
  display: flex;
  flex-direction: column;
  gap: clamp(24px, calc(0px + 6.4vw), 49.088px);
}
@media (min-width: 1024px) {
  .serviceService__case {
    gap: clamp(24.8888888889px, calc(0px + 2.4305555556vw), 35px);
  }
}
.serviceService__wrap {
  position: relative;
  padding-top: clamp(150px, calc(0px + 40vw), 306.8px);
}
@media (min-width: 1024px) {
  .serviceService__wrap {
    padding-top: 0;
    min-height: clamp(444.4444444444px, calc(0px + 43.4027777778vw), 625px);
  }
}
.serviceService__wrap--reverse .serviceService__number {
  margin-right: clamp(17px, calc(0px + 4.5333333333vw), 34.7706666667px);
  text-align: right;
}
.serviceService__wrap--reverse .serviceService__image {
  left: 0;
  border-radius: 0 10px 10px 0;
}
@media (min-width: 1024px) {
  .serviceService__wrap--reverse .serviceService__image {
    border-radius: 0 20px 20px 0;
  }
}
.serviceService__wrap--reverse .serviceService__detail {
  margin-left: auto;
  border-radius: 10px 0 0 10px;
}
@media (min-width: 1024px) {
  .serviceService__wrap--reverse .serviceService__detail {
    border-radius: 20px 0 0 20px;
  }
}
.serviceService__number {
  position: relative;
  z-index: 5;
  margin-left: clamp(17px, calc(0px + 4.5333333333vw), 34.7706666667px);
  font-family: Helvetica, sans-serif;
  font-size: clamp(92px, calc(0px + 24.5333333333vw), 188.1706666667px);
  font-weight: bold;
  font-style: italic;
  color: #56bbed;
  line-height: 0.7;
}
@media (min-width: 1024px) {
  .serviceService__number {
    margin-left: clamp(71.1111111111px, calc(0px + 6.9444444444vw), 100px);
    font-size: clamp(130.8444444444px, calc(0px + 12.7777777778vw), 184px);
  }
}
.serviceService__image {
  position: absolute;
  top: 0;
  right: 0;
  overflow: hidden;
  border-radius: 10px 0 0 10px;
  display: block;
}
@media (min-width: 1024px) {
  .serviceService__image {
    border-radius: 20px 0 0 20px;
  }
}
.serviceService__detail {
  position: relative;
  z-index: 2;
  overflow: hidden;
  background-color: #fff;
  border-radius: 0 10px 10px 0;
  width: clamp(357px, calc(0px + 95.2vw), 730.184px);
  padding: clamp(38px, calc(0px + 10.1333333333vw), 77.7226666667px) clamp(24px, calc(0px + 6.4vw), 49.088px) clamp(46px, calc(0px + 12.2666666667vw), 94.0853333333px) clamp(27px, calc(0px + 7.2vw), 55.224px);
}
@media (min-width: 1024px) {
  .serviceService__detail {
    width: clamp(547.5555555556px, calc(0px + 53.4722222222vw), 770px);
    border-radius: 0 20px 20px 0;
    padding: clamp(35.5555555556px, calc(0px + 3.4722222222vw), 50px) clamp(28.4444444444px, calc(0px + 2.7777777778vw), 40px) clamp(44.0888888889px, calc(0px + 4.3055555556vw), 62px) clamp(71.1111111111px, calc(0px + 6.9444444444vw), 100px);
  }
}
.serviceService__detail .c-titleSection__globalText {
  font-size: clamp(20px, calc(0px + 5.3333333333vw), 40.9066666667px);
  color: #000;
  line-height: 1.4;
}
@media (min-width: 1024px) {
  .serviceService__detail .c-titleSection__globalText {
    font-size: clamp(27.0222222222px, calc(0px + 2.6388888889vw), 38px);
  }
  .serviceService__detail .c-titleSection__globalText::before {
    margin-bottom: clamp(11.3777777778px, calc(0px + 1.1111111111vw), 16px);
  }
}
.serviceService__detail .c-titleSection__text {
  color: #9b9b9b;
}
.serviceService__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) {
  .serviceService__detailTitle {
    font-size: 2.375rem;
    margin-bottom: clamp(28.4444444444px, calc(0px + 2.7777777778vw), 40px);
  }
}

.serviceStrengths {
  position: relative;
  padding-top: clamp(150px, calc(0px + 40vw), 306.8px);
}
@media (min-width: 1024px) {
  .serviceStrengths {
    padding-top: 0;
  }
}
.serviceStrengths__image {
  position: absolute;
  top: 0;
}
@media (min-width: 1024px) {
  .serviceStrengths__image {
    position: relative;
    margin-bottom: clamp(56.8888888889px, calc(0px + 5.5555555556vw), 80px);
  }
}
.serviceStrengths__list {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  margin-bottom: clamp(54px, calc(0px + 14.4vw), 110.448px);
}
@media (min-width: 1024px) {
  .serviceStrengths__list {
    display: none;
  }
}
.serviceStrengths__list li {
  position: relative;
  margin: 0 clamp(17px, calc(0px + 4.5333333333vw), 34.7706666667px);
}
.serviceStrengths__list li:not(:last-child) {
  padding-bottom: clamp(30px, calc(0px + 8vw), 61.36px);
}
.serviceStrengths__list li:not(:last-child)::after {
  position: absolute;
  left: 50%;
  bottom: clamp(14px, calc(0px + 3.7333333333vw), 28.6346666667px);
  content: "";
  display: block;
  width: clamp(24px, calc(0px + 6.4vw), 49.088px);
  height: clamp(2px, calc(0px + 0.5333333333vw), 4.0906666667px);
  border-bottom: #000 dashed 2px;
  transform: rotate(90deg) translateY(clamp(12px, calc(0px + 3.2vw), 24.544px));
}
.serviceStrengths__listItem {
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #56bbed;
  border-radius: 10px;
  padding: clamp(24px, calc(0px + 6.4vw), 49.088px) clamp(16px, calc(0px + 4.2666666667vw), 32.7253333333px) clamp(40px, calc(0px + 10.6666666667vw), 81.8133333333px);
}
.serviceStrengths__listItem .serviceStrengths__number {
  margin-bottom: clamp(10px, calc(0px + 2.6666666667vw), 20.4533333333px);
  width: clamp(52px, calc(0px + 13.8666666667vw), 106.3573333333px);
  font-family: Helvetica, sans-serif;
  font-size: clamp(20px, calc(0px + 5.3333333333vw), 40.9066666667px);
  text-align: center;
  color: #fff;
  border-bottom: dashed 1px #fff;
}
.serviceStrengths__listItem .serviceStrengths__text {
  font-size: clamp(16px, calc(0px + 4.2666666667vw), 32.7253333333px);
  font-weight: normal;
  text-align: center;
  color: #fff;
  font-weight: 500;
  line-height: 1.8;
}
.serviceStrengths__listItem .serviceStrengths__text em {
  font-size: clamp(19px, calc(0px + 5.0666666667vw), 38.8613333333px);
  font-weight: bold;
  color: #000;
}

.bg-information {
  background: url("../images/sp/common/bg-information.webp") no-repeat center clamp(50px, calc(0px + 13.3333333333vw), 102.2666666667px)/100%;
}
@media (min-width: 1024px) {
  .bg-information {
    background: url("../images/pc/common/bg-information.webp") no-repeat center clamp(35.5555555556px, calc(0px + 3.4722222222vw), 50px)/100%;
  }
}

.recruitInformation {
  padding: clamp(36px, calc(0px + 9.6vw), 73.632px) clamp(17px, calc(0px + 4.5333333333vw), 34.7706666667px) clamp(28px, calc(0px + 7.4666666667vw), 57.2693333333px);
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: clamp(26px, calc(0px + 6.9333333333vw), 53.1786666667px);
}
@media (min-width: 1024px) {
  .recruitInformation {
    padding: clamp(75.3777777778px, calc(0px + 7.3611111111vw), 106px) clamp(71.1111111111px, calc(0px + 6.9444444444vw), 100px) clamp(71.1111111111px, calc(0px + 6.9444444444vw), 100px);
    gap: clamp(28.4444444444px, calc(0px + 2.7777777778vw), 40px);
  }
}
.recruitInformation__title {
  font-size: clamp(25px, calc(0px + 6.6666666667vw), 51.1333333333px);
  font-weight: bold;
  line-height: 1.5;
}
.recruitInformation__title span {
  display: block;
}
.recruitInformation__title em {
  color: #1897d6;
}
@media (min-width: 1024px) {
  .recruitInformation__title {
    font-size: clamp(34.1333333333px, calc(0px + 3.3333333333vw), 48px);
  }
  .recruitInformation__title span {
    display: inline;
  }
}
.recruitInformation__text {
  padding: 0 clamp(17px, calc(0px + 4.5333333333vw), 34.7706666667px);
  font-size: clamp(16px, calc(0px + 4.2666666667vw), 32.7253333333px);
  line-height: 1.6;
}
@media (min-width: 1024px) {
  .recruitInformation__text {
    padding: 0 clamp(100px, calc(0px + 26.6666666667vw), 204.5333333333px);
    font-size: 1.25rem;
    line-height: 2.2;
  }
}

.specificJob {
  overflow: hidden;
  margin-bottom: clamp(52px, calc(0px + 13.8666666667vw), 106.3573333333px);
}
@media (min-width: 1024px) {
  .specificJob {
    margin-bottom: clamp(54.0444444444px, calc(0px + 5.2777777778vw), 76px);
  }
}
.specificJob__title {
  margin: 0 clamp(17px, calc(0px + 4.5333333333vw), 34.7706666667px) clamp(32px, calc(0px + 8.5333333333vw), 65.4506666667px);
}
@media (min-width: 1024px) {
  .specificJob__title {
    position: absolute;
    z-index: 1;
    margin: 0 clamp(71.1111111111px, calc(0px + 6.9444444444vw), 100px) clamp(59.7333333333px, calc(0px + 5.8333333333vw), 84px);
  }
}
.specificJob__case {
  display: flex;
  flex-direction: column;
  gap: clamp(24px, calc(0px + 6.4vw), 49.088px);
}
@media (min-width: 1024px) {
  .specificJob__case {
    gap: clamp(24.8888888889px, calc(0px + 2.4305555556vw), 35px);
  }
}
.specificJob__wrap {
  position: relative;
  padding-top: clamp(150px, calc(0px + 40vw), 306.8px);
}
@media (min-width: 1024px) {
  .specificJob__wrap {
    padding-top: clamp(135.1111111111px, calc(0px + 13.1944444444vw), 190px);
    min-height: clamp(444.4444444444px, calc(0px + 43.4027777778vw), 625px);
  }
}
.specificJob__image {
  position: absolute;
  top: 0;
  right: 0;
  overflow: hidden;
  border-radius: 10px 0 0 10px;
  display: block;
}
@media (min-width: 1024px) {
  .specificJob__image {
    border-radius: 20px 0 0 20px;
  }
}
.specificJob__detail {
  position: relative;
  z-index: 2;
  overflow: hidden;
  background-color: #fff;
  border-radius: 0 10px 10px 0;
  width: clamp(357px, calc(0px + 95.2vw), 730.184px);
  padding: clamp(26px, calc(0px + 6.9333333333vw), 53.1786666667px) clamp(24px, calc(0px + 6.4vw), 49.088px) clamp(30px, calc(0px + 8vw), 61.36px) clamp(27px, calc(0px + 7.2vw), 55.224px);
}
@media (min-width: 1024px) {
  .specificJob__detail {
    width: clamp(547.5555555556px, calc(0px + 53.4722222222vw), 770px);
    border-radius: 0 20px 20px 0;
    padding: clamp(28.4444444444px, calc(0px + 2.7777777778vw), 40px) clamp(28.4444444444px, calc(0px + 2.7777777778vw), 40px) clamp(29.8666666667px, calc(0px + 2.9166666667vw), 42px) clamp(71.1111111111px, calc(0px + 6.9444444444vw), 100px);
  }
}

.recruitPoint {
  overflow: hidden;
  padding: clamp(68px, calc(0px + 18.1333333333vw), 139.0826666667px) 0 clamp(100px, calc(0px + 26.6666666667vw), 204.5333333333px);
  background-image: url("../images/sp/common/bg-point.webp");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
@media (min-width: 1024px) {
  .recruitPoint {
    padding: clamp(103.8222222222px, calc(0px + 10.1388888889vw), 146px) 0 clamp(170.6666666667px, calc(0px + 16.6666666667vw), 240px);
    background-image: url("../images/pc/common/bg-point.webp");
    background-size: 100% 100%;
    background-repeat: no-repeat;
  }
}
.recruitPoint__title {
  margin: 0 0 clamp(37px, calc(0px + 9.8666666667vw), 75.6773333333px) clamp(17px, calc(0px + 4.5333333333vw), 34.7706666667px);
}
@media (min-width: 1024px) {
  .recruitPoint__title {
    margin: 0 0 clamp(45.5111111111px, calc(0px + 4.4444444444vw), 64px) clamp(71.1111111111px, calc(0px + 6.9444444444vw), 100px);
  }
}
.recruitPoint .c-titleSection__globalText {
  color: #000;
}
.recruitPoint__items {
  display: flex;
  flex-direction: column;
  gap: clamp(70px, calc(0px + 18.6666666667vw), 143.1733333333px);
}
@media (min-width: 1024px) {
  .recruitPoint__items {
    gap: clamp(49.7777777778px, calc(0px + 4.8611111111vw), 70px);
  }
  .recruitPoint__items li {
    position: relative;
    display: flex;
    gap: clamp(35.5555555556px, calc(0px + 3.4722222222vw), 50px);
    margin: 0 clamp(71.1111111111px, calc(0px + 6.9444444444vw), 100px) 0 0;
  }
  .recruitPoint__items li:nth-child(even) {
    flex-direction: row-reverse;
    margin: 0 0 0 clamp(71.1111111111px, calc(0px + 6.9444444444vw), 100px);
  }
}
.recruitPoint__itemPoint1, .recruitPoint__itemPoint3 {
  margin: 0 0 clamp(10px, calc(0px + 2.6666666667vw), 20.4533333333px) clamp(17px, calc(0px + 4.5333333333vw), 34.7706666667px);
}
@media (min-width: 1024px) {
  .recruitPoint__itemPoint1, .recruitPoint__itemPoint3 {
    position: absolute;
    right: 0;
    margin: 0;
    transform: translateX(clamp(56.8888888889px, calc(0px + 5.5555555556vw), 80px));
  }
}
.recruitPoint__itemPoint2 {
  display: flex;
  justify-content: flex-end;
  margin: 0 clamp(17px, calc(0px + 4.5333333333vw), 34.7706666667px) clamp(10px, calc(0px + 2.6666666667vw), 20.4533333333px) 0;
}
@media (min-width: 1024px) {
  .recruitPoint__itemPoint2 {
    position: absolute;
    top: 0;
    left: 0;
    transform: translateX(clamp(-56.8888888889px, calc(0px + -5.5555555556vw), -80px));
    margin: 0;
  }
}
.recruitPoint__itemImage {
  margin-bottom: clamp(12px, calc(0px + 3.2vw), 24.544px);
}
@media (min-width: 1024px) {
  .recruitPoint__itemImage {
    flex: none;
  }
}
.recruitPoint__itemImage--2 {
  display: flex;
  justify-content: flex-end;
}
.recruitPoint__copy {
  margin-bottom: clamp(14px, calc(0px + 3.7333333333vw), 28.6346666667px);
}
@media (min-width: 1024px) {
  .recruitPoint__copy {
    margin-bottom: clamp(21.3333333333px, calc(0px + 2.0833333333vw), 30px);
  }
}
.recruitPoint__itemDetail {
  margin: 0 clamp(17px, calc(0px + 4.5333333333vw), 34.7706666667px);
}
@media (min-width: 1024px) {
  .recruitPoint__itemDetail {
    margin: 0;
  }
}
.recruitPoint__itemDetail p {
  line-height: 1.8;
}

.recruitPortrait {
  position: relative;
  padding: clamp(34px, calc(0px + 9.0666666667vw), 69.5413333333px) 0 clamp(32px, calc(0px + 8.5333333333vw), 65.4506666667px);
}
@media (min-width: 1024px) {
  .recruitPortrait {
    padding: clamp(60.4444444444px, calc(0px + 5.9027777778vw), 85px) 0 0;
  }
}
.recruitPortrait__title {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
  width: 100%;
}
.recruitPortrait__title .c-titleSection__globalText {
  font-size: clamp(33px, calc(0px + 8.8vw), 67.496px);
  color: #000;
  font-family: inherit;
}
@media (min-width: 1024px) {
  .recruitPortrait__title .c-titleSection__globalText {
    margin-bottom: clamp(11.3777777778px, calc(0px + 1.1111111111vw), 16px);
    font-size: clamp(54.0444444444px, calc(0px + 5.2777777778vw), 76px);
  }
}
.recruitPortrait__title .c-titleSection__globalText::before {
  margin: 0 auto clamp(6px, calc(0px + 1.6vw), 12.272px);
}
@media (min-width: 1024px) {
  .recruitPortrait__title .c-titleSection__globalText::before {
    margin: 0 auto clamp(18.4888888889px, calc(0px + 1.8055555556vw), 26px);
  }
}
.recruitPortrait__title .titleSection__text {
  font-size: clamp(12px, calc(0px + 3.2vw), 24.544px);
}
@media (min-width: 1024px) {
  .recruitPortrait__title .titleSection__text {
    font-size: clamp(14.2222222222px, calc(0px + 1.3888888889vw), 20px);
  }
}
.recruitPortrait__content {
  border-radius: 10px;
  background-color: #fff;
  margin: 0 clamp(17px, calc(0px + 4.5333333333vw), 34.7706666667px);
  padding: clamp(55px, calc(0px + 14.6666666667vw), 112.4933333333px) clamp(32px, calc(0px + 8.5333333333vw), 65.4506666667px) clamp(34px, calc(0px + 9.0666666667vw), 69.5413333333px);
}
@media (min-width: 1024px) {
  .recruitPortrait__content {
    border-radius: 20px;
    padding: clamp(92.4444444444px, calc(0px + 9.0277777778vw), 130px) clamp(39.1111111111px, calc(0px + 3.8194444444vw), 55px) clamp(39.1111111111px, calc(0px + 3.8194444444vw), 55px);
    margin: 0 clamp(71.1111111111px, calc(0px + 6.9444444444vw), 100px);
  }
}
.recruitPortrait__items {
  display: flex;
  flex-direction: column;
  gap: clamp(12px, calc(0px + 3.2vw), 24.544px);
  margin-bottom: clamp(32px, calc(0px + 8.5333333333vw), 65.4506666667px);
}
@media (min-width: 1024px) {
  .recruitPortrait__items {
    flex-direction: row;
    gap: clamp(14.2222222222px, calc(0px + 1.3888888889vw), 20px);
    margin-bottom: clamp(18.4888888889px, calc(0px + 1.8055555556vw), 26px);
  }
}
.recruitPortrait__items li {
  position: relative;
  padding-top: clamp(27px, calc(0px + 7.2vw), 55.224px);
}
@media (min-width: 1024px) {
  .recruitPortrait__items li {
    padding-top: clamp(21.3333333333px, calc(0px + 2.0833333333vw), 30px);
    flex: 1;
  }
}
.recruitPortrait__itemIcon {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.recruitPortrait__itemBox {
  display: flex;
  align-items: center;
  border-radius: 10px;
  background-color: #bde9fa;
  padding: clamp(21px, calc(0px + 5.6vw), 42.952px) clamp(20px, calc(0px + 5.3333333333vw), 40.9066666667px) clamp(21px, calc(0px + 5.6vw), 42.952px) clamp(27px, calc(0px + 7.2vw), 55.224px);
  min-height: clamp(94px, calc(0px + 25.0666666667vw), 192.2613333333px);
}
@media (min-width: 1024px) {
  .recruitPortrait__itemBox {
    align-items: flex-start;
    border-radius: 20px;
    min-height: auto;
    height: 100%;
    padding: clamp(32px, calc(0px + 3.125vw), 45px) clamp(17.7777777778px, calc(0px + 1.7361111111vw), 25px);
  }
}

.recruitEvent {
  margin: 0 clamp(17px, calc(0px + 4.5333333333vw), 34.7706666667px);
  min-height: clamp(490px, calc(0px + 130.6666666667vw), 1002.2133333333px);
  background: url("../images/sp/recruit/bg-recruit-lightning.webp") no-repeat 60% clamp(220px, calc(0px + 58.6666666667vw), 449.9733333333px)/clamp(155px, calc(0px + 41.3333333333vw), 317.0266666667px) clamp(427px, calc(0px + 113.8666666667vw), 873.3573333333px);
}
@media (min-width: 1024px) {
  .recruitEvent {
    display: flex;
    justify-content: flex-start;
    margin: 0 clamp(71.1111111111px, calc(0px + 6.9444444444vw), 100px);
    padding-top: clamp(71.1111111111px, calc(0px + 6.9444444444vw), 100px);
    gap: clamp(32.7111111111px, calc(0px + 3.1944444444vw), 46px);
    min-height: clamp(467.2px, calc(0px + 45.625vw), 657px);
    background: url("../images/pc/recruit/bg-recruit-lightning.webp") no-repeat 100% 20%/clamp(155px, calc(0px + 41.3333333333vw), 317.0266666667px) clamp(427px, calc(0px + 113.8666666667vw), 873.3573333333px);
  }
}
.recruitEvent__img {
  margin-bottom: clamp(23px, calc(0px + 6.1333333333vw), 47.0426666667px);
  display: block;
}
@media (min-width: 1024px) {
  .recruitEvent__img {
    width: 100%;
    margin-bottom: 0;
  }
}
.recruitEvent__title {
  margin-bottom: clamp(17px, calc(0px + 4.5333333333vw), 34.7706666667px);
}
@media (min-width: 1024px) {
  .recruitEvent__title {
    margin-bottom: clamp(32.7111111111px, calc(0px + 3.1944444444vw), 46px);
  }
}

.recruitRecruit {
  padding: clamp(40px, calc(0px + 10.6666666667vw), 81.8133333333px) clamp(17px, calc(0px + 4.5333333333vw), 34.7706666667px);
  background-color: #fff;
}
@media (min-width: 1024px) {
  .recruitRecruit {
    padding: clamp(28.4444444444px, calc(0px + 2.7777777778vw), 40px) clamp(71.1111111111px, calc(0px + 6.9444444444vw), 100px);
  }
}
.recruitRecruit__title {
  margin-bottom: clamp(20px, calc(0px + 5.3333333333vw), 40.9066666667px);
}
@media (min-width: 1024px) {
  .recruitRecruit__title {
    margin-bottom: clamp(35.5555555556px, calc(0px + 3.4722222222vw), 50px);
    align-items: flex-start;
  }
  .recruitRecruit__title .c-titleSection__globalText::before {
    justify-self: flex-start;
  }
}
.recruitRecruit__details {
  border-top: solid 1px #56bbed;
  padding-top: clamp(2px, calc(0px + 0.5333333333vw), 4.0906666667px);
}
@media (min-width: 1024px) {
  .recruitRecruit__details {
    display: grid;
    padding-top: 0;
    grid-template-columns: clamp(120px, calc(0px + 32vw), 245.44px) 1fr;
  }
}
@media (min-width: 1024px) {
  .recruitRecruit__details dt {
    padding: clamp(2.8444444444px, calc(0px + 0.2777777778vw), 4px) 0;
    border-bottom: solid 1px #56bbed;
  }
}
.recruitRecruit__details dt .recruitRecruit__detailDtInner {
  display: block;
  padding: clamp(8px, calc(0px + 2.1333333333vw), 16.3626666667px) clamp(9px, calc(0px + 2.4vw), 18.408px);
  background-color: #bde9fa;
  font-weight: bold;
}
@media (min-width: 1024px) {
  .recruitRecruit__details dt .recruitRecruit__detailDtInner {
    padding: clamp(11.3777777778px, calc(0px + 1.1111111111vw), 16px) clamp(35.5555555556px, calc(0px + 3.4722222222vw), 50px);
    height: 100%;
  }
}
.recruitRecruit__details dd {
  padding: clamp(8px, calc(0px + 2.1333333333vw), 16.3626666667px) clamp(9px, calc(0px + 2.4vw), 18.408px);
  border-bottom: solid 1px #56bbed;
  margin-bottom: clamp(2px, calc(0px + 0.5333333333vw), 4.0906666667px);
}
@media (min-width: 1024px) {
  .recruitRecruit__details dd {
    margin-bottom: 0;
    padding: clamp(14.2222222222px, calc(0px + 1.3888888889vw), 20px) clamp(48.3555555556px, calc(0px + 4.7222222222vw), 68px) clamp(2.8444444444px, calc(0px + 0.2777777778vw), 4px);
    border-bottom: solid 1px #56bbed;
  }
}
.recruitRecruit__details dd span {
  display: block;
}
@media (min-width: 1024px) {
  .recruitRecruit__details dd span {
    display: inline;
  }
}

.recruitContact {
  padding: clamp(22px, calc(0px + 5.8666666667vw), 44.9973333333px) clamp(17px, calc(0px + 4.5333333333vw), 34.7706666667px);
}
.recruitContact__inner {
  position: relative;
  padding: clamp(40px, calc(0px + 10.6666666667vw), 81.8133333333px) 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: clamp(40px, calc(0px + 10.6666666667vw), 81.8133333333px);
  text-align: center;
  border: solid 3px #56bbed;
  background-color: #fff;
}
@media (min-width: 1024px) {
  .recruitContact__inner {
    flex-direction: row;
    justify-content: space-between;
    gap: 0;
    padding: clamp(21.3333333333px, calc(0px + 2.0833333333vw), 30px) clamp(58.3111111111px, calc(0px + 5.6944444444vw), 82px);
  }
}
.recruitContact__detailTitle {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (min-width: 1024px) {
  .recruitContact__detailTitle {
    align-items: flex-start;
  }
}
.recruitContact__detailTitle .icon-section-star {
  margin-bottom: clamp(4px, calc(0px + 1.0666666667vw), 8.1813333333px);
}
@media (min-width: 1024px) {
  .recruitContact__details {
    margin-right: clamp(42.6666666667px, calc(0px + 4.1666666667vw), 60px);
  }
}
.recruitContact__date {
  margin-bottom: clamp(40px, calc(0px + 10.6666666667vw), 81.8133333333px);
}
@media (min-width: 1024px) {
  .recruitContact__date {
    margin-bottom: clamp(28.4444444444px, calc(0px + 2.7777777778vw), 40px);
  }
}
.recruitContact__title {
  font-size: clamp(20px, calc(0px + 5.3333333333vw), 40.9066666667px);
}
.recruitContact__text {
  font-size: clamp(13px, calc(0px + 3.4666666667vw), 26.5893333333px);
  color: #9b9b9b;
}
.recruitContact__phoneNumber {
  font-size: clamp(25px, calc(0px + 6.6666666667vw), 51.1333333333px);
  font-weight: bold;
}
.recruitContact__phoneNumber a {
  text-decoration: none;
  color: #000;
}
@media (min-width: 1024px) {
  .recruitContact__phoneNumber {
    font-size: clamp(27.0222222222px, calc(0px + 2.6388888889vw), 38px);
  }
}
.recruitContact__phoneNumber .icon-phone {
  width: clamp(21px, calc(0px + 5.6vw), 42.952px);
}
.recruitContact__businessHours {
  font-size: clamp(15px, calc(0px + 4vw), 30.68px);
}
@media (min-width: 1024px) {
  .recruitContact__businessHours {
    font-size: clamp(14.2222222222px, calc(0px + 1.3888888889vw), 20px);
  }
}
.recruitContact hr {
  width: clamp(278px, calc(0px + 74.1333333333vw), 568.6026666667px);
  height: clamp(1px, calc(0px + 0.2666666667vw), 2.0453333333px);
  border: none;
  margin: 0;
  border-top: dashed 1px #000;
}
@media (min-width: 1024px) {
  .recruitContact hr {
    border-top: none;
    border-right: dashed 1px #000;
    width: clamp(2.8444444444px, calc(0px + 0.2777777778vw), 4px);
    height: clamp(189.1555555556px, calc(0px + 18.4722222222vw), 266px);
    margin-left: clamp(42.6666666667px, calc(0px + 4.1666666667vw), 60px);
  }
}

.bg-information {
  background: url("../images/sp/common/bg-information.webp") no-repeat center clamp(50px, calc(0px + 13.3333333333vw), 102.2666666667px)/100%;
}
@media (min-width: 1024px) {
  .bg-information {
    background: url("../images/pc/common/bg-information.webp") no-repeat center clamp(35.5555555556px, calc(0px + 3.4722222222vw), 50px)/100%;
  }
}

.companyMessage {
  padding-top: clamp(44px, calc(0px + 11.7333333333vw), 89.9946666667px);
  margin-bottom: clamp(52px, calc(0px + 13.8666666667vw), 106.3573333333px);
}
@media (min-width: 1024px) {
  .companyMessage {
    padding-top: clamp(79.6444444444px, calc(0px + 7.7777777778vw), 112px);
    margin-bottom: clamp(54.0444444444px, calc(0px + 5.2777777778vw), 76px);
  }
}
.companyMessage__title {
  margin: 0 clamp(17px, calc(0px + 4.5333333333vw), 34.7706666667px) clamp(32px, calc(0px + 8.5333333333vw), 65.4506666667px);
}
@media (min-width: 1024px) {
  .companyMessage__title {
    position: absolute;
    margin: 0 clamp(71.1111111111px, calc(0px + 6.9444444444vw), 100px) clamp(59.7333333333px, calc(0px + 5.8333333333vw), 84px);
  }
}
.companyMessage__message {
  display: flex;
  flex-direction: column;
  gap: clamp(24px, calc(0px + 6.4vw), 49.088px);
}
@media (min-width: 1024px) {
  .companyMessage__message {
    gap: clamp(24.8888888889px, calc(0px + 2.4305555556vw), 35px);
  }
}
.companyMessage__wrap {
  position: relative;
  padding-top: clamp(220px, calc(0px + 58.6666666667vw), 449.9733333333px);
}
@media (min-width: 1024px) {
  .companyMessage__wrap {
    padding-top: clamp(135.1111111111px, calc(0px + 13.1944444444vw), 190px);
    min-height: clamp(444.4444444444px, calc(0px + 43.4027777778vw), 625px);
  }
}
.companyMessage__image {
  position: absolute;
  top: 0;
  right: 0;
  overflow: hidden;
  border-radius: 10px 0 0 10px;
  display: block;
}
@media (min-width: 1024px) {
  .companyMessage__image {
    border-radius: 20px 0 0 20px;
  }
}
.companyMessage__detail {
  position: relative;
  z-index: 2;
  overflow: hidden;
  background-color: #fff;
  border-radius: 0 10px 10px 0;
  width: clamp(357px, calc(0px + 95.2vw), 730.184px);
  padding: clamp(26px, calc(0px + 6.9333333333vw), 53.1786666667px) clamp(24px, calc(0px + 6.4vw), 49.088px) clamp(30px, calc(0px + 8vw), 61.36px) clamp(27px, calc(0px + 7.2vw), 55.224px);
}
@media (min-width: 1024px) {
  .companyMessage__detail {
    width: clamp(547.5555555556px, calc(0px + 53.4722222222vw), 770px);
    border-radius: 0 20px 20px 0;
    padding: clamp(42.6666666667px, calc(0px + 4.1666666667vw), 60px) clamp(28.4444444444px, calc(0px + 2.7777777778vw), 40px) clamp(44.0888888889px, calc(0px + 4.3055555556vw), 62px) clamp(71.1111111111px, calc(0px + 6.9444444444vw), 100px);
  }
}
.companyMessage__ceo {
  margin-top: clamp(16px, calc(0px + 4.2666666667vw), 32.7253333333px);
  display: block;
  text-align: right;
}
@media (min-width: 1024px) {
  .companyMessage__ceo {
    margin-top: clamp(44.0888888889px, calc(0px + 4.3055555556vw), 62px);
  }
}

.companyInformation {
  padding: clamp(40px, calc(0px + 10.6666666667vw), 81.8133333333px) clamp(17px, calc(0px + 4.5333333333vw), 34.7706666667px);
  background-color: #fff;
}
@media (min-width: 1024px) {
  .companyInformation {
    padding: clamp(28.4444444444px, calc(0px + 2.7777777778vw), 40px) clamp(71.1111111111px, calc(0px + 6.9444444444vw), 100px);
  }
}
.companyInformation__title {
  margin-bottom: clamp(20px, calc(0px + 5.3333333333vw), 40.9066666667px);
}
@media (min-width: 1024px) {
  .companyInformation__title {
    margin-bottom: clamp(35.5555555556px, calc(0px + 3.4722222222vw), 50px);
    align-items: flex-start;
  }
  .companyInformation__title .c-titleSection__globalText::before {
    justify-self: flex-start;
  }
}
.companyInformation__details {
  border-top: solid 1px #56bbed;
  padding-top: clamp(2px, calc(0px + 0.5333333333vw), 4.0906666667px);
}
@media (min-width: 1024px) {
  .companyInformation__details {
    display: grid;
    padding-top: 0;
    grid-template-columns: clamp(120px, calc(0px + 32vw), 245.44px) 1fr;
  }
}
@media (min-width: 1024px) {
  .companyInformation__details dt {
    padding: clamp(2.8444444444px, calc(0px + 0.2777777778vw), 4px) 0;
    border-bottom: solid 1px #56bbed;
  }
}
.companyInformation__details dt .companyInformation__detailDtInner {
  display: block;
  padding: clamp(8px, calc(0px + 2.1333333333vw), 16.3626666667px) clamp(9px, calc(0px + 2.4vw), 18.408px);
  background-color: #bde9fa;
  font-weight: bold;
}
@media (min-width: 1024px) {
  .companyInformation__details dt .companyInformation__detailDtInner {
    padding: clamp(11.3777777778px, calc(0px + 1.1111111111vw), 16px) clamp(35.5555555556px, calc(0px + 3.4722222222vw), 50px);
    height: 100%;
  }
}
.companyInformation__details dd {
  padding: clamp(8px, calc(0px + 2.1333333333vw), 16.3626666667px) clamp(9px, calc(0px + 2.4vw), 18.408px);
  border-bottom: solid 1px #56bbed;
  margin-bottom: clamp(2px, calc(0px + 0.5333333333vw), 4.0906666667px);
}
@media (min-width: 1024px) {
  .companyInformation__details dd {
    display: flex;
    align-items: center;
    margin-bottom: 0;
    padding: clamp(2.8444444444px, calc(0px + 0.2777777778vw), 4px) clamp(48.3555555556px, calc(0px + 4.7222222222vw), 68px);
    border-bottom: solid 1px #56bbed;
  }
}
.companyInformation__details dd span {
  display: block;
}
@media (min-width: 1024px) {
  .companyInformation__details dd span {
    display: inline;
  }
}

.companyAccess {
  padding: clamp(40px, calc(0px + 10.6666666667vw), 81.8133333333px) clamp(17px, calc(0px + 4.5333333333vw), 34.7706666667px) clamp(52px, calc(0px + 13.8666666667vw), 106.3573333333px);
  background-color: #56bbed;
}
@media (min-width: 1024px) {
  .companyAccess {
    padding: clamp(49.7777777778px, calc(0px + 4.8611111111vw), 70px) clamp(71.1111111111px, calc(0px + 6.9444444444vw), 100px) clamp(54.7555555556px, calc(0px + 5.3472222222vw), 77px);
  }
}
.companyAccess .c-titleSection__globalText {
  color: #000;
}
.companyAccess__title {
  margin-bottom: clamp(36px, calc(0px + 9.6vw), 73.632px);
}
@media (min-width: 1024px) {
  .companyAccess__title {
    margin-bottom: clamp(28.4444444444px, calc(0px + 2.7777777778vw), 40px);
  }
}
.companyAccess__map {
  width: 100%;
  margin-bottom: clamp(24px, calc(0px + 6.4vw), 49.088px);
  border-radius: 20px;
  overflow: hidden;
}
@media (min-width: 1024px) {
  .companyAccess__map {
    margin-bottom: clamp(22.7555555556px, calc(0px + 2.2222222222vw), 32px);
    border-radius: 20px;
  }
}
.companyAccess__map iframe {
  display: block;
  width: 100%;
  height: clamp(380px, calc(0px + 101.3333333333vw), 777.2266666667px);
}
@media (min-width: 1024px) {
  .companyAccess__map iframe {
    height: clamp(540.4444444444px, calc(0px + 52.7777777778vw), 760px);
  }
}

.contactForm {
  background-color: #fff;
  margin-top: clamp(48px, calc(0px + 12.8vw), 98.176px);
  padding: clamp(60px, calc(0px + 16vw), 122.72px) clamp(17px, calc(0px + 4.5333333333vw), 34.7706666667px) clamp(52px, calc(0px + 13.8666666667vw), 106.3573333333px);
}
@media (min-width: 1024px) {
  .contactForm {
    padding: clamp(89.6px, calc(0px + 8.75vw), 126px) clamp(71.1111111111px, calc(0px + 6.9444444444vw), 100px) clamp(78.2222222222px, calc(0px + 7.6388888889vw), 110px);
  }
}
.contactForm select,
.contactForm input[type=text],
.contactForm input[type=email],
.contactForm input[type=tel],
.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: #bde9fa;
  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 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 textarea::placeholder {
  color: #72caec;
}
.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);
  }
}
@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: #56bbed;
}
.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(17.0666666667px, calc(0px + 1.6666666667vw), 24px);
  }
}
.contactForm__toConfirm[disabled], .contactForm__backToInput[disabled],
.contactForm .wpcf7-submit[disabled] {
  filter: grayscale(1);
  pointer-events: none;
}
.contactForm__toConfirm {
  display: block;
}
.contactForm__backToInput {
  background-color: transparent;
  border: #ffc30e solid 1px;
}
.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 textarea {
  background-color: transparent;
  border: none;
  pointer-events: none;
  color: #000;
}
.contactForm.is-confirm select {
  background-image: none;
}
.contactForm.is-confirm input[type=checkbox] {
  pointer-events: none;
}

.flowFlow {
  padding: clamp(42px, calc(0px + 11.2vw), 85.904px) 0 clamp(15px, calc(0px + 4vw), 30.68px);
}
@media (min-width: 1024px) {
  .flowFlow {
    position: relative;
    z-index: 1;
    margin-top: clamp(76.8px, calc(0px + 7.5vw), 108px);
    margin-bottom: clamp(-85.3333333333px, calc(0px + -8.3333333333vw), -120px);
    padding: clamp(42.6666666667px, calc(0px + 4.1666666667vw), 60px) 0 clamp(113.7777777778px, calc(0px + 11.1111111111vw), 160px);
    background-color: #fff;
  }
}
.flowFlow .c-titleSection__globalText {
  letter-spacing: -0.15rem;
}
.flowFlow__title {
  margin: 0 clamp(17px, calc(0px + 4.5333333333vw), 34.7706666667px) clamp(30px, calc(0px + 8vw), 61.36px);
}
@media (min-width: 1024px) {
  .flowFlow__title {
    margin: 0 clamp(71.1111111111px, calc(0px + 6.9444444444vw), 100px) clamp(51.2px, calc(0px + 5vw), 72px);
  }
}

.routine {
  padding: clamp(68px, calc(0px + 18.1333333333vw), 139.0826666667px) 0 clamp(100px, calc(0px + 26.6666666667vw), 204.5333333333px);
  background-image: url("../images/sp/common/bg-point.webp");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
@media (min-width: 1024px) {
  .routine {
    position: relative;
    z-index: 2;
    padding: clamp(103.8222222222px, calc(0px + 10.1388888889vw), 146px) 0 clamp(170.6666666667px, calc(0px + 16.6666666667vw), 240px);
    background-image: url("../images/pc/common/bg-point.webp");
    background-size: 100% 100%;
    background-repeat: no-repeat;
  }
}
.routine__title {
  margin: 0 0 clamp(37px, calc(0px + 9.8666666667vw), 75.6773333333px) clamp(17px, calc(0px + 4.5333333333vw), 34.7706666667px);
}
@media (min-width: 1024px) {
  .routine__title {
    margin: 0 0 clamp(45.5111111111px, calc(0px + 4.4444444444vw), 64px) clamp(71.1111111111px, calc(0px + 6.9444444444vw), 100px);
  }
}
.routine .c-titleSection__globalText {
  color: #000;
}
.routine__schedule {
  margin: 0 clamp(17px, calc(0px + 4.5333333333vw), 34.7706666667px);
}
@media (min-width: 1024px) {
  .routine__schedule {
    margin: 0 clamp(71.1111111111px, calc(0px + 6.9444444444vw), 100px);
  }
}
.routine__schedule li {
  position: relative;
  padding: clamp(38px, calc(0px + 10.1333333333vw), 77.7226666667px) 0 clamp(50px, calc(0px + 13.3333333333vw), 102.2666666667px) clamp(32px, calc(0px + 8.5333333333vw), 65.4506666667px);
}
@media (min-width: 1024px) {
  .routine__schedule li {
    padding: 0 0 clamp(59.7333333333px, calc(0px + 5.8333333333vw), 84px) clamp(236.0888888889px, calc(0px + 23.0555555556vw), 332px);
  }
}
.routine__schedule li::before {
  position: absolute;
  top: 0;
  left: clamp(4px, calc(0px + 1.0666666667vw), 8.1813333333px);
  content: "";
  display: block;
  width: clamp(12px, calc(0px + 3.2vw), 24.544px);
  height: clamp(12px, calc(0px + 3.2vw), 24.544px);
  border-radius: clamp(6px, calc(0px + 1.6vw), 12.272px);
  background-color: #000;
}
@media (min-width: 1024px) {
  .routine__schedule li::before {
    width: clamp(17.0666666667px, calc(0px + 1.6666666667vw), 24px);
    height: clamp(17.0666666667px, calc(0px + 1.6666666667vw), 24px);
    left: clamp(34.1333333333px, calc(0px + 3.3333333333vw), 48px);
    border-radius: clamp(8.5333333333px, calc(0px + 0.8333333333vw), 12px);
  }
}
.routine__schedule li:not(:last-child)::after {
  position: absolute;
  top: 0;
  left: clamp(9px, calc(0px + 2.4vw), 18.408px);
  content: "";
  display: block;
  width: clamp(1px, calc(0px + 0.2666666667vw), 2.0453333333px);
  height: 100%;
  border-left: dashed 1px #000;
}
@media (min-width: 1024px) {
  .routine__schedule li:not(:last-child)::after {
    left: clamp(42.6666666667px, calc(0px + 4.1666666667vw), 60px);
    width: clamp(0.7111111111px, calc(0px + 0.0694444444vw), 1px);
  }
}
.routine__scheduleItemDate {
  position: absolute;
  z-index: 3;
  top: clamp(-2px, calc(0px + -0.5333333333vw), -4.0906666667px);
  left: clamp(32px, calc(0px + 8.5333333333vw), 65.4506666667px);
  line-height: 1;
}
@media (min-width: 1024px) {
  .routine__scheduleItemDate {
    top: clamp(2px, calc(0px + 0.5333333333vw), 4.0906666667px);
    left: clamp(68.2666666667px, calc(0px + 6.6666666667vw), 96px);
  }
}
.routine__scheduleItemTitle {
  position: absolute;
  top: clamp(26px, calc(0px + 6.9333333333vw), 53.1786666667px);
  left: clamp(52px, calc(0px + 13.8666666667vw), 106.3573333333px);
  display: inline-block;
  padding: clamp(2px, calc(0px + 0.5333333333vw), 4.0906666667px) clamp(10px, calc(0px + 2.6666666667vw), 20.4533333333px);
  color: #fff;
  font-weight: bold;
  background-color: #000;
  font-size: clamp(19px, calc(0px + 5.0666666667vw), 38.8613333333px);
}
@media (min-width: 1024px) {
  .routine__scheduleItemTitle {
    top: clamp(-22.7555555556px, calc(0px + -2.2222222222vw), -32px);
    left: clamp(264.5333333333px, calc(0px + 25.8333333333vw), 372px);
    font-size: 2.375rem;
  }
}
.routine__scheduleItemBox {
  width: 100%;
  padding: clamp(35px, calc(0px + 9.3333333333vw), 71.5866666667px) clamp(20px, calc(0px + 5.3333333333vw), 40.9066666667px);
  border-radius: 10px;
  background-color: #fff;
}
@media (min-width: 1024px) {
  .routine__scheduleItemBox {
    padding: clamp(49.7777777778px, calc(0px + 4.8611111111vw), 70px) clamp(31.2888888889px, calc(0px + 3.0555555556vw), 44px) clamp(22.7555555556px, calc(0px + 2.2222222222vw), 32px);
  }
}
.routine__scheduleNext {
  position: absolute;
  bottom: clamp(14px, calc(0px + 3.7333333333vw), 28.6346666667px);
  left: 50%;
}
@media (min-width: 1024px) {
  .routine__scheduleNext {
    left: auto;
    right: clamp(291.5555555556px, calc(0px + 28.4722222222vw), 410px);
  }
}

.flowFaq {
  padding: clamp(42px, calc(0px + 11.2vw), 85.904px) clamp(17px, calc(0px + 4.5333333333vw), 34.7706666667px) clamp(15px, calc(0px + 4vw), 30.68px);
}
@media (min-width: 1024px) {
  .flowFaq {
    position: relative;
    z-index: 1;
    margin-top: clamp(76.8px, calc(0px + 7.5vw), 108px);
    padding: 0 clamp(71.1111111111px, calc(0px + 6.9444444444vw), 100px) clamp(113.7777777778px, calc(0px + 11.1111111111vw), 160px);
  }
}
.flowFaq__title {
  margin: 0 0 clamp(30px, calc(0px + 8vw), 61.36px);
}
@media (min-width: 1024px) {
  .flowFaq__title {
    margin: 0 0 clamp(51.2px, calc(0px + 5vw), 72px);
  }
}

.newsArchive {
  margin-top: clamp(44px, calc(0px + 11.7333333333vw), 89.9946666667px);
  padding: clamp(48px, calc(0px + 12.8vw), 98.176px) clamp(17px, calc(0px + 4.5333333333vw), 34.7706666667px) clamp(60px, calc(0px + 16vw), 122.72px);
  background-color: #fff;
  background-image: url("../images/sp/top/bg-news-lightning.webp");
  background-repeat: no-repeat;
  min-height: clamp(400px, calc(0px + 106.6666666667vw), 818.1333333333px);
  clip-path: polygon(0 0, 100% 4%, 100% 100%, 0 100%);
}
@media (min-width: 1024px) {
  .newsArchive {
    margin-top: clamp(79.6444444444px, calc(0px + 7.7777777778vw), 112px);
    position: relative;
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    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);
    background-image: url("../images/pc/top/bg-news-lightning.webp");
    background-repeat: no-repeat;
    min-height: 400px;
    clip-path: polygon(0 0, 100% 8%, 100% 100%, 0 100%);
  }
}
.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;
  }
}

.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: #56bbed;
  color: #fff;
  border-color: #56bbed;
}

.newsSingle {
  margin-top: clamp(48px, calc(0px + 12.8vw), 98.176px);
  background-color: #fff;
  padding: clamp(60px, calc(0px + 16vw), 122.72px) clamp(17px, calc(0px + 4.5333333333vw), 34.7706666667px) clamp(52px, calc(0px + 13.8666666667vw), 106.3573333333px);
}
@media (min-width: 1024px) {
  .newsSingle {
    margin: clamp(75.3777777778px, calc(0px + 7.3611111111vw), 106px) 0 0;
    padding: clamp(89.6px, calc(0px + 8.75vw), 126px) 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: "Noto Sans JP", -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: #333;
  background-color: #e6e6e6;
  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;
}