@charset "utf-8";
/* CSS Document */
/*共通
============================================================================================================ */
/*項目*/
.item .fbox_pc_sp {
	display: flex;
	display: -ms-flexbox; /* IE10 */
	justify-content: center;
}
.item .fbox_pc_sp > dt {
	width: 8em;
	position: relative;
}
.item .fbox_pc_sp > dd {
	width: 80%;
}
@media screen and (max-width: 680px) {
	.item .fbox_pc_sp + .fbox_pc_sp{
	margin-top:1em;
}
}
/*ページ2カラム
============================================ */
/*ページ2カラム　field_list*/
.field .fbox_pc {
	display: -ms-flexbox; /* IE10 */
	justify-content: space-between;
}
.field .fbox_pc .fbox_01 {
	width: 72%;
}
.field .fbox_pc .fbox_02 {
	width: 23%;
	margin-left: 5%;
}

@media screen and (max-width: 680px) {
/*2カラム　field_list sp*/
.field .fbox_pc .fbox_01 {
	width: auto;
}
.field .fbox_pc .fbox_02 {
	width: auto;
		margin-left: 0%;
}
}
/*.field_list見た目*/
.field_list_box {
	border: solid 1px #cecece;
	padding: 20px;
	font-size: 1.3rem;
}
.field_list_block + .field_list_block {
	margin-top: 2.5em;
}
.field_list li {
	border-bottom: 1px #cecece solid;
	width: 100%;
}
.field_list li a {
	display: block;
	width: 100%;
	padding: 10px;
}
.field_list li a:hover {
	opacity: 0.5;
	transition: 0.1s;
}

@media screen and (max-width: 680px) {
/*.field_list見た目 sp*/
.field_list_box {
	border: solid 1px #cecece;
	padding: 10px;
	font-size: 1.3rem;
	margin-top: 3em;
}
.field_list_block + .field_list_block {
	margin-top: 2em;
}
.field_list li {
	border-bottom: 1px #cecece solid;
	width: 100%;
}
.field_list li a {
	display: block;
	width: 100%;
	padding: 5px;
}
.field_list li a:hover {
	opacity: 0.5;
	transition: 0.1s;
}
}
/* 部門紹介
============================================================================================================ */
.top_field{
		padding:5em  0 70px 0;
}
.top_field .text{
	padding:30px ;
	    margin-top: 2em;
}
.top_field_list.fbox_pc_sp{
	justify-content: flex-start;
	 flex-wrap: wrap;
}
.top_field_list li{
	width:30%;
	margin:3px;
	text-align: center;
	border-top:1px solid #EAEDEF;
	border-right:1px solid #EAEDEF;
	border-bottom:1px solid #EAEDEF;
	border-left:1px solid #EAEDEF;
	
}

.top_field_list li a{
	padding:15px 0;
	display: block;
	width:100%;
	font-size:16px;

}
.top_field_list li a:hover{
	background: #8fc0d6;
	transition: 0.3s ;
	color: #076791;
}
@media screen and (max-width: 680px) {
	.top_field{
		padding:2em  0 30px 0;
}
	.top_field .text{
	padding:0px ;
	    margin-top: 2em;
}
	.top_field_list li{
	width:50%;
	margin:0px;
	text-align: center;
		border-top:none;
		border-left:none;
		border-right:1px solid #EAEDEF;
		border-bottom:1px solid #EAEDEF;

}
.top_field_list li:nth-child(2n+1){
		border-left:1px solid #EAEDEF;
}
	.top_field_list li:nth-child(2),	.top_field_list li:nth-child(1){
		border-top:1px solid #EAEDEF;
}
.top_field_list li a{
	padding:15px 0;
	display: block;
	width:100%;
	font-size:12px;
}
}



/*2カラム　w50
============================================ */
.fbox_pc.w_50{
	display: -ms-flexbox; /* IE10 */
	justify-content: space-between;
	
}
.fbox_pc.w_50 > div{
	width:48%;
}
.fbox_pc.w_50 > div img{
	text-align: center;
}
@media screen and (max-width: 680px) {
	.fbox_pc.w_50 > div{
	width:auto;
}	.fbox_pc.w_50 > div + div {
	margin-top:10px;
}
}

.fbox_pc_sp.w_50{
	display: -ms-flexbox; /* IE10 */
	justify-content: space-between;
	
}
.fbox_pc_sp.w_50 > div{
	width:48%;
}
.fbox_pc_sp.w_50 > div img{
	text-align: center;
}
/*画像1カラム　single_box
============================================ */
.single_box{
	margin:0 auto;
	text-align: center;
}
.single_box img{
	width:100%;
}

/*画像2カラム　w50
============================================ */
/*pc*/
.fbox_pc.w_50  > div  p img{
width:345px;
height:auto;
	object-fit: cover;
	object-position: center;
	font-family: 'object-fit: cover; object-position: center;'
}

.fbox_pc_sp.w_50  > div  p img{
width:345px;
height:310px;
	object-fit: cover;
	object-position: center;
	font-family: 'object-fit: cover; object-position: center;'
}

/*ipad*/
@media screen and (max-width: 769px) {
.fbox_pc.w_50  > div  p img{
width:264px;
height:auto;
	object-fit: cover;
	object-position: center;
	font-family: 'object-fit: cover; object-position: center;'
}

.fbox_pc_sp.w_50  > div  p img{
width:264px;
height:200px;
	object-fit: cover;
	object-position: center;
	font-family: 'object-fit: cover; object-position: center;'
}
}
/*sp*/
@media screen and (max-width: 680px) {
	.fbox_pc.w_50  > div  p img{
width:auto;
height:auto;
	object-fit: cover;
	object-position: center;
	font-family: 'object-fit: cover; object-position: center;'
}

.fbox_pc_sp.w_50  > div  p img{
width:auto;
height:auto;
	object-fit: cover;
	object-position: center;
	font-family: 'object-fit: cover; object-position: center;'
}
}

/*画像2カラム　f_2col
============================================ */
.f_2col:after{
	content:" "; display: block; clear: both;overflow: hidden;
}
.f_2col > div{
	float: left;
	width:49%;
}
.f_2col > div:first-child{
	margin-right:2%;
}
.f_2col > div img{
	width:168px!important;
	height:310px;
	object-fit: cover;
	object-position: center;
	font-family: 'object-fit: cover; object-position: center;'
}

/*main
============================================ */
@media screen and (max-width: 680px) {
.main {
	margin-left: 10px;
	margin-right: 10px;
}
}
/*微生物検査室
============================================================================================================ */
/*ボックスの順番*/
.item1 { order: 2; }
.item2 { order: 1; }


.f_2col.w4_6  > div:first-child{
	width:40%!important;
}
.f_2col.w4_6  > div:last-child{
	width:58%!important;
}
.f_2col.w4_6  > div:first-child img{ 
	width:137px!important;
	height:310px;
}
.f_2col.w4_6  > div:last-child img{
	width:199px!important;
	height:310px;
}
/*ipad*/
@media screen and (max-width: 769px) {
	.f_2col.w4_6  > div:first-child img{ 
	width:100px!important;
	height:200px;
}
.f_2col.w4_6  > div:last-child img{
	width:150px!important;
	height:200px;
}
}
/*sp*/
@media screen and (max-width: 680px) {
	.f_2col.w4_6  > div:first-child img{ 
	width:137px!important;
	height:225px;
}
.f_2col.w4_6  > div:last-child img{
	width:210px!important;
	height:225px;
}
}
@media screen and (max-width: 680px) {
	.microorganism > .text + .text{
		margin-top:4em;
	}
}
/*遺伝子・染色体検査
============================================================================================================ */
.gene .fbox_pc_sp > div img{ 
	width:auto;
	height:200px;
	object-fit: cover;
	object-position: center;
	font-family: 'object-fit: cover; object-position: center;'
}

@media screen and (max-width: 680px) {
	.gene .fbox_pc_sp > div img{ 
	width:auto;
	height:100px;
	object-fit: cover;
	object-position: center;
	font-family: 'object-fit: cover; object-position: center;'
}
	.gene .fbox_pc > div + div{ 
	margin-top:20px;
}
}
/*免疫化学検査室
============================================================================================================ */
table tr td:nth-child(2){
	text-align: left;
}
table tr td:nth-child(1){
	background: #afd9ed;
}