html[data-theme] body > header{background:var(--kinari)}
html[data-theme] footer{color:var(--f-text)}
html[data-theme] .f-top{border-bottom-color:var(--f-line)}
html[data-theme] .f-top a{color:var(--f-text)}
html[data-theme] .f-top a:hover{color:#fff}
html[data-theme] .f-brand .t small,html[data-theme] .f-bot{color:var(--f-sub)}
html[data-theme] .band{color:var(--f-text)}
.bgzone{position:relative;isolation:isolate}
.bgzone::before,.bgzone::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none}
body[data-bg="illust"] .bgzone::before{
  background:url("office-district.svg") center bottom/auto 92% repeat-x;
  opacity:.5;
}
body[data-bg="photo"] .bgzone::before{background:url("bg-stock.jpg") center 55%/cover no-repeat;filter:grayscale(35%)}
body[data-bg="own"]   .bgzone::before{background:url("building.jpg") center 45%/cover no-repeat;filter:grayscale(20%)}
body[data-bg="photo"] .bgzone::after,body[data-bg="own"]   .bgzone::after{background:var(--kinari);opacity:.82}
body[data-bg="mix"] .bgzone::before{
  background:url("office-district.svg") left bottom/auto 92% repeat-x;
  opacity:.45;
}
body[data-bg="mix"] .bgzone::after{
  background:url("bg-stock.jpg") right bottom/auto 80% no-repeat;
  mix-blend-mode:multiply;
  filter:grayscale(1) brightness(1.2) contrast(1.15);
  opacity:.34;
}
body[data-bg="mix"] .company.bgzone::after,body[data-bg="photo"] .company.bgzone::before{background:url("office-district.svg") center bottom/auto 92% repeat-x;opacity:.45;filter:none;mix-blend-mode:normal}
body[data-bg="mix"] .company.bgzone::after{display:none}
body[data-bg="photo"] .company.bgzone::after{display:none}
body[data-bg="mix"] .hero.bgzone::after{display:none}
.hero-photo{display:none}
body[data-bg="mix"] .hero-photo{
  display:block;position:absolute;left:0;bottom:32px;width:58%;height:80%;z-index:-1;pointer-events:none;
  background:url("bg-stock-mix-left.jpg") left bottom/100% auto no-repeat;mix-blend-mode:multiply;
  -webkit-mask-image:linear-gradient(to right,#000 62%,transparent 100%),linear-gradient(to top,transparent 0,#000 18%);
  -webkit-mask-composite:source-in;
  mask-image:linear-gradient(to right,#000 62%,transparent 100%),linear-gradient(to top,transparent 0,#000 18%);
  mask-composite:intersect;
}
body[data-bg="mix"] .hero h1,body[data-bg="mix"] .hero .lead,body[data-bg="mix"] .hero .lead ~ p{text-shadow:0 0 6px var(--kinari),0 0 12px var(--kinari),0 0 20px var(--kinari)}
@container page (max-width:860px){
  body[data-bg="mix"] .hero .bg-credit{position:static;display:block;margin:6px 0 0;text-align:right}
  body[data-bg="mix"] .hero.bgzone::before{display:none}
  body[data-bg="mix"] .hero-photo{
    position:relative;width:auto;height:140px;margin:22px 0 0;z-index:auto;
    background:url("bg-stock-mix.jpg") 62% bottom/auto 100% no-repeat,url("office-district-light.svg") center bottom/auto 100% repeat-x;
    background-blend-mode:multiply,normal;
    -webkit-mask-image:linear-gradient(to right,transparent 0,#000 10%,#000 90%,transparent 100%),linear-gradient(to top,transparent 0,#000 22%);
    bottom:auto;
    mask-image:linear-gradient(to right,transparent 0,#000 10%,#000 90%,transparent 100%),linear-gradient(to top,transparent 0,#000 22%);
  }
}
.bg-credit{display:none;position:absolute;right:16px;bottom:8px;margin:0;font-size:14px;line-height:1.5;color:var(--sub)}
.hero .bg-credit{left:16px;right:auto}
body[data-bg="mix"] .head.bgzone::after{bottom:32px}
body[data-bg="mix"] .bg-credit,body[data-bg="photo"] .bg-credit{display:block}
@media (max-width:700px){
  body[data-bg="illust"] .bgzone::before{background-size:auto 70%;opacity:.42}
  body[data-bg="photo"] .bgzone::before{background:url("bg-stock.jpg") 62% bottom/auto 46% no-repeat}
  body[data-bg="mix"] .bgzone::before{background-size:auto 60%}
  body[data-bg="mix"] .bgzone::after{background-position:62% bottom;background-size:auto 46%}
}
html[data-theme="ia"]{
  --ai:#0E2240; --ai-deep:#081629; --ai-soft:#E7EEF8;
  --kinari:#F3F6FA; --kinari-deep:#D6E6FA;
  --karashi:#1A5FB4; --karashi-ink:#1A5FB4;
  --f-text:#D5DEEA; --f-sub:#A9B7C9; --f-line:#2A3D57;
  --acc:#1A5FB4; --acc-deep:#134A8E; --dk:#0B1A30; --dk2:#10233F;
}
html[data-theme="ia"] :is(body > header,.side,.hero,.pagehead,.head,footer,.hero ~ #work,
  main > section.pagehead ~ section:nth-of-type(odd):not(.band,.cta-band,.line-band):not(:has(form,.sketch,.tabs,.pgroup,.entry)),
  main > div.head ~ section:nth-of-type(even):not(.band,.cta-band,.line-band):not(:has(form,.sketch,.tabs,.pgroup,.entry))){
  --ink:#E8EEF6; --sub:#C2CEDC; --ai:#FFFFFF; --ai-deep:#DCE6F2; --ai-soft:#1A2F4F;
  --kinari:var(--dk2); --white:var(--dk2); --rule:#34507A; --karashi-ink:#A9CFFF; --f-sub:#A9B7C9;
  background:var(--dk); color:var(--ink);
}
html[data-theme^="i"] :is(.band,.cta-band){
  --ink:#FFFFFF; --sub:#E6EEF8; --ai:#FFFFFF; --ai-soft:#2A6FC4; --rule:#5B8FD0; --karashi-ink:#FFFFFF;
  background:var(--acc); color:#fff;
}
html[data-theme^="i"] :is(.band,.cta-band) .small{color:#E6EEF8}
html[data-theme^="i"] :is(.biz-card,.gw,.tile,.ph-art,.facts){
  --ink:#22262C; --sub:#4D535B; --ai:#0E2240; --ai-deep:#081629; --ai-soft:#E7EEF8; --kinari:#F3F6FA; --white:#FFFFFF; --rule:#D5DCE6; --karashi-ink:#1A5FB4;
  color:var(--ink);
}
html[data-theme^="i"] .facts{background:#fff}
html[data-theme^="i"] .bgzone::before,html[data-theme^="i"] .bgzone::after{display:none!important}
html[data-theme^="i"] .hero-photo,html[data-theme^="i"] .bg-credit{display:none!important}
html[data-theme^="i"] body[data-bg] .hero :is(h1,.lead,.lead ~ p){text-shadow:none}
html[data-theme^="i"] .btn{background:var(--acc);border:2px solid var(--acc);color:#fff;border-radius:4px;padding:13px 28px 12px;font-weight:700;letter-spacing:.06em}
html[data-theme^="i"] .btn:hover{background:var(--acc-deep);border-color:var(--acc-deep);color:#fff}
html[data-theme^="i"] .btn.small{padding:8px 16px 7px}
html[data-theme^="i"] .btn.line{background:transparent;color:var(--ai);border-color:currentColor}
html[data-theme^="i"] .btn.line:hover{background:var(--ai-soft);color:var(--ai)}
html[data-theme^="i"] header .head-cta{padding:9px 18px 8px}
html[data-theme^="i"] :is(.band,.cta-band) .btn:not(.line){background:#fff;border-color:#fff;color:#0E2240}
html[data-theme^="i"] :is(.band,.cta-band) .btn:not(.line):hover{background:#E6EEF8;border-color:#E6EEF8}
html[data-theme^="i"] :is(.band,.cta-band) .btn.line:hover{background:rgba(255,255,255,.14);color:#fff}
html[data-theme^="i"] .hero-asks li{border-bottom:0;padding:4px 0 4px 22px}
html[data-theme^="i"] .hero-asks li::before{width:10px;height:10px;top:14px;background:var(--acc)}
html[data-theme^="i"] .ph-art{border:0}
html[data-theme^="i"] :is(.biz-card,.gw){border:0}
html[data-theme^="i"] .tile{border-color:transparent}
html[data-theme^="i"] .plan :is(dt,dd){border-top-style:solid}
html[data-theme="ia"] body > header{border-bottom:0}
html[data-theme]:not([data-theme="ia"]) header .brand img{content:url("logo-mm-ink.png")}
html[data-theme]:not([data-theme="ia"]) .ph-logo img{content:url("logo-mm-ink-lg.png")}
html[data-theme="ia"] .menu-btn span{background:#fff}
html[data-theme="ia"] .side{border-right:0}
html[data-theme="ia"] .side nav a[aria-current="page"]{color:#fff;border-left-color:var(--acc);background:#16305A}
html[data-theme="ia"] .hero{min-height:calc(100svh - var(--nav-h));display:flex;align-items:center;padding:72px 0 80px}
html[data-theme="ia"] .hero > .wrap{width:100%}
html[data-theme="ia"] .hero-catch{display:block;font-family:"Shippori Mincho",serif;font-weight:700;font-size:clamp(36px,4.6vw,64px);line-height:1.35;letter-spacing:.04em;color:#fff;margin:0 0 30px}
html[data-theme="ia"] .hero-catch::after{content:"";display:block;width:96px;height:6px;background:var(--acc);margin-top:26px}
html[data-theme="ia"] .hero h1{font-size:clamp(19px,1.8vw,24px);line-height:1.7;margin:0 0 18px}
html[data-theme="ia"] .hero .grid{align-items:center}
html[data-theme="ia"] .hero .facts{margin-top:0;border-top:6px solid var(--acc)}
html[data-theme="ia"] .hero .grid > .facts{align-self:end}
@container page (min-width:861px){
  html[data-theme="ia"] .hero{min-height:calc(100svh - var(--nav-h) - 104px);padding:clamp(24px,4svh,56px) 0 clamp(24px,4svh,64px)}
  html[data-theme="ia"] .hero > .wrap{max-width:none;padding:0 clamp(28px,4cqi,96px);align-self:stretch;grid-template-rows:1fr auto}
  html[data-theme="ia"] .hero .grid{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:0 clamp(28px,3cqi,72px);align-items:center}
  html[data-theme="ia"] .hero .kicker{font-size:clamp(14px,1vw,18px);margin:0 0 clamp(10px,1.8svh,26px)}
  html[data-theme="ia"] .hero-catch{font-size:clamp(56px,min(6.8vw,8.2cqi,10.5svh),136px);line-height:1.18;letter-spacing:.03em;margin:0 0 clamp(16px,2.6svh,40px);white-space:nowrap}
  html[data-theme="ia"] .hero-catch::after{width:clamp(96px,8vw,160px);height:clamp(6px,.5vw,9px);margin-top:clamp(14px,2.4svh,36px)}
  html[data-theme="ia"] .hero h1{font-size:clamp(20px,min(1.7vw,2.1cqi,2.9svh),34px);line-height:1.6;margin:0 0 clamp(10px,1.6svh,26px)}
  html[data-theme="ia"] .hero .acts{gap:clamp(12px,1vw,18px);margin-top:clamp(14px,2.4svh,36px)}
  html[data-theme="ia"] .hero .acts .btn{font-size:clamp(15px,min(1.05vw,2svh),20px);padding:.85em 1.6em .8em}
  html[data-theme="ia"] .hero .grid > .facts{grid-column:1/-1;align-self:end;justify-self:stretch;display:flex;flex-wrap:nowrap;align-items:baseline;gap:4px 24px;margin:clamp(16px,2.4svh,48px) 0 0;padding:10px 18px;
    background:var(--dk);border-top:0;border-left:5px solid var(--acc);--ink:#E8EEF6;--sub:#A9B7C9;--ai:#FFFFFF;--rule:transparent;color:var(--ink)}
  html[data-theme="ia"] .hero .facts :is(h2,.facts-more){flex:none;white-space:nowrap}
  html[data-theme="ia"] .hero .facts dl{flex:1 1 auto;min-width:0}
  html[data-theme="ia"] .hero .facts h2{margin:0;font-size:13px;letter-spacing:.1em;color:#A9CFFF}
  html[data-theme="ia"] .hero .facts dl{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 8px;font-size:13px;line-height:1.6}
  html[data-theme="ia"] .hero .facts :is(dt,dd){padding:0;border:0}
  html[data-theme="ia"] .hero .facts dd{margin:0 14px 0 0}
  html[data-theme="ia"] .hero .facts dd br{display:none}
  html[data-theme="ia"] .hero .facts .facts-more{margin:0 0 0 auto;font-size:13px}
}
html.hg-on[data-theme="ia"] .hg-zone{background:transparent!important}
html[data-theme="ia"] .pagehead{padding:72px 0 64px;border-bottom:0}
html[data-theme="ia"] .pagehead h1,html[data-theme="ia"] .head h1{font-size:clamp(26px,4vw,48px);line-height:1.4}
html[data-theme="ia"] .pagehead .wrap.ph{grid-template-columns:minmax(0,1fr) minmax(0,420px);gap:48px}
html[data-theme="ia"] .ph-art{padding:24px 20px;background:#fff;border-top:6px solid var(--acc)}
html[data-theme="ia"] .ph-art svg{height:170px}
html[data-theme="ia"] .head{padding:72px 0 72px}
html[data-theme="ia"] .facts .ph-art{padding:18px 10px;background:#F3F6FA;border-top:0}
html[data-theme="ia"] .facts .ph-art svg{height:120px}
@container page (max-width:860px){
  html[data-theme="ia"] .pagehead .wrap.ph{grid-template-columns:1fr;gap:22px}
  html[data-theme="ia"] .ph-art{justify-self:stretch}
  html[data-theme="ia"] .ph-art svg{height:120px}
  html[data-theme="ia"] .hero{min-height:0;padding:48px 0 56px}
  html[data-theme="ia"] .hero{padding-top:200px}
}
@media (max-width:640px){ html[data-theme="ia"] .head .ph-art svg{height:110px} }
html[data-theme="ia"] .gw{background:#F3F6FA;border-top:6px solid var(--acc)}
html[data-theme^="i"] header .hd-cta{background:var(--acc);color:#fff}
html[data-theme^="i"] header .hd-cta:hover{background:var(--acc-deep)}
html[data-theme="ia"] .head .ph h1{font-size:clamp(28px,3.2vw,38px)}
html[data-theme="ia"] .head .ph .ph-art svg{height:120px}
.prep{display:inline-block;margin:0 0 0 .4em;padding:0 7px;border-radius:3px;background:#5E646C;color:#fff;font-size:12px;font-weight:700;line-height:1.75;letter-spacing:.04em;vertical-align:.1em;white-space:nowrap;text-indent:0}
.sum1{margin:-6px 0 20px;padding:2px 0 2px 12px;border-left:4px solid var(--acc,#1A5FB4);font-size:16.5px;font-weight:700;line-height:1.7;color:inherit}
:is(.band,.cta-band) .sum1{border-left-color:#fff}
details.dmore{margin:16px 0 0}
details.dmore > summary{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:8px 16px;border:1px solid currentColor;border-radius:4px;cursor:pointer;list-style:none;font-weight:700;font-size:14.5px;color:inherit}
details.dmore > summary::-webkit-details-marker{display:none}
details.dmore > summary::after{content:"＋";font-weight:400}
details.dmore[open] > summary::after{content:"－"}
details.dmore > summary:focus-visible{outline:3px solid var(--acc,#1A5FB4);outline-offset:3px}
details.dmore > .more-body{margin:14px 0 0}
details.dmore > .more-body > :first-child{margin-top:0}
ul.ticks{list-style:none;margin:0 0 6px;padding:0}
ul.ticks li{position:relative;margin:0 0 6px;padding:0 0 0 24px;line-height:1.7}
ul.ticks li::before{content:"";position:absolute;left:2px;top:.62em;width:10px;height:10px;border-radius:2px;background:var(--acc,#1A5FB4)}
.nums{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:0 0 18px;padding:0;list-style:none}
.nums li{background:#fff;color:#22262C;border-top:4px solid var(--acc,#1A5FB4);padding:12px 14px 10px;line-height:1.5}
.nums b{display:block;font-size:24px;color:#0E2240;letter-spacing:.02em}
.nums span{font-size:13.5px;color:#4D535B}
.who-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:18px 0 0}
.who-cards.two{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
a.who-card{display:flex;flex-direction:column;background:#fff;color:#22262C;border:2px solid var(--wc);border-radius:6px;overflow:hidden;text-decoration:none;box-shadow:0 2px 0 rgba(0,0,0,.04)}
a.who-card:hover{box-shadow:0 6px 18px rgba(14,34,64,.16)}
a.who-card:focus-visible{outline:3px solid var(--wc);outline-offset:3px}
.who-card .wc-top{display:flex;gap:14px;align-items:center;background:var(--wc);color:#fff;padding:14px 16px}
.who-card .wc-top svg{width:58px;height:58px;flex:none}
.who-card .wc-for{display:block;font-size:13px;font-weight:700;letter-spacing:.06em;color:#fff;opacity:.92}
.who-card .wc-who{display:block;font-size:19px;font-weight:700;line-height:1.4;color:#fff}
.who-card .wc-body{display:flex;flex-direction:column;gap:10px;flex:1;padding:14px 16px 16px}
.who-card .wc-line{margin:0;font-weight:700;color:#22262C;line-height:1.6}
.who-card ul{margin:0;padding:0 0 0 1.15em;font-size:14.5px;line-height:1.7;color:#22262C}
.who-card .wc-btn{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:auto;min-height:54px;padding:8px 12px;border-radius:4px;background:var(--wc);color:#fff;font-weight:700;font-size:16px;line-height:1.4;text-align:center}
a.who-card:hover .wc-btn{filter:brightness(1.12)}
.wc-client{--wc:#0E2A52}
.wc-partner{--wc:#1B6B4F}
.wc-eng{--wc:#9C4A00}
.who-cards.two .wc-top{padding:20px 20px}
.who-cards.two .wc-top svg{width:76px;height:76px}
.who-cards.two .wc-who{font-size:21px}
.who-cards.two .wc-body{padding:18px 20px 20px}
.who-help{margin:14px 0 0;font-size:14.5px}
@media (max-width:860px){ .who-cards,.who-cards.two{grid-template-columns:1fr;gap:14px} }
.f-others{display:block;margin:2px 0 0;font-size:12.5px;line-height:1.8;color:var(--f-sub,#A9B7C9)}
.f-others .prep,.f-pages .prep{background:#4A5A70}
.prep-note{margin:8px 0 0;padding:8px 12px;border-left:4px solid #5E646C;background:#F1F2F4;color:#22262C;font-size:14.5px;font-weight:700;line-height:1.6}
.prep-note .prep{margin:0 .5em 0 0}
.who-band{background:var(--kinari);padding:44px 0 48px}
.who-band h2{margin:0 0 14px}
:is(.band,.cta-band) .who-cards{margin:22px 0 18px}
:is(.band,.cta-band) .wc-client{--wc:#0E2A52}
:is(.band,.cta-band) a.who-card{box-shadow:0 0 0 2px #fff}
:is(.band,.cta-band) a.who-card:hover{box-shadow:0 0 0 2px #fff,0 6px 18px rgba(8,22,41,.35)}
:is(.band,.cta-band) a.who-card:focus-visible{outline-color:#fff}
.who-band .who-more{margin:18px 0 0;font-size:16px}
#ses-entry{padding-top:32px}
.f-others .nw{white-space:nowrap}
[data-biz="ses"]{--acc:#1A5FB4;--acc-deep:#134A8E;--karashi:#1A5FB4;--biz-lt:#6FA8F0}
[data-biz="auto"]{--acc:#2E7D1F;--acc-deep:#24631A;--karashi:#2E7D1F;--biz-lt:#8AD46F}
[data-biz="tool"]{--acc:#00748A;--acc-deep:#005A6B;--karashi:#00748A;--biz-lt:#4FD1E0}
[data-biz="web"]{--acc:#6D3FB0;--acc-deep:#55308C;--karashi:#6D3FB0;--biz-lt:#B79CF5}
[data-biz="creator"]{--acc:#C0362C;--acc-deep:#992B23;--karashi:#C0362C;--biz-lt:#FF8F7E}
html[data-theme="ia"] body[data-biz] :is(.pagehead,.head){box-shadow:inset 0 6px 0 var(--biz-lt)}
html[data-theme="ia"] body[data-biz] :is(.pagehead,.head) h1::after{content:"";display:block;width:72px;height:5px;margin-top:14px;background:var(--biz-lt)}
html[data-theme="ia"] .side nav a[data-biz]::before{content:"";display:inline-block;width:8px;height:8px;margin:0 8px 0 0;border-radius:2px;background:var(--biz-lt);vertical-align:.12em}
html[data-theme="ia"] .side nav a[aria-current="page"]{border-left-color:var(--biz-lt,var(--acc))}
html[data-theme="ia"] .biz-card[data-biz]{box-shadow:inset 0 5px 0 var(--acc)}
html[data-theme="ia"] .biz-card[data-biz] .go{color:var(--acc)}
html[data-theme="ia"] .who-band[data-biz]{box-shadow:inset 0 6px 0 var(--acc)}
.side-sub{margin:10px 0 2px 12px;padding:10px 0 0;border-top:1px solid var(--rule);font-size:12px;letter-spacing:.12em;color:var(--sub)}
.side nav a.side-o{font-size:14px;padding-top:4px;padding-bottom:4px}
.side nav a.side-o .prep{font-size:11px;padding:0 5px;margin-left:.5em}
html[data-theme="ia"] .side nav a.side-o .prep{background:#4A5A70}
@container page (max-width:860px){ .side nav a.side-o{font-size:15px;padding-top:7px;padding-bottom:7px} }
.side{scrollbar-width:thin;scrollbar-color:transparent transparent}
.side:is(:hover,:focus-within){scrollbar-color:#5B7AA3 transparent}
.hero-graph{position:fixed;inset:0;width:100vw;height:100vh;display:block;z-index:-1;pointer-events:none}
.hero > .wrap{position:relative;z-index:1}
.hero-graph-btn[hidden]{display:none}
.hero-graph-btn{position:fixed;left:16px;bottom:16px;z-index:30;font:inherit;font-size:13px;font-weight:700;letter-spacing:.04em;line-height:1.4;color:#fff;background:#10233F;border:1px solid #5B7AA3;border-radius:4px;padding:6px 12px 5px;cursor:pointer}
.hero-graph-btn.in-side{position:static;margin:auto 0 0;align-self:flex-start}
.hero-graph-btn.in-side:not([hidden]) + .side-foot{margin-top:0;padding-top:12px}
.hero-graph-btn:hover{background:#16305A}
.hero-graph-btn:focus-visible{outline:3px solid #F2B705;outline-offset:2px}
.dev-entry{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 28px;align-items:center;margin:22px 0 0;padding:18px 22px;background:#fff;color:#22262C;border-left:5px solid #0E2240}
.dev-entry h3{grid-column:1;margin:0;font-size:19px;color:#0E2240}
.dev-entry > p{grid-column:1;margin:0;font-size:14.5px;line-height:1.75}
.dev-links{grid-column:1;display:flex;flex-wrap:wrap;gap:6px 24px;margin:4px 0 0;padding:0;list-style:none}
.dev-links a{font-weight:700;color:#0E2240}
.dev-links a::before{content:"";display:inline-block;width:10px;height:10px;margin:0 7px 0 0;border-radius:2px;background:var(--acc);vertical-align:.05em}
.dev-entry .btn{grid-column:2;grid-row:1/4;white-space:nowrap}
@media (max-width:700px){ .dev-entry{grid-template-columns:1fr;padding:16px} .dev-entry .btn{grid-column:1;grid-row:auto;justify-self:start;margin-top:8px} }
.dev-note{margin:16px 0 0;font-size:14.5px;line-height:1.8}
:is(.band,.cta-band) .dev-note{margin:0 0 12px}