@charset "utf-8";
#main .modal-inner{padding: 30px 50px 60px;}
#main .logo{text-align: center; margin: 0 auto; width: 60%; height: auto;}
#main .logo img{width: 100%; height: auto;}

#main .box_list{padding: 30px 0 0; }
#main .box_list .box{border-bottom: 1px solid #a0a0a0;padding: 40px 0 30px;}
#main .box_list .box:first-child{padding: 0 0 30px;}
#main .box_list .box img{width: 100%; height: auto;}
#main .box_list .box p.data{font-size: 16px; line-height: 160%;font-family: "Noto Sans JP";padding: 20px 0 0;}
#main .box_list .box h2{font-size: 30px; line-height: 160%;font-family: 700; padding: 10px 0 0;}
#main .box_list .box p.text{font-size: 20px; line-height: 160%;font-family:"Noto Sans JP"; padding: 10px 0 0;}

/* ------------------------------------------------------------ mobile */
@media only screen and (max-width:640px) {
	#main .modal-inner{padding: 30px 5% 30px;}
	#main .logo{ width: 60%; height: auto;}
	
	#main .box_list{padding: 15px 0;}
	#main .box_list .box{padding: 20px 0 15px;}
	#main .box_list .box:first-child{padding: 0 0 15px;}
	#main .box_list .box p.data{font-size: 13px; padding: 10px 0 0;}
	#main .box_list .box h2{font-size: 26px; padding: 5px 0 0;}
	#main .box_list .box p.text{font-size: 16px; padding: 5px 0 0;}
}