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

/* ----------cont_after–---------- */
.cont_after{
}
/* ----------main---------- */
.cont_after .main{
    display:flex;
    justify-content:space-between;
    margin-bottom:100px;
}
.cont_after .main .image{
    width:50%;
    overflow:hidden;
}
.cont_after .main .image img{
    object-fit:cover;
    height:100%;
    width:100%
}
.cont_after .main .detail{
    width:45%;
}
.cont_after .main .detail h2{
    font-size:1.5rem;
    margin:2em 0;
}

/* ----------959px–---------- */
@media screen and (max-width: 959px) {
    .cont_after .main{
        display:block;
        justify-content:unset;
    }
    .cont_after .main .image{
        width:100%;
        overflow:hidden;
    }
    .cont_after .main .detail{
        width:100%;
    }
}
/* ----------768px–---------- */
@media screen and (max-width: 768px) {
    .cont_after .main .image{
        aspect-ratio:1 / 1;
    }
    .cont_after .main .detail h2{
        font-size:1.3rem;
    }
}

/* ----------sub_detail–---------- */
.sub_detail{
    display:flex;
    justify-content:space-between;
    margin:0 0 150px 0;
}
.sub_detail .image{
    width:35%;
    background:#f1f1ee;
    padding:20px;
    box-sizing:border-box;
    align-items:center;
    display:flex;
}
.sub_detail .image dd{
    margin:auto;
}
.sub_detail .image h6{
    font-weight:bold;
    font-size:0.9rem;
    margin:0 0 0.5em 0;
}
.sub_detail .image img{
    width:100%;
    vertical-align:bottom;
}
.sub_detail .text{
    width:60%;
    padding:2em 0;
}
.sub_detail .text h3{
    font-size:1.3rem;
    margin:0 0 1.5em ;
}
/* ----------959px–---------- */
@media screen and (max-width: 959px) {
    .sub_detail{
        display:block;
        justify-content:unset;
    }
    .sub_detail .image{
        width:100%;
    }
    .sub_detail .image dd{
        margin:auto;
        width:1000%;
        max-width:400px;
    }
    .sub_detail .text{
        width:100%;
    }
}



/* ----------sub_performance–---------- */
.sub_performance{
    margin:0 calc(50% - 50vw) 100px;
    width:100vw;
    background:#f1f1ee;
    padding:100px 0;
}
.sub_performance .wrap{
    width:90%;
    max-width:1400px;
    margin:auto;
    display:flex;
    justify-content:space-between;
}
.sub_performance .wrap .inner{
    width:48%;
}
.sub_performance .main_image{
    overflow:hidden;
}
.sub_performance .main_image img{
    object-fit:cover;
    height:100%;
    width:100%;
    vertical-align:bottom;
    margin:0 0 20px 0;
}
.sub_performance .detail{
}
.sub_performance .detail h2{
    font-size:1.2rem;
    margin-bottom:0.5em;
}
/* ----------768px–---------- */
@media screen and (max-width: 768px) {
    .sub_performance .wrap{
        display:block;
        justify-content:unset;
    }
    .sub_performance .wrap .inner{
        width:100%;
    }
    .sub_performance .wrap .inner:nth-of-type(1){
        margin:0 0 50px 0;
        padding:0 0 50px 0;
        border-bottom:1px solid #6e6e60;
    }
}