@charset "UTF-8";
/* ============================================================
   top.css — TOP 固有の調整

   renewal.css は SCSS からのコンパイル成果物で、原本の scss/ が
   このテーマに入っていない。再コンパイルで消えないよう、
   ここに閉じ込めて renewal.css の後ろに読み込む。
   ============================================================ */
/* 「6つの理由」の見出しは数字 90px ＋ 下線マーカーで縦に大きい。
   他セクションと同じ 32/40px だとカードが見出しに貼り付いて見えるので、
   このセクションだけ下の余白を広げる。

   .ja が position:absolute で親の箱から PC 26px / SP 19px はみ出しているため、
   見た目の間隔はここの指定値からその分だけ引いた値になる（PC 46px / SP 33px）。 */
.p-reason__head {
  margin-bottom: 52px;
}

@media (min-width: 1024px) {
  .p-reason__head {
    margin-bottom: 72px;
  }
}
/* 見出し下のマーカー。青のままだと「6」と同色で線が数字の一部に見えるため、
   黄で独立させる。色はデザインカンプの実測値。 */
.p-reason__head-row2::after {
  background: #fcb238;
}

/* メディア掲載・提携（レビュー表 No.11）。デザインデータ通り帯をオレンジに
   落とし、見出しは白抜きにする。装飾英字の色はカンプの実測値。
   .c-sec-head__ja に共通で乗る白の縁取りは、白文字だと輪郭が消えるので外す。 */
.p-media {
  background: #e77e5c;
}

.p-media .c-sec-head__bg {
  color: #ec9173;
}

.p-media .c-sec-head__en,
.p-media .c-sec-head__ja {
  color: #ffffff;
}

.p-media .c-sec-head__ja {
  -webkit-text-stroke: 0;
}