/* 会社案内・代表メッセージ用: ロゴを中心に「売上・業務・Web・LINE・AI・DX」が集まってつながる動き。
   旧「会社案内・ご相談」ページのリング演出（style.css 290〜364行目）を複製し、名前を co-orbit に付け替え、色を水色系にしたもの。
   動かすJSは assets/js/company-orbit.js。旧ページ側には影響しない。 */
/* 枠（代表メッセージの左側） */
.company-message .co-orbit-host{align-items:center}
body:has(.co-orbit-host) .company-message .co-orbit-mark{display:block;width:100%;max-width:330px;height:auto;min-height:0;aspect-ratio:1;margin:0 auto;border-radius:50%;overflow:visible}
body:has(.co-orbit-host) .company-message .co-orbit-mark:before{content:none!important}
/* 会社案内の左リングだけを、課題を整理する体験へ発展させる。 */
body:has(.co-orbit-host) .co-orbit-mark{position:relative;isolation:isolate;overflow:visible;background:radial-gradient(circle at center,#fff 0 29%,#e4f7fa 30% 31%,#d8f2f7 32% 51%,transparent 52%);cursor:default}body:has(.co-orbit-host) .co-orbit-mark>p{display:none}.co-orbit__canvas{position:absolute;inset:0;pointer-events:none}.co-orbit__ring{position:absolute;inset:12%;width:76%;height:76%;left:12%;top:12%;overflow:visible}.co-orbit__ring circle{fill:none;stroke:#9bd9e5;stroke-width:1.25}.co-orbit__ring .co-orbit__halo{stroke:#d3f1f6;stroke-width:11;opacity:.75}.co-orbit__ring path{fill:none;stroke:#5bc0d3;stroke-width:1;stroke-linecap:round;opacity:0}.co-orbit__tag{position:absolute;z-index:2;padding:5px 9px;border:1px solid rgba(8,174,198,.22);border-radius:999px;background:rgba(255,255,255,.72);color:#178aa0;font-size:12px;font-weight:700;line-height:1;letter-spacing:.04em;white-space:nowrap;box-shadow:0 4px 14px rgba(8,120,140,.05);--move-x:0;--move-y:0;transform:translate(var(--move-x),var(--move-y));transition:transform .5s ease,opacity .45s ease}.co-orbit__tag--sales{left:5%;top:22%}.co-orbit__tag--work{right:1%;top:29%}.co-orbit__tag--web{left:10%;bottom:22%}.co-orbit__tag--line{right:5%;bottom:20%}.co-orbit__tag--booking{left:31%;top:4%}.co-orbit__tag--stock{right:27%;bottom:4%}.co-orbit__core{position:absolute;z-index:3;left:50%;top:50%;display:grid;width:34%;aspect-ratio:1;place-items:center;border:1px solid rgba(8,174,198,.28);border-radius:50%;background:rgba(255,255,255,.9);box-shadow:0 10px 28px rgba(8,140,165,.12);color:#00c4d6;font-size:clamp(42px,4vw,62px);font-weight:700;line-height:1;transform:translate(-50%,-50%)}body:has(.co-orbit-host) .co-orbit-host>article{transition:opacity .65s ease,transform .65s ease}
@media(prefers-reduced-motion:no-preference){body:has(.co-orbit-host) .co-orbit-host.co-orbit-ready .co-orbit__tag{opacity:0}body:has(.co-orbit-host) .co-orbit-host.co-orbit-ready .co-orbit__tag--sales{--move-x:-24px;--move-y:-10px}body:has(.co-orbit-host) .co-orbit-host.co-orbit-ready .co-orbit__tag--work{--move-x:25px;--move-y:-8px}body:has(.co-orbit-host) .co-orbit-host.co-orbit-ready .co-orbit__tag--web{--move-x:-20px;--move-y:18px}body:has(.co-orbit-host) .co-orbit-host.co-orbit-ready .co-orbit__tag--line{--move-x:22px;--move-y:18px}body:has(.co-orbit-host) .co-orbit-host.co-orbit-ready .co-orbit__tag--booking{--move-x:-4px;--move-y:-24px}body:has(.co-orbit-host) .co-orbit-host.co-orbit-ready .co-orbit__tag--stock{--move-x:8px;--move-y:24px}body:has(.co-orbit-host) .co-orbit-host.co-orbit-ready .co-orbit__ring{opacity:.15;transform:scale(.94);transition:opacity .65s ease 1.02s,transform .65s ease 1.02s}body:has(.co-orbit-host) .co-orbit-host.co-orbit-ready .co-orbit__core{opacity:0;transform:translate(-50%,-50%) scale(.9);transition:opacity .52s ease 1.62s,transform .52s ease 1.62s}body:has(.co-orbit-host) .co-orbit-host.co-orbit-ready>article{opacity:0;transform:translateY(7px)}body:has(.co-orbit-host) .co-orbit-host.co-orbit-active .co-orbit__tag{opacity:1;--move-x:0;--move-y:0}body:has(.co-orbit-host) .co-orbit-host.co-orbit-active .co-orbit__tag--sales{transition-delay:0ms}body:has(.co-orbit-host) .co-orbit-host.co-orbit-active .co-orbit__tag--work{transition-delay:120ms}body:has(.co-orbit-host) .co-orbit-host.co-orbit-active .co-orbit__tag--web{transition-delay:240ms}body:has(.co-orbit-host) .co-orbit-host.co-orbit-active .co-orbit__tag--line{transition-delay:360ms}body:has(.co-orbit-host) .co-orbit-host.co-orbit-active .co-orbit__tag--booking{transition-delay:480ms}body:has(.co-orbit-host) .co-orbit-host.co-orbit-active .co-orbit__tag--stock{transition-delay:600ms}body:has(.co-orbit-host) .co-orbit-host.co-orbit-active .co-orbit__ring{opacity:1;transform:scale(1)}body:has(.co-orbit-host) .co-orbit-host.co-orbit-active .co-orbit__core{opacity:1;transform:translate(-50%,-50%) scale(1)}body:has(.co-orbit-host) .co-orbit-host.co-orbit-active>article{opacity:1;transform:none;transition-delay:2.05s}body:has(.co-orbit-host) .co-orbit-host.co-orbit-complete .co-orbit__tag{transform:translate(calc(var(--about-pointer-x,0) * var(--orbit-x,.035) * 1px),calc(var(--about-pointer-y,0) * var(--orbit-y,.035) * 1px))}body:has(.co-orbit-host) .co-orbit-host.co-orbit-complete .co-orbit__tag--sales{--orbit-x:.06;--orbit-y:.03}body:has(.co-orbit-host) .co-orbit-host.co-orbit-complete .co-orbit__tag--work{--orbit-x:.05;--orbit-y:.04}body:has(.co-orbit-host) .co-orbit-host.co-orbit-complete .co-orbit__tag--web{--orbit-x:.04;--orbit-y:.05}body:has(.co-orbit-host) .co-orbit-host.co-orbit-complete .co-orbit__tag--line{--orbit-x:.06;--orbit-y:.04}body:has(.co-orbit-host) .co-orbit-host.co-orbit-complete .co-orbit__tag--booking{--orbit-x:.03;--orbit-y:.06}body:has(.co-orbit-host) .co-orbit-host.co-orbit-complete .co-orbit__tag--stock{--orbit-x:.04;--orbit-y:.06}@media(hover:hover) and (pointer:fine){body:has(.co-orbit-host) .co-orbit-host.co-orbit-complete.is-co-orbit-hovering .co-orbit__ring path{opacity:.38;transition:opacity .24s ease}body:has(.co-orbit-host) .co-orbit-host.co-orbit-complete.is-co-orbit-hovering .co-orbit__ring circle:not(.co-orbit__halo){stroke:#3fb2c8}}}
@media(max-width:900px){body:has(.co-orbit-host) .co-orbit-mark{min-height:280px}.co-orbit__tag{padding:4px 7px;font-size:10px}.co-orbit__tag--sales{left:3%;top:19%}.co-orbit__tag--work{right:0;top:25%}.co-orbit__tag--web{left:6%;bottom:18%}.co-orbit__tag--line{right:2%;bottom:17%}.co-orbit__tag--booking{left:28%;top:2%}.co-orbit__tag--stock{right:24%;bottom:2%}}

body:has(.co-orbit-host) .co-orbit__canvas{pointer-events:auto;transform:translateY(15%)}
body:has(.co-orbit-host) .co-orbit-mark>p{display:none!important}
.co-orbit-host .co-orbit-mark>p{display:none!important}
/* リングと中央要素は、同じキャンバスの四辺基準で必ず重ねる。 */
body:has(.co-orbit-host) .co-orbit__core{right:0;bottom:0;left:0;top:0;margin:auto;transform:scale(1)}
.co-orbit__logo{display:block;width:72%;height:72%;object-fit:contain}

/* 会社案内リングの時系列演出：課題の認識→整理→接続→完成。 */
@media(prefers-reduced-motion:no-preference){
	body:has(.co-orbit-host) .co-orbit-host.co-orbit-ready .co-orbit__ring{opacity:.28;transform:scale(.98);transition:none}
	body:has(.co-orbit-host) .co-orbit-host.co-orbit-ready .co-orbit__core{transform:scale(.9)}
	body:has(.co-orbit-host) .co-orbit-host.co-orbit-intro .co-orbit__tag{opacity:1}
	body:has(.co-orbit-host) .co-orbit-host.co-orbit-intro .co-orbit__tag--sales{transition-delay:0ms}
	body:has(.co-orbit-host) .co-orbit-host.co-orbit-intro .co-orbit__tag--booking{transition-delay:100ms}
	body:has(.co-orbit-host) .co-orbit-host.co-orbit-intro .co-orbit__tag--work{transition-delay:200ms}
	body:has(.co-orbit-host) .co-orbit-host.co-orbit-intro .co-orbit__tag--web{transition-delay:300ms}
	body:has(.co-orbit-host) .co-orbit-host.co-orbit-intro .co-orbit__tag--line{transition-delay:400ms}
	body:has(.co-orbit-host) .co-orbit-host.co-orbit-intro .co-orbit__tag--stock{transition-delay:500ms}
	body:has(.co-orbit-host) .co-orbit-host.co-orbit-organize .co-orbit__tag{--move-x:0;--move-y:0;transition-delay:0ms}
	body:has(.co-orbit-host) .co-orbit-host.co-orbit-organize .co-orbit__ring{opacity:1;transform:scale(1);transition:opacity .5s ease,transform .5s ease}
	body:has(.co-orbit-host) .co-orbit__ring path{transition:opacity .42s ease}
	body:has(.co-orbit-host) .co-orbit-host.co-orbit-connect .co-orbit__ring path{opacity:.3}
	body:has(.co-orbit-host) .co-orbit-host.co-orbit-core-show .co-orbit__core{opacity:1;transform:scale(1);transition:opacity .5s ease,transform .5s ease}
	body:has(.co-orbit-host) .co-orbit-host.co-orbit-copy-show>article{opacity:1;transform:none;transition-delay:0s}
	body:has(.co-orbit-host) .co-orbit-host.co-orbit-complete .co-orbit__ring path{opacity:.09}
	body:has(.co-orbit-host) .co-orbit-host.co-orbit-ready .co-orbit__tag--sales{--move-x:-46px;--move-y:-26px}
	body:has(.co-orbit-host) .co-orbit-host.co-orbit-ready .co-orbit__tag--work{--move-x:36px;--move-y:-26px}
	body:has(.co-orbit-host) .co-orbit-host.co-orbit-ready .co-orbit__tag--web{--move-x:-42px;--move-y:30px}
	body:has(.co-orbit-host) .co-orbit-host.co-orbit-ready .co-orbit__tag--line{--move-x:38px;--move-y:32px}
	body:has(.co-orbit-host) .co-orbit-host.co-orbit-ready .co-orbit__tag--booking{--move-x:-14px;--move-y:-44px}
	body:has(.co-orbit-host) .co-orbit-host.co-orbit-ready .co-orbit__tag--stock{--move-x:16px;--move-y:44px}
}

/* 会社案内リングの演出時間を、課題→整理→接続→中心→説明の順へ整える。 */
@media(prefers-reduced-motion:no-preference){
	body:has(.co-orbit-host) .co-orbit-host.co-orbit-ready .co-orbit__tag--sales{--move-x:-18px;--move-y:-12px}
	body:has(.co-orbit-host) .co-orbit-host.co-orbit-ready .co-orbit__tag--work{--move-x:16px;--move-y:-14px}
	body:has(.co-orbit-host) .co-orbit-host.co-orbit-ready .co-orbit__tag--web{--move-x:-16px;--move-y:12px}
	body:has(.co-orbit-host) .co-orbit-host.co-orbit-ready .co-orbit__tag--line{--move-x:18px;--move-y:14px}
	body:has(.co-orbit-host) .co-orbit-host.co-orbit-ready .co-orbit__tag--booking{--move-x:-8px;--move-y:-18px}
	body:has(.co-orbit-host) .co-orbit-host.co-orbit-ready .co-orbit__tag--stock{--move-x:10px;--move-y:18px}
	body:has(.co-orbit-host) .co-orbit-host.co-orbit-organize .co-orbit__tag--sales,
	body:has(.co-orbit-host) .co-orbit-host.co-orbit-organize .co-orbit__tag--work,
	body:has(.co-orbit-host) .co-orbit-host.co-orbit-organize .co-orbit__tag--web,
	body:has(.co-orbit-host) .co-orbit-host.co-orbit-organize .co-orbit__tag--line,
	body:has(.co-orbit-host) .co-orbit-host.co-orbit-organize .co-orbit__tag--booking,
	body:has(.co-orbit-host) .co-orbit-host.co-orbit-organize .co-orbit__tag--stock{--move-x:0;--move-y:0}
	body:has(.co-orbit-host) .co-orbit-host.co-orbit-intro .co-orbit__tag{transition:transform .8s cubic-bezier(.2,.65,.25,1),opacity .18s ease}
	body:has(.co-orbit-host) .co-orbit-host.co-orbit-intro .co-orbit__tag--sales{transition-delay:0ms}
	body:has(.co-orbit-host) .co-orbit-host.co-orbit-intro .co-orbit__tag--booking{transition-delay:70ms}
	body:has(.co-orbit-host) .co-orbit-host.co-orbit-intro .co-orbit__tag--work{transition-delay:140ms}
	body:has(.co-orbit-host) .co-orbit-host.co-orbit-intro .co-orbit__tag--web{transition-delay:210ms}
	body:has(.co-orbit-host) .co-orbit-host.co-orbit-intro .co-orbit__tag--line{transition-delay:280ms}
	body:has(.co-orbit-host) .co-orbit-host.co-orbit-intro .co-orbit__tag--stock{transition-delay:350ms}
	body:has(.co-orbit-host) .co-orbit-host.co-orbit-organize .co-orbit__tag{transition:transform .8s cubic-bezier(.2,.65,.25,1),opacity .18s ease;transition-delay:0ms}
	body:has(.co-orbit-host) .co-orbit-host.co-orbit-ready .co-orbit__core{opacity:0;transform:scale(1);transition:none}
	body:has(.co-orbit-host) .co-orbit-host.co-orbit-core-show .co-orbit__core{opacity:1;transform:scale(1);transition:opacity .48s ease}
	body:has(.co-orbit-host) .co-orbit-host.co-orbit-ready .co-orbit__ring path{opacity:.3;stroke-dasharray:190;stroke-dashoffset:190;transition:stroke-dashoffset .5s ease,opacity .15s ease}
	body:has(.co-orbit-host) .co-orbit-host.co-orbit-connect .co-orbit__ring path{opacity:.3;stroke-dashoffset:0}
	body:has(.co-orbit-host) .co-orbit-host.co-orbit-complete .co-orbit__ring path{opacity:.09}
}
@media(prefers-reduced-motion:reduce){body:has(.co-orbit-host) .co-orbit__ring path{opacity:.09}}

/* 会社案内：完了後の6領域を、中央ロゴを基準に規則的に整列する。 */
.co-orbit-host .co-orbit__tag--booking{left:calc(50% - 23px);right:auto;top:8%;bottom:auto}
.co-orbit-host .co-orbit__tag--work{left:auto;right:6%;top:25%;bottom:auto}
.co-orbit-host .co-orbit__tag--line{left:auto;right:6%;top:auto;bottom:25%}
.co-orbit-host .co-orbit__tag--stock{left:calc(50% - 23px);right:auto;top:auto;bottom:8%}
.co-orbit-host .co-orbit__tag--web{left:6%;right:auto;top:auto;bottom:25%}
.co-orbit-host .co-orbit__tag--sales{left:6%;right:auto;top:25%;bottom:auto}
/* ロゴ（下に nakanaka.e.design が入ったヘッダーと同じロゴ）を、中央の円の中に大きめに入れる */
body:has(.co-orbit-host) .co-orbit__canvas{transform:none}
body:has(.co-orbit-host) .co-orbit__core{width:52%;height:auto;aspect-ratio:1;margin:auto;overflow:hidden}
/* ロゴは横長の四角い画像。角が丸からはみ出さないよう、丸の内側に収まる大きさにする */
.co-orbit__logo{width:68%;height:auto;max-width:none}
@media(max-width:760px){body:has(.co-orbit-host) .company-message .co-orbit-mark{height:auto!important;max-width:300px}.co-orbit__tag{padding:4px 7px;font-size:10px}}