@charset "UTF-8";

/* メディアクエリ（スマートフォン）
------------------------------- */
@media screen and (max-width: 480px) {
    /* header */
    header{
        height: 30vh;
    }
    header h1{
        top: 40%;
        left: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
    }
    header h1 img{
        width: 90px;
    }
    
    /* lesson_top_content
    -------------------------------- */
    .lesson_top_content{
        margin: 0 auto;
        padding-bottom: 40px;
    }
    .lesson_top_content p{
        line-height: 2;
    }
    #lesson_top .sentence{
        margin-bottom: 60px;
    }
    

    /* materialを正方形に2つずつ並べる */
    .material_content .item div{
        width: 46%;
        margin: 2%;
    }
    /* materialを正方形に2つずつ並べる（ここまで） */

    .lesson_content .material span{
        font-size: 4vw;
    }

    /* lesson_menu
    -------------------------------- */
    .lesson_menu_content{
        margin-bottom: 0;
    }
    .lesson_menu_content .menu_items{
        padding-bottom: 40px;
    }
    .lesson_menu_content .menu_items .item{
        flex-direction: column-reverse;
        height: auto;
        margin-bottom: 40px;
    }
    .lesson_menu_content .text_area{
        width: 100%;
        padding: 10% 5%;
    }
    .lesson_menu_content h3{
        font-size: 2.4rem;
        margin-bottom: 15px;
    }
    .lesson_menu_content p{
        font-size: 1.3rem;
        margin-bottom: 20px;
    }
    .lesson_menu_content p br{
        display: none;
    }
    .lesson_menu_content span{
        font-size: 1.4rem;
        line-height: 1.7;
        position: static;
    }
    .lesson_menu_content span em{
        font-size: 2.5rem;
    }
    .lesson_menu_content span br{
        display:inherit;
    }
    .lesson_menu_content .img_area{
        width: 100%;
    }
    .lesson_menu_content .img_area img{
        height: 50vw;
    }

    /* flow
-------------------------------- */
.flow{
	margin-bottom: 60px;
}
.flow::before{
    display: none;
}
.flow_item{
    flex-direction: column;
	margin-bottom: 40px;
}
.flow_item .circle{
    margin-bottom: 10px;
}
.flow_item h3{
    font-size: 1.6rem;
}
.flow_item .row_1 h3{
	line-height: 1.5;
}
.flow_item .row_2 h3{
	line-height: 1.5;
}
.flow_item .row_2 p{
	margin-top: 10px;
}
.flow_item .text_box .item_text{
	line-height: 1.5;
}

/* attention */
.attention_content li{
    font-size: 1.2rem;
	line-height: 1.3;
}
.flow_img{
	width: 80%;
	margin: 0 auto;
	margin-bottom: 60px;
}

    /* schedule
    -------------------------------- */
    #schedule.wrapper{
        width: 95%;
    }
    .cal{
        height: 100%;
        margin-bottom: 20px;
    }
    .cal iframe {
        width: 100%;
        height: 300px;
        }

}