/* The approved TOP remains unchanged; these styles belong to inner pages. */
.corporate-page{--brand:#00634d;--brand-action:#007157;--brand-deep:#003722;--brand-hover:#004a3b;--paper:#f0eee6;--heading:#00634d;--ink:#222;--purple:#00634d;--lavender:#8ba17e;--line:#ced8d1;--muted:#5b6962;--color-accent:#00634d;--color-text:#222;--section-purple:#edf3ee;--container-width:1120px;background:#fff;font-family:var(--serif);line-height:1.95}
.corporate-content{background:rgb(240 238 230 / .8);padding-bottom:32px}
.corporate-page .container{width:min(1120px,calc(100% - 80px));margin-inline:auto}
.corporate-page .narrow{max-width:880px}
.corporate-page .breadcrumb{padding-block:22px 0;font-family:var(--sans);font-size:12px;color:var(--muted)}
.corporate-page .breadcrumb [aria-current="page"]{color:var(--brand);font-weight:700}
.corporate-page .breadcrumb li+li::before{color:var(--muted);font-weight:400}
.corporate-page .breadcrumb a{color:inherit;transition:opacity .25s ease}
.corporate-page .breadcrumb a:is(:hover,:focus-visible){opacity:.7}
@media(prefers-reduced-motion:reduce){.corporate-page .breadcrumb a{transition:none}}
.corporate-page .page-heading{padding-block:55px 62px;background:transparent;border:0}
.corporate-page .page-heading h1{font-size:clamp(30px,3.5vw,48px);font-weight:500;line-height:1.5;color:var(--brand);margin:0 0 20px;letter-spacing:.06em;max-width:1000px}
.corporate-page .chapter{gap:20px;margin:0 0 12px;color:var(--brand)}
.corporate-page .chapter>b{font:600 16px/1.5 var(--roman);letter-spacing:.28em}
.corporate-page .chapter::after{content:"";height:1px;width:52px;background:#719c87}
.page-description{max-width:770px;font-size:16px;margin:0;line-height:2}
.editorial-section{padding-block:60px;border-top:1px solid #00634d18}
.editorial-section:first-of-type{border:0}
.corporate-page h2{font:500 clamp(26px,2.8vw,36px)/1.6 var(--serif);letter-spacing:.05em;margin:0 0 24px;color:var(--brand)}
.corporate-page h3{font:500 22px/1.65 var(--serif);color:var(--brand);margin:0 0 14px}
.corporate-page p{font-size:15px}
.editorial-split{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:center}
.editorial-copy>p{margin:0 0 22px}
.editorial-photo{display:block;width:100%;height:100%;max-height:460px;min-height:300px;object-fit:cover;aspect-ratio:1.2}
.card-number{display:block;font:italic 26px/1.3 var(--roman);color:#719c87;letter-spacing:.05em;margin-bottom:22px}
.process-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;list-style:none;counter-reset:process;padding:0;margin:32px 0 0}
.process-list>li{counter-increment:process;border-top:1px solid #719c87;padding-top:25px}
.process-list>li::before{content:counter(process,decimal-leading-zero);display:block;font:italic 24px/1.4 var(--roman);color:#719c87;margin-bottom:18px}
.process-list p{margin-bottom:0}
.service-list{display:grid;gap:52px}
.service-feature{display:grid;grid-template-columns:.9fr 1.1fr;gap:6%;align-items:center;padding-bottom:52px;border-bottom:1px solid #ced8d1;scroll-margin-top:125px}
@media(min-width:769px){body[data-page="service"] .service-feature:nth-child(odd){grid-template-columns:1.1fr .9fr}}
.service-feature:nth-child(even)>picture>img{order:2}
.service-feature>picture>img{width:100%;height:320px;object-fit:cover}
.service-feature ul{padding-left:1.2em;margin-bottom:24px}
.related-links{display:flex;flex-wrap:wrap;gap:14px 30px;margin-top:26px}
.corporate-page .text-link{display:inline-flex;align-items:center;gap:14px;text-decoration:none;border-bottom:1px solid #719c87;padding-bottom:5px;color:var(--brand)}
.corporate-page .text-link:hover{color:var(--brand-hover);border-color:currentColor}
.corporate-page .button{border:1px solid var(--brand-action);background:var(--brand-action);color:#fff;min-height:48px;min-width:225px;padding:11px 27px;border-radius:999px;font:700 14px/1.6 var(--serif);box-shadow:none;gap:25px}
.corporate-page .button-secondary{background:#fff;color:var(--brand);border-color:#719c87}
.corporate-page .button:is(:hover,:focus-visible){background:#fff;color:var(--brand);transform:translateY(-2px)}
.corporate-page .button-secondary:is(:hover,:focus-visible){background:var(--brand-hover);color:#fff}
.corporate-page .definition-list{margin:0;background:#ffffff9c;padding:12px 30px}
.corporate-page .definition-list>div{border-color:#ced8d1;padding-block:20px;grid-template-columns:180px 1fr}
.corporate-page .definition-list dt,.corporate-page .legal-content dt{color:var(--brand)}
body[data-page="company"] [aria-labelledby="company-profile"] a:is([href^="tel:"],[href^="mailto:"]){text-decoration:none}
.corporate-page .legal-content{font-family:var(--sans);font-size:14px;line-height:2}
.corporate-page .legal-content dt{font-weight:700;margin-top:26px}
.corporate-page .legal-content dd{margin:8px 0 22px;overflow-wrap:anywhere}
.corporate-page .form-wrap,.corporate-page .contact-preview{border:1px solid #ced8d1;border-top:3px solid var(--brand);border-radius:8px;box-shadow:none;background:#ffffffed}
.corporate-page .form-field>label{color:var(--brand);font-family:var(--sans);font-size:14px}
.corporate-page .field-required{background:var(--brand)}
.corporate-page input:not([type=checkbox]),.corporate-page textarea,.corporate-page select{border-color:#b8cabc;font-family:var(--sans)}
.corporate-page .privacy-disclosure,.corporate-page .form-notice{background:#eef3ef;border-color:#ced8d1}
.corporate-page .form-notice{font:400 13px/1.9 var(--sans)}
.corporate-page .shared-contact{background:color-mix(in srgb,#d5e2d2 75%,#719c87 25%);color:var(--brand-deep);border:0;font-family:var(--serif)}
.corporate-page .shared-contact::before,.corporate-page .shared-contact-waves{display:none}
.corporate-page .shared-contact-heading{border-color:#9cb6a7}
.corporate-page .shared-contact-heading>p,.corporate-page .shared-contact .shared-contact-heading h2{color:var(--brand)}
.corporate-page .shared-contact-heading>.chapter::before{content:none}
.corporate-page .shared-services,.corporate-page .shared-service-card{background:var(--brand-deep)}
.corporate-page .shared-service-mask{background:var(--brand-deep);opacity:.84}
.corporate-page .shared-service-card:is(:hover,:focus-visible) .shared-service-mask{background:var(--brand-deep);opacity:.7}
.corporate-page .shared-service-card h3{color:#fff;font-size:clamp(18px,1.7vw,25px)}
.corporate-page .shared-service-arrow{background:#fff;color:var(--brand)}
.corporate-page .corporate-footer{background:var(--brand);border-color:#ffffff30;color:#fff}
.corporate-page .corporate-footer :is(a,h2,address,.corporate-footer-bottom){color:#fff}
.corporate-page .corporate-footer-logo svg{stroke:#fff}
.corporate-page .corporate-footer .corporate-footer-group h2{font:600 13px/1.6 var(--sans);border-color:#ffffff40;letter-spacing:.05em}
.corporate-page .corporate-footer-bottom{border-color:#ffffff40}
.corporate-page .corporate-footer a:hover{color:#d5e5db}
@media(max-width:768px){.corporate-page .container{width:calc(100% - 40px)}.corporate-page .breadcrumb{padding-top:18px}.corporate-page .page-heading{padding-block:34px 40px}.corporate-page .page-heading h1{font-size:30px;letter-spacing:.03em}.corporate-page .chapter>b{font-size:13px;letter-spacing:.24em}.editorial-section{padding-block:38px}.editorial-split,.feature-cards,.process-list,.service-feature{grid-template-columns:1fr;gap:26px}.editorial-photo{min-height:0;height:260px;max-height:none}.feature-cards>article{padding:26px 22px}.corporate-page h2{font-size:28px}.corporate-page h3{font-size:21px}.service-feature{padding-bottom:32px}.service-feature:nth-child(even)>picture>img{order:0}.service-feature>picture>img{height:240px}.service-list{gap:32px}.corporate-page .definition-list{padding-inline:18px}.corporate-page .definition-list>div{grid-template-columns:1fr;gap:8px}.corporate-page .button{min-width:0;width:auto;max-width:100%}.corporate-page .shared-contact-button{font-size:14px}.corporate-page .shared-contact .shared-contact-heading h2{font-size:29px}.related-links{flex-direction:column;align-items:flex-start}}
@media(prefers-reduced-motion:reduce){.corporate-page .button:hover{transform:none}}
/* Shared details and small labels. */
.corporate-page .site-header .container{width:min(1120px,calc(100% - 3rem))}
.corporate-page svg.cta-chevron{width:24px;height:24px;flex-shrink:0}
.corporate-page .editorial-photo{height:360px;min-height:0;object-position:65% center}
.corporate-page .service-feature>picture>img{height:320px}
.service-feature .card-number{font:600 13px/1.8 var(--roman);letter-spacing:.1em;margin-bottom:12px}
.service-tags{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0!important}
.service-tags li{display:flex;align-items:center;justify-content:center;min-height:32px;font:400 12px/1.5 var(--sans);padding:5px 10px;background:#fff9;border:1px solid #ced8d1;color:#4b6857;text-align:center}
.concern-list{list-style:none;padding:0;margin:24px 0 0;display:grid;gap:0}
.concern-list li{position:relative;border-bottom:1px solid #ced8d1;padding:20px 20px 20px 36px;font-size:16px}
.concern-list li::before{content:"";position:absolute;left:4px;top:31px;width:7px;height:7px;border-radius:50%;background:#719c87}
.section-note{font:400 13px/1.8 var(--sans);color:var(--muted);margin:22px 0 0}
.corporate-page .related-links{list-style:none;padding:0;display:grid;gap:12px}
.related-links a{display:flex;justify-content:space-between;align-items:center;gap:16px;color:var(--brand);text-decoration:none;border-bottom:1px solid #719c87;padding-block:12px}
.related-links a:hover{color:var(--brand-hover)}
.corporate-page .related-links a.sub-button{display:inline-flex;justify-content:initial;border:0;padding:0 0 6px;color:var(--brand)}
.corporate-page .related-links a.sub-button:is(:hover,:focus-visible){color:var(--brand)}
.business-back{text-align:center;margin-top:36px}
.corporate-page .chapter>b{min-width:0;overflow-wrap:anywhere}
.corporate-page .chapter::after{flex-shrink:0}
@media(max-width:768px){.corporate-page .editorial-photo,.corporate-page .service-feature>picture>img{height:250px}.corporate-page .chapter{gap:12px}.corporate-page .chapter::after{width:32px}.corporate-page .button svg{flex-shrink:0}.corporate-page .button{gap:18px}.corporate-page .service-feature .card-number{font-size:12px}}
.corporate-page :is(h1,h2,h3){text-wrap:balance}
.corporate-page .corporate-footer-bottom p{font-size:11px}

/* ABOUT short header: office photo and readable copy, breadcrumb below. */
body[data-page="about-us"] .page-heading{isolation:isolate;min-height:330px;display:flex;align-items:center;background:linear-gradient(90deg,#003e30d9 0%,#005342bd 32%,#00534238 66%,#003e3010 100%),url('../images/about-callcenter-work-v1.png') center 52%/cover no-repeat}
body[data-page="about-us"] .page-heading :is(h1,.chapter,.page-description){color:#fff}
body[data-page="about-us"] .page-heading .chapter::after{background:#ffffffa6}
body[data-page="about-us"] .page-description{max-width:650px;text-shadow:0 1px 3px #00372266}
body[data-page="about-us"] .breadcrumb{padding-block:16px}
@media(max-width:768px){body[data-page="about-us"] .page-heading{min-height:300px;background-position:center,68% center}body[data-page="about-us"] .page-description{font-size:14px}}
body[data-page="company"] .page-heading{isolation:isolate;min-height:330px;display:flex;align-items:center;background:linear-gradient(90deg,#003e30d9 0%,#005342bd 32%,#00534238 66%,#003e3010 100%),url('../images/company-office-after-hours-v2.png') center 52%/cover no-repeat}
body[data-page="company"] .page-heading :is(h1,.chapter,.page-description){color:#fff}
body[data-page="company"] .page-heading .chapter::after{background:#ffffffa6}
body[data-page="company"] .page-description{max-width:650px;text-shadow:0 1px 3px #00372266}
body[data-page="company"] .breadcrumb{padding-block:16px}
body[data-page="company"] .company-team-photo{object-position:center}
@media(max-width:768px){body[data-page="company"] .page-heading{min-height:300px;background-position:center,68% center}body[data-page="company"] .page-description{font-size:14px}}
body[data-page="information"] .page-heading{isolation:isolate;min-height:330px;display:flex;align-items:center;background:linear-gradient(90deg,#003e30d9 0%,#005342bd 32%,#00534238 66%,#003e3010 100%),url('../images/contact-callcenter-two-v1.png') center 52%/cover no-repeat}
body[data-page="information"] .page-heading :is(h1,.chapter,.page-description){color:#fff}
body[data-page="information"] .page-heading .chapter::after{background:#ffffffa6}
body[data-page="information"] .page-description{max-width:650px;text-shadow:0 1px 3px #00372266}
body[data-page="information"] .breadcrumb{padding-block:16px}
@media(max-width:768px){body[data-page="information"] .page-heading{min-height:300px;background-position:center,68% center}body[data-page="information"] .page-description{font-size:14px}}
body:is([data-page="terms"],[data-page="privacy"]) .page-heading{min-height:240px;display:flex;align-items:center;background:linear-gradient(115deg,#003722,#00634d);color:#fff}
body:is([data-page="terms"],[data-page="privacy"]) .page-heading :is(h1,.chapter,.page-description){color:#fff}
body:is([data-page="terms"],[data-page="privacy"]) .page-heading .chapter::after{background:#ffffffa6}
body:is([data-page="terms"],[data-page="privacy"]) .breadcrumb{padding-block:16px}
.policy-lead{margin-bottom:40px}
.policy-content{background:#fff;padding:8px clamp(24px,5vw,56px);border-top:2px solid #719c87}
.policy-content section{padding:28px 0;border-bottom:1px solid #d9e3db}
.policy-content section:last-child{border-bottom:0}
.corporate-page .policy-content h3{margin:0 0 12px;color:var(--brand);font-size:20px}
.policy-content p{margin:0;line-height:2}
.policy-content a{color:var(--brand);text-decoration:underline;text-underline-offset:3px}
@media(max-width:768px){body:is([data-page="terms"],[data-page="privacy"]) .page-heading{min-height:200px}.policy-content{padding-inline:22px}.policy-content section{padding-block:22px}.corporate-page .policy-content h3{font-size:18px}}
/* SERVICE uses the same short header layout as ABOUT. */
body[data-page="service"] .page-heading{isolation:isolate;min-height:330px;display:flex;align-items:center;background-color:#003722;background-image:linear-gradient(90deg,#003722e8 0%,#003722b8 32%,#00372220 66%,#00372208 100%),url('../images/service-network-header-v7.png');background-position:center,center center;background-size:100% 100%,cover;background-repeat:no-repeat}
body[data-page="service"] .page-heading :is(h1,.chapter,.page-description){color:#fff}
body[data-page="service"] .page-heading .chapter::after{background:#ffffffa6}
body[data-page="service"] .page-description{max-width:650px;text-shadow:0 1px 3px #00372266}
body[data-page="service"] .breadcrumb{padding-block:16px}
@media(max-width:768px){body[data-page="service"] .page-heading{min-height:300px;background-position:center,right center}body[data-page="service"] .page-description{font-size:14px}}
/* Individual service headers use the corresponding single sphere. */
body[data-business="marketing-research"]{--service-header-image:url('../images/service-header-marketing-v1.png')}
body[data-business="digital-content"]{--service-header-image:url('../images/service-header-digital-v1.png')}
body[data-business="online-education"]{--service-header-image:url('../images/service-header-education-v1.png')}
body[data-business="business-consulting"]{--service-header-image:url('../images/service-header-consulting-v1.png')}
body[data-page="service-detail"] .page-heading{isolation:isolate;min-height:330px;display:flex;align-items:center;background-color:#003722;background-image:linear-gradient(90deg,#003722e8 0%,#003722b8 32%,#00372220 66%,#00372208 100%),var(--service-header-image);background-position:center,center;background-size:100% 100%,cover;background-repeat:no-repeat}
body[data-page="service-detail"] .page-heading :is(h1,.chapter,.page-description){color:#fff}
body[data-page="service-detail"] .page-heading .chapter::after{background:#ffffffa6}
body[data-page="service-detail"] .page-description{max-width:650px;text-shadow:0 1px 3px #00372266}
body[data-page="service-detail"] .breadcrumb{padding-block:16px}
@media(max-width:768px){body[data-page="service-detail"] .page-heading{min-height:300px;background-position:center,75% center}body[data-page="service-detail"] .page-description{font-size:14px}}
/* Reveal inner-page content using the same gentle timing as TOP. */
.corporate-page .scroll-reveal{opacity:0;transition:opacity .8s ease-out}
.corporate-page .scroll-reveal.is-revealed,.corporate-page .scroll-reveal:focus-within{opacity:1}
.corporate-page :is(.feature-cards>article,.process-list>li,.service-feature,.shared-service-card).scroll-reveal:nth-child(2){transition-delay:.25s}
.corporate-page :is(.feature-cards>article,.process-list>li,.service-feature,.shared-service-card).scroll-reveal:nth-child(3){transition-delay:.5s}
.corporate-page :is(.feature-cards>article,.process-list>li,.service-feature,.shared-service-card).scroll-reveal:nth-child(4){transition-delay:.75s}
@media(prefers-reduced-motion:reduce){.corporate-page .scroll-reveal{opacity:1;transition:none;transition-delay:0s}}
.corporate-page .text-link.sub-button{border-bottom:0;color:var(--brand);transition:opacity .25s ease}
.corporate-page .text-link.sub-button:is(:hover,:focus-visible){color:var(--brand);opacity:.7}
@media(prefers-reduced-motion:reduce){.corporate-page .text-link.sub-button{transition:none}}

/* ABOUT values cards: photographs remain under a white readability mask. */
body[data-page="about-us"] [aria-labelledby="about-values"] .feature-cards>article{position:relative;isolation:isolate;overflow:hidden;background:#fff}
body[data-page="about-us"] [aria-labelledby="about-values"] .feature-cards>article::before{content:"";position:absolute;inset:-2px;z-index:-1;background-position:center;background-size:100% 100%,cover;background-repeat:no-repeat}
body[data-page="about-us"] [aria-labelledby="about-values"] .feature-cards>article:nth-child(1)::before{background-image:linear-gradient(to bottom,rgba(255,255,255,.48),rgba(255,255,255,.88)),url('../images/about-values-listen-v1.png')}
body[data-page="about-us"] [aria-labelledby="about-values"] .feature-cards>article:nth-child(2)::before{background-image:linear-gradient(to bottom,rgba(255,255,255,.48),rgba(255,255,255,.88)),url('../images/about-values-learn-v1.png')}
body[data-page="about-us"] [aria-labelledby="about-values"] .feature-cards>article:nth-child(3)::before{background-image:linear-gradient(to bottom,rgba(255,255,255,.48),rgba(255,255,255,.88)),url('../images/about-values-together-v1.png')}
/* BELPの入力・確認・受付のフォームをコーポレートカラーに揃える */
#contact .contact-form-panel,#contact-confirm .contact-form-panel,#contact-thanks .contact-form-panel{background:#fff;border:1px solid #ced8d1;border-top:4px solid var(--brand);border-radius:12px;padding:36px;box-shadow:0 12px 40px #143c2810}
.contact-progress{list-style:none;display:flex;justify-content:space-between;gap:12px;padding:0 0 28px;margin:0 0 30px;border-bottom:1px solid #d7e1da;color:#7b8980;font:13px var(--sans)}
.contact-progress li{display:flex;align-items:center;gap:10px}.contact-progress b{font:italic 23px/1.5 Georgia,serif}.contact-progress [aria-current]{color:var(--brand);font-weight:700}.contact-progress [aria-current] span{border-bottom:2px solid var(--brand);padding-bottom:3px}
#contact .form-wrap,#contact-confirm .contact-preview,#contact-thanks .contact-preview{border:0;border-radius:0;background:transparent;padding:0;box-shadow:none}
#contact .form-field{margin:0 0 27px}#contact .form-field>label:not(.checkbox-label){display:flex;align-items:center;gap:7px;margin-bottom:10px;font:700 18px/1.6 var(--sans);color:#26362d}
#contact .field-required,#contact .field-optional{display:inline-block;margin:0;padding:3px 8px;border-radius:3px;font:700 12px/1.5 var(--sans)}#contact .field-required{background:var(--brand);color:#fff}#contact .field-optional{background:#e5e5e5;color:#555}
#contact .form-field input:not([type=checkbox]),#contact .form-field select,#contact .form-field textarea{box-sizing:border-box;width:100%;min-height:60px;padding:13px 14px;border:1px solid #b8cabc;border-radius:7px;background:#fff;color:#26362d;font:18px/1.6 var(--sans)}#contact .form-field textarea{min-height:160px;resize:vertical}#contact .form-field input:focus,#contact .form-field select:focus,#contact .form-field textarea:focus{border-color:var(--brand);outline:0;box-shadow:0 0 0 3px #006b4f20}
#contact .checkbox-label{padding:16px;background:#eff5f0;border-radius:5px;font:15px/1.7 var(--sans)}#contact .checkbox-label input{accent-color:var(--brand)}
#contact .form-wrap>.button,#contact-confirm .contact-preview>.button,#contact-thanks .contact-preview>.button{width:100%;max-width:none}#contact-confirm .contact-back{display:flex;width:max-content;margin:24px auto 0}
@media(max-width:767px){#contact .contact-form-panel,#contact-confirm .contact-form-panel,#contact-thanks .contact-form-panel{padding:26px 20px}.contact-progress{font-size:11px;gap:7px}.contact-progress li{gap:6px}.contact-progress b{font-size:21px}#contact .form-field>label:not(.checkbox-label){font-size:14px}#contact .form-field input:not([type=checkbox]),#contact .form-field select,#contact .form-field textarea{font-size:16px;min-height:56px}}
.corporate-footer .corporate-footer-bottom p{color:#fff}
.contact-copyright{padding:22px 20px;background:#00634d;color:#fff;text-align:center;font:11px/1.7 var(--sans)}.contact-copyright p{margin:0;color:#fff;font-size:11px}
#contact .form-field input::placeholder,#contact .form-field textarea::placeholder{color:#929b95;opacity:1;font-size:14px}
@media(max-width:767px){#contact .form-field input::placeholder,#contact .form-field textarea::placeholder{font-size:12px}}
#contact .checkbox-label a{transition:opacity .25s ease}
#contact .checkbox-label a:is(:hover,:focus-visible){opacity:.7}
@media(prefers-reduced-motion:reduce){#contact .checkbox-label a{transition:none}}
#contact .contact-character-count{margin:7px 0 0;text-align:right;color:#687a6e;font:13px/1.5 var(--sans)}
#contact .contact-select{position:relative}
#contact .form-field select.contact-select-native{position:absolute;width:1px;height:1px;min-height:0;padding:0;border:0;opacity:0;pointer-events:none;clip-path:inset(50%)}
#contact .contact-select-trigger{display:block;width:100%;min-height:60px;padding:14px 46px 14px 16px;border:1px solid #b8cabc;border-radius:7px;background:#fff;color:#26362d;font:18px/1.6 var(--sans);text-align:left;cursor:pointer;position:relative}
#contact .contact-select-trigger:after{content:'';position:absolute;right:19px;top:calc(50% - 6px);width:8px;height:8px;border-right:2px solid var(--brand);border-bottom:2px solid var(--brand);transform:rotate(45deg);transition:transform .2s}
#contact .contact-select-trigger[aria-expanded=true]:after{transform:translateY(4px) rotate(225deg)}
#contact .contact-select-trigger:focus-visible{outline:2px solid var(--brand);outline-offset:2px}#contact .contact-select-trigger.is-placeholder{color:#777f79}
#contact .contact-select-list{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:20;max-height:min(280px,45vh);overflow-y:auto;overscroll-behavior:contain;padding:6px;border:1px solid #b8cabc;border-radius:8px;background:#fff;box-shadow:0 8px 26px #00634d26}
#contact .contact-select-list[hidden],#contact .contact-select-error[hidden]{display:none}#contact .contact-select-option{padding:12px 10px;border-radius:4px;color:#26362d;font:16px/1.6 var(--sans);cursor:pointer}#contact .contact-select-option[aria-selected=true]{background:#e7eee9;color:var(--brand);font-weight:700}#contact .contact-select-option.is-active{background:var(--brand);color:#fff}
@media(hover:hover){#contact .contact-select-option:hover{background:var(--brand);color:#fff}}
#contact .contact-select-error{margin:8px 0 0;color:#a53125;font:14px/1.7 var(--sans)}
@media(max-width:767px){#contact .contact-select-trigger{font-size:16px;min-height:56px}}
#contact .contact-field-validation{margin:8px 0 0;color:#a53125;font:14px/1.7 var(--sans)}
#contact .contact-field-validation[hidden]{display:none}
#contact .form-field :is(input,textarea,.contact-select-trigger)[aria-invalid="true"]{border-color:#b4472d}
#contact-confirm .contact-confirm-actions{display:flex;gap:20px;margin-top:28px}
#contact-confirm .contact-confirm-actions .button{flex:1;min-width:0;width:100%;max-width:none}
@media(max-width:767px){#contact-confirm .contact-confirm-actions{flex-direction:column;gap:12px}}
#contact .form-wrap>#contact-review{display:flex;width:calc((100% - 20px)/2);max-width:393px;margin-inline:auto}
@media(max-width:767px){#contact .form-wrap>#contact-review{width:100%}}
#contact-thanks .contact-thanks-content{text-align:center;padding:12px 0 4px}
#contact-thanks .contact-thanks-icon{display:grid;place-items:center;width:86px;height:86px;margin:0 auto 24px;border-radius:50%;background:#e9f2ec;color:var(--brand)}
#contact-thanks .contact-thanks-icon svg{width:48px;height:48px}
#contact-thanks .contact-thanks-content h2{margin:0 0 26px;font-size:clamp(23px,2.3vw,30px)}
#contact-thanks .contact-thanks-copy{max-width:610px;margin:0 auto 32px;text-align:left}
#contact-thanks .contact-thanks-copy p{margin:0 0 20px;line-height:1.9}
#contact-thanks .contact-thanks-content>.button{display:flex;width:100%;max-width:393px;margin-inline:auto}
@media(max-width:767px){#contact-thanks .contact-thanks-icon{width:72px;height:72px}#contact-thanks .contact-thanks-icon svg{width:40px;height:40px}#contact-thanks .contact-thanks-content h2{font-size:23px}#contact-thanks .contact-thanks-copy p{font-size:14px}}
/* ヘッダーの左右を下層ページ本文のインナーに揃える */
.corporate-page .site-header .header-inner{width:min(1120px,calc(100% - 80px))}
@media(max-width:768px){.corporate-page .site-header .header-inner{width:calc(100% - 40px)}}
.corporate-page .corporate-footer-inner{width:min(1120px,calc(100% - 80px))}
@media(max-width:768px){.corporate-page .corporate-footer-inner{width:calc(100% - 40px)}}
/* 共通ヘッダーはTOPと下層で同じ幅・同じロゴ位置 */
.corporate-page .site-header .header-inner{width:min(1280px,calc(100% - 7vw))}
@media(min-width:1151px){.corporate-page .site-header .site-logo{margin-left:3.5%}}
@media(min-width:769px) and (max-width:1150px){.corporate-page .site-header .site-logo{margin-left:2%}}
@media(max-width:768px){.corporate-page .site-header .header-inner{width:calc(100% - 40px)}.corporate-page .site-header .site-logo{margin-left:0}}
@media(max-width:359px){.corporate-page .site-header .header-inner{width:calc(100% - 28px)}}
/* ショートヘッダーは画像のみTOPと同じ時間でその場にフェード表示 */
body:is([data-page="about-us"],[data-page="company"],[data-page="information"],[data-page="service"],[data-page="service-detail"]) .page-heading{background:#003722}
body:is([data-page="about-us"],[data-page="company"],[data-page="information"],[data-page="service"],[data-page="service-detail"]) .page-heading::before,
body:is([data-page="about-us"],[data-page="company"],[data-page="information"],[data-page="service"],[data-page="service-detail"]) .page-heading::after{content:"";position:absolute;inset:0;pointer-events:none}
body:is([data-page="about-us"],[data-page="company"],[data-page="information"],[data-page="service"],[data-page="service-detail"]) .page-heading::before{z-index:-2;background-position:center 52%;background-size:cover;background-repeat:no-repeat;animation:short-header-photo-reveal 1.2s ease-out both}
body:is([data-page="about-us"],[data-page="company"],[data-page="information"],[data-page="service"],[data-page="service-detail"]) .page-heading::after{z-index:-1;background:linear-gradient(90deg,#003e30d9 0%,#005342bd 32%,#00534238 66%,#003e3010 100%)}
body[data-page="about-us"] .page-heading::before{background-image:url('../images/about-callcenter-work-v1.png')}
body[data-page="company"] .page-heading::before{background-image:url('../images/company-office-after-hours-v2.png')}
body[data-page="information"] .page-heading::before{background-image:url('../images/contact-callcenter-two-v1.png')}
body[data-page="service"] .page-heading::before{background-image:url('../images/service-network-header-v7.png');background-position:center}
body[data-page="service-detail"] .page-heading::before{background-image:var(--service-header-image);background-position:center}
body:is([data-page="service"],[data-page="service-detail"]) .page-heading::after{background:linear-gradient(90deg,#003722e8 0%,#003722b8 32%,#00372220 66%,#00372208 100%)}
@keyframes short-header-photo-reveal{from{opacity:0}to{opacity:1}}
@media(max-width:768px){body:is([data-page="about-us"],[data-page="company"],[data-page="information"]) .page-heading::before{background-position:68% center}body[data-page="service"] .page-heading::before{background-position:right center}body[data-page="service-detail"] .page-heading::before{background-position:75% center}}
@media(prefers-reduced-motion:reduce){body:is([data-page="about-us"],[data-page="company"],[data-page="information"],[data-page="service"],[data-page="service-detail"]) .page-heading::before{animation:none}}
@supports (background-image:image-set(url("../images/about-callcenter-work-v1.webp") type("image/webp"))){
 body[data-page="about-us"] .page-heading::before{background-image:image-set(url('../images/about-callcenter-work-v1.webp') type('image/webp'),url('../images/about-callcenter-work-v1.png') type('image/png'))}
 body[data-page="company"] .page-heading::before{background-image:image-set(url('../images/company-office-after-hours-v2.webp') type('image/webp'),url('../images/company-office-after-hours-v2.png') type('image/png'))}
 body[data-page="information"] .page-heading::before{background-image:image-set(url('../images/contact-callcenter-two-v1.webp') type('image/webp'),url('../images/contact-callcenter-two-v1.png') type('image/png'))}
 body[data-page="service"] .page-heading::before{background-image:image-set(url('../images/service-network-header-v7.webp') type('image/webp'),url('../images/service-network-header-v7.png') type('image/png'))}
 body[data-business="marketing-research"]{--service-header-image:image-set(url('../images/service-header-marketing-v1.webp') type('image/webp'),url('../images/service-header-marketing-v1.png') type('image/png'))}
 body[data-business="digital-content"]{--service-header-image:image-set(url('../images/service-header-digital-v1.webp') type('image/webp'),url('../images/service-header-digital-v1.png') type('image/png'))}
 body[data-business="online-education"]{--service-header-image:image-set(url('../images/service-header-education-v1.webp') type('image/webp'),url('../images/service-header-education-v1.png') type('image/png'))}
 body[data-business="business-consulting"]{--service-header-image:image-set(url('../images/service-header-consulting-v1.webp') type('image/webp'),url('../images/service-header-consulting-v1.png') type('image/png'))}
 body[data-page="about-us"] [aria-labelledby="about-values"] .feature-cards>article:nth-child(1)::before{background-image:linear-gradient(to bottom,rgba(255,255,255,.48),rgba(255,255,255,.88)),image-set(url('../images/about-values-listen-v1.webp') type('image/webp'),url('../images/about-values-listen-v1.png') type('image/png'))}
 body[data-page="about-us"] [aria-labelledby="about-values"] .feature-cards>article:nth-child(2)::before{background-image:linear-gradient(to bottom,rgba(255,255,255,.48),rgba(255,255,255,.88)),image-set(url('../images/about-values-learn-v1.webp') type('image/webp'),url('../images/about-values-learn-v1.png') type('image/png'))}
 body[data-page="about-us"] [aria-labelledby="about-values"] .feature-cards>article:nth-child(3)::before{background-image:linear-gradient(to bottom,rgba(255,255,255,.48),rgba(255,255,255,.88)),image-set(url('../images/about-values-together-v1.webp') type('image/webp'),url('../images/about-values-together-v1.png') type('image/png'))}
}
@media(max-width:359px){
 .corporate-page .editorial-copy .button,.corporate-page #contact-thanks .button{font-size:12px;padding-inline:14px;gap:8px}
 .corporate-page .related-links a.sub-button{font-size:12px;gap:8px;white-space:nowrap}
 .corporate-page .shared-contact .shared-contact-action .shared-contact-button{font-size:12px;padding-inline:14px;gap:8px}
}