@charset "UTF-8";

@media screen and (max-width: 640px){
	
	.modalwindow .body{
		position: relative;
		width: calc(100% - 24px);
		margin: 12px;
		left: 0;
	}
	
	.modalwindow .body .modal_content{
		padding: 12px;
	}
	
	.modalwindow .modal_img{
		position: static;
		width: 100px;
		margin: 0 auto 12px;
	}
	
	.modalwindow .modal_title{
		font-size: 16px;
		margin-top: 32px;
		padding-bottom: 6px;
	}
	
	.modalwindow .modal_title span{
		display: block;
		font-size: 20px;
	}
	
	.modalwindow .modal_naka{
		margin: 24px 0 0;
	}
	
}



@media screen and (max-width: 424px){
	
	header h1{
		font-size: 16px;
		text-align: left;
		padding-left: 20px;
	}
	
}

@media screen and (max-width: 340px){
	
	body{
		font-size: 14px;
	}
	
	header h1{
		font-size: 14px;
	}
	
	.contents h2{
		font-size: 22px;
	}
	
	.contents p{
		font-size: 13px;
	}
	
	.contents p.gray{
		max-width: 268px;
	}
	
	.contents.single_page h2{
		font-size: 13px;
	}
	
	.contents.single_page p{
		font-size: 13px;
	}
	
	.ul_bosyu_itiran li .bosyu_sita_txt span{
		display: block;
	}
	
	.waku_syosai_tw_renraku{
		font-size: 13px;
	}
	
	.waku_syosai_txt{
		font-size: 11px;
	}
	
}