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

/* -- cont_comp -- */
.cont_phi{
}
.cont_phi .wrap{
    display:flex;
    justify-content:space-between;
    flex-direction:row-reverse
}
.cont_phi .wrap .text_inner{
    width:50%;
}
.cont_phi .wrap .text_inner .sub_inner{
    padding-bottom:100px;
    margin-bottom:100px;
    border-bottom:1px dotted #999;
}
.cont_phi .wrap .text_inner .sub_inner:last-child{
    padding-bottom:0px;
    margin-bottom:0px;
    border-bottom:unset;
}
.cont_phi .wrap .text_inner .sub_inner h2{
    font-size:1.3rem;
    margin-bottom:1.5em;
}
.cont_phi .wrap .image_inner{
    width:50%;
    position:relative;
}
.cont_phi .wrap .image_inner .sub_inner{
    width:100%;
    position:sticky;
    top:40%;
}
.cont_phi .wrap .image_inner img{
    width:80%;
    max-width:400px;
    margin:auto;
    display:block;
}

/* ----------959px–---------- */
@media screen and (max-width: 959px) {
}
/* ----------768px–---------- */
@media screen and (max-width: 768px) {
    .cont_phi .wrap{
        justify-content:unset;
        flex-direction:unset;
        display:block;
    }
    .cont_phi .wrap .image_inner{
        width:100%;
        height:100vh;
    }
    .cont_phi .wrap .image_inner .sub_inner{
        top:40%;
        padding:100px 0;
    }
    .cont_phi .wrap .image_inner img{
        width:80%;
        max-width:300px;
    }
    .cont_phi .wrap .text_inner{
        width:fit-content;
        margin:auto;
    }
}
/* ----------599px–---------- */
@media screen and (max-width: 599px) {
    .cont_phi .wrap .text_inner .sub_inner h2{
        font-size:5vw;
    }
}
/* ----------499px–---------- */
@media screen and (max-width: 499px) {
}