@charset "utf-8";

/********************************************
corporate (法人・代理店事業者様へ) ページ個別
service.css を併用し、#corpo / #agency のコンポーネントを再利用。
本CSSは FV背景・FV下リード・施設タイプ(.fac-*) を担当。
********************************************/

/* FV 背景（サービス紹介と同じ写真） */
.subfv{ background-image: url(../images/service/service_fv_pc.jpg); }
@media (max-width: 768px){
    .subfv{ background-image: url(../images/service/service_fv_sp.jpg); }
}

/********************************************
FV下のリード
********************************************/
.corp-intro{ padding: 60px 0 80px; text-align: center; }
.corp-intro__catch{
    font-size: 30px;
    font-weight: 700;
    line-height: 1.6;
    color: var(--color-primary);
    margin-bottom: 24px;
}
.corp-intro__text{
    max-width: 900px;
    margin: 0 auto;
    font-size: 15px;
    line-height: 2;
}

/********************************************
施設タイプ（ホテル／浴場／飲食店／その他）
参照サイトのフォトグリッド（左=大きな特集カード＋右=2枚積み）を踏襲
********************************************/
.fac-section{ padding: 80px 0; background: #fff; }
.fac-section--alt{ background: var(--color-bg-light); }
.fac-head{ max-width: 900px; margin-bottom: 34px; }
.fac-head__en{
    margin-bottom: 12px;
    color: var(--color-primary);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}
.fac-head__ttl{
    font-size: 26px;
    font-weight: 700;
    line-height: 1.4;
    color: var(--color-primary);
    margin-bottom: 14px;
}
.fac-head__lead{ font-size: 16px; line-height: 1.9; }

.fac-grid{
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(260px, 0.85fr);
    grid-auto-rows: minmax(250px, auto);
    gap: 20px;
}
.fac-card{
    overflow: hidden;
    border: 1px solid #d8e9f2;
    background: #fff;
}
.fac-card img{ width: 100%; height: 230px; object-fit: cover; display: block; }
.fac-card--feature{ grid-row: span 2; }
.fac-card--feature img{ height: 530px; }
.fac-card__copy{ padding: 22px 24px 24px; }
.fac-card__copy h3{
    font-size: 18px;
    font-weight: 700;
    line-height: 1.5;
    color: var(--color-primary);
    margin-bottom: 10px;
}
.fac-card__copy p{ font-size: 14px; line-height: 1.8; }

@media (max-width: 768px){
    .corp-intro{ padding: 10vw 0 12vw; }
    .corp-intro__catch{ font-size: 5.2vw; margin-bottom: 5vw; }
    .corp-intro__text{ font-size: 3.46vw; text-align: left; line-height: 1.9; }

    .fac-section{ padding: 14vw 0; }
    .fac-head{ margin-bottom: 7vw; }
    .fac-head__en{ font-size: 3.2vw; margin-bottom: 2vw; }
    .fac-head__ttl{ font-size: 5.6vw; margin-bottom: 3vw; }
    .fac-head__lead{ font-size: 3.46vw; line-height: 1.8; }

    .fac-grid{ grid-template-columns: 1fr; grid-auto-rows: auto; gap: 4vw; }
    .fac-card--feature{ grid-row: auto; }
    .fac-card img,
    .fac-card--feature img{ height: 56vw; }
    .fac-card__copy{ padding: 4.5vw 5vw 5.5vw; }
    .fac-card__copy h3{ font-size: 4.2vw; margin-bottom: 2.5vw; }
    .fac-card__copy p{ font-size: 3.46vw; line-height: 1.8; }

    /* このページは下部固定メニューが無いため、ページトップボタンは通常位置に戻す
       （service.css の .pagetop{ bottom:23vw } を上書き） */
    .pagetop{ bottom: 4vw; }
}