/* Office and IT landing page, Version 1.38.0 */
.office-header-brand{display:flex;align-items:center;gap:14px}
.office-header-brand>img{width:122px;height:auto}
.office-header-brand>span{display:grid;padding-left:14px;border-left:1px solid #d6e1e4;line-height:1.2}
.office-header-brand strong{color:#123b49;font-size:13px}
.office-header-brand small{margin-top:5px;color:#71858d;font:700 9px/1 Outfit,sans-serif;letter-spacing:.12em}
.oit-main{--oit-ink:#0a2d3b;--oit-teal:#176579;--oit-aqua:#72ced9;--oit-gold:#e7aa3d;--oit-paper:#f3f7f7;--oit-line:rgba(12,48,62,.14);color:var(--oit-ink)}
.oit-main h1,.oit-main h2,.oit-main h3{font-family:"Noto Serif JP",serif;font-weight:500}
.oit-main h2{font-size:clamp(34px,4vw,54px);line-height:1.48;letter-spacing:.015em}
.oit-eyebrow{margin:0;color:#258197;font:800 9px/1.3 Outfit,sans-serif;letter-spacing:.2em}
.oit-hero{position:relative;min-height:700px;overflow:hidden;background:#082b39;color:#fff;isolation:isolate}
.oit-hero-media{position:absolute;inset:0;z-index:-2}
.oit-hero-media img{width:100%;height:100%;object-fit:cover;object-position:center}
.oit-hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(4,25,36,.97) 0%,rgba(6,35,49,.9) 48%,rgba(6,34,47,.36) 78%,rgba(6,34,47,.16))}
.oit-hero-inner{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(330px,.55fr);gap:clamp(54px,7vw,100px);min-height:700px;padding-block:70px;align-items:center}
.oit-hero-copy{max-width:760px}.oit-hero .oit-eyebrow{color:#82d8e3}
.oit-hero h1{margin:18px 0 0;font-size:clamp(43px,4.8vw,67px);line-height:1.4;letter-spacing:.035em}.oit-hero h1 span{color:#fff0c8}
.oit-lead{max-width:680px;margin:25px 0 0;color:#dae9ec;font-size:15px;line-height:2}
.oit-hero-actions{display:flex;margin-top:32px;align-items:center;gap:25px}.oit-hero-actions>a:last-child{display:inline-flex;min-height:50px;align-items:center;gap:12px;border-bottom:1px solid rgba(255,255,255,.55);font-size:12px;font-weight:800}
.oit-hero-panel{padding:28px 29px;border:1px solid rgba(255,255,255,.3);border-top:3px solid var(--oit-aqua);background:rgba(5,31,43,.72);backdrop-filter:blur(14px)}
.oit-hero-panel>p{margin:0;color:#83d7e1;font:800 8px/1 Outfit,sans-serif;letter-spacing:.17em}
.oit-hero-panel>img{display:block;width:190px;height:98px;margin:17px 0 20px;object-fit:contain;object-position:left center;background:#fff;padding:7px}
.oit-hero-panel>strong{font-size:19px;line-height:1.65}.oit-hero-panel ul{display:grid;grid-template-columns:1fr 1fr;margin:22px 0 0;padding:0;border:1px solid rgba(255,255,255,.2);list-style:none}.oit-hero-panel li{padding:12px 10px;border-right:1px solid rgba(255,255,255,.18);border-bottom:1px solid rgba(255,255,255,.18);font-size:9px;font-weight:800}.oit-hero-panel li:nth-child(2n){border-right:0}.oit-hero-panel li:nth-last-child(-n+2){border-bottom:0}
.oit-anchor{position:sticky;top:0;z-index:20;border-bottom:1px solid var(--oit-line);background:rgba(255,255,255,.96);backdrop-filter:blur(12px)}.admin-bar .oit-anchor{top:32px}.oit-anchor .shell{display:grid;grid-template-columns:repeat(5,1fr)}.oit-anchor a{display:flex;min-height:58px;align-items:center;justify-content:center;border-right:1px solid var(--oit-line);color:#395d69;font-size:11px;font-weight:800}.oit-anchor a:first-child{border-left:1px solid var(--oit-line)}.oit-anchor a:hover{background:#eaf4f5;color:#0f586b}
.oit-section{padding:92px 0}.oit-section-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.75fr);gap:70px;margin-bottom:42px;align-items:end}.oit-section-head h2{margin:9px 0 0}.oit-section-head>p{margin:0;color:#5d727b;font-size:13px;line-height:1.95}
.oit-challenges{background:#fff}.oit-challenge-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--oit-line)}.oit-challenge-grid article{min-height:245px;padding:27px 25px;border-right:1px solid var(--oit-line);background:linear-gradient(180deg,#fff,#f7fafa)}.oit-challenge-grid article:last-child{border-right:0}.oit-challenge-grid span{color:#2b8296;font:800 10px/1 Outfit,sans-serif}.oit-challenge-grid h3{margin:33px 0 13px;font-size:20px;line-height:1.55}.oit-challenge-grid p{margin:0;color:#61747c;font-size:11px;line-height:1.8}
.oit-services{position:relative;overflow:hidden;background:linear-gradient(135deg,#092b38,#134d5b);color:#fff}.oit-services:after{content:"OFFICE";position:absolute;right:-.05em;bottom:-.16em;color:rgba(255,255,255,.025);font:800 clamp(140px,22vw,340px)/1 Outfit,sans-serif}.oit-section-head-light{position:relative;z-index:1}.oit-section-head-light .oit-eyebrow{color:#79d3de}.oit-section-head-light>p{color:#cfdee2}
.oit-service-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.oit-service-grid article{min-height:285px;padding:31px 33px;border:1px solid rgba(255,255,255,.17);background:rgba(255,255,255,.065);backdrop-filter:blur(5px)}.oit-service-grid article>p:first-child,.oit-service-large>div>p:first-child{margin:0;color:#7fd4df;font:800 8px/1 Outfit,sans-serif;letter-spacing:.16em}.oit-service-grid h3{margin:13px 0 13px;font-size:24px}.oit-service-grid article>p:not(:first-child),.oit-service-large>div>p:not(:first-child){margin:0;color:#cfdee2;font-size:11px;line-height:1.85}.oit-service-grid ul{display:flex;margin:21px 0 0;padding:0;flex-wrap:wrap;gap:6px;list-style:none}.oit-service-grid li{padding:7px 9px;border:1px solid rgba(255,255,255,.2);font-size:9px;font-weight:700}.oit-service-grid .oit-service-large{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,.85fr) minmax(430px,1.15fr);min-height:370px;padding:0;overflow:hidden}.oit-service-large>div{padding:38px 40px;align-self:center}.oit-service-large>img{width:100%;height:100%;min-height:370px;object-fit:cover}
.oit-strengths{background:#f1f6f6}.oit-strengths-grid{display:grid;grid-template-columns:minmax(0,.83fr) minmax(480px,1.17fr);gap:76px;align-items:center}.oit-strengths-copy h2{margin:10px 0 22px}.oit-strengths-copy>p:not(.oit-eyebrow){color:#5d727b;font-size:13px;line-height:1.95}.oit-strengths-copy .button{margin-top:18px}.oit-strength-list{border-top:1px solid var(--oit-line)}.oit-strength-list article{display:grid;grid-template-columns:95px 170px 1fr;gap:20px;min-height:118px;padding:23px 4px;align-items:center;border-bottom:1px solid var(--oit-line)}.oit-strength-list span{color:#2d8295;font:800 9px/1 Outfit,sans-serif;letter-spacing:.12em}.oit-strength-list h3{margin:0;font-size:20px}.oit-strength-list p{margin:0;color:#5f737b;font-size:11px;line-height:1.75}
.oit-flow{background:#fff}.oit-flow ol{display:grid;grid-template-columns:repeat(5,1fr);margin:0;padding:0;border:1px solid var(--oit-line);list-style:none}.oit-flow li{position:relative;display:flex;min-height:220px;padding:25px 22px;flex-direction:column;border-right:1px solid var(--oit-line)}.oit-flow li:last-child{border-right:0}.oit-flow li:not(:last-child):after{content:"→";position:absolute;right:-12px;top:49%;z-index:1;display:grid;width:24px;height:24px;place-items:center;border-radius:50%;background:#fff;color:#277e91;font-size:12px}.oit-flow li>span{color:#2b8296;font:800 11px/1 Outfit,sans-serif}.oit-flow li>div{margin-top:auto}.oit-flow h3{margin:0 0 10px;font-size:19px}.oit-flow p{margin:0;color:#61747c;font-size:10px;line-height:1.75}
.oit-area{padding:70px 0;background:linear-gradient(120deg,#0c3442,#1a6878);color:#fff}.oit-area-grid{display:grid;grid-template-columns:1fr .8fr;gap:70px;align-items:center}.oit-area .oit-eyebrow{color:#83d7e1}.oit-area h2{margin:9px 0 0;font-size:clamp(32px,3.5vw,46px)}.oit-area-grid>div:last-child>p{margin:0;color:#d6e5e8;font-size:12px;line-height:1.9}.oit-area-note{margin-top:15px!important;padding:12px 15px;border-left:2px solid var(--oit-gold);background:rgba(255,255,255,.07);font-size:10px!important}
.oit-faq{background:#f6f9f9}.oit-narrow{max-width:900px}.oit-faq h2{margin:9px 0 31px}.oit-faq details{border-top:1px solid var(--oit-line)}.oit-faq details:last-child{border-bottom:1px solid var(--oit-line)}.oit-faq summary{display:flex;min-height:68px;align-items:center;justify-content:space-between;font-size:13px;font-weight:800;cursor:pointer}.oit-faq summary:after{content:"＋";color:#24788b;font-size:20px}.oit-faq details[open] summary:after{content:"−"}.oit-faq details p{margin:0;padding:0 45px 24px 0;color:#5d7179;font-size:11px;line-height:1.85}
.oit-cta{padding:76px 0;background:#dff1f3}.oit-cta .shell{display:flex;align-items:center;justify-content:space-between;gap:50px}.oit-cta h2{margin:8px 0 13px;font-size:clamp(33px,3.7vw,49px)}.oit-cta p:not(.oit-eyebrow){margin:0;color:#506a73;font-size:12px}.oit-cta .button{min-width:270px}
@media(max-width:1000px){.oit-hero-inner{grid-template-columns:1fr;gap:38px}.oit-hero-panel{max-width:650px}.oit-section-head{grid-template-columns:1fr;gap:18px}.oit-challenge-grid{grid-template-columns:1fr 1fr}.oit-challenge-grid article:nth-child(2){border-right:0}.oit-challenge-grid article:nth-child(-n+2){border-bottom:1px solid var(--oit-line)}.oit-service-grid .oit-service-large{grid-template-columns:1fr}.oit-service-large>img{min-height:330px}.oit-strengths-grid{grid-template-columns:1fr}.oit-flow ol{grid-template-columns:1fr 1fr}.oit-flow li{border-bottom:1px solid var(--oit-line)}.oit-flow li:nth-child(2n){border-right:0}.oit-flow li:after{display:none!important}.oit-flow li:last-child{grid-column:1/-1;border-bottom:0}.oit-area-grid{grid-template-columns:1fr;gap:24px}}
@media(max-width:700px){.oit-hero{min-height:0}.oit-hero-inner{min-height:0;padding-block:52px}.oit-hero h1{font-size:37px;line-height:1.5}.oit-lead{font-size:13px}.oit-hero-actions{align-items:stretch;flex-direction:column;gap:10px}.oit-hero-actions>a:last-child{justify-content:center;border:1px solid rgba(255,255,255,.4)}.oit-hero-panel{padding:23px 21px}.oit-anchor{position:static;overflow-x:auto}.oit-anchor .shell{display:flex;width:max-content;min-width:100%}.oit-anchor a{min-width:128px}.oit-section{padding:58px 0}.oit-main h2{font-size:34px}.oit-challenge-grid,.oit-service-grid{grid-template-columns:1fr}.oit-challenge-grid article{min-height:0;border-right:0;border-bottom:1px solid var(--oit-line)}.oit-challenge-grid article:last-child{border-bottom:0}.oit-service-grid .oit-service-large{grid-column:auto}.oit-service-large>div{padding:29px 25px}.oit-service-large>img{min-height:250px}.oit-service-grid article{min-height:0;padding:27px 24px}.oit-strength-list article{grid-template-columns:80px 1fr;gap:10px 15px}.oit-strength-list p{grid-column:1/-1}.oit-flow ol{grid-template-columns:1fr}.oit-flow li,.oit-flow li:last-child{grid-column:auto;min-height:160px;border-right:0}.oit-cta .shell{align-items:flex-start;flex-direction:column}.oit-cta .button{min-width:0;width:100%}}
@media(max-width:480px){.oit-hero h1 br{display:none}.oit-hero-panel ul{grid-template-columns:1fr}.oit-hero-panel li{border-right:0!important}.oit-hero-panel li:nth-last-child(2){border-bottom:1px solid rgba(255,255,255,.18)}.oit-strength-list article{grid-template-columns:1fr}.oit-strength-list p{grid-column:auto}}

/* Version 1.38.0 content-density and legibility refinement */
.oit-hero-panel>p,
.oit-service-grid article>p:first-child,
.oit-service-large>div>p:first-child{font-size:9px}
.oit-hero h1{font-size:clamp(48px,5.15vw,72px);line-height:1.34}
.oit-lead{font-size:16px}
.oit-hero-panel ul{grid-template-columns:1fr 1fr}
.oit-hero-panel li{font-size:10px}
.oit-section-head>p{font-size:14px;line-height:2}
.oit-service-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
.oit-service-grid article{grid-column:span 2;min-height:350px;padding:32px 29px}
.oit-service-grid .oit-service-large{grid-column:1/-1;grid-template-columns:minmax(0,.88fr) minmax(470px,1.12fr);min-height:410px}
.oit-service-large>div{padding:42px 44px}
.oit-service-large>img{min-height:410px}
.oit-service-grid article:last-child{grid-column:1/-1;min-height:230px}
.oit-service-grid h3{font-size:23px;line-height:1.5}
.oit-service-grid article>p:not(:first-child),.oit-service-large>div>p:not(:first-child){font-size:12px;line-height:1.95}
.oit-service-grid li{font-size:9px}
.oit-area-grid>div:last-child>p{font-size:13px;line-height:1.95}
.oit-faq summary{font-size:14px}
.oit-faq details p{font-size:12px;line-height:1.9}

@media(max-width:1000px){
  .oit-service-grid{grid-template-columns:1fr 1fr}
  .oit-service-grid article,.oit-service-grid article:last-child{grid-column:auto;min-height:310px}
  .oit-service-grid .oit-service-large{grid-column:1/-1;grid-template-columns:1fr;min-height:0}
  .oit-service-large>img{min-height:330px}
  .oit-service-grid article:last-child{grid-column:1/-1;min-height:220px}
}
@media(max-width:700px){
  .office-header-brand>img{width:108px}
  .office-header-brand>span{display:none}
  .oit-hero h1{font-size:39px}
  .oit-lead{font-size:14px}
  .oit-service-grid{grid-template-columns:1fr}
  .oit-service-grid article,.oit-service-grid article:last-child,.oit-service-grid .oit-service-large{grid-column:auto;min-height:0}
}