.mdClose-area{}
.close-btn{color:hsla(0,0%,0%,0.4); font-size: 3.2rem; line-height: 1; position: absolute; top: 5px; right:8px;}
.modal-cont-yoyaku h1{font-weight: bold; font-size: 2.3rem; text-align: center; margin: 5px 0 3px;}

/*=================================================
modal_02
=====================================================*/
.yoyakuBTN_first a{display: block;width: 100%; max-width: 300px; color: #FFFFFF!important;background-color: #00479d; padding: 6px 15px;text-align: center;margin: 20px auto;border-radius: 5px;}
.yoyakuBTN_first a:hover{opacity: 0.6;transition: 0.6s;}

/*=================================================
modal
=====================================================*/

.modal-cont-yoyaku table{width: 100%;}
.modal-cont-yoyaku table,.modal-cont-yoyaku th,.modal-cont-yoyaku td{table-layout: fixed;}
.modal-cont-yoyaku table td{vertical-align: top; padding-bottom: 15px; line-height: 1.5;}
.modal-cont-yoyaku table,.modal-cont-yoyaku table td{table-layout: fixed;}
.modal-cont-yoyaku a.yoyaku-bnr-big{text-align: center; padding-left: 0; padding-right: 0;}
.tel-set{display: block; margin: 15px 0;}
.tel-set a{text-decoration: none !important; font-size: 3.0rem; font-family: Helvetica , "游ゴシック" , "Yu Gothic" , sans-serif;}
.tel-set a i{transform: rotate(10deg); font-size: 2.6rem; margin-right: 5px; position: relative; top:2px;}
/*最近の主な論文*/
.modal-paper-list{border:1px solid #ccc; height: calc(100vh - 225px); overflow-y:scroll; padding: 0 15px;}
.modal-paper-list .paper-list li{padding-bottom: 25px;}
.modal-paper-list .paper-list li:first-child{border-top: none;}
.mdPage-paper h1{margin-bottom: 15px; line-height: 1;} 
.paper-ttl-middle{padding:35px 0 5px 0; margin-bottom: 0 !important; color:#00479d; border-bottom: 1px solid #c0c0c0; border-top: 1px solid #c0c0c0; vertical-align: middle;}

.pBox p{text-align: left; line-height: 1.4!important;}
.pBox {text-align: left; display: block;width: 91%;max-width: 480px; margin: 0 auto;line-height: 1.4!important;}

.modal-list{text-align: left; max-width: 480px; margin: 0 auto;  width: 91%; }	
.modal-list li{line-height: 1.4!important; text-indent: -0.3em;padding-left: 0.3em;padding-top: 8px;}
.modal-list li::before{content: "●"; color: #C73537;display: inline-block;}	

.modal-notic{
	font-size: 1.8rem;
	color: #00479d;
	font-weight: bold;
	line-height: 1.5!important;
	margin-top: 16px;
}

.notic-wave{
	text-decoration: #ef4040 wavy underline;
	text-underline-offset: 1px;
}

	.notic-line{
background: linear-gradient(transparent 70%, rgba(240,140,0,0.5) 0%);
  display: inline;
	}
	
/*
	.notic-line::before{
		content: "";
		position: absolute;
		display: block;
		width: 100%;
		height: 8px;
		z-index: -1;
		background-color: rgba(240,140,0,0.4);
		bottom: 0;
		left: 0;
	}
*/

/*アコーディオン*/

/*チェックボックスを消す*/
.checkbox{
  display: none;
}
 
/*アコーディオンの大きさと位置調整*/
.accordion01 , .accordion02{
	width: 90%;
  max-width: 480px;
  margin: 0 auto 20px;
}
 
/*アコーディオンのラベルの設定*/
.pink{
  background-color: #D94A4C;
  color: #FFFFFF;
  font-size: 1.1em;
}
 
.green{
  background-color: #349F96;
  color: #FFFFFF;
  font-size: 1.1em;
}
 
.accordion01 dt label {
  position: relative;
  display: block;
  padding: 10px 20px;
  cursor: pointer;
}

.accordion01 dt label p{
	width: 93%;
}

.accordion02 dt label{
  position: relative;
  display: block;
  padding: 10px 20px;
  cursor: pointer;
}
 
/*ラベル内の矢印の設定*/
.accordion01 dt label::after{
  content:'';
  display: block;
  border-left:7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 10px solid #FFFFFF;
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translate(0,-50%);
  transition:.4s .4s;
}

.accordion02 dt label::after{
  content:'';
  display: block;
  border-left:7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 10px solid #FFFFFF;
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translate(0,-50%);
  transition:.4s .4s;
}
 
/*表示される要素の基本設定*/
.accordion01 dd{
  height: 0;
  transition:.4s;
  overflow: hidden;
  padding: 0 20px;
  border: solid 2px transparent;
}
.accordion02 dd{
  height: 0;
  transition:.4s;
  overflow: hidden;
  padding: 0 20px;
  border: solid 2px transparent;
}
 
/*ラベル内の矢印のアニメーション設定*/
.accordion01 .checkbox:checked ~ dl dt label::after{
  transform: translate(0,-50%) rotate(-180deg);  
}
 
/*表示される要素のアニメーション設定*/
.accordion01 .checkbox:checked ~ dl dd{
  height: auto;
  padding: 15px;
  border: solid 2px #D94A4C;
background-color: #FFEFEF;
}

/*ラベル内の矢印のアニメーション設定*/
.accordion02 .checkbox:checked ~ dl dt label::after{
  transform: translate(0,-50%) rotate(-180deg);  
}
 
/*表示される要素のアニメーション設定*/
.accordion02 .checkbox:checked ~ dl dd{
  height: auto;
  padding: 15px;
  border: solid 2px #349F96;
  background-color: #f3fcd7;
}


/*=================================================
sp
=====================================================*/
@media screen and (max-width: 759px) {
.yoyakuBTN_first a{display: block;width: 100%; max-width: 280px; color: #FFFFFF!important;background-color: #00479d; padding: 10px 15px;text-align: center;margin: 20px auto;border-radius: 5px;font-weight: 500;}
.yoyakuBTN_first a:hover{opacity: 0.6;transition: 0.6s;}	
	
.modal-cont-yoyaku h1.SP_small{font-weight: bold; font-size: 1.9rem; text-align: center; margin: 45px 0 0;line-height: 1.5;}	
	
	.close-btn{top: 3px; right:5px;}
	.modal-cont-yoyaku table td{padding-bottom: 12px;}
	.modal-cont-yoyaku table td p{line-height: 1.4;}
	.tel-set a{color: #fff; display: inline-block; background-color:#00479d; padding: 5px 15px; border-radius: 4px;}
	.modal-cont-yoyaku a.yoyaku-bnr-big{ margin-top:0px !important; }
	/*最近の主な論文*/
.modal-paper-list{ height: calc(100vh - 172px); }
.modal-paper-list .paper-list li{padding-bottom: 15px;}	
.mdPage-paper h1{margin: 10px 0; line-height: 1;}	
.tel-set a{text-decoration: none !important; font-size: 2.3rem; font-family: Helvetica , "游ゴシック" , "Yu Gothic" , sans-serif;}
.tel-set a i{transform: rotate(10deg); font-size: 2.0rem; margin-right: 5px; position: relative; top:2px;}	

.modal-list{text-align: left; width: 91%; padding: 8px 0;}	
.modal-list li{line-height: 1.4!important; text-indent: -0.3em;padding-left: 0.3em;padding-top: 8px;}
.modal-list li::before{content: "●"; color: #C73537;display: inline-block;}			
	
	.modal-notic{
		font-size: 1.7rem;
}
	
	.modal-notic > p{
				line-height: 1.4!important;
	}
	
}