@media screen and (min-width: 751px) {
    #warp {
        width: 100%;
        min-width: 1300px;
        margin: 0 auto;
    }

    #head {
        width: 100%;
        max-width: 1920px;
        margin: 0 auto;
        background: url(../img/head_bk.jpg) no-repeat top center;
        min-height: 900px;
        background-size: cover;
        position: relative;
    }

    #head .head_in {
        width: 100%;
        min-width: 1300px;
        margin: 0 auto;
        line-height: 0;
        position: absolute;
        bottom: 6%;
    }

    #head .head_in h1 {
        width: 1300px;
        margin: 0 auto;
        background: url(../img/head_logo.png) no-repeat top center;
        height: 474px;
        background-size: contain;
        font-size: 0px;
    }

    #read {
        width: 100%;
        max-width: 1920px;
        margin: 0 auto;
        background: url(../img/read_bk.jpg) no-repeat top center;
        min-height: 724px;
        background-size: cover;
    }

    #read .read_in {
        width: 1300px;
        margin: 0 auto;
        background: url(../img/read_in_bk.png) no-repeat top center;
        min-height: 724px;
        background-size: cover;
    }

    #read .read_in .cast {
        width: 100%;
        margin: 0 auto;
        height: 0;
        background: url(../img/cast.png) no-repeat top center;
        padding-top: 23.84615384615385%;
        padding-top: calc(310 / 1300 * 100%);
        background-size: contain;
        font-size: 0px;
    }

    #read .read_in .read_txt {
        width: 100%;
        margin: 0 auto;
        height: 0;
        background: url(../img/read_txt.png) no-repeat top center;
        padding-top: 31.84615384615385%;
        padding-top: calc(414 / 1300 * 100%);
        background-size: contain;
        font-size: 0px;
    }

    #read .read_in .sp_img {
        display: none;
    }

    #about {
        width: 100%;
        max-width: 1920px;
        margin: 0 auto;
        background: url(../img/about_bk.jpg) no-repeat top center;
        min-height: 721px;
        background-size: cover;
    }

    #about .about_in {
        width: 1300px;
        margin: 0 auto;
    }

    #about .about_in .about_tit {
        width: 100%;
        margin: 0 auto;
        height: 0;
        background: url(../img/about_tit.png) no-repeat top center;
        padding-top: 14.61538461538462%;
        padding-top: calc(190 / 1300 * 100%);
        background-size: contain;
        font-size: 0px;
    }

    #about .about_in .about_txt {
        width: 100%;
        margin: 0 auto;
        height: 0;
        background: url(../img/about_txt.png) no-repeat top center;
        padding-top: 34.30769230769231%;
        padding-top: calc(446 / 1300 * 100%);
        background-size: contain;
        font-size: 0px;
    }

    #about .about_in .sp_img {
        display: none;
    }

    #place {
        width: 100%;
        max-width: 1920px;
        margin: 0 auto;
        background: url(../img/place_bk.jpg) no-repeat top center;
        min-height: 785px;
        background-size: cover;
    }

    #place .place_in {
        width: 1300px;
        margin: 0 auto;
        background: url(../img/place_in_bk.png) no-repeat top center;
        min-height: 785px;
        background-size: cover;
    }

    #place .place_in .place_tit {
        width: 100%;
        margin: 0 auto;
        height: 0;
        background: url(../img/place_tit.png) no-repeat top center;
        padding-top: 12.92307692307692%;
        padding-top: calc(168 / 1300 * 100%);
        background-size: contain;
        font-size: 0px;
    }

    #place .place_in .place_txt {
        width: 100%;
        margin: 0 auto;
        height: 0;
        background: url(../img/place_txt.png) no-repeat top center;
        padding-top: 38.15384615384615%;
        padding-top: calc(496 / 1300 * 100%);
        background-size: contain;
        font-size: 0px;
    }

    #place .place_in .sp_img {
        display: none;
    }

    #content {
        width: 100%;
        max-width: 1920px;
        margin: 0 auto;
        background: url(../img/content_bk.jpg) no-repeat top center;
        min-height: 2564px;
        background-size: cover;
    }

    #content .content_in {
        width: 1300px;
        margin: 0 auto;
    }

    #content .content_in .txt01 {
        width: 100%;
        margin: 0 auto;
        height: 0;
        background: url(../img/content_txt01.png) no-repeat top center;
        padding-top: 21.76923076923077%;
        padding-top: calc(283 / 1300 * 100%);
        background-size: contain;
        font-size: 0px;
    }

    #content .content_in .txt02 {
        width: 100%;
        margin: 0 auto;
        height: 0;
        background: url(../img/content_txt02.png) no-repeat top center;
        padding-top: 26.92307692307692%;
        padding-top: calc(350 / 1300 * 100%);
        background-size: contain;
        font-size: 0px;
    }

    #content .content_in .img01 {
        width: 100%;
        margin: 0 auto;
        height: 0;
        background: url(../img/image01.png) no-repeat top center;
        padding-top: 53.07692307692308%;
        padding-top: calc(690 / 1300 * 100%);
        background-size: contain;
        font-size: 0px;
    }

    #content .content_in .img02 {
        width: 100%;
        margin: 0 auto;
        height: 0;
        background: url(../img/image02.png) no-repeat top center;
        padding-top: 46.61538461538462%;
        padding-top: calc(606 / 1300 * 100%);
        background-size: contain;
        font-size: 0px;
    }

    #content .content_in .img03 {
        width: 100%;
        margin: 0 auto;
        height: 0;
        background: url(../img/image03.png) no-repeat top center;
        padding-top: 44.23076923076923%;
        padding-top: calc(575 / 1300 * 100%);
        background-size: contain;
        font-size: 0px;
    }

    #footer {
        width: 100%;
        max-width: 1920px;
        margin: 0 auto;
        background: url(../img/footer_bk.jpg) no-repeat top center;
        min-height: 288px;
        background-size: cover;
        font-size: 0px;
    }

    #footer .footer_in {
        width: 1300px;
        margin: 0 auto;
        background: url(../img/footer_logo.png) no-repeat top center;
        min-height: 288px;
        background-size: cover;
    }

}

@media screen and (max-width: 750px) {

    #warp {
        margin: 0;
        min-width: 320px;
    }

    #head {
        background: none;
        min-width: 320px;
        min-height: auto;
    }

    #head .head_in {
        width: 100%;
        min-width: 320px;
        margin: 0 auto;
        line-height: 0;
        position: static;
    }

    #head .head_in h1 {
        width: 100%;
        margin: 0 auto;
        background: url(../img/sp_head_logo.jpg) no-repeat top center;
        padding-top: 104.1666666666667%;
        padding-top: calc(820 / 768 * 100%);
        background-size: contain;
        font-size: 0px;
    }

    #read {
        background: url(../img/sp_read_bk.jpg) no-repeat top center;
        padding-top: 229.6875%;
        padding-top: calc(1764 / 768 * 100%);
        background-size: contain;
        position: relative;
    }

    #read .read_in {
        width: 100%;
        min-width: 320px;
        margin: 0 auto;
        background: none;
        min-height: 724px;
        position: absolute;
        top: 0;
    }

    #read .read_in .cast {
        background: url(../img/sp_cast.png) no-repeat top center;
        padding-top: 52.08333333333333%;
        padding-top: calc(400 / 768 * 100%);
        background-size: contain;
        font-size: 0;
    }

    #read .read_in .read_txt {
        background: url(../img/sp_read_txt.png) no-repeat top center;
        padding-top: 70.3125%;
        padding-top: calc(540 / 768 * 100%);
        background-size: contain;
        font-size: 0;
    }

    #read .read_in .sp_img {
        display: block;
        background: url(../img/sp_read_img.png) no-repeat top center;
        padding-top: 95.57291666666667%;
        padding-top: calc(734 / 768 * 100%);
        background-size: contain;
        font-size: 0;
    }

    #about {
        background: url(../img/sp_about_bk.jpg) no-repeat top center;
        padding-top: 235.9375%;
        padding-top: calc(1812 / 768 * 100%);
        background-size: contain;
        position: relative;
    }

    #about .about_in {
        width: 100%;
        min-width: 320px;
        margin: 0 auto;
        background: none;
        min-height: 724px;
        position: absolute;
        top: 0;
    }

    #about .about_in .about_tit {
        background: url(../img/sp_about_tit.png) no-repeat top center;
        padding-top: 25.78125%;
        padding-top: calc(198 / 768 * 100%);
        background-size: contain;
        font-size: 0;
    }

    #about .about_in .about_txt {
        background: url(../img/sp_about_txt.png) no-repeat top center;
        padding-top: 95.57291666666667%;
        padding-top: calc(734 / 768 * 100%);
        background-size: contain;
        font-size: 0;
    }

    #about .about_in .sp_img {
        display: block;
        background: url(../img/sp_about_img.jpg) no-repeat top center;
        padding-top: 102.0833333333333%;
        padding-top: calc(784 / 768 * 100%);
        background-size: contain;
        font-size: 0;
    }

    #place {
        background: url(../img/sp_place_bk.jpg) no-repeat top center;
        padding-top: 229.1666666666667%;
        padding-top: calc(1760 / 768 * 100%);
        background-size: contain;
        font-size: 0px;
        position: relative;
    }

    #place .place_in {
        width: 100%;
        margin: 0 auto;
        background: none;
        min-height: auto;
        position: absolute;
        top: 0;
    }

    #place .place_in .place_tit {
        background: url(../img/sp_place_tit.png) no-repeat top center;
        padding-top: 27.34375%;
        padding-top: calc(210 / 768 * 100%);
        background-size: contain;
        font-size: 0px;
    }

    #place .place_in .place_txt {
        background: url(../img/sp_place_txt.png) no-repeat top center;
        padding-top: 105.46875%;
        padding-top: calc(810 / 768 * 100%);
        background-size: contain;
        font-size: 0px;
    }

    #place .place_in .sp_img {
        display: block;
        background: url(../img/sp_place_img.png) no-repeat top center;
        padding-top: 89.19270833333333%;
        padding-top: calc(685 / 768 * 100%);
        background-size: contain;
        font-size: 0;
    }

    #content {
        background: url(../img/sp_content_bk.jpg) no-repeat top center;
        min-height: auto;
        padding-top: 361.71875%;
        padding-top: calc(2778 / 768 * 100%);
        background-size: cover;
        font-size: 0px;
        position: relative;
    }

    #content .content_in {
        width: 100%;
        margin: 0 auto;
        position: absolute;
        top: 0;
    }

    #content .content_in .txt01 {
        background: url(../img/sp_content_txt01.png) no-repeat top center;
        padding-top: 67.70833333333333%;
        padding-top: calc(520 / 768 * 100%);
        background-size: contain;
        font-size: 0px;
    }

    #content .content_in .txt02 {
        background: url(../img/sp_content_txt02.png) no-repeat top center;
        padding-top: 78.125%;
        padding-top: calc(600 / 768 * 100%);
        background-size: contain;
        font-size: 0px;
    }

    #content .content_in .img01 {
        background: url(../img/sp_image01.png) no-repeat top center;
        padding-top: 80.20833333333333%;
        padding-top: calc(616 / 768 * 100%);
        background-size: contain;
        font-size: 0px;
    }

    #content .content_in .img02 {
        background: url(../img/sp_image02.png) no-repeat top center;
        padding-top: 67.44791666666667%;
        padding-top: calc(518 / 768 * 100%);
        background-size: contain;
        font-size: 0px;
    }

    #content .content_in .img03 {
        background: url(../img/sp_image03.png) no-repeat top center;
        padding-top: 58.59375%;
        padding-top: calc(450 / 768 * 100%);
        background-size: contain;
        font-size: 0px;
    }

    #footer {
        background: url(../img/sp_footer_bk.jpg) no-repeat top center;
        padding-top: 58.59375%;
        padding-top: calc(450 / 768 * 100%);
        background-size: contain;
        font-size: 0px;
        position: relative;
    }

    #footer .footer_in {
        width: 100%;
        margin: 0 auto;
        background: url(../img/sp_footer_logo.png) no-repeat top center;
        padding-top: 58.59375%;
        padding-top: calc(450 / 768 * 100%);
        background-size: contain;
        font-size: 0px;
        position: absolute;
        top: 0;
    }

}

#page-top {
    position: fixed;
    bottom: 0px;
    right: 0px;
    width: 137px;
    height: 41px;
    opacity: 0.6;
    -webkit-transition: all 1s;
    transition: all 1s;
}

#page-top a:hover {
    opacity: 1;
}



#about .about_in .movie .video #vjs_video_3 {
    padding-top: 56.3%;
}