/* 色の役割：紙＝余白、オレンジ＝情報・行動、多彩な絵の具＝個性 */
:root{--brand-ink:#B94812;--brand-paper:#FFFDF7;--brand-yellow:#EBC64B}
html[data-layout="centered"] body.home .center-paint-art{inset:0;opacity:1;overflow:hidden;z-index:-1}
html[data-layout="centered"] body.home .center-paint-art img{display:none;width:100%;height:100%;object-fit:fill;mask-image:none}
html[data-art="a"] body.home .center-paint-art .daub-a,html[data-art="b"] body.home .center-paint-art .daub-b,html[data-art="c"] body.home .center-paint-art .daub-c{display:block}
html[data-layout="centered"] body.home .hero-stage{background:#fffdf7;overflow:hidden}
html[data-layout="centered"] body.home #contact .button{background:#B94812;color:#fffdf7;border:2px solid #B94812;box-shadow:4px 4px 0 #c7a83d}
html[data-layout="centered"] body.home #contact .button.secondary{background:transparent;color:#B94812;box-shadow:none}
html[data-layout="centered"] body.home #contact .button:hover{background:#963A0D;color:white}
html[data-layout="centered"] body.recruit{--ink:#B94812;--accent:#B94812;--soft:#F4F3EF;background:#fffdf7;color:#B94812}
html[data-layout="centered"] body.recruit .header,html[data-layout="centered"] body.recruit .recruit-hero{background:#fffdf7;color:#B94812}
html[data-layout="centered"] body.recruit main>section{--section-paper:#fffdf7;--section-ink:#B94812;--accent:#B94812;background:var(--section-paper);color:var(--section-ink)}
html[data-layout="centered"] body.recruit #work{--section-paper:#fff;--section-ink:#B94812}
html[data-layout="centered"] body.recruit #culture{--section-paper:#FFF1E5;--section-ink:#B94812}
html[data-layout="centered"] body.recruit #join{--section-paper:#B94812;--section-ink:#fffdf7;--accent:#fffdf7}
html[data-layout="centered"] body.recruit #join::after{color:#ebc64b;opacity:.18}
html[data-layout="centered"] body.recruit .button,html[data-layout="centered"] body.recruit .nav-cta{background:#B94812;color:#fffdf7;border-color:#B94812;box-shadow:none}
html[data-layout="centered"] body.recruit #join .button{background:#ebc64b;color:#B94812;border-color:#ebc64b;box-shadow:4px 4px 0 #71300F}
html[data-layout="centered"] body.recruit .recruit-portraits{background:url('assets/portrait-daubs.svg') center/contain no-repeat}
html[data-layout="centered"] body.recruit .recruit-tag{background:#ebc64b;color:#B94812}
html[data-layout="centered"] body.recruit .color-letters b{color:#176e66}
html[data-layout="centered"] body.recruit .color-letters b:nth-child(2){color:#a84240}
html[data-layout="centered"] body.recruit .color-letters::after{background:#ebc64b}
html[data-layout="centered"] body.recruit .work-card img{border-bottom-color:#238b80}
html[data-layout="centered"] body.recruit .work-card:nth-child(2) img{border-bottom-color:#e77861}
html[data-layout="centered"] body.recruit .work-card:nth-child(3) img{border-bottom-color:#ebc64b}
html[data-layout="centered"] body.recruit .work-number,html[data-layout="centered"] body.recruit .culture-intro h2{color:#B94812}
html[data-layout="centered"] body.recruit .requirements-grid article{background:#F4F3EF;border-top-color:#B94812;color:#B94812}
html[data-layout="centered"] body.recruit footer{background:#fffdf7;color:#B94812}
html[data-layout="centered"] :is(a,button):focus-visible{outline:3px solid #B94812;outline-offset:5px}
html[data-layout="centered"] body.recruit #join :is(a,button):focus-visible{outline-color:#ebc64b}
@media(max-width:600px){html[data-layout="centered"] body.home .center-paint-art .daub{display:none}html[data-layout="centered"] body.home .center-paint-art .daub-mobile{display:block;opacity:.65}html[data-layout="centered"] body.home .center-paint-art{inset:0}html[data-layout="centered"] body.home .corporate-hero{padding-left:22px;padding-right:22px}html[data-art="b"] body.home .daub-mobile{transform:scaleX(-1)}html[data-art="c"] body.home .daub-mobile{transform:scale(1.3)}}

html[data-art="d"] body.home .center-paint-art .daub-d{display:block}
@media(max-width:600px){html[data-art="d"] body.home .center-paint-art .daub-d,html[data-art="d"] body.home .center-paint-art .daub-mobile{display:none}html[data-art="d"] body.home .center-paint-art .daub-d-mobile{display:block;opacity:.85}}

/* E：フラットな色面を画面端へ。文字と装飾を重ねない。 */
html[data-art="e"] body.home .center-paint-art{left:50%;right:auto;top:0;bottom:0;width:100vw;transform:translateX(-50%)}
html[data-art="e"] body.home .center-paint-art .daub-e{display:block}
html[data-layout="centered"] body.home .design-english,html[data-layout="centered"] body.home .design-english span,html[data-layout="centered"] body.home .design-english strong{color:#B94812}
html[data-layout="centered"] body.home .nav-cta{background:#B94812;color:#fffdf7;border-color:#B94812}
html[data-layout="centered"] body.recruit #join{--section-paper:#B94812;--section-ink:#fffdf7;background:#B94812}
html[data-layout="centered"] body.recruit #join .button{background:#fffdf7;color:#B94812;border-color:#fffdf7}
html[data-layout="centered"] body.recruit .recruit-tag{background:#FFE8D3;color:#963A0D}
@media(max-width:600px){html[data-art="e"] body.home .center-paint-art .daub-e,html[data-art="e"] body.home .center-paint-art .daub-mobile{display:none}html[data-art="e"] body.home .center-paint-art .daub-e-mobile{display:block}}