@charset "UTF-8";
/* 2026-10-10 追加：セクション背景に変化をつける（グラデーション・淡い模様・曲線の区切り） */

.s16__wrap,
.s07__wrap,
.s08__wrap,
.s09__wrap,
.s10__wrap,
.s13__wrap {
  position: relative;
}

/* ===== 院長紹介：白地にほんのり桜色の光＋細い斜線の透かし ===== */
.s16__wrap {
  background:
    radial-gradient(ellipse 45% 30% at 0% 8%, rgba(242, 196, 205, .30), transparent 70%),
    radial-gradient(ellipse 45% 30% at 100% 60%, rgba(242, 196, 205, .26), transparent 70%),
    repeating-linear-gradient(135deg, rgba(218, 125, 142, .03) 0 1px, transparent 1px 14px),
    linear-gradient(to bottom, #fff 0, #fff5f6 100%);
}

/* ===== インビザラインの特徴：上端を曲線に＋やわらかなグラデーション ===== */
.s07__wrap {
  background:
    radial-gradient(ellipse 50% 40% at 100% 0%, rgba(255, 255, 255, .9), transparent 70%),
    radial-gradient(ellipse 45% 40% at 0% 100%, rgba(244, 206, 214, .45), transparent 70%),
    linear-gradient(170deg, #fff4f6 0%, #fdeef1 60%, #fbe6eb 100%);
}

.s07__wrap::before,
.s09__wrap::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: -50px;
  height: 50px;
  border-radius: 50% 50% 0 0 / 100% 100% 0 0;
}

.s07__wrap::before {
  background: #fff4f6;
}

/* ===== 症例紹介：白地に淡い桜色の帯 ===== */
.s08__wrap {
  background:
    linear-gradient(176deg, transparent 0 22%, rgba(253, 236, 240, .75) 22% 78%, transparent 78%),
    radial-gradient(ellipse 40% 20% at 100% 10%, rgba(242, 196, 205, .25), transparent 70%),
    #fff;
}

/* ===== 治療の流れ：上端を曲線に＋グラデーションと斜線の透かし ===== */
.s09__wrap {
  background:
    radial-gradient(ellipse 50% 25% at 100% 15%, rgba(255, 255, 255, .55), transparent 70%),
    radial-gradient(ellipse 50% 25% at 0% 75%, rgba(255, 255, 255, .45), transparent 70%),
    repeating-linear-gradient(45deg, rgba(255, 255, 255, .25) 0 1px, transparent 1px 16px),
    linear-gradient(180deg, #fbe8ec 0%, #f7dbe1 100%);
}

.s09__wrap::before {
  background: #fbe8ec;
}

/* ===== 選ばれる理由：白地に左右交互の桜色の光 ===== */
.s10__wrap {
  background:
    radial-gradient(ellipse 55% 14% at 100% 15%, rgba(242, 196, 205, .26), transparent 70%),
    radial-gradient(ellipse 55% 14% at 0% 45%, rgba(242, 196, 205, .22), transparent 70%),
    radial-gradient(ellipse 55% 14% at 100% 78%, rgba(242, 196, 205, .22), transparent 70%),
    linear-gradient(180deg, #fff 0%, #fffafb 100%);
}

/* ===== 小児矯正：やわらかなグラデーション ===== */
.s13__wrap {
  background:
    radial-gradient(ellipse 50% 60% at 50% 0%, rgba(255, 255, 255, .9), transparent 70%),
    linear-gradient(160deg, #fff6f7 0%, #fdeef1 100%);
}

@media screen and (max-width: 767px) {
  .s07__wrap::before,
  .s09__wrap::before {
    top: -24px;
    height: 24px;
  }

  .s08__wrap {
    background:
      linear-gradient(178deg, transparent 0 18%, rgba(253, 236, 240, .75) 18% 82%, transparent 82%),
      #fff;
  }
}