.ui-icon{display:inline-block;flex-shrink:0;vertical-align:middle;pointer-events:none}.ui-arrow{width:22px;height:22px;transition:transform .2s ease}.ui-arrow-down{transform:rotate(90deg)}.ui-arrow-up{transform:rotate(-90deg)}.ui-arrow-left{transform:rotate(180deg)}.ui-phone{width:36px;height:36px}.nav-contact .ui-phone{width:34px;height:34px}.button:hover .ui-arrow-right,.text-link:hover .ui-arrow-right{transform:translateX(3px)}.photo-open .ui-arrow{width:23px;height:23px}.hero-bottom a .ui-icon{margin-left:16px}.company-table dd .ui-arrow{width:18px;height:18px;margin-left:5px}.company-table dd a:has(.ui-arrow){display:inline-flex;align-items:center;gap:4px}.phone-bottom .ui-phone{width:34px;height:34px}.gallery-controls button{display:grid;place-items:center}.back-top .ui-arrow{width:22px;height:22px}
@media(max-width:700px){.ui-arrow{width:20px;height:20px}.nav-contact .ui-phone{width:30px;height:30px}.phone-bottom .ui-phone{width:30px;height:30px}}
@media(prefers-reduced-motion:reduce){.ui-arrow{transition:none}.button:hover .ui-arrow-right,.text-link:hover .ui-arrow-right{transform:none}}
.works-bottom .button{justify-content:center;gap:12px}.ui-instagram{width:22px;height:22px}.works-bottom .button .instagram-label{font:inherit;line-height:1.5}
.floating-contact{position:fixed;right:28px;bottom:max(24px,env(safe-area-inset-bottom));z-index:19;display:block;width:84px;height:92px;color:var(--ink);filter:drop-shadow(0 4px 9px #0003);transition:transform .2s}
.floating-phone{display:block;width:100%;height:100%;overflow:visible}.floating-phone-hex{fill:var(--yellow);fill-opacity:.64;stroke:var(--ink);stroke-width:1.5;stroke-linejoin:round}.floating-phone-handset{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round}.floating-phone text{fill:currentColor;font:700 13px Arial,sans-serif;letter-spacing:2px}
.floating-contact:hover{transform:translateY(-3px)}.floating-contact:hover .floating-phone-hex{fill:#ffcf55;fill-opacity:.78}
body:has(dialog[open]) .floating-contact,body:has(.nav.open) .floating-contact{visibility:hidden}
.footer{padding-top:32px;padding-bottom:32px}.footer .back-top{margin-right:104px}
@media(max-width:700px){.floating-contact{right:16px;bottom:max(16px,env(safe-area-inset-bottom));width:72px;height:79px}.footer{padding-top:28px;padding-bottom:28px;gap:20px}.footer .back-top{margin-right:0}.footer p{padding-right:88px}}
@media(prefers-reduced-motion:reduce){.floating-contact{transition:none}.floating-contact:hover{transform:none}}
/* 右下の追従ボタン：電話からお問い合わせ（メール）へ変更 2026-09-28 */
.floating-mail-icon{fill:none;stroke:currentColor;stroke-width:1.9;stroke-linejoin:round;stroke-linecap:round}
.floating-phone .floating-mail-text{font:700 10.5px "Noto Sans JP","Yu Gothic","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;letter-spacing:0}