.hero-status>div{display:flex;align-items:baseline;gap:10px}.hero-status>div span{display:block}.benefit-card{padding:0 28px 28px;overflow:hidden}.benefit-photo{height:155px;margin:0 -28px 22px;position:relative;background-image:linear-gradient(0deg,rgba(4,25,45,.52),rgba(4,25,45,.03)),url("hiroshima-parking-exterior.jpg");background-size:cover;background-position:center}.benefit-photo span{position:absolute;left:18px;bottom:13px;padding:4px 8px;background:rgba(6,26,48,.82);color:#fff;font-size:10px;font-weight:700}.parking-photo{background-position:center 54%}.city-photo{background-position:center 32%}.family-photo{background-image:linear-gradient(135deg,#153f69,#0a2949)}.family-photo:after{content:"正式写真をご支給ください";position:absolute;inset:0;display:grid;place-items:center;color:#b9c9d8;font-size:12px;letter-spacing:.06em}.family-photo span{z-index:1}.benefit-en{margin-top:18px}.first-guide{max-width:var(--max);margin:auto;padding:110px 20px}.first-heading{max-width:650px}.first-heading>p:last-child{color:var(--muted)}.first-links{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:58px}.first-links a{min-height:165px;padding:26px 70px 25px 27px;border:1px solid var(--line);position:relative}.first-links small{color:var(--red);font-size:10px;font-weight:800;letter-spacing:.14em}.first-links h3{margin:8px 0 4px;color:var(--navy);font-size:22px}.first-links p{margin:0;color:var(--muted);font-size:12px}.first-links b{position:absolute;right:27px;top:50%;transform:translateY(-50%);color:var(--red);font-size:20px}.parking-selector{padding:48px;background:var(--soft)}.selector-heading{margin-bottom:30px;display:flex;align-items:end;justify-content:space-between;gap:35px}.selector-heading h2{margin:0;color:var(--navy);font-size:30px;line-height:1.45}.selector-heading a{padding-bottom:6px;border-bottom:1px solid var(--navy);font-size:12px;font-weight:700;color:var(--navy);white-space:nowrap}.parking-options{display:grid;grid-template-columns:1fr 1fr 1.18fr;gap:10px}.parking-options>a{min-height:250px;padding:25px;display:flex;flex-direction:column;background:#fff;border-top:4px solid var(--blue);position:relative}.parking-options small{color:var(--muted);font-size:10px}.parking-options h3{margin:7px 0 12px;color:var(--navy);font-size:25px}.parking-options p{margin:0;color:var(--muted);font-size:12px}.parking-options b{margin-top:auto;color:var(--red);font-size:11px}.parking-options .large-vehicle{background:var(--navy);border-top-color:var(--yellow);color:#fff}.parking-options .large-vehicle mark{align-self:flex-start;margin-bottom:12px;padding:5px 9px;background:var(--yellow);color:var(--navy);font-size:10px;font-weight:800}.parking-options .large-vehicle small{color:#9fb3c7}.parking-options .large-vehicle h3{color:#fff}.parking-options .large-vehicle p{color:#b9c7d4}.parking-options .large-vehicle b{color:var(--yellow)}.purpose.refined{grid-template-columns:320px 1fr}.purpose.refined .purpose-main{grid-column:2}.city-link{position:relative;overflow:hidden}.city-link:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,29,53,.15),rgba(7,29,53,.72)),url("hiroshima-parking-exterior.jpg") center/cover;opacity:.22}.city-link>*{position:relative;z-index:1}
@media(max-width:980px){.benefit-card{padding:0 28px 28px}.first-guide{padding:90px 20px}.parking-options{grid-template-columns:1fr 1fr}.parking-options .large-vehicle{grid-column:1/-1}.purpose.refined{grid-template-columns:1fr}.purpose.refined .purpose-main{grid-column:1}}
@media(max-width:680px){.hero-status{height:150px;display:grid;grid-template-columns:1fr 1px 1fr;gap:12px}.hero-status>div{display:block;text-align:center}.hero-status>div span{margin-top:6px}.hero-status i{margin:0;height:52px}.benefit-photo{height:170px}.first-guide{padding:75px 20px}.first-links{grid-template-columns:1fr;margin-bottom:35px}.parking-selector{margin:0 -20px;padding:38px 20px}.selector-heading{align-items:flex-start;flex-direction:column}.selector-heading h2{font-size:26px}.parking-options{grid-template-columns:1fr}.parking-options .large-vehicle{grid-column:auto}.parking-options>a{min-height:210px}.purpose.refined .purpose-main{grid-column:1}}