
.spot{--k:1;--sh:calc(340px * var(--k));width:calc(var(--sh) * var(--ar));max-width:100%;pointer-events:none}
.spot img{display:block;width:100%;height:auto}
.spot[data-rv]{opacity:.04;transform:translate3d(0,52px,0);transition:opacity 1.1s cubic-bezier(.2,.7,.2,1),transform 1.6s var(--e);transition-delay:var(--d,0s)}
.spot[data-rv].is-in{opacity:1;transform:none}
.spot picture{display:block;transition:scale 2.2s var(--e-photo);transform-origin:50% 100%}
.spot[data-rv]:not(.is-in) picture{scale:1.06}
@media (min-width:901px){
  
  .wrap.has-sp{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start}
  .wrap.has-sp:has(>.spot--in){grid-template-columns:minmax(0,1fr) auto minmax(0,18%)}
  .wrap.has-sp>*{grid-column:1/-1}
  .wrap.has-sp>.sec-hd{display:contents}
  .wrap.has-sp>.sec-hd>*{grid-column:1}
  .wrap.has-sp>.spot{--fb:calc(var(--sh) * var(--fp,0));grid-column:2;grid-row:1;align-self:end;margin:calc(24px + var(--fb) - var(--sh)) 0 calc(-24px - var(--fb)) clamp(24px,3vw,48px)}
  
  .svc__side .spot--side,.svc__side .spot--sidel{margin:40px auto 0 0}
}
@media (max-width:900px){
  .spot{--sh:calc(190px * var(--k));margin:40px auto 0}
  .svc__in:has(.svc__side>.spot) .svc__side{display:contents}
  .svc__side>.spot{order:2}
  
  .wrap.has-sp:has(>.spot--hd){position:relative}
  .wrap.has-sp>.spot--hd{--sh:calc(132px * var(--k));position:absolute;right:clamp(16px,4vw,48px);top:-64px;margin:0}
}
.spot{--sh:calc(476px * var(--k))}
@media (max-width:900px){.spot{--sh:calc(266px * var(--k))}.wrap.has-sp>.spot--hd{--sh:calc(184px * var(--k));top:-104px}}   
@media (min-width:901px){.wrap.has-sp:has(>.spot):not(:has(>.spot[style*="--k:0.4"])){padding-top:120px}}
@media (prefers-reduced-motion:reduce){
  .spot[data-rv]{opacity:1!important;transform:none!important;transition:none!important}
  .spot picture{scale:1!important;transition:none!important}
}
html[data-motion=reduce] .spot[data-rv]{opacity:1!important;transform:none!important;transition:none!important}
html[data-motion=reduce] .spot picture{scale:1!important;transition:none!important}
