.page_ttl{
    width:100%;
}


/*--------------------------------
            共通パーツ
---------------------------------*/

/*セクションタイトル*/
.section_ttl{
    position: relative;
}
.section_ttl .section_ttl_en{
    font-size: 8.75rem;
    font-weight:900;
    font-family: "Roboto", sans-serif;
    color:#55647E;
    text-align: center;
}
.section_ttl h2{
    display: inline-block;
    font-size: 1.75rem;
    border-bottom:solid 2px #FFC400;
    padding-bottom:0.625rem;
    font-weight: bold;
    color:#FFC400;
    position: absolute;
    bottom:10px;
    left:50%;
    transform: translateX(-50%);
}
@media(max-width:425px){
    .section_ttl .section_ttl_en{
        font-size: 4.625rem;
    }
    .section_ttl h2{
        font-size: 1.25rem;
        bottom:3px;
    }
}



/*概要*/
.company_pro {
    color:white;
    padding-bottom:5rem;
}
.company_pro p{
    line-height:40px;
}

.company_pro table{
    margin-top:5rem;
}


table{
    width: 700px;
    margin:1.25rem auto 0 auto;
}
table tr{
    color:white;
    display: flex;
    justify-content: center;
    align-items: center;
}
table tr th,
table tr td{
    border-bottom: solid 1px white;
    padding-top:1.25rem;
    padding-bottom:1.25rem;
}
table tr:last-of-type th,
table tr:last-of-type td{
    border-bottom:none;
}
table tr th{
    width:calc(20% - 1.25rem);
    text-align: left;
    padding-left:1.25rem;
}
table tr td{
    width:calc(56% - 1.25rem);
    padding-right:1.25rem;
}




/*アクセス*/
.access{
    background: linear-gradient(115deg,#465D7E,#273243);
}

.access_fl{
    display: flex;
    justify-content: space-between;
    align-items:end;
    margin-top:3.75rem;
    margin-bottom:1.25rem;
}
.access_fl img{
    width:60%;
    height:auto;
    object-fit: cover;
}
.access_fl .access_info{
    width:calc((100% - 60%) - 3%);
    display: flex;
    flex-flow: column;
    justify-content: space-between;
}
.access_fl .access_info p{
    color:white;
    line-height:40px;
}

.access_info .view_btn{
    margin-top:3.75rem;
}
.access_info .view_btn a{
    width:100%;
    padding: 0.625rem 0;
}
.access_fl .view_btn a div{
    justify-content: space-between;
}





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

@media(max-width:1024px){
    .access_fl img{
        width:50%;
    }
    .access_fl .access_info{
        width: calc((100% - 50%) - 3%);
    }
}

@media(max-width:768px){
    .company_pro table{
        width:100%;
        margin-top:2.5rem;
    }
    .company_pro table tr{
        align-items: self-start;
        flex-flow: column;
    }
    .company_pro table tr th,
    .company_pro table tr td{
        width:100%;
    }
    .company_pro table tr th{
        border-bottom:none;
        padding:1.25rem 0 0 0;
    }
    .company_pro table tr td{
        padding:1rem 0 1.25rem 0;
    }


    /*アクセス*/
    .access .section_ttl_en{
        text-align: left;
    }
    .access .section_ttl h2{
        left:0;
        transform: translateX(0);
    }

    .access_fl{
        flex-flow: column;
        margin-top:1.875rem;
    }
    .access_fl img,
    .access_fl .access_info{
        width:100%;
    }
    .access_fl .access_info{
        margin-top:1.875rem;
    }
    .access_info .view_btn {
        margin-top: 1.875em;
    }
}