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

body {
    line-height:1;
	font-family:"Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, "sans-serif";
	/*font-weight:400;*/
	color:#333333;
    font-size:62.5%;
	line-height:1.5em;
    -webkit-text-size-adjust: 100%;
}
body {
    animation: fadeIn 2s ease 0s 1 normal;
    -webkit-animation: fadeIn 2s ease 0s 1 normal;
}
.hyearstart {
    animation: fadeIn 3s ease 0s 1 normal;
    -webkit-animation: fadeIn 3s ease 0s 1 normal;
}

@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

/*レスポンシブ用イメージ*/
img{
max-width: 100%;
height: auto;
width /***/:auto;　
}



/* レスポンシブで画像を切り替える（CSS） */
@media screen and (min-width: 699px) {
    .sp {
        display:none !important; /* PC用画像を非表示にする */
    }
}

/* レスポンシブで画像を切り替える（CSS） */
@media screen and (max-width: 700px) {
    .pc {
        display:none !important; /* PC用画像を非表示にする */
    }
}
/*共通*/

table{
	text-align:center;
	width:96%;
	margin:30px auto;
	border-top:#e0eaea solid 1px;
}
table th,
table td{
	padding:10px 15px;
	border-bottom:#e2e8e5 solid 1px;
	vertical-align:top;
	font-weight:400;
	text-align:left;
	line-height:1.8em;
}
table th{
	font-size:1.4em;
	font-weight:normal;
	letter-spacing:0.05em;
	white-space:nowrap;
	width:15%;
}
table td{
	font-size:1.5em;
	text-align:left;
}

dl{
	text-align:center;
	width:96%;
	margin:10px auto 20px;
	border:#e0eaea solid 1px;
}
dl dt,
dl dd{
	padding:8px 15px;
	vertical-align:top;
	font-weight:normal;
	text-align:left;
	line-height:1.8em;
	font-size:1.5em;
}
dl dt{
	border-bottom:#e2e8e5 solid 1px;
	font-weight:normal;
	letter-spacing:0.05em;
}
dl dd{
	text-align:left;
}

.entry table th{
	width:20%;
}

/*中ページ共通*/

section{
	position:relative;
}
.Topinner{
	max-width:1160px;
	text-align:center;
	margin:0 auto;
	padding:0 10px;
	overflow:hidden;
}
.inner{
	max-width:1200px;
	text-align:center;
	margin:0 auto;
	padding:20px 10px;
}

section p{
	font-size:1.6em;
	line-height:1.8em;
	text-align:left;
	margin:20px 20px 30px;
}
.technology section p{
	font-size:1.5em;
	line-height:1.8em;
	text-align:left;
	margin:20px 20px 30px;
	letter-spacing:0.05em;
}

section h2.title{
	border-bottom:1px solid #007cc8;
	font-size:2.4em;
	text-align:center;
	line-height:1.5em;
	margin:40px auto 50px;
	position: relative;
	padding:5px 10px;
}
section h3{
	color:#fff;
	background:#007cc8;
	font-weight:400;
	font-size:2.0em;
	text-align:center;
	letter-spacing:0em;
	line-height:1.5em;
	margin:20px auto 30px;
	position: relative;
	padding: 5px 26px 5px 42px;
	margin-left: -33px;
	z-index:-2;
}

section h3.first{
	margin:60px auto 30px;
	margin-left: -33px;
}


section h3:before {
position: absolute;
content: '';
left: -2px;
top: -2px;
width: 0;
height: 0;
border: none;
border-left: solid 40px white;
border-bottom: solid 79px transparent;
z-index: -1;
}

section h3:after {
position: absolute;
content: '';
right: -3px;
top: -7px;
width: 0;
height: 0;
border: none;
border-left: solid 40px transparent;
border-bottom: solid 79px white;
z-index: -1;
}

section h4{
	font-size:1.8em;
	color:#007cc8;
	line-height:1.8em;
	letter-spacing:0.05em;
	padding:8px 10px;
	margin:50px 30px 0px;
    display: flex;
    align-items: center;
    text-align: center; /* for no-flexbox browsers */
}
section h4:before, section h4:after{
    border-top: 2px solid #dfdfdf;
    content: "";
    display: inline; /* for IE */
    flex-grow: 1;
}
section h4:before {
    margin-right: 0.5em;
	}
section h4:after {
    margin-left: 0.5em;
	}
	
section h4{
	margin:20px 10px 0px;
}

section h4.hyou:before, section h4.hyou:after{
    border-top: 1px solid #007cc8;
    content: "";
    display: inline; /* for IE */
    flex-grow: 1;
}
	

.content{
	position:relative;
}
.three_line{
	position:absolute;
	right:5%;
	max-width:30%;
	top:-60px;
	z-index:888;
}
.three_linen{
	position:absolute;
	right:5%;
	max-width:30%;
	top:-90px;
	z-index:1;
}
@media screen and (max-width: 800px){

section h3,section h3.first{
	font-size:1.8em;
	margin:10px auto 20px;
	margin-left: -20px;
}
section h4{
	font-size:1.6em;
	margin:10px auto 0;
}

}

@media screen and (max-width: 700px){

.inner{
	max-width:1200px;
	text-align:center;
	margin:0 auto;
	padding:10px 10px;
}
section p, .technology section p{
	font-size:1.4em;
	line-height:1.5em;
	text-align:left;
	margin:10px 10px 20px;
}

section h2.title{
	font-size:2.0em;
	margin:30px auto 20px;
}
section h3,section h3.first{
	font-size:1.6em;
	margin:10px auto 20px;
	margin-left: -20px;
}
section h4{
	font-size:1.5em;
	margin:10px auto;
}

table{
	margin:20px auto;
}
table th{
	display:block;
	width:100%;
	text-align:left !important;
	/*background:#efefef;*/
	color:#007cc8;
	font-size:1.3em;
	border-bottom:none;
	padding:8px 15px 3px;
}
table td{
	display:block;
	width:100%;
	font-size:1.4em;
	padding:3px 15px 8px;
}
dl{
	text-align:center;
	width:96%;
	margin:0px auto 10px;
	border:#e0eaea solid 1px;
}
dl dt,
dl dd{
	line-height:1.5em;
	font-size:1.4em;
}

}

@media screen and (max-width: 480px){
section h2.title{
	font-size:1.8em;
}
}

/*トップページ*/
.maintop{
	  margin:112px auto 20px;
	  position:relative;
}
.main{
	margin-top:112px;
}
 .swiper-container {
      width: 100%;
	  height:520px;
    }
    .swiper-slide {
      background-position: center;
      background-size: cover;
  display: flex;
  justify-content: center;
  align-items: center;
    }
  .swiper-slide1 { 
   background-position: center;
      background-size: cover;
}

.top_btntech{
	overflow:hidden;
	margin:20px auto;
}
.top_btntech .ttechl{
	width:50%;
	text-align:left;
	padding:0 10px 0 0;
	float:left;
}
.top_btntech .ttechr{
	width:50%;
	text-align:right;
	padding:0 0 0 10px;
	float:right;
}

.top_btn{
	overflow:hidden;
	margin:20px auto;
}
.tbtnl{
	width:33.3333%;
	text-align:left;
	padding:0 10px 0 0;
	float:left;
}
.tbtnm{
	width:33.3333%;
	text-align:center;
	padding:0 5px 0 5px;
	float:left;
}
.tbtnr{
	width:33.3333%;
	text-align:right;
	padding:0 0 0 10px;
	float:right;
}


@media screen and (min-width:800px){

.tbtnwh {
  position: relative;
  overflow: hidden;
  -webkit-transition: .5s;
  transition: .5s;
  display:block;
}
.tbtnwh:after {
  position: absolute;
  -webkit-transition: .3s;
  transition: .3s;
  content: '';
  width: 0;
  bottom: 0;
  background: rgba(255,255,255,0.3);
  height: 120%;
  left: -10%;
  -webkit-transform: skewX(-10deg);
          transform: skewX(-10deg);
}
.tbtnwh:hover {
  cursor: pointer;
}
.tbtnwh:hover:after {
  width: 100%;
  left: 0;
}
.tbtnwh:hover:after {
  left: -10%;
  width: 120%;
}

.tbtnred {
  position: relative;
  overflow: hidden;
  -webkit-transition: .5s;
  transition: .5s;
  display:block;
}
.tbtnred:after {
  position: absolute;
  -webkit-transition: .3s;
  transition: .3s;
  content: '';
  width: 0;
  bottom: 0;
  background: rgba(255,0,0,0.2);
  height: 120%;
  left: -10%;
  -webkit-transform: skewX(-10deg);
          transform: skewX(-10deg);
}
.tbtnred:hover {
  cursor: pointer;
}
.tbtnred:hover:after {
  width: 100%;
  left: 0;
}
.tbtnred:hover:after {
  left: -10%;
  width: 120%;
}

.tbtnbk {
  position: relative;
  overflow: hidden;
  -webkit-transition: .5s;
  transition: .5s;
  display:block;
}
.tbtnbk:after {
  position: absolute;
  -webkit-transition: .3s;
  transition: .3s;
  content: '';
  width: 0;
  bottom: 0;
  background: rgba(0,0,0,0.3);
  height: 120%;
  left: -10%;
  -webkit-transform: skewX(-10deg);
          transform: skewX(-10deg);
}
.tbtnbk:hover {
  cursor: pointer;
}
.tbtnbk:hover:after {
  width: 100%;
  left: 0;
}
.tbtnbk:hover:after {
  left: -10%;
  width: 120%;
}
}

.TopNews .Topinner{
	position:relative;
}
.TopNews h2{
	font-size:2.2em;
	border-bottom:1px solid #007cc8;
	padding:12px 10px;
	margin:10px auto;
	
}
.TopNews .btn_news{
	position:absolute;
	right:10px;
	top:20px;
	z-index:888;
}


@media screen and (max-width:1000px){

.swiper-container {
	  height:450px;
    }
}
@media screen and (max-width:800px){

.swiper-container {
	  height:350px;
    }
	
.topnews{
	width:100%;
	float:none;
	padding:20px;
	height:auto;
}

}
@media screen and (max-width:820px){

.maintop{
	  margin:65px auto 10px;
}
.main{
	margin-top:65px;
}
}
@media screen and (max-width:700px){

.maintop{
	  margin:105px auto 10px;
}
.main{
	margin-top:105px;
}
.swiper-container {
	  height:280px;
    }
.top_btntech{
	margin:10px auto;
}
.top_btntech .ttechl{
	width:100%;
	text-align:center;
	padding:0 0 10px 0;
	float:none;
}
.top_btntech .ttechr{
	width:100%;
	text-align:center;
	padding:0;
	float:none;
}

.top_btn{
	margin:10px auto;
}
.tbtnl{
	width:100%;
	text-align:center;
	padding:0 0 10px 0;
	float:none;
}
.tbtnm{
	width:100%;
	text-align:center;
	padding:0 0 10px 0;
	float:none;
}
.tbtnr{
	width:100%;
	text-align:center;
	padding:0;
	float:none;
}

.TopNews h2{
	font-size:2.0em;
	
}
}
@media screen and (max-width:480px){

.TopNews h2{
	font-size:1.7em;
	
}
.swiper-container {
	height:180px
}

.top_btn{
	margin:10px auto;
}
.TopNews .btn_news{
	position:relative;
	right:10px;
	top:auto;
	z-index:1000;
	text-align:right;
	margin-bottom:20px;
}
}


/*COMPANY*/

.company .main{
	background:url(../img/company/company_main.png) ;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
	height:230px;
	display: flex;
	justify-content: center;
	align-items: center;
	position:relative;
}
.company .main:after{
	content:"";
	border-bottom:1px solid #fff;
	position:absolute;
	top:50%;
	left:0;
	right:0;
	width:100%;
}

.company section .messagetxt p{
	line-height:2.2em;
	margin:50px 50px 20px;
}
.company section .envi p{
	margin:30px 50px 20px;
}
.company section .policy p{
	margin:60px 50px 20px;
}
.company table td .ico_pdf{
	color: #333;
	background: url(../img/common/ico_pdf.png) left 50% no-repeat;
	padding-left: 35px;
	min-height: 30px;
	display: block;
}
.company table td .ico_pdf:hover{
  color:#0084ff;
}

.company section table th,
.contact section table th{
	background:#f3f3f3;
}
.company section ol{
	font-size:1.6em;
	line-height:1.8em;
	text-align:left;
	margin:20px 50px 30px 20px;  
	padding:0 0 0 2em;
}
.company section ol li{
	list-style-type:none;
	list-style-position: inside;
  counter-increment: cnt;
padding-left:2em;
text-indent:-2em;
margin-bottom:5px;
}
.company section ol li:before{
  display: marker;
  content: "(" counter(cnt) ") ";
}

.company section ul{
	font-size:1.5em;
	line-height:1.5em;
	text-align:left;
	margin:20px 50px 30px 50px;  
	padding:0 0 0 1em;
}
.company section ul li{
	list-style-type:none;
	list-style-position: inside;
/*padding-left:1em;*/
text-indent:-1em;
margin-bottom:5px;
}
.company section ul li:before{
  display: marker;
  color:#007cc8;
  content: "● ";
}
.company .office{
	text-align:left;
	border-bottom:1px solid #007cc8;
}
.company .office .officename{
position: relative;
display: inline-block;
padding: 0 10px 0 40px;
text-align:left;
font-size:2.0em;
font-weight:bold;
line-height:1.5em;
margin:15px auto;
}
.company .office .officename:before{
content: '';
position: absolute;
top: 50%;
display: inline-block;
width: 65px;
height: 6px;
background-color:#007cc8;
-moz-transform: rotate(-78deg);
-webkit-transform: rotate(-78deg);
-ms-transform: rotate(-78deg);
transform: rotate(-78deg);
left:-10px;}

.company .officeFl{
	display:flex;
	flex-wrap:wrap;
	text-align:left;
}
.company .officeL,
.company dl{
	width:50%;
}
.company dt{
	background:#f3f3f3;
	color:#007cc8;
}
.company .officeP{
	width:50%;
	text-align:center;
	padding:10px;
	font-size:1.5em;
	line-height:1.8em;
}
.company .csrP{
	width:25%;
	text-align:center;
	padding:10px;
	font-size:1.5em;
	line-height:1.8em;
}

.company .hyear{
	/*display: flex;
	justify-content: center;
	align-items: center;*/
	position:relative;
}
.company .hyearb{
	background:#f0f8ff;
	position:relative;
	
}
.company .hyearFl{
	display:-ms-flexbox;/*--- IE10 ---*/
	display:flex;
	-ms-flex-pack:center;/*--- IE10 ---*/
	justify-content:center;
	-ms-flex-align:center;/*--- IE10 ---*/
	align-items: center;
	-ms-flex-wrap:wrap;/*--- IE10 ---*/
	flex-wrap:wrap;
}
.company .hyearY{
	width:15%;
  order: 2;
  color:#007cc8;
  line-height:2.0em;
  font-size:1.6em;
  padding:5px;
}
.company .hyearY .line{
	margin:10px auto 5px;
	}
/*.company .hyearY .line:after{
	content:"";
	border-bottom:1px solid #dfdfdf;
	position:absolute;
	top:57%;
	left:0;
	right:0;
	width:100%;
	z-index:-1;
}*/
.company .hyearP{
	width:40%;
  order: 1;
}
.company .hyearT{
	width:45%;
  order: 3;
  max-width:480px;
}
.company .hyearT p,
.company .hyearT2 p{
	font-weight:bold;
	font-style:italic;
	line-height:1.5em;
}


.company .hyearFl2{
	display:-ms-flexbox;/*--- IE10 ---*/
	display:flex;
	-ms-flex-pack:center;/*--- IE10 ---*/
	justify-content:center;
	-ms-flex-align:center;/*--- IE10 ---*/
	align-items: center;
	-ms-flex-wrap:wrap;/*--- IE10 ---*/
	flex-wrap:wrap;
}
.company .hyearP2{
	width:40%;
	order: 1;
}
.company .hyearP2 .country{
	text-align:left;
	margin:20px 10px;
}

.company .hyearYT{
	width:60%;
	order: 2;
	display:-ms-flexbox;/*--- IE10 ---*/
	display:flex;
	-ms-flex-pack:center;/*--- IE10 ---*/
	justify-content:center;
	-ms-flex-align:center;/*--- IE10 ---*/
	align-items: center;
	-ms-flex-wrap:wrap;/*--- IE10 ---*/
	flex-wrap:wrap;
}

.company .hyearY2{
	width:25%;
  color:#007cc8;
  line-height:2.0em;
  font-size:1.6em;
  padding:5px;
}
.company .hyearT2{
	width:75%;
  max-width:480px;
}
 
.company .openaki{
	min-height: 500px;
}
 .company .nextway{
	background:#cadaf4 url(../img/company/nextway_back.png) bottom right no-repeat;
	background-size: 100%;
	height:100vh;
	padding:0px 50px 50px;
	display:-ms-flexbox;/*--- IE10 ---*/
	display:flex;
	-ms-flex-align:center;/*--- IE10 ---*/
	align-items: center;
    width: 100%;
	 
 }
 .company .nextway2 {
    overflow: hidden;
    position: fixed;
    width: 100%;
    bottom: 0;
}
 .company .nextway2 .slide{
	background:#cadaf4 url(../img/company/nextway_back.png) bottom right no-repeat;
	background-size: 100%;
	height:100vh;
	padding:0px 50px 50px;
	display:-ms-flexbox;/*--- IE10 ---*/
	display:flex;
	-ms-flex-align:center;/*--- IE10 ---*/
	align-items: center;
    width: 100%;
	 margin: auto;
	 margin-right: 500px;
	 
 }
 .company .nextway .midashi,
.company .nextway2 .midashi{
	 margin:0px 10px 8%;
	 font-size:5.5em;
	 color:#007cc8;
	 font-weight:bold;
	 font-style:italic;
 }
 .company .nextway p,
.company .nextway2 p{
	 margin:10px 10px 8%;
	 font-size:1.8em;
	 line-height:1.6em;
	 font-weight:400;
	 color:#222;
 }
 .company .nextway p .fontL,
.company .nextway2 p .fontL{
	font-size: 1.2em;
	font-weight:bold;
 }
 
@media screen and (max-width:870px){
.company .nextway,
.company .nextway2 .slide{
	padding:0px 20px 80px;
 }
 .company .nextway .midashi,
.company .nextway2 .midashi{
	 font-size:5.0em;
 }
 .company .nextway p,
.company .nextway2 p{
	 font-size:1.6em;
 }
}

@media screen and (max-width:700px){
.company section .messagetxt p{
	margin:30px 10px 20px;
}
.company section .envi p{
	margin:10px 10px 10px;
}
.company section .policy p{
	margin:10px 10px 10px;
}

.company section ol{
	font-size:1.4em;
	line-height:1.8em;
	text-align:left;
	margin:20px 10px 30px 0px;  
	padding:0 0 0 1em;
}
.company section ul{
	font-size:1.4em;
	line-height:1.5em;
	text-align:left;
	margin:10px 10px 10px 10px;
	padding:0 0 0 1em;
}
.company .office .officename{
font-size:1.8em;
}
.company .officeL,
.company dl{
	width:100%;
}

.company .officeP{
	width:100%;
	text-align:center;
	padding:10px;
}
.company .csrP{
	width:50%;
	text-align:center;
	padding:10px;
	font-size:1.5em;
	line-height:1.8em;
}
.company .hyearY{
	width:100%;
	color:#007cc8;
	line-height:1.5em;
	font-size:1.4em;
}
.company .hyearY img,
.company .hyearY2 img{

	max-width:40%;
}
.company .hyearP{
	width:100%;
}
.company .hyearT{
	width:100%;
}
.company .hyearY2{
	width:100%;
	color:#007cc8;
	line-height:1.5em;
	font-size:1.4em;
}

.company .hyearYT{
	width:100%;
}
.company .hyearP2{
	width:100%;
}
.company .hyearT2{
	width:100%;
}
.company .line{
	border-bottom:1px solid #dfdfdf;
}
.company .nextway,
.company .nextway2 .slide{
	padding:0px 20px 50px;
 }
 .company .nextway .midashi,
	.company .nextway2 .midashi{
	 font-size:3.8em;
 }
 .company .nextway p,
 .company .nextway2 p{
	 font-size:1.5em;
 }
 
}

@media screen and (max-width:480px){
.company .office .officename{
	font-size:1.6em;
	padding: 0 10px 0 40px;
}
.company .office .officename:before{
	left:-10px;}
.company .officeP{
	font-size:1.4em;
}
.company .nextway,
.company .nextway2 .slide{
	padding:20px 10px 30px;
 }
 .company .nextway .midashi,
 .company .nextway2 .midashi{
	 font-size:2.7em;
 }
 .company .nextway p,
 .company .nextway2 p{
	 font-size:1.3em;
 }
 
}


/*TECHNOLOGY*/

.technologytop .main{
	background:url(../img/technology/technology_main.png) ;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
	height:230px;
	display:-ms-flexbox;/*--- IE10 ---*/
	display:flex;
	-ms-flex-pack:center;/*--- IE10 ---*/
	justify-content:center;
	-ms-flex-align:center;/*--- IE10 ---*/
	align-items: center;
	position:relative;
}
.technologytop .main:after{
	content:"";
	border-bottom:1px solid #fff;
	position:absolute;
	top:50%;
	left:0;
	right:0;
	width:100%;
}

.develop .main{
	background:url(../img/technology/develop_main.png) ;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
	height:230px;
	display:-ms-flexbox;/*--- IE10 ---*/
	display:flex;
	-ms-flex-pack:center;/*--- IE10 ---*/
	justify-content:center;
	-ms-flex-align:center;/*--- IE10 ---*/
	align-items: center;
	position:relative;
}
.develop .main:after{
	content:"";
	border-bottom:1px solid #fff;
	position:absolute;
	top:50%;
	left:0;
	right:0;
	width:100%;
}
.press .main{
	background:url(../img/technology/press_main.png) ;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
	height:230px;
	display:-ms-flexbox;/*--- IE10 ---*/
	display:flex;
	-ms-flex-pack:center;/*--- IE10 ---*/
	justify-content:center;
	-ms-flex-align:center;/*--- IE10 ---*/
	align-items: center;
	position:relative;
}
.press .main:after{
	content:"";
	border-bottom:1px solid #fff;
	position:absolute;
	top:50%;
	left:0;
	right:0;
	width:100%;
}
.welding  .main{
	background:url(../img/technology/welding_main.png) ;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
	height:230px;
	display:-ms-flexbox;/*--- IE10 ---*/
	display:flex;
	-ms-flex-pack:center;/*--- IE10 ---*/
	justify-content:center;
	-ms-flex-align:center;/*--- IE10 ---*/
	align-items: center;
	position:relative;
}
.welding  .main:after{
	content:"";
	border-bottom:1px solid #fff;
	position:absolute;
	top:50%;
	left:0;
	right:0;
	width:100%;
}
.surface .main{
	background:url(../img/technology/surface_main.png) ;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
	height:230px;
	display:-ms-flexbox;/*--- IE10 ---*/
	display:flex;
	-ms-flex-pack:center;/*--- IE10 ---*/
	justify-content:center;
	-ms-flex-align:center;/*--- IE10 ---*/
	align-items: center;
	position:relative;
}
.surface .main:after{
	content:"";
	border-bottom:1px solid #fff;
	position:absolute;
	top:50%;
	left:0;
	right:0;
	width:100%;
}
.blow .main{
	background:url(../img/technology/surface_main.png) ;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
	height:230px;
	display:-ms-flexbox;/*--- IE10 ---*/
	display:flex;
	-ms-flex-pack:center;/*--- IE10 ---*/
	justify-content:center;
	-ms-flex-align:center;/*--- IE10 ---*/
	align-items: center;
	position:relative;
}
.blow .main:after{
	content:"";
	border-bottom:1px solid #fff;
	position:absolute;
	top:50%;
	left:0;
	right:0;
	width:100%;
}
.technologytop .techflex{
	display:-ms-flexbox;/*--- IE10 ---*/
	display:flex;
	-ms-flex-align:center;/*--- IE10 ---*/
	align-items: center;
	max-width:1080px;
	margin:30px auto;
}
.develop .techflex,
.press .techflex,
.welding .techflex,
.surface .techflex,
.blow .techflex{
	display:-ms-flexbox;/*--- IE10 ---*/
	display:flex;
	margin:30px auto 10px;
}
.technology .noflex{
	margin:30px auto 10px;
}
.technology .techflexp{
	display:-ms-flexbox;/*--- IE10 ---*/
	display:flex;
	-ms-flex-pack:space-between;/*--- IE10 ---*/
	justify-content:space-between;
	margin:10px auto;
}
.technology .lead{
	color:#007cc8;
	font-size:2.5em;
	font-style: italic;
	font-weight:bold;
	text-align:left;
	line-height:1.5em;
	margin:20px 20px 30px;
}
.technology .tech50{
	width:50%;
}
.technology .techp{
	width:50%;
	padding:5px;
}
.technology .tech30{
/*	width:33.3333%;*/
	padding:5px;
}

.technology .develop02{
	background:url(../img/technology/develop_p02.png) ;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
	height:400px;
}
.technology .press05{
	background:url(../img/technology/press_p05.png) ;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
	height:400px;
}
.technology .press06{
	background:url(../img/technology/press_p06.png) ;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
	height:400px;
}
.technology .welding04{
	background:url(../img/technology/welding_p04.png) ;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
	height:400px;
}
.technology .surface02{
	background:url(../img/technology/surface_p02.png) ;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
	height:400px;
}


@media screen and (max-width:900px){
.technology .develop02,
.technology .press05,
.technology .press06,
.technology .welding04,
.technology .surface02{
	height:300px;
}
}
@media screen and (max-width:700px){
.technologytop .techflex{
	display:-ms-flexbox;/*--- IE10 ---*/
	display:flex;
	-ms-flex-wrap:wrap;/*--- IE10 ---*/
	flex-wrap:wrap;
	align-items: center;
	text-align:center;
	margin:20px auto;
}
.develop .techflex,
.press .techflex,
.welding .techflex,
.surface .techflex,
.blow .techflex{
	display:-ms-flexbox;/*--- IE10 ---*/
	display:flex;
	-ms-flex-wrap:wrap;/*--- IE10 ---*/
	flex-wrap:wrap;
	margin:20px auto 10px;
}
.technology .noflex{
	margin:20px auto 10px;
}
.technologytop .techflex div{
	width:90%;
	text-align:center;
	margin:5px 5%;
}
.technology .lead{
	color:#007cc8;
	font-size:2.0em;
	font-style: italic;
	text-align:left;
	line-height:1.5em;
	margin:10px 10px 20px;
}
.technology .tech50,
.technology .techp{
	width:100%;
}
.technology .develop02,
.technology .press05,
.technology .press06,
.technology .welding04,
.technology .surface02{
	height:250px;
}
}
@media screen and (max-width:480px){
	
.technology .develop02,
.technology .press05,
.technology .press06,
.technology .welding04,
.technology .surface02{
	height:200px;
}
.technology .lead{
	font-size:1.8em;
}
}



/*PRODUCT*/

.product .main{
	background:url(../img/product/product_main.png) ;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
	height:230px;
	display:-ms-flexbox;/*--- IE10 ---*/
	display:flex;
	-ms-flex-pack:center;/*--- IE10 ---*/
	justify-content:center;
	-ms-flex-align:center;/*--- IE10 ---*/
	align-items: center;
	position: relative;

}
.product .main:after{
	content:"";
	border-bottom:1px solid #fff;
	position:absolute;
	top:50%;
	left:0;
	right:0;
	width:100%;
}
.product .item{
	text-align:left;
	border-bottom:1px solid #007cc8;
	padding:30px 0;
	position:relative;
	z-index:10;
}
.product .itemfirst{
	padding:80px 0 30px;
}
.product .item .itemname{
position: relative;
display: inline-block;
padding: 0 10px 0 40px;
text-align:left;
font-size:2.0em;
font-weight:bold;
line-height:1.5em;
margin:15px auto;
	width:50%;
	float:left;
}
.product .item .itemname:before{
content: '';
position: absolute;
top: 50%;
display: inline-block;
width: 65px;
height: 6px;
background-color:#007cc8;
-moz-transform: rotate(-78deg);
-webkit-transform: rotate(-78deg);
-ms-transform: rotate(-78deg);
transform: rotate(-78deg);
left:-10px;}

.product .productFl{
	text-align:left;
}
.product .productFl:after {
  content: "";
  display: block;
  height: 0;
  overflow: hidden;
  clear: both;
}
.product section table {
	width:48%;
	margin:30px 1%;
	float:left;
}
.product section table th{
	background:#f3f3f3;
}
.product .productP{
	width:50%;
	text-align:center;
	padding:10px;
	float:right;
}
.productback{
	text-align:right;
	margin:10px 5%;
}


  /** 車枠 */
  .bkblack{
 	background:#000;
  }
  .bkblack p{
	  color:#fff;
  }
  #productimg{
	  position:relative;
 
  }
  .carback{
	  position:absolute;
	  bottom:10px; 
	  z-index:-10;
	  opacity:0.4;
  }
  .carwrap {
    position: relative;
    max-width: 860px;
    margin: auto;
	z-index:1;
  }
  /** 各パーツ */
  .car_part {
    position: absolute;
    opacity: 0;
    transition: 1s opacity;
    transform-origin: 0% 0%;
  }
  .car_part:hover {
    opacity: 1;
  }
  .car_part img {
    max-width: none;
  }
  /** ステアリングハンガービーム */
  .car_part.car_1c {
    top: 148px;
    left: 174px;
  }
  /** フューエルフィラーパイプ */
  .car_part.car_2c {
    top: 112px;
    left: 488px;
    z-index: 10;
  }
  /** FCスタックインタークーラーパイプ */
  .car_part.car_3c {
    top: 429px;
    left: 206px;
  }
  /** スプラッシュガード */
  .car_part.car_4c {
    top: 397px;
    left: 460px;
  }
  /** IPUカバー */
  .car_part.car_5c {
    top: 180px;
    left: 566px;
    z-index: 11;
  }
  /** コネクティングパイプ */
  .car_part.car_6c {
    top: 300px;
    left: 125px;
  }
  /** ミリウェーブレーダーパイプ */
  .car_part.car_7c {
    top: 330px;
    left: 144px;
  }
  /** タンクガードパイプ */
  .car_part.car_8c {
    top: 256px;
    left: 460px;
  }
  /** オイルクーラーパイプ */
  .car_part.car_9c {
    top: 343px;
    left: 214px;
  }
  
@media screen and (max-width:700px){

.product .item .itemname{
font-size:1.9em;
	width:100%;
	float:none;
	margin-bottom:20px;
padding: 0 10px 0 35px;
}
.product .item .itemname:before{
width: 55px;
height: 6px;
left:-5px;}
.product .productL{
	width:100%;
}

.product section table {
	width:96%;
	margin:10px auto;
	float:none;
}
.product .productP{
	width:100%;
	text-align:center;
	padding:10px;
	float:none;
}
}

@media screen and (max-width:480px){
	
.product .item{
	text-align:left;
	border-bottom:1px solid #007cc8;
	padding:20px 0;
}
.product .itemfirst{
	padding:20px 0;
}

.product .item .itemname{
font-size:1.6em;
padding: 0 10px 0 30px;
}
.product .item .itemname:before{
width: 45px;
height: 6px;
left:-5px;}
}


/*FACILITY*/

.facility .main{
	background:url(../img/facility/facility_main.png) ;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
	height:230px;
	display:-ms-flexbox;/*--- IE10 ---*/
	display:flex;
	-ms-flex-pack:center;/*--- IE10 ---*/
	justify-content:center;
	-ms-flex-align:center;/*--- IE10 ---*/
	align-items: center;

	position:relative;
}
.facility .main:after{
	content:"";
	border-bottom:1px solid #fff;
	position:absolute;
	top:50%;
	left:0;
	right:0;
	width:100%;
}

.facility section table th{
	background:#f3f3f3;
	width:25%;
}

.facility .facilityFl{
	display:-ms-flexbox;/*--- IE10 ---*/
	display:flex;
	-ms-flex-wrap:wrap;/*--- IE10 ---*/
	flex-wrap:wrap;
	text-align:left;
}
.facility .facilityP,
.facility .facilityT{
	width:33.3333%;
	text-align:center;
	padding:10px 10px 0;
}
.facility .facilityP2{
	width:16.6666%;
	text-align:center;
	padding:10px 10px 0;
}
.facility .facilityT table{
	margin:0 auto;
}
section .facilityP p,
section .facilityP2 p{
	font-size:1.5em;
	text-align:center;
	margin:10px auto 0;
}

.facility table{
	margin:10px auto;
}
.facility table ul li{
	list-style:disc;
	margin-left: 15px;
	line-height: 1.3em;
	margin-bottom: 8px;
}
@media screen and (max-width:700px){

section .facilityP p,
section .facilityP2 p{
	font-size:1.4em;
	line-height:1.5em;
	margin:5px auto 0;
}
.facility section table th{
	width:100%;
}
.facility .facilityT{
	width:100%;
	text-align:center;
	padding:10px;
}
.facility .facilityP{
	width:50%;
	text-align:center;
	padding:10px;
}
.facility .facilityP2{
	width:25%;
	text-align:center;
	padding:10px;
}
}
@media screen and (max-width:480px){
.facility .facilityP{
	width:100%;
	text-align:center;
	padding:10px;
}
.facility .facilityP2{
	width:50%;
	text-align:center;
	padding:10px;
}
section .facilityP p,
section .facilityP2 p{
	font-size:1.3em;
}
}

/*CONTACT*/

.contact .main{
	background:url(../img/contact/contact_main.png) ;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
	height:230px;
	display:-ms-flexbox;/*--- IE10 ---*/
	display:flex;
	-ms-flex-pack:center;/*--- IE10 ---*/
	justify-content:center;
	-ms-flex-align:center;/*--- IE10 ---*/
	align-items: center;
	position:relative;
}
.contact .main:after{
	content:"";
	border-bottom:1px solid #fff;
	position:absolute;
	top:50%;
	left:0;
	right:0;
	width:100%;
}





/*----------------------------------------------------
Contact
----------------------------------------------------*/
.telbox{
	overflow:hidden;
	margin:10px 5% 20px;
	border:1px solid #eaeeec;
	padding:20px 30px;
	text-align:center;
	display:-ms-flexbox;/*--- IE10 ---*/
	display:flex;
	-ms-flex-pack:center;/*--- IE10 ---*/
	justify-content:center;
	-ms-flex-align:center;/*--- IE10 ---*/
	align-items: center;
	-ms-flex-wrap:wrap;/*--- IE10 ---*/
	flex-wrap:wrap;
	
}
.tel{
	font-size:3.5em;
	width:55%;
	text-align:center;
	font-weight:bold;
}
.telinfo{
	width:45%;
	text-align:left;
	margin:0;
	padding:0;
	color:#007cc8;
}
.w60{
	width:60%;
}
.wbig{
	width:80%;
}
.btm{
	width:50%;
	background:#000000;
	color:#fff;
	padding:8px 5px;
	margin:0px 25% 10px;
	text-decoration:none;
	line-height:1.8em;
	letter-spacing:0.1em;
	display:block;
}
.btm:hover{
	background:#007cc8;
}

@media screen and (max-width:930px) { 
.telbox{
	margin:10px 1%;
}

}
@media screen and (max-width: 800px){
.company .main,
.technologytop .main,
.develop .main,
.press .main,
.welding .main,
.surface .main,
.blow .main{
	height:250px;
}
.tel{
	font-size:3em;
	width:100%;
	text-align:center;
}
.telinfo{
	width:100%;
	text-align:center;
}
.btm{
	line-height:1.8em;
	font-size:0.9em;
}
.btm{
	width:auto;
	background:#000000;
	color:#fff;
	padding:8px 5px;
	margin:0px auto 10px;
	text-decoration:none;
	line-height:1.8em;
	letter-spacing:0.1em;
	display:block;
}
	
}

@media screen and (max-width: 620px){
.company .main,
.technologytop .main,
.develop .main,
.press .main,
.welding .main,
.surface .main,
.blow .main,
.product .main,
.facility .main,
.contact .main{
	height:200px;
}
.main img{
	width:80%;
	margin-left:10%;
}

.contentsleft{
	width:100%;
	float:none;
	}
	
.contentsright{
	width:100%;
	float:none;
	text-align:center;
	}

.flowl{
	width:100%;
	float:none;
	padding:10px;
	}
	
.flowr{
	width:100%;
	float:none;
	padding:20px 10px;
	}
.recruitnav .mes01{
	height:180px;
}
.recruitnav .mes02{
	height:180px;
}
.recruitnav .ent{
	height:180px;
}
.tel{
	font-size:2.2em;
	width:100%;
	float:none;
	text-align:center;
}
.telbox{
	margin:5px 1% 10px;
}
}


@media screen and (max-width: 480px){
.company .main,
.technologytop .main,
.develop .main,
.press .main,
.welding .main,
.surface .main,
.blow .main,
.product .main,
.facility .main,
.contact .main{
	height:150px;
}
.w60{
	width:100%;
}
.wbig{
	width:100%;
}
}

.pagetop{
	position:fixed;
	bottom:30px;
	right:20px;
	z-index:100;
}