/*! Vaporex Design · vx-data-photo */

.vx-data-photo.about{padding:var(--vx-sp) 0 0}
.vx-data-photo .about__copy .btn{margin-top:28px}
.vx-data-photo .about__grid{width:min(var(--vx-wrap),100% - 2*var(--vx-gutter));margin-inline:auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(32px,5vw,80px);align-items:center}
.vx-data-photo .facts{margin:0;display:grid;gap:0;border-top:1px solid var(--vx-line)}
.vx-data-photo .facts div{display:grid;grid-template-columns:120px 1fr;gap:20px;padding:16px 0;border-bottom:1px solid var(--vx-line)}
.vx-data-photo .facts dt{font-weight:600;font-size:var(--vx-fz);color:var(--vx-blue)}
.vx-data-photo .facts dd{margin:0;font-size:var(--vx-fz);color:var(--vx-ink);line-height:1.6}
.vx-data-photo .about__fig{position:relative;margin:0;width:100%;height:clamp(420px,40vw,560px)}
.vx-data-photo .about__fig img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 38%}
@media (max-width:860px){
  .vx-data-photo .about__grid{grid-template-columns:minmax(0,1fr)}
  .vx-data-photo .about__fig{order:-1;aspect-ratio:4/3;height:auto}
  .vx-data-photo .about__fig img{position:static}
}
@media (max-width:560px){
  .vx-data-photo .facts div{grid-template-columns:minmax(0,1fr);gap:4px}
}
.vx-data-photo.fabrics{padding:var(--vx-sp) 0 0}
.vx-data-photo .fabrics__grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(32px,5vw,80px);align-items:center}
.vx-data-photo .fabrics__list{margin:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 clamp(20px,3vw,40px);border-top:1px solid var(--vx-line)}
.vx-data-photo .fabrics__list div{padding:16px 0;border-bottom:1px solid var(--vx-line)}
.vx-data-photo .fabrics__list dt{font-weight:600;color:var(--vx-ink);margin-bottom:4px}
.vx-data-photo .fabrics__list dd{margin:0;color:var(--vx-muted);font-size:var(--vx-fz);line-height:1.6}
.vx-data-photo .fabrics__note{margin:22px 0 0;color:var(--vx-muted);font-size:var(--vx-fz)}
.vx-data-photo .fabrics__fig{margin:0;aspect-ratio:1/1}
.vx-data-photo .fabrics__fig figcaption{position:absolute;left:16px;right:16px;bottom:16px;z-index:2;background:rgba(255,255,255,.92);padding:10px 14px;border-radius:6px;font-size:13px;color:var(--vx-ink)}
@media (max-width:860px){
  .vx-data-photo .fabrics__grid{grid-template-columns:minmax(0,1fr)}
  .vx-data-photo .fabrics__list{grid-template-columns:minmax(0,1fr)}
  .vx-data-photo .fabrics__fig{aspect-ratio:4/3;order:-1}
}