:root[data-design="rhythm"] {
  --direction-ink: #202828;
  --direction-accent: #1859b3;
  --direction-heading: #1859b3;
  --direction-support: #f2f3ef;
  --direction-tomorrow: #ffe36b;
  --direction-culture: #bde5b7;
  --direction-company: #f2f3ef;
  --direction-contact: #dbeafd;
  --direction-hero: #fffdf6;
}
:root[data-design="atelier"] {
  --direction-ink: #282f2d;
  --direction-accent: #22694e;
  --direction-heading: #282f2d;
  --direction-support: #f5f5f2;
  --direction-tomorrow: #fff1b8;
  --direction-culture: #e3eddf;
  --direction-company: #f5f5f2;
  --direction-contact: #f8e2d5;
  --direction-hero: #fff;
}
:root[data-design="bold"] {
  --direction-ink: #202124;
  --direction-accent: #244cce;
  --direction-heading: #202124;
  --direction-support: #f2f2ef;
  --direction-tomorrow: #ffdf43;
  --direction-culture: #d0e8be;
  --direction-company: #f2f2ef;
  --direction-contact: #ffdf43;
  --direction-hero: #fff;
}
:root[data-layout][data-colorway][data-design]:not([data-design="current"]) body {
  --ink: var(--direction-ink);
  --accent: var(--direction-accent);
  color: var(--direction-ink);
}
:root[data-layout][data-colorway][data-design]:not([data-design="current"]) .header,
:root[data-layout][data-colorway][data-design]:not([data-design="current"]) body.home .hero-stage,
:root[data-layout][data-colorway][data-design]:not([data-design="current"]) body.recruit .recruit-hero { background: var(--direction-hero); }
:root[data-layout][data-colorway][data-design]:not([data-design="current"]) body.home #support { --section-paper: var(--direction-support); background: var(--direction-support); }
:root[data-layout][data-colorway][data-design]:not([data-design="current"]) body.home #data { --section-paper: var(--direction-tomorrow); background: var(--direction-tomorrow); }
:root[data-layout][data-colorway][data-design]:not([data-design="current"]) body.home #belief,
:root[data-layout][data-colorway][data-design]:not([data-design="current"]) body.recruit #culture { --section-paper: var(--direction-culture); background: var(--direction-culture); }
:root[data-layout][data-colorway][data-design]:not([data-design="current"]) body.home #company { --section-paper: var(--direction-company); background: var(--direction-company); }
:root[data-layout][data-colorway][data-design]:not([data-design="current"]) body.home #contact,
:root[data-layout][data-colorway][data-design]:not([data-design="current"]) body.recruit #join { --section-paper: var(--direction-contact); background: var(--direction-contact); }
:root[data-layout][data-colorway][data-design]:not([data-design="current"]) body .section-label > span,
:root[data-layout][data-colorway][data-design]:not([data-design="current"]) body .section-word { color: var(--direction-heading); }
:root[data-layout][data-colorway][data-design]:not([data-design="current"]) body.home .future-year,
:root[data-layout][data-colorway][data-design]:not([data-design="current"]) body.home .fact-value { color: #202124; }
:root[data-layout][data-colorway][data-design]:not([data-design="current"]) .button,
:root[data-layout][data-colorway][data-design]:not([data-design="current"]) .header .nav-cta,
:root[data-layout][data-colorway][data-design]:not([data-design="current"]) body.home #contact .button,
:root[data-layout][data-colorway][data-design]:not([data-design="current"]) body.recruit #join .button {
  background: var(--direction-ink); border-color: var(--direction-ink); color: #fff;
}
:root[data-layout][data-colorway][data-design]:not([data-design="current"]) body.home #contact .contact-secondary { background: transparent; color: var(--direction-ink); }
:root[data-layout][data-colorway][data-design]:not([data-design="current"]) .audience-button { background: var(--direction-accent); border-color: var(--direction-accent); color: #fff; }
:root[data-layout][data-colorway][data-design]:not([data-design="current"]) .audience-button.people { background: #fff; border-color: var(--direction-ink); color: var(--direction-ink); }
:root[data-layout][data-colorway][data-design]:not([data-design="current"]) .audience-button:hover,
:root[data-layout][data-colorway][data-design]:not([data-design="current"]) .button:hover { background: #313b38; border-color: #313b38; color: #fff; }
:root[data-layout][data-colorway][data-design]:not([data-design="current"]) body.home .center-paint-art { inset: 0; width: 100%; transform: none; opacity: 1; background-position: center; background-size: 100% 100%; }
:root[data-layout][data-colorway][data-design]:not([data-design="current"]) body.home .center-paint-art img { display: none; }
:root[data-layout][data-colorway][data-design="rhythm"] body.home .center-paint-art { background-image: url("assets/direction-rhythm.svg"); }
:root[data-layout][data-colorway][data-design="rhythm"] body.home.proposal .design-english { font-size: clamp(40px, 5.35vw, 76px); width: 1000px; margin-block: 23px 28px; }
:root[data-layout][data-colorway][data-design="rhythm"] body.home .design-english span:first-child { color: #d64a3c; transform: rotate(-3deg); }
:root[data-layout][data-colorway][data-design="rhythm"] body.home .design-english span:nth-child(2) { color: #197956; transform: rotate(2deg); }
:root[data-layout][data-colorway][data-design="rhythm"] body.home .design-english span:nth-child(3) { color: #1859b3; font-size: 1.34em; }
:root[data-layout][data-colorway][data-design="rhythm"] .section-label { border: 0; align-items: center; padding-bottom: 0; margin-bottom: 48px; }
:root[data-layout][data-colorway][data-design="rhythm"] body .section-label > span,
:root[data-layout][data-colorway][data-design="rhythm"] body .section-word { font-size: clamp(48px, 6.5vw, 92px); letter-spacing: -.075em; font-weight: 900; color: #1859b3; }
:root[data-layout][data-colorway][data-design="rhythm"] body :is(#belief, #culture) .section-label > span { color: #215e44; }
:root[data-layout][data-colorway][data-design="rhythm"] body :is(#data, #contact, #join) .section-label > span { color: #202828; }
:root[data-layout][data-colorway][data-design="rhythm"] .section-label > p { border-left: 3px solid currentColor; padding-left: 18px; }
:root[data-layout][data-colorway][data-design="rhythm"] body.home .connection-grid article { border: 0; border-radius: 30px 30px 10px 30px; box-shadow: 0 5px 0 #d3ded3; }
:root[data-layout][data-colorway][data-design="rhythm"] body.home .connection-grid article:last-child { border: 0; border-radius: 30px 30px 30px 10px; box-shadow: 0 5px 0 #d2dded; }
:root[data-layout][data-colorway][data-design="rhythm"] .support-scenes img { border-radius: 70px 15px 70px 15px; }
:root[data-layout][data-colorway][data-design="rhythm"] .service-number { color: #1859b3; font-size: 20px; font-weight: 900; }
:root[data-layout][data-colorway][data-design="rhythm"] .service-row .plus { color: #fff; background: #1859b3; }
:root[data-layout][data-colorway][data-design="rhythm"] .process-grid li { background: #dceafb; border-radius: 30px 30px 8px 8px; }
:root[data-layout][data-colorway][data-design="rhythm"] .process-grid li:nth-child(2) { background: #dbedce; }
:root[data-layout][data-colorway][data-design="rhythm"] .process-grid li:nth-child(3) { background: #ffe6cd; }
:root[data-layout][data-colorway][data-design="rhythm"] body.home .fact-grid article { background: #fffaf0; border-radius: 24px; border-bottom: 5px solid #d4ac24; }
:root[data-layout][data-colorway][data-design="rhythm"] .value-chips li { border: 0; border-radius: 999px; background: #fff9e9; }
:root[data-layout][data-colorway][data-design="rhythm"] .book-cover { box-shadow: 12px 15px 0 #72aa78; }
:root[data-layout][data-colorway][data-design="rhythm"] .company-grid figure img { border-radius: 46% 54% 46% 54% / 48% 44% 56% 52%; }
:root[data-layout][data-colorway][data-design="rhythm"] .message-body .message-opening { color: #1859b3; }
:root[data-layout][data-colorway][data-design="rhythm"] body.recruit .recruit-portraits { background-image: url("assets/paint-anime.png"); }
:root[data-layout][data-colorway][data-design="rhythm"] body.recruit .color-letters b:first-child { color: #1859b3; }
:root[data-layout][data-colorway][data-design="rhythm"] body.recruit .color-letters b:nth-child(2) { color: #db503d; }
:root[data-layout][data-colorway][data-design="rhythm"] body.recruit .work-grid figure { border-radius: 70px 12px 70px 12px; }
:root[data-layout][data-colorway][data-design="rhythm"] body.recruit .work-number { color: #1859b3; font-size: 32px; font-weight: 900; }
:root[data-layout][data-colorway][data-design="rhythm"] body.recruit .photo-window { border-radius: 24px; }
:root[data-layout][data-colorway][data-design="atelier"] body.home .center-paint-art { background-image: url("assets/direction-atelier.svg"); }
:root[data-layout][data-colorway][data-design="atelier"] body.home.proposal .design-english { font: italic 700 clamp(42px, 5.5vw, 77px)/1.07 Georgia, "Times New Roman", serif; letter-spacing: -.055em; width: 980px; margin-block: 28px 34px; }
:root[data-layout][data-colorway][data-design="atelier"] body.home .design-english span:first-child,
:root[data-layout][data-colorway][data-design="atelier"] body.home .design-english span:nth-child(2) { color: #282f2d; transform: none; }
:root[data-layout][data-colorway][data-design="atelier"] body.home .design-english span:nth-child(3) { color: #22694e; font-size: 1.32em; letter-spacing: -.06em; }
:root[data-layout][data-colorway][data-design="atelier"] body .section-label > span,
:root[data-layout][data-colorway][data-design="atelier"] body .section-word { font: italic 500 clamp(48px, 6vw, 82px)/1.06 Georgia, "Times New Roman", serif; letter-spacing: -.045em; }
:root[data-layout][data-colorway][data-design="atelier"] .section-label { border-color: #c6cec5; padding-bottom: 18px; }
:root[data-layout][data-colorway][data-design="atelier"] .audience-button { border-radius: 5px; }
:root[data-layout][data-colorway][data-design="atelier"] body.home .connection-grid article { border-radius: 4px; border: 0; border-top: 3px solid #22694e; }
:root[data-layout][data-colorway][data-design="atelier"] body.home .connection-grid article:last-child { border-radius: 4px; border: 0; border-top: 3px solid #c1734e; --card-accent: #995b36; --card-tint: #f9eee4; }
:root[data-layout][data-colorway][data-design="atelier"] .support-scenes img { border-radius: 4px; }
:root[data-layout][data-colorway][data-design="atelier"] .support-scenes figure:first-child { transform: rotate(-1.5deg); }
:root[data-layout][data-colorway][data-design="atelier"] .support-scenes figure:last-child { transform: rotate(1.5deg); }
:root[data-layout][data-colorway][data-design="atelier"] .service-photo img { border-radius: 48% 48% 5px 5px; }
:root[data-layout][data-colorway][data-design="atelier"] .process-grid li,
:root[data-layout][data-colorway][data-design="atelier"] .process-grid li:nth-child(2),
:root[data-layout][data-colorway][data-design="atelier"] .process-grid li:nth-child(3) { background: #fff; padding-inline: 0; border-radius: 0; border-top: 1px solid #c6cec5; }
:root[data-layout][data-colorway][data-design="atelier"] .process-grid .step { font: italic 500 56px Georgia, serif; }
:root[data-layout][data-colorway][data-design="atelier"] body.home .fact-grid article { border-radius: 0; background: transparent; border-top: 1px solid #c2b779; padding-inline: 5px; }
:root[data-layout][data-colorway][data-design="atelier"] .value-chips li { background: transparent; border: 0; border-left: 1px solid #bacdb2; border-radius: 0; }
:root[data-layout][data-colorway][data-design="atelier"] .company-grid figure img { border-radius: 48% 48% 8px 8px; }
:root[data-layout][data-colorway][data-design="atelier"] .message-body .message-opening { color: #22694e; }
:root[data-layout][data-colorway][data-design="atelier"] body.recruit .recruit-portraits { background-image: url("assets/direction-atelier.svg"); background-size: cover; }
:root[data-layout][data-colorway][data-design="atelier"] body.recruit .recruit-portraits figure { border-radius: 48% 48% 5px 5px; border: 7px solid #fff; }
:root[data-layout][data-colorway][data-design="atelier"] body.recruit .recruit-tag { background: #fff1b8; color: #282f2d; }
:root[data-layout][data-colorway][data-design="atelier"] body.recruit .photo-window { border-radius: 3px; }
:root[data-layout][data-colorway][data-design="atelier"] body.recruit .work-grid figure { border-radius: 48% 48% 4px 4px; }
:root[data-layout][data-colorway][data-design="atelier"] body.recruit .work-number { font: italic 500 36px Georgia, serif; color: #22694e; }
:root[data-layout][data-colorway][data-design="bold"] body.home .center-paint-art { background-image: url("assets/direction-bold.svg"); }
:root[data-layout][data-colorway][data-design="bold"] body.home.proposal .design-english { font-size: clamp(44px, 6.2vw, 88px); width: 1090px; max-width: 85%; margin-block: 15px 25px; letter-spacing: -.065em; }
:root[data-layout][data-colorway][data-design="bold"] body.home .design-english span:first-child,
:root[data-layout][data-colorway][data-design="bold"] body.home .design-english span:nth-child(2) { color: #202124; transform: none; }
:root[data-layout][data-colorway][data-design="bold"] body.home .design-english span:nth-child(3) { width: auto; padding: 0 .16em .05em; margin-top: 9px; font-size: 1.3em; color: #244cce; background: #ffdf43; transform: rotate(-2deg); }
:root[data-layout][data-colorway][data-design="bold"] .section-label { border: 0; border-top: 2px solid #202124; padding-block: 22px 0; align-items: start; }
:root[data-layout][data-colorway][data-design="bold"] body .section-label > span,
:root[data-layout][data-colorway][data-design="bold"] body .section-word { font-size: clamp(44px, 6.6vw, 94px); font-weight: 900; letter-spacing: -.075em; text-transform: uppercase; }
:root[data-layout][data-colorway][data-design="bold"] .header .nav-cta,
:root[data-layout][data-colorway][data-design="bold"] .audience-button,
:root[data-layout][data-colorway][data-design="bold"] .button,
:root[data-layout][data-colorway][data-design="bold"] body.home #contact .button { border-radius: 2px; }
:root[data-layout][data-colorway][data-design="bold"] .audience-button { box-shadow: 4px 4px 0 #202124; }
:root[data-layout][data-colorway][data-design="bold"] body.home .connection-grid article,
:root[data-layout][data-colorway][data-design="bold"] body.home .connection-grid article:last-child { border: 1px solid #202124; border-radius: 0; box-shadow: 5px 5px 0 #d5d7d3; }
:root[data-layout][data-colorway][data-design="bold"] .support-scenes img,
:root[data-layout][data-colorway][data-design="bold"] .service-photo img { border-radius: 0; }
:root[data-layout][data-colorway][data-design="bold"] .service-number { color: #244cce; font-size: 22px; font-weight: 900; }
:root[data-layout][data-colorway][data-design="bold"] .service-row .plus { color: #fff; background: #202124; border-radius: 0; }
:root[data-layout][data-colorway][data-design="bold"] .process-grid li { background: #edf1ff; border-radius: 0; border-top: 4px solid #244cce; }
:root[data-layout][data-colorway][data-design="bold"] .process-grid li:nth-child(2) { background: #e8f0e1; border-color: #256b3e; }
:root[data-layout][data-colorway][data-design="bold"] .process-grid li:nth-child(3) { background: #fff3d2; border-color: #b98300; }
:root[data-layout][data-colorway][data-design="bold"] body.home .fact-grid article { border-radius: 0; background: transparent; border-left: 1px solid #a98d23; padding-inline: 24px; }
:root[data-layout][data-colorway][data-design="bold"] .value-chips li { background: transparent; border: 1px solid #719463; border-radius: 0; }
:root[data-layout][data-colorway][data-design="bold"] .book-cover { transform: rotate(-4deg); box-shadow: 10px 12px 0 #7ca25d; }
:root[data-layout][data-colorway][data-design="bold"] .company-grid figure img { border-radius: 50%; }
:root[data-layout][data-colorway][data-design="bold"] .message-body .message-opening { color: #244cce; }
:root[data-layout][data-colorway][data-design="bold"] body.recruit .recruit-portraits { background: #ffdf43; border-radius: 50%; }
:root[data-layout][data-colorway][data-design="bold"] body.recruit .hero-stage { background: var(--direction-hero); }
:root[data-layout][data-colorway][data-design="bold"] body.recruit :is(.recruit-hero, #requirements) {
  --section-paper: var(--direction-hero);
  --section-ink: var(--direction-ink);
  --accent: var(--direction-accent);
  background: var(--section-paper);
  color: var(--section-ink);
}
:root[data-layout][data-colorway][data-design="bold"] body.recruit .recruit-portraits figure { border-radius: 4px; border: 6px solid #fff; }
:root[data-layout][data-colorway][data-design="bold"] body.recruit .recruit-tag { background: #244cce; color: #fff; }
:root[data-layout][data-colorway][data-design="bold"] body.recruit .color-letters b { color: #244cce; }
:root[data-layout][data-colorway][data-design="bold"] body.recruit .photo-window,
:root[data-layout][data-colorway][data-design="bold"] body.recruit .work-grid figure,
:root[data-layout][data-colorway][data-design="bold"] body.recruit .requirements-grid article { border-radius: 0; }
:root[data-layout][data-colorway][data-design="bold"] body.recruit .work-number { font-size: 36px; color: #244cce; font-weight: 900; }
@media (max-width: 800px) {
  :root[data-layout][data-colorway][data-design]:not([data-design="current"]) .section-label { align-items: flex-start; gap: 15px; }
  :root[data-layout][data-colorway][data-design]:not([data-design="current"]) .section-label > p { font-size: 12px; }
}
@media (max-width: 600px) {
  :root[data-layout][data-colorway][data-design]:not([data-design="current"]) body.home.proposal .design-english { width: 100%; max-width: 100%; font-size: 7.5vw; margin-block: 27px 23px; }
  :root[data-layout][data-colorway][data-design="bold"] body.home .design-english span:nth-child(3) { font-size: 1.34em; }
  :root[data-layout][data-colorway][data-design="atelier"] body.home.proposal .design-english { font-size: 8vw; }
  :root[data-layout][data-colorway][data-design]:not([data-design="current"]) body.home .center-paint-art { background-image: url("assets/direction-mobile.svg"); background-size: 100% 100%; opacity: .9; }
  :root[data-layout][data-colorway][data-design]:not([data-design="current"]) body .section-label > span,
  :root[data-layout][data-colorway][data-design]:not([data-design="current"]) body .section-word { font-size: clamp(37px, 10.5vw, 55px); }
  :root[data-layout][data-colorway][data-design="bold"] body .section-label > span { font-size: clamp(33px, 9.8vw, 50px); }
  :root[data-layout][data-colorway][data-design="rhythm"] .section-label > p { padding-left: 10px; border-left-width: 2px; }
  :root[data-layout][data-colorway][data-design="rhythm"] .support-scenes img { border-radius: 40px 8px 40px 8px; }
  :root[data-layout][data-colorway][data-design]:not([data-design="current"]) .section-label { margin-bottom: 32px; }
  :root[data-layout][data-colorway][data-design="atelier"] .support-scenes figure { transform: none; }
  :root[data-layout][data-colorway][data-design="bold"] .audience-button { box-shadow: 3px 3px 0 #202124; }
}