/*==================================================================
汎用
==================================================================*/
/*==================================================================
冒頭
==================================================================*/
#wrap_index_intro {
    margin: 40px auto;
    text-align: center;
    word-break: keep-all;
}

/*==================================================================
コンテンツ一覧
==================================================================*/
#wrap_menu_index {
    padding: 120px 0px 60px 0px;
    background-color: #ebebe8;
    position: relative;
    z-index: 2;
    box-shadow: 0px 10px 10px -5px rgba(0, 0, 0, 0.2);
}




/*==================================================================
レッスン風景
==================================================================*/
#wrap_lesson {
    margin: 120px 0px 60px 0px;
}

#wrap_lesson_slider_outer {
    margin: 40px 0px 80px 0px;
    padding: 40px 10px;
    background-image: url(../images/common/bg_slide.png), url(../images/common/bg_slide.png);
    background-repeat: repeat-x, repeat-x;
    background-position: left top 10px, left bottom 15px;
    background-color: rgba(22, 11, 11, 0.9);
}

#wrap_lesson_slider {
    margin: 0px 0px;
}

.slick-dots {
    bottom: -80px;
}

.slick-slide {
    margin: 0px 10px;
}








/*====================================================================================================================================
SPSPSPSPSPSPSPPSPSPSPSPSPSP
====================================================================================================================================*/
@media screen and (max-width: 640px) {

    /*==================================================================
汎用
==================================================================*/


    /*==================================================================
レッスン風景
==================================================================*/
    #wrap_lesson {
        margin-top: 100px;
    }

    #wrap_lesson_slider .slick-track {
        display: flex;
    }

    #wrap_lesson_slider .slick-slide img {
        width: 100%;
    }

    #wrap_lesson_slider .slick-slide {
        height: auto !important;
    }

    #wrap_lesson_slider_outer {
        background-size: 100px auto;
        padding: 30px 10px;
    }

    /*==================================================================
コンテンツ一覧
==================================================================*/
#wrap_menu_index{
    padding: 80px 0px 20px 0px;
}
    #wrap_menu_index>section>section {
        width: 100%;
        padding: 20px 0px;
        background: none;
        margin: 0px auto;
        box-shadow: none;
    }


    #wrap_menu_index>section>section+section {
        border-top: solid 1px #999;
    }

    #wrap_menu_index>section>section:hover {
        box-shadow: none;
    }

    #wrap_menu_index>section>section a {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
    }

    #wrap_menu_index .wrap_menu_img {
        width: 45%;
    }

    #wrap_menu_index .wrap_menu_txt {
        width: calc(100% - 45% - 20px);
        text-align: left;
        margin: 0px 0px 0px 20px;
    }

    #wrap_menu_index h3 {
        font-size: 18px;
        margin: 0px 0px 20px 0px;
    }

    #wrap_menu_index p {
        margin: 10px 0px;
    }

    #wrap_menu_index .btn_02 {
        margin-bottom: 0px;
    }



    /*==================================================================
閉じカッコ
==================================================================*/
}