@charset "utf-8";
#main br.SP{display: none;}
#main.floor{padding: 80px 50px 90px}
#main.floor h1{text-align: center; font-size: 24px; font-family: 'Noto-Sans-JP-Bold'; line-height: 146%;}
#main.floor ul{padding: 44px 0 0;}
#main.floor ul li{max-width: 473px; width: 100%;  margin: 0 auto;}
#main.floor ul li:not(:last-child){margin: 0 auto 20px;}
#main.floor ul li a{display: block; background: #F5F5F5; border-radius: 100px; font-size: 22px; line-height: 137%;font-family: 'Noto-Sans-JP-Medium'; position: relative; text-decoration: none; color: #000; padding: 22px 44px;}
#main.floor ul li a:before{content: ""; display: block; width: 14px; height: 14px; background: url(../../images/modal/icn_1.svg) no-repeat center center; background-size: 100%; position: absolute; right: 26px; top: 50%; transform: translateY(-50%);}

/*---------------------- modal_box ----------------------*/
body.modal_2{padding: 101px 94px 90px 86px;}
#main.modal_box{padding: 24px 0 0;}
#main.modal_box .cover_image,
#main.modal_box .cover_mover,
#main.modal_box .cover_image img,
#main.modal_box .cover_mover video{width: 100%; height: auto;}
#main.modal_box .cover_mover {padding: 56.5% 0 0 ;position: relative;}
#main.modal_box .cover_mover video,
#main.modal_box .cover_mover iframe{position: absolute; top: 0px; right: 0px; width: 100%; height: 100%;}
body.modal_2 h1{text-align: center; font-size: 14px;font-family: 'Noto-Sans-JP-Medium'; line-height: 224%}
body.modal_2 h1 span{font-size: 30px; font-family: 'Noto-Sans-JP-Medium'; color: #0079BA;}

#main.modal_box .sub_image:not(:first-child){margin: 25px 0 0;}
#main.modal_box .content:not(:first-child){padding: 60px 0 0;}
#main.modal_box .content p.b_text{line-height: 200%; font-size: 16px; font-family: 'Noto-Sans-JP-Regular'; padding: 38px 0 0;letter-spacing: 0.05em;}
#main.modal_box .content p.b_text span { font-family: 'Noto-Sans-JP-Bold';}
#main.modal_box .content .box:not(:first-child){padding: 60px 0 0;}

#main.modal_1 .content p.b_text{font-size: 16px;}
#main.modal_1 .sub_image:not(:first-child){margin: 42px 0 0;}


/*---------------------- modal_box update css for cms compatibility ----------------------*/
.modal-details:not(:first-child){padding:30px 0 !important;}
.modal-details p.b_text{padding:0 !important;}
.modal-details video{width: 100% !important;}
/* ------------------------------------------------------------ mobile */
@media only screen and (max-width:640px){
	#main br.SP{display: block;}
	#main.floor{padding: 40px 25px 45px}
	#main.floor h1{font-size: 18px;}
	#main.floor ul{padding: 22px 0 0;}
	#main.floor ul li:not(:last-child){margin: 0 auto 10px;}
	#main.floor ul li a{font-size:16px; padding: 11px 22px;}
	#main.floor ul li a:before{width: 10px; height: 10px; right: 18px; }
	
	
	/*---------------------- modal_box ----------------------*/
	body.modal_2{padding: 50px 20px 45px;}
	body.modal_2 h1{font-size: 11px;line-height: 224%}
	body.modal_2 h1 span{font-size: 21px;}	
	#main.modal_1 .content p.b_text{font-size: 13px;}

	
	#main.modal_box{padding: 15px 0 0;}
	#main.modal_box .sub_image:not(:first-child){margin: 15px 0 0;}
	#main.modal_box .content:not(:first-child){padding: 40px 0 0;}
	#main.modal_box .content p.b_text{font-size: 13px;padding: 20px 0 0;}
	#main.modal_box .content p.t_text{font-size: 13px;  padding: 20px 0 0;}
	#main.modal_box .content .box:not(:first-child){padding: 30px 0 0;}

	#main.modal_1 .sub_image:not(:first-child){margin: 21px 0 0;}
	
	
	
	/*---------------------- modal_box update css for cms compatibility ----------------------*/
	.modal-details:not(:first-child){padding:15px 0 !important;}
	.modal-details p.b_text{padding:0 !important;}
	

}