/* features-hux-13.css — 写真と説明を左右交互に並べ、2段目は色地で反転させるバナー。
 * 旧 features-th22 の置き換え。旧版は img に left と right が同時に効いて幅が 0 になり、
 * 固定 1200px が 1024px タブレットで横に溢れていた。
 * 対策: 絶対配置をやめてグリッドで分配。固定 px 幅を持たない。 */
.features-hux-13 .mx-auto{margin-inline:auto}
.features-hux-13 .max-w-7xl{max-width:80rem}
.features-hux-13 .px-4{padding-inline:1rem}
.features-hux-13 .py-8{padding-block:2rem}

.features-hux-13 .hux13-list{display:grid;gap:1.5rem}
.features-hux-13 .hux13-item{display:grid;grid-template-columns:1fr;gap:0;border-radius:.5rem;overflow:hidden;background:var(--color-surface,var(--color-bg))}
.features-hux-13 .hux13-item.is-inverse{background:var(--color-primary);color:var(--color-on-primary)}
.features-hux-13 .hux13-item.is-inverse .hux13-title,.features-hux-13 .hux13-item.is-inverse .hux13-text{color:var(--color-on-primary)}
.features-hux-13 .hux13-item.is-inverse .hux-btn{background:var(--color-on-primary);color:var(--color-primary)}
.features-hux-13 .hux13-media{margin:0;aspect-ratio:16/9;max-height:460px;overflow:hidden}
.features-hux-13 .hux13-media img{display:block;width:100%;height:100%;object-fit:cover}
.features-hux-13 .hux13-body{padding:1.5rem 1.25rem}
.features-hux-13 .hux13-title{margin:0 0 .5em;line-height:1.4}
.features-hux-13 .hux13-text{margin:0 0 1.25rem}
.features-hux-13 .hux13-more{margin:0}
.features-hux-13 .hux-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.7em 2.2em;border-radius:999px;background:var(--color-primary);color:var(--color-on-primary);text-decoration:none;font-weight:600}
.features-hux-13 .hux-btn:hover{opacity:.88}

@media (min-width:768px){
  .features-hux-13 .px-4{padding-inline:1.5rem}
  .features-hux-13 .hux13-list{gap:2rem}
  .features-hux-13 .hux13-item{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center}
  .features-hux-13 .hux13-media{aspect-ratio:4/3;height:100%}
  .features-hux-13 .hux13-body{padding:2rem 1.75rem}
  /* 2段目は写真を右へ */
  .features-hux-13 .hux13-item:nth-child(even) .hux13-media{order:2}
}
@media (min-width:1024px){ .features-hux-13 .px-4{padding-inline:2rem} .features-hux-13 .hux13-body{padding:2.5rem 2.25rem} }