/* モーダル */
/*==========================================================================*/

body.modal-open {
  overflow: hidden;
}

#c-modal_bg{
	background-color: #6CBA5A;
	opacity: 0.6;
	padding: 8rem 0;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
	width: 100%;
	height: 100%;
	cursor: pointer;
}
#c-modal {
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 9999;
	transform: translate(-50%, -50%);
	width: 100%;
	max-width: 1000px;
	max-height: 85vh;   /* 画面の高さに収まるよう制限 */
	overflow-y: auto;   /* 縦スクロールを有効化 */
	margin: auto;
	background-color:#fff;
	padding: 3rem 5rem 2rem;
	border-radius: 10px;
	box-sizing: border-box;
}



#c-modal_close{ cursor: pointer; display: none;}


#c-modal h2{

	text-align: center;
}
#c-modal h3{

}
#c-modal .modal_title_L{font-size:2.625rem;line-height: 1.4; color: #F15A24; font-weight: 500;}
#c-modal .modal_title_M{font-size:1.2rem;line-height: 1.55; font-weight: 400;}


.modal_txt{font-size:1.1rem;line-height: 1.8;font-weight: 400;}
.mac .modal_txt{font-weight: 300;}

/*#c-modal .list li{font-size:1.2rem;font-weight: 400;margin-bottom: 0.5rem;}
#c-modal .list li::before{font-size: 1rem;top: 0.2rem;}
.mac #c-modal .list li{font-weight: 300;}*/



/*PCのみ*/
@media print, screen and (min-width: 737px) {

}






/* SP */
@media screen and (max-width: 736px) {
#c-modal_bg{padding: 1rem 0;}
#c-modal{ width: 94%; max-width: inherit; padding:2rem 1.5rem 2rem;}
#c-modal .modal_title_M{ font-size:1.1rem;  }
#c-modal .modal_title_L{ font-size:1.4rem; }
.modal_txt{font-size:1rem;line-height: 1.8;}	
/*	
#c-modal .list li{font-size:1.1rem;line-height: 1.65;margin-bottom: 1rem;}
#c-modal .list li::before{font-size: 0.95rem;top: 0.2rem;}*/
	
	

}