/* Script-free preview rail: same five services and visual design, seamless loop. */
.service-css-carousel{position:relative;--css-card-width:min(calc(100vw - 64px),370px);--css-card-gap:17px;--css-loop-duration:78s}
.service-css-controls{display:flex;align-items:center;min-height:48px;margin-bottom:18px;padding-right:148px}
.service-css-controls p{font-size:12px;line-height:1.7;color:#66666f;display:grid;gap:4px}
.service-css-controls strong{color:#211be8}
.service-css-label{position:absolute;right:var(--gutter);top:0;display:flex;align-items:center;justify-content:center;min-height:44px;padding:8px 16px;font-size:12px;line-height:1.6;border:1px solid #aaaab3;border-radius:50px;background:#f2f2f0;cursor:pointer}
.service-css-toggle{position:absolute;top:10px;right:var(--gutter);width:1px;height:1px;opacity:0}
.service-css-toggle:focus-visible+.service-css-label{outline:3px solid #d60070;outline-offset:4px}
.service-css-label .css-play{display:none}
.service-css-toggle:checked+.service-css-label .css-stop{display:none}
.service-css-toggle:checked+.service-css-label .css-play{display:inline}
.service-css-viewport{overflow:hidden;padding:4px var(--gutter) 16px}
.service-css-track{width:max-content;display:flex;align-items:stretch;gap:var(--css-card-gap);animation:service-css-loop var(--css-loop-duration) linear infinite;will-change:transform}
.service-css-track .service-panel{flex:0 0 var(--css-card-width);width:var(--css-card-width);max-width:none}
.service-css-toggle:checked~.service-css-viewport .service-css-track{animation-play-state:paused}
.service-css-viewport:active .service-css-track{animation-play-state:paused}
@keyframes service-css-loop{to{transform:translateX(calc(-50% - var(--css-card-gap)/2))}}
@media(hover:hover) and (pointer:fine){.service-css-viewport:hover .service-css-track{animation-play-state:paused}}
@media(min-width:700px){.service-css-carousel{--css-card-width:370px;--css-card-gap:22px;--css-loop-duration:89s}}
@media(min-width:1100px){.service-css-carousel{--css-card-gap:28px;--css-loop-duration:90s}.service-css-label{right:max(var(--gutter),calc((100vw - 1240px)/2))}.service-css-viewport{padding-inline:max(var(--gutter),calc((100vw - 1240px)/2))}}
@media(prefers-reduced-motion:reduce){
 .service-css-track{animation:none!important;will-change:auto}
 .service-css-track .service-panel:nth-child(n+6){display:none}
 .service-css-viewport{overflow-x:auto}
 .service-css-toggle,.service-css-label,.service-css-controls p>span{display:none}
 .service-css-controls p:after{content:"横にスワイプできます"}
}
@media print{
 .service-css-controls,.service-css-label,.service-css-toggle{display:none}
 .service-css-track{animation:none;transform:none;width:auto;display:grid;grid-template-columns:1fr 1fr}
 .service-css-track .service-panel{width:auto}.service-css-track .service-panel:nth-child(n+6){display:none}
}