@charset "utf-8";
#main{padding: 0px;}




#main .main h2{font-size: 40px; }
#main .main p{line-height: 180%; font-size: 20px; padding: 30px 0 0;}


/*---------------------- slick ----------------------*/
.slick_modal .main{padding: 30px 0 0;}
.slick_modal .img{width: 100%; padding: 25% 0; background: #000;}
.slick_modal .slide{ padding: 25px;}
.slick_modal .box_list{padding: 30px 0 0;}
.slick_modal .box_list h3{font-size: 20px; line-height: 160%;}
.slick_modal .box_list .box:not(:first-child){padding: 20px 0 0;}

/*---------------------- youtube ----------------------*/
.youtube_modal .youtube{padding: 56.5% 0 0; position: relative;} 
.youtube_modal .youtube iframe{position: absolute; top: 0px; right: 0px; width: 100%; height: 100%;}

#main.youtube_modal .main{padding: 50px 0;}
#main.youtube_modal .main{text-align: center;}
#main.youtube_modal .main .box{padding: 30px 0 0; }
#main.youtube_modal .main .box h3{font-size: 30px;}
#main.youtube_modal .main .box p{line-height: 180%; font-size: 16px;}


@media only screen and (max-width: 680px) {
	#main .main h2{font-size: 30px; }
	#main .main p{ font-size: 13px; padding: 15px 0 0;}


	/*---------------------- slick ----------------------*/
	.slick_modal .slide{ padding: 15px;}
	.slick_modal .box_list{padding: 20px 0 0;}
	.slick_modal .box_list h3{font-size: 16px;}
	

	/*---------------------- youtube ----------------------*/	
	#main.youtube_modal .main{padding: 25px 0; width: 90%; margin: 0 auto;}
	#main.youtube_modal .main .box{padding: 20px 0 0;}
	#main.youtube_modal .main .box h3{font-size: 20px;}
	#main.youtube_modal .main .box p{line-height: 180%; font-size: 13px;}
}