@media screen and (min-width: 769px) {
/* ============================================================
   SECTION 6
   ========================================================== */
.sec-6 {
  position: relative;
  width: 100%;
  max-width: var(--content-max-width);
  height: 1328px;
  margin: 0 auto;
  /* sec-5(top 5795 + height 1600 = 7395px)
     Figmaのsec-6開始が7468pxなので、差分の73pxをマージンに設定 */
  margin-top: 73px;
  z-index: 1;
}

.sec-6__inner {
  position: absolute;
  width: 1920px;
  height: 1328px;
  top: 0;
  left: calc(50% - 960px);
  pointer-events: auto;
  overflow: hidden;
}

.sec-6__bg {
  position: absolute;
  width: 1920px;
  height: 1328px;
  left: 0;
  top: 0;
  background: #E9F7F6;
  z-index: 1;
}

.sec-6__title {
  position: absolute;
  width: 415px;
  height: 83px;
  left: calc(50% - 415px/2 - 0.5px);
  top: 99px; /* Figma絶対座標 7567 - sec-6開始 7468 */
  background: url('../images/sec6/sec6_title.png') no-repeat center center / contain;
  z-index: 2;
}

/* --- セクション6 タブ切り替え --- */
.sec-6__tab-bg {
  position: absolute;
  width: 1200px;
  height: 35px;
  left: 360px;
  top: 242px; /* 7710 - 7468 */
  background: #D9D9D9;
  border-radius: 100px;
  z-index: 2;
}
.sec-6__tab-active {
  position: absolute;
  width: 600px;
  height: 35px;
  left: 360px;
  top: 242px;
  background: #1E333B;
  border-radius: 100px;
  z-index: 3;
  transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.sec-6__tab-active.is-right {
  transform: translateX(600px);
}

.js-tab-btn-2 {
  cursor: pointer;
  transition: color 0.3s ease;
  z-index: 4; /* クリック可能なように前面に */
}
.is-active-tab-2 {
  color: #FFFFFF;
}
.is-inactive-tab-2 {
  color: #1E333B;
}

.sec-6__tab-text-left {
  position: absolute;
  width: 600px;
  height: 35px;
  left: 360px;
  top: 242px;
  line-height: 35px; /* 一行中央揃え */
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 700;
  font-size: 16px;
  text-align: center;
  z-index: 4;
}
.sec-6__tab-text-right {
  position: absolute;
  width: 600px;
  height: 35px;
  left: 960px;
  top: 242px;
  line-height: 35px;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 700;
  font-size: 16px;
  text-align: center;
  z-index: 4;
}

/* --- ランディングページ タブコンテンツ --- */
.sec-6__lp-badge {
  position: absolute;
  width: 355px;
  height: 42px;
  left: calc(50% - 355px/2 + 0.5px);
  top: 332px; /* Figma: 7800 - 7468 */
  background: url('../images/sec6/ランディングページ 1.png') no-repeat center center / contain;
  z-index: 2;
}

.sec-6__lp-text {
  position: absolute;
  width: 555px;
  height: auto;
  left: calc(50% - 555px/2 + 0.5px);
  top: 394px; /* Figma: 7862 - 7468 */
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 175%;
  text-align: center;
  color: #1E333B;
  z-index: 2;
}


/* --- LP ライトプラン --- */
.sec-6__lp-card-header--light {
  position: absolute;
  width: 370.55px;
  height: 220.45px;
  left: 381px;
  top: 486px; /* Figma: 7954 - 7468 */
  background: #86C243;
  border-radius: 18.76px 18.76px 0 0;
  z-index: 2;
}

.sec-6__lp-plan-name--light {
  position: absolute;
  width: 136px;
  height: 39px;
  left: calc(50% - 136px/2 - 394px);
  top: 501px; /* Figma: 7969 - 7468 */
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 700;
  font-size: 22.51px;
  line-height: 175%;
  text-align: center;
  color: #FFFFFF;
  z-index: 3;
}

.sec-6__lp-price--light {
  position: absolute;
  width: 166px;
  height: 88px;
  left: calc(50% - 166px/2 - 394px);
  top: 527px; /* Figma: 7995 - 7468 */
  font-family: 'DIN 2014', 'Oswald', 'Inter', 'Noto Sans JP', sans-serif;
  font-weight: 600;
  font-size: 50px;
  line-height: 175%;
  text-align: center;
  color: #FFFFFF;
  z-index: 3;
}

.sec-6__lp-yen {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 14px;
  margin-left: 2px;
}

.sec-6__lp-tax--light {
  position: absolute;
  width: 109px;
  height: 21px;
  left: calc(50% - 109px/2 - 393.5px);
  top: 600px; /* Figma: 8068 - 7468 */
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 400;
  font-size: 12.2px;
  line-height: 175%;
  text-align: center;
  color: #FFFFFF;
  z-index: 3;
}

.sec-6__lp-desc-bg--light {
  position: absolute;
  width: 314.26px;
  height: 60.98px;
  left: calc(50% - 314.26px/2 - 393.87px);
  top: 631px; /* Figma: 8099 - 7468 */
  background: #FFFFFF;
  border-radius: 4.69px;
  z-index: 3;
}

.sec-6__lp-desc--light {
  position: absolute;
  width: 257px;
  height: 50px;
  left: calc(50% - 257px/2 - 393.5px);
  top: 638px; /* Figma: 8106 - 7468 */
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 700;
  font-size: 14.07px;
  line-height: 175%;
  text-align: center;
  color: #86C243;
  z-index: 4;
}

/* ライトプラン テーブル共通 */
.sec-6__lp-cell-left {
  position: absolute;
  width: 93.81px;
  background: #E2F0D2;
  z-index: 2;
}
.sec-6__lp-cell-right {
  position: absolute;
  width: 275.8px;
  background: #FFFFFF;
  z-index: 2;
}
.sec-6__lp-label {
  position: absolute;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 400;
  font-size: 14.07px;
  line-height: 175%;
  text-align: center;
  color: #1E333B;
  z-index: 3;
}
.sec-6__lp-value {
  position: absolute;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 700;
  font-size: 14.07px;
  line-height: 175%;
  color: #1E333B;
  z-index: 3;
}

/* ライトプラン 行1: 内容例 */
.sec-6__lp-cell-left.sec-6__lp-row--light-1 { left: 381px; top: 725px; height: 39.4px; } /* Figma: 8193 - 7468 */
.sec-6__lp-cell-right.sec-6__lp-row--light-1 { left: 475.75px; top: 725px; height: 39.4px; }
.sec-6__lp-label--light-1 { width: 43px; left: 407.27px; top: 733px; } /* Figma: 8201 - 7468 */
.sec-6__lp-value--light-1 { width: 223px; left: 489.82px; top: 733px; }

/* ライトプラン 行2: 修正回数 */
.sec-6__lp-cell-left.sec-6__lp-row--light-2 { left: 381px; top: 774px; height: 39.4px; } /* Figma: 8242 - 7468 */
.sec-6__lp-cell-right.sec-6__lp-row--light-2 { left: 475.75px; top: 774px; height: 39.4px; }
.sec-6__lp-label--light-2 { width: 57px; left: 399.76px; top: 782px; }
.sec-6__lp-value--light-2 { width: 177px; left: 489.82px; top: 782px; }

/* ライトプラン 行3: ラフ提案数 */
.sec-6__lp-cell-left.sec-6__lp-row--light-3 { left: 381px; top: 823px; height: 39.4px; } /* Figma: 8291 - 7468 */
.sec-6__lp-cell-right.sec-6__lp-row--light-3 { left: 475.75px; top: 823px; height: 39.4px; }
.sec-6__lp-label--light-3 { width: 71px; left: 393.2px; top: 830px; }
.sec-6__lp-value--light-3 { width: 23px; left: 489.82px; top: 830px; }

/* ライトプラン 行4: 納品形式 */
.sec-6__lp-cell-left.sec-6__lp-row--light-4 { left: 381px; top: 867px; height: 39.4px; } /* Figma: 8335 - 7468 */
.sec-6__lp-cell-right.sec-6__lp-row--light-4 { left: 475.75px; top: 867px; height: 39.4px; }
.sec-6__lp-label--light-4 { width: 57px; left: 399.76px; top: 874px; }
.sec-6__lp-value--light-4 { width: 234px; left: 489.82px; top: 874px; }

/* ライトプラン 行5: 対応範囲 */
.sec-6__lp-cell-left.sec-6__lp-row--light-5 { left: 381px; top: 916px; height: 112.57px; } /* Figma: 8384 - 7468 */
.sec-6__lp-cell-right.sec-6__lp-row--light-5 { left: 475.75px; top: 916px; height: 112.57px; }
.sec-6__lp-label--light-5 { width: 57px; left: 399.76px; top: 960px; } /* Figma: 8428 - 7468 */
.sec-6__lp-value--light-5 { width: 247.66px; left: 489.82px; top: 935px; display: flex; align-items: center; } /* Figma: 8403 - 7468 */

/* ライトプラン 行6: レスポンシブ */
.sec-6__lp-cell-left.sec-6__lp-row--light-6 { left: 381px; top: 1038px; height: 39.4px; } /* Figma: 8506 - 7468 */
.sec-6__lp-cell-right.sec-6__lp-row--light-6 { left: 475.75px; top: 1038px; height: 39.4px; }
.sec-6__lp-label--light-6 { width: 85px; left: 385.69px; top: 1045px; }
.sec-6__lp-value--light-6 { width: 57px; left: 489.82px; top: 1045px; }

/* ライトプラン 王冠アイコン */
.sec-6__lp-crown--light {
  position: absolute;
  width: 17.82px;
  height: 17.82px;
  left: 550.79px;
  top: 1048px; /* Figma: 8516 - 7468 */
  background: url('../images/sec6/フリーの王冠アイコン (1) 1.png') no-repeat center center / contain;
  z-index: 3;
}

/* --- LP スタンダートプラン おすすめバッジ --- */
.sec-6__lp-recommend-circle {
  box-sizing: border-box;
  position: absolute;
  width: 70px;
  height: 70px;
  left: 1080.07px;
  top: 466px; /* Figma: 7934 - 7468 */
  background: #FFFFE7;
  border: 3px solid #3269BC;
  border-radius: 50%;
  z-index: 5;
}

.sec-6__lp-recommend-crown {
  position: absolute;
  width: 35px;
  height: 35px;
  left: 1097.07px;
  top: 474px; /* Figma: 7942 - 7468 */
  background: url('../images/sec6/ゴージャスな王冠の無料アイコン 1.png') no-repeat center center / contain;
  z-index: 6;
}

.sec-6__lp-recommend-text {
  position: absolute;
  width: 40px;
  height: 19px;
  left: calc(50% - 40px/2 + 155.07px);
  top: 509px; /* Figma: 7977 - 7468 */
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 900;
  font-size: 11px;
  line-height: 175%;
  text-align: center;
  letter-spacing: -0.13em;
  color: #3269BC;
  z-index: 6;
}

/* --- LP スタンダートプラン --- */
.sec-6__lp-card-header--std {
  position: absolute;
  width: 383px;
  height: 220px;
  left: 767.07px;
  top: 486px; /* Figma: 7954 - 7468 */
  background: #3269BC;
  border-radius: 18.76px 18.76px 0 0;
  z-index: 2;
}

.sec-6__lp-plan-name--std {
  position: absolute;
  width: 203px;
  height: 39px;
  left: calc(50% - 203px/2 - 1.5px);
  top: 501px; /* Figma: 7969 - 7468 */
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 700;
  font-size: 22.51px;
  line-height: 175%;
  text-align: center;
  color: #FFFFFF;
  z-index: 3;
}

.sec-6__lp-price--std {
  position: absolute;
  width: 192px;
  height: 88px;
  left: calc(50% - 192px/2 - 1px);
  top: 527px; /* Figma: 7995 - 7468 */
  font-family: 'DIN 2014', 'Oswald', 'Inter', 'Noto Sans JP', sans-serif;
  font-weight: 600;
  font-size: 50px;
  line-height: 175%;
  text-align: center;
  color: #FFFFFF;
  z-index: 3;
}

.sec-6__lp-tax--std {
  position: absolute;
  width: 109px;
  height: 21px;
  left: calc(50% - 109px/2 - 1.5px);
  top: 600px; /* Figma: 8068 - 7468 */
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 400;
  font-size: 12.2px;
  line-height: 175%;
  color: #FFFFFF;
  z-index: 3;
}

.sec-6__lp-desc-bg--std {
  position: absolute;
  width: 314.26px;
  height: 60.98px;
  left: calc(50% - 314.26px/2 - 1.87px);
  top: 631px; /* Figma: 8099 - 7468 */
  background: #FFFFFF;
  border-radius: 4.69px;
  z-index: 3;
}

.sec-6__lp-desc--std {
  position: absolute;
  width: 187px;
  height: 50px;
  left: calc(50% - 187px/2 - 1.5px);
  top: 638px; /* Figma: 8106 - 7468 */
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 700;
  font-size: 14.07px;
  line-height: 175%;
  text-align: center;
  color: #3269BC;
  z-index: 4;
}

/* スタンダートプラン テーブルセル色 */
.sec-6__lp-cell-left--std { background: #DDE6F3; }
.sec-6__lp-cell-right--std { background: #FFFFFF; }

/* スタンダートプラン 行1: 内容例 */
.sec-6__lp-cell-left.sec-6__lp-row--std-1 { left: 767px; top: 725px; height: 39.4px; }
.sec-6__lp-cell-right.sec-6__lp-row--std-1 { left: 862.07px; top: 725px; height: 40px; width: 288px; }
.sec-6__lp-label--std-1 { width: 43px; left: 793.27px; top: 733px; }
.sec-6__lp-value--std-1 { width: 268px; left: 872.07px; top: 733px; }

/* スタンダートプラン 行2: 修正回数 */
.sec-6__lp-cell-left.sec-6__lp-row--std-2 { left: 767px; top: 774px; height: 39.4px; }
.sec-6__lp-cell-right.sec-6__lp-row--std-2 { left: 862.07px; top: 774px; height: 39px; width: 288px; }
.sec-6__lp-label--std-2 { width: 57px; left: 785.76px; top: 782px; }
.sec-6__lp-value--std-2 { width: 177px; left: 872.07px; top: 782px; }

/* スタンダートプラン 行3: ラフ提案数 */
.sec-6__lp-cell-left.sec-6__lp-row--std-3 { left: 767px; top: 823px; height: 39.4px; }
.sec-6__lp-cell-right.sec-6__lp-row--std-3 { left: 862.07px; top: 823px; height: 39px; width: 288px; }
.sec-6__lp-label--std-3 { width: 71px; left: 779.2px; top: 830px; }
.sec-6__lp-value--std-3 { width: 23px; left: 872.07px; top: 830px; }

/* スタンダートプラン 行4: 納品形式 */
.sec-6__lp-cell-left.sec-6__lp-row--std-4 { left: 767px; top: 867px; height: 39.4px; }
.sec-6__lp-cell-right.sec-6__lp-row--std-4 { left: 862.07px; top: 867px; height: 39px; width: 288px; }
.sec-6__lp-label--std-4 { width: 57px; left: 785.76px; top: 874px; }
.sec-6__lp-value--std-4 { width: 234px; left: 872.07px; top: 874px; }

/* スタンダートプラン 行5: 対応範囲 */
.sec-6__lp-cell-left.sec-6__lp-row--std-5 { left: 767px; top: 916px; height: 112.57px; }
.sec-6__lp-cell-right.sec-6__lp-row--std-5 { left: 862.07px; top: 916px; height: 112px; width: 288px; }
.sec-6__lp-label--std-5 { width: 57px; left: 785.76px; top: 960px; }
.sec-6__lp-value--std-5 { width: 247.66px; left: 872px; top: 923px; display: flex; align-items: center; }

/* スタンダートプラン 行6: レスポンシブ */
.sec-6__lp-cell-left.sec-6__lp-row--std-6 { left: 767px; top: 1038px; height: 39.4px; }
.sec-6__lp-cell-right.sec-6__lp-row--std-6 { left: 862.07px; top: 1038px; height: 39px; width: 288px; }
.sec-6__lp-label--std-6 { width: 85px; left: 771.69px; top: 1045px; }
.sec-6__lp-value--std-6 { width: 57px; left: 872.07px; top: 1045px; }

/* スタンダートプラン 王冠アイコン */
.sec-6__lp-crown--std {
  position: absolute;
  width: 17.82px;
  height: 17.82px;
  left: 933.05px;
  top: 1048px; /* Figma: 8516 - 7468 */
  background: url('../images/sec6/フリーの王冠アイコン (1) 1.png') no-repeat center center / contain;
  z-index: 3;
}

/* --- LP コンプリートプラン --- */
.sec-6__lp-card-header--comp {
  position: absolute;
  width: 373.36px;
  height: 220.45px;
  left: 1166px;
  top: 486px; /* Figma: 7954 - 7468 */
  background: #CC9D33;
  border-radius: 18.76px 18.76px 0 0;
  z-index: 2;
}

.sec-6__lp-plan-name--comp {
  position: absolute;
  width: 202px;
  height: 39px;
  left: calc(50% - 202px/2 + 393px);
  top: 501px; /* Figma: 7969 - 7468 */
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 700;
  font-size: 22.51px;
  line-height: 175%;
  text-align: center;
  color: #FFFFFF;
  z-index: 3;
}

.sec-6__lp-price--comp {
  position: absolute;
  width: 192px;
  height: 88px;
  left: calc(50% - 192px/2 + 393px);
  top: 527px; /* Figma: 7995 - 7468 */
  font-family: 'DIN 2014', 'Oswald', 'Inter', 'Noto Sans JP', sans-serif;
  font-weight: 600;
  font-size: 50px;
  line-height: 175%;
  text-align: center;
  color: #FFFFFF;
  z-index: 3;
}

.sec-6__lp-tax--comp {
  position: absolute;
  width: 109px;
  height: 21px;
  left: calc(50% - 109px/2 + 392.5px);
  top: 600px; /* Figma: 8068 - 7468 */
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 400;
  font-size: 12.2px;
  line-height: 175%;
  color: #FFFFFF;
  z-index: 3;
}

.sec-6__lp-desc-bg--comp {
  position: absolute;
  width: 314.26px;
  height: 60.98px;
  left: calc(50% - 314.26px/2 + 393.13px);
  top: 631px; /* Figma: 8099 - 7468 */
  background: #FFFFFF;
  border-radius: 4.69px;
  z-index: 3;
}

.sec-6__lp-desc--comp {
  position: absolute;
  width: 215px;
  height: 50px;
  left: calc(50% - 215px/2 + 392.5px);
  top: 638px; /* Figma: 8106 - 7468 */
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 700;
  font-size: 14.07px;
  line-height: 175%;
  text-align: center;
  color: #CC9D33;
  z-index: 4;
}

/* コンプリートプラン テーブルセル色 */
.sec-6__lp-cell-left--comp { background: #F1E7D0; }
.sec-6__lp-cell-right--comp { width: 278.61px; }

/* コンプリートプラン 行1: 内容例 */
.sec-6__lp-cell-left.sec-6__lp-row--comp-1 { left: 1166px; top: 725px; height: 39.4px; }
.sec-6__lp-cell-right.sec-6__lp-row--comp-1 { left: 1260.75px; top: 725px; height: 39.4px; }
.sec-6__lp-label--comp-1 { width: 43px; left: 1192.27px; top: 733px; }
.sec-6__lp-value--comp-1 { width: 251px; left: 1274.82px; top: 733px; }

/* コンプリートプラン 行2: 修正回数 */
.sec-6__lp-cell-left.sec-6__lp-row--comp-2 { left: 1166px; top: 774px; height: 39.4px; }
.sec-6__lp-cell-right.sec-6__lp-row--comp-2 { left: 1260.75px; top: 774px; height: 39.4px; }
.sec-6__lp-label--comp-2 { width: 57px; left: 1184.76px; top: 782px; }
.sec-6__lp-value--comp-2 { width: 177px; left: 1274.82px; top: 782px; }

/* コンプリートプラン 行3: ラフ提案数 */
.sec-6__lp-cell-left.sec-6__lp-row--comp-3 { left: 1166px; top: 823px; height: 39.4px; }
.sec-6__lp-cell-right.sec-6__lp-row--comp-3 { left: 1260.75px; top: 823px; height: 39.4px; }
.sec-6__lp-label--comp-3 { width: 71px; left: 1178.2px; top: 830px; }
.sec-6__lp-value--comp-3 { width: 23px; left: 1274.82px; top: 830px; }

/* コンプリートプラン 行4: 納品形式 */
.sec-6__lp-cell-left.sec-6__lp-row--comp-4 { left: 1166px; top: 867px; height: 39.4px; }
.sec-6__lp-cell-right.sec-6__lp-row--comp-4 { left: 1260.75px; top: 867px; height: 39.4px; }
.sec-6__lp-label--comp-4 { width: 57px; left: 1184.76px; top: 874px; }
.sec-6__lp-value--comp-4 { width: 234px; left: 1274.82px; top: 874px; }

/* コンプリートプラン 行5: 対応範囲 */
.sec-6__lp-cell-left.sec-6__lp-row--comp-5 { left: 1166px; top: 916px; height: 112.57px; }
.sec-6__lp-cell-right.sec-6__lp-row--comp-5 { left: 1260.75px; top: 916px; height: 112.57px; }
.sec-6__lp-label--comp-5 { width: 57px; left: 1184.76px; top: 960px; }
.sec-6__lp-value--comp-5 { width: 247.66px; left: 1274.82px; top: 923px; display: flex; align-items: center; }

/* コンプリートプラン 行6: レスポンシブ */
.sec-6__lp-cell-left.sec-6__lp-row--comp-6 { left: 1166px; top: 1038px; height: 39.4px; }
.sec-6__lp-cell-right.sec-6__lp-row--comp-6 { left: 1260.75px; top: 1038px; height: 39.4px; }
.sec-6__lp-label--comp-6 { width: 85px; left: 1170.69px; top: 1045px; }
.sec-6__lp-value--comp-6 { width: 57px; left: 1274.82px; top: 1045px; }

/* コンプリートプラン 王冠アイコン */
.sec-6__lp-crown--comp {
  position: absolute;
  width: 17.82px;
  height: 17.82px;
  left: 1335.79px;
  top: 1048px; /* Figma: 8516 - 7468 */
  background: url('../images/sec6/フリーの王冠アイコン (1) 1.png') no-repeat center center / contain;
  z-index: 3;
}

/* --- LP 注釈テキスト --- */
.sec-6__lp-footnote {
  position: absolute;
  width: 623px;
  height: 42px;
  left: calc(50% - 623px/2 + 0.5px);
  top: 1107px; /* Figma: 8575 - 7468 */
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 175%;
  text-align: center;
  color: #1E333B;
  z-index: 2;
}

/* --- LP ＋アイコン --- */
.sec-6__lp-plus-circle {
  position: absolute;
  width: 35px;
  height: 35px;
  left: calc(50% - 35px/2 + 0.5px);
  top: 1190px; /* Figma: 8658 - 7468 */
  background: #1E333B;
  border-radius: 50%;
  z-index: 2;
}

.sec-6__lp-plus-text {
  position: absolute;
  width: 20px;
  height: 35px;
  left: calc(50% - 20px/2);
  top: 1189px; /* Figma: 8657 - 7468 */
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 700;
  font-size: 20px;
  line-height: 175%;
  color: #FFFFFF;
  z-index: 3;
}

/* --- LP オプション料金ボタン --- */
.sec-6__lp-option-btn-bg {
  box-sizing: border-box;
  position: absolute;
  width: 374px;
  height: 42px;
  left: calc(50% - 374px/2);
  top: 1240px; /* Figma: 8708 - 7468 */
  background: #FFFFFF;
  border: 3px solid #1E333B;
  border-radius: 100px;
  z-index: 2;
}

.sec-6__lp-option-btn-text {
  position: absolute;
  width: 126px;
  height: 32px;
  left: calc(50% - 126px/2);
  top: 1245px; /* Figma: 8713 - 7468 */
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 700;
  font-size: 18px;
  line-height: 175%;
  text-align: center;
  color: #1E333B;
  z-index: 3;
}

/* --- LP オプション料金テーブル --- */
.sec-6__lp-opt-left {
  position: absolute;
  width: 282px;
  left: 670px;
  height: 42px;
  background: #FFFFFF;
  z-index: 2;
}
.sec-6__lp-opt-right {
  position: absolute;
  width: 293px;
  left: 957px;
  height: 42px;
  background: #1E333B;
  z-index: 2;
}
.sec-6__lp-opt-label {
  position: absolute;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 175%;
  text-align: center;
  color: #1E333B;
  z-index: 3;
}
.sec-6__lp-opt-price {
  position: absolute;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 700;
  font-size: 18px;
  line-height: 175%;
  color: #FFFFFF;
  z-index: 3;
}

/* 行1: ドメイン / サーバー契約サポート */
.sec-6__lp-opt-row--1.sec-6__lp-opt-left { top: 1297px; } /* Figma: 8765 - 7468 */
.sec-6__lp-opt-row--1.sec-6__lp-opt-right { top: 1297px; }
.sec-6__lp-opt-label--1 { width: 223px; left: 700px; top: 1305px; }
.sec-6__lp-opt-price--1 { width: 72px; left: 972px; top: 1302px; }

.sec-6__lp-opt-crown {
  position: absolute;
  width: 19px;
  height: 19px;
  left: 1049px;
  top: 1308px; /* Figma: 8776 - 7468 */
  background: url('../images/sec6/フリーの王冠アイコン (1) 1.png') no-repeat center center / contain;
  z-index: 3;
}

/* 行2: 制作データのお渡し */
.sec-6__lp-opt-row--2.sec-6__lp-opt-left { top: 1349px; } /* Figma: 8817 - 7468 */
.sec-6__lp-opt-row--2.sec-6__lp-opt-right { top: 1349px; }
.sec-6__lp-opt-label--2 { width: 238px; left: 692px; top: 1357px; }
.sec-6__lp-opt-price--2 { width: 129px; left: 972px; top: 1354px; }

/* 行3: WordPress構築 */
.sec-6__lp-opt-row--3.sec-6__lp-opt-left { top: 1401px; } /* Figma: 8869 - 7468 */
.sec-6__lp-opt-row--3.sec-6__lp-opt-right { top: 1401px; }
.sec-6__lp-opt-label--3 { width: 105px; left: 759px; top: 1409px; }
.sec-6__lp-opt-price--3 { width: 77px; left: 972px; top: 1406px; }

/* 行4: 納期指定のスピード制作プラン */
.sec-6__lp-opt-row--4.sec-6__lp-opt-left { top: 1448px; } /* Figma: 8916 - 7468 */
.sec-6__lp-opt-row--4.sec-6__lp-opt-right { top: 1448px; }
.sec-6__lp-opt-label--4 { width: 210px; left: 706px; top: 1456px; }
.sec-6__lp-opt-price--4 { width: 67px; left: 972px; top: 1453px; }

/* 行5: アニメーション実装 */
.sec-6__lp-opt-row--5.sec-6__lp-opt-left { top: 1500px; } /* Figma: 8968 - 7468 */
.sec-6__lp-opt-row--5.sec-6__lp-opt-right { top: 1500px; }
.sec-6__lp-opt-label--5 { width: 135px; left: 744px; top: 1508px; }
.sec-6__lp-opt-price--5 { width: 263px; left: 972px; top: 1505px; }

/* LP オプション 税込注記 */
.sec-6__lp-opt-tax {
  position: absolute;
  width: 116px;
  height: 23px;
  left: 1134px;
  top: 1552px; /* Figma: 9020 - 7468 */
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 400;
  font-size: 13px;
  line-height: 175%;
  color: #1E333B;
  z-index: 2;
}

/* --- LP CTAバナー --- */
.sec-6__lp-cta {
  display: block;
  position: absolute;
  width: 560px;
  height: 125px;
  left: calc(50% - 560px/2);
  top: 1645px; /* Figma: 9113 - 7468 */
  background: url('../images/sec6/CTA(B) 2.png') no-repeat center center / contain;
  z-index: 5;
  cursor: pointer;
  overflow: hidden;
  border-radius: 60px;
  transition: opacity 0.3s ease, transform 0.3s ease;
}

.sec-6__lp-cta:hover {
  opacity: 0.8;
  transform: scale(1.02);
}

/* LP CTA: 光がキラッと走るエフェクト */
.sec-6__lp-cta::after {
  content: "";
  position: absolute;
  width: 40%;
  height: 100%;
  top: 0;
  left: -40%;
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(255, 255, 255, 0.15) 30%,
    rgba(255, 255, 255, 0.5) 50%,
    rgba(255, 255, 255, 0.15) 70%,
    transparent 100%
  );
  z-index: 3;
  pointer-events: none;
  animation: sweepLight 3s ease-in-out infinite;
}

/* --- Web画像 タブコンテンツ --- */
.sec-6__web-badge {
  position: absolute;
  width: 190px;
  height: 42px;
  left: calc(50% - 190px/2);
  top: 327px; /* 7795 - 7468 */
  background: url('../images/sec6/897896 1.png') no-repeat center center / contain;
  z-index: 2;
}

.sec-6__web-text {
  position: absolute;
  width: 504px;
  height: auto;
  left: calc(50% - 504px/2);
  top: 389px; /* 7857 - 7468 */
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 175%;
  text-align: center;
  color: #1E333B;
  z-index: 2;
}

/* PC版ではbrタグによる改行を有効化（削除） */

/* PC版専用改行の制御 */
.sec-6__web-br,
.sec-6__lp-br {
  display: none;
}

@media screen and (min-width: 768px) {
  .sec-6__web-br,
  .sec-6__lp-br {
    display: inline;
  }
}

/* --- 基本料金（Web画像用） --- */
.sec-6__base-header-bg {
  position: absolute;
  width: 450px;
  height: 124px;
  left: 508px;
  top: 483px; /* 7951 - 7468 */
  background: #86C243;
  border-radius: 20px 20px 0px 0px;
  z-index: 2;
}

.sec-6__base-title {
  position: absolute;
  width: 96px;
  height: 42px;
  left: calc(50% - 96px/2 - 227px);
  top: 493px; /* 7961 - 7468 */
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 700;
  font-size: 24px;
  line-height: 42px;
  text-align: center;
  color: #FFFFFF;
  z-index: 3;
}

.sec-6__base-price {
  position: absolute;
  width: 450px; /* 親枠いっぱいに広げてFlexboxで中央揃えにする */
  height: 88px;
  left: 508px;
  top: 523px; /* 7991 - 7468 */
  font-family: 'DIN 2014', 'Oswald', 'Inter', 'Noto Sans JP', sans-serif;
  font-weight: 600;
  font-size: 50px;
  display: flex;
  justify-content: center;
  align-items: baseline; /* 数字と「円」の下のラインをピッタリ揃える */
  line-height: 1; /* baseline揃えのためline-heightをリセット */
  padding-top: 15px; /* 上からの位置微調整 */
  color: #FFFFFF;
  z-index: 3;
  white-space: nowrap;
}

.sec-6__base-yen {
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 700;
  font-size: 24px;
  margin-left: 4px;
}

.sec-6__base-tax-note {
  position: absolute;
  width: 116px;
  height: 23px;
  left: 842px;
  top: 584px; /* 8052 - 7468 */
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 400;
  font-size: 13px;
  line-height: 23px;
  color: #FFFFFF;
  z-index: 3;
}

/* 基本料金テーブル 共通 */
.sec-6__base-cell-left {
  position: absolute;
  width: 100px;
  height: 42px;
  left: 508px;
  background: #E2F0D2;
  z-index: 2;
}

.sec-6__base-cell-right {
  position: absolute;
  width: 345px;
  height: 42px;
  left: 613px;
  background: #FFFFFF;
  z-index: 2;
}

.sec-6__base-text-left {
  position: absolute;
  width: 100px;
  height: 42px;
  left: 508px;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 42px; /* 縦中央 */
  text-align: center; /* 横中央 */
  color: #1E333B;
  z-index: 3;
}

.sec-6__base-text-right {
  position: absolute;
  width: 330px;
  height: 42px;
  left: 628px; /* Figma: 628pxなので、左辺に15pxの余白効果 */
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 700;
  font-size: 15px;
  line-height: 42px; /* 縦中央 */
  text-align: left;
  color: #1E333B;
  z-index: 3;
}

/* --- オプション料金（Web画像用） --- */
.sec-6__option-border {
  box-sizing: border-box;
  position: absolute;
  width: 374px;
  height: 42px;
  left: 1038px;
  top: 565px; /* 8033 - 7468 */
  background: #FFFFFF;
  border: 3px solid #86C243;
  border-radius: 100px;
  z-index: 2;
}
.sec-6__option-title {
  position: absolute;
  width: 126px;
  height: 32px;
  left: 1162px;
  top: 570px; /* 8038 - 7468 */
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 700;
  font-size: 18px;
  line-height: 175%;
  text-align: center;
  color: #86C243;
  z-index: 3;
}

/* 共通背景スタイル */
.sec-6__opt-bg {
  position: absolute;
  width: 282px;
  height: 42px;
  left: 1038px;
  background: #FFFFFF;
  z-index: 2;
}
.sec-6__opt-price-bg {
  position: absolute;
  width: 87px;
  height: 42px;
  left: 1325px;
  background: #86C243;
  z-index: 2;
}
/* 共通テキストスタイル */
.sec-6__opt-text {
  position: absolute;
  height: 26px;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 175%;
  text-align: center;
  color: #1E333B;
  z-index: 3;
}
/* 共通金額フォントスタイル */
.sec-6__opt-price {
  position: absolute;
  width: 87px; /* 緑の背景枠と全く同じ幅に拡張してはみ出しを防ぐ */
  height: 42px; /* 背景枠と同じ高さ */
  left: 1325px; /* 背景枠と同じ左端座標 */
  font-family: 'DIN 2014', 'Oswald', 'Inter', 'Noto Sans JP', sans-serif;
  font-weight: 600;
  font-size: 22px;
  display: flex;
  justify-content: center;
  align-items: baseline; /* 数字と円の下揃え */
  line-height: 1;
  padding-top: 8px; /* 内部の縦位置微調整 */
  color: #FFFFFF;
  z-index: 3;
  white-space: nowrap;
}

.sec-6__yen {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 14px; /* 数字より少し小さくする */
  margin-left: 2px;
}

/* 行ごとの配置 */
.opt-row-1 { top: 621px; } /* 8089 - 7468 */
.text-pos-1 { left: 1055px; top: 629px; width: 248px; } /* 8097 */
.price-pos-1 { top: 622px; } /* 8090 - 7468 = 622 */

.opt-row-2 { top: 673px; } /* 8141 */
.text-pos-2 { left: 1052px; top: 681px; width: 255px; } /* 8149 */
.price-pos-2 { top: 674px; } /* 8142 - 7468 = 674 */

.opt-row-3 { top: 725px; } /* 8193 */
.text-pos-3 { left: 1080px; top: 733px; width: 199px; } /* 8201 */
.price-pos-3 { top: 726px; } /* 8194 - 7468 = 726 */

.opt-row-4 { top: 772px; } /* 8240 */
.text-pos-4 { left: 1074px; top: 780px; width: 210px; } /* 8248 */
.price-pos-4 { top: 773px; } /* 8241 - 7468 = 773 */

.opt-row-5 { top: 824px; } /* 8292 */
.text-pos-5 { left: 1044px; top: 832px; width: 270px; } /* 8300 */
.price-pos-5 { top: 825px; } /* 8293 - 7468 = 825 */

.opt-row-6 { top: 876px; } /* 8344 */
.text-pos-6 { left: 1120px; top: 884px; width: 118px; } /* 8352 */
.price-pos-6 { top: 877px; } /* 8345 - 7468 = 877 */

/* 注釈 */
.sec-6__opt-note {
  position: absolute;
  width: 116px;
  height: 23px;
  left: 1296px;
  top: 928px; /* 8396 - 7468 */
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 400;
  font-size: 13px;
  line-height: 175%;
  color: #1E333B;
  z-index: 3;
}

/* 全体注釈 (※1) */
.sec-6__bottom-note {
  position: absolute;
  width: 623px;
  height: 42px;
  left: calc(50% - 623px/2 - 0.5px);
  top: 981px; /* 8449 - 7468 */
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 175%;
  text-align: center;
  color: #1E333B;
  z-index: 3;
}

/* --- セクション6 CTAボタン --- */
.sec-6__cta {
  display: block;
  position: absolute;
  width: 560px;
  height: 125px;
  left: calc(50% - 560px/2);
  top: 1083px; /* 8551 - 7468 */
  background: url('../images/sec6/CTA(B) 2.png') no-repeat center center / contain;
  z-index: 5;
  cursor: pointer;
  overflow: hidden;
  border-radius: 60px; /* FVのボタンに合わせて角を丸め、光がはみ出ないようにする */
  transition: opacity 0.3s ease, transform 0.3s ease;
}

.sec-6__cta:hover {
  opacity: 0.8;
  transform: scale(1.02);
}

/* CTA: 光がキラッと走るエフェクト*/
.sec-6__cta::after {
  content: "";
  position: absolute;
  width: 40%;
  height: 100%;
  top: 0;
  left: -40%;
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(255, 255, 255, 0.15) 30%,
    rgba(255, 255, 255, 0.5) 50%,
    rgba(255, 255, 255, 0.15) 70%,
    transparent 100%
  );
  z-index: 3;
  pointer-events: none;
  animation: sweepLight 3s ease-in-out infinite;
}


/* --- LP表示時のセクション高さ --- */
.sec-6.is-sec6-lp {
  height: 1886px;
}
.sec-6.is-sec6-lp .sec-6__inner {
  height: 1886px;
}
.sec-6.is-sec6-lp .sec-6__bg {
  height: 1886px;
}

} /* end @media PC */