@charset "UTF-8";

/* -----------------------------------------------
FileName: mobile.css
----------------------------------------------- */



/* ===================================================
   SP — 767px以下（390px幅向け上書き）
=================================================== */
@media screen and (max-width: 767px) {

  /* 背景をリセット */
  body {
    background-image: none;
    background-attachment: scroll;
  }

  /* コンテンツ幅・影をリセット */
  main,
  .footer {
    max-width: 100%;
    box-shadow: none;
  }

}

/*  SP Small — 640px以下 CTA ボタン縦並び */
@media (max-width: 640px) {
  .cta-btn-group {
    flex-direction: column;
  }

  .cta-btn {
    width: 100%;
    flex: none;
  }
}

/* ===================================================
   SP Small — 390px以下（余白・フォント・画像をワンサイズ縮小）
=================================================== */
@media screen and (max-width: 390px) {
  :root {
    --side-padding: 16px;
    --section-pt:   48px;
    --section-pb:   48px;
  }

  .hero-pill {
    width: 100%;
  }


}