.wallpaper-materials{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;align-items:stretch}
.wallpaper-materials__card{min-width:0;display:flex;flex-direction:column;background:#fff;border:1px solid #dedbd3}
.wallpaper-materials__image{display:block;width:100%;height:auto;aspect-ratio:421/933;object-fit:cover}
.wallpaper-materials--product .wallpaper-materials__image{height:clamp(330px,34vw,500px);aspect-ratio:auto;object-position:center 48%}
.wallpaper-materials__body{flex:1;padding:18px 18px 20px}
.wallpaper-materials__body h3{margin:0 0 8px;color:#161616;font-size:1.13rem;font-weight:500;letter-spacing:.075em;line-height:1.3;text-transform:uppercase}
.wallpaper-materials__body strong{display:block;color:#20201e;font-size:.81rem;line-height:1.4}
.wallpaper-materials__body p{margin:7px 0 0;color:#6b6963;font-size:.81rem;line-height:1.5}
.wallpaper-materials__features{list-style:none;display:grid;gap:8px;margin:17px 0 0;padding:0;color:#4e534d;font-size:.81rem;line-height:1.48}
.wallpaper-materials__features li{position:relative;padding-left:16px}
.wallpaper-materials__features li::before{content:'✓';position:absolute;left:0;color:#24533e;font-weight:700}

.wallpaper-responsibility{margin-top:18px;padding:16px 22px 21px;border:1px solid #c8d0c5;border-radius:7px;background:#f8f7f3;color:#244737}
.wallpaper-responsibility h3{margin:0 0 10px;text-align:center;color:#244737;font-size:1.28rem;font-weight:700;line-height:1.35}
.wallpaper-responsibility__grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));row-gap:18px}
.wallpaper-responsibility__item{display:grid;grid-template-columns:62px minmax(0,1fr);gap:15px;align-items:center;grid-column:span 2;min-width:0;padding:10px 18px}
.wallpaper-responsibility__item:nth-child(1),.wallpaper-responsibility__item:nth-child(2){border-right:1px solid #bcc7bd}
.wallpaper-responsibility__item:nth-child(4){grid-column:2/span 2;border-right:1px solid #bcc7bd}
.wallpaper-responsibility__item:nth-child(5){grid-column:4/span 2}
.wallpaper-responsibility__item>.bi,.wallpaper-responsibility__pvc{display:grid;place-items:center;width:58px;height:58px;color:#244737;font-size:2.8rem;line-height:1}
.wallpaper-responsibility__pvc{border:2px solid #244737;border-radius:50%;font-size:1.18rem;font-weight:700;letter-spacing:-.05em}
.wallpaper-responsibility__item h4{margin:0 0 5px;color:#244737;font-size:1rem;font-weight:700;line-height:1.25}
.wallpaper-responsibility__item p{margin:0;color:#363c37;font-size:.86rem;line-height:1.48}
.product-material-guide__intro{margin:0 0 18px;color:#66665f;line-height:1.55}

@media(max-width:900px){
  .wallpaper-materials{grid-template-columns:repeat(2,minmax(0,1fr))}
  .wallpaper-materials__image,.wallpaper-materials--product .wallpaper-materials__image{height:500px;aspect-ratio:auto;object-position:center 48%}
  .wallpaper-responsibility__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0}
  .wallpaper-responsibility__item,.wallpaper-responsibility__item:nth-child(1),.wallpaper-responsibility__item:nth-child(2),.wallpaper-responsibility__item:nth-child(4),.wallpaper-responsibility__item:nth-child(5){grid-column:auto;border-right:0}
}
@media(max-width:560px){
  .wallpaper-materials{grid-template-columns:1fr;gap:12px}
  .wallpaper-materials__image,.wallpaper-materials--product .wallpaper-materials__image{height:min(105vw,420px);object-position:center 48%}
  .wallpaper-materials__body{padding:16px}
  .wallpaper-responsibility{padding:15px 15px 17px}
  .wallpaper-responsibility h3{font-size:1.08rem}
  .wallpaper-responsibility__grid{grid-template-columns:1fr}
  .wallpaper-responsibility__item{grid-template-columns:45px minmax(0,1fr);gap:13px;padding:12px 2px;border-bottom:1px solid #dbe1d9}
  .wallpaper-responsibility__item:last-child{border-bottom:0}
  .wallpaper-responsibility__item>.bi,.wallpaper-responsibility__pvc{width:43px;height:43px;font-size:2rem}
  .wallpaper-responsibility__pvc{font-size:.88rem}
}