.business-native{--font-body:"Maximize JP","Maximize JP Web",-apple-system,BlinkMacSystemFont,"Maximize Latin Web","Maximize Icons","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",メイリオ,Meiryo,"ＭＳ Ｐゴシック","Helvetica Neue",Helvetica,Arial,sans-serif;--font-display:"Maximize JP","Maximize JP Web",-apple-system,BlinkMacSystemFont,"Maximize Latin Web","Maximize Icons","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",メイリオ,Meiryo,"ＭＳ Ｐゴシック","Helvetica Neue",Helvetica,Arial,sans-serif;--ink:#1e1e1e;--content-max:1260px;--page-gutter:max(6.25vw,calc((100vw - 1260px)/2));--section-space:144px;--header-gap:48px}
:where(.business-native) *{box-sizing:border-box}
.business-native{margin:0;background:#000;color:#fff;font:400 17px/1.35296 var(--font-body);font-feature-settings:"palt";-webkit-font-smoothing:antialiased}
:where(.business-native) h1,:where(.business-native) h2,:where(.business-native) h3,:where(.business-native) p,:where(.business-native) ul,:where(.business-native) figure{margin:0;padding:0}
:where(.business-native) h1,:where(.business-native) h2,:where(.business-native) h3{font-family:var(--font-display)}
:where(.business-native) ul{list-style:none}
:where(.business-native) button,:where(.business-native) input{font:inherit}
:where(.business-native) button{color:inherit;border:0;background:none;cursor:pointer}
:where(.business-native) button:disabled{cursor:default}
:where(.business-native) a{color:inherit;text-decoration:none}
:where(.business-native) a:hover{text-decoration:underline}
:where(.business-native) svg{display:block}
:where(.business-native) button:focus-visible,:where(.business-native) a:focus-visible,:where(.business-native) [tabindex]:focus-visible{outline:2px solid #0131ff;outline-offset:4px}
:where(.business-native) [hidden]{display:none!important}
:where(.business-native) .content{width:87.5%;max-width:var(--content-max);margin-inline:auto}
:where(.business-native) .chapter{padding-block:var(--section-space);background:#000}
:where(.business-native) .sec-head{margin-bottom:var(--header-gap)}
:where(.business-native) .sec-title{max-width:75%}
:where(.business-native) .media-placeholder{background:#1c2435;width:100%;height:100%}
:where(.business-native) .ja-fit{margin-right:-.45em;display:inline-flex}
:where(.business-native) .hero{position:relative;display:flow-root;min-height:804px;background:#000;margin-top:0;isolation:isolate}
:where(.business-native) .hero-lockup{padding-top:440px;min-height:804px;position:relative;z-index:1}
:where(.business-native) .hero-text{max-width:66.6666666667%;margin:20px 0 .4em}
:where(.business-native) .purpose-gallery{width:calc(min(87.5vw,1260px)*.8333333333);max-width:1145px;margin-inline:auto;text-align:center}
:where(.business-native) .gallery-scroll{overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--page-gutter);scrollbar-width:none}
:where(.business-native) .gallery-scroll::-webkit-scrollbar{display:none}
:where(.business-native) .gallery-track{display:flex;gap:20px;padding-inline:var(--page-gutter);width:max-content;min-width:100%;align-items:stretch}
:where(.business-native) .caption{padding:28px 16px 0;color:#c9ced8}
:where(.business-native) .caption h3,:where(.business-native) .caption p{display:inline}
:where(.business-native) .gallery-controls{display:flex;justify-content:flex-end;gap:18px;align-items:center;height:68px;padding-top:24px}
:where(.business-native) .gallery-controls button{width:36px;height:36px;padding:0;border-radius:50%;background:#1c2435;color:#fff}
:where(.business-native) .gallery-controls button:hover:not(:disabled){background:#2b3650;color:#fff}
:where(.business-native) .gallery-controls button:disabled{opacity:.42}
:where(.business-native) .gallery-controls svg{width:36px;height:36px;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
:where(.business-native) .production{background:#040813}
:where(.business-native) .dialog-close svg{width:36px;height:36px;stroke:currentColor;stroke-width:3;stroke-linecap:round}
:where(.business-native) .faq{background:#f3f5f9;color:#1e1e1e}
:where(.business-native) .faq-all{display:flex;justify-content:flex-end;margin-bottom:12px;min-height:35.59375px}
:where(.business-native) .faq-all button{display:inline-flex;align-items:center;padding:0;margin-bottom:16px;color:#0131ff;font:400 14px/19.6px var(--font-body);font-feature-settings:"palt"}
:where(.business-native) .faq-all-icon::after{font-family:"Maximize Icons";content:"";display:inline-block;position:relative;top:-.07em;padding-left:.24em;line-height:1;font-style:normal;font-weight:inherit}
:where(.business-native) .faq-all button[aria-expanded="true"] .faq-all-icon::after{content:"";top:-.1em}
:where(.business-native) .faq-item{border-top:1px solid #ced6e5}
:where(.business-native) .faq-item:first-child{border-top:0}
:where(.business-native) .faq-button{display:flex;align-items:baseline;justify-content:space-between;text-align:left;padding:28px 0;width:100%;gap:20px}
:where(.business-native) .faq-button>span:first-child{max-width:83.3333333333%}
:where(.business-native) .faq-icon{display:flex;flex:none;justify-content:center;align-items:center;width:1em;color:#040813;stroke-width:2.25}
:where(.business-native) .faq-button:hover .faq-icon{color:#0131ff}
:where(.business-native) .faq-icon svg{width:1em;height:auto;overflow:visible;stroke:currentColor;fill:none;stroke-linecap:round;stroke-linejoin:round}
:where(.business-native) .faq-button[aria-expanded="true"] svg{transform:rotate(180deg)}
:where(.business-native) .faq-answer{padding-bottom:24px}
:where(.business-native) .faq-answer p{margin-bottom:14px;max-width:100%}
:where(.business-native) .contact-content{width:87.5%;max-width:1260px;margin:0 auto}
:where(.business-native) .contact-headline{font:600 48px/55.0077px var(--font-display);font-feature-settings:"palt";letter-spacing:normal}
:where(.business-native) .contact-copy{max-width:624px;margin:50px auto 30px;font:600 21px/28.0015px var(--font-display);font-feature-settings:"palt";letter-spacing:.231px;color:#555d6c}
:where(.business-native) .contact-actions{display:flex;align-items:center;justify-content:center;gap:32px}
:where(.business-native) .detail-dialog,:where(.business-native) .explanation-dialog{border:0;padding:0 0 76px;margin:auto;width:816px;max-width:calc(100vw - 40px);max-height:calc(100svh - 80px);border-radius:28px;background:#000;color:#fff;overflow:auto;overscroll-behavior:contain}
:where(.business-native) .detail-dialog::backdrop,:where(.business-native) .explanation-dialog::backdrop{background:rgba(0,0,0,.48);backdrop-filter:blur(20px)}
:where(.business-native) .dialog-close{position:sticky;top:20px;display:block;margin:20px 20px -56px auto;width:36px;height:36px;padding:0;border-radius:50%;z-index:2;background:#1c2435;color:#fff}
:where(.business-native) .explanation-dialog{background:#fff;color:#1e1e1e}
:where(.business-native) .explanation-dialog .dialog-close{background:#e5eaf3;color:#040813}
:where(.business-native) .inquiry-content{padding:76px 76px 0}
:where(.business-native) .inquiry-content h2{font:600 40px/47px var(--font-display);font-feature-settings:"palt";margin-bottom:32px}
:where(.business-native) .inquiry-content p{font:400 17px/25px var(--font-body);font-feature-settings:"palt"}
.business-native:has(dialog[open]){overflow:hidden}
@media (min-width:1069px){:where(.business-native) .purpose-gallery{width:87.5%}}
@media (max-width:1068px){.business-native{--section-space:120px;--header-gap:40px}
:where(.business-native) .hero,:where(.business-native) .hero-lockup{min-height:762px}
:where(.business-native) .hero-text{max-width:100%;margin-right:20px}
:where(.business-native) .contact-headline{font-size:40px;line-height:47px}
:where(.business-native) .contact-copy{max-width:540px;margin-top:40px;font-size:19px;line-height:1.36844;letter-spacing:.228px}
:where(.business-native) .detail-dialog{width:692px}}
@media (max-width:734px){.business-native{--content-max:420px;--page-gutter:max(6.25vw,calc((100vw - 420px)/2));--section-space:112px;--header-gap:32px}
:where(.business-native) .sec-title{max-width:100%}
:where(.business-native) .hero{margin-top:0}
:where(.business-native) .hero-lockup{padding-top:243px;min-height:auto}
:where(.business-native) .hero-text{margin-right:0;padding-bottom:64px}
:where(.business-native) .purpose-gallery{width:min(87.5vw,420px)}
:where(.business-native) .caption{padding-top:24px}
:where(.business-native) .faq-button{padding-block:21px}
:where(.business-native) .faq-answer{padding-bottom:19px}
:where(.business-native) .contact-content{max-width:420px}
:where(.business-native) .contact-headline{font-size:32px;line-height:39px}
:where(.business-native) .contact-copy{max-width:345px;margin-top:20px;font-family:var(--font-body);font-size:17px;line-height:1.35296;letter-spacing:normal}
:where(.business-native) .contact-actions{gap:16px;flex-wrap:wrap}
:where(.business-native) .detail-dialog,:where(.business-native) .explanation-dialog{width:calc(100vw - 20px);max-width:480px;max-height:calc(100svh - 56px);padding-bottom:60px}
:where(.business-native) .inquiry-content{padding-inline:24px}
:where(.business-native) .inquiry-content h2{font-size:28px;line-height:34px}}
@media (max-width:480px){:where(.business-native) .hero-lockup{padding-top:203px}}
@media (max-width:320px){:where(.business-native) .ja-fit{margin:0;display:inline}}
@media (prefers-reduced-motion:reduce){:where(.business-native) *,:where(.business-native) *::before,:where(.business-native) *::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
:where(.business-native) .text-phrase{display:inline-block;white-space:nowrap}
:where(.business-native) .production .sec-head,:where(.business-native) .faq .sec-head{padding-bottom:4px;margin-bottom:44px}
:where(.business-native) .production .sec-title,:where(.business-native) .faq .sec-title{margin-bottom:-4px}
@media (max-width:1068px){:where(.business-native) .production .sec-head,:where(.business-native) .faq .sec-head{padding-bottom:2px;margin-bottom:38px}
:where(.business-native) .production .sec-title,:where(.business-native) .faq .sec-title{margin-bottom:-2px}}
@media (max-width:734px){:where(.business-native) .production .sec-head,:where(.business-native) .faq .sec-head{margin-bottom:30px}}
@media (min-width:735px) and (max-width:1068px){:where(.business-native) .faq-button{padding-block:24px}
:where(.business-native) .faq-answer{padding-bottom:21px}}