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

/* ----------cont_rec–---------- */
.cont_rec{
}

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

/* ----------899px–---------- */
@media screen and (max-width: 899px) {
    .main{
        display:block;
        justify-content:unset;
    }
    .main .image{
        width:100%;
        margin-bottom:30px;
    }
    .main .detail{
        width:100%;
    }
}
/* ----------519px–---------- */
@media screen and (max-width: 519px) {
    .main .detail h3{
        font-size:1.1rem;
    }
}




/* ----------wrap_ep–---------- */
.wrap_ep{
    margin-bottom:50px;
}
.wrap_ep h2{
    font-size:1.5rem;
    margin-bottom:1em;
    border-bottom:1px solid #ccc;
}
.wrap_ep .sub_inner{
    margin-bottom:50px;
}
.wrap_ep .sub_inner h3{
    font-size:1.2rem;
    margin-bottom:1em;
}
.wrap_ep .sub_inner h4{
    font-size:1rem;
    margin:1.5em 0 0.5em 0;
    display: flex;
    align-items: center;
}
.wrap_ep .sub_inner h4:after {
    content: "";
    height: 1px;
    flex-grow: 0.1;
    background-color: #666;
    margin-left: 1rem;
}
/* ----------519px–---------- */
@media screen and (max-width: 519px) {
    .wrap_ep .sub_inner h3{
        font-size:1.1rem;  
    }
    .wrap_ep .sub_inner h4{
        margin:2.5em 0 0.5em 0;
    }
}



/* ----------wrap_overview–---------- */
.wrap_overview{
    margin-bottom:100px;
}
.wrap_overview table{
    width:100%;
}
.wrap_overview table td:first-child{
    width:150px;
    background:#f1f1ee;
    text-align:center;
}
.wrap_overview table td:last-child{
    padding:30px 20px;
    line-height:1.7em;
    background:#f7f7f7;
}
/* ----------519px–---------- */
@media screen and (max-width: 519px) {
    .wrap_overview table td:first-child{
        width:8em;
    }
}


/* ----------wrap_entry–---------- */
.wrap_entry{
}
.wrap_entry h2{
    font-size:1.5rem;
}
.wrap_entry h6{
    font-size:0.9rem;
    margin:0 0 1em 0;
    padding:0 0 1em 0;
}



/* ----------959px–---------- */
@media screen and (max-width: 959px) {
}