/* ===== responsive.css ===== */

/* ナビ：SPでハンバーガー化 */
@media (max-width:900px){
  .hamburger{display:flex}
  .site-nav{
    position:absolute;right:0;width:100%;height:30em;background:#fff;
    box-shadow:0 4px 10px rgba(0,0,0,.1);padding:1.2em 0;z-index:999;
    opacity:0;transform:translateY(-8px);visibility:hidden;pointer-events:none;
    transition:opacity .25s, transform .25s, visibility .25s;
  }
  .site-nav.active{opacity:1;transform:translateY(0);visibility:visible;pointer-events:auto}
  .site-nav ul{flex-direction:column;align-items:center;gap:14px}
}

/* グリッド崩し */
@media (max-width:980px){
  .section--features .grid,
  .section--reviews .grid{grid-template-columns:1fr}
}
@media (max-width:900px){
  .section--concerns .chips{grid-template-columns:1fr}
  .section--flow .steps{grid-template-columns:1fr 1fr}
  .section--cta .row{grid-template-columns:1fr}
}
@media (max-width:560px){
  .section{padding:48px 0}
  .section--price .btn{width:100%}
}
@media (max-width: 768px){
  .liaison-concerns .lc-bg{
    background-image:
      linear-gradient(rgba(255,255,255,0.7), rgba(255,255,255,0.7)),
      url('../images/bg-liaison01-sp.jpg');
    background-repeat: no-repeat;     /* ← リピートしない */
    background-size: 100% auto;       /* ← 横幅いっぱい、高さは自動 */
    background-position: center top;  /* ← 上寄せ中央配置 */
  }
.lfn-section{
    background-image:
      linear-gradient(rgba(255,255,255,0.7), rgba(255,255,255,0.7)),
      url('../images/bg-liaison02-sp.jpg');
    background-repeat: no-repeat;     /* ← リピートしない */
    background-size: 100% auto;       /* ← 横幅いっぱい、高さは自動 */
    background-position: center top;  /* ← 上寄せ中央配置 */
  }

}