/* ===== GLOX site v9：下層ページの見出し帯を Sansan 風に ===== 
   ・斜めに切り替わる濃い青の背景をやめ、白〜ごく薄い青の面に、まっすぐの境目
   ・巨大な英語タイトルをやめ、小さな英語の見出し（アイコン代わりの橙の線つき）＋大きな日本語の見出し
   外すときは、このファイルと各ページの <link> と body の hd-lt を削除 */
body.v5.hd-lt{--sl:0px}
/* 見出し帯 */
body.v5.hd-lt .ph5{background:linear-gradient(180deg,#EEF4FC 0%,#F7FAFE 100%);color:var(--ink);min-height:0;display:block;border-bottom:1px solid #E1E9F4;isolation:isolate}
body.v5.hd-lt .ph5::before{content:"";position:absolute;inset:0;z-index:0;background:radial-gradient(46% 130% at 92% 0%,#DCE9F8 0%,rgba(220,233,248,0) 72%),radial-gradient(30% 90% at 0% 100%,rgba(42,104,188,.05),transparent 70%)}
body.v5.hd-lt .ph5::after{display:none}
body.v5.hd-lt .ph5-in{padding:clamp(108px,11vw,136px) var(--gut) clamp(40px,4.6vw,60px)}
body.v5.hd-lt .ph5-in::before{display:none}
body.v5.hd-lt .crumb5{color:#667085;margin:0 0 1.1rem}
body.v5.hd-lt .crumb5 a:hover{color:var(--blue)}
body.v5.hd-lt .ph5 .en,body.v5.hd-lt .ph5-s .en{display:flex;align-items:center;gap:12px;margin:0 0 .7rem;font-family:"Montserrat",sans-serif!important;font-weight:700!important;font-size:13.5px!important;line-height:1.4!important;letter-spacing:.2em!important;text-transform:uppercase;color:var(--blue)!important;-webkit-text-fill-color:var(--blue)!important;background:none}
body.v5.hd-lt .ph5 .en::before{content:"";width:30px;height:3px;border-radius:2px;background:linear-gradient(90deg,#F04A24,#FF7A1F 55%,#FFB02E)}
body.v5.hd-lt .ph5 h1,body.v5.hd-lt .v5 .ph5 h1{color:var(--ink);font-size:clamp(1.9rem,4.2vw,3.1rem);line-height:1.4;letter-spacing:.03em;margin:0 0 1rem;text-shadow:none}
body.v5.hd-lt .ph5 h1::before,body.v5.hd-lt .ph5 h1::after{display:none!important}
body.v5.hd-lt .ph5 h1{margin-left:0!important;padding-left:0!important;text-indent:0!important}
body.v5.hd-lt .ph5 h1 em{color:var(--blue);font-style:normal}
body.v5.hd-lt .ph5-lede,body.v5.hd-lt .ph5 p:not(.en){color:#475467;text-shadow:none}
body.v5.hd-lt .ph5-lede b{color:var(--blue)}
body.v5.hd-lt .ph5-meta{color:#475467}
body.v5.hd-lt .ph5 .chips li{background:#fff;border:1px solid #D6E2F1;color:#2A68BC}
body.v5.hd-lt .ph5-s .ph5-acts .btn-ghost,body.v5.hd-lt .ph5-acts .btn-ghost{background:#fff;border-color:var(--blue);color:var(--blue)}
body.v5.hd-lt .ph5-s .ph5-acts .btn-ghost:hover,body.v5.hd-lt .ph5-acts .btn-ghost:hover{background:var(--blue);color:#fff}
body.v5.hd-lt .ph5-acts span{color:inherit}
body.v5.hd-lt .ph5 .b5-tx{color:var(--blue)!important;border-color:var(--blue)!important}
body.v5.hd-lt .ph5 .ph5-acts a:not(.b5){color:var(--blue)}
/* 本文との境目：斜めをやめて、まっすぐに */
body.v5.hd-lt .pg5{margin-top:0!important;border-radius:0!important}
body.v5.hd-lt .pg5::before{display:none}
/* 上のメニューバーは、いつも白（スクロール前でも） */
body.v5.hd-lt .h5:not(.is-sc){background:#fff;box-shadow:0 1px 0 #E1E9F4}
/* 製品一覧：右の製品イメージ */
body.v5.hd-lt .ph5-prod{min-height:clamp(340px,36vw,430px)}
@media(min-width:900px){body.v5.hd-lt .ph5-prod .ph5-bg{filter:drop-shadow(0 16px 22px rgba(42,104,188,.22));z-index:1;top:auto!important;bottom:clamp(30px,3.4vw,52px)!important;height:auto!important;width:min(46%,600px)!important;right:max(var(--gut),calc((100% - var(--wrap)) / 2 + var(--gut)))!important;left:auto}}
body.v5.hd-lt .ph5-prod::before{background:radial-gradient(46% 130% at 92% 0%,#DCE9F8 0%,rgba(220,233,248,0) 72%)}
/* 代理店募集 */
body.v5.hd-lt .ph5-pt{min-height:clamp(520px,44vw,620px)}
body.v5.hd-lt .ph5-pt .pt-vis{bottom:clamp(36px,4vw,60px)}
body.v5.hd-lt .pt-vis figure{box-shadow:0 18px 40px -20px rgba(42,104,188,.35)}
body.v5.hd-lt .pt-vis .v-phone{filter:drop-shadow(0 18px 26px rgba(42,104,188,.25))}
body.v5.hd-lt .pt-vis .v-tile img{filter:drop-shadow(0 12px 14px rgba(42,104,188,.22))}
/* 採用：写真は右の角丸パネルに */
body.v5.hd-lt .ph5-photo .ph5-bg{inset:auto;top:50%;right:max(var(--gut),calc((100% - var(--wrap)) / 2 + var(--gut)));transform:translateY(-50%);width:min(40%,520px)!important;height:auto!important;aspect-ratio:4/3;border-radius:16px;box-shadow:0 22px 50px -26px rgba(42,104,188,.45);filter:none;z-index:1}
body.v5.hd-lt .ph5-photo::before{background:radial-gradient(46% 130% at 92% 0%,#DCE9F8 0%,rgba(220,233,248,0) 72%)}
body.v5.hd-lt .ph5-photo h1,body.v5.hd-lt .ph5-photo .en,body.v5.hd-lt .ph5-photo p{text-shadow:none}
@media(max-width:900px){
 body.v5.hd-lt .ph5-photo .ph5-bg,body.v5.hd-lt .ph5-prod .ph5-bg{display:none}
 body.v5.hd-lt .ph5-in{padding-top:104px}
}
/* 製品の写真は、白い枠なしの透過画像のまま置く */
body.v5.hd-lt .pt-vis .v-tile{background:none!important;box-shadow:none!important;border-radius:0!important;padding:0!important;overflow:visible!important}
body.v5.hd-lt .pt-vis .v-tile img{max-height:150px;width:auto;margin:0 auto}
body.v5.hd-lt .trust-strip li{background:#fff;border:1px solid #D6E2F1;color:#475467;text-shadow:none}
body.v5.hd-lt .trust-strip li b{color:var(--or)}
/* 英語・中国語ページの見出し帯 */
body.v5.hd-lt .i5-k{color:var(--blue)!important;font-weight:700}body.v5.hd-lt .i5-k i{color:var(--or)}
body.v5.hd-lt .i5-proof li{background:#fff;border:1px solid #D6E2F1;color:#475467}
body.v5.hd-lt .i5-proof b{color:var(--blue)}body.v5.hd-lt .i5-proof span{color:#667085}
body.v5.hd-lt .b5-ghw{background:#fff!important;border-color:var(--blue)!important;color:var(--blue)!important}
body.v5.hd-lt .ph5-cr .ph5-bg{display:none}
body.v5.hd-lt .ph5-cr{min-height:clamp(470px,38vw,540px)}
body.v5.hd-lt .ph5-cr .cr-hero-ph{width:clamp(380px,38vw,520px);bottom:clamp(36px,4vw,56px);right:max(var(--gut),calc((100% - var(--wrap)) / 2 + var(--gut)))}
/* ページ下の「お問い合わせ」帯：濃い青をやめて、明るい青の面に */
body.v5.hd-lt .ct5{background:linear-gradient(180deg,#F3F8FD 0%,#E6EFFA 100%);color:var(--ink);padding:clamp(56px,7vw,96px) 0;border-top:1px solid #E1E9F4}
body.v5.hd-lt .ct5::before,body.v5.hd-lt .ct5::after,body.v5.hd-lt .ct5-globe{display:none!important}
body.v5.hd-lt .ct5 .eyebrow,body.v5.hd-lt .ct5 .eyebrow.w{color:var(--or)!important}
body.v5.hd-lt .ct5 h2.en,body.v5.hd-lt .ct5 h2.en.w{font-size:13.5px!important;letter-spacing:.2em!important;color:#fff!important;-webkit-text-fill-color:#fff!important;font-weight:700!important;margin:.2rem 0 0}
body.v5.hd-lt .ct5 h3{color:var(--ink);font-size:clamp(1.5rem,2.8vw,2.2rem);margin:.8rem 0 1rem}
body.v5.hd-lt .ct5 p{color:#475467}
body.v5.hd-lt .ct5-tel small,body.v5.hd-lt .ct5-tel span{color:#667085}
body.v5.hd-lt .ct5-tel a{color:var(--blue)}
body.v5.hd-lt .ct5 .b5-ghw{background:#fff!important}

/* 配色ルール：橙は「主な行動ボタン1つ」と弧のアクセントだけ。ラベル類は青 */
body.v5 .bh5 .chip{background:var(--sky);color:var(--blue)}

/* ===== 区画の見出し：大きな日本語＋小さな英語（Sansan 風） ===== */
body.v5 .sh9{margin:0 0 clamp(22px,2.8vw,36px);text-align:left}
body.v5 .sh9-en{display:flex;align-items:center;gap:12px;margin:0 0 .7rem;font:700 13.5px/1.4 "Montserrat","Inter",sans-serif;letter-spacing:.2em;text-transform:uppercase;color:var(--blue)}
body.v5 .sh9-en::before{content:"";flex:none;width:30px;height:3px;border-radius:2px;background:linear-gradient(90deg,#F04A24,#FF7A1F 55%,#FFB02E)}
body.v5 .sh9-jp{margin:0;font-size:clamp(1.75rem,3.6vw,2.6rem);line-height:1.35;letter-spacing:.03em;font-weight:700;color:var(--ink);text-indent:0;padding:0}
body.v5 .sh9-jp::before,body.v5 .sh9-jp::after{display:none}
@media(max-width:600px){body.v5 .sh9-en{font-size:12px;letter-spacing:.16em}body.v5 .sh9-jp{font-size:1.65rem}}
body.v5 .ct5 h2.en{margin:0 0 .85rem!important}
/* footer：上下の余白を詰める */
body.v5 .gf{padding:40px 0 18px;line-height:1.7}
body.v5 .gf-top{gap:28px 36px}
body.v5 .gf-brand img{margin-bottom:10px}
body.v5 .gf address{line-height:1.7}
body.v5 .gf-pm{margin-top:14px}
body.v5 .gf-col h3{margin-bottom:8px}
body.v5 .gf-col li{margin-bottom:0;padding-block:3px}
body.v5 .gf-col a{line-height:1.6}
body.v5 .gf-tm{margin:20px 0 10px}
/* ヘッダーのメニュー：ホバーを滑らかに（下線が伸びる＋淡い面がふわっと出る＋文字がわずかに動く） */
body.v5 .h5-bar li>a,body.v5 .h5-bar li>button{position:relative;transition:color .3s cubic-bezier(.2,.7,.2,1)}
body.v5 .h5-bar li>a::before,body.v5 .h5-bar li>button::before{content:"";position:absolute;inset:14px 4px;border-radius:10px;background:rgba(42,104,188,.07);opacity:0;transform:scale(.92);transition:opacity .3s cubic-bezier(.2,.7,.2,1),transform .35s cubic-bezier(.2,.7,.2,1);z-index:-1;pointer-events:none}
body.v5 .h5-bar li>a:hover::before,body.v5 .h5-bar li>button:hover::before,body.v5 .h5-bar li.on>button::before{opacity:1;transform:none}
body.v5 .h5-bar li>a[aria-current]::before{opacity:0}
body.v5 .h5-bar li>a::after,body.v5 .h5-bar li>button::after{transition:width .4s cubic-bezier(.2,.7,.2,1),left .4s cubic-bezier(.2,.7,.2,1),opacity .3s}
body.v5 .h5-bar li>a>span,body.v5 .h5-bar li>button>span{display:inline-block;transition:transform .3s cubic-bezier(.2,.7,.2,1)}
body.v5 .h5-bar li>a:hover>span,body.v5 .h5-bar li>button:hover>span{transform:translateY(-1px)}
body.v5 .h5-bar li>button svg,body.v5 .h5-bar li>button i{transition:transform .3s cubic-bezier(.2,.7,.2,1)}
body.v5 .h5-bar li>button:hover svg,body.v5 .h5-bar li.on>button svg{transform:rotate(180deg)}
/* 右側のボタン（ログイン・お問い合わせ等） */
body.v5 .h5-btn,body.v5 .h5-b-rec,body.v5 .h5-acct a{transition:background-color .3s,color .3s,border-color .3s,transform .3s cubic-bezier(.2,.7,.2,1),box-shadow .3s}
body.v5 .h5-b-rec:hover,body.v5 .h5-btn:hover{transform:translateY(-1px);box-shadow:0 8px 18px -10px rgba(42,104,188,.55)}
/* サブメニュー */
body.v5 .h5-sub{transition:opacity .25s,transform .3s cubic-bezier(.2,.7,.2,1),visibility .25s}
@media (prefers-reduced-motion:reduce){body.v5 .h5-bar *{transition:none!important}}
body.v5 .h5-bar li>a,body.v5 .h5-bar li>button{isolation:isolate}
body.v5 .h5 .h5-bar li>a::before,body.v5 .h5 .h5-bar li>button::before{content:""!important;position:absolute!important;inset:14px 2px!important;border-radius:10px!important;background:rgba(42,104,188,.09)!important;opacity:0;transform:scale(.92);z-index:-1!important;display:block!important;width:auto!important;height:auto!important;transition:opacity .3s cubic-bezier(.2,.7,.2,1),transform .35s cubic-bezier(.2,.7,.2,1)!important}
body.v5 .h5 .h5-bar li>a:hover::before,body.v5 .h5 .h5-bar li>button:hover::before,body.v5 .h5 .h5-bar li.on>button::before{opacity:1;transform:none}
body.v5 .h5 .h5-bar li>a[aria-current]::before{opacity:0}