@charset "utf-8";
/* ==========================================================================
    
========================================================================== */
.js-load{
    display: none !important;
}
section.main-visual .-card{
    right: auto;
    left: 0;
}
section.main-visual .content{
    right: auto;
    left: 0;
    top: 5.9em;
    text-align: left;
    padding-left: 2em;
}

@media screen and (min-width:768px){
#ep01{
    margin-top: -6vw;
}
#ep01 .-image{
    width: 37.962%;
    margin-top: -17vw;
}
#ep01 .-content{
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
}
@media screen and (min-width:768px) and (max-width:1080px){
    #ep01 .-image{
        margin-top: -160px;
    }
}
@media screen and (max-width:767px){
    #ep01{
        margin-top: -30px;
    }
}
@media screen and (min-width:768px){
#ep02{
}
#ep02 .-image{
    position: absolute;
    left: 50%;
    width: 60vw;
    height: 0;
    min-width: 800px;
    z-index: 0;
    x-webkit-transform: translateY(-200px);
    xtransform: translateY(-200px);
}
#ep02 .delay-txt{
    width: 69%;
}
#ep02 .delay-txt:last-child{
    width: 47%;
}
#ep02-2 .-image{
    width: 37.962%;
    margin-top: -10vw;
}
#ep02-2 .-content{
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
}
@media screen and (min-width:768px) and (max-width:921px){
    #ep02 .delay-txt,
    #ep02 .delay-txt:last-child{
        width: auto;
    }
    #ep02 .delay-txt .question{
        display: inline-block;
    }
    #ep02-2 .-image{
        margin-top: 0;
    }
}
@media screen and  (max-width:767px){
    #ep02 .-content,
    #ep02-2 .-content{
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }
}
@media screen and (min-width:768px){
#ep03 .-image{
    width: 26.57%;
}
#ep03 .-image img{
    position: absolute;
    right: 0;
    max-width: 300%;
}
#ep03 .-content{
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
}
@media screen and (min-width:768px) and (max-width:1080px){
    #ep03 .-image img{
        max-width: 100%;
        position: static;
    }
}
@media screen and (min-width:768px){
#ep04{
    margin-bottom: 10em;
}
#ep04 .-image{
    width: 37.962%;
}
#ep04 .-image img{
    position: absolute;
    right: 0;
    max-width: 300%;
    z-index: 9999;
}
#ep04 .-content{
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
}
@media screen and (min-width:768px) and (max-width:1080px){
    #ep04 .-content{
        padding-left: 0;
    }
    #ep04 .-image{
        right: auto;
        left: 0;
        opacity: 0.5;
    }
}
@media screen and (min-width:768px){
#ep05 .-cos{
    padding-left: 130px;
}
#ep05 .-content{
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
#ep05 .-image{
    width: 280px;
}
#ep05 .-image .img img{
    position: absolute;
    max-width: 250%;
}
}
@media screen and (min-width:768px) and (max-width:1080px){
    #ep05 .-cos{
        padding-left: 0;
    }
}
@media screen and (min-width:768px){
#ep06 .-content{
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
#ep06 .-image{
    width: 332px;
    position: relative;
    margin-top: -15em;
    z-index: 2;
}
#ep06 .-image img{
    position: absolute;
    left: 0;
    max-width: 200%;
}
}
@media screen and (min-width:768px) and (max-width:1080px){
    
}

.z3{
    position: relative;
    z-index: 3;
}
.profile img{
    border: #707070 0.5px solid;
}
@media screen and (min-width: 1081px){
#conclusion .heading h2 {
    margin-top: -3em;
}
#conclusion .heading {
    margin-bottom: 11em;
}
}
@media screen and (max-width: 1080px){
#conclusion .heading .img {
    float: right;
    width: 50%;
}
#conclusion .heading h2{
    font-size: 4.8vw;
    padding-top: 4em;
}
}