@charset "utf-8";

/* **************************************************

Name: common.css

Description: CSS for Additional Common Modules

Create: 2021.4.21
Update: 

Copyright 2017 Hitachi High-Technologies Corporation.

***************************************************** */


/*
nature head
---------------------------------*/

#contGrid {
	padding-top: 55px;
}

.nature_head {
	width: 100%;
	border-top: 5px solid #000;
	box-sizing: border-box;
	margin-bottom: 5px;
	margin-bottom: 35px;
}

.nature_head .logo {
	width: 168px;
	margin-bottom: 8px;
	margin-left: 5px;
}

.nature_head .logo img {
	max-width: 100%;
}

.nature_head .nature_research_wrap {
	background: #ebebeb;
	padding: 10px;
	box-sizing: border-box;
}

.nature_head .nature_research_wrap:after {
	content: '';
	clear: both;
	display: block;
}

.nature_head .nature_research_wrap .logo_wrap {
	width: 165px;
	float: left; 
	margin-right: 12px;
}

@media screen and (max-width: 767px) {
	.nature_head .nature_research_wrap .logo_wrap {
		margin-right: 0;
		float: none;
	}
	
}


.nature_head .nature_research_wrap .logo_wrap img {
	max-width: 100%;
}

.nature_head .nature_research_wrap .txt {
	width: calc(100% - 177px);
	float: right;
}

@media screen and (max-width: 767px) {
	.nature_head .nature_research_wrap .txt {
		width: 100%;
		float: none;
	}
	
}

.nature_head .nature_research_wrap .txt p {
	color: #333;
	font-size: 14px;
	margin-top: 3px;
}

.nature_head p.vol {
	font-weight: bold;
	font-family: Arial,Helvetica,sans-serif;
	margin-top: 15px;
	font-size: 110%;
}