﻿/* 日本と世界、言葉、相談先がひとつの背景に重なる共創CTA。 */
.itoshio-corporate-refresh main.business-page-compact #connect{position:relative;isolation:isolate;overflow:hidden;padding:52px 0 48px;background:#111b2d;color:#fffaf3;scroll-margin-top:88px}
.itoshio-corporate-refresh main.business-page-compact #connect:before{display:none}
.itoshio-corporate-refresh main.business-page-compact #connect:after{content:'';position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#101b2df2 0%,#101b2d8c 52%,#101b2d24 100%),linear-gradient(0deg,#101b2df0 0%,#101b2d70 38%,transparent 100%);pointer-events:none}
.itoshio-corporate-refresh main.business-page-compact #connect>.wrap{display:block;width:min(1240px,calc(100% - 64px));max-width:none;margin:0 auto;padding:0}
.itoshio-corporate-refresh main.business-page-compact .closing-world-background{position:absolute;inset:0;z-index:-2;display:block;background:#111b2d;pointer-events:none}
.itoshio-corporate-refresh main.business-page-compact .closing-world-background img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.itoshio-corporate-refresh main.business-page-compact #connect .closing-ensemble{position:static;display:block;height:auto;min-height:0;max-height:none;margin:0 0 30px;padding:0;background:transparent;overflow:visible}
.itoshio-corporate-refresh main.business-page-compact #connect .closing-ensemble:after{display:none}
.itoshio-corporate-refresh main.business-page-compact #connect .closing-title{display:block;width:auto;height:auto;margin:0;padding:0;border:0;background:transparent}
.itoshio-corporate-refresh main.business-page-compact #connect .closing-title .eyebrow{display:flex;align-items:center;gap:12px;margin:0;color:#e7c4b6;font-size:10px;letter-spacing:.2em}
.itoshio-corporate-refresh main.business-page-compact #connect .closing-title .eyebrow:before{content:'';width:28px;height:2px;background:#d96352}
.itoshio-corporate-refresh main.business-page-compact #connect .closing-title h2{margin:14px 0 10px;color:#fffaf3;font-size:clamp(28px,2.8vw,38px);font-weight:400;line-height:1.6;white-space:nowrap;letter-spacing:.04em;text-shadow:0 2px 18px #08111d66}
.itoshio-corporate-refresh main.business-page-compact #connect .closing-signature{margin:0;color:#d4d9df;font-size:10px;letter-spacing:.12em}
.itoshio-corporate-refresh main.business-page-compact #connect .closing-options-shared{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;width:auto;margin:0;padding:0;background:transparent}
.itoshio-corporate-refresh main.business-page-compact #connect .closing-options-shared article{position:relative;display:flex;flex-direction:column;min-width:0;min-height:208px;padding:24px;border:1px solid #aab8c54d;border-radius:4px;background:linear-gradient(135deg,#16263ded,#152137f5);box-shadow:0 12px 28px #050b152e;backdrop-filter:blur(8px);transform:none}
.itoshio-corporate-refresh main.business-page-compact #connect .closing-options-shared article:before{content:'';position:absolute;top:-1px;left:24px;width:32px;height:3px;background:#cb5747}
.itoshio-corporate-refresh main.business-page-compact #connect .closing-options-shared article:hover{transform:none}
.itoshio-corporate-refresh main.business-page-compact #connect .closing-card-label{color:#dfab9c;font-size:9px;letter-spacing:.12em}
.itoshio-corporate-refresh main.business-page-compact #connect .closing-options-shared h3{margin:12px 0 8px;color:#fffaf3;font-size:clamp(17px,1.6vw,21px);line-height:1.7}
.itoshio-corporate-refresh main.business-page-compact #connect .closing-options-shared p{margin:0 0 18px;color:#d5dde5;font-size:12px;line-height:1.9}
.itoshio-corporate-refresh main.business-page-compact #connect .closing-card-actions{display:flex;align-items:stretch;flex-wrap:wrap;gap:8px;margin-top:auto;padding:0}
.itoshio-corporate-refresh main.business-page-compact #connect .closing-card-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:46px;max-width:100%;padding:10px 16px;border:1px solid #c45d50;border-radius:3px;background:#ae392f;color:#fffaf3;font-size:12px;line-height:1.8;text-decoration:none;transition:background .18s,border-color .18s}
.itoshio-corporate-refresh main.business-page-compact #connect .closing-card-actions a:hover{background:#c44b3e;border-color:#d87969;color:#fff}
.itoshio-corporate-refresh main.business-page-compact #connect .closing-card-actions a+a{background:#182941;color:#fffaf3;border-color:#9aa8ba99}
.itoshio-corporate-refresh main.business-page-compact #connect .closing-card-actions a+a:hover{background:#263b55;border-color:#c0cad6}
.itoshio-corporate-refresh main.business-page-compact #connect .closing-card-actions a:focus-visible{outline:2px solid #fff8ee;outline-offset:3px}
@media(max-width:800px){
.itoshio-corporate-refresh main.business-page-compact #connect{padding:32px 0 28px;scroll-margin-top:68px}
.itoshio-corporate-refresh main.business-page-compact #connect>.wrap{width:calc(100% - 40px)}
.itoshio-corporate-refresh main.business-page-compact .closing-world-background{bottom:auto;height:650px;mask-image:linear-gradient(#000 60%,transparent);-webkit-mask-image:linear-gradient(#000 60%,transparent)}
.itoshio-corporate-refresh main.business-page-compact .closing-world-background img{object-position:76% top}
.itoshio-corporate-refresh main.business-page-compact #connect:after{background:linear-gradient(90deg,#111b2dd9,#111b2d66),linear-gradient(0deg,#111b2d,transparent 80%)}
.itoshio-corporate-refresh main.business-page-compact #connect .closing-ensemble{margin-bottom:22px}
.itoshio-corporate-refresh main.business-page-compact #connect .closing-title h2{font-size:clamp(21px,5.8vw,30px);letter-spacing:.01em;margin:12px 0 8px}
.itoshio-corporate-refresh main.business-page-compact #connect .closing-options-shared{grid-template-columns:1fr;gap:12px}
.itoshio-corporate-refresh main.business-page-compact #connect .closing-options-shared article{min-height:0;padding:19px 18px 18px}
.itoshio-corporate-refresh main.business-page-compact #connect .closing-options-shared article:before{left:18px}
.itoshio-corporate-refresh main.business-page-compact #connect .closing-options-shared h3{font-size:18px;margin:10px 0 6px}
.itoshio-corporate-refresh main.business-page-compact #connect .closing-options-shared p{margin-bottom:14px}
.itoshio-corporate-refresh main.business-page-compact #connect .closing-card-actions a{padding:9px 13px}
}
@media(prefers-reduced-motion:reduce){.itoshio-corporate-refresh main.business-page-compact #connect .closing-card-actions a{transition:none}}
