/* Supplied replacement artwork; keep catalogs, compact cards and dialogs intact. */
.hero picture{display:block}
.hero img{display:block;width:100%;height:auto}
#platinum{margin-top:calc(-218 * var(--u))}
.why-sp{position:relative}
@media(min-width:768px){
 .site-header{position:absolute;top:calc(40 * var(--u));padding:0;background:none}
 .why-sp{padding:calc(40 * var(--u)) calc(35 * var(--u)) calc(40 * var(--u)) 38%}
 .why-sp .phone{position:absolute;left:0;bottom:0;width:36%;height:calc(100% + 80 * var(--u));object-fit:contain;object-position:center bottom}
 .why-sp h2{font-size:calc(30 * var(--u));text-align:left;margin-bottom:calc(14 * var(--u))}
 .why-sp h2 br{display:none}
 .why-sp>p{font-size:calc(18 * var(--u));text-align:left;margin-bottom:calc(22 * var(--u))}
 .why-sp>p br{display:none}
 .why-sp ul{gap:calc(14 * var(--u))}
 .why-sp li{font-size:calc(16 * var(--u));gap:calc(12 * var(--u))}
 .why-sp .benefit-icon{width:calc(42 * var(--u));height:calc(42 * var(--u))}
}
@media(max-width:767px){
 #platinum{margin-top:calc(-32 * var(--u))}
 .why-sp{padding:calc(250 * var(--u)) calc(24 * var(--u)) calc(30 * var(--u))}
 .why-sp .phone{position:absolute;left:50%;top:calc(-60 * var(--u));bottom:auto;transform:translateX(-50%);width:calc(280 * var(--u));height:calc(305 * var(--u));object-fit:contain}
}