.page-header{
    width:91.67vw;
    height:46.09vw;
    margin:10.21vw auto 0 auto; 
    position: relative;
}
.page-header::after{
    content:"";
    display: block;
    width:91.67vw;
    height:46.09vw;
    background-color: rgba(0,0,0,.3);
    position: absolute;
    top:0;
}
.page-header img{
    width:100%;
    height:100%;
    object-fit: cover;
}

.page-header-text{
    color:white;
    text-align: center;
    position: absolute;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
    z-index: 2;
}
.page-header-text .header-text-en{
    font-family: "Cormorant", serif;
    font-size: 3.13vw;
}
.page-header-text h2{
    font-weight: normal;
    margin-top:1.56vw;
    font-size: 1.04vw;
}



/*グラデ背景*/
.main-bg{
    width:100vw;
    padding-bottom:10.42vw;
    background: linear-gradient(-180deg,#001929 0%,#263B48 85%,#F0EEE9 100%);
}

/*セクションタイトル*/
.section-title{
    color:white;
    text-align: center;
}
.section-title h2{
    font-size: 3.13vw;
    font-family: "Cormorant", serif;
    font-weight: normal;
}
.section-title .section-title-ja{
    font-weight: normal;
    margin-top:0.52vw;
}

/*セクション*/
.service,.company-info{
    margin-top:6.25vw;
}

.service .section-info{
    color: white;
    text-align: center;
    line-height:2.5vw;
    margin-top:3.13vw;
}



/*service項目リスト*/
.list-wrapper{
    width:83.33vw;
    margin:3.13vw auto 0 auto;
    display: flex;
    justify-content:space-between;
    flex-wrap: wrap;
}


.works-list-content{
    width:19.27vw;
    height:10.42vw;
    position: relative;
}
.works-list-content:nth-of-type(n+5){
    margin-top:3.13vw;
}
.works-list-content::after{
    content:"";
    display: block;
    width:19.27vw;
    height:10.42vw;
    background-color: rgba(0,0,0,.45);
    position: absolute;
    top:0;
}
.works-list-content img{
    width:100%;
    height:100%;
    object-fit: cover;
}

.list-name{
    width:100%;
    text-align: center;
    color:white;
    position: absolute;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
    z-index: 2;
}





/*会社案内*/
.company-table{
    width:38.02vw;
    margin:6.25vw auto 0 auto;
    color:white;
}

table tr{
    display: flex;
    justify-content: space-between;
    margin-top:2.6vw;
}
table tr:first-child{
    margin-top:0;
}
table th{
    width:22.4vw;
    text-align: left;
}
table td{
    width:15.62vw;
    text-align: left;
}





/*----------------------------------------------------------------------------
                                レスポンシブ
-----------------------------------------------------------------------------*/
@media(max-width:768px){
    .page-header{
        width:89.74vw;
        height:107.69vw;
        margin:24.87vw auto 0 auto; 
    }
    .page-header::after{
        width:89.74vw;
        height:107.69vw;
    }
    
    .page-header-text .header-text-en{
        font-size: 7.69vw;
    }
    .page-header-text h2{
        margin-top:1.28vw;
        font-size: 4.1vw;
    }
    
        
    /*セクションタイトル*/

    .section-title h2{
        font-size: 15.38vw;
    }
    .section-title .section-title-ja{
        margin-top:1.28vw;
    }
    
    /*セクション*/
    .service,.company-info{
        margin-top:10.26vw;
    }
    
    .service .section-info{
        width:89.74vw;
        line-height:8vw;
        margin:3.13vw auto 0 auto;
    }
    
    
    
    /*service項目リスト*/
    .list-wrapper{
        width:89.74vw;
        margin:10.26vw auto 0 auto;
    }
    
    
    .works-list-content{
        width:42.31vw;
        height:25.64vw;
    }
    .works-list-content:nth-of-type(n+3){
        margin-top:5.13vw;
    }
    .works-list-content:nth-of-type(n+5){
        margin-top:5.13vw;
    }
    .works-list-content::after{
        width:42.31vw;
        height:25.64vw;
    }
    
    .list-name{
        width:80%;
    }
    
    
    
    
    
    /*会社案内*/
    .company-table{
        width:76.92vw;
        margin:10.26vw auto 0 auto;
    }
    
    table tr{
        flex-flow: column;
        margin-top:7.69vw;
    }

    table th{
        width:76.92vw;
    }
    table td{
        width:76.92vw;
        margin-left:5.13vw;
        margin-top:5.13vw;
    }
    table tr .color{
        color: #5D5D5D;
    }
    
    
}