@charset "utf-8";
/* research.css */
/*PC first*/
/*##### PC #####*/
.topicpath_content_title{
	background-image:url(../shared/research/content_title_bg.jpg);
	background-repeat:no-repeat;
	background-position:right bottom;
}

/*トップページ*/
.pages_inner .page_body.research.index{
	width:830px;
}

	.laboratory_nav{
		width:830px;
		margin:0 auto;
	}
	
		.laboratory_nav ul{
			display:flex;
			flex-wrap:wrap;
			justify-content:space-between;
		}
		
			.laboratory_nav ul li{
				margin-bottom:40px;
			}
			
			.laboratory_nav ul li a{
				display:block;
				color:#333;
			}
			
			.laboratory_nav ul li a .nav_img{
				display:block;
				margin-bottom:15px;
				position:relative;
			}
			
				.laboratory_nav ul li a .nav_img img[src*="_off"]{
					position:relative;
					top:0;
					left:0;
					z-index:2;
					opacity:1;
					transition:.5s all ease;
				}
				
				.laboratory_nav ul li a .nav_img img[src*="_on"]{
					position:absolute;
					top:0;
					left:0;
					z-index:1;
					opacity:0;
					transition:.5s all ease;
				}
				
				.laboratory_nav ul li a:hover .nav_img img[src*="_off"]{
					opacity:0;
				}
				
				.laboratory_nav ul li a:hover .nav_img img[src*="_on"]{
					opacity:1;
				}
			
			.laboratory_nav ul li a .nav_txt{
				display:block;
				font-size:1.1em;
				position:relative;
				padding-left:30px;
				font-weight:bold;
			}
			
				.laboratory_nav ul li a .nav_txt:before{
					content:"";
					display:block;
					width:10px;
					height:1px;
					background:#111;
					position:absolute;
					top:0;
					bottom:0;
					left:10px;
					margin:auto;
				}
				
				.laboratory_nav ul li a .nav_txt:after{
					content:"";
					display:block;
					width:6px;
					height:6px;
					border-top:1px solid #111;
					border-right:1px solid #111;
					position:absolute;
					top:0;
					bottom:0;
					left:13px;
					margin:auto;
					transform:rotate(45deg);
					transform-origin:center center;
				}
				
	.laboratory_index_outline{}
	
		.laboratory_index_outline h3{
			display:inline-flex;
			border-bottom:5px solid #9d9d9d;
			padding:0 5px 8px 5px;
			align-items:center;
			margin-bottom: 40px;
		}
		
			.laboratory_index_outline h3 .outline_title_en{
				font-family: 'Noto Sans', sans-serif;
				font-size:2.2em;
				color:#bebebe;
				margin-right:20px;
			}
			
			.laboratory_index_outline h3 .outline_title_ja{
				color:#666;
				font-weight:bold;
				font-size:1.2em;
				padding-top:10px;
			}
			
		.pages_inner .page_body .laboratory_index_outline > p{
			padding: 0 20px;
			margin-bottom:2em;
			line-height:1.8em;
		}
		
		.outline_list1,
		.outline_list2{
			margin: 0 20px;
		}
		
		.outline_list1{
			/*border-bottom:1px solid #ccc;*/
			margin-bottom:20px;
		}
		
			.outline_list1 dt{
				background:#339392;
				color:#fff;
				font-weight:bold;
				font-size:1.1em;
				padding:8px 10px;
				border-radius:calc( 0.55em + 8px );
				margin-bottom:20px;
			}
			
			.outline_list1 dd{
				padding:0 20px 40px 20px;
			}
			
			.outline_list1 dd p{
				margin-bottom:1.5em;
				line-height:1.6;
			}
			
				.outline_list1 dd ol{
					list-style:decimal;
					padding-left:2em;
					line-height:1.6em;
				}
				
				.outline_list1 dd ol li{
					margin-bottom:0.5em;
				}
				
				.outline_list1 dd ol li:last-child{
					margin-bottom:0;
				}
				
		.outline_list2{
			line-height:1.6em;
		}
		
			.outline_list2 dt{
				color:#339392;
				font-weight:bold;
				font-size:1.1em;
				margin-bottom:5px;
			}
			
			.outline_list2 dd{
				margin-bottom:30px;
			}
			
			.outline_list2 dd:last-child{
				margin-bottom:0;
			}
			
				.outline_list2 dd ol{
					list-style:decimal;
					padding-left:2em;
				}
				
				.outline_list2 dd ol li{
					margin-bottom:0.5em;
				}
				
				.outline_list2 dd ol li:last-child{
					margin-bottom:0;
				}




@media screen and (max-width:480px){
/*##### SP #####*/
.topicpath_content_title{
	background-size:contain;
}

.pages_inner .page_body.research.index{
	width:auto;
}

.outline_list1 dd{
	padding:0 10px 30px 10px;
}


}