/* 企業向け。制作者ページの骨格を共有し、採用情報の判断・編集・更新だけを図解する。 */
.companies-page .creator-hero h1{font-size:clamp(64px,7.3vw,105px);letter-spacing:-.055em}
.companies-page .creator-hero-subtitle span{display:block}
.companies-page .creator-intro{padding-block:80px 110px}
.companies-page .creator-intro p{max-width:760px;margin-inline:auto}
.companies-page .creator-benefits{padding-top:30px}
.companies-page .creator-benefit-description p:last-child:not(:first-child){font-weight:600;color:var(--creator-ink)}
.companies-page .company-source{font-size:14px;line-height:1.8}
.company-source a{color:inherit;text-decoration:underline;text-underline-offset:3px}

.company-scene{box-sizing:border-box}
/* 縦長タブレットでも、左右の狭い枠で会話相手が切れないようにする。 */
@media(min-width:640px) and (max-width:900px) and (orientation:portrait){
 .companies-page .creator-hero-photos{grid-template-columns:1fr;grid-template-rows:repeat(2,minmax(0,1fr))}
 .companies-page .creator-hero-photos img{object-position:50% 35%}
}

.company-features{background:var(--creator-wash)}
.company-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 64px}
.company-feature-grid>div{align-items:flex-start;padding-block:34px}
.company-feature-grid>div>div{min-width:0}
.company-feature-grid h3{font-size:17px}
.company-feature-grid p{font-size:16px;line-height:1.85;color:#666;margin-top:9px}
.company-feature-grid small,.company-wordpress-note small{display:block;font-size:13px;line-height:1.8;color:#858585;margin-top:10px}
.company-wordpress-note{display:grid;grid-template-columns:auto 1fr;gap:25px;margin-top:44px;padding:34px 38px;border-top:1px solid #d7d7d7;border-bottom:1px solid #d7d7d7;background:#fff}
.company-wordpress-note>img{width:43px;height:43px;object-fit:contain}
.company-wordpress-note h3{font-size:18px;line-height:1.7}
.company-wordpress-note p{font-size:16px;line-height:1.95;color:#666;margin-top:9px}

.company-price-compare{min-width:0;padding-left:44px}
.company-price-compare dl{margin:27px 0 0}
.company-price-compare dl>div{display:grid;grid-template-columns:minmax(108px,.8fr) minmax(0,1.2fr);gap:18px;padding:14px 0;border-top:1px solid #ffffff2c}
.company-price-compare dl>div:last-child{border-bottom:1px solid #ffffff2c}
.company-price-compare dt{font-size:14px;line-height:1.7;color:#aaa}
.company-price-compare dd{font-size:14px;line-height:1.7;margin:0;color:#eee}
.company-price-compare-2gu dd{color:#fff;font-weight:600}
.company-price-compare dd small{font-size:12px;font-weight:400;color:#aaa}
.companies-page .company-compare-note{font-size:12px;line-height:1.8;color:#929292;margin-top:19px}
.companies-page .company-compare-sources{font-size:12px;line-height:1.8;color:#aaa;margin-top:10px}
.company-compare-sources a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.company-price-compare a:focus-visible,.company-source a:focus-visible{outline-color:currentColor}

@media(max-width:1200px){
 .companies-page .creator-hero h1{font-size:clamp(64px,7.3vw,88px)}
 .company-price-compare{padding-left:32px}
}
@media(max-width:900px){
 .companies-page .creator-benefit h3 br{display:block}
 .companies-page .creator-hero h1{font-size:clamp(48px,7.3vw,65px)}
 .companies-page .creator-intro{padding-block:75px 95px}
 .companies-page .company-source{font-size:12px!important}
 .company-feature-grid{gap:0 40px}
 .company-price-compare{padding-left:28px}
 .company-price-compare dl>div{grid-template-columns:100px minmax(0,1fr);gap:12px}
}
@media(max-width:639px){
 .companies-page .creator-hero-firstview{padding-inline:12px}
 .companies-page .creator-hero h1{font-size:clamp(46px,12.5vw,68px);letter-spacing:-.055em}
 .companies-page .creator-hero-photo-work{object-position:50% 38%}
 .companies-page .creator-hero-photo-meeting{object-position:50% 38%}
 .companies-page .creator-intro{padding:58px 22px 80px}
 .companies-page .creator-intro p{font-size:14px}
 .companies-page .creator-intro-opening{font-size:16px}
 .companies-page .creator-benefits{padding-top:0}
 .company-feature-grid{grid-template-columns:1fr;gap:0}
 .company-feature-grid>div{display:grid;grid-template-columns:35px 1fr;gap:19px;align-items:start;padding-block:27px}
 .company-feature-grid h3{font-size:15px}.company-feature-grid p{font-size:14px}.company-feature-grid small{font-size:12px}
 .company-wordpress-note{grid-template-columns:1fr;margin-top:34px;padding:29px 24px;gap:18px}.company-wordpress-note h3{font-size:16px}.company-wordpress-note p{font-size:14px}
 .company-price-compare{padding:35px 0 0}
 .company-price-compare dl>div{grid-template-columns:minmax(105px,.85fr) minmax(0,1.15fr);gap:15px}
}
@media(max-width:360px){
 .company-price-compare dl>div{grid-template-columns:94px minmax(0,1fr);gap:10px}
}

.companies-page .company-pricing .creator-pricing-layout{grid-template-columns:1.05fr 1fr;gap:64px}
.company-wordpress-note a{color:inherit;text-underline-offset:3px}
@media(max-width:900px){.companies-page .company-pricing .creator-pricing-layout{gap:40px}}
@media(max-width:639px){.companies-page .company-pricing .creator-pricing-layout{grid-template-columns:1fr}}