@charset "UTF-8";


body{background: #000;color: #fff;}
.language_nav{float: right;border-right: 1px solid #aaa;}
.language_nav li{float: left;border-left: 1px solid #aaa;line-height: 1;padding: 0 20px;font-size: 16px;}
.language_nav a{display: block;color: #fff;}
.language_nav span{color: #999;}

.pt60{padding-top: 60px;}
.pt30{padding-top: 30px;}

.fz20{font-size: 20px;}


@media (min-width: 768px) {
	a img.hover{
		-webkit-transition: opacity 0.3s ease;
		-ms-transition: opacity 0.3s ease;
		transition: opacity 0.3s ease;
	}
	a:hover img.hover{ 
		filter: alpha(opacity=60);
		-moz-opacity:0.6;
		opacity: 0.6;
	}

}
@media (max-width: 767px) {
	.language_nav{display: none;}
	.pc{display: none;}
}

/* ---------- TEXT ---------- */
.container {
    font-size: 16px;
    line-height: 1.7;
}
/*
.home .container p{font-size: 16px;}
.products .container p{font-size: 16px;}
*/
/**/
.fz12{font-size: 12px !important;}
.fz14{font-size: 14px !important;}
.fcOrange{color: #f19716;}

.hTitle01{color: #f19716;font-size: 28px;line-height: 1.4;font-weight: bold;margin-bottom: 20px;}
.hTitle02{color: #f19716;font-size: 18px;line-height: 1.4;font-weight: bold;margin-bottom: 10px;}
.pTitle{font-size: 20px;font-weight: bold;line-height: 1.4;}
p+.pTitle{margin-top: 35px;}
.pTitle.marked-circle{position: relative;padding-left: 20px;}
.pTitle.marked-circle:before{
	display: block;
    content: '\f1db';
    position: absolute;
    left: 0;
    top: 0;
    font-weight: 400;
		font-size: 10px;line-height: 2.5;
    font-family: "FontAwesome";
}


/* ---------- BACKGROUND ---------- */
.bgImg01,
.bgImg02{overflow: hidden;}
.bgImg01{background:rgba(0,0,0,0.8)  /*url(../images/img01_bg.png)*/;color: #fff;}
.bgImg02{background:rgba(255,255,255,0.8) /*url(../images/img01_bg.png)*/;color: #000;}

/* ---------- TITLE ---------- */
.sectionTitle{font-size: 42px;line-height:1.4;font-weight: normal;margin-bottom: 30px;}
.sectionTitle span{font-size: 18px;line-height: 1.6;display: inline-block;margin-left: 1em;padding-top: 24px;}

.catchTitle{font-size: 28px;line-height: 1.4;font-weight: normal;margin-bottom: 50px;}
@media screen and (max-width: 767px) {
	.sectionTitle{font-size: 30px;}
	.sectionTitle span{font-size: 14px;display: block;padding: 0;margin: 0;}
	.catchTitle{font-size: 24px;}
}

/* ======================================================= */
/* Otano
---------------------------------------*/
#Otano{padding: 20px 0 0;}
#Otano .lead{
	background: url(../images/home/img01.jpg) 0 0 no-repeat;
	padding-bottom: 30px;
}
#Otano .lead {text-shadow: 1px 1px 2px #000,-1px 1px 2px #000,1px -1px 2px #000,-1px -1px 2px #000;}
#Otano .lead p{font-size: 18px;}
#Otano .lead .movie{border: 2px solid #000;margin-top: 30px;text-align: center;display: inline-block;}
/*
#Otano .textArea{position: relative;padding-top: 50px;}
#Otano .textArea .image{text-align: right;margin-right: -30px;margin-top: -30px;position: relative;z-index: -1;}
#Otano .textArea .row{position: relative;z-index: 1;}
#Otano .textArea p{font-size: 18px;line-height: 1.5;margin-top:25px;}
*/

@media screen and (min-width: 991px) {
	#Otano{padding: 40px 0 0;}
	#Otano .lead{
		padding: 80px 60px 30px 497px;
		margin-top: -40px;
	}
	/*
	#Otano .textArea .row{position: absolute;left: 0;top: 0;z-index: 1;}
	#Otano .textArea .image{padding-bottom: 200px;}
	*/
}
@media screen and (max-width: 767px) {
	#Otano .lead .movie iframe{width: 100%;height: 280px;}
	#Otano .textArea{padding: 30px;}
}

/* #news */
#news{text-align: center;}
#news .catchTitle{margin-bottom:30px;}
#news iframe{width: 96%;margin: auto;height: 240px;border: 1px solid #aaa;}
.newsTable{border-collapse:collapse;margin: 10px 0;}
.newsTable th{white-space:nowrap;width: 5em;}
.newsTable th,
.newsTable td{color: #fff;font-size: 14px;padding: 5px;text-align: left;vertical-align: top;}
@media screen and (min-width: 740px) {
	.newsTable th,
	.newsTable td{padding: 5px 20px;}
}
@media screen and (min-width: 991px) {
	#news iframe{width: 80%;}
}

/* Company
---------------------------------------*/
#Company{
	background-image: url(../images/home/img03.jpg);
	background-position: 50% 0;
	background-repeat: no-repeat;
		-webkit-background-size: 1400px auto;
		background-size: 1400px auto;
}
#Company .box{width: 660px;padding: 20px;}
#Company .map{margin-top: 30px;color: #000;}

#Company th,
#Company td{font-size: 14px;line-height: 1.4;padding: 5px 0;}
#Company th{ white-space:nowrap;text-align: left;}

@media screen and (min-width: 991px) {
	#Company .map__md .map_model{width:660px;height:350px;}
}
@media screen and (max-width: 990px) {
	#Company .box{width: 100%;}
	#Company .map__md .map_model{width:100%;height:250px;}
}

/* Equipment 設備
---------------------------------------*/
#Equipment{}
.equipmentBg{
	background-image: url(../images/home/img04.jpg);
	background-position: 50% 0;
	background-repeat: no-repeat;
		-webkit-background-size: cover;
		background-size: cover;
		padding-bottom: 30px;
}
#Equipment ul{margin: 15px 10px 10px;}
#Equipment li {
    font-size: 14px;
    line-height: 1.42;
	padding-left: 1em;
	text-indent: -1em;
	padding-bottom: 5px;
}
#Equipment li:before {content:'・';}

#Equipment .imageList a{display: block;border:1px solid #fff;}
#Equipment .imageList>div{
	float: left;
width: 50%;}

@media (min-width: 991px) {
	#Equipment .container{position: relative;}
	#Equipment .imageList{/*margin-top: 395px;*/padding:10px 10px 20px;}
	#Equipment .imageList>div{margin-top: 10px;}
	#Equipment .col-lg-8{
	
	display:-webkit-box;/*--- Android旧ブラウザ用 ---*/
    display:-ms-flexbox;/*--- IE10 ---*/
    display:-webkit-flex;/*--- safari（PC）用 ---*/
    display:flex;
	
	align-items:stretch;
	justify-content:space-between; 
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
	#Equipment .col-lg-8 .bgImg02{width: 49%;float: left;}
	#Equipment .col-lg-8 .bgImg02+.bgImg02{margin-left: 2%;}
 }
@media (max-width: 990px) {
	#Equipment .imageList{padding-bottom: 3%;}
	#Equipment .col-md-3 {width: 48%;float: left;margin-left: 1%;padding: 0;margin-top: 10px;}
	#Equipment .bgImg02 ul{margin: 15px 10px 5px;}
	#Equipment .bgImg02+.bgImg02 ul{margin: 5px 10px 10px;}
}
@media (min-width: 1200px) {
	.equipmentBg{
		-webkit-background-size: 1400px auto;
		background-size: 1400px auto;
	}
	#Equipment .col-lg-8{float: right;}
}


/* Safety
---------------------------------------*/
#Safety{
	background: url(../images/home/img05.jpg) center 0 no-repeat;
	padding-top: 100px;
	text-shadow: 1px 1px 1px #000,-1px 1px 1px #000,1px -1px 1px #000,-1px -1px 1px #000;
}
/*#Safety .lead{font-size: 20px;line-height: 1.4;}*/

/* Products 製品紹介
---------------------------------------*/
#Products{background: #000;min-height: 750px;}
#Products .imageSlideArea{margin: 25px 0 0;max-height: 458px;}
#Products .imageSlideArea:after{
	content:'';
	display: block;
	clear: both;
}
/*#Products .bx-wrapper{position: relative;z-index: 1000;min-height: 500px;}*/
#Products .imageSlideArea ul{overflow: hidden;}
#Products .imageSlideArea li{float: left;text-align: center;font-size: 22px;padding: 0;}
#Products .imageSlideArea li img{display: block;margin:0 auto 10px;}


/* Recruit
---------------------------------------*/
@media screen and (max-width: 990px) {
	#Recruit .fadeInRight {display: none;}
}
@media screen and (max-width: 767px) {
	#Recruit .fadeInLeft {display: none;}
}

/* Contact
---------------------------------------*/
#Contact{}
@media screen and (max-width: 990px) {
	#Contact [class*="col-"] {
		margin-top: 10px;}
}
#Contact .sectionTitle{
	text-shadow: 1px 1px 1px #000,-1px 1px 1px #000,1px -1px 1px #000,-1px -1px 1px #000;
}
/* contactBox
---------------------------------------*/
/* requestBox */
.requestBox{}
.requestBox .title{font-size: 28px;}
.requestBox .text{font-size: 20px;line-height: 1.2;}
/* telBox , mailBox */
.telBox .title,
.mailBox .title{font-size: 25px;line-height: 42px;min-height: 42px;}
/*
.telBox .title{background: url(../images/common/icon_tel.png) no-repeat 0 center;}
.mailBox .title{background: url(../images/common/icon_mail.png) no-repeat 0 center;}
*/
.telBox p,
.mailBox p{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.contactBox .telBox p{font-size:40px;line-height: 1.2;}
.contactBox .mailBox p{font-size: 27px;line-height: 1.4;}

@media (min-width: 991px) {
	.contactBox{
		overflow: hidden;padding: 20px 0;
		border-top: 1px solid #333;
		border-bottom: 1px solid #333;
	}
	.contactBox .container{padding: 0;}
	.contactBox .block{float: left;padding: 20px 3%;border-left: 1px dotted #333;}
	.contactBox .requestBox{width: 32%;border: none;}
	.contactBox .telBox{width: 30%;}
	.contactBox .mailBox{width: 38%;float: right;}
}

@media screen and (max-width: 990px) {
	.contactBox{
		overflow: hidden;padding: 20px 0;
		border-top: 1px solid #333;
		border-bottom: 1px solid #333;
	}
	.contactBox .block{padding: 20px 2%;border-top: 1px dotted #333;}
	.contactBox .requestBox{border: none;}
}


/* ======================================================= */
/* 製品ページ
---------------------------------------*/
.products .pageHead {border-bottom: 1px solid #333;}


/* keyhammer
---------------------------------------*/
@media (min-width: 1200px){
#keyhammer .container{width: 1120px;}
#keyhammer h2{margin-right: -10px;}
#keyhammer .headBlock .textArea{
	width: 660px;
	float: right;
}

}


#keyhammer .headBlock{
	margin-top: 10px;
	overflow: hidden;
}
#keyhammer .headBlock .mainImage{
	position: relative;z-index: 10;
	float: left;
	margin-top: -250px;
}
#keyhammer .headBlock .textArea p{font-size: 18px;}

#keyhammer .col2block .block .image{text-align: center;}

@media (min-width: 991px){
#keyhammer .col2block .block{width: 46%;}
#keyhammer .col2block .block:nth-child(2n){float: right;}
}

@media (max-width: 990px){
#keyhammer .headBlock .mainImage{
	width: 35%;
	margin-top: -22%;
}
#keyhammer .headBlock .textArea h2{float: right;width: 62%;font-size: 24px;}
#keyhammer .headBlock .textArea p{clear: both;}
}
@media (max-width:375px){
#keyhammer .headBlock .textArea h2{width: 100%;clear: both;}
}

/* newton
---------------------------------------*/
#newton .bg01{background: url(../images/newton/bg01.jpg) no-repeat 50% 0;}
#newton .bg02{background: url(../images/newton/bg02.jpg) no-repeat 50% 0;}
#newton .container p{line-height: 1.4;}
#newton .imageSet{overflow: hidden;margin-top: 30px;}
#newton .imageSet .image{width: 42%;float: left;}
#newton .imageSet .textArea{width: 55%;float: right;}
/* headBlock */
#newton .headBlock{padding: 40px 0 30px;}
#newton .headBlock .mainImage{float: left;width: 36%;}
#newton .headBlock .mainImage img{max-width: 100%;}
#newton .headBlock .textArea{float: right;width: 60%;padding-top: 6%;}
#newton .headBlock .textArea .note{
	padding-left: 1em;
	text-indent: -1em;
	font-size: 14px;
}
@media (max-width: 767px){
	#newton .bg01,
	#newton .bg02{
		-webkit-background-size: auto 100%;
		background-size: auto 100%;
	}
	#newton .headBlock .mainImage{width: 100%;float: none;text-align: center;}
	#newton .headBlock .textArea{width: auto;padding: 20px 15px;}
}
/* block02 */
#newton .block02 aside{text-align: center;margin-bottom: 5px;}
#newton .block02 .hTitle02{margin-bottom: 0;}
#newton .block02 p{font-size: 14px;margin-top: 0;}
@media (min-width: 768px){
	#newton .block02 .block{width: 350px;float: left;margin:10px 25px 0;}
}
@media (max-width: 767px){
	#newton .block02 .block{padding: 20px 15px;}
}

/* quality */
#newton .quality .container{position: relative;}
@media (min-width: 990px){
#newton .quality .textArea{position: absolute;left: 0;top: 0;}
#newton .quality .image{padding-top: 20px;text-align: right;}
}
/* ハンマ力学のイメージを超えたNEWTON */
@media (max-width: 767px){
	.bg02 aside{text-align: center;}
	.bg02 .offset+.offset{margin-top: 20px;}
}
/* typeBlock */
#newton .typeBlock{}
#newton .typeBlock .blockHeader{padding: 0;}
#newton .typeBlock .blockHeader .title{float: left;margin-left: -10px;}
#newton .typeBlock .blockHeader .text{float: right;line-height: 1.6;font-size: 12px;}
#newton .typeBlock p{font-size: 10px;}
#newton .typeBlock p strong{font-weight: normal;}
#newton .seriesKJ{position: relative;padding-top: 40px;}
#newton .seriesKJ p{position: absolute;left: 20px;}
#newton .seriesKJ .text1{top: 0;}
#newton .seriesKJ .text2{bottom: 0;}

#newton .seriesBlock{position: relative;}
#newton .seriesBlock .text1{position: absolute;left: 0;top: 0;}
#newton .seriesBlock .text2{margin-top: 0;}
@media (min-width: 768px){
	#newton .seriesKJ p strong{font-size: 12px;}
	#newton .typeBlock .row>div+div:not(.seriesKJ){margin-top:120px;}
}
@media (max-width: 767px){
	#newton .typeBlock .title,
	#newton .typeBlock .text{text-align: left;margin: 0;float: none;}
	#newton .typeBlock p{font-size: 12px;}
	#newton .typeBlock aside{text-align: center;}
	#newton .seriesKJ p,
	#newton .seriesBlock .text1{position: relative;padding-bottom: 10px;font-size: 14px;left: 0;}
	#newton .seriesBlock+.seriesBlock{padding-top: 40px;}
	#newton .seriesBlock .text1,
	#newton .seriesBlock .text2{text-align: left;}
}