/* 三和ホールディングス リニューアル案 A/B 共通 */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{overflow-x:clip;scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{font-size:17px;line-height:1.9;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
ul,ol{list-style:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
svg{display:block}
.nw{display:inline-block}
.sp{display:none}
@media (max-width:767px){.sp{display:inline}.pc{display:none}}
.skip{position:absolute;left:-9999px;top:0}
.skip:focus{left:8px;top:8px;z-index:999;background:#fff;padding:8px 12px}
.wrap{max-width:var(--cw);margin:0 auto;padding-left:var(--gut);padding-right:var(--gut)}
:root{--cw:1600px;--gut:clamp(20px,4.4vw,64px);--ease:cubic-bezier(.22,.61,.24,1)}
/* 提案用の案内帯 */
.pbar{position:relative;z-index:60;display:flex;justify-content:center;align-items:center;gap:10px;height:30px;font:500 12.5px/1 system-ui,sans-serif;letter-spacing:.06em;background:#0d1230;color:#c9cde3}
.pbar a{padding:4px 2px}
.pbar a.on{color:#fff;border-bottom:1px solid #fff}
/* 文節改行（jp-break.js がhtmlに.bxを付ける） */
.bx main :is(p,li,dd,dt,td,th,small,h3,h4,b,figcaption,blockquote),.bx footer :is(p,li),.bx .mega :is(small,b,p){word-break:keep-all;overflow-wrap:anywhere}
.bx main p.long,.bx .fad,.bx .acc-ad{word-break:normal;line-break:strict}
.tail{display:inline-block;white-space:nowrap}
/* 出現 */
.rv{opacity:0;transition:opacity 1s var(--ease)}
.rv-l{opacity:0;transform:translateX(-40px);transition:opacity 1.1s var(--ease),transform 1.1s var(--ease)}
.rv-r{opacity:0;transform:translateX(40px);transition:opacity 1.1s var(--ease),transform 1.1s var(--ease)}
.rv.in,.rv-l.in,.rv-r.in{opacity:1;transform:none}
.sg{opacity:0;transition:opacity .9s var(--ease)}
.sg.in{opacity:1}
.h2 .ch,.h1 .ch,.fv-h .ch{display:inline-block;opacity:0;transform:translateX(-14px);transition:opacity .7s var(--ease),transform .7s var(--ease)}
.h2.in .ch,.h1.in .ch,.ready .fv-h .ch{opacity:1;transform:none}
.sh .en,.phero .en{opacity:0;transform:translateX(-36px);transition:opacity 1s var(--ease),transform 1s var(--ease)}
.sh.in .en,.phero.in .en,.ready .phero .en{opacity:1;transform:none}
@keyframes arr{0%{transform:none}45%{transform:translateX(160%)}46%{transform:translateX(-160%)}100%{transform:none}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.rv,.rv-l,.rv-r,.sg,.h2 .ch,.h1 .ch,.fv-h .ch,.sh .en,.phero .en{opacity:1;transform:none}}
/* 地図 */
.map iframe{display:block;width:100%;height:100%;min-height:340px;border:0}
