.mslist .mscat{display:flex;align-items:center;gap:12px;margin:22px 0 2px;font-size:13px;font-weight:900;letter-spacing:.14em;color:var(--navy)}
.mslist .mscat::before{content:"";width:22px;height:2px;background:var(--green)}
.mslist .mscat:first-child{margin-top:0}
.msfeat .fh .n{font-weight:700;color:var(--navy)}
.mmenu .msc{margin-top:14px;font-size:12px;font-weight:900;letter-spacing:.14em;color:var(--navy);padding-left:14px;border-left:3px solid var(--green)}
.mmenu .msub{padding:10px 0 10px 14px;font-size:14px;font-weight:500;border-bottom:1px dashed var(--line)}
.mcard img[alt="髙橋 広嗣"]{opacity:.92}.mcard:hover img[alt="髙橋 広嗣"]{opacity:.8}

.mcard[href="company-message.html"]{background:linear-gradient(120deg,var(--navy),#2a4180)}
.mcard[href="company-message.html"] img{position:absolute;right:0;top:0;width:auto;height:100%;aspect-ratio:1/1;opacity:1;object-fit:cover;object-position:50% 20%}
.mcard[href="company-message.html"]:hover img{opacity:1;transform:none}
.mcard[href="company-message.html"]::after{background:linear-gradient(90deg,rgba(20,35,63,.55) 0%,rgba(20,35,63,0) 55%)}
.mcard[href="company-message.html"] .t{max-width:46%;line-height:1.5}
/* message card v2 */
.mcard[href="company-message.html"] img{width:64%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:50% 16%;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 42%);mask-image:linear-gradient(90deg,transparent 0,#000 42%)}
.mcard[href="company-message.html"]::after{background:none}
.mcard[href="company-message.html"] .t{left:22px;bottom:58px;max-width:48%;font-size:16px;line-height:1.5;z-index:3}
.mcard[href="company-message.html"] .t::before{content:"CEO MESSAGE";display:block;font-family:"Barlow",sans-serif;font-size:10px;font-weight:600;letter-spacing:.2em;color:var(--green);margin-bottom:6px}
.mcard[href="company-message.html"] .go{right:auto;left:22px;bottom:16px;width:30px;height:30px;z-index:3}
/* message card v3: navy duotone portrait */
.mcard[href="company-message.html"]{background:linear-gradient(135deg,#17274f 0%,#1E3164 60%,#27407f 100%)}
.mcard[href="company-message.html"] img{width:58%;mix-blend-mode:luminosity;opacity:.95;object-position:50% 14%;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 46%);mask-image:linear-gradient(90deg,transparent 0,#000 46%)}
.mcard[href="company-message.html"]::before{content:"";position:absolute;right:0;top:0;bottom:0;width:58%;background:linear-gradient(90deg,transparent 30%,rgba(31,232,178,.22));mix-blend-mode:screen;z-index:1;pointer-events:none}
.mcard[href="company-message.html"] .t{font-size:17px}
/* kicker labels on all company cards */
.mcard .t::before{content:attr(data-k);display:block;font-family:"Barlow",sans-serif;font-size:10px;font-weight:600;letter-spacing:.2em;color:var(--green);margin-bottom:6px}
.mcard[href="company-info.html"] .t::before{content:"COMPANY"}
.mcard[href="company-message.html"] .t::before{content:"CEO MESSAGE"}
.mcard[href="company-members.html"] .t::before{content:"HISTORY"}
.mcard[href="company-culture.html"] .t::before{content:"CSR"}
.mcard[href="engineer-recruitment.html"] .t::before{content:"RECRUIT"}
/* v8: legibility */
.mcard::after{background:linear-gradient(180deg,rgba(14,26,52,.10) 0%,rgba(14,26,52,.55) 45%,rgba(14,26,52,.9) 100%)}
.mcard .t{text-shadow:0 1px 10px rgba(8,16,36,.6)}
.mcard .t::before{color:#35f0c0;text-shadow:0 1px 8px rgba(8,16,36,.9)}
.mcard[href="company-message.html"] img{width:50%;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 55%);mask-image:linear-gradient(90deg,transparent 0,#000 55%)}
.mcard[href="company-message.html"]::before{width:50%}
.mcard[href="company-message.html"]::after{background:none}
.mcard[href="company-message.html"] .t{font-size:15.5px;max-width:52%;letter-spacing:.02em}
/* v9: message card arrow/title same as others */
.mcard[href="company-message.html"] .go{left:auto;right:18px;bottom:16px;width:36px;height:36px}
.mcard[href="company-message.html"] .t{left:22px;bottom:22px}