@charset "UTF-8";
/* CSS Document */

/* -- cont_comp -- */
.cont_pre{
    background:#eff2f2;
    padding:0;
    box-sizing:border-box;
}
.cont_pre .wrap{
}
.cont_pre .wrap .image_inner{
    width:100%;
    margin:0 0 50px 0;
}
.cont_pre .wrap .image_inner .image_box_inner{
    position:relative;
    width:100%;
     height:450px;
    background:url("../../../../../img/company/president/president_img.webp") no-repeat top right / auto 100%;
}
.cont_pre .wrap .image_inner .image_box_inner:after{
    content:"";
    display:block;
    width:60%;
    height:100%;
    background-image: linear-gradient(90deg, #eff2f2 80%, transparent);
}
.cont_pre .wrap .image_inner .catch{
    font-size:1.5rem;
    position:absolute;
    top:0;
    left:10%;
    bottom:0;
    margin:auto;
    height:fit-content;
    line-height:1.5em;
}
.cont_pre .wrap .text_inner{
    padding:4% 10% 6%;
    box-sizing:border-box;
}
.cont_pre .wrap .text_inner p{
    margin:0 0 2em 0;
}
.cont_pre .wrap .text_inner .name{
    width:50%;
    max-width:250px;
    box-sizing:border-box;
    margin:0 0 0 auto;
}
.cont_pre .wrap .text_inner .name p{
    line-height:1.5em;
    font-size:1em;
    margin-bottom:0.5em;
}
.cont_pre .wrap .text_inner .name > img{
    vertical-align:bottom;
    width:100%;
}
/* ----------1099px–---------- */
@media screen and (max-width: 1099px) {
    .cont_pre .wrap .image_inner .catch span{
        display:block;
    }
}
/* ----------959px–---------- */
@media screen and (max-width: 959px) {
    .cont_pre .wrap .image_inner .image_box_inner{
        aspect-ratio:1 / 0.5;
        height:unset;
    }
    .cont_pre .wrap .image_inner .catch{
        left:7%;
    }
    .cont_pre .wrap .text_inner{
        padding:0 7% 4%;
        box-sizing:border-box;
    }
}
/* ----------768px–---------- */
@media screen and (max-width: 768px) {
    .cont_pre{
        padding:0%;
    }
    .cont_pre .wrap{
        display:block;
        justify-content:unset;
    }
    .cont_pre .wrap .image_inner{
        width:100%;
    }
    .cont_pre .wrap .image_inner .catch{
        font-size:1.3rem;
        left:5%;
    }
    .cont_pre .wrap .text_inner{
        padding:0 5% 4%;
        box-sizing:border-box;
    }
}
/* ----------599px–---------- */
@media screen and (max-width: 599px) {
    .cont_pre .wrap .image_inner .image_box_inner{
        position:relative;
        width:100%;
        aspect-ratio:1 / 0.7;
        background:url("../../../../../img/company/president/president_img.webp") no-repeat top right / auto 100%;
    }
    .cont_pre .wrap .image_inner .catch {
        font-size:4vw;
        color:#fff;
    }
    .cont_pre .wrap .image_inner .image_box_inner:after{
        width:50%;
        height:100%;
        background-image: linear-gradient(90deg, #1d0e0099 20%, transparent);
    }
    .cont_pre .wrap .text_inner .name{
        width:250px;
        max-width:unset;
        box-sizing:border-box;
        margin:0 0 0 auto;
        display:block;
    }
    .cont_pre .wrap .text_inner .name p{
        line-height:1.5em;
        font-size:1em;
        margin-bottom:0.5em;
        width:fit-content;
    }
    .cont_pre .wrap .text_inner .name > img{
        vertical-align:bottom;
        width:100%;
        max-width:160px;
        margin:0 0 0 auto;
    }
}
/* ----------519px–---------- */
@media screen and (max-width: 519px) {
    .cont_pre .wrap .text_inner .name{
        width:100%;
        max-width:250px;
        box-sizing:border-box;
        margin:0 0 0 0;
    }
}
/* ----------499px–---------- */
@media screen and (max-width: 499px) {
    .cont_pre .wrap .image_inner .name{
        width:30%;
        padding:5px 10px;
    }
    .cont_pre .wrap .image_inner .name p{
        font-size:0.8em;
        margin-bottom:0.3em;
    }
    .cont_pre .wrap .image_inner{
        margin:0 auto 50px;;
    }
}