@charset "utf-8";
/* CSS Document */








/* ************************************************ 
*	container
* ************************************************ */	

.container{
	width:100%;
	height:100%;
	padding:0;
	margin: 74px auto 150px auto;
	position: relative;
	letter-spacing: 0.1em;
}

/* ************************************************ 
*	各ページタイトル
* ************************************************ */	

.ttl h2{
	color:#fff;
	position: relative;
	z-index:1;
	text-shadow: rgba(0,0,0,0.2) 1px 1px 2px;
}

.ttl{
	background:linear-gradient( -45deg, #efefef 25%, #fff 25%, #fff 50%, #efefef 50%, #efefef 75%, #fff 75%, #fff );
	background-size: 16px 16px;
	height:200px;
		display: flex;
	align-items: center;
	justify-content: center;
	  z-index:-1;
}

.ttl h2{
	text-align:center;
	line-height:1.5;
}

.ttl h2 span{
	font-size:65%;
	display:block;
	font-weight:normal;
}


.cont_ttl01{
	margin:1em 0 2em;
}

.cont_ttl01 h3 {
  position: relative;
  padding: .05em 0 .05em .75em;
  border-left: 5px solid #ccc;
}

.cont_ttl01 h3::after {
  position: absolute;
  left: 0;
  bottom: 0;
  content: '';
  width: 100%;
  height: 0;
}

.cont_ttl02 h4{
	padding:17px 0 15px 30px;
	background: #efefef;
	position: relative;
}

.cont_ttl02 h4::before{
   content:"";
   display:block;
   width:15px;
   height:3px;
   position:absolute;
   top:50%;
   left:0px;
}

.cont_ttl03 h4{
	padding:0 0 .5em 0;
	position: relative;
	border-bottom:1px solid #efefef;
}

.cont_ttl02 h5{
	font-size:16px;
}

.anchor {
    display: block;
    padding-top: 81px;
    margin-top: -81px;
}


 
.cate_menu_box{
	max-width: 960px;
	width: 960px;
	margin:.5em auto 0;
}
 
.cate_menu_box ul{
	 display: flex;
	 justify-content:flex-start;
	 flex-wrap: wrap;
	 margin-left:-15px;
}
 
.cate_menu_box ul li{
	 display: block;
	 position: relative;
	 margin-bottom:2em;
	 transition: all .5s;
	 -webkit-transition: 0.5s;
	 -moz-transition: 0.5s;
	 -o-transition: 0.5s;
	 -ms-transition: 0.5s;
	 width: 300px;
}
.cate_menu_box ul li:hover {
	opacity:.7;
}

.cate_btn:hover em {
	transform: scaleX(0.30);
}
  
.cont_box{
	  margin:2em 0 3em;
 }
  

/* ************************************************ 
*	テーブル
* ************************************************ */	

.table_box{
		width:100%;
	border:1px solid #ccc;
}

.table_box th {
	font-weight: bold;
	color:#fff;
	background:#808080;
	border: solid 1px #ccc;
	padding: 10px;
	text-align:center;
}

.table_box td {
  border: solid 1px #ccc;
  padding: 10px;
}

.table_box .basic_info{
	border: solid 1px #ccc;
	padding: 10px;
	background-color: #DDFFFF
}


.table_box .saved_td{
	border: solid 1px #ccc;
	padding: 10px;
	background-color: #ffcccc
}


.table_box .subject_td{
	border: solid 1px #ccc;
	padding: 10px;
	background-color: #e6e6fa
}
	

.table_box .graph_td{
	width:		32px;
	height:		100px;
	text-align: center;
	vertical-align: 	bottom;
	line-height: 0;
	padding: 0;
	/*
	border-top:		0px;
	border-left: 	0px;
	border-right: 	0px;
	border-bottom: 	0px
	*/
}


.table_box .graph_norborder{
	width:		32px;
	height:		100px;
	text-align: center;
	vertical-align: 	bottom;
	line-height: 0;
	padding: 0;
	border-top:		0px;
	border-left: 	0px;
	border-right: 	0px;
	border-bottom: 	0px
}


.table_box .norborder{
	text-align: center;
	padding: 0;
	border-top:		0px;
	border-left: 	0px;
	border-right: 	0px;
	border-bottom: 	0px
}


/* ************************************************ 
*	目次
* ************************************************ */	

.page-contents{
  margin-bottom:1em;
  border-radius: 5px;
  padding: 0.5em 0em 0.5em 0em;
  border: solid 1px #ccc;
}

.page-contents ol li .fas{
	color:#1a9ce0;
	margin-right:.25em;
}


.page-contents p{
	padding-left:.5em;
	border-bottom:1px solid #ccc;
	margin: 0 1em 1em 1em;
}

.page-contents ol li{
  line-height: 1.5;
  padding: 0.25em 0;
  list-style-type: none;
}




/* ************************************************ 
*	お問い合わせ
* ************************************************ */	

.aninquiry .ttl::after {
  position: absolute;
  top:0px;
  left:0px;
  content:"";
  height:180px;
  width:100%;
  z-index:0;
  background:rgba(153,153,153,.8);
}

.ani_ttl_01{
  font-size: 28px;
	font-weight: bold;
color: #00937C;
  text-align: center;
  padding: 1em;
  border-top: solid 3px #00937C;
  border-bottom: solid 3px #00937C;
  margin:0 0 1.5em 0;
}

.ani_ttl_02{
  font-size: 28px;
	font-weight: bold;
color: #FF667E;
  text-align: center;
  padding: 1em;
  border-top: solid 3px #FF667E;
  border-bottom: solid 3px #FF667E;
  margin:0 0 1.5em 0;
}

.ani_ttl_03{
  font-size: 28px;
	font-weight: bold;
color: #00B5DA;
  text-align: center;
  padding: 1em;
  border-top: solid 3px #00B5DA;
  border-bottom: solid 3px #00B5DA;
  margin:0 0 1.5em 0;
}


.ani_client_box .cont_ttl01,
.ani_researcher_box .cont_ttl01,
.ani_patient_box .cont_ttl01{
	margin:2em 0 1em;
}

.ani_client_box .cont_ttl01 h3::before {
    position: absolute;
    left: -5px;
    bottom: 0;
    content: '';
    width: 5px;
    height: 50%;
    background-color: #00937C;
}

.ani_researcher_box .cont_ttl01 h3::before{
    position: absolute;
    left: -5px;
    bottom: 0;
    content: '';
    width: 5px;
    height: 50%;
    background-color: #FF667E;
}

.ani_patient_box .cont_ttl01 h3::before{
    position: absolute;
    left: -5px;
    bottom: 0;
    content: '';
    width: 5px;
    height: 50%;
    background-color: #00B5DA;
}

.ani_client_box{
	margin:50px 0 0 0 ;
}
.ani_researcher_box,
.ani_patient_box{
	margin:130px 0 0 0 ;
}

.ani_before_box,.ani_tel_box{
	margin:0 0 50px 0 ;
}

.ani_client_box .cont_ttl02 h5,
.ani_researcher_box .cont_ttl02 h5,
.ani_patient_box .cont_ttl02 h5{
	margin-top:1em;
}


.ani_patient_box .cont_box03{
	margin:0;
}


.ani_btn_box ul{
	display: flex;
	justify-content: center;
	margin:50px 0 0 -15px;
}

.ani_btn_box ul li{
	width:calc(100%/4);
		margin-left:5px;
}

.ani_btn_box ul li a{
	font-size:18px;
	display: block;
	text-align: center;
	padding:2em 0em 2em 0;
	font-weight: bold;
	transition: .5s all;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
	position: relative;
}

.ani_btn_box ul li a::before{
	position: absolute;
	content:"";
	width:15px;
	height:9px;
	right:0;
	left:0;
	bottom:1em;
	margin:auto;
	background:url("../images/sub7-icon.svg") no-repeat;
}

.ani_btn_box ul li a:hover{
   opacity:.8;
}

.ani_btn_box ul li:first-child a{
	background:#00937C;
/*	border:2px solid #00937C;*/
	color:#fff;
}

.ani_btn_box ul li:nth-child(2) a{
	background:#FF667E;
/*	border:2px solid #FF667E;*/
	color:#fff;
}


.ani_btn_box ul li:nth-child(3) a{
	background:#00B5DA;
/*	border:2px solid #00B5DA;*/
	color:#fff;
}

.ani_btn_box ul li:nth-child(4) a{
	background:#FF9938;
/*	border:2px solid #00B5DA;*/
	color:#fff;
}

.ani_btn_box ul li:nth-child(4) a::before{
	background:none;
}




.ani_form_btn{
	margin:2em 0 0 0;
}

.ani_form_btn p{
	font-size:18px;
}

.ani_form_btn p a{
	display: block;
	padding-top:2em;
	padding-bottom:2em;
	position: relative;
		border-top:1px solid #999;
	border-bottom:1px solid #999;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
}

.ani_form_btn p a:hover,
.ani_form_btn p a:hover::before{
	opacity:.6;
}

.ani_form_btn p a::before{
	position: absolute;
	content:"";
	width:15px;
	height:26px;
	top:2em;
	right:1em;
	margin:auto;
	background:url("../images/sub6-icon.svg") no-repeat;
	transition: .5s all;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
}


.ani_txt a{
	font-weight: bold;
}

.ani_txt p{
	font-size:20px;
	  position: relative;
	display: inline-block;
}

.ani_txt p::before{
	 content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 0;
  margin: auto;
  bottom: 10px;
  width: 96%;
  height: 10px;
  background: -webkit-repeating-linear-gradient(-45deg, #00B5DA, #00B5DA 4px, #fff 4px, #fff 8px);
  background: repeating-linear-gradient(-45deg, #00B5DA, #00B5DA 4px, #fff 4px, #fff 8px);
	opacity: .3;
}


/* ************************************************ 
*	お問い合わせフォーム
* ************************************************ */	


.anincuiry_box dl{
	display: flex;
	align-items: center;
	margin:0;
	border-bottom:1px dashed #efefef;
}

.anincuiry_box dl:first-child{
	border-top:1px dashed #efefef;
}

.anincuiry_box dl dt{
	width:30%;
	padding:0 0 0 2em;
}

.anincuiry_box dl dt label{
	 display: flex;
	align-items: center;
}

.anincuiry_box dl dt span{
	margin-left:.5em;
	color:#fff;
	background:#D04255;
	font-size:65%;
	border-radius: 3px;
	font-weight: normal;
	padding: 0 3px;
}

.anincuiry_box dl dd{
	padding:1.5em 0;
	width:100%;
	margin:0;
}

.anincuiry_box dl dd textarea{
	width:96%;
	padding:10px 2%;
	margin-top:0px;
}


.btn_box{
	display: flex;
	justify-content: center;
}

.confi_btn {
	margin-left:1em;
}

.submit_btn {
	margin-top:2em;
}

.confi_btn button,
.reset_btn button,
.submit_btn button{
	font-size:18px;
	background:#1462be;
	color:#fff;
	border:#1462be 1px solid;
	padding:1em 2em;
	transition: .5s;
}

.confi_btn button:hover,
.reset_btn button:hover,
.submit_btn button:hover{
	background:#fff;
	color:#1462be;
}






/* ************************************************ 
*	研究者の方へ
* ************************************************ */	

.researcher .ttl::after {
  position: absolute;
  top:0px;
  left:0px;
  content:"";
  height:180px;
  width:100%;
  z-index:0;
  background:rgba(255,102,126,.8);
}

 .researcher .cont_ttl01 h3::before {
    position: absolute;
    left: -5px;
    bottom: 0;
    content: '';
    width: 5px;
    height: 50%;
    background-color: #FF667E;
}

  .researcher .cont_ttl02 h4{
	color: #FF667E;
}

 .researcher .cont_ttl02 h4::before{
   background-color:#FF667E;
}


/* 2020/09/08 ***************************/*

.cont_box02,.cont_box03{
	margin:0 0 2em 0;
}

.cont_box03 a{
	margin-left:1em;
	color:#1462be;
	position: relative;
}

.cont_box03 a::before{
	position: absolute;
	content:"";
	width:7px;
	height:100%;
	left:-1em;
	top:2px;
	margin:auto;
	background:url("../images/sub6-icon.svg") no-repeat;
	
}

.cont_box02 span{
	color:#D04255;
}

.cont_box02 span a{
	font-weight: bold;
	color:#D04255;
	border-bottom:1px solid #D04255;
}

.cont_box02 span a:hover{
	border-bottom:none;
}

.contact_btn{
	padding:2em 0;
	text-align: center;
}

.contact_btn a{
	font-size:18px;
	border:2px solid #1462be;
	border-radius: 2em;
	padding:1em 4em;
	position: relative;
}

.contact_btn a::after{
	content: "";
	position: absolute;
	right:10px;
	top:0;
	bottom:0;
	margin:auto;
	background:url("../images/sub6-icon.svg") no-repeat;
	width:10px;
	height:10px;
}

.contact_btn a:hover{
	color:#1462be;
	background:#efefef;
}



/** 治験依頼者の皆様へ **/	

.cont_txt01{
	margin-top:-1em;
	margin-bottom:1em;
}

.contact_info dl{
	border:1px solid #efefef;
		margin-bottom:0;
}

.contact_info dl dt{
	padding:10px;
	border-bottom:1px solid #efefef;
	background:#efefef;
}

.contact_info dl dd{
	padding:10px;
}





@media screen and (max-width: 767px) {
	
.ttl{
	height:180px;
}
	
.ttl::after{
	height:160px;
}
	
	
.cate_menu_box{
	width:90%;
}
	
.cate_menu_box ul{
	display: flex;
	justify-content:flex-start;
	flex-wrap: wrap;
	margin-right:-15px;
	margin-left:0;
}
	
.cate_menu_box ul li{
	display: block;
	position: relative;
	margin-bottom:2em;
	transition: all .3s;
	width: calc(100%/2 - 15px);
	margin-right:15px;
	margin-left:0;
}

	
/* ************************************************ 
*	テーブル
* ************************************************ */	

.table_wrap {
    overflow-x: auto;
  }
	
 .table_box {
    min-width: 767px;
    margin: 0 10px 0px;
  }
  .table_box td {
    border-top: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
  }
	
.anchor {
    display: block;
    padding-top: 30px;
    margin-top: -30px;
}



/* ************************************************ 
*	お問い合わせ
* ************************************************ */	
	


.ani_client_box{
	margin:30px 0 0 0 ;
}
	
.ani_researcher_box,
.ani_patient_box{
	margin:100px 0 0 0 ;
}
	
.ani_before_box,.ani_tel_box{
	margin:0 0 30px 0 ;
}
	
.ani_btn_box ul{
	flex-direction: column;
	margin-top:30px;
	margin-left:0;
}

.ani_btn_box ul li{
	width:100%;
	margin-left:0;
}
	
.ani_btn_box ul li a{
	font-size:16px;
	text-align: center;
	display: block;
	padding:1em 0;
	font-weight: bold;
	transition: .5s all;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
}
	
.ani_btn_box ul li a::before{
	position: absolute;
	content:"";
	width:15px;
	height:9px;
	right:2em;
	top:1.5em;
	bottom:inherit;
	left:inherit;
	margin:inherit;
	background:url("../images/sub7-icon.svg") no-repeat;
}

.ani_client_box{
	margin-top:30px;
}

.ani_form_btn p a{
	padding:1em 0 1em 1em;
}
	

.ani_form_btn{
	margin:1em 0 0 0;
}
	
.ani_form_btn p a::before{
	position: absolute;
	content:"";
	width:10px;
	height:17px;
	top:0;
	bottom:0;
	right:1em;
	margin:auto;
	background:url("../images/sub6-icon.svg") no-repeat;
	transition: .5s all;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
}

.ani_txt{
	text-align: center;
}

	


	

/* ************************************************ 
*	患者さん・一般の方へ
* ************************************************ */	


.contact_btn{
	padding:1em 0;
	text-align: center;
}

.contact_btn a{
	font-size:16px;
	border:2px solid #1462be;
	border-radius: 2em;
	padding:1em 2.5em 1em 2em;
	position: relative;
}

.contact_btn a::after{
	content: "";
	position: absolute;
	right:10px;
	top:0;
	bottom:0;
	margin:auto;
	background:url("../images/sub6-icon.svg") no-repeat;
	width:10px;
	height:10px;
}

.contact_btn a:hover{
	color:#1462be;
	background:#efefef;
}

	
.anincuiry_box{

}

.anincuiry_box dl{
	display: flex;
	align-items: center;
	flex-direction: column;
	margin:0;
	border-bottom:1px dashed #efefef;
}

.anincuiry_box dl:first-child{
	border-top:1px dashed #efefef;
}

.anincuiry_box dl dt{
	width:100%;
	padding:.75em 0 0 0em;
}

.anincuiry_box dl dd{
	padding:.5em 0 1em;
	width:100%;
	margin:0;
}

.anincuiry_box dl dd textarea{
	width:96%;
	padding:10px 2%;
	margin-top:3px;
}

.btn_box{
	display: flex;
	justify-content: center;
	margin-top:2em;
}

.confi_btn button,
.reset_btn button{
	font-size:16px;
	background:#1462be;
	color:#fff;
	border:#1462be 1px solid;
	padding:1em 2em;
	transition: .5s;
}

.submit_btn {
	margin-top:0;
}
	
}



@media screen and (max-width: 480px) {
	
	.ani_ttl_01,
	.ani_ttl_02,
	.ani_ttl_03{
		font-size:24px;
	}
	
	h3{
		font-size:20px;
	}
	
	h4{
		font-size:18px;
	}
	
	.cate_menu_box ul li{
	display: block;
	position: relative;
	margin-bottom:2em;
	transition: all .3s;
	width: 100%;
	margin-right:15px;
	margin-left:0;
}

.aninquiry_list ul li{
	font-size:16px;
	border-top:1px solid #efefef;
	border-bottom:1px solid #efefef;
}
	

 .aninquiry_list ul li a::before{
	position: absolute;
	content:"";
	width:8px;
	height:100%;
	top:2.25em;
	right:1em;
	margin:auto;
	background:url("../images/sub6-icon.svg") no-repeat;
	
}

	
}