.mk-now{display:grid;grid-template-columns:minmax(0,400px) minmax(0,1fr);gap:0 64px;margin-bottom:40px;padding:32px;border:1px solid var(--line);border-radius:var(--r);background:#fff}
.mk-now-title{margin:0;font-size:24px;font-weight:400;line-height:30px;letter-spacing:-.01em;color:var(--text)}
.mk-now-lead{margin:12px 0 0;font-size:16px;line-height:24px;color:var(--text-2)}
.mk-now-nums{display:grid;grid-template-columns:1fr 1fr;gap:16px 24px;margin:24px 0 0;padding-top:24px;border-top:1px solid var(--line)}
.mk-now-nums dt{font-size:28px;font-weight:400;line-height:34px;letter-spacing:-.01em;white-space:nowrap}
.mk-now-nums dd{margin:2px 0 0;font-size:14px;line-height:20px;color:var(--text-2)}
.mk-now-src{display:inline-flex;align-items:center;gap:4px;margin-top:24px;font-size:13px;line-height:18px;color:var(--text-2);transition:color .25s}
.mk-now-src:hover{color:var(--accent)}
.mk-now-list{margin:0;padding:0;list-style:none}
.mk-now-list li{display:grid;grid-template-columns:minmax(0,200px) minmax(0,1fr);gap:4px 24px;padding:16px 0;border-top:1px solid var(--line)}
.mk-now-list li:first-child{padding-top:0;border-top:0}
.mk-now-list li:last-child{padding-bottom:0}
.mk-now-who{font-size:16px;font-weight:500;line-height:22px;color:var(--text)}
.mk-now-when{display:block;margin-top:2px;font-size:12px;font-weight:500;line-height:16px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-2)}
.mk-now-what{font-size:16px;line-height:22px;color:var(--text-2)}
@media (max-width:1024px){
  .mk-now{grid-template-columns:minmax(0,1fr);gap:28px 0;padding:24px}
}
@media (max-width:560px){
  .mk-now{margin-bottom:28px;padding:20px}
  .mk-now-title{font-size:20px;line-height:26px}
  .mk-now-lead{font-size:16px;line-height:22px}
  .mk-now-nums dt{font-size:24px;line-height:30px}
  .mk-now-list li{grid-template-columns:minmax(0,1fr)}
  .mk-now-who,.mk-now-what{font-size:16px;line-height:21px}
}
.mk-now-what a{color:inherit;transition:color .25s}
.mk-now-by{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}
.mk-now-by img{display:block;width:auto;height:24px}
@media (hover:hover){.mk-now-what a:hover{color:var(--accent)}}
.mk-case{margin-top:24px;padding:32px 32px 20px;border:1px solid var(--line);border-radius:var(--r);background:#fff}
.ar-page>.mk-case{grid-column:1/-1}
.mk-case-top{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0 64px;align-items:start}
.mk-case-top>div{display:contents}
.mk-case-top>div>*{grid-column:1}
.mk-case-top>.mk-now-nums{grid-column:2;grid-row:3}
.mk-case .mk-now-lead{max-width:44em;margin-top:1px}
.mk-case .mk-now-lead mark{color:var(--text);background:linear-gradient(transparent 38%,#fff 38%,#fff 92%,transparent 92%)}
.mk-case .mk-now-lead .mk-cc{font-weight:600;color:var(--text)}
.mk-case .mk-now-nums{display:flex;gap:40px;margin:-1px 0 0;padding:0;border:0}
.mk-case .mk-now-nums dd{max-width:16em}
@media (min-width:1366px){.mk-case .mk-now-nums dd{max-width:19em}}
.mk-case-tgl{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;margin:24px 0 0;padding:20px 0 0;border:0;border-top:1px solid var(--line);background:none;font:inherit;font-size:16px;line-height:22px;color:var(--text);text-align:left;cursor:pointer}
.mk-case-tgl b{font-weight:500}
.mk-case-act{display:inline-flex;align-items:center;gap:12px;font-size:16px;transition:color .25s}
.mk-case-act i{display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--line);border-radius:50%;transition:transform .35s ease,border-color .25s,color .25s}
.mk-case.is-open .mk-case-act i{transform:rotate(180deg)}
.mk-case-tgl:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:2px}
@media (hover:hover){.mk-case-tgl:hover .mk-case-act,.mk-case-tgl:hover .mk-case-act i{color:var(--accent)}.mk-case-tgl:hover .mk-case-act i{border-color:var(--accent)}}
.mk-case-more{display:grid;grid-template-rows:0fr;visibility:hidden;transition:grid-template-rows .35s ease,visibility 0s .35s}
.mk-case.is-open .mk-case-more{grid-template-rows:1fr;visibility:visible;transition:grid-template-rows .35s ease}
.mk-case-more>div{min-height:0;overflow:hidden}
.mk-case .mk-now-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 48px;padding-top:20px}
.mk-case .mk-now-list li{grid-template-columns:minmax(0,1fr);align-content:start}
.mk-case .mk-now-list li:nth-child(-n+2){padding-top:0;border-top:0}
.mk-case .mk-now-who{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:2px 16px}
.mk-case .mk-now-when{margin-top:0}
@media (prefers-reduced-motion:reduce){.mk-case-more,.mk-case.is-open .mk-case-more,.mk-case-act i{transition:none}}
@media (min-width:1025px){.case-page>.mk-case{grid-row:2}}
@media (min-width:1281px){
  .ar-page:not(.case-page)>.mk-case{grid-column:1;grid-row:5}
  .ar-page:not(.case-page):has(>.mk-case) .ar-body{grid-row:6}
  .ar-page:not(.case-page):has(>.mk-case) .ar-aside{grid-row-end:7}
}
@media (max-width:1280px){.ar-page:not(.case-page)>.mk-case{max-width:820px}}
.ar-page:not(.case-page)>.mk-case .mk-case-top{grid-template-columns:minmax(0,1fr)}
.ar-page:not(.case-page)>.mk-case .mk-now-nums{grid-column:1;grid-row:auto;display:grid;grid-template-columns:1fr 1fr;gap:16px 24px;margin-top:24px;padding-top:24px;border-top:1px solid var(--line)}
@media (max-width:1024px){
  .mk-case-top{grid-template-columns:minmax(0,1fr)}
  .mk-case .mk-now-lead{margin-top:12px}
  .mk-case-top>.mk-now-nums{grid-column:1;grid-row:auto;display:grid;grid-template-columns:1fr 1fr;gap:16px 24px;margin-top:24px;padding-top:24px;border-top:1px solid var(--line)}
}
@media (max-width:767px){
  .mk-case .mk-now-list{grid-template-columns:minmax(0,1fr)}
  .mk-case .mk-now-list li:nth-child(2){padding-top:16px;border-top:1px solid var(--line)}
}
@media (max-width:560px){.mk-case{margin-top:16px;padding:20px}}
.mk-case{position:relative;isolation:isolate;overflow:hidden;overflow:clip;border-color:transparent;background:#FCFBFD}
.mk-case::before,.mk-case::after{content:'';position:absolute;z-index:-1;width:60%;height:var(--mk-blob,630px);border-radius:50%;pointer-events:none;opacity:.5}
@media (max-width:560px){.mk-case{--mk-blob:420px;--mk-off:-160px}}
.mk-case::before{left:-18%;top:var(--mk-off,-240px);background:radial-gradient(closest-side,#FFD0CC 0%,rgba(255,208,204,.55) 40%,rgba(255,208,204,.18) 70%,transparent 100%);
  animation:mkBlobA 9s ease-in-out infinite alternate}
.mk-case::after{right:-18%;bottom:var(--mk-off,-240px);background:radial-gradient(closest-side,#CFE6FA 0%,rgba(207,230,250,.55) 40%,rgba(207,230,250,.18) 70%,transparent 100%);
  animation:mkBlobB 11s ease-in-out infinite alternate}
@keyframes mkBlobA{0%{transform:translate(0,0) scale(1);opacity:.35}50%{transform:translate(18%,22%) scale(1.12);opacity:.6}100%{transform:translate(30%,4%) scale(.96);opacity:.45}}
@keyframes mkBlobB{0%{transform:translate(0,0) scale(1);opacity:.6}50%{transform:translate(-16%,-24%) scale(1.1);opacity:.38}100%{transform:translate(-30%,-6%) scale(1);opacity:.5}}
.mk-case .mk-now-list li{border-color:rgba(17,17,17,.08)}
.mk-case .hub-card-tag::after{
  content:'';display:inline-block;width:1em;height:1em;margin-left:.2em;vertical-align:0;position:relative;top:-.45em;transform-origin:50% 50%;
  background:var(--accent);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='704.254 28.964 114.208 114.391'%3E%3Cpath d='M704.254 89.0928L735.602 90.5593C747.701 91.1093 754.483 102.475 753.567 121.174L752.467 143.355H757.783L763.466 111.458C765.666 98.8087 777.765 90.7426 795.913 90.0094L817.545 89.0928L818.462 83.4099L787.114 81.9434C774.465 81.9434 767.682 70.3943 768.782 51.1458L770.249 28.9643H764.749L759.25 60.4951C757.05 73.5107 744.767 81.76 726.619 82.4933L705.171 83.4099L704.254 89.0928Z'/%3E%3C/svg%3E") center/contain no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='704.254 28.964 114.208 114.391'%3E%3Cpath d='M704.254 89.0928L735.602 90.5593C747.701 91.1093 754.483 102.475 753.567 121.174L752.467 143.355H757.783L763.466 111.458C765.666 98.8087 777.765 90.7426 795.913 90.0094L817.545 89.0928L818.462 83.4099L787.114 81.9434C774.465 81.9434 767.682 70.3943 768.782 51.1458L770.249 28.9643H764.749L759.25 60.4951C757.05 73.5107 744.767 81.76 726.619 82.4933L705.171 83.4099L704.254 89.0928Z'/%3E%3C/svg%3E") center/contain no-repeat;
  animation:sloganMarkIn 1.2s .6s both,mkTwinkle 6s 2.4s ease-in-out infinite;
}
@keyframes mkTwinkle{0%,70%,100%{transform:scale(1) rotate(0)}80%{transform:scale(1.25) rotate(12deg)}90%{transform:scale(.95) rotate(-4deg)}}
@media (prefers-reduced-motion:reduce){.mk-case::before,.mk-case::after,.mk-case .hub-card-tag::after{animation:none}}
.mk-case-foot>.mk-case-by{font-size:14px;line-height:20px}
.mk-case{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:64px;align-items:center;padding-bottom:32px}
.mk-case>.mk-case-top{grid-template-columns:subgrid}
.mk-case>*{grid-column:1/-1}
.mk-case-foot>.mk-case-tgl{width:auto;height:52px;gap:10px;margin:0;padding:0 22px 0 26px;border:0;border-radius:var(--r-pill);
  background:#fff;font-weight:500;transition:background var(--t-slow) var(--ease-soft)}
.mk-case-foot>.mk-case-by{flex-direction:column;align-items:flex-start;gap:2px;margin:0;text-align:left}
.mk-case-foot{grid-row:2;display:flex;flex-wrap:wrap;align-items:center;gap:16px 24px;margin-top:28px}
.mk-case>.mk-case-more{grid-row:3}
.mk-case-foot>.mk-case-tgl>span:first-child{white-space:nowrap}
.mk-case-n{font-weight:400}
.mk-case-n::before{content:'';display:inline-block;width:4px;height:4px;margin:0 8px;border-radius:50%;vertical-align:.2em;background:currentColor;opacity:.45}
.mk-sep::before{content:'';display:inline-block;width:3px;height:3px;margin:0 7px;border-radius:50%;vertical-align:.25em;background:currentColor;opacity:.45}
.mk-case .mk-case-act-t{display:none}
.mk-case .mk-case-act i{width:auto;height:auto;border:0;background:none;color:inherit;transition:transform .35s var(--ease-soft),color var(--t-slow) var(--ease-soft)}
.mk-case-tgl:focus-visible{border-radius:var(--r-pill)}
@media (hover:hover){
  .mk-case-foot>.mk-case-tgl:hover .mk-case-act{color:inherit}
  .mk-case-foot>.mk-case-tgl:hover .mk-case-act i{color:var(--accent);transform:translateY(2px)}
  .mk-case.is-open .mk-case-foot>.mk-case-tgl:hover .mk-case-act i{transform:rotate(180deg) translateY(2px)}
}
.ar-page:not(.case-page)>.mk-case{grid-template-columns:minmax(0,1fr)}
@media (max-width:1024px){.mk-case{grid-template-columns:minmax(0,1fr)}}
@media (max-width:560px){.mk-case-foot{margin-top:24px}.mk-case-foot>.mk-case-tgl{height:48px;gap:6px;padding:0 12px 0 14px;font-size:14px;line-height:20px}.mk-case-n::before{margin:0 5px}}
@media (max-width:359px){.mk-case-foot>.mk-case-tgl>span:first-child{white-space:normal}}
.mk-case .mk-now-nums>div{display:flex;flex-direction:column;justify-content:space-between;gap:16px;padding:20px 24px 22px;border:1px solid rgba(17,17,17,.08);border-radius:var(--r)}
.mk-case .mk-now-nums dd{margin:0}
@media (min-width:1025px){
  .mk-case .mk-now-nums{align-self:stretch;gap:16px;margin-top:1px}
  .mk-case .mk-now-nums>div{flex:1 1 0}
}
.ar-page:not(.case-page)>.mk-case .mk-now-nums{padding-top:0;border-top:0;gap:16px}
@media (max-width:1024px){.mk-case-top>.mk-now-nums{padding-top:0;border-top:0;gap:16px}}
@media (max-width:560px){
  .mk-case .mk-now-nums>div{padding:16px 16px 18px}
  .mk-case-top>.mk-now-nums,.ar-page:not(.case-page)>.mk-case .mk-now-nums{grid-template-columns:minmax(0,1fr);gap:12px}
}
