.company-hero{

    position:relative;

    width:100%;

    height:420px;

    overflow:hidden;

    margin-top:0;

    padding-top:0;

}

.company-hero img{

    display:block;
    width:100%;
    height:420px;
    max-width:none;
    max-height:none;
    object-fit:cover;
    object-position:center;

}

.company-hero__title{

    position:absolute;

    inset:0;

    display:flex;

    justify-content:center;

    align-items:center;

    flex-direction:column;

    color:#fff;

    background:rgba(0,0,0,.2);

    text-align:center;

    padding-top:60px;

}

.company-hero__title h1{

    
    font-size:38px;

    font-weight:300;

    letter-spacing:.25em;

    text-transform:uppercase;
    
     

}

.company-hero__title p{

   font-family:"Noto Sans JP", sans-serif;

    font-size:18px;

    letter-spacing:.15em;

    text-shadow:0 2px 8px rgba(0,0,0,.35);

}

<!-- =====================================================
     共通レイアウト
---------------------------------------------------------
================== -->

.container{

    max-width:1100px;

    margin:auto;

    padding:100px 20px;

}

.section-line{

    width:120px;

    height:1px;

    margin:100px auto;

    background:#b8aea2;

}

<!-- =====================================================
    代表挨拶
---------------------------------------------------------
================== -->


.greeting .container{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:80px;

    align-items:center;

}

.greeting img{

    width:100%;

    border-radius:8px;

}

.greeting-text h2{

    font-family: var(--font-title);

    font-size:32px;

    font-weight:500;

    letter-spacing:.15em;

    color:#2f2f2f;

    line-height:1.5;

}

.greeting-text p{

    line-height:2.2;
    font-size:15px;

}


<!-- =====================================================
    会社概要
---------------------------------------------------------
================== -->
.company-profile table{

    width:100%;

    border-collapse:collapse;

}

.company-profile th{

    width:30%;

    padding:24px;

    border-bottom:1px solid #ddd;

    text-align:left;

    font-weight:500;

    

}

.company-profile td{

    padding:24px;

    border-bottom:1px solid #ddd;

}

<!-- =====================================================
    メッセージ
---------------------------------------------------------
================== -->

.company-message{

    background:#f8f6f1;

}

.company-message .container{

    max-width:800px;

    text-align:center;

}

.company-message h2{

    margin-bottom:40px;

    font-family: var(--font-title);

    font-weight:400;

    line-height:1.7;

    letter-spacing:.12em;

}

.company-message p{

    line-height:2.3;

}




<!-- =====================================================
    すまほ
---------------------------------------------------------
================== -->


@media(max-width:768px){

.greeting .container{

    grid-template-columns:1fr;

    gap:40px;

}

.company-profile th,
.company-profile td{

    display:block;

    width:100%;

    padding:15px 10px;

}

.company-profile th{

    border-bottom:none;

    padding-bottom:0;

}

.company-hero{

    height:320px;

}

.company-hero__title h1{

    font-size:34px;

}

.greeting-text{

    font-size:13px;

}


.greeting p{

    font-size:14px;

}

.greeting h2{

    font-family: "Shippori Mincho", serif;
    font-size:26px;
    margin-bottom:40px;

}

.greeting p{

    line-height:2.2;
    font-size:14px;

}

}