/* G3.3 About and How We Work. Page composition only; no shared theme overrides. */
.company-page .company-section{padding-block:84px}
.company-page h1{font-size:54px;line-height:1.1;max-width:20ch}
.company-page h2{font-size:40px;line-height:1.16}
.company-page h3{font-size:25px;line-height:1.25}
.company-page p{max-width:62ch}
.company-lead{font-size:18px;line-height:1.65;margin-top:25px;max-width:51ch}
.company-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px 24px;margin-top:27px}
.company-intro{padding-bottom:12px}
.about-hero{display:grid;grid-template-columns:1.25fr .85fr;gap:80px;align-items:center;padding:10px 0 38px}






.about-hero h1{max-width:23ch}
.company-expectations{padding:32px;background:var(--mist);border-radius:var(--radius)}
.about-hero .company-expectations h2{font-size:25px;line-height:1.25;letter-spacing:-.025em}
.company-expectations ul{list-style:none;padding:0;margin:24px 0 0}
.company-expectations li{font-size:18px;font-weight:500;line-height:1.5;padding:17px 0;border-top:1px solid #c8d6dd}
.company-expectations li:last-child{padding-bottom:0}
.about-operations-heading{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:100px;margin-bottom:38px}
.about-operations-body{display:grid;grid-template-columns:1.05fr 1fr;gap:80px;align-items:center}
.about-operations-body figure{aspect-ratio:1.04;overflow:hidden;border-radius:var(--radius)}
.about-operations-body article{display:grid;grid-template-columns:25px 1fr;gap:8px 18px;padding:22px 0;border-top:1px solid var(--line)}
.about-operations-body article:first-child{padding-top:0;border:0}
.company-small-index{color:var(--blue);font-size:11px;font-weight:600;padding-top:7px}
.about-operations-body article p{grid-column:2;font-size:16px}
.about-operations-body article h3{font-size:24px}
.about-operations-body .text-link{margin-top:5px}
.about-relationship{background:var(--mist)}
.about-relationship>.container{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:start}
.about-relationship h2{max-width:20ch}
.about-relationship-body>p+p{margin-top:19px}
.about-service-links{margin-top:22px;display:flex;flex-direction:column;align-items:start;gap:4px}
.about-contact{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:start}
.about-contact>div>p{margin-top:21px;max-width:45ch}
.about-contact .company-contact-note{font-size:14px;margin-top:18px}
.about-contact-details>a,.about-contact-details>div{display:grid;grid-template-columns:1fr auto;gap:10px;padding:24px 0;border-bottom:1px solid var(--line)}
.about-contact-details>a:first-child{padding-top:0}
.about-contact-details>a>span:first-child,.about-contact-details>div>span{font-size:14px;color:var(--muted);grid-column:1}
.about-contact-details strong{font-size:23px;line-height:1.5;font-weight:550;letter-spacing:-.02em;grid-column:1;overflow-wrap:anywhere}
.company-contact-arrow{font-size:24px;grid-column:2;grid-row:1/3;align-self:center}
.about-contact-details>a:hover strong{color:var(--blue)}
.work-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:100px;align-items:center;padding:10px 0 32px}
.work-start-note{font-size:14px;margin-top:21px;max-width:48ch}
.work-contents{background:var(--mist);padding:30px 33px;border-radius:var(--radius)}
.work-contents>p{font-size:11px;letter-spacing:.08em;font-weight:600;margin-bottom:20px}
.work-contents>a{display:grid;grid-template-columns:22px 1fr 15px;align-items:center;gap:15px;padding:20px 0;border-top:1px solid #c8d6dd;line-height:1.5;transition:color var(--ease)}
.work-contents>a>span:first-child{font-size:11px;color:var(--blue)}
.work-contents strong{font-size:17px;font-weight:550;letter-spacing:-.025em}
.work-contents>a:hover{color:var(--blue)}
.work-cooperation-heading{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center;margin-bottom:38px}
.work-step-list{list-style:none;margin:0;padding:0}
.work-step-list>li{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;border-top:1px solid var(--line);padding:33px 0;scroll-margin-top:110px}
.work-step-list>li:last-child{padding-bottom:0}
.work-step-title{display:flex;gap:26px;align-items:start}
.work-step-title>span{font-size:43px;letter-spacing:-.06em;line-height:1.1;color:#647d8a;font-weight:450;flex:none}
.work-step-title h3{font-size:26px;max-width:20ch;margin-top:4px}
.work-step-list dl{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:27px}
.work-step-list dt{font-size:14px;font-weight:600;margin-bottom:10px;color:var(--blue)}
.work-step-list dd{margin:0;color:var(--muted);font-size:16px;line-height:1.65}
.work-handover-wrap{background:var(--mist)}
.work-handover{display:grid;grid-template-columns:.9fr 1.1fr;gap:100px;align-items:start}
.work-handover>div>p:not(.eyebrow){margin-top:22px}
.work-handover>div>.text-link{margin-top:20px}
.work-handover-options article{border-top:1px solid #c8d6dd;padding:23px 0}
.work-handover-options article:first-child{border:0;padding-top:0}
.work-handover-options article:last-child{padding-bottom:0}
.work-handover-options h3{font-size:24px}
.work-handover-options p{font-size:16px;margin-top:12px}
.work-quality{display:grid;grid-template-columns:.9fr 1.1fr;gap:100px;align-items:start}
.work-quality>div>p:not(.eyebrow){margin-top:22px}
.work-quality .work-quality-contact{font-size:15px;padding-top:20px;border-top:1px solid var(--line)}
.work-quality>div>.text-link{margin-top:17px}
.work-policy article{padding:25px 0;border-top:1px solid var(--line)}
.work-policy article:first-child{padding-top:0;border:0}
.work-policy article:last-child{padding-bottom:0}
.work-policy h3{font-size:24px}
.work-policy p{margin-top:12px;font-size:16px}
.work-policy p+p{margin-top:15px}
.work-timing{display:grid;grid-template-columns:.95fr 1.05fr;gap:28px 80px;padding:35px 0;border-block:1px solid var(--line)}
.work-timing h2{font-size:31px}
.work-timing>div>p{margin-top:19px;font-size:16px}
.work-timing .text-link{margin-top:15px}
.work-time-pair{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-self:center}
.work-time-pair strong{font-size:27px;font-weight:600;letter-spacing:-.04em;line-height:1.3;display:block}
.work-time-pair p{font-size:15px;margin-top:13px}
.work-timing .work-timing-note{grid-column:1/-1;max-width:none;font-size:14px;line-height:1.65}
.work-next{display:flex;justify-content:space-between;align-items:center;gap:30px;padding-block:55px}
.work-next h2{font-size:28px;max-width:25ch}
.work-next>div{display:flex;gap:30px;align-items:center}
@media(max-width:1100px){
 .company-page h1{font-size:48px}.company-page h2{font-size:36px}
 .about-hero,.about-operations-heading,.about-operations-body,.about-relationship>.container,.about-contact,.work-hero,.work-cooperation-heading,.work-handover,.work-quality,.work-timing{gap:50px}
 
 .work-step-list>li{gap:40px;grid-template-columns:.8fr 1.2fr}
 .work-step-title{gap:19px}.work-step-title h3{font-size:24px}.work-step-list dl{gap:24px}
 .work-contents{padding:26px}.work-contents>a{gap:12px}
}
@media(max-width:800px){
 .company-expectations{padding:26px}.about-hero .company-expectations h2{font-size:23px}.company-expectations li{font-size:17px}
 .company-page .company-section{padding-block:64px}
 .company-page h1{font-size:42px}.company-page h2{font-size:33px}.company-lead{font-size:16px}
 .about-hero{grid-template-columns:1.1fr .9fr;gap:34px}
 .about-operations-heading,.about-operations-body,.about-relationship>.container,.about-contact{gap:35px}
 .about-operations-body figure{aspect-ratio:.82}.about-operations-body article{gap:8px 13px}.about-operations-body article h3{font-size:22px}
 .about-relationship>.container{grid-template-columns:1fr 1.05fr}.about-contact-details strong{font-size:20px}
 .work-hero{grid-template-columns:1fr .9fr;gap:34px}.work-contents{padding:24px 20px}.work-contents strong{font-size:16px}.work-contents>a{grid-template-columns:19px 1fr 13px;gap:8px}
 .work-cooperation-heading{gap:35px}.work-step-list>li{grid-template-columns:1fr;gap:23px;padding:29px 0}.work-step-title h3{max-width:none}.work-step-title>span{font-size:34px}
 .work-step-list dl{margin-left:56px;gap:30px}.work-step-list dt{margin-bottom:8px}
 .work-handover,.work-quality{gap:35px;grid-template-columns:.9fr 1.1fr}.work-handover h3,.work-policy h3{font-size:22px}
 .work-timing{grid-template-columns:1fr;gap:27px}.work-timing h2{font-size:30px}.work-time-pair{max-width:580px}.work-timing .work-timing-note{grid-column:1}
 .work-next>div{gap:18px}.work-next h2{font-size:26px}
}
@media(max-width:640px){
 .company-expectations{padding:25px}.company-expectations ul{margin-top:18px}.company-expectations li{padding:15px 0}
 .company-page .company-section{padding-block:52px}
 .company-page h1{font-size:37px;line-height:1.13}.company-page h2{font-size:31px;line-height:1.18}
 .company-intro{padding-bottom:0}.company-lead{font-size:17px;margin-top:21px}
 .company-actions{margin-top:23px;gap:10px 20px}.company-actions .button{padding-inline:18px}
 .about-hero{grid-template-columns:1fr;gap:29px;padding:3px 0 0}
 
 
 
 
 
 .about-operations-heading,.about-operations-body,.about-relationship>.container,.about-contact{grid-template-columns:1fr;gap:26px}
 .about-operations-heading{margin-bottom:27px}.about-operations-heading p{font-size:16px}
 .about-operations-body figure{aspect-ratio:4/3}.about-operations-body article{padding:21px 0}.about-operations-body article h3{font-size:23px}
 .about-relationship-body>p{font-size:16px}.about-relationship-body>p+p{margin-top:17px}.about-relationship h2{max-width:23ch}
 .about-service-links{margin-top:18px}.about-contact>div>p{margin-top:19px;font-size:16px}
 .about-contact .company-contact-note{font-size:14px}.about-contact-details strong{font-size:21px}.about-contact-details>a,.about-contact-details>div{padding-block:20px}
 .work-hero{grid-template-columns:1fr;gap:28px;padding:3px 0 0}.work-start-note{font-size:14px;margin-top:18px}
 .work-contents{padding:23px 22px}.work-contents>p{font-size:11px;margin-bottom:16px}.work-contents>a{padding:17px 0;gap:12px;grid-template-columns:20px 1fr 13px}.work-contents strong{font-size:16px}
 .work-cooperation-heading{grid-template-columns:1fr;gap:19px;margin-bottom:28px}.work-cooperation-heading p{font-size:16px}
 .work-step-list>li{padding:26px 0;gap:20px;scroll-margin-top:92px}.work-step-title{gap:17px}.work-step-title h3{font-size:23px;margin-top:2px}.work-step-title>span{font-size:31px}
 .work-step-list dl{grid-template-columns:1fr;margin:0;gap:20px}.work-step-list dt{font-size:13px;margin-bottom:7px}.work-step-list dd{font-size:16px}
 .work-handover,.work-quality{grid-template-columns:1fr;gap:30px}.work-handover>div>p:not(.eyebrow){font-size:16px;margin-top:19px}.work-handover-options h3,.work-policy h3{font-size:24px}
 .work-handover-options article{padding:22px 0}.work-handover-options article:first-child{border-top:1px solid #c8d6dd;padding-top:22px}
 .work-quality>div>p:not(.eyebrow){font-size:16px;margin-top:19px}.work-quality .work-quality-contact{font-size:15px}
 .work-policy article{padding:22px 0}.work-policy article:first-child{border-top:1px solid var(--line);padding-top:22px}
 .work-timing{padding-block:28px;gap:24px}.work-timing h2{font-size:29px}.work-time-pair{gap:22px}.work-time-pair strong{font-size:25px}.work-time-pair p{font-size:15px;margin-top:11px}
 .work-next{flex-direction:column;align-items:start;padding-block:38px;gap:18px}.work-next h2{font-size:27px}.work-next>div{flex-direction:column;align-items:start;gap:3px}
}