/* contact ページだけの見た目。生成元 gen_site_w.py gen_contact() */

.hero .btns{margin-top:clamp(28px,4vh,44px);display:flex;gap:16px;flex-wrap:wrap}
.ways{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(14px,2vw,28px)}
.way{grid-column:span 6;padding:clamp(22px,2.8vw,36px);border-radius:12px;background:#f4f7fb;display:flex;flex-direction:column;gap:6px}
.way.r{grid-column:span 12}
.way .lb2{font:600 12px/1 var(--gt);letter-spacing:.18em;color:var(--acc)}
.way b{font:700 clamp(21px,2.2vw,30px)/1.4 var(--gt);font-variant-numeric:tabular-nums;letter-spacing:.01em}
.way b a{color:var(--acc);text-decoration:underline;text-decoration-color:rgba(42,91,215,.35);text-underline-offset:.18em}
.way b a:hover{text-decoration-color:var(--acc)}
.way p{font-size:14px;line-height:2;color:var(--ink2)}
.copy{align-self:flex-start;margin-top:8px;min-height:44px;padding:0 14px;border-radius:999px;border:1px solid #c8c8c8;background:#fff;font:500 13px/1 var(--gt);letter-spacing:.04em;cursor:pointer;color:var(--ink);transition:border-color .3s var(--e-cubic),color .3s var(--e-cubic)}
.copy:hover{border-color:var(--acc);color:var(--acc)}
.copy.done{border-color:#2fb46f;color:#1e7a4a}
.copybox{margin-top:8px;width:100%;max-width:22em;padding:10px 12px;border:1px solid #c8c8c8;border-radius:6px;font:500 15px/1.4 var(--gt)}
.way b{overflow-wrap:anywhere}
.lc .map::after{content:"↗"}
.loc3{margin-top:clamp(40px,6vw,64px);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,1.7vw,24px)}
.lc{padding:clamp(20px,2.4vw,30px);border-radius:12px;border:1px solid var(--line);display:flex;flex-direction:column;gap:6px}
.lc b{font:700 16px/1.6 var(--gt)}
.lc p{font-size:13.5px;line-height:2;color:var(--ink2)}
.lc .map{margin-top:auto;padding-top:6px;min-height:44px;display:inline-flex;align-items:center;gap:8px;font:600 13.5px/1 var(--gt);color:var(--acc)}
.lc .map:hover::after{transform:translate3d(6px,0,0)}
@media (max-width:820px){.way,.way.r{grid-column:span 12}.loc3{grid-template-columns:1fr}}