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

/*------------------------

タイトル

------------------------*/
.title{
	background:url(../img/title-back.png) no-repeat center top;
	height:200px;
	text-align:center;
	padding-top:4.65em;
	}

h1.title-heading{
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "メイリオ", Meiryo, serif;
	font-size:3.5rem;
	font-weight:400;
	text-align:center;
	text-shadow:3px 3px 8px rgba(0,0,0,.6);
	color:#fff;
	letter-spacing:.15em;
	}	

h1.title-heading span{
	display:block;
	font-family: 'Merriweather', "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "メイリオ", Meiryo, serif;
	font-size:1.2rem;
	color:rgba(255,255,255,.5);
	margin:.65em 0 4.35em;
	letter-spacing:.1em;
	}

h1.title-heading span:before,
h1.title-heading span:after{
	display:inline-block;
	vertical-align:middle;
	background-color:rgba(255,255,255,.2);
	content:"";
	width:35px;
	height:1px;
	}
	
h1.title-heading span:before{
	margin-right:.65em;
	}

h1.title-heading span:after{
	margin-left:.65em;
	}
		
/*------------------------

パンくず

------------------------*/
div.breadcrumbs {
	margin: .85em auto 1em;
}

div.breadcrumbs li {
	margin-right: 5px;
	font-size:1.1rem;
	color:#000000;
}

div.breadcrumbs li + li:before {
  font-family: 'FontAwesome';
  content: "\f0da";
  color: #373737;
  font-size:1.1rem;
  margin: 0 7px 0 5px;
  top: 1px;
}

div.breadcrumbs a {
	color: #0068c4;
}

div.breadcrumbs a:hover {
	color: #003d73;
}


/*------------------------

中面-共通

------------------------*/
article.wrap.units-row{
	margin-bottom:3.65em;
	position: relative;
	}

.units-row .contents.unit-75{
	float:right;
	}
	
.side{
	position: absolute;
	top: 0;
	left: 0;
	width: 225px;
	height: auto;
	margin-left:0 !important;
	}
		
.min{
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "メイリオ", Meiryo, serif;
	}

h2.in-heading01{
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "メイリオ", Meiryo, serif;
	font-size:2.6rem;
	font-weight:400;
	color:#0068c4;
	letter-spacing:.15em;
	text-shadow:0 1px 4px rgba(0,0,0,.5);
	margin-bottom:1.25em;
	}

h2.in-heading01:before{
	display:block;
	content:"";
	background-color:#0068c4;
	width:100%;
	height:1px;
	box-shadow:0 1px 3px rgba(0,0,0,.5);
	margin-bottom:.65em;
	}

h2.in-heading01 span{
	font-size:1.6rem;
	}

h2.in-heading02,
h3.in-heading02{
	background:url(../img/heading-back.png) repeat-x left top;
	width:100%;
	height:45px;
	font-size:1.6rem;
	font-weight:700;
	padding-top:.73em;
	color:#fff;
	margin-bottom:1em;
	}

h2.in-heading02:before,
h3.in-heading02:before{
	display:block;
	float:left;
	content:"";
	background-color:#fff;
	width:3px;
	height:25px;
	margin:-2px 13px 0 9px;
	}

section + section h2{
	margin-top:2.65em;
	}

.text-box + h3.in-heading02,
.in-table + h3.in-heading02{
	margin-top:2.15em;
	}
	
.side ul{
	display:block;
	background-color:#f0f0f0;
	padding:.85em;
	margin-bottom:1.25em;
	}
	
.side ul > li{
	display:block;
	font-size:1.2rem;
	}

.side ul > li + li{
	margin-top:2px;
	}

.side ul > li a{
	display:block;
	background-color:#fff;
	padding:.85em 1.1em;
	color:#1b1b1b;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	overflow: hidden;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: color, background-color;
	transition-property: color, background-color;
	}

.side ul > li a:before{
	display:inline-block;
	vertical-align:middle;
	content:"";
	background:url(../img/icon-left.png) no-repeat;
	width:13px;
	height:13px;
	margin-right:.6em;
	}

.side ul > li a:hover{
	background-color:#0068c4;
	color:#fff;
	}
	
.side ul > li a:hover:before{
	background:url(../img/icon-left-wh.png) no-repeat;
	}
	
.in-table tr:first-child th,
.in-table tr:first-child td{
	border-top: 1px solid rgba(0,0,0,.1);
	}		

.in-table th,
.in-table td{
	border-bottom: 1px solid rgba(0,0,0,.1);
	padding: 1em 0 1em 1.25em;
	}

.in-table{
	margin-bottom:0;
	}

.in-table th{
	font-weight:400;
	color:#004b8e;
	min-width:100px;
	}	

.in-table td a img{
	vertical-align:middle;
	}

.in-table td p{
	margin-bottom:1em;
	}
	
.in-table td p:last-child{
	margin-bottom:0;
	}

.in-table thead th{
	background-color:#c4c2c2;
	color:#fff;
	font-weight:700;
	text-shadow:0 1px 1px rgba(0,0,0,.2);
	border-bottom: 0;
	padding:.5em 1.25em;
	}

.in-table thead tr:first-child th,
.in-table thead + tbody tr:first-child th,
.in-table thead + tbody tr:first-child td{
	border-top:0;
	}
		
.text-box{
	margin:0 1.25em;
	padding-bottom: 1em;
	}
				
.in-table a{
	text-decoration: underline;
	}

/*------------------------

会社案内

------------------------*/
.name-text{
	font-size:2.2rem;
	text-align:right;
	line-height:1.35;
	letter-spacing:.18em;
	}

.name-text span{
	display:block;
	font-size:1.2rem;
	margin:1em 0 .35em;
	letter-spacing:.1em;
	}

#greeting .unit-75 p{
	margin-top:-.18em;
	margin-bottom:1.25em;
	letter-spacing:.05em;
	}

#greeting .unit-75 p:last-child,
#greeting .units-row{
	margin-bottom:0;
	}
	
#greeting .contact{
	padding-bottom: 15em;
	}

iframe[title="MAP"]{
	display:block;
	width:100%;
	height:420px;
	}
#idea,
#history{
	position:relative;
	}
	
.idea-img{
	position:absolute;
	top:-50px;
	right:-30px;
	z-index:2;
	}

.idea-list{
	margin:0 0 -1.65em;
	position:relative;
	z-index:3;
	}
	
.idea-list li{
	display:inline-block;
	vertical-align:middle;
	font-size:1.8rem;
	font-weight:700;
	color:#003462;
	margin-bottom:.6em;
	height:44px;
	}

.idea-list li:before,
.idea-list li:after {
	height: 0;
	display: block;
	overflow: hidden;
	content: '.';
}

.idea-list li:after {
	clear: both;
}

.idea-list li img{
	display:inline-block;
	vertical-align:middle;
	margin-right:.5em;
	margin-top:0;
	}
		
.history-img{
	position:absolute;
	top:110px;
	right:0;
	}
	
.history-list{
	display:block;
	margin:0;
	}

.history-list li{
	display:block;
	position:relative;
	padding:.65em 0 .65em 175px;
	min-height:40px;
	margin-bottom:3px;
	line-height:1.5;
	}

.history-list li em.blue{
	color:#004b8e;
	font-weight:700;
	}

.history-list li span{
	display:block;
	position:absolute;
	top:0;
	left:0;
	background-color:#004b8e;
	color:#fff;
	font-size:1.6rem;
	font-weight:400;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "メイリオ", Meiryo, serif;
	text-align:center;
	width:150px;
	height:100%;
	padding:1.2em 0 0;
	}	

.history-list li:nth-child(11) span,
.history-list li:nth-child(10) span,
.history-list li:nth-child(8) span,
.history-list li:nth-child(5) span,
.history-list li:nth-child(3) span{
	padding:.55em 0 0;
	}

.history-list li:nth-child(2) span{
	padding:1.92em 0 0;
	}
		
.history-list li span em{
	font-size:1.2rem;
	}
	
.history-list li span:after {
	content: "";
	position: absolute;
	top: 50%; right: -5px;
	margin-top: -5px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 5px 0 5px 5px;
	border-color: transparent transparent transparent #004b8e;
}

.business-box{
	position:relative;
	margin:0 0 0 .35em;
	}

.business-img01{
	display:block;
	position:absolute;
	top:-50px;
	right:0;
	}

.business-img02{
	display:block;
	position:absolute;
	bottom:-5px;
	right:0;
	}

.business-box h3{
	font-size:1.8rem;
	font-weight:700;
	color:#003462;
	line-height:1.56;
	letter-spacing:.05em;
	margin-top:2.35em;
	}

.business-box h3 img{
	display:block;
	margin-bottom:.65em;
	}

.company-list > li{
	display:block;
	position:relative;
	margin-bottom:.5em;
	padding-left:20px;
	}

.company-list > li:before {
	position:absolute;
  font-family: 'FontAwesome';
  content: "\f04d";
  color: #0068c4;
  margin-right: .35em;
  top:auto;
  left:0;
}

.company-list > li span{
	display:block;
	font-size:1.2rem;
	color:rgba(0,0,0,.7);
	margin-top:.45em;
	margin-bottom:1.65em
	}
	
.company-list > li span:before {
  font-family: 'FontAwesome';
  content: "\f178";
  margin-right: .35em;
}

strong.black-heading{
	display:block;
	font-size:1.6rem;
	font-weight:700;
	margin-top:2em;
	margin-bottom:.45em;
	}

.company-illust01{
	display:block;
	margin-top:1.65em;
	}	

.company-flow03{
	display:block;
	margin-top:.75em;
	}
							
/*------------------------

製品情報

------------------------*/
.product .units-row{
	margin-bottom:1.85em;
	}

article.product.wrap.units-row{
	margin-bottom:3em;
	}
	
.product-box{
	position:relative;
	background:url(../../product/img/back.png) repeat-x left top;
	-moz-background-size:auto 100%;
	background-size:auto 100%;
	box-shadow:0 2px 10px rgba(0,0,0,.25);
	}

.product-box a{
	display:block;
	}

.product-box a:before,
.product-box a:after {
	height: 0;
	display: block;
	overflow: hidden;
	content: '.';
}

.product-box a:after {
	clear: both;
}

.product-box:after {
	position:absolute;
	content:"";
	background:url(../../product/img/next-icon.png) no-repeat;
	width:15px;
	height:15px;
	bottom:2px;
	right:2px;
}
	
.product-box:before{
	display:block;
	content:"";
	background-color:#0068c4;
	width:100%;
	height:1px;
	}

.product-box .right{
	float:left;
	padding:1.25em 0 0 .45em;
	width:280px;
	}

.product-box.units-row .right{
	width:785px;
	}
	
.product-box h2{
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "メイリオ", Meiryo, serif;
	font-size:2.4rem;
	font-weight:400;
	color:#0068c4;
	letter-spacing:0;
	text-shadow:0 1px 4px rgba(0,0,0,.5);
	margin-bottom:.65em;
	}

.product-box a p{
	font-size:1.2rem;
	letter-spacing:.03em;
	margin-bottom:0;
	color:#000;
	}

.product-box a p + p{
	margin-top:1em;
	}
	
.product-box a:hover h2,
.product-box a:hover p,
.product-box:hover:after{
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
/*------------------------

製品情報-詳細

------------------------*/
.product-text{
	margin:-.35em 0 2.65em;
	letter-spacing:.07em;
	}

.product-text + .product-text{
	margin-top:-1.25em;
	}

.product-detail p small{
	display:block;
	font-size:1.1rem;
	line-height:1.61;
	letter-spacing:.05em;
	color:rgba(0,0,0,.8);
	}
		
.product-img-box{
	margin-left:-15px;
	margin-bottom:-15px;
	}

.product-img-box > li{
	display:block;
	position:relative;
	float:left;
	box-shadow:0 0 8px rgba(0,0,0,.43);
	width:232px;
	height:180px;
	overflow:hidden;
	margin-left:15px;
	margin-bottom:15px;
	vertical-align:bottom;
	cursor:pointer;
	}

.product-img-box > li img{
	width:100%;
	}
		
.product-img-box > li p{
	display:inline-block;
	background:url(../../product/img/img-text-back.png) no-repeat center bottom;
	-moz-background-size:100% auto;
	background-size:100% auto; 
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	width:100%;
	padding:6.5em .85em .5em .85em;
	margin-bottom:0;
	font-size:1.1rem;
	font-weight:700;
	color:#fff;
	line-height:1.35;
	letter-spacing:.05em;
	}

.product-img-box > li:hover{
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}

.gray-box{
	background-color:#f2f2f2;
	box-shadow:0 0 8px rgba(0,0,0,.18);
	padding:1.15em 1.25em;
	margin-bottom:.85em;
	}

.gray-box h3{
	font-size:1.4rem;
	font-weight:700;
	color:#004b8e;
	margin-bottom:.65em;
	}

.gray-box p{
	margin-bottom:0;
	font-size:1.2rem;
	line-height:1.45;
	}

.gray-box p + p{
	margin-top:.65em;
	}
						
/*------------------------

納入実績

------------------------*/
.double td {
	line-height: 3;
}

section.results-box + section.results-box h2{
	margin-top:0;
	}
	
.results-box{
	background:url(../../results/img/img.png) no-repeat 380px bottom;
	padding-bottom:275px;
	margin-bottom:-3.65em;
	}
.results-box.none{
	display:none;
	}

.results-table{
	border:1px solid #0c3d68;
	font-size:1.2rem;
	letter-spacing:normal;
	}

.results-table thead th{
	background-color:#0c3d68;
	border:0;
	color:#fff;
	text-align:center;
	font-weight:700;
	vertical-align:middle;
	padding:.7em .35em;
	}

.results-table thead th + th{
	border-left:1px solid #fff;
	}

.results-table thead tr:nth-child(2) th{
	border-left:1px solid #fff;
	border-top:1px solid #fff;
	font-size:1rem;
	font-weight:500;
	}
	
.results-table tbody td{
	border:0;
	padding:.8em .75em;
	vertical-align:middle;
	}	

.results-table tbody tr:nth-child(2n) td{
	background-color:#f0f0f0;
	}

.results-table tbody td + td{
	border-left:1px solid #0c3d68;
	}

.results-table tbody tr td:nth-child(1){
	width:80px;
	}

.results-table tbody tr td:nth-child(2){
	width:300px;
	}

.results-table tbody tr td:nth-child(3),
.results-table tbody tr td:nth-child(4){
	width:55px;
	}

.results-table tbody tr td:nth-child(7),
.results-table tbody tr td:nth-child(6),
.results-table tbody tr td:nth-child(5){
	width:40px;
	}
					
.results-table tbody tr td:nth-child(7),
.results-table tbody tr td:nth-child(6),
.results-table tbody tr td:nth-child(5),
.results-table tbody tr td:nth-child(4),
.results-table tbody tr td:nth-child(3),
.results-table tbody tr td:nth-child(1){
	text-align:center;
	}
	
.results-table tbody tr td:nth-child(8){
	font-size:1rem;
	}	
	
/*------------------------

品質管理・知的財産

------------------------*/

.management-text-box{
	width:695px;
	margin:3.65em auto 4.65em;
	}

.management-text-box p{
	position:relative;
	padding-left:70px;
	font-size:2rem;
	color:#003462;
	margin-bottom:2em;
	letter-spacing:1.6;
	}

.management-text-box p span{
	display:block;
	font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:1.4rem;
	color:#000;
	}

.management-text-box p img{
	position:absolute;
	left:0;
	top:5px;
	}
		
.management-img-box{
	margin:0 auto 2.15em;
	}

.management-img-box:last-child{
	margin:0 auto 1em;
	}
	
.management-img-box div{
	position:relative;
	cursor:pointer;
	}

.management-img-box div:hover{
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}

.management-img-box img{
	width:100%;
	box-shadow:0 0 8px rgba(0,0,0,.43);
	}

.management-img-box p{
	position:absolute;
	background:url(../../management/img/text-back.png) no-repeat left top;
	width:auto;
	height:46px;
	font-weight:700;
	color:#fff;
	top:9px;
	left:-15px;
	padding:.7em 1em;
	}
	

#management-content {
	width: 100% ;
	max-width:803px;
	margin: 0 ;
	padding: 15px 25px;
	background: #fff ;
	position: fixed ;
	display: none ;
	z-index: 2 ;
	box-shadow:0 0 8px rgba(0,0,0,.43);
}
  
#management-overlay {
	z-index: 1 ;
	display: none ;
	position: fixed ;
	top: 0 ;
	left: 0 ;
	width: 100% ;
	height: 120% ;
	background-color: rgba( 0,0,0, 0.8 ) ;
}














/*-----------------------*/