@charset "utf-8";

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

Name: common.css

Description: CSS for Additional Common Modules

Create: 2020.9.20
Update: 

Copyright 2017 Hitachi High-Technologies Corporation.

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

.btn_wrap.grayout a {
	background-color: #ccc !important;
	cursor: default;
}


.disable_pc {
	display: none;
}

@media screen and (max-width: 767px) {
	.disable_pc {
		display: block;
	}
}

.clear {
	clear: both;
}

.tc {
	text-align: center;
}

.tr {
	text-align: right;
}


.ft12 {
	font-size: 12px;
}

.mb5 {
	margin-bottom: 5px;
}

.mb15 {
	margin-bottom: 15px;
}


.mb35 {
	margin-bottom: 35px;
}

.mb1em {
	margin-bottom: 1em;
}

.key_wrap {
	position: relative;
}

@media screen and (max-width: 1023px) {
	.key_wrap {
		height: 235px;
		overflow: hidden;
	}
}

@media screen and (max-width: 767px) {
	.key_wrap {
		height: auto;
		overflow: visible;
	}
}


.key_wrap p.ImgOnlyStyle img {
	max-width: 100%;
}

@media screen and (max-width: 1023px) {
	.key_wrap p.ImgOnlyStyle img {
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%,-50%);
		-moz-transform: translate(-50%,-50%);
		-ms-transform: translate(-50%,-50%);
		-o-transform: translate(-50%,-50%);
		transform: translate(-50%,-50%);
		max-width: 900px !important;
	}
}

@media screen and (max-width: 767px) {
	.key_wrap p.ImgOnlyStyle img {
		position: static;	
		-webkit-transform: translate(0%,0%);
		-moz-transform: translate(0%,0%);
		-ms-transform: translate(0%,0%);
		-o-transform: translate(0%,0%);
		transform: translate(0%,0%);
		
		max-width: 100% !important;
		vertical-align: bottom;
		margin-bottom: 0;
	}
	
	.key_wrap p.ImgOnlyStyle {
		margin-bottom: 0;	
	}
}

.key_wrap .txt_wrap {
	position: absolute;
	text-align: center;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    
    padding: 20px 15px 15px 15px;
    box-sizing: border-box;
    background: rgba(43, 78, 120, 0.8);
    
}

@media screen and (max-width: 1023px) {
	.key_wrap .txt_wrap {
		width: 60%;
	}
}

@media screen and (max-width: 767px) {
	.key_wrap .txt_wrap {
		position: static;	
		-webkit-transform: translate(0%,0%);
		-moz-transform: translate(0%,0%);
		-ms-transform: translate(0%,0%);
		-o-transform: translate(0%,0%);
		transform: translate(0%,0%);
		
		width: 100%;
		margin-bottom: 25px;
	}
}

.key_wrap .txt_wrap h2 {
	background: none;
	padding: 0;
	font-size: 26px;
	font-weight: bold;
	line-height: 1.2em;
	color: #fff;
	letter-spacing: 0.05em;
}

.key_wrap .txt_wrap p.catch {
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	margin-bottom: 15px;
}

@media screen and (max-width: 767px) {
	.key_wrap .txt_wrap p.catch {
		font-size: 12px;
	}
}

.key_wrap .txt_wrap p.catch strong {
	color: #fff;
}

.key_wrap .txt_wrap .btn_wrap a {
	margin-bottom: 0;
	position: relative;
	background-image: none;
}

.key_wrap .txt_wrap .btn_wrap a:after {
	position: absolute;
	display: block;
	width: 16px;
	height: 16px;
	content: '';
	background-image: url(/image/common/jp/r1/icon/icon_link_right_l_white_hd.gif);
	background-size: 100%;
	top: 50%;
	margin-top: -8px;
	right: 0;
	transform: rotate(90deg);
}

.Section .navi_wrap {
	width: 100%;
	margin-bottom: 35px;
	margin-top: 35px;
}

.Section .navi_wrap:after {
	content: '';
	clear: both;
	display: block;
}

.Section .navi_wrap li {
	width: calc( 100% / 3 );
	float: left;
	box-sizing: border-box;
	padding: 1px;
	border-left: 1px solid #e5e5e5;
	border-top: 1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5;
	-webkit-transition: all .4s;
	transition: all .4s;
}

@media screen and (max-width: 719px) {
	.Section .navi_wrap li {
		width: 100%;	
	}
}

.Section .navi_wrap li:last-child {
	border-bottom: 0;
}

.Section .navi_wrap li.act {
	background: #e5e5e5;
}

.Section .navi_wrap li a {
	width: 100%;
	display: block;
	padding: 8px;
	text-align: center;
	color: #000;
	font-weight: bold;
	text-decoration: none;
	border-bottom: 1px solid #e60027;
	box-sizing: border-box;
}

.Section .navi_wrap li.act a {
	border-bottom: 0;
}

@media screen and (max-width: 719px) {
	.Section .navi_wrap li.act a {
		border-bottom: 1px solid #e60027;
	}
}

.Section .navi_wrap li:hover {
	background: #f6f6f6;
	-webkit-transition: all .4s;
	transition: all .4s;
}

.Section .navi_wrap li.act:hover {
	background: #e5e5e5;
	-webkit-transition: all .4s;
	transition: all .4s;
}

.Section .navi_wrap li a:before {
	content: url('/image/jp/science/products/microscopes/expo-kenbikyo/index_02.png');
	margin-right: 6px;
}



.Section .cont_wrap .cont .cont_wrapper .ttl h3 {
	background: #e0e0e0;
	color: #000;
}

.Section .cont_wrap .cont .cont_wrapper .cont_wrap {
	width: 101%;
	margin-left: -0.5%;
	
	margin-bottom: 35px;
}

.Section .cont_wrap .cont .cont_wrapper .cont_wrap:after {
	content: '';
	clear: both;
	display: block;
}

.Section .cont_wrap .cont .cont_wrapper .cont_wrap .box {
	width: 24%;
	min-height: 415px;
	margin-left: 0.5%;
	margin-right: 0.5%;
	margin-bottom: 10px;
	float: left;
	border: 1px solid #d9d9d9;
	padding: 5px;
	box-sizing: border-box;
}


.Section .cont_wrap .cont .cont_wrapper .cont_wrap.cont_panelcol .box {
	position: relative;
}


.Section .cont_wrap .cont .cont_wrapper .cont_wrap.cont_3col {
	width: 102%;
	margin-left: -0.5%;
	
}

.Section .cont_wrap .cont .cont_wrapper .cont_wrap.cont_3col .box {
	width: 32%;
	margin-left: 0.5%;
	margin-right: 0.5%;
	margin-bottom: 10px;
	float: left;
	border: 1px solid #d9d9d9;
	padding: 5px;
	box-sizing: border-box;
}

.Section .cont_wrap .cont .cont_wrapper .cont_wrap.cont_3col.pdf .box {
	width: 32%;
	min-height: auto;
	margin-left: 0.5%;
	margin-right: 0.5%;
	margin-bottom: 15px;
	float: left;
	border: 0;
	padding: 0;
	box-sizing: border-box;
}

.Section .cont_wrap .cont .cont_wrapper .cont_wrap.cont_panelcol .box ul.LinkListStyle1 {
	margin-bottom: 0;
}

.Section .cont_wrap .cont .cont_wrapper .cont_wrap.cont_panelcol .box ul.LinkListStyle1 li {
	text-align: center;
}

.Section .cont_wrap .cont .cont_wrapper .cont_wrap.cont_panelcol .box ul.LinkListStyle1 li a {
	display: inline-block;
	text-align: center;
}

.Section .cont_wrap .cont .cont_wrapper .cont_wrap.cont_postercol .box {
	min-height: auto;
}

.Section .cont_wrap .cont .cont_wrapper .cont_wrap.photo_col .box {
	width: 24%;
	min-height: auto;
	margin-left: 0.5%;
	margin-right: 0.5%;
	margin-bottom: 10px;
	float: left;
	border: 0;
	padding: 0;
	box-sizing: border-box;
}

.Section .cont_wrap .cont .cont_wrapper .cont_wrap.photo_col .box .txt {
	text-align: center;
}

.Section .cont_wrap .cont .cont_wrapper .cont_wrap.cont_1col {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	
}



.Section .cont_wrap .cont .cont_wrapper .cont_wrap.cont_1col .box {
	width: 100%;
	min-height: auto;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 15px;
	float: none;
	border: 0;
	padding: 0;
	box-sizing: border-box;
}


.Section .cont_wrap .cont .cont_wrapper .cont_wrap.cont_1col .box .photo {
	width: 340px;
	float: left;
}

.Section .cont_wrap .cont .cont_wrapper .cont_wrap.cont_panelcol .box .photo {
	height: 295px;
	text-align: center;
}

.Section .cont_wrap .cont .cont_wrapper .cont_wrap.cont_1col.seminar .box {
	width: 720px;
	margin-left: auto;
	margin-right: auto;
}

@media screen and (max-width: 719px) {
	.Section .cont_wrap .cont .cont_wrapper .cont_wrap.cont_1col.seminar .box {
		width: 92%;	
	}
}

.Section .cont_wrap .cont .cont_wrapper .cont_wrap .box .photo img {
	max-width: 100%;
}

.Section .cont_wrap .cont .cont_wrapper .cont_wrap.cont_panelcol .box .photo img {
	max-height: 100%;
}

.Section .cont_wrap .cont .cont_wrapper .cont_wrap.cont_3col.pdf .box .photo img {
	border: 1px solid #d9d9d9;
}

.Section .cont_wrap .cont .cont_wrapper .cont_wrap.cont_1col .box .txt {
	width: calc( 100% - 360px );
	float: right;
}

.Section .cont_wrap .cont .cont_wrapper .cont_wrap .box .txt p {
	font-size: 13px;
	margin-bottom: 0.5em;
}

.Section .cont_wrap .cont .cont_wrapper .cont_wrap .box .txt p.ft12 {
	font-size: 12px;
}

.Section .cont_wrap .cont .cont_wrapper .cont_wrap .box .txt a {
	font-size: 13px;
	text-align: center;
	display: block;
	text-decoration: none;
}

.Section .cont_wrap .cont .cont_wrapper .cont_wrap .box .txt p.ButtonStyle1 a {
	margin-bottom: 0;
}

.Section .cont_wrap .cont .cont_wrapper .cont_wrap.cont_panelcol .box .txt .links_wrap {
	position: absolute;
	bottom: 0;
	width: 100%;
}

.Section .cont_wrap .cont .cont_wrapper .cont_wrap.cont_3col.pdf .box .txt a {
	background-color: #fef2f4;
}

.Section .cont_wrap .cont .cont_wrapper .cont_wrap.cont_3col.pdf .box .txt p.ButtonStyle1 a {
	background-color: #e60027;
}


.Section .cont_wrap .cont .cont_wrapper .cont_wrap .box .txt a.pdf_btn:before {
	content: url('/image/jp/science/products/microscopes/expo-kenbikyo/index_03.png');
	margin-right: 0px;
	position: relative;
	top: 3px;
}

.Section .cont_wrap .cont .cont_wrapper .cont_wrap.cont_1col .box .txt h2 {
	background: none;
	padding-bottom: 0;
	
}

.Section .cont_wrap .cont .cont_wrapper .cont_wrap.cont_1col .box .txt h2 a {
	display: inline-block;
	text-align: left;
	font-size: 16px;
}

.Section .cont_wrap .cont .cont_wrapper .cont_wrap.cont_1col .box .txt h2 a:before {
	content: '';
	margin-right: 0px;
}

.Section .cont_wrap .cont .cont_wrapper .cont_wrap.cont_1col .box .txt a.pdf {
	display: inline-block;
	text-align: left;
	margin-bottom: 1em;
}

.Section .cont_wrap .cont .cont_wrapper .cont_wrap_download {
	border: 1px solid #faaf3b;
	padding: 10px;
	box-sizing: border-box;
	background: #fffbf5;
	margin-bottom: 35px;
}

.Section .cont_wrap .cont .cont_wrapper .cont_wrap_download:after {
	content: '';
	clear: both;
	display: block;
}

.Section .cont_wrap .cont .cont_wrapper .cont_wrap_download .photo {
	width: 185px;
	float: left;
}

.Section .cont_wrap .cont .cont_wrapper .cont_wrap_download .photo img {
	max-width: 100%;
}

.Section .cont_wrap .cont .cont_wrapper .cont_wrap_download .txt {
	width: calc(100% - 200px);
	float: right;
}

.Section .cont_wrap .cont .cont_wrapper .cont_wrap_download .txt p {
	margin-bottom: 0.5em;
}


.Section .cont_wrap .cont .cont_wrapper .list_wrap ol {
	
	padding-left: 1.5em;
}

.Section .cont_wrap .cont.cont_02#cont_03 .cont_wrap .ColumnSet {
	margin: 0;
}

.Section .cont_wrap .cont.cont_02#cont_03 .cont_wrap .ColumnSet .Column1andHalf.FirstItem {
	width: 72%;
}

.Section .cont_wrap .cont.cont_02#cont_03 .cont_wrap .ColumnSet .Column1andHalf.LastItem {
	width: 26%;
}

.Section .cont_wrap .cont.cont_02#cont_03 .cont_wrap .ColumnSet .Column1andHalf.LastItem img {
	max-width: 100%;
}

@media screen and (max-width: 715px) {
	.Section .cont_wrap .cont.cont_02#cont_03 .cont_wrap .ColumnSet .Column1andHalf {
		margin: 0;
	}
	
	.Section .cont_wrap .cont.cont_02#cont_03 .cont_wrap .ColumnSet .Column1andHalf.FirstItem {
		width: 100%;
	}
	
	.Section .cont_wrap .cont.cont_02#cont_03 .cont_wrap .ColumnSet .Column1andHalf.LastItem {
		width: 100%;
	}
}



@media screen and (max-width: 767px) {
	.Section .cont_wrap .cont .cont_wrapper .cont_wrap {
		width: 102%;
		margin-left: -1%;
	}
	
	.Section .cont_wrap .cont .cont_wrapper .cont_wrap .box {
		width: 48%;	
		margin-left: 1%;
		margin-right: 1%;	
	}
	
	.Section .cont_wrap .cont .cont_wrapper .cont_wrap.cont_3col {
		width: 102%;
		margin-left: -1%;
	}
	
	.Section .cont_wrap .cont .cont_wrapper .cont_wrap.cont_3col.pdf .box {
		width: 48%;
		margin-left: 1%;
		margin-right: 1%;	
	}
	
	.Section .cont_wrap .cont .cont_wrapper .cont_wrap.cont_1col .box .photo {
		width: 100%;
		float: none;	
		text-align: center;
		margin-bottom: 12px;
	}
	
	.Section .cont_wrap .cont .cont_wrapper .cont_wrap.cont_1col .box .txt {
		width: 100%;
		float: none;	
	}
	
	.Section .cont_wrap .cont .cont_wrapper .cont_wrap.photo_col .box {
		width: 48%;
		margin-left: 1%;
		margin-right: 1%;	
	}
	
}


@media screen and (max-width: 599px) {
	.Section .cont_wrap .cont .cont_wrapper .cont_wrap_download .photo {
		width: 100%;
		float: none;
		margin-bottom: 12px;
		text-align: center;
	}
	
	.Section .cont_wrap .cont .cont_wrapper .cont_wrap_download .txt {
		width: 100%;
		float: none;	
	}
	
}

@media screen and (max-width: 499px) {
	.Section .cont_wrap .cont .cont_wrapper .cont_wrap {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
	
	.Section .cont_wrap .cont .cont_wrapper .cont_wrap .box {
		width: 100%;	
		margin-left: auto;
		margin-right: auto;
	}
	
	.Section .cont_wrap .cont .cont_wrapper .cont_wrap.cont_3col {
		width: 100%;	
		margin-left: auto;
		margin-right: auto;
	}
	
	.Section .cont_wrap .cont .cont_wrapper .cont_wrap.cont_3col.pdf .box {
		width: 100%;	
		margin-left: auto;
		margin-right: auto;
	}
	
	.Section .cont_wrap .cont .cont_wrapper .cont_wrap.cont_1col .box .photo {
		width: 100%;
		float: none;	
		text-align: center;
		margin-bottom: 12px;
	}
	
	.Section .cont_wrap .cont .cont_wrapper .cont_wrap.cont_1col .box .txt {
		width: 100%;
		float: none;	
	}
	
	.Section .cont_wrap .cont .cont_wrapper .cont_wrap.photo_col .box {
		width: 100%;	
		margin-left: auto;
		margin-right: auto;
	}
	
}