@charset "utf-8";
/* CSS Document */


@media screen and (max-width: 1365px) {
    
    /*----- header ----- */
    header .head_inn{
        height: 120px;
    }
    .inner{
        width: 92%;
    }
    header h1 {
        width: 32%;
    }
    header .address{
        margin-top: 1%;
    }
    header .right{
        max-width: 480px;
    }
    header .right .contact_area li:nth-child(1){
        margin-top: 0%;
    }
    header .right .contact_area li:nth-child(2) {
        width: 27%;
    }
    header .right .contact_area li:nth-child(3) {
        width: 14%;
    }

    /*----- footer ----- */
    
    /*----- 共通パーツ ----- */
    .main_vis h2 {
        text-align: center;
    }
    .main_vis h2 img{
        height: 55px;
        width: auto;
    }
    
    /*----- index ----- */    
    .biginner_01 .award_box h4 {
        position: absolute;
        top: -54px;
        left: 20px;
    }
    

}



@media screen and (max-width: 768px) {
    .pc_only{display: none !important;}
    .sp_only{display: inline !important;}

    
    /*----- header ----- */
    header .head_inn {
        height: 90px;
    }
    header h1{
        min-width: 260px;
    }
    header nav ul li ul{
        display: none;
    }

    /*----- footer ----- */
    
    /*----- 共通パーツ ----- */
    
    /*----- biginner ----- */
    .biginner_01 .lesson{
        display: block
    }
    .biginner_01 .lesson .step{
        max-width: 100%;
        min-height: auto;
        padding: 0 0 10px 0;
    }
    .biginner_01 .lesson p{
        width: 20px;
        margin: 0 auto;
    }
        
    /*----- tourlog ----- */
    .tourlog_01{
        margin-top: 40px;
        margin-bottom: 80px;
    }
    .tourlog_01 .left{
        width: 70%;
    }
    .tourlog_01 .news_list dl dt{
        float: none;
        width: 100%;
        padding: 15px 0 5px 26px;    
    }
    .tourlog_01 .news_list dl dd{
        padding: 0px 85px 10px 0px;
    }
    .tourlog_01 .news_list dl dd .photo{
        max-width: 80px;
        top: auto;
        bottom: 30px;
    }
    .course_01 .course_box .detail .right{
        margin-left: 3%;
    }
    
    /*----- contact ----- */
    .contact_01 .line_box h3{
        margin: 0 30px;
    }
    .contact_01 .line_box ul{
        padding: 40px 10px;
    }
    a.scroll_point {
       display: block;
      margin-top: -0px;
      padding-top: 0px;
    }
    /*----- shedule ----- */ 
    .schedule_01 .left{
    }
    .tour_calendar .month{
        flex-wrap: wrap;
    }
    .tour_calendar .month li{
        width: 16.2%;
        margin-bottom: 5px;
    }
    .tour_calendar .month li:nth-child(6n){
        margin-right: 0;
    }
    .tour_calendar .month li a{
        font-size: 14px;
    }
    /*----- course ----- */ 
    .course_01 .menu li{
        width: 48%;
        margin-right: 3%;
    }
    .course_01 .menu li:nth-child(2n){
        margin-right: 0;
    }
    .course_01 .menu li:nth-child(3n){
        margin-right: 3%;
    }
    .course_01 .course_box .detail .bar img{
        height: 40px;
    }

.tour_title {
	width: calc(100% /4) !important;
}

    
}





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

    
    
    /*----- header ----- */

    /*----- footer ----- */
    footer .inner{
        display: block;
    }
    footer .googlemap{
        width: 100%;
    }
    footer .right h3{
        margin: 30px auto;
    }
    footer .right h4{
        text-align: center;
        margin-bottom: 20px;
    }
    footer .right h4 span{
        display: block;
    }
    footer .right h5{
        text-align: center;
    }
    footer .right h6{
        text-align: center;
    }
    footer .right .address dd span{
        margin:0 5px 5px 0;
        width: 70px;
        text-align: center;
    }
    footer .right .contact{
        justify-content: center;
    }
    footer .privacy{
        text-align: center;
    }
    footer .back_icon{
        max-width: 60px;
        right: 10px;
    }
    
    /*----- 共通パーツ ----- */
    .main_vis h2 img{
        height: 35px;
        width: auto;
    }
    .ttl01 {
        font-size: 20px;
        line-height: 1.4em;
    }
    
    /*----- index ----- */
    .top_main h2{
        font-size: 34px
    }
    .top_01 h2{
        font-size: 28px;
    }
    .top_01 p{
        font-size: 15px;
    }
    .top_01 h3{
        font-size: 24px;
    }
    .top_01 h3 span {
        font-size: 37px;
    }
    .top_01 h4 {
        font-size: 20px;
    }
    .top_02 dl dt{
        float: none;
        width: 100%;
        padding: 2px 0 0px 45px;
        margin-top: 20px;
    }
    .top_02 dl dd{
        padding: 0px 4% 12px 45px;
    }
    .top_03 .ttl_bg{
        height: 172px;
        margin-bottom: 25px;
    }
    .top_03 .ttl_bg h2{
        font-size: 27px;
    }
    .top_03 .movie{
        display: block;
    }
    .top_03 .movie li:nth-child(1){
        width: 60%;
        margin: 0 auto 30px auto;
    }
    .top_03 .youtube{
        width: 90%;
        margin: 0 auto;
    }
    .top_03 .reason{
        display: block;
    }
    .top_03 .reason li{
        margin: 0 auto;
    }
    .top_03 .reason li:nth-child(3n){
        margin: 0 auto;
    }
    .top_04 .ttl_bg{
        height: 172px;
        margin-bottom: 25px;
    }
    .top_04 .ttl_bg h2{
        font-size: 27px;
    }
    .top_04 .voice_box{
        display: block;
    }
    .top_04 .voice_box p{
        margin: 0 auto 20px auto;
    }
    .top_04 .voice_box dl{
        max-width:100%;
        margin-left: 0;
    }
    .top_04 .voice_box:nth-child(2n) dl{
        margin-right: 0%;
    }
    .top_05 ul{
        flex-wrap: wrap;
    }
    .top_05 ul li{
        margin: .5%;
        width: 49%;
    }
    .top_05 .shop_bg{
        margin: 0 .5%;
    }
    
    
    /*----- staff ----- */
    .shop_03 .staff_box{
        padding: 30px 0 40px 0;
    }
    .shop_03 .staff_box {
        display: block;
    }
    .shop_03 .staff_box .name{
        max-width: 100%;
        width: 100%;
        margin-bottom: 20px;
    }
    .shop_03 .staff_box .name p{
        width: 50%;
        margin: 0 auto;
    }
    .shop_03 .staff_box .name h4{
        margin: 10px 0 0 0;
    }
    .shop_03 .staff_box .profile{
        width: 100%;
    }
    
    /*----- biginner ----- */
    .biginner_01 .ex_box{
        margin-bottom: 60px;
    }
    .biginner_01 .left{
        max-width: 100%;
        width:100%;
        display: block;
        margin-bottom: 30px;
    }
    .biginner_01 .left .underline span{
        font-size: 18px;
    }
    .biginner_01 .left .point01{
        padding: 10px 10px;
    }
    .biginner_01 .right{
        display: block;
        width: 100%;
    }
    .biginner_01 .right p{
        width: 70%;
        margin: 0 auto;
    }
    .biginner_01 .award_box{
        display: block;
    }
    .biginner_01 .award_box .photo{
        width: 100%;
    }
    .biginner_01 .award_box .award_list{
        max-width: 100%;
        width: 100%;
        margin-left: 0;
    }
    .biginner_01 .award_box{
        margin: 80px 0 0px 0;
    }
    .biginner_01 .award_box h4 {
        position: absolute;
        top: -40px;
        left: 0;
    }
    .biginner_01 .price_info{
        margin: 27px 0 10px 0;
    }
    .biginner_01 .award_box .award_list li{
        width: 100%;
        float: none;
    }
    
    /*----- biwalake ----- */
    .biwalake_01 .ex_box{
        margin-bottom: 50px;
    }
    .biwalake_01 .left{
        max-width: 100%;
        width: 100%;
        display: block;
    }
    .biwalake_01 .right{
        width: 100%;
    }
    .biwalake_01 .right p{
        width: 70%;
        margin: 0 auto;
    }
    .biwalake_01 dt{
        width: 100px;
        margin-right: 10px;
    }
    .biwalake_02 .feature{
        display: block;
        padding: 35px 0;
    }
    .biwalake_02 .feature dl{
        max-width: 100%;
        width: 100%;
    }
    .biwalake_02 .feature p{
        max-width: 100%;
        margin: 20px auto 0 auto;
    }
    .biwalake_02 .contact_btn {
        max-width: 80%;
        margin: 10px auto 70px auto;
    }
    
    /*----- tourlog ----- */
    .tourlog_01{
        display: block;
    }
    .tourlog_01 .left{
        width: 100%;
    }    
    .tourlog_01 .right{
        width: 100%;
        margin-top: 80px;
    }    

    
    /*----- course ----- */
    .course_01 {
        margin-top: 60px;
        margin-bottom: 100px;
    }
    .course_01 .course_box h3{
        font-size: 20px;
        padding: 10px 50px 10px 20px;
    }
    .course_01 .course_box .detail .bar img {
        height: 32px;
    }
    .course_01 .course_box .detail{
        padding: 20px 20px;
    }
    .course_01 .course_box .detail .left{
        display: block;
        width: 100%;
    }
    .course_01 .course_box .detail .right{
        width: 70%;
        display: block;    
        margin: 0 auto 30px auto;
    }
    .course_01 .course_box .detail .course_menu li .left_box{
        width: 100%;
        display: block;
    }
    .course_01 .course_box .detail .course_menu li .right_box{
        width: 70%;
        display: block;    
        margin: 20px auto 10px auto;
    }
    .course_01 .course_box .detail .other_opion{
        display: block;
    }
    .course_01 .course_box .detail .other_opion dt{
        float: none;
    }
    .course_01 .course_box .detail .other_opion dd{
        width: 100%;
    }
    .course_01 .course_box .detail .msd_license{
        display: block;
    }
    .course_01 .course_box .detail .msd_license .right_box{
        width: 50%;
        margin: 0 auto;
    }

    /*----- contact ----- */
    .contact_01{
        margin-top: 70px;
    }
    .contact_01 .line_box ul{
        display: block;
        width: 90%;
        margin: 0 auto;
        padding: 20px 10px;
    }
    .contact_01 .line_box ul li{
        width: 100%;
        margin-bottom: 20px;
    }
    .contact_01 .line_box ul li:nth-child(2) p{
        margin: 20px auto;
    }
    
    
    /*----- contact ----- */
    .schedule_01 {
        margin-top: 70px;
        margin-bottom: 80px;
    }
    .schedule_01 .section{
        padding: 20px 0;
    }
    .schedule_01 .left{
        width: 100%;
        margin-right: 0%;
        display: block;
    }
    .schedule_01 .right{
        max-width: 100%;
        width: 100%;
        margin: 0 auto 20px auto;
        display: block;
    }
    .schedule_01 .tour_info{
        display: block;
    }
    .schedule_01 .tour_info dt{
        width: 50%;
    }
    .schedule_01 .tour_info dd{
        width: 100%;
    }
    
    /*----- shedule ----- */
    .tour_calendar {
        padding: 50px 0 100px 0;
    }
    .tour_calendar .month{
        margin-bottom: 50px;
    }
    .tour_calendar .month li{
        width: 33%;
    }
    .tour_calendar .month li:nth-child(3n){
        margin-right: 0;
    }
    .tour_calendar .school,
    .tour_calendar .daytrip,
    .tour_calendar .tour,
    .tour_calendar .holiday{
        font-size: 10px;
    }
    .tour_calendar .start,
    .tour_calendar .end,
    .tour_calendar .middle{
        height: 20px;
    }
    
    
    
}