@font-face{font-family:"BCO Zen JP";src:url("assets/zen-jp-400.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"BCO Zen JP";src:url("assets/zen-jp-500.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"BCO Zen JP";src:url("assets/zen-jp-700.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"BCO Manrope";src:url("assets/manrope.woff2") format("woff2");font-weight:200 800;font-style:normal;font-display:swap}
:root{--paper:#fff;--font:"BCO Zen JP","Hiragino Sans",sans-serif;--latin:"BCO Manrope",Arial,sans-serif;--muted:#55616c;--accent:#234e9a;--line:#dde2e6}
body{font-family:var(--font);font-weight:400;letter-spacing:.015em}
h1,h2,h3{font-family:var(--font);letter-spacing:.015em}
.opening h1{font-weight:500;letter-spacing:.005em;font-size:clamp(47px,5.65vw,86px);line-height:1.48}
.opening-copy>p{font-size:15px;letter-spacing:.035em}
.opening-word strong{font-weight:500;letter-spacing:-.055em;font-size:clamp(120px,16.2vw,252px)}
.identity>span{font-weight:700;letter-spacing:.025em}.identity small{letter-spacing:.035em}
.primary-nav{font-weight:500}.nav-contact{transition:background .25s}
.reading .masthead,.detail .masthead{background:#ffffffed;color:var(--ink);border-bottom:1px solid #e2e6e9;backdrop-filter:blur(18px)}
.reading .nav-contact,.detail .nav-contact{border-color:#a8b3be}.reading .nav-contact:hover,.detail .nav-contact:hover{background:#edf1f5}
.soft-section{padding:108px var(--gutter)}
.section-topline{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:52px;font-size:12px;font-weight:500;color:#4f5d6b}
.section-topline>span:first-child{font:600 10px/1.5 var(--latin);letter-spacing:.1em;display:flex;align-items:center;gap:11px;color:var(--accent)}
.section-topline>span:first-child:before{content:"";display:block;width:5px;height:5px;background:var(--accent)}
.section-topline>span:last-child{font-size:11px}
.quiet-about{background:#fff;position:relative}
.about-intro{display:grid;grid-template-columns:1.1fr 1fr;gap:10vw;align-items:start}
.about-intro h2{font-size:clamp(35px,3.8vw,58px);line-height:1.6;font-weight:500;letter-spacing:.025em}
.about-intro h2>span{display:block}.about-intro h2>span:last-child{padding-left:1.2em}
.about-text{padding-top:9px}.about-text .lead{font-size:18px;line-height:2.1;font-weight:500;letter-spacing:.025em}
.about-text>p:not(.lead){font-size:14px;line-height:2.15;color:var(--muted);margin-top:23px;letter-spacing:.025em}
.about-text .quiet-link{max-width:340px;margin-top:22px}
.quiet-link{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:13px;min-height:56px;padding:14px 0;border-bottom:1px solid #b6c0c8;font-weight:500}
.quiet-link i{font:400 24px var(--latin);transition:transform .25s}.quiet-link:hover i{transform:translate(3px,-3px)}
.about-landscape{position:relative;margin-top:58px;height:400px;overflow:hidden;background:#dce0df}
.about-landscape img{height:100%;object-fit:cover;object-position:50% 57%;transform:scale(1.005)}
.about-landscape:after{content:"";position:absolute;inset:65% 0 0;background:linear-gradient(transparent,#101d2c88);pointer-events:none}
.about-landscape figcaption{position:absolute;left:24px;right:24px;bottom:20px;color:#fff;display:flex;align-items:end;justify-content:space-between;gap:20px;z-index:1}
.about-landscape figcaption>span{font:500 9px var(--latin);letter-spacing:.08em}.about-landscape figcaption small{font-size:8px}
.belief-line{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;padding-top:35px}
.belief-line>div{display:flex;align-items:center;gap:19px;border-bottom:1px solid var(--line);padding:0 0 25px}
.belief-line>div>span{font:500 10px var(--latin);color:#7a8898}.belief-line p{font-weight:500;font-size:25px;letter-spacing:.025em}.belief-line small{display:none}
.quiet-business{background:#f3f5f6;padding-top:93px;padding-bottom:104px}
.business-heading-new{display:flex;justify-content:space-between;align-items:end;gap:45px;margin-bottom:55px}
.business-heading-new h2{font-size:clamp(33px,3.5vw,52px);line-height:1.65;font-weight:500;letter-spacing:.02em}
.business-heading-new>p{font-size:14px;line-height:2.1;color:var(--muted);padding-bottom:7px}
.venture{display:grid;grid-template-columns:1.35fr 1fr;align-items:start;gap:6vw;background:#fff;padding:32px}
.venture+.venture{margin-top:38px}.venture.reverse{grid-template-columns:1fr 1.35fr}
.venture-label{display:flex;align-items:center;gap:17px;margin:0 0 18px;color:#5d6d7c;font:500 9px/1.4 var(--latin);letter-spacing:.08em}
.venture-label span{font:500 23px/1 var(--latin);color:var(--accent);letter-spacing:-.03em}
.venture-image{position:relative;aspect-ratio:1.24;overflow:hidden;background:#e5e7e8}
.venture-image>a{display:block;width:100%;height:100%}.venture-image img{height:100%;object-fit:cover;transition:transform .85s cubic-bezier(.2,.7,.3,1)}
.venture-image:hover img,.venture-image:focus-within img{transform:scale(1.035)}
.venture-image figcaption{position:absolute;right:10px;bottom:10px;padding:3px 7px;font-size:8px;line-height:1.5;color:white;background:#101d2ca6;pointer-events:none}
.venture-copy{padding:48px 8px 10px 0}
.venture-copy h3{font-size:29px;font-weight:500;letter-spacing:.025em;line-height:1.5}
.venture-tagline{font-size:17px;line-height:1.9;font-weight:500;margin-top:17px;letter-spacing:.025em}
.venture-description{font-size:13px;color:var(--muted);line-height:2.1;margin-top:14px;letter-spacing:.02em}
.venture-links{border-top:1px solid var(--line);margin-top:30px}
.venture-links>a{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line);min-height:63px;padding:16px 0;font-size:13px;font-weight:500;transition:padding .25s}
.venture-links>a:hover{padding-left:6px}.venture-links i{font:400 22px var(--latin);color:var(--accent)}
.venture.reverse .venture-visual{grid-column:2;grid-row:1}.venture.reverse .venture-copy{grid-column:1;grid-row:1;padding-left:8px;padding-right:0}
.venture-links .korect-link{min-height:80px}.korect-link>span{display:flex;align-items:center;gap:20px;font:600 19px var(--latin);letter-spacing:.04em}
.korect-link img{width:40px;height:40px;object-fit:contain}
.quiet-company{background:#fff}
.company-heading-new{display:grid;grid-template-columns:1.1fr 1fr;gap:10vw;align-items:end;margin-bottom:48px}
.company-heading-new h2{font-size:clamp(33px,3.5vw,52px);font-weight:500;line-height:1.65;letter-spacing:.025em}
.company-heading-new>div>p{font-size:14px;line-height:2.1;color:var(--muted);margin-bottom:10px}
.company-heading-new>div>small{font:500 9px var(--latin);letter-spacing:.13em;color:#7a8794}
.company-choices{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.company-choices>a{padding:28px;background:#f4f6f8;min-height:195px;display:flex;flex-direction:column;align-items:start;position:relative;transition:background .3s}
.company-choices>a:hover{background:#eaf0f7}.company-choices small{font:600 9px var(--latin);letter-spacing:.07em;color:#738292}.company-choices h3{font-size:22px;line-height:1.6;font-weight:500;margin-top:20px;letter-spacing:.02em}.company-choices i{font:400 28px var(--latin);color:var(--accent);align-self:end;margin-top:auto}
.quiet-contact{padding:0 var(--gutter) 90px;background:white}
.contact-panel{background:#eaf0f6;padding:62px 55px;display:grid;grid-template-columns:1.1fr 1fr;gap:8vw;align-items:center}
.contact-panel .contact-eyebrow{font:600 9px var(--latin);letter-spacing:.12em;color:var(--accent);margin-bottom:17px}
.contact-panel h2{font-size:32px;line-height:1.7;font-weight:500;letter-spacing:.03em}
.contact-panel p:not(.contact-eyebrow){font-size:13px;line-height:2;color:#506276;margin-top:16px}
.form-link{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px;background:var(--ink);color:white;min-height:83px;font-size:14px;font-weight:500;transition:background .25s}
.form-link:hover{background:#224872}.form-link i{font:400 27px var(--latin)}
.quiet-footer{background:white;border-top:1px solid var(--line);padding:45px var(--gutter) 25px;color:var(--ink)}
.quiet-footer .end-top{align-items:center}.quiet-footer .identity small{color:#667686}.quiet-footer .back-top{border-color:#c8d1da}
.quiet-footer .end-main{padding:28px 0;align-items:start}.quiet-footer .end-message{font-size:18px;line-height:1.8;font-weight:500;letter-spacing:.03em;color:#506071}
.quiet-footer .end-main nav{display:flex;flex-wrap:wrap;gap:10px 27px;justify-content:end;max-width:620px}
.quiet-footer .end-main nav a{color:#445466;font-size:11px;font-weight:500}
.quiet-footer .end-bottom{border-color:var(--line);color:#6d7b89}.quiet-footer .motion-toggle{color:#687888;border-color:#cdd6de}.quiet-footer .end-note{color:#7b8791;font-size:8px;line-height:2}
.detail{--font:"BCO Zen JP","Hiragino Sans",sans-serif;--paper:#fff;background:#fff}.detail .detail-heading h1,.detail .brand-page-heading h1{font-weight:500;letter-spacing:.02em;line-height:1.65}
.detail .detail-section h3{font-weight:500;letter-spacing:.015em}.detail .detail-section>p,.detail .company-data dd{letter-spacing:.025em}
.detail .inquiry-heading h1{font-family:var(--latin);letter-spacing:-.045em;font-weight:500}.detail .inquiry-heading h1 span{font-family:var(--font);letter-spacing:.04em}
.detail .inquiry-aside{background:#f1f4f7}.detail .field input,.detail .field textarea{background:#f9fafb}
.detail .brand-story h2{font-weight:500;letter-spacing:.02em}.detail .brand-story p{font-weight:400}
.js .reveal{transform:translateY(16px);transition:opacity .65s,transform .8s cubic-bezier(.2,.8,.3,1)}
.js .reveal.is-visible{transform:none}
@media(max-width:1000px){.soft-section{padding-top:85px;padding-bottom:85px}.about-intro{gap:6vw}.about-intro h2{font-size:clamp(32px,3.8vw,38px)}.about-text .lead{font-size:16px}.about-landscape{height:330px}.venture{padding:24px;gap:35px}.venture-copy{padding-top:47px}.venture-tagline{font-size:15px}.venture-description{font-size:12px}.venture-copy h3{font-size:25px}.company-heading-new{gap:6vw}.company-choices{gap:14px}.company-choices>a{padding:22px}.company-choices h3{font-size:20px}.contact-panel{padding:45px 32px;gap:35px}.contact-panel h2{font-size:28px}.form-link{font-size:12px;padding:19px}.quiet-footer .end-main{gap:40px}.quiet-footer .end-main nav{max-width:470px;gap:5px 23px}}
@media(max-width:760px){:root{--gutter:25px}.opening h1{font-size:clamp(32px,9.6vw,46px);line-height:1.65;letter-spacing:.015em}.opening-copy{left:38px;right:19px}.opening-copy>p{font-size:12px;letter-spacing:.035em;margin-top:22px}.opening-word strong{font-size:clamp(105px,29vw,157px);letter-spacing:-.05em}.opening-word{right:28px}.opening-word>span{font-weight:600}.soft-section{padding:60px var(--gutter)}.section-topline{margin-bottom:29px}.section-topline>span:first-child{font-size:8px;gap:9px}.section-topline>span:last-child{font-size:10px}.about-intro{display:block}.about-intro h2{font-size:31px;line-height:1.7;letter-spacing:.035em}.about-intro h2>span:last-child{padding-left:.7em}.about-text{padding-top:0;margin-top:26px}.about-text .lead{font-size:14px;line-height:2.1;letter-spacing:.015em}.about-text>p:not(.lead){font-size:12px;line-height:2.1;margin-top:17px;letter-spacing:.02em}.about-text .quiet-link{margin-top:17px;max-width:none}.quiet-link{font-size:12px;min-height:52px}.quiet-link i{font-size:22px}.about-landscape{margin-top:32px;height:300px;margin-right:calc(-1 * var(--gutter));width:calc(100% + var(--gutter))}.about-landscape img{object-position:50% 60%}.about-landscape figcaption{left:15px;right:13px;bottom:13px}.about-landscape figcaption>span{font-size:7px;letter-spacing:.03em}.about-landscape figcaption small{font-size:7px}.belief-line{gap:16px;padding-top:27px}.belief-line>div{display:block;padding-bottom:17px}.belief-line>div>span{font-size:7px}.belief-line p{font-size:19px;margin-top:9px;letter-spacing:0;white-space:nowrap}.quiet-business{padding-top:54px;padding-bottom:55px}.business-heading-new{display:block;margin-bottom:29px}.business-heading-new h2{font-size:28px;line-height:1.75;letter-spacing:.025em}.business-heading-new>p{font-size:12px;line-height:2.1;margin-top:19px;padding:0}.venture,.venture.reverse{display:flex;flex-direction:column;gap:0;padding:20px;background:white;margin-inline:-8px}.venture+.venture{margin-top:24px}.venture-label{font-size:7px;gap:14px;margin-bottom:15px}.venture-label span{font-size:20px}.venture-image{aspect-ratio:1.3;width:100%}.venture-image figcaption{font-size:7px;right:8px;bottom:8px}.venture-copy,.venture.reverse .venture-copy{padding:23px 0 3px}.venture-copy h3{font-size:24px;line-height:1.6;letter-spacing:.03em}.venture-tagline{font-size:15px;line-height:1.9;margin-top:13px;letter-spacing:.02em}.venture-description{font-size:12px;line-height:2.1;margin-top:11px;letter-spacing:.015em}.venture-description br.optional-break{display:none}.venture-links{margin-top:22px}.venture-links>a{font-size:12px;min-height:56px;padding:14px 0;letter-spacing:.02em}.venture-links i{font-size:20px}.venture-links .korect-link{min-height:68px}.korect-link>span{gap:17px;font-size:18px}.korect-link img{width:34px;height:34px}.company-heading-new{display:block;margin-bottom:29px}.company-heading-new h2{font-size:29px;line-height:1.75;letter-spacing:.035em}.company-heading-new>div{margin-top:20px}.company-heading-new>div>p{font-size:12px;line-height:2.1;margin-bottom:15px}.company-heading-new>div>small{font-size:7px;letter-spacing:.09em}.company-choices{display:block;border-top:1px solid var(--line)}.company-choices>a{position:relative;min-height:105px;padding:23px 50px 23px 0;border-bottom:1px solid var(--line);background:white;display:block}.company-choices>a:hover{background:#f8fafb}.company-choices small{font-size:7px}.company-choices h3{font-size:21px;line-height:1.6;margin-top:8px;letter-spacing:.025em}.company-choices i{position:absolute;right:3px;top:43px;font-size:25px}.quiet-contact{padding:0 17px 45px}.contact-panel{display:block;padding:30px 25px 26px}.contact-panel .contact-eyebrow{font-size:8px;margin-bottom:15px}.contact-panel h2{font-size:25px;line-height:1.75;letter-spacing:.03em}.contact-panel p:not(.contact-eyebrow){font-size:12px;line-height:2;margin-top:14px}.form-link{margin-top:25px;min-height:65px;padding:18px;font-size:12px}.form-link i{font-size:23px}.quiet-footer{padding:32px var(--gutter) calc(95px + env(safe-area-inset-bottom))}.quiet-footer .end-main{padding:23px 0 25px}.quiet-footer .end-message{font-size:17px;line-height:1.8;letter-spacing:.035em}.quiet-footer .end-main nav{display:grid;grid-template-columns:1fr 1fr;gap:0 17px;margin-top:20px;max-width:none}.quiet-footer .end-main nav a{font-size:10px;min-height:40px}.quiet-footer .end-note{font-size:7px;line-height:2}.detail .detail-heading h1{font-size:29px;line-height:1.7}.detail .brand-page-heading h1{font-size:29px;line-height:1.6}.detail .brand-story h2{font-size:29px;line-height:1.7}.detail .inquiry-heading h1{font-size:49px}.detail .quiet-footer{padding-bottom:110px}.phone-dock a{font-size:11px;font-weight:500}}
@media(max-width:360px){:root{--gutter:22px}.opening h1{font-size:32px;letter-spacing:0}.opening-copy{left:33px}.opening-word strong{font-size:101px}.about-intro h2{font-size:27px}.about-text .lead{font-size:13px}.belief-line{gap:12px}.belief-line p{font-size:17px}.business-heading-new h2{font-size:23px}.venture,.venture.reverse{padding:18px;margin-inline:-8px}.venture-tagline{font-size:14px}.venture-copy h3{font-size:22px}.company-heading-new h2{font-size:26px}.contact-panel{padding:27px 22px}.contact-panel h2{font-size:22px}.contact-panel p:not(.contact-eyebrow){font-size:11px}.quiet-footer .end-main nav a{font-size:9px}.detail .detail-heading h1{font-size:26px}.detail .brand-page-heading h1,.detail .brand-story h2{font-size:26px}.detail .inquiry-heading h1{font-size:46px}}