@charset "utf-8";
#main{padding: 0px; font-family: 'Noto-Sans-JP-Regular';}




#main .main h1{font-size: 40px; text-align: center; font-family: 'Noto-Sans-JP-Medium'; line-height: 120%;}


#main .main{padding: 100px 0 0; width: 90%; margin: 0 auto;}
/*---------------------- slick ----------------------*/
.blog .main .box img{padding: 20px 0;}
.blog .main .box p.data{line-height: 160%; padding: 0 0 5px; font-size: 20px; font-family: 'Noto-Sans-JP-Regular';}
.blog .main .box .box-content{padding: 10px 0 0;}
.blog .main .box .box-content .text{line-height: 180%; padding: 0px ;}
.blog .main .box .box-content a{width: 260px; height: auto; text-align: center; margin: 30px auto 0; display: block; position: relative; padding: 8px 0 0; text-decoration: none; }
.blog .main .box .box-content a span{width: 100%; color: #000; background: #E7D0A9; font-family: 'Noto-Sans-JP-Medium'; line-height: 167%; border-radius: 1000px; padding: 14px 0; display: block; position: absolute; top: 0px; left: 0px; font-size: 18px; }
.blog .main .box .box-content a:before{content: ""; display: block; width: 100%; height: 58px; background: #baa788; border-radius: 1000px;}
.blog .main .box{padding: 30px 0 0;}
.blog .main .box h2{font-size: 24px; line-height: 160%; font-family: 'Noto-Sans-JP-Medium';}

/*---------------------- 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 0;}
#main.youtube_modal .main{text-align: center;}
#main.youtube_modal .main .box{padding: 40px 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 h1{font-size: 24px;}

	#main .main{padding: 80px 0 0; width: 90%; margin: 0 auto;}
	/*---------------------- slick ----------------------*/
	.blog .main .box img{padding: 20px 0;}
	.blog .main .box p.data{padding: 0 0 5px; font-size: 16px;}
	.blog .main .box .box-content .text{font-size: 13px;}
	.blog .main .box .box-content{padding: 10px 0 0;}
	.blog .main .box .box-content a{width: 100%; margin: 15px auto 0; padding: 8px 0 0;}
	.blog .main .box .box-content a span{ padding: 13px 0 14px; font-size: 16px; }
	.blog .main .box .box-content a:before{height: 54px; }
	.blog .main .box{padding: 5px 0 0;}
	.blog .main .box h2{font-size: 20px;}
	

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