/* =====================================================
   企業情報・各営業所ページ専用パーツ（corporate_info.html）
   ※ hero / service-page / page-heading / page-section は
     common-additions.css を読み込んで使用します。
===================================================== */


/* ---- イントロ文 （未使用）---- */

.corporate-intro{

    text-align:center;
    margin-bottom:60px;

}

/* ---- Brochure：資料ダウンロード ---- */

.brochure-block{

    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    align-items:center;
    gap:20px;

}


.brochure-block h3{

    font-size:clamp(15px,1.8vw,19px);
    font-weight:700;

}


.download-btn{

    display:inline-flex;
    align-items:center;
    gap:8px;

    padding:24px 30px;
    background:#213269;
    color:#fff;

    text-decoration:none;
    font-size:16px;

    letter-spacing:.1em;
    transition:.3s;

}


.download-btn:hover{

    background:#3f539c;

}


.movie-link-btn{

    display:flex;
    align-items:center;

}


.movie-link-btn img{

    width:100%;
    max-width:260px;
    height:auto;
    min-width:0;
    display:block;

}


/* ---- Locations：各営業所リスト ---- */

.locations-list{

    list-style:none;
    margin-bottom:70px;

}


.locations-list li{

    display:flex;
    flex-wrap:wrap;

    align-items:center;
    justify-content:center;

    gap:20px;
    padding:18px 0;
    border-bottom:1px solid #eee;

}


.locations-list .loc-name{

    flex:0 0 110px;
    font-weight:700;
    font-size:clamp(14px,1.6vw,17px);
    position:relative;
    padding-left:1.3em;

}


.locations-list .loc-name::before{

    content:"■";
    position:absolute;
    left:0;
    font-size:.75em;
    top:.15em;

}


.locations-list .loc-detail{

    flex:0 1 420px;
    font-size:clamp(13px,1.5vw,16px);
    line-height:1.8;

}


.locations-list .loc-photo{

    flex:0 0 150px;
    display:block;

}


.locations-list .loc-photo img{

    width:100%;
    height:auto;
    display:block;

}


/* ---- 群馬県マップ ---- */

.gunma-map{

    max-width:560px;
    margin:0 auto 90px;

}


.gunma-map img{

    width:100%;
    height:auto;
    display:block;

}


/* ---- Group Companies：グループ企業 ---- */

.group-block{

    display:flex;
    flex-wrap:wrap;
    align-items:center;

    justify-content:center;
    gap:30px;
    margin-bottom:50px;

}


.group-block .group-logo{

    flex:0 0 350px;
    max-width:350px;

}


.group-block .group-logo img{

    width:100%;
    height:auto;
    display:block;

}


.group-block .group-logo a{

    display:block;

}


.group-block .group-sublist{

    flex:0 1 320px;
    list-style:none;

}


.group-block .group-sublist li{

    position:relative;
    padding-left:1.3em;
    margin-bottom:14px;
    font-weight:700;

    font-size:clamp(13px,1.5vw,16px);
    display:flex;
    align-items:center;

}


.group-block .group-sublist li::before{

    content:"■";
    position:absolute;
    left:0;
    font-size:.75em;

}


.group-block .group-sublist li a{

    color:inherit;
    text-decoration:none;
    display:inline-flex;
    align-items:center;

}


.group-block .group-sublist li a:hover{

    text-decoration:underline;

}


.group-block .group-sublist li img{

    height:35px;
    width:auto;

}







/* ---- レスポンシブ ---- */

@media(max-width:600px){

    .locations-list li{

        justify-content:flex-start;

    }

    .locations-list .loc-photo{

        flex:0 0 120px;

    }

    .group-block{

        flex-direction:column;

        align-items:flex-start;

    }

}