@media screen and (max-width: 750px) {
    #contents {
        font-size: 15px;
    }

    .movie_area {
        background: url(../images/deco01.png), url(../images/deco02.png), url(../images/movie_bg.png);
        background-position: right 0% top 30%, left 0% bottom 20%, center;
        background-size: 100px, 150px, 200px;
        background-repeat: no-repeat, no-repeat, repeat;
    }

    .course_item_wrap {
        background-color: #FFF;
        border: 3px solid #000;
        box-shadow: 1px 1px 1px;
        margin: 5% auto;
        padding: 2%;
        max-width: 90%;
        min-width: auto;
    }

    .movie_area_in {
        width: 75%;
    }

    .movie_txt {
        font-size: 0.8em;
    }

    .movie_items {
        margin: 15% auto;
        padding: 2%;
    }

    .course_detail th {
        width: 100px;
        vertical-align: middle;
    }

    .course_detail td {
        padding: 3%;
    }

    .course_detail table {
        width: 100%;
        font-size: 13px;
    }

    .modaal-video-wrap {
        margin: auto 2% !important;
        position: relative;
    }

    .modaal-inner-wrapper {
        padding: 80px 0 !important;
    }

    #cti_pc {
        display: none;
    }

    #cti_sp {
        display: block;
    }

    .course_txt_img {
        display: block;
    }

    .course_area h3 {
        font-size: 1.2em;
        margin-bottom: 5%;
    }

    .course_item_in {
        background-size: 15px;
    }

    .course_txt,
    .course_img {
        width: 100%;
    }

    .course_img {
        height: 150px;
        border-radius: 10px 10px 0 0;
    }

    .course_txt {
        height: auto;
        border-radius: 0 0 10px 10px;
        font-size: 0.9em;
    }

    .course_item_in {
        padding: 8%;
    }

    .slick-arrow {
        width: 20px;
        height: 20px;
    }

    .class_photo_area h3 {
        font-size: 1.5em;
        margin-bottom: 10%;
    }

    .class_photo_area h3:after {
        right: -1px;
        top: -20px;
    }

    .line_sp {
        display: block;
    }

    .line_pc {
        display: none;
    }

    .footer_txt {
        font-size: 0.8em;
        line-height: 1.7em;
    }
    footer {
        padding: 100px 10% 10% 10%;
    }
    .footer_txt br {
        display: block;
    }
    .contact_area h3 {
        font-size: 1.5em;
        margin-bottom: 70px;
    }
    .contact_area {
        padding: 10% 5% 120px;
    }
    footer:before {
        content: "";
        position: absolute;
        width: 200px;
        height: 200px;
        background-image: url(../images/footer_img.png);
        background-size: contain;
        background-repeat: no-repeat;
        top: -90px;
        left: 50%;
        -moz-transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translate(-50%);
    }
}