@media screen and (max-width: 1300px){
    body .intro__inner{
        margin: 0 20px;
    }
}
@media screen and (max-width: 1260px){
    body .intro__inner{
        margin: 0 40px;
    }
}
@media screen and (max-width: 1220px){
    body .intro__inner{
        margin: 0 60px;
    }
}
@media screen and (max-width: 1200px){
    body .intro__inner{
        margin: 0;
    }
}
@media screen and (max-width: 1130px){
    body .intro__inner{
        margin: 0 20px;
    }
}
@media screen and (max-width: 1090px){
    body .intro__inner{
        margin: 0 40px;
    }
}
@media screen and (max-width: 1040px){
    body .intro__inner{
        margin: 0 60px;
    }
}
@media screen and (max-width: 1000px){
    body .intro__inner{
        margin: 0 60px 0 80px;
    }
}
@media screen and (max-width: 992px){
    body .intro__inner{
        margin: 0 60px 0 80px;
    }
    body .intro-content__video-container{
        width: 50%;
    }
}
@media screen and (max-width: 990px){
    body .intro__inner{
        margin: 0;
    }
}
@media screen and (max-width: 890px){
    body .intro__inner{
        margin: 0 10px 0 20px;
    }
}
@media screen and (max-width: 840px){
    body .intro__inner{
        margin: 0 20px 0 40px;
    }
}
@media screen and (max-width: 800px){
    body .intro__inner{
        margin: 0 20px 0 60px;
    }
}
@media screen and (max-width: 768px){
    body .intro__inner{
        margin: 0;
    }
    body .intro-content__video-container{
        width: 100%;
        margin-bottom: 15px;
    }
    body .intro .intro__image-section figure{
        flex: 1 0 34%;
        margin: 8px;
    }
    body .intro .intro__image-section figure:nth-child(4n+2){
        margin-left: 8px;
    }
    body .intro .intro__image-section figure:nth-child(4n+5){
        margin-right: 8px;
    }
    body .intro .intro__image-section figure:nth-child(2n+2){
        margin-left: 0;
    }
    body .intro .intro__image-section figure:nth-child(2n+1){
        margin-right: 0;
    }
    body .intro .sologan span{
        display: block;
        text-align: left;
    }
    body .intro .sologan span:last-child{
        text-align: right;
    }
}
@media screen and (max-width: 700px){
    body .intro__inner{
        margin: 0 20px;
    }
}
@media screen and (max-width: 660px){
    body .intro__inner{
        margin: 0 40px;
    }
}
@media screen and (max-width: 620px){
    body .intro__inner{
        margin: 0 40px 0 60px;
    }
}
@media screen and (max-width: 600px){
    body .intro-inner__content-outer .director-quote{
        padding: 0 30px;
    }
}
@media screen and (max-width: 580px){
    body .intro__inner{
        margin: 0 40px 0 50px;
    }
    body .intro__inner .fb-like-box{
        transform: translateX(-108%);
    }
}
@media screen and (max-width: 400px){
    body .intro .sologan{
        font-size: 25px;
    }
}
@media screen and (max-width: 356px){
    body .intro .sologan{
        font-size: 22px;
    }
}