.mx-design-banri { margin: 0; padding: 0; background: #07101a; color: #fff; }
.mx-design-banri *, .mx-design-banri *::before, .mx-design-banri *::after { box-sizing: border-box; }
.mx-design-banri .bn-story { width: 100%; max-width: none; margin: 0; padding: 0; }
.mx-design-banri .bn-chapter { position: relative; width: 100%; margin: 0; padding: 0; isolation: isolate; }
.mx-design-banri .bn-chapter + .bn-chapter { margin-top: 0; }
.mx-design-banri .bn-art { display: block; width: 100%; max-width: none; height: auto; margin: 0; border: 0; border-radius: 0; }
.mx-design-banri .bn-sr { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
.mx-design-banri .bn-skip:focus { position: fixed; z-index: 100000; left: 12px; top: 12px; width: auto; height: auto; clip-path: none; padding: 12px; margin: 0; color: #fff; background: #151b25; }
.mx-design-banri .bn-hit { display: block; position: absolute; z-index: 2; margin: 0; padding: 0; border: 0; background: transparent; color: transparent; cursor: pointer; text-decoration: none; }
.mx-design-banri .bn-hit:focus-visible { outline: 3px solid #fff; outline-offset: 2px; background: rgb(255 255 255 / 8%); }
@media (prefers-reduced-motion: reduce) { .mx-design-banri .bn-story { scroll-behavior: auto; } }
.mx-design-banri{--bn-hand:"Klee One","Yu Mincho",serif;--bn-script:"Caveat",cursive;font-family:"Noto Sans JP","Yu Gothic",sans-serif}
.mx-design-banri a{color:inherit}
.mx-design-banri :is(h1,h2,h3,p,figure,ul){margin:0;padding:0}
.mx-design-banri :is(h1,h2,h3){border:0;background:none;color:#fff;box-shadow:none}
.mx-design-banri h2::before,.mx-design-banri h2::after,.mx-design-banri h3::before,.mx-design-banri h3::after{display:none}
.mx-design-banri .bn-chapter{container-type:inline-size;overflow:clip;color:#fff}
.mx-design-banri{--mx-bg:#07101a;--mx-accent:var(--bn-accent,#ff390c)}
.mx-design-banri .bn-consult-notice{position:fixed;z-index:100000;left:50%;top:50%;transform:translate(-50%,-50%);width:min(90vw,460px);padding:24px;background:#fff;color:#182332;border:2px solid #fc4a24;border-radius:16px;box-shadow:0 12px 100px #000a;font-size:16px}
.mx-design-banri .bn-consult-notice button{display:block;margin:18px 0 0 auto;padding:10px 20px;background:#152335;color:#fff;border:0;border-radius:8px;cursor:pointer}
.mx-design-banri .bn-recruit-chapter.bn-arrival::before{content:"";position:absolute;z-index:3;pointer-events:none;left:0;right:0;top:0;height:100svh;background:linear-gradient(115deg,transparent 30%,#ff542d55 49%,#ff9c5344 50%,transparent 67%);animation:bn-chapter-sweep 1.05s ease-out both}
@keyframes bn-chapter-sweep{from{transform:translateX(-85%);opacity:0}35%{opacity:1}to{transform:translateX(85%);opacity:0}}
.mx-design-banri .bn-company-page{color:#f5f4f0;background:#081019;overflow:clip}
.mx-design-banri .bn-about-hero{position:relative;isolation:isolate;padding:clamp(60px,8vw,130px) 7vw 80px;min-height:530px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;overflow:hidden;background:radial-gradient(ellipse at 90% 30%,#85321b55,transparent 60%),#081019}
.mx-design-banri .bn-about-eyebrow{font-size:12px;letter-spacing:.32em;color:#ff7953;margin-bottom:25px}
.mx-design-banri .bn-about-hero h1{font-size:clamp(38px,6vw,86px);font-weight:700;letter-spacing:.09em;line-height:1.3;margin-bottom:28px;overflow-wrap:anywhere}
.mx-design-banri .bn-about-headline{max-width:800px;font-size:clamp(20px,2.8vw,38px);line-height:1.8;letter-spacing:.07em;overflow-wrap:anywhere}
.mx-design-banri .bn-about-wordmark{position:absolute;z-index:-1;right:-1vw;bottom:-3vw;font:900 18vw/1 Arial,sans-serif;color:transparent;-webkit-text-stroke:1px #a2705555;letter-spacing:-.03em;pointer-events:none;max-width:100%;overflow:hidden}
.mx-design-banri .bn-about-orbit{position:absolute;z-index:-1;width:55vw;height:55vw;right:-16vw;top:-25vw;border:1px solid #e05b344d;border-radius:50%;box-shadow:0 0 0 60px #ed5b1510,0 0 0 120px #ed5b1508}
.mx-design-banri .bn-about-scroll{display:flex;gap:30px;text-decoration:none;font-size:10px;letter-spacing:.2em;margin-top:60px;color:#b1b6bf}
.mx-design-banri .bn-about-section{padding:80px 7vw;border-top:1px solid #28303b;max-width:1600px;margin:0 auto}
.mx-design-banri .bn-about-section-label>span{font-size:11px;letter-spacing:.18em;color:#fb744b}
.mx-design-banri .bn-about-section-label h2{font-size:clamp(25px,3vw,38px);font-weight:600;margin-top:13px;letter-spacing:.08em}
.mx-design-banri .bn-about-greeting{display:grid;grid-template-columns:1fr 2fr;gap:50px}
.mx-design-banri .bn-about-message p{font-size:clamp(18px,2vw,27px);line-height:2;white-space:normal;overflow-wrap:anywhere}
.mx-design-banri .bn-about-signature{display:block;margin-top:32px;font-size:14px;color:#aeb6c0;letter-spacing:.15em}
.mx-design-banri .bn-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:36px}
.mx-design-banri .bn-service-card{position:relative;padding:32px 26px;border:1px solid #38404b;border-radius:14px;background:linear-gradient(140deg,#1c2632,#0b121c);overflow-wrap:anywhere}
.mx-design-banri .bn-service-card:first-child{grid-column:span 2;background:linear-gradient(125deg,#6a281c,#1c1920);border-color:#bd4c36}
.mx-design-banri .bn-service-number{position:absolute;right:24px;top:20px;font-size:35px;font-weight:300;color:#ffffff25}
.mx-design-banri .bn-service-card>.mx-i{color:#ff865e;margin-bottom:25px}
.mx-design-banri .bn-service-card h3{font-size:20px;font-weight:700;line-height:1.5;margin-bottom:16px}
.mx-design-banri .bn-service-card p{font-size:14px;line-height:1.9;color:#d8dbe1}
.mx-design-banri .bn-company-details{margin:35px 0 0}
.mx-design-banri .bn-company-details>div{display:grid;grid-template-columns:190px 1fr;gap:24px;padding:26px 4px;border-bottom:1px solid #2f3843;font-size:16px;line-height:1.8;overflow-wrap:anywhere}
.mx-design-banri .bn-company-details dt{font-weight:500;color:#a8b1bd}.mx-design-banri .bn-company-details dd{margin:0}
.mx-design-banri .bn-access-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:36px}
.mx-design-banri .bn-access-grid article{padding:30px;border-left:2px solid #ff6238;background:#141e29;border-radius:0 12px 12px 0}
.mx-design-banri .bn-access-grid h3{font-size:19px;margin-bottom:20px}.mx-design-banri .bn-access-grid p{font-size:16px;line-height:1.9;color:#cdd5df;overflow-wrap:anywhere}
.mx-design-banri .bn-about-contact{text-align:center;padding:75px 20px 90px;background:radial-gradient(ellipse at 50% 100%,#78352266,transparent 65%),#0c131d;border-top:1px solid #34323a}
.mx-design-banri .bn-about-contact>p{font-size:clamp(20px,2.5vw,32px);line-height:1.7;margin-bottom:32px;overflow-wrap:anywhere}
.mx-design-banri .bn-about-contact .bn-button{font-size:15px;min-height:54px;padding:16px 45px}
.mx-design-banri .bn-faq-page .bn-about-hero{min-height:420px}
.mx-design-banri .bn-faq-groups{max-width:1320px;padding:65px 7vw;margin:auto}
.mx-design-banri .bn-faq-group{display:grid;grid-template-columns:180px 1fr;gap:35px;margin-bottom:50px}
.mx-design-banri .bn-faq-group>h2{font-size:21px;padding-top:23px;letter-spacing:.08em}
.mx-design-banri .bn-faq-item{border-bottom:1px solid #374251;background:#101a25}
.mx-design-banri .bn-faq-item:first-child{border-top:1px solid #374251}
.mx-design-banri .bn-faq-item summary{display:flex;align-items:center;gap:18px;padding:25px 22px;list-style:none;cursor:pointer;font-size:16px;font-weight:600;line-height:1.8}
.mx-design-banri .bn-faq-item summary::-webkit-details-marker{display:none}
.mx-design-banri .bn-faq-item summary>span:nth-child(2){flex:1;min-width:0;overflow-wrap:anywhere}
.mx-design-banri .bn-faq-q{color:#ff835a;font-size:25px;font-weight:400}.mx-design-banri .bn-faq-plus{width:16px;height:16px;position:relative;flex:0 0 auto}
.mx-design-banri .bn-faq-plus::before,.mx-design-banri .bn-faq-plus::after{content:"";position:absolute;left:0;top:7px;width:16px;height:1px;background:#ff8a5e}.mx-design-banri .bn-faq-plus::after{transform:rotate(90deg);transition:transform .2s}
.mx-design-banri .bn-faq-item[open] .bn-faq-plus::after{transform:rotate(0)}
.mx-design-banri .bn-faq-answer{display:flex;gap:20px;padding:0 24px 27px;color:#d3dce5;line-height:1.95;font-size:15px;overflow-wrap:anywhere}
.mx-design-banri .bn-faq-answer>span{color:#ff835a;font-size:23px}.mx-design-banri .bn-faq-answer p{min-width:0}
@media(max-width:700px){.mx-design-banri .bn-about-hero{min-height:420px;padding:60px 22px}.mx-design-banri .bn-about-section{padding:48px 22px}.mx-design-banri .bn-about-greeting{grid-template-columns:1fr;gap:28px}.mx-design-banri .bn-service-grid{grid-template-columns:1fr}.mx-design-banri .bn-service-card:first-child{grid-column:auto}.mx-design-banri .bn-company-details>div{grid-template-columns:1fr;gap:9px;padding:20px 0}.mx-design-banri .bn-access-grid{grid-template-columns:1fr}.mx-design-banri .bn-faq-groups{padding:45px 20px}.mx-design-banri .bn-faq-group{grid-template-columns:1fr;gap:18px}.mx-design-banri .bn-faq-item summary{padding:22px 16px;gap:12px;font-size:15px}.mx-design-banri .bn-faq-answer{padding:0 16px 23px}.mx-design-banri .bn-about-orbit{width:110vw;height:110vw;right:-65vw;top:-45vw}}
@media(prefers-reduced-motion:reduce){.mx-design-banri .bn-recruit-chapter.bn-arrival::before{animation:none;display:none}.mx-design-banri .bn-faq-plus::after{transition:none}}
.mx-design-banri .bn-side-note,.mx-design-banri .bn-bottom-note{position:absolute;right:5.4cqw;text-align:right;color:#a5a2ab;font-size:1cqw;letter-spacing:.3em;line-height:2.4;max-width:16%;overflow-wrap:anywhere}
.mx-design-banri .bn-side-note{top:40cqw}
.mx-design-banri .bn-bottom-note{top:181cqw}
.mx-design-banri .bn-recruit-side{position:absolute;right:3.7cqw;top:3cqw;bottom:5cqw;display:flex;flex-direction:column;align-items:center;justify-content:space-between;font-size:2.2cqw}
.mx-design-banri .bn-recruit-side>span:nth-child(2){writing-mode:vertical-rl;font-size:1.1cqw;letter-spacing:.5em;max-height:40cqw;overflow-wrap:anywhere}
.mx-design-banri .bn-footer .bn-social-unlinked{display:inline-flex;opacity:.8}
.mx-design-banri .bn-footer,.mx-design-banri .bn-document{color:#fff}
.mx-design-banri.bn-system-font{font-family:"Yu Gothic",Meiryo,sans-serif}
.mx-design-banri.bn-no-handwriting{--bn-hand:"Yu Gothic",Meiryo,sans-serif;--bn-script:"Yu Gothic",Meiryo,sans-serif}
.mx-design-banri .bn-custom-scene::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#020b1899,transparent 80%),linear-gradient(0deg,#07101a,transparent 35%)}
.mx-design-banri :is(a,button):focus-visible{outline:3px solid #ffb286;outline-offset:4px}
.mx-design-banri .bn-scene{position:absolute;inset:0;z-index:-2;overflow:hidden;pointer-events:none;background:#08111b}
.mx-design-banri .bn-scene-img{display:block;width:100%;height:100%;object-fit:cover;object-position:center top}
.mx-design-banri .bn-scene-wash{position:absolute;inset:-3%;background:radial-gradient(ellipse at 70% 18%,#694437,transparent 42%),radial-gradient(ellipse at 22% 74%,#763e30,transparent 23%),linear-gradient(110deg,#041021,#161a22 60%,#2b1e25)}
.mx-design-banri .bn-reference-scene::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#020c1866,transparent 60%),linear-gradient(0deg,#06101b,transparent 22%)}
.mx-design-banri .bn-portrait{position:absolute;top:0;left:0;display:block;width:100%;max-width:none;height:auto}
.mx-design-banri .bn-portrait-one{clip-path:polygon(61% 9.5%,69% 9.2%,76% 11.3%,79% 14%,80% 18%,83% 21%,82% 26%,83% 30%,81% 37%,77% 40%,78% 46%,80% 53%,83% 59%,87% 66%,92% 72%,95% 75%,99% 80%,98% 81.5%,83% 83%,72% 83.5%,58% 83.5%,56% 81%,57% 78%,60% 75%,58% 68%,57% 59%,56% 52%,54% 48%,48% 43%,47% 37%,47% 32%,50% 29%,53% 27%,53% 22%,55% 18%,56% 13%)}
.mx-design-banri .bn-portrait-two{clip-path:polygon(55% 7.2%,61% 6.8%,68% 7.2%,75% 10.5%,80% 13%,84% 19%,79% 25%,76% 27%,76% 36%,34% 36%,38% 33%,50% 29%,51% 25%,53% 24%,53% 21%,54% 18%,54% 13%)}
.mx-design-banri .bn-header{position:sticky;top:var(--bn-admin-offset,0px);z-index:1000;display:flex;align-items:center;gap:2.2%;min-height:7.6cqw;padding:1.3cqw 3.4cqw;width:100%;color:#fff;background:#07101af2;backdrop-filter:blur(12px)}
.mx-design-banri .bn-header-brand{min-width:0}
.mx-design-banri :is(.bn-chapter,#bn-support,#bn-styles,#bn-recommended,#bn-main){scroll-margin-top:calc(var(--bn-header-height,76px) + var(--bn-admin-offset,0px) + 12px)}
.mx-design-banri .bn-menu-panel{max-height:calc(100dvh - var(--bn-header-height,76px) - var(--bn-admin-offset,0px) - 16px);overflow-y:auto}
.mx-design-banri .bn-brand{display:flex;align-items:center;gap:.7cqw;color:#fff;text-decoration:none;min-width:0}
.mx-design-banri .bn-brand-mark{position:relative;display:inline-block;font:italic 900 5.1cqw/1 Georgia,serif;color:var(--bn-accent,#ff390c);letter-spacing:-.5cqw;width:3.8cqw;flex:0 0 auto}
.mx-design-banri .bn-brand-mark span{position:absolute;left:1.8cqw;top:-.1cqw;font-size:3.7cqw}
.mx-design-banri .bn-brand-name{font-size:2.55cqw;font-weight:900;letter-spacing:.02em}
.mx-design-banri .bn-brand-tagline{font-size:.8cqw;max-width:18cqw;line-height:1.6}
.mx-design-banri .bn-logo-image{width:auto;max-width:18cqw;max-height:5cqw;object-fit:contain}
.mx-design-banri .bn-desktop-nav{display:flex;align-items:center;justify-content:flex-end;gap:2.4cqw;flex:1}
.mx-design-banri .bn-desktop-nav a,.mx-design-banri .bn-footer-nav a{font-size:1.04cqw;font-weight:700;text-decoration:none;white-space:nowrap}
.mx-design-banri .bn-button{display:inline-flex;align-items:center;justify-content:center;gap:1.5em;max-width:100%;min-height:5.9cqw;padding:1.6cqw 4.3cqw;border:1px solid transparent;border-radius:999px;background:linear-gradient(110deg,var(--bn-accent,#ff390c),#f00025);font-size:1.38cqw;line-height:1.6;font-weight:800;color:#fff;text-decoration:none;text-align:center;overflow-wrap:anywhere}
.mx-design-banri .bn-button>span:first-child{min-width:0}
.mx-design-banri .bn-button>span:last-child{flex:0 0 auto}
.mx-design-banri .bn-header-cta{font-size:1.03cqw;padding:1.1cqw 3.2cqw;min-height:4.5cqw;flex-shrink:0}
.mx-design-banri .bn-button-outline{background:transparent;border-color:#b5b4b7}
.mx-design-banri .bn-menu-toggle{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;background:none;border:0;padding:8px;color:#fff;width:4cqw;min-width:36px;min-height:36px;cursor:pointer}
.mx-design-banri .bn-menu-toggle span{display:block;width:24px;height:1px;background:currentColor}
.mx-design-banri .bn-menu-panel{position:absolute;top:100%;right:3.4%;width:min(340px,93%);padding:16px;border:1px solid #58616d;background:#0b1522;border-radius:8px;box-shadow:0 12px 35px #0009}
.mx-design-banri .bn-menu-panel[hidden]{display:none}
.mx-design-banri .bn-menu-panel a{display:block;padding:12px;text-decoration:none;font-size:16px;color:#fff}
.mx-design-banri .bn-hero{position:relative;padding:2.6cqw 5.4cqw 3cqw}
.mx-design-banri .bn-hero-one{min-height:80.2cqw}
.mx-design-banri .bn-hero-copy{width:49%;position:relative;z-index:2}
.mx-design-banri .bn-eyebrow{font-size:1.13cqw;line-height:1.9;letter-spacing:.3em;color:#c4c7cd;font-weight:400}
.mx-design-banri .bn-title{margin:1.9cqw 0 2.4cqw;font-size:7.35cqw;line-height:1.14;font-weight:800;letter-spacing:.04em;overflow-wrap:anywhere}
.mx-design-banri .bn-title>span{display:block}
.mx-design-banri .bn-title .bn-title-line{display:flex;align-items:baseline;flex-wrap:wrap;width:calc(100% + 5cqw);white-space:normal;font-size:8.5cqw}
.mx-design-banri .bn-title-line em{max-width:100%;overflow-wrap:anywhere}
.mx-design-banri .bn-title-suffix{font-size:.92em}
.mx-design-banri .bn-signature{overflow-wrap:anywhere}
.mx-design-banri .bn-title em{font-family:var(--bn-hand);font-size:15cqw;font-style:normal;font-weight:600;color:var(--bn-accent,#ff390c);letter-spacing:-.04em}
.mx-design-banri .bn-lead{font-family:var(--bn-hand);font-size:3.9cqw;line-height:1.45;font-weight:600;text-align:center;transform:rotate(-6deg);margin:1.8cqw 0 4.5cqw;overflow-wrap:anywhere}
.mx-design-banri .bn-intro{font-size:1.25cqw;line-height:1.9;letter-spacing:.08em;margin:0 0 2.4cqw;overflow-wrap:anywhere}
.mx-design-banri .bn-mini-badges{display:flex;gap:3cqw;margin-top:3.2cqw;flex-wrap:wrap}
.mx-design-banri .bn-circle{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1cqw;border:1px solid #92939c;width:10cqw;min-height:10cqw;aspect-ratio:1;border-radius:50%;background:#040b1445;text-align:center;padding:1cqw}
.mx-design-banri .bn-circle span{font-size:1.03cqw;font-weight:700;line-height:1.5;overflow-wrap:anywhere}
.mx-design-banri .bn-circle svg{width:3cqw;height:3cqw;flex-shrink:0}
.mx-design-banri .bn-watermark{position:absolute;z-index:-1;top:-.8cqw;right:0;font:900 24cqw/.95 Arial,sans-serif;color:#fff2;letter-spacing:-.04em;transform:rotate(-5deg);pointer-events:none;max-width:63%;overflow:hidden}
.mx-design-banri .bn-signature{font-family:var(--bn-script);font-weight:400;font-size:5.3cqw;line-height:.92;color:#ded6d5;transform:rotate(-14deg)}
.mx-design-banri .bn-hero-signature{position:absolute;top:21cqw;right:4.5cqw;max-width:20cqw}
.mx-design-banri .bn-chapters{padding:1.8cqw 4.5cqw 0}
.mx-design-banri .bn-step{position:relative;display:flex;gap:3.6cqw;min-height:22.8cqw;padding-bottom:3cqw}
.mx-design-banri .bn-step-number{position:relative;width:3.8cqw;flex:0 0 auto;font-size:2.3cqw;font-weight:300;letter-spacing:.18em}
.mx-design-banri .bn-step-number::after{content:"";position:absolute;left:1.5cqw;top:4cqw;bottom:1cqw;width:1px;background:#8b8c93}
.mx-design-banri .bn-step-copy{width:36%;padding-top:.7cqw}
.mx-design-banri .bn-step h2{font-size:3.15cqw;font-weight:700;line-height:1.28;margin:1cqw 0;overflow-wrap:anywhere}
.mx-design-banri .bn-step-body{font-size:1.2cqw;line-height:1.8;letter-spacing:.06em;overflow-wrap:anywhere}
.mx-design-banri .bn-step-signature{position:absolute;left:34%;top:7cqw;max-width:30%;font-size:5.2cqw;opacity:.6;pointer-events:none}
.mx-design-banri .bn-step:first-child .bn-step-signature{font-size:2.5cqw;top:13cqw}
.mx-design-banri .bn-vertical{position:absolute;right:4.5cqw;top:109cqw;writing-mode:vertical-rl;font-family:var(--bn-hand);font-size:2.8cqw;line-height:2.1;letter-spacing:.22em;max-height:43cqw}
.mx-design-banri .bn-story-closing{display:flex;align-items:center;justify-content:space-between;gap:2cqw;margin:4cqw 4.5cqw 0;padding:0 0 4cqw;border-bottom:1px solid #85858c}
.mx-design-banri .bn-story-closing h2{font-size:2.15cqw;line-height:1.5;flex:1;overflow-wrap:anywhere}
.mx-design-banri .bn-closing-buttons{display:flex;gap:1.4cqw;max-width:56%}
.mx-design-banri .bn-closing-buttons .bn-button{font-size:1.1cqw;padding:1.25cqw 2.8cqw;min-height:4.6cqw}
.mx-design-banri .bn-footer{margin:0 4.5cqw;padding:5.6cqw 0 4cqw}
.mx-design-banri .bn-footer-main{display:flex;align-items:center;justify-content:space-between;gap:3cqw;padding-bottom:3.4cqw}
.mx-design-banri .bn-footer .bn-brand-tagline{display:none}
.mx-design-banri .bn-footer .bn-brand-name{font-size:2.7cqw}
.mx-design-banri .bn-company{margin-left:4.5cqw;font-size:.85cqw}
.mx-design-banri .bn-footer-nav{display:flex;flex-wrap:wrap;gap:2cqw}
.mx-design-banri .bn-social{display:flex;gap:1.7cqw}
.mx-design-banri .bn-social a{display:inline-flex}
.mx-design-banri .bn-social svg{width:1.9cqw;height:1.9cqw}
.mx-design-banri .bn-footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #66656b;padding-top:1.4cqw;font-size:.93cqw;letter-spacing:.09em}
.mx-design-banri .bn-footer-bottom small{font-size:inherit}
.mx-design-banri .bn-recruit-chapter{background:#060d15}
.mx-design-banri .bn-recruit-chapter .bn-scene{bottom:auto;height:105cqw}
.mx-design-banri .bn-recruit-chapter .bn-reference-scene::after{background:linear-gradient(0deg,#060d15,transparent 35%),linear-gradient(90deg,#06112255,transparent 65%)}
.mx-design-banri .bn-hero-two{min-height:70.4cqw}
.mx-design-banri .bn-hero-two .bn-hero-copy{width:49%}
.mx-design-banri .bn-hero-two .bn-title{margin-top:1.6cqw}
.mx-design-banri .bn-hero-two .bn-title em{font-size:13cqw}
.mx-design-banri .bn-hero-two .bn-lead{text-align:left;font-size:3.8cqw;margin:2.9cqw 0 4.6cqw}
.mx-design-banri .bn-hero-two .bn-hero-signature{top:auto;bottom:5cqw;right:10cqw;font-size:6cqw}
.mx-design-banri .bn-recruit-note{position:absolute;top:4cqw;right:9cqw;font-family:var(--bn-hand);font-size:3cqw;line-height:1.5}
.mx-design-banri .bn-styles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2.2cqw;padding:0 5.4cqw}
.mx-design-banri .bn-style-card{display:flex;flex-direction:column;position:relative;min-width:0;border:1px solid #777680;border-radius:1.2cqw;overflow:hidden;text-decoration:none;background:#101823}
.mx-design-banri .bn-card-photo{display:block;width:100%;aspect-ratio:1.5;height:auto;object-fit:cover}
.mx-design-banri .bn-reference-photo{background-repeat:no-repeat}
.mx-design-banri .bn-style-copy{margin-top:-3cqw;position:relative;padding:1.5cqw 2.1cqw 2.2cqw;background:linear-gradient(0deg,#070d15 75%,transparent);flex:1}
.mx-design-banri .bn-style-copy h3{display:flex;align-items:center;gap:1.1cqw;font-size:1.85cqw;font-weight:800;line-height:1.4;margin-bottom:1.8cqw}
.mx-design-banri .bn-style-copy svg{width:3.6cqw;height:3.6cqw;flex:0 0 auto}
.mx-design-banri .bn-style-copy p{font-size:1.3cqw;letter-spacing:.04em;line-height:1.75;overflow-wrap:anywhere}
.mx-design-banri .bn-benefits{display:flex;flex-wrap:wrap;justify-content:space-between;gap:2cqw;padding:3cqw 6.5cqw 0}
.mx-design-banri .bn-benefits .bn-circle{width:13.5cqw;min-height:13.5cqw;border-color:#4b4f57}
.mx-design-banri .bn-benefits .bn-circle svg{width:4.2cqw;height:4.2cqw}
.mx-design-banri .bn-benefits .bn-circle span{font-size:1.1cqw}
.mx-design-banri .bn-recommended{position:relative;padding:6.4cqw 5.4cqw 3.5cqw}
.mx-design-banri .bn-recommended-heading{display:flex;align-items:center;gap:2cqw;margin-bottom:3cqw}
.mx-design-banri .bn-recommended-heading h2{font-size:3cqw;font-weight:800}
.mx-design-banri .bn-recommended-heading .bn-signature{font-size:4cqw;opacity:.6}
.mx-design-banri .bn-recommended ul{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.7cqw 4cqw;max-width:73%}
.mx-design-banri .bn-recommended li{display:flex;align-items:flex-start;gap:1.4cqw;font-size:1.57cqw;line-height:1.65;overflow-wrap:anywhere}
.mx-design-banri .bn-recommended li svg{border:1px solid #fff;border-radius:2px;width:2.2cqw;height:2.2cqw;flex:0 0 auto;margin-top:.2cqw}
.mx-design-banri .bn-recommended-note{position:absolute;top:8cqw;right:7cqw;font-family:var(--bn-hand);font-size:3.4cqw;line-height:1.5}
.mx-design-banri .bn-gallery{display:grid;grid-template-columns:.55fr repeat(4,minmax(0,1fr));align-items:stretch;gap:.45cqw;padding:1cqw 0 0 2cqw}
.mx-design-banri .bn-gallery>.bn-signature{align-self:center;font-size:5.6cqw}
.mx-design-banri .bn-gallery figure{position:relative;overflow:hidden;border-radius:.8cqw;min-height:21cqw;background:#17131a}
.mx-design-banri .bn-gallery .bn-card-photo{aspect-ratio:.94}
.mx-design-banri .bn-gallery figcaption{position:relative;margin-top:-6.2cqw;padding:1.1cqw 1.3cqw 1.4cqw;background:linear-gradient(0deg,#060c15e0,transparent);min-height:6.2cqw;font-family:var(--bn-hand);font-size:1.85cqw;line-height:1.5;transform:rotate(-5deg)}
.mx-design-banri .bn-recruit-closing{position:relative;padding:3.4cqw 5.4cqw 1cqw;text-align:center}
.mx-design-banri .bn-recruit-closing::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(13deg,transparent 30%,#ff683b 31%,#fb391955 31.5%,transparent 33%),linear-gradient(-14deg,transparent 52%,#ff673a 53%,#fa401950 53.5%,transparent 55%);opacity:.75;filter:drop-shadow(0 0 7px #ff4210)}
.mx-design-banri .bn-recruit-closing h2{font-size:2.8cqw;font-weight:800;margin-bottom:3cqw}
.mx-design-banri .bn-recruit-closing>div{display:flex;align-items:center;justify-content:center;gap:4cqw}
.mx-design-banri .bn-recruit-closing .bn-button{min-width:30cqw}
.mx-design-banri .bn-recruit-closing p{text-align:left;font-family:var(--bn-hand);font-size:1.4cqw;line-height:1.8}
.mx-design-banri .bn-next-arrow{display:grid;place-items:center;width:6.4cqw;height:6.4cqw;border:1px solid #fff;border-radius:50%;font-size:4cqw}
.mx-design-banri .bn-document{width:100%;min-height:70vh;padding:60px max(6vw,20px)}
.mx-design-banri .bn-document-head{margin:0 auto 32px;max-width:1100px}
.mx-design-banri .bn-document-head h1{font-size:clamp(28px,4vw,56px);overflow-wrap:anywhere}
.mx-design-banri .bn-prose,.mx-design-banri .bn-post-list,.mx-design-banri .bn-pagination,.mx-design-banri .bn-empty,.mx-design-banri .bn-backlink{max-width:1100px;margin:24px auto;line-height:1.9;overflow-wrap:anywhere}
.mx-design-banri .bn-prose{--mx-ink:#182332;--mx-ink-2:#374151;--mx-muted:#64748b;--mx-surface:#fff;--mx-bg:#fff;--mx-link:#a52912;color-scheme:light;background:#fff;color:#182332;padding:clamp(20px,4vw,50px);border-radius:12px}
.mx-design-banri .bn-prose :is(h1,h2,h3,h4,h5,h6){color:#132133;margin:1.3em 0 .65em}
.mx-design-banri .bn-prose p{margin:1em 0}
.mx-design-banri .bn-prose a{color:#a52912;text-decoration:underline}
.mx-design-banri .bn-prose img{max-width:100%;height:auto}
.mx-design-banri .bn-prose :is(input,textarea,select,button){max-width:100%}
.mx-design-banri .bn-post-list{list-style:none;display:grid;gap:20px}
.mx-design-banri .bn-post-list>:is(article,li){padding:24px;border:1px solid #465263;border-radius:8px}
.mx-design-banri .bn-post-list h2{font-size:24px;margin-bottom:12px}
.mx-design-banri .bn-pagination .page-numbers{display:inline-block;padding:8px 14px;border:1px solid #586270}
.mx-design-banri .bn-empty input{color:#182332;background:#fff;padding:12px}
@media(max-width:980px){.mx-design-banri .bn-header{gap:1.6%}.mx-design-banri .bn-brand-tagline{font-size:.82cqw}.mx-design-banri .bn-desktop-nav{gap:2cqw}}
@media(max-width:600px){
.mx-design-banri .bn-side-note,.mx-design-banri .bn-bottom-note,.mx-design-banri .bn-recruit-side{display:none}
.mx-design-banri .bn-header{min-height:66px;padding:10px 16px;gap:10px}
.mx-design-banri .bn-brand{gap:6px}.mx-design-banri .bn-brand-mark{font-size:40px;width:28px;letter-spacing:-4px}.mx-design-banri .bn-brand-mark span{left:14px;top:0;font-size:30px}
.mx-design-banri .bn-brand-name{font-size:21px}.mx-design-banri .bn-brand-tagline,.mx-design-banri .bn-desktop-nav{display:none}.mx-design-banri .bn-logo-image{max-width:120px;max-height:40px}
.mx-design-banri .bn-header-cta{margin-left:auto;min-height:40px;font-size:11px;padding:8px 16px;gap:7px}.mx-design-banri .bn-menu-toggle{width:40px;min-width:40px;min-height:44px}
.mx-design-banri .bn-hero{padding:24px 20px 35px}.mx-design-banri .bn-hero-copy,.mx-design-banri .bn-hero-two .bn-hero-copy{width:75%}
.mx-design-banri .bn-eyebrow{font-size:10px;line-height:1.8}.mx-design-banri .bn-title{font-size:9cqw;margin:22px 0;line-height:1.3}.mx-design-banri .bn-title em{font-size:18cqw}.mx-design-banri .bn-title-line{font-size:12cqw}
.mx-design-banri .bn-lead,.mx-design-banri .bn-hero-two .bn-lead{font-size:5.5cqw;margin:25px 0 32px;line-height:1.7;text-align:left}.mx-design-banri .bn-intro{font-size:12px;line-height:1.9;margin-bottom:24px;text-shadow:0 2px 8px #000}
.mx-design-banri .bn-button{min-height:46px;padding:12px 23px;font-size:12px}.mx-design-banri .bn-header-cta{font-size:11px;min-height:40px;padding:8px 12px}
.mx-design-banri .bn-mini-badges{gap:12px;margin-top:26px}.mx-design-banri .bn-mini-badges .bn-circle{width:67px;min-height:67px;padding:7px;gap:6px}.mx-design-banri .bn-circle span{font-size:10px}.mx-design-banri .bn-circle svg{width:23px;height:23px}
.mx-design-banri .bn-watermark{top:0;font-size:24cqw}.mx-design-banri .bn-hero-signature{right:3cqw;top:40cqw;font-size:7cqw;max-width:22cqw;opacity:.7}
.mx-design-banri .bn-reference-scene::after{background:linear-gradient(90deg,#031121aa,transparent),linear-gradient(0deg,#06101b 20%,transparent 80%)}.mx-design-banri .bn-portrait-one{top:70px;width:125%;left:-25%}
.mx-design-banri .bn-chapters{padding:20px 20px 0}.mx-design-banri .bn-step{gap:18px;padding-bottom:35px;min-height:190px}.mx-design-banri .bn-step-number{width:24px;font-size:20px}.mx-design-banri .bn-step-number::after{left:10px;top:34px;bottom:0}
.mx-design-banri .bn-step-copy{width:73%}.mx-design-banri .bn-step h2{font-size:22px;margin:10px 0}.mx-design-banri .bn-step-body{font-size:12px;line-height:1.9}.mx-design-banri .bn-step-signature{left:auto;right:0;top:auto;bottom:10px;max-width:46%;font-size:29px;opacity:.35}.mx-design-banri .bn-step:first-child .bn-step-signature{top:auto;font-size:20px}
.mx-design-banri .bn-step{flex-wrap:wrap}.mx-design-banri .bn-step-signature,.mx-design-banri .bn-step:first-child .bn-step-signature{position:static;flex:0 0 65%;max-width:65%;margin-left:auto;text-align:right;transform:rotate(-6deg);opacity:.55}
.mx-design-banri .bn-vertical{position:static;writing-mode:horizontal-tb;font-size:17px;line-height:1.7;max-height:none;text-align:right;padding:0 20px 20px;letter-spacing:.05em;opacity:.8}.mx-design-banri .bn-story-closing{flex-direction:column;align-items:flex-start;gap:22px;margin:20px 20px 0;padding:0 0 30px}.mx-design-banri .bn-story-closing h2{font-size:20px}
.mx-design-banri .bn-closing-buttons{max-width:100%;flex-wrap:wrap;gap:12px}.mx-design-banri .bn-closing-buttons .bn-button{font-size:11px;padding:12px 18px;min-height:44px}
.mx-design-banri .bn-footer{margin:0 20px;padding:30px 0}.mx-design-banri .bn-footer-main{flex-wrap:wrap;gap:24px;padding-bottom:24px}.mx-design-banri .bn-footer .bn-brand-name{font-size:22px}.mx-design-banri .bn-company{margin-left:34px;font-size:10px}
.mx-design-banri .bn-footer-nav{gap:14px}.mx-design-banri .bn-footer-nav a{font-size:11px}.mx-design-banri .bn-social{gap:18px}.mx-design-banri .bn-social svg{width:20px;height:20px}.mx-design-banri .bn-footer-bottom{flex-direction:column;gap:12px;padding-top:16px;font-size:9px}
.mx-design-banri .bn-recruit-chapter .bn-scene{height:830px}.mx-design-banri .bn-portrait-two{top:105px;width:150%;left:-50%}.mx-design-banri .bn-hero-two .bn-title em{font-size:15.5cqw}.mx-design-banri .bn-hero-two .bn-hero-signature{bottom:30px;right:14px;font-size:28px}.mx-design-banri .bn-recruit-note{right:12px;top:10px;font-size:12px;opacity:.7}
.mx-design-banri .bn-styles{grid-template-columns:1fr;padding:0 20px;gap:18px}.mx-design-banri .bn-style-card{border-radius:10px}.mx-design-banri .bn-card-photo{aspect-ratio:1.8}.mx-design-banri .bn-style-copy{margin-top:-40px;padding:16px 20px 22px}.mx-design-banri .bn-style-copy h3{font-size:19px;gap:14px;margin-bottom:14px}.mx-design-banri .bn-style-copy svg{width:30px;height:30px}.mx-design-banri .bn-style-copy p{font-size:13px}
.mx-design-banri .bn-benefits{justify-content:center;padding:28px 16px 0;gap:14px}.mx-design-banri .bn-benefits .bn-circle{width:96px;min-height:96px;padding:8px;gap:8px}.mx-design-banri .bn-benefits .bn-circle svg{width:30px;height:30px}.mx-design-banri .bn-benefits .bn-circle span{font-size:10px}
.mx-design-banri .bn-recommended{padding:40px 20px 25px}.mx-design-banri .bn-recommended-heading{display:block;margin-bottom:22px}.mx-design-banri .bn-recommended-heading h2{font-size:22px}.mx-design-banri .bn-recommended-heading .bn-signature{display:block;text-align:right;font-size:27px;transform:rotate(-6deg)}
.mx-design-banri .bn-recommended ul{grid-template-columns:1fr;gap:14px;max-width:100%}.mx-design-banri .bn-recommended li{font-size:13px;gap:12px}.mx-design-banri .bn-recommended li svg{width:18px;height:18px;margin-top:2px}.mx-design-banri .bn-recommended-note{position:static;text-align:right;margin-top:30px;font-size:23px;transform:rotate(-6deg)}
.mx-design-banri .bn-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:10px 20px}.mx-design-banri .bn-gallery>.bn-signature{grid-column:1/-1;font-size:35px;transform:none;padding-bottom:10px}.mx-design-banri .bn-gallery figure{border-radius:8px}.mx-design-banri .bn-gallery figcaption{font-size:13px;padding:16px 10px;margin-top:-38px;min-height:65px}
.mx-design-banri .bn-recruit-closing{padding:30px 20px}.mx-design-banri .bn-recruit-closing h2{font-size:21px;margin-bottom:26px;line-height:1.6}.mx-design-banri .bn-recruit-closing>div{flex-wrap:wrap;gap:20px}.mx-design-banri .bn-recruit-closing .bn-button{min-width:200px}.mx-design-banri .bn-next-arrow{width:44px;height:44px;font-size:27px}.mx-design-banri .bn-recruit-closing p{font-size:12px}
}