@charset "UTF-8";
/* CSS Document */
/*===========================================共通設定===========================================*/
body{
	font-family:'Noto Sans JP','Sawarabi Gothic', 'Sawarabi Mincho';

}





/*===========================================PC設定===========================================*/
@media print, screen and (min-width:768px){
	
	h2{
		width: 60%;	
		min-width: 768px;
		margin: 0 auto;
		font-family: 'Noto Serif JP', serif;
	}
	h2 img{
		width: 100%;
		height: auto;
		margin: 50px 0;
		
	}	
	h2.newnews{
		font-family: 'Noto Serif JP', serif;
		text-align: center;
		font-size: 1.5em;
		margin: 0 auto 30px;
	}
	
	/*================ #aisatu ============*/
	
	
	#aisatu{
		width:60%;
		min-width: 768px;
		margin: 0 auto;
	}
	
	.a_img{
		width:200px;
		margin:120px auto 50px;
	}
	.a_img img{ 
		width: 100%;
		height: auto;
	}
	.a_text{
		width: 768px;
		margin: 0 auto 120px;
		line-height: 2em;
	}
	
		/*================ #lesson ============*/
	#lesson{
		margin: 0 0 120px;
	}
	#lesson h2{
		margin: 0 auto 50px;
	}
	#lesson .l_list{
		width: 60%;
		min-width: 768px;
		margin: 0 auto 80px;
		display: flex;
		flex-wrap: nowrap;
		justify-content: space-around;
		
	}
	#lesson .l_list .l_img{
		width:30%;
		margin: 0 20px 0 0;
		
	}
	#lesson .l_list .l_img img{
		width: 100%;
		height: auto;
		
	}
	#lesson .l_list .l_text{
		width:65%;	
	}
	#lesson .l_list .l_text h3{
		font-family: 'Noto Serif JP', serif;
		font-weight: 200;
		font-size: 1.7em;
		margin: 0 0 20px;
	}
	#lesson .l_list .l_text p{
		line-height: 1.6em;
		margin: 0 0 30px
	}
	
	.readmore{
		width: 250px;
		padding: 8px 0;
		border: 1px solid #acd598;
		text-align: center;
		box-shadow: 2px 2px 3px #cacaca;
	}
	
	/*================ #gallery ============*/
	#gallery{
		margin: 0 0 120px;
	}	
	
	.g_img{
		width: 60%;
		min-width: 768px;
		margin: 0 auto 50px;
	}
	.g_img img{
		width: 100%;
		height: auto;
	}
	#gallery .readmore{
		margin: 0 auto;
	}
	
	/*================ #owner ============*/
	
	.o_box{
		width: 60%;
		min-width: 768px;
		margin: 0 auto 80px;
		display: flex;
		flex-wrap: nowrap;
		justify-content: space-around;
	}
	.o_img{
		width:30%;
		margin: 0 20px 0 0;
	}
	.o_img img{
		width: 100%;
		height: auto;
	}
	.owner_text{
		width:65%;	
	}
	.o_name{
			font-family: 'Noto Serif JP', serif;
		font-weight: 200;
		font-size: 1.4em;
		padding: 0 0 8px;
		border-bottom: 1px solid #656565;
		margin: 0 0 20px;
	}
	.o_text{
		line-height: 1.6em;
		margin: 0 0 30px
	}
	

	
	
	/*================ #contact ============*/	
	#contact h2{
		margin: 0 auto 50px;
	}
	
	.con_box{
		text-align: center;
		margin: 0 0 30px;
		
	}
	#contact{
		margin: 0 0 120px;
		
	}
	
}/*===========================================PC設定終了============================================*/


/*===========================================タブレット===========================================*/
@media (max-width: 1024px) and (min-width: 768px) { 
		
	
	
	

}/*===========================================タブレット終了===========================================*/





/*===========================================SP設定===========================================*/
@media print, screen and (max-width:767px){
		h2{
		width: 90%;	
		margin: 0 auto;
	}
	h2 img{
		width: 100%;
		height: auto;
		margin: 50px 0;
		
	}	
	
		h2.newnews{
		font-family: 'Noto Serif JP', serif;
		text-align: center;
		font-size: 1.5em;
		margin: 0 auto 30px;
	}
	
/*================ #aisatu ============*/
	
	
	#aisatu{
		width:90%;
		margin: 0 auto;
	}
	
	.a_img{
		width:50%;
		margin:50px auto 50px;
	}
	.a_img img{ 
		width: 100%;
		height: auto;
	}
	.a_text{
		width: 95%;
		margin: 0 auto 120px;
		line-height: 2em;
	}
		
	/*================ #lesson ============*/
	#lesson{
		margin: 0 0 120px;
	}
	#lesson h2{
		margin: 0 auto 30px;
	}
	#lesson .l_list{
		width: 90%;
		margin: 0 auto 80px;
		
	}
	#lesson .l_list .l_img{
		width:100%;
		margin: 0 0 30px;
	}
	#lesson .l_list .l_img img{
		width: 100%;
		height: auto;
		
	}
	#lesson .l_list .l_text{
		width:100%;	
	}
	#lesson .l_list .l_text h3{
		font-family: 'Noto Serif JP', serif;
		font-weight: 200;
		font-size: 1.5em;
		margin: 0 0 20px;
		text-align: center;
	}
	#lesson .l_list .l_text p{
		line-height: 1.6em;
		margin: 0 0 30px
	}
	
	#lesson .l_list .l_text p.readmore{
		width: 80%;
		margin: 0 auto;
		padding: 8px 0;
		border: 1px solid #acd598;
		text-align: center;
		box-shadow: 2px 2px 3px #cacaca;
	}
	
	
		/*================ #gallery ============*/
	#gallery{
		width: 90%;
		margin: 0 auto 60px;
	}	
	
	.g_img{
		width: 100%;
		margin: 0 auto 30px;
	}
	.g_img img{
		width: 100%;
		height: auto;
	}

	.readmore{
		width: 80%;
		margin: 0 auto;
		padding: 10px 0;
		border: 1px solid #acd598;
		text-align: center;
		box-shadow: 2px 2px 3px #cacaca;
	}
	
		.readmore a{
		display: block;
		width: 100%;
		height: 100%;
	}
	
	/*================ #owner ============*/
	
	.o_box{
		width: 90%;
		margin: 0 auto 50px;
	}
	.o_img{
		width:80%;
		margin: 0 auto 30px;
	}
	.o_img img{
		width: 100%;
		height: auto;
	}
	.owner_text{
		width:100%;	
	}
	.o_name{
		font-family: 'Noto Serif JP', serif;
		font-weight: 200;
		font-size: 1.3em;
		padding: 0 0 8px;
		border-bottom: 1px solid #656565;
		margin: 0 0 20px;
		text-align: center;
	}
	.o_text{
		line-height: 1.6em;
		margin: 0 0 30px
	}
	


	
	
	/*================ #contact ============*/	
	#contact h2{
		margin: 0 auto 30px;
	}
	
	.con_box{
		width: 90%;
		text-align: center;
		margin: 0 auto 20px;
		line-height: 1.4em;
		
	}
	.con_box img{
		width: 100%;
		height: auto;
		}
	#contact{
		margin: 0 0 120px;
		
	}
	
}/*===========================================SP設定終了============================================*/