.main_bg{
    position: relative;
    width: 100%;
    height: 100vh;
    overflow-y: hidden;
    background: linear-gradient(#F4E1C9,#300D44);
}
.bg_img{
    background-attachment: fixed;
    width: 86.35vw;
    height: 86.98vw;
    background: url(../img/bg_item.png) center/cover no-repeat;
    margin:-5.94vw 0 0 -27.55vw;
}

main{
    width:100vw;
    position: absolute;
    top:0;
    left:0;
    overflow-y: scroll;
    overflow-x:hidden;
    height:100%;
    padding:6.5rem 0 0 0 ;
}

.inner_area{
    max-width:1630px;
    width:90%;
    margin:0 auto;
}

.page_header{
    mix-blend-mode: exclusion;
	isolation: isolate;
    transform: translateZ(0);
    color:#FFFFFF;
    text-align: center;
    padding:7.625rem 0;
}
.page_header h2{
    font-family: "Lato", sans-serif;
    font-weight: 900;
    font-size: 5.688rem;
}
.page_header h3{
    font-size: 1.25rem;
}


/*メッセージ*/
.message{
    width:100vw;
    background:linear-gradient(#1D1326,#4E224B);
    position: relative;
}
.section_ttl{
    mix-blend-mode: exclusion;
	isolation: isolate;
    transform: translateZ(0);
    color:#D9C2B6;
}
.section_ttl h4{
    font-family: "Lato", sans-serif;
    font-weight: 900;
    font-size: 6.813rem;
}
.section_ttl h3{
    margin-left:.3rem;
    font-size: 1.25rem;
    font-weight: 400;
}
.message .section_ttl{
    position: absolute;
    top:-50px;
}
.message .inner_area{
    padding:11.125rem 0;
}
.message_container{
    display: flex;
    align-items: stretch;
    justify-content: space-between;
}
.message_container .face{
    width:521px;
    height:639px;
    overflow: hidden;
    border-radius: 1.25rem;
}
.message_container .face img{
    width:592px;
    height:887px;
    object-fit: cover;
    object-position: -42px -108px;
    border-radius: 1.25rem;
}
.message_info{
    color:#D9C2B6;
    mix-blend-mode: exclusion;
    width:calc(100% - 592px - 20px);
    display: flex;
    flex-flow: column;
    justify-content: space-between;
}
.message_info .message_ttl{
    font-size: 1.625rem;
    font-weight: 600;
    line-height:2.438rem;
}
.message_info .career{
    width:100%;
    margin-top:1.563rem;
    line-height:1.5rem;
}

.representative h4{
    font-family:"Hiragino Mincho ProN",  /* macOS */
    "Hiragino Mincho Pro",
    "Yu Mincho", "YuMincho", /* Windows 10+ / macOS */
    "MS PMincho", "MS Mincho", /* 古いWindows */
    "Noto Serif JP",          /* Android/Google Fonts 由来 */
    "Source Han Serif JP",    /* 源ノ明朝が入ってる場合 */
    "IPAex Mincho",
    serif;
    font-size: 2rem;
}




/*企業情報*/
.infomation{
    position: relative;
    padding:4.58rem 0 10.125rem 0;
}
.info_bg{
    width:59.2%;
    background-color: rgba(255, 255, 255,.7);
    backdrop-filter: blur(30px)brightness(1.5);
    -webkit-backdrop-filter: blur(30px)brightness(1.5);
    border-radius: 1.875rem;
    padding-top:1.438rem;
    margin:3.75rem auto 0 auto;
}
.info_inner{
    width:92.5%;
    margin:0 auto;
}
table{
    width:100%;
}
table tr{
    display: flex;
    align-items:stretch;
    justify-content: space-between;
}
table tr th,
table tr td{
    border-bottom:solid 1px #D9C2B6;
    padding:1.875rem 0;
    color: #D9C2B6;
    mix-blend-mode: exclusion;
	isolation: isolate;
    transform: translateZ(0);
}
table tr:last-of-type th,
table tr:last-of-type td{
    border:none;
}
table tr th{
    text-align: left;
    width:30%;
    font-size: 1.125rem;
}
table tr td{
    width:70%;
}


.footer_bottom{
    padding:5.188rem 0 7.25rem 0 !important;
}









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

@media(max-width:1440px){
    .bg_img{
        width: 1200px;
        height: 1210px;
        margin: -0.94vw 0 0 -27.55vw;
    }
    .page_header{
        padding: 8.33vw 0;
    }

    .message_container .face {
        width: 36.18vw;
        height: 44.38vw;
    }
    .message_container .face img{
        width: 115%;
        height: auto;
        object-position: -30px -100px;
    }
    .message_info{
        width: calc(100% - 36.18vw - 5%);
    }


    /*企業情報*/
    .info_bg {
        width: 800px;
    }
}

@media(max-width:1024px){
    .bg_img{
        width: 1000px;
        height: 1010px;
        margin: -1vw 0 0 -37.55vw;
    }

    .message .section_ttl{
        top: -35px;
    }
    .section_ttl h4{
        font-size: 6rem;
    }

    .message_container .face img{
        width: 110%;
        object-position: -5px -60px;
    }



    /*企業情報*/
    .info_bg {
        width: clamp(700px, 78.13vw, 800px);
    }
}


@media(max-width:768px){
    main{
        padding:80px 0 0 0;
    }
    .page_header{
        padding: 5.21vw 0;
    }
    .page_header h2{
        font-size: clamp(60px, 10.42vw, 80px);
    }
    .bg_img {
        width: 104.17vw;
        height: 105.47vw;
        margin: -4vw 0 0 -43.55vw;
    }

    .message .inner_area {
        padding: 11.125rem 0 5.286rem 0;
    }
    .message .section_ttl{
        top: -4vw;    
    }
    .section_ttl h4{
        font-size: clamp(60px, 9.11vw, 70px);
    }

    .message_container{
        flex-flow: column;
    }
    .message_container .face{
        width: 280px;
        height: 340px;
    }
    .message_info {
        width: 100%;
        margin-top: 3rem;
    }
    .representative{
        font-size: 1.25rem;
        margin-top: 3em;    
    }


    /*企業情報*/
    .infomation{
        padding: 3.58rem 0 6.125rem 0;
    }
    .info_bg {
        width: 100%;
    }
    
}

@media(max-width:425px){
    main{
        padding: 60px 0 0 0;
    }
    .page_header {
        padding: 2.857rem 0;
    }
    .page_header h2{
        font-size: 3.571rem;    
    }
    .bg_img {
        width: 450px;
        height: 460px;
        margin: 0vw 0 0 -200px;
    }


    .message_container .face{
        width: 260px;
        height: 323px;
    }
    .message_container .face img{
        object-position: -10px -50px;
    }
    

    .message .inner_area {
        padding: 8.125rem 0 3.286rem 0;
    }
    .message_container .face {
        width: 80%;
        height: 94.12vw;
        margin: 0 auto;
    }
    .message_ttl br:nth-of-type(2){
        display: none;
    }
    .message .section_ttl {
        top: -25px;
    }


    /*企業情報*/
    .infomation{
        padding: 3.286rem 0 5.125rem 0;
    }
    table tr{
        flex-flow: column;
    }
    table tr th{
        width: 100%;
        border: none;
        padding-bottom: 0;
    }
    table tr td {
        width: 100%;
        padding-top: 0.5rem;
    }
    .info_bg{
        margin: 2.75rem auto 0 auto;
    }
}


@media(max-width:375px){
    .message_container .face {
        width: 100%;
        height: 110vw;
    }
}


@media(max-width:320px){
    .message .section_ttl {
        top: -20px;
    }
    .section_ttl h4 {
        font-size: 50px;
    }
}