@charset "utf-8";

/*
Theme Name: 東和工業テーマ
Theme URI:
Description:
Author:
Author URI:
Version: 1.0.1
*/

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP&display=swap');

body{
	width: 100%!important;
	display:block;
	margin:0!important;
	overflow-x: hidden!important;
	position:relative;
	letter-spacing: 0.08em;
	line-height: 1.85;
	font-family: fot-cezanne-pron, sans-serif;
	font-style: normal;
	font-weight: 500;	
	color: #242424;
	font-weight: 400;
}

.over-area{
	position: fixed;
	width: 100%;
	bottom: 0;
	background: white;
	height: 100px;
	margin-bottom: -100px;
	z-index: 99;
}

.enfont{
	font-family:Helvetica ,  "Helvetica Neue" , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
}

.gp-flex{
	font-family: 'Noto Sans JP', sans-serif;
}

.table-area{
	font-family: 'Noto Sans JP', sans-serif;
}

.plusimg-po{
	width: 100%;
	height: auto;
}

.margin-none{
	margin: 0!important;
}

.group-net{
	position: relative;
	width: 100%;
}

.group-bgimg{
	position: absolute;
	top: 30px;
	left: -10px;
	z-index: 1;
	width: 157px;
}

.group-bg .wrap{
	z-index: 2;
}

.net-rel{
	position: relative;
	width: 100%;
	margin:0 auto;
	max-width: 100%;	
}

.net-rel .gmap-new{
	width: 100%;
}

.gmap-bg{
	background:rgba(228, 232, 230, 0.25) ;
	width: 100%;
	margin-top: 230px;
	padding:0!important;
	position: relative;

}

.gmap-bg  .group-title{
	position: absolute;
	top: 50px;
}

nav{
	position: fixed;
  overflow-y:scroll;
  height: 100vh;
    width: 100%;
    right: -100%;
    top: 0;
    background-image:url(img/nav-bg.png);
    background-size: cover;
    background-position: center;
    margin-top: 0px;
    transition: .8s;
    padding-top: 20px;
    padding-bottom: 120px;
    z-index: 999999999999;
    color: #fff;
    box-sizing: border-box;
}

/*.net-rel a{
	transition: 0.4s;
}

.net-rel a:hover{
	opacity: 0.7;
}*/

.num1{
	position: absolute;
	font-size: 18px;
	color: white;
	text-decoration: none;
	left: 41%;
	top: 43%;
	z-index: 2;
	background:black;
	width: 32px;
	height: 32px;
	text-align: center;
	line-height: 32px;
	font-weight: bold;
}

.num2{
	position: absolute;
	font-size: 18px;
	color: white;
	text-decoration: none;
	left: 63%;
	top: 70.5%;
	z-index: 2;
	font-weight: bold;
	background:black;
	width: 32px;
	height: 32px;
	text-align: center;
	line-height: 32px;	
}

.num3{
	position: absolute;
	font-size: 18px;
	color: white;
	text-decoration: none;
	left: 46.5%;
	top: 43.5%;
	z-index: 2;
	font-weight: bold;
	background:black;
	width: 32px;
	height: 32px;
	text-align: center;
	line-height: 32px;		
}

.num4{
	position: absolute;
	font-size: 18px;
	color: white;
	text-decoration: none;
	left: 67.5%;
	top: 75.5%;
	z-index: 2;
	font-weight: bold;
	background:black;
	width: 32px;
	height: 32px;
	text-align: center;
	line-height: 32px;		
}

.num5{
	position: absolute;
	font-size: 18px;
	color: white;
	text-decoration: none;
	left: 67%;
	top: 51.5%;
	z-index: 2;
	font-weight: bold;
	background:black;
	width: 32px;
	height: 32px;
	text-align: center;
	line-height: 32px;			
}

.num6{
	position: absolute;
	font-size: 18px;
	color: white;
	text-decoration: none;
	left: 64%;
	top: 27.5%;
	z-index: 2;
	font-weight: bold;
	background:black;
	width: 32px;
	height: 32px;
	text-align: center;
	line-height: 32px;	
}

.num7{
	position: absolute;
	font-size: 18px;
	color: white;
	text-decoration: none;
	left: 52%;
	top: 53.7%;
	z-index: 2;
	font-weight: bold;
	background:black;
	width: 32px;
	height: 32px;
	text-align: center;
	line-height: 32px;		
}

.num8{
	position: absolute;
	font-size: 18px;
	color: white;
	text-decoration: none;
	left: 28%;
	top: 76%;
	z-index: 2;
	font-weight: bold;
	background:black;
	width: 32px;
	height: 32px;
	text-align: center;
	line-height: 32px;		
}

.num9{
	position: absolute;
	font-size: 18px;
	color: white;
	text-decoration: none;
	left: 62%;
	top: 63%;
	z-index: 2;
	font-weight: bold;
	background:black;
	width: 32px;
	height: 32px;
	text-align: center;
	line-height: 32px;		
}

.num10{
	position: absolute;
	font-size: 18px;
	color: white;
	text-decoration: none;
	left: 42.5%;
	top: 75%;
	z-index: 2;
	font-weight: bold;
	background:black;
	width: 32px;
	height: 32px;
	text-align: center;
	line-height: 32px;		
}

.num11{
	position: absolute;
	font-size: 18px;
	color: white;
	text-decoration: none;
	left: 42%;
	top: 60%;
	z-index: 2;
	font-weight: bold;
	background:black;
	width: 32px;
	height: 32px;
	text-align: center;
	line-height: 32px;		
}



.sp-mwrap{
	display: none!important;
}

.sp-plimg2{
	display: none;
}

.smf-img , .sp-rel{
	display: none;
}

header{
	position: absolute;
	width: 100%;
	left: 0;
	top: 0;
	right: 0;
	z-index: 9;
	box-sizing: border-box;
	max-width: 100%;
	z-index: 11;
}

.sp-footer-right{
	display: none;
}

.lf-center a{
	transition: 0.4s;
}

.lf-center a:hover{
	opacity: 0.7;
}

.business-area2{
	position: absolute;
	top: 89px;
	left: 0;
	width: 100%;
	background: #EFEFEF;
	transition: 0.4s;
	visibility: hidden;
	opacity: 0;
	z-index: 10;
}

.confirm-text{
	margin-bottom: 50px;
}

.confirm-area .contact-right{
	margin-top: 10px;
}

.confirm-area .submit p{
	margin:0;
	display: flex;
	justify-content: center;
}

.panel-flex .pf-flexplus {
	width: 66.66%!important;
	box-sizing: border-box;
	padding-right: 20px!important;
}

.panel-flex .pf-flexplus .pff-flex{
	display: flex;
	width: 100%;
}

.panel-flex .pf-flexplus .pff-flex div{
	width: 50%;
	box-sizing: border-box;
}

.panel-flex .pf-flexplus .pff-flex div.pff1{
	padding-right: 20px;

}

.panel-flex .pf-flexplus .pff-flex div.pff2{
	padding-left: 20px;

}

.panel-flex .pf-flexplus .pff-flex div img{
	max-width: 100%;
}

.submit .back input{
	margin: 55px auto 0;
    display: block;
    width: 304px;
    border: 1px solid black;
    box-sizing: border-box;
    -webkit-appearance: none;
    border-radius: 0;
    color: black;
    font-size: 16px;
    background: white;
    text-align: center;
    font-family: fot-cezanne-pron, sans-serif!important;
    letter-spacing: 0.08em;
    padding: 14px 0;
    cursor: pointer;
    transition: 0.4s;	
}

.submit .back input:hover{
	opacity:0.7;
}

.confirm-area .submit .back{
	margin-right: 15px;
	display: block;
}

.confirm-area .submit .send{
		margin-left: 15px;
	display: block;
}

.business-area2.open{
	opacity: 1;
	visibility: inherit;
}

.business-area2 .bu-wrap{
	width: 1240px;
	padding:30px 20px;
	box-sizing: border-box;
	display: flex;
	margin:0 auto;
	max-width: 100%;
}

.business-area2 .bu-wrap h3{
	width: 22%;
	box-sizing: border-box;
	margin: 0;
	font-size: 24px;
	color: #43834E;
	font-weight: 500;
	line-height: 1.7;
	height: 100px;
	margin-top: 20px;
	padding:14px 0 20px;
	padding-left: 60px;
	padding-right: 20px;
	border-right:1px solid #C5C5C5;
}

.business-area2 .bu-wrap h3 span{
	display: block;
	color: #767676;
	font-size: 14px;
	font-weight: bold;
}

.business-area2 .bu-wrap div{
	box-sizing:border-box;
	padding: 0 30px;
	padding-left: 60px;
}

.business-area2 .bu-wrap div.space1{
	width: 28%;
	padding-left: 51px;
	padding-right: 40px;
}

.business-area2 .bu-wrap div.space2{
	width: 25%;
	padding-left: 20px;
	padding-right: 20px;
}

.business-area2 .bu-wrap div.space3{
	width: 25%;
	padding-left: 40px;
	padding-right: 0;
}

.business-area2 .bu-wrap div a{
	transition: 0.4s;
}

.business-area2 .bu-wrap div a:hover{
	opacity: 0.6;
}

.inview{
	position: relative;
	overflow-x: hidden;
	display: inline-block;
	opacity: 0;
	transition: 0.4s;
}

.inview.is-show{
	opacity: 1;
}

.inview2{
	position: relative;
	overflow-x: hidden;
	opacity: 0;
	display: inline-block;
	transition: 0.4s;
}

.inview2.is-show2{
	opacity: 1;
}


.inview:before{
content: '';
    position: absolute;
    display: block;
    width: 100%;
    left: 0;
    top: 0;
    bottom: 0;
    background-image: url(img/green-bg.png);
    z-index: 2;
    -webkit-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0);
    transition: 0.4s;transition-delay:0.1s;
    transition-timing-function:ease-in;
}

.inview7{
	position: relative;
	overflow-x: hidden;
	display: inline-block;
	opacity: 0;
	animation-iteration-count: infinite;
	transition: 0.4s;	
	text-indent:-9999999%;
	transition-delay:1.3s;

}

.inview7.is-show7{
	opacity: 1;
	text-indent:0;
}

.inview7:before{
		content: '';
    position: absolute;
    display: block;
    width: 100%;
    left: 0;
    top: 0;
    bottom: 0;
    background-image: url(img/green-bg.png);
    z-index: 2;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    transition: 0.6s;
    transition-delay:1.3s;
    transition-timing-function:ease-in;
}

.inview7.is-show7:before{
		-webkit-transform: translate3d(105%, 0, 0);
    transform: translate3d(105%, 0, 0);
} 


.inview8{
	position: relative;
	overflow-x: hidden;
	display: inline-block;
	opacity: 0;
	animation-iteration-count: infinite;
	transition: 0.2s;	
	text-indent:-9999999%;
	transition-delay:2s;
}

.inview8.is-show8{
	opacity: 1;
	text-indent:0;
}

.inview8:before{
		content: '';
    position: absolute;
    display: block;
    width: 100%;
    left: 0;
    top: 0;
    bottom: 0;
    background-image: url(img/green-bg.png);
    z-index: 2;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    transition: 0.7s;
    transition-delay:2.0s;
    transition-timing-function:ease;
}

.inview8.is-show8:before{
		-webkit-transform: translate3d(105%, 0, 0);
    transform: translate3d(105%, 0, 0);
} 

.inview10{
	position: relative;
	overflow-x: hidden;
	display: inline-block;
	opacity: 0;
	animation-iteration-count: infinite;
	transition: 0.2s;	
	text-indent:-9999999%;
	transition-delay:2.4s;
}

.inview10.is-show10{
	opacity: 1;
	text-indent:0;
}

.inview10:before{
		content: '';
    position: absolute;
    display: block;
    width: 100%;
    left: 0;
    top: 0;
    bottom: 0;
    background-image: url(img/green-bg.png);
    z-index: 2;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    transition: 1.1s;
    transition-delay:2.2s;
    transition-timing-function:ease;
}

.inview10.is-show10:before{
		-webkit-transform: translate3d(105%, 0, 0);
    transform: translate3d(105%, 0, 0);
} 


.inview9{
	position: relative;
	overflow-x: hidden;
	display: inline-block;
	opacity: 0;
	animation-iteration-count: infinite;
	transition: 0.4s;	
	text-indent:-9999999%;
	transition-delay:2.6s;
}

.inview9.is-show9{
	opacity: 1;
	text-indent:0;
}

.inview9:before{
		content: '';
    position: absolute;
    display: block;
    width: 100%;
    left: 0;
    top: 0;
    bottom: 0;
    background-image: url(img/green-bg.png);
    z-index: 2;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    transition: 0.5s;
    transition-delay:2.6s;
    transition-timing-function:ease-in;
}

.inview9.is-show9:before{
		-webkit-transform: translate3d(105%, 0, 0);
    transform: translate3d(105%, 0, 0);
} 


.inview:before{
		content: '';
    position: absolute;
    display: block;
    width: 100%;
    left: 0;
    top: 0;
    bottom: 0;
    background-image: url(img/green-bg.png);
    z-index: 2;
    -webkit-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0);
    transition: 0.4s;transition-delay:0.1s;
    transition-timing-function:ease-in;
}

.inview.is-show:before{
		-webkit-transform: translate3d(105%, 0, 0);
    transform: translate3d(105%, 0, 0);
} 


.inview.is-show:before{
		-webkit-transform: translate3d(105%, 0, 0);
    transform: translate3d(105%, 0, 0);
} 

.inview2{
	position: relative;
	overflow-x: hidden;
	
}

.inview2:before{
content: '';
    position: absolute;
    display: block;
    width: 100%;
    left: 0;
    top: 0;
    bottom: 0;
    
    background: linear-gradient(to right, white 0%, white 100%);
    z-index: 2;
    -webkit-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0);
    transition: 0.4s;transition-delay:0.1s;
    transition-timing-function:ease-in;
}

.inview2.is-show2:before{
		-webkit-transform: translate3d(105%, 0, 0);
    transform: translate3d(105%, 0, 0);
} 

.business-area2 .bu-wrap div a{
	text-decoration: none;
	font-size: 15px;
	color: black;
	display: block;
	width: 245px;
	max-width: 100%;
	margin:0 auto;
	position: relative;
}

.business-area2 .bu-wrap div a:before{
  content: '';
  position: absolute;
  bottom: -5px;
  width: 0%;
  height: 2px;
  background: black;
  z-index: 1;
  transition: all 0.3s;
	left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);	
}

.business-area2 .bu-wrap div a:hover:before{
	width: 100%;
} 

.business-area2 .bu-wrap div a .bu-arrow{
	position: absolute;
	right: 0;
	bottom: 8px;
	width: 18px;
	transition: 0.4s;
}

.business-area2 .bu-wrap div a .garrow{
	opacity: 0;
}


.business-area2 .bu-wrap div a:hover .bu-arrow{
	opacity: 0;
}

.business-area2 .bu-wrap div a:hover .garrow{
	opacity: 1;
}

.header-wrap{
	width: 1380px;
	display: flex;
	max-width: 100%;
	margin:30px auto 0;
	box-sizing: border-box;
	padding:0 30px;
}

.header-left{
	width: 36%;
	box-sizing: border-box;
	padding-right: 20px;
}

.header-left h1{
	margin: 0;
}

.header-left h1 a img{
	width: 274px;
	height: auto;
}

.header-right{
	width: 64%;
	box-sizing: border-box;
	padding-left: 20px;
	padding-right: 230px;
	position: relative;
}

.header-right ul{
	padding: 0;
	margin: 0;
	display: flex;
}

.header-right ul li{
	list-style: none;
	width: 16.6666%;
	height: 100%;
	text-align: center;
	display: block;
	padding:8px 0 22px;
}

.header-right ul li a{
	color: white;
	font-size: 14px;
	text-decoration: none;
	position: relative;
}

.header-right ul li a:after{
  content: '';
  position: absolute;
  bottom: -5px;
  width: 0%;
  height: 2px;
  background: white;
  z-index: 1;
  transition: all 0.3s;
	left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}

.header-right ul li a:hover:after{
	width: 100%;
}

.header-right ul li.border a:after{
	width: 100%;
}

.header-right ul li.business-content:hover a:after{
	width: 100%;
}

.aboutus-img{
	position: absolute;
	right: 60px;
	top: -63px;
	width: 931px;
	z-index: 1;
	max-width: 100%;
}

.loop{
	position: absolute;
	left: -6px;
	top: 0!important;
	z-index: -1;
	height: 100%!important;
	overflow: hidden;
	box-sizing: border-box;
}

.loop .business-img{
	width: 157px;		
}

.news-img{
	position: absolute;
	left: 50%;
	top: -28px;
	z-index: -1;
	width: 525px;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);	
}

.aboutus2-img{
	position: absolute;
	right: -160px;
	top: -20px;
	z-index: -1;
	width: 638px;
}

.welfare-img{
	position: absolute;
	left: 0;
	top: -100px;
	z-index: 1;
	width: 868px;
}

.company-img{
	position: absolute;
	right: -160px;
	top: -20px;
	z-index: -1;
	width: 899px;
}

.recruit-img{
	position: absolute;
	right: -160px;
	top: -20px;
	z-index: -1;
	width: 806px;
}


.workflow-img{
	position: absolute;
	width: 1139px;
	left: 50%;
	top: -20px;
	z-index: -1;
	max-width: 100%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);	
}

.business-bread .post-page{
	pointer-events: none;
	text-decoration: none;
}

.business-rel{
	position: relative;
}

.businewss2-img{
	position: absolute;
	width: 914px;
	left: 50%;
	top: -20px;
	z-index: -1;
	max-width: 100%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);	
}


.header-contactlink{
	position: absolute;
	right: 0;
	top: 0;
	width: 170px;
	background-image:url(img/contact-bg.png);
	background-size: cover;
	background-position: center;
	color: white;
	text-decoration: none;
	text-align: center;
	padding:8px 0;
	transition: 0.4s;
}

.header-contactlink:hover{
	opacity: 0.7;
}

.b-sub{
	margin-bottom: 0;
}

.hoverimg{
	display: none;
}

.header-contactlink img{
	width: 19px;
	margin-right: 5px;
	position: relative;
	top: 1px;
}

.mainV{
	top: 0;
	width: 100%;
}

.mainV:after{
	content: "";
	position: absolute;
	width: 100%;
	display: block;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	z-index: 4;
	transition: 0.5s;
	opacity: 0;
	background: rgba(0, 0, 0, 0.58);
}

.mainV.open:after{
	opacity: 1;
}


.mainV video{
	position: fixed;
	display: block;
	width: 100%;
	height: 100vh;
	object-fit: cover;
	z-index: -1;
	left: 0;
	top: 0;
	right: 0;

}

.up-area{
	position: relative;
	z-index: 99;
	background: white;
}


.video-area{
	position: relative;
	z-index: 2;
}

.mainV:before{
	content: '';
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.2);
	background-image: radial-gradient(#333 30%, transparent 31%), radial-gradient(#333 30%, transparent 31%);
	background-size: 4px 4px;
	background-position: 0 0, 2px 2px;	
	z-index: 3;
}




.wrap{
	max-width: 100%;
	padding:0 30px;
	width: 1260px;
	display: block;
	margin:0 auto;
}

.mainV .wrap h2{
	font-size: 100px;
	color: white;
	margin: 0;
	font-style: italic;
	line-height: 1.11;
	padding-top:200px;
	letter-spacing: 0em;

}

.mainV .wrap.pc-mwrap h2 span.inview7{
	position: relative;
	top: 13px;
	padding-right: 25px;
}

.mainV .wrap .sub{
	font-size: 40px;
	margin:0;
	color: white;
}

.about-area{
	width: 1200px;
	max-width: 100%;
	display: block;
	margin:40px auto 0;
	position: relative;
	padding:0 112px 140px;
	box-sizing: border-box;
	color: white;
	position: relative;
	z-index: 6;
}

.about-flex{
	display: flex;
}

.about-left{
	width:30%;
}

.about-left h2{
	font-size: 17px;
	font-weight: 500;
	margin:48px 0 0;
}

.about-left h2 span{
	display: block;
	font-size: 33px;
	font-weight: bold;
}

.about-right{
	width: 70%;
	box-sizing: border-box;
	padding-left: 40px;
}

.abr-text1{
	font-size: 27px;
	margin:0 0 30px;
}

.abr-text2{
	font-size: 16px;
	margin: 0;
}

.arrow-link{
	display: block;
	width: 180px;
	box-sizing: border-box;
	border:1px solid #fff;
	text-decoration: none;
	margin-top:64px;
	margin-left: auto;
	color: white;
	font-size: 14px;
	text-align: center;
	padding: 12px 0;
	padding-right: 12px;
	transition: 0.4s;
	position: relative;

}

.arrow-link:after{
	position: absolute;
	content: '';
	width: 19px;
	height: 14px;
	background-image: url(img/arrow.png);
	background-size: cover;
	right: 17px;
	top: 50%;
	transition: 0.4s;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);	
}

.arrow-link:hover:after{
	background-image: url(img/black-arrow.png);
}

.arrow-link:hover{
	background: white;
	color: black;
}

.arrowimg{
	width: 19px;
	margin-left: 8px;
	position: relative;
	top: 2px;
}

.business-area{
	padding:130px 0;
	box-sizing: border-box;
	padding-left:90px;
	width: 100%;
	position: relative;
}

.wrap{
	width: 1260px;
	display: block;
	margin:0 auto;
	position: relative;
	max-width: 100%;
	box-sizing: border-box;
}


.mainV .wrap{
	z-index: 10;
}

.business-area h2{
	margin: 0;
	font-size: 17px;
	font-weight: 500;
}

.business-area h2 span{
	display: block;
	color: #43834E;
	font-weight: bold;
	font-size: 33px;
}

.business-flex{
	display: flex;
	position: relative;
}

.business-left{
	position: absolute;
	width: 480px;
	left: 0;
	top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);	
	background-image: url(img/green-bg.png);
	background-size: cover;
	background-position: center;
	color: white;
	z-index: 3;
	box-sizing: border-box;
	padding:50px 50px;
}

.business-right{
	width: 830px;
	display: block;
	margin-left: auto;
}

.businessimg{
	display: block;
	width: 100%;
}

.business-left h3{
	font-size: 27px;
	margin:0 ;
	font-weight: 500;
}

.business-left h3 span{
	display: block;
	font-size: 14px;
	font-weight: bold;
	color: #6FACA0;
}

.bl-text1{
	font-size: 14px;
	margin:40px 0 35px;
}

.arrow-link2{
	display: block;
	width: 180px;
	box-sizing: border-box;
	border:1px solid #fff;
	text-decoration: none;
	color: white;
	font-size: 14px;
	text-align: center;
	padding: 12px 0;
	padding-right: 12px;
	margin-top: 45px;
	transition: 0.4s;
	position: relative;
}

.arrow-link2:after{
	position: absolute;
	content: '';
		width: 19px;
    height: 14px;
    background-image: url(img/arrow.png);
    background-size: cover;
    right: 17px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);	
    transition: 0.4s;
}

.arrow-link2:hover{
	background: white;
	color: black;
}

.arrow-link2:hover:after{
	background-image: url(img/black-arrow.png);
}

.business-flex2 , .business-flex3{
	margin-top: 86px;
	display: flex;
	position: relative;	
}

.business-left2{
	width: 830px;
	display: block;
}


.business-right2{
	position: absolute;
	width: 480px;
	right: 0;
	top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);	
	background-image: url(img/green-bg.png);
	background-size: cover;
	background-position: center;
	color: white;
	box-sizing: border-box;
	padding:50px 50px;
		z-index: 5;
}

.business-right2 h3{
	font-size: 27px;
	margin:0 ;
	font-weight: 500;
}

.business-right2 h3 span.inview2{
	font-size: 27px;
	margin:0 ;
	font-weight: 500;
	display: inline-block;
	color: white;
}

.business-right2 h3 span{
	display: block;
	font-size: 14px;
	font-weight: bold;
	color: #6FACA0;
}

.business-left h3 span.inview2{
		font-size: 27px;
	margin:0 ;
	font-weight: 500;
	display: inline-block;
	color: white;
}

.inview3{
  opacity: 0;
  transform: translate(0, 13%);
  transition: 1s;
}

.inview3.is-show3 {
  transform: translate(0, 0);
  opacity: 1;
}



.inview4{
  opacity: 0;
  transform: translate(0, 13%);
  transition: 1.4s;
}

.inview4.is-show4 {
  transform: translate(0, 0);
  opacity: 1;
}

.inview6{
  opacity: 0;
  transition: 0.8s;
}

.inview6.is-show6 {
  opacity: 1;
}

.news-area{
	position: relative;
	margin-top: 200px;
}

.news-area h2{
	width: 1000px;
	margin:0 auto;
	font-size: 17px;
	font-weight: 500;
	position: relative;
	top: 19px;
}

.news-area h2 span{
	display: block;
	font-size: 33px;
	font-weight: bold;
	color:#43834E;
}

.news-bg{
	width: 100%;
	box-sizing: border-box;
	padding-right: 12%;
}

footer{
	background-image: url(img/footer-bg.png);
	background-size: cover;
	background-position: center;
	padding:88px 0 40px;
	width: 100%;
	box-sizing: border-box;
	color: white;
	position: relative;
	z-index: 99;
}

.d-wrap{
	position: relative;
	z-index: 9;
	margin-top: 480px;
}

.d-wrap .d-demo__item img{
	width: 558px;
	margin:0 30px;
}

.thanks{
	font-size: 26px;
	margin-top: 75px;
	margin-bottom: 40px;
}

.thanks2{
	font-size: 18px;
	margin-bottom: 80px;
}

.back-btn{
	display: inline-block;
	font-size: 22px;
	margin-bottom: 180px;
	color: black;
	transition: 0.4s;
}

.back-btn:hover{
	opacity: 0.7;
}

.footer-wrap{
	width: 1260px;
	box-sizing: border-box;
	padding: 0 30px;
	display: flex;
	margin:0 auto;

}

.footer-left{
	width: 50%;
	box-sizing: border-box;
}

.footer-right{
	width: 50%;
	box-sizing: border-box;
	position: relative;
	padding-left: 127px;
}

.footer-left a img{
	width: 219px;
} 

.location1 , .location2{
	font-size: 13px;
	margin:15px 0;
}

.location1 a{
	color: white;
	text-decoration: none;
}

.footer-last{
	display: flex;
	margin-top: 65px;
}

.copy{
	font-size: 12px;
	color: #C1D0C5;
	margin: 0;
}

.privacy{
	display: block;
	color: #C1D0C5;
	margin: 0;
	font-size: 11px;
	margin-left: 15px;
	text-decoration: none;
}

.footer-tel{
	display: block;
	margin-top: 7px;
	margin-bottom: 15px;
	font-size: 35px;
	font-weight: 400;
	color: white;
	text-decoration: none;
}

.footer-tel img{
	width: 25px;
	height: 25px;
	margin-right: 14px;
	position: relative;
	top: 2px;
}

.fr-text1{
	font-size: 13px;
	margin: 0;
	padding-left: 39px;
}

.fr-text2{
	font-size: 12px;
	margin-top: 22px;
	margin-bottom: 0;
}

.contactlink{
	margin-top: 28px;
	width: 300px;
	display: block;
	font-size: 14px;
	background: white;
	text-align: center;
	text-decoration: none;
	padding: 13px 0;
	transition: 0.4s;
	color: black;
}

.contactlink:hover{
	background: black;
	color: white;
}

.toplink{
	position: absolute;
	right:0;
	bottom: 0;
	width:40px;
}

.toplink img{
	width: 100%;
}

.aboutV{
	background-image:url(img/about-header.png);
	background-position: center;
	background-size: cover;
	width: 100%;
	position: relative;
	height: 440px;
}

.page-title{
	font-size: 32px;
	padding-top: 210px;
	margin: 0;
	color: white;
}

.page-title span.enfont{
	display: block;
	font-size: 16px;
}

.page-area{
	padding-top: 36px;
	padding-bottom: 200px;
}

.page-area .breadcrumbs{
	font-size: 14px;
	color: #ABABAB;
}

.page-area .breadcrumbs a{
	font-size: 14px;
	color: #ABABAB;
} 

.engineer{
	display: block;
	width: 1120px;
	padding:0 60px;
	box-sizing: border-box;
	margin:118px auto 0;
}

.engineer h2{
	margin: 0 0 80px;
	font-size: 38px;
}

.engineer p{
	font-size: 14px;
}

.engineer-figure{
	display: block;
	width: 1180px;
	padding:0 50px;
	box-sizing: border-box;
	margin:118px auto 0;
}

.figure-flex{
	display: flex;
	justify-content: space-between;
}

.f1{
	width: 133px;
}

.f2{
	width: 156px;
}

.f3{
	width: 131px;
}

.f4{
	width: 153px;
}

.f5{
	width: 118px;
}

.figure-arrow{
	width: 36px;
	margin: 55px 0;
}

.flow-area{
	position: relative;
	width: 1260px;
	max-width: 100%;
	display: block;
	padding:0 30px;
	box-sizing: border-box;
	margin:135px auto 0;
}

.flow-title{
	text-align: center;
	font-weight: 500;
	font-size: 17px;
	line-height: 1.6;
}

.flow-title span{
	font-weight: bold;
	font-size: 33px;
	display: block;
	color:#43834E ;
}

.flow-flex{
	display: flex;
	margin-top: 90px;
}

.flow-left{
	width: 60.5%;
	box-sizing: border-box;

}

.flow-right{
	width: 39.5%;
	box-sizing: border-box;
	padding-left: 40px;
}

.flow-left h3{
	font-size: 62px;
	color: #43834E;	
	margin-top: 0;
	margin-bottom:30px;
	line-height: 1.2;
}

.flow-left h3 span{
	display: inline-block;
	font-size: 30px;
	position: relative;
	bottom: 7px;
	border-bottom: 1px solid #43834E;
}

.flow-left p{
	margin: 0;
	font-size: 14px;
}

.flow-right img{
	display: block;
	margin-left: auto;
	width: 400px;
	max-width: 100%;
	height: auto;
}

.flow-bg{
	width: 100%;
	box-sizing: border-box;
	padding:100px 90px;
	background: #EFEFEF;
	margin-top: 73px;
	position: relative;
}

.abo-title{
	position: absolute;
	margin: 0;
	top: 50%;
	left: -36px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
      -ms-writing-mode: tb-rl;
  	writing-mode: vertical-rl;
  	background:#43834E;
  	text-align: center;
  	color: white;
  	font-weight: 500;
  	font-size: 34px;
  	letter-spacing: 0.17em;
  	box-sizing: border-box;
  	padding:0 4px;
  	height: 654px;

}

.flow-flex2{
	display: flex;
	margin-top: 0px;
}

.flow-right2{
	width: 55%;
	box-sizing: border-box;

}

.flow-left2{
	width: 45%;
	box-sizing: border-box;
	padding-right: 40px;
}

.flow-right2 h3{
	font-size: 62px;
	color: #43834E;	
	margin-top: 0;
	margin-bottom:20px;
	line-height: 1.2;
}

.flow-right2 h3 span{
	display: inline-block;
	font-size: 30px;
	position: relative;
	bottom: 7px;
	border-bottom: 1px solid #43834E;

}

.flow-right2 h3.fr2 span{
	top: 5px;
	bottom: 0;
}

.flow-right2 h3.fr2{
	margin-bottom:25px;
}

.flow-right2 p{
	margin: 0 0 65px;
	font-size: 14px;
}

.flow-left2 img{
	display: block;
	width: 400px;
	max-width: 100%;
	height: auto;
	margin-bottom: 90px;
}

.flow-left2 img:last-child , .flow-right2 p:last-child{
	margin-bottom: 0;
}

.fflast{
	margin-top: 94px;
}

.black-area{
	background: #000;
	width: 100%;
	box-sizing: border-box;
	padding:120px 0;
	color: white;
}

.black-wrap{
	width: 1178px;
	padding:0 30px;
	display: block;
	margin:0 auto;
	max-width: 100%;
	box-sizing: border-box;
}

.black-wrap h3{
	margin: 0 0 42px;
	font-size: 17px;
	text-align: center;
	font-weight: 500;
	line-height: 1.6;
}

.black-wrap h3 span{
	display: block;
	font-size: 33px;
	font-weight: bold;
}

.ba-text1{
	font-size: 20px;
	margin: 0;
	text-align: center;
}

.member-flex{
	display: flex;
	margin-top: 114px;
	width: 100%;
}

.mf1{
	width: 21%;
	border-right:1px solid #BABABA;
	box-sizing: border-box;
}

.mf-text1{
	display: block;
	margin:0 auto 33px;
	text-align: center;
	width: 142px;
	font-size: 19px;
	background: #43834E;
}

.mf-text2{
	text-align: center;
	font-size: 16px;
	margin:0 0 28px;
}

.mf-text3{
	font-size: 30px;
	margin: 0;
	text-align: center;
	line-height: 1.4;
}

.mf-text3 span{
	font-size: 50px;
}

.mf2{
	width: 33%;
	box-sizing: border-box;
	border-right:1px solid #BABABA;
}

.mf2-flex{
	display: flex;
}

.mf2-flex .mf2-left{
	width: 50%;
	box-sizing: border-box;
	padding:0 10px;
}

.mf2-flex .mf2-right{
	width: 50%;
	box-sizing: border-box;
	padding:0 7px;
}

.mf3{
	width: 46%;
}

.mf3-flex{
	display: flex;
}

.mf3-1{
	width: 45%;
	box-sizing: border-box;
	padding:0 7px;	
}

.mf3-2{
	width: 27.5%;
	box-sizing: border-box;
	padding:0 7px;	
}


.mf3-3{
	width: 27.5%;
	box-sizing: border-box;
	padding:0 7px;	
}

.white-tel{
	display: block;
	width: 603px;
	max-width: 100%;
	margin:75px auto 0;
	background: #FFF;
	padding:37px 0;
	box-sizing: border-box;
	text-align: center;
	color: black;
}

.wt-text1{
	font-size: 15px;
	margin: 0;
}

.white-tel a img{
	width: 37px;
	position: relative;
}

.white-tel a{
	font-size: 54px;
	text-decoration: none;
	color:#43834E;
	font-weight: 400;
	line-height: 1.6;
}

.wt-text2{
	font-size: 14px;
	margin: 0;
}

.businessV{
	background-image:url(img/business-header.png);
	background-position: center;
	background-size: cover;
	width: 100%;
	position: relative;
	height: 440px;
}

.business-section{
	width: 1200px;
	max-width: 100%;
	display: block;
	margin: 0 auto 55px;
	position: relative;
	background: #EFEFEF;
	box-sizing: border-box;
	padding: 80px 52px 105px;
}

.b-title{
	position: relative;
	text-align: center;
	font-size: 17px;
	font-weight: 500;
	line-height: 1.6;
	margin:108px 0 134px;
}

.b-title span{
	display: block;
	font-size: 33px;
	color: #43834E;
	font-weight: bold;
}

.business-section h2{
	position: absolute;
	left: 50%;
	top: -33px;
	width: 440px;
	text-align: center;
	margin: 0;
	font-weight: 500;
	background:#1D7E43;
	padding:11px 0;
	color: white;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);	
}

.business-section h2 span{
	font-size: 16px;
	font-weight: bold;
	color: #6FACA0;
	margin-left: 15px;
	position: relative;
	bottom: 2px;
}

.arrow-title{
	font-size: 40px;
	text-align: center;
	color: #43834E;
	font-weight: 500;
	position: relative;
	width: 210px;
	text-align: center;
	margin:0 auto 40px;
}

.arrow-title:before{
	content: '';
	position: absolute;
	left: -112px;
	top: 50%;
	width: 84px;
   transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    height: 1px;
    background:#43834E ;	
}

.arrow-title:after{
	content: '';
	position: absolute;
	right: -112px;
	top: 50%;
	width: 84px;
   transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    height: 1px;
    background:#43834E ;	
}

.bscontent-flex{
	display: flex;
	flex-wrap: wrap;
}

.bs-left{
	width: 50%;
	box-sizing: border-box;
	padding-right:24px;
	margin-bottom: 63px;
}

.bs-right{
	width: 50%;
	box-sizing: border-box;
	padding-left:24px;
	margin-bottom: 63px;
}

.bsimg{
	width: 100%;
}

.bsc-text1{
	display: inline-block;
	font-size: 23px;
	color: #43834E;
	border-bottom: 1px solid #43834E;
	margin-top: 15px;
	margin-bottom: 0;
	letter-spacing: 0em;
}

.bsct1{
	margin-bottom: 25px;
}

.bsc-text1 span{
	font-size: 15px;
	color: #43834E;
}

.bsc-text2{
	font-size: 15px;
	color: #43834E;
	margin-top: 15px;
	margin-bottom: 18px;
	min-height:55.5px;
}

.bsheight{
	min-height: auto;
}

.bsc-text3{
	font-size: 14px;
	margin: 0;
}

.bscontent-flex .bs-left span{
	font-size: 15px;
	color: #43834E;
	letter-spacing: 0em;
}

.bscontent-flex .bs-right span{
	font-size: 15px;
	color: #43834E;
	letter-spacing: 0em;
}

.at2{
	margin-top: 110px;
}

.bslast{
	margin-bottom: 0;
}

.privacyV{
	background-image:url(img/privacy-header.png);
	background-position: center;
	background-size: cover;
	width: 100%;
	position: relative;
	height: 440px;
}

.wrap2{
	width: 1064px;
	padding:0 20px;
	box-sizing: border-box;
	display: block;
	margin:0 auto;
	max-width: 100%;
}

.privacy-area{
	font-size: 14px;
	margin-top: 93px;
	margin-bottom: 200px;
}

.privacy-first{
	margin-top: 0;
	margin-bottom: 52px;
}

.privacy-area h3{
	font-size: 17px;
	margin-top: 0;
	margin-bottom: 25px;
}

.privacy-area p{
	margin-top: 0;
	margin-bottom: 50px;
}

.companyV{
	background-image:url(img/company-header.png);
	background-position: center;
	background-size: cover;
	width: 100%;
	position: relative;
	height: 440px;
}

.company-area1{
	width: 1000px;
	box-sizing: border-box;
	padding:0 20px;
	display: block;
	margin:131px auto 0;
	max-width: 100%;
	position: relative;
}

.company-area1 h2{
	font-size: 35px;
	margin:0 0 73px;
	color: #43834E;
	position: relative;
}

.company-area1 h2:before{
	content: "";
	position: absolute;
	width: 66px;
	height: 142px;
	background-image: url(img/dot2.png);
	background-size: cover;
	left: -72px;
	top: -66px;
}

.co-text{
	font-size: 14px;
	margin: 0;
}

.table-area{
	margin-top: 125px;
}

.table-flex{
	display: flex;
}

.table-left{
	width: 20%;
	box-sizing: border-box;
	border-bottom: 2px solid #000;
	padding-right: 20px;
}

.table-left p{
	font-size: 16px;
	margin:25px 0;
}

/*.table-left p.first , .table-right p.first{
	margin:18px 0;
}*/

.table-right{
	width: 80%;
	box-sizing: border-box;
	padding-left: 37px;
	padding-right: 37px;
	border-bottom: 2px solid #C4C4C4;
}

.table-right p{
	font-size: 14px;
	margin:25px 0;
}

.gmap{
	display: inline-block;
	font-size: 15px;
	position: relative;
	color: black;
	margin-left: 20px;
}

.gmap:after{
	content: '';
	position: absolute;
	top: 3px;
	right: -18px;
	width: 14px;
	height: 19px;
	background-image: url(img/map.png);
	background-size: cover;
}

.table-right p.margin-none1{
	font-size: 14px;
	margin:25px 0 0;
}

.table-right p.margin-none2{
	margin:0 0 25px;
	display: flex;
	width: 100%;
}

.table-right p.margin-none2 span{
	display: flex;
	width: 110px;
}

.group-title{
	margin-top: 0!important;
	font-weight: 500;
	font-size: 17px;
}

.group-title span{
	display: block;
	line-height: 1.6;
	font-size: 33px;
	font-weight: bold;
	color: #43834E;
}

.groupimg{
	display: block;
	width: 749px;
	margin:40px auto 0;
	margin-bottom: 0!important;
}


.net-rel .gmap-new.first{
	position: relative;
	width: 100%;
	left: 0;
	top: 0px;	
}

.net-rel .gmap-new.second{
	position: absolute!important;
	width: 100%;
	left: 0;
	top: -40px;
}

.inview12{
	position: relative;
	overflow-x: hidden;
	display: inline-block;
	opacity: 0;
	transition: 1s;
	transition-delay: 1s;
}

.inview12.is-show12{
	opacity: 1;
}

.inview13{
	position: absolute;
	overflow-x: hidden;
	display: inline-block;
	opacity: 0;
	transition: 1s;
	transform: translateY(10px);
}

.inview13.is-show13{
	opacity: 1;
	transition-delay: 1.5s;
	transform: translateY(0);
}

.inview14{
	position: absolute;
	overflow-x: hidden;
	display: inline-block;
	opacity: 0;
	transition: 1s;
	transform: translateY(10px);
}

.inview14.is-show14{
	opacity: 1;
	transition-delay: 1.6s;
	transform: translateY(0px);
}

.inview15{
	position: absolute;
	overflow-x: hidden;
	display: inline-block;
	opacity: 0;
	transition: 1s;
	transform: translateY(10px);
}

.inview15.is-show15{
	opacity: 1;
	transition-delay: 1.5s;
	transform: translateY(0px);
}

.inview16{
	position: absolute;
	overflow-x: hidden;
	display: inline-block;
	opacity: 0;
	transition: 1s;
	transform: translateY(10px);
}

.inview16.is-show16{
	opacity: 1;
	transition-delay: 1.6s;
	transform: translateY(0px);
}

.inview17{
	position: absolute;
	overflow-x: hidden;
	display: inline-block;
	opacity: 0;
	transition: 1s;
	transform: translateY(10px);
}

.inview17.is-show17{
	opacity: 1;
	transition-delay: 1.7s;
	transform: translateY(0px);
}

.inview18{
	position: absolute;
	overflow-x: hidden;
	display: inline-block;
	opacity: 0;
	transition: 1s;
	transform: translateY(10px);
}

.inview18.is-show18{
	opacity: 1;
	transition-delay: 1.8s;
	transform: translateY(0px);
}

.inview19{
	position: absolute;
	overflow-x: hidden;
	display: inline-block;
	opacity: 0;
	transition: 1s;
	transform: translateY(10px);
}

.inview19.is-show19{
	opacity: 1;
	transition-delay: 1.9s;
	transform: translateY(0px);
}

.inview20{
	position: absolute;
	overflow-x: hidden;
	display: inline-block;
	opacity: 0;
	transition: 1s;
	transform: translateY(10px);
}

.inview20.is-show20{
	opacity: 1;
	transition-delay: 2s;
	transform: translateY(0px);
}

.inview21{
	position: absolute;
	overflow-x: hidden;
	display: inline-block;
	opacity: 0;
	transition: 1s;
	transform: translateY(10px);
}

.inview21.is-show21{
	opacity: 1;
	transition-delay: 2.1s;
	transform: translateY(0px);
}

.inview22{
	position: absolute;
	overflow-x: hidden;
	display: inline-block;
	opacity: 0;
	transition: 1s;
	transform: translateY(10px);
}

.inview22.is-show22{
	opacity: 1;
	transition-delay: 2.2s;
	transform: translateY(0px);
}

.inview23{
	position: absolute;
	overflow-x: hidden;
	display: inline-block;
	opacity: 0;
	transition: 1s;
	transform: translateY(10px);
}

.inview23.is-show23{
	opacity: 1;
	transition-delay: 2.3s;
	transform: translateY(0px);
}


.group-bg{
	background: #E4E8E6;
	width: 100%;
	display: block;
	padding: 88px 0;
}

.group-flex{
	display: flex;
	flex-wrap: wrap;
}

.group-left{
	width: 50%;
	box-sizing: border-box;
	padding-right: 47px;
	margin-bottom: 60px;
}

.group-right{
	width: 50%;
	box-sizing: border-box;
	padding-left: 47px;
	margin-bottom: 60px;
}

.gp-flex{
	display: flex;
}

.gpf-left{
	width: 50%;
	box-sizing: border-box;
	padding-right: 42px;	
}

.gpf-right{
	width: 50%;
	box-sizing: border-box;
	padding-left: 42px;	
}

.gp-content h3{
	background:#43834E;
	color: white;
	box-sizing: border-box;
	padding:3px 0;
	padding-left: 48px;
	padding-right: 48px;
	font-size: 16px;
	font-weight: 500;
	margin-top: 0;
	margin-bottom: 26px;
	display: flex;
}

.gp-content p , .gp-content a{
	font-size: 16px!important;
}

.gp-content h3 .enfont{
	font-size: 20px;
	width: 40px;
	display: block;
	line-height: 1.6;
	box-sizing: border-box;
}

.gp-content .gf-text3{
	margin-bottom: 55px;
}

.gp-content .gf-text3.gfbottom{
	margin-bottom: 25px;
}

.plus-t{
	font-size: 14px;
	margin: 0;
}

.gf-text1{
	text-align: center;
	font-size: 16px;
	border: 1px solid #000;
	margin: 0 0 26px;
	padding:2px 0;
}

.gf-text2{
	text-decoration: none;
	font-size: 14px;
	color: black;
	margin: 0;
	transition: 0.4s;
}

.gf-text2:hover{
	opacity: 0.7;
}

.gf-text2 img{
	width: 12px;
	margin-left: 10px;
	position: relative;
	top: 2px;
}

.gf-text3{
	font-size: 14px;
	margin: 0;
}

.gf-text3 a{
	text-decoration: none;
	color: black;
}

.glborder , .grborder{
	border-bottom: 1px solid #CECECE;
	padding-bottom: 50px;
}

.gf-text1 img{
	width: 18px;
	margin-right: 5px;
	position: relative;
	top: 3px;
}

.welfare-area{
	position: relative;
	margin-top: 280px;
	z-index: 2;
}

.welfare-bg{
	position: absolute;
	right: 0;
	top: -130px;
	background: #EFEFEF;
	height: 360px;
	width: 65%;
	z-index: -1;
}

.welfare-area h2{
	margin: 0;
	font-size: 17px;
	line-height: 1.5;
	font-weight: 500;
	width: 290px;
	margin-left: auto;
}

.welfare-area h2 span.enfont{
	display: block;
	font-size: 33px;
	font-weight: bold;
	color: #43834E;
}

.wel-flex{
	display: flex;
	width: 100%;
	margin-top: 16px;
}

.wel-left{
	width: 50%;
	box-sizing: border-box;
	padding-right:40px;
}

.wel-right{
	width: 50%;
	box-sizing: border-box;
	padding-left:40px;
	margin-top: 98px;
}

.wel-left img{
	width: 100%;
}

.wel-right img{
	width: 100%;
}

.rel{
	position: relative;
}

.rel h3{
	margin: 0;
	width: 156px;
	background:#43834E;
	color: white;
	text-align: center;
	position: absolute;
	top: 100px;
	left: 0;
	font-weight: 500;
}

.rel h3.position{
	top: 73%;
}

.wel-flex p{
	margin-top: 45px;
	margin-bottom: 20px;
	font-size: 14px;
}

.wel-left a{
	background: black;
	color: white;
	text-decoration: none;
	width: 290px;
	letter-spacing: 0.02em;
	display: block;
	text-align: center;
	font-size: 14px;
	padding: 10px 0;
	padding-right: 14px;
	border:1px solid black;
	box-sizing: border-box;
	position: relative;
	transition: 0.4s;
}

.wel-left a:after{
		position: absolute;
    content: '';
    width: 17px;
    height: 12px;
    background-image: url(img/link-icon.png);
    background-size: cover;
    right: 12px;
    top: 50%;
    transition: 0.4s;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);	
}

.wel-left a:hover{
	color: black;
	background: white;
}

.wel-left a:hover:after{
	background-image: url(img/link-iconb.png);
}

.wel-left a .link-icon{
	width: 17px;
	margin-left: 7px;
	position: relative;
	top: 1px;
}

.recruitV{
	background-image:url(img/recruit-header.png);
	background-position: center;
	background-size: cover;
	width: 100%;
	position: relative;
	height: 440px;
}

.recruit-area{
	background: #EFEFEF;
	width: 100%;
	padding:110px 0 140px;
	margin-top: 115px;
	position: relative;
}

.jobtype-img{
	width: 892px;
	position: absolute;
	left: 50%;
	top: 75px;
	z-index: 1;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);	
}

.people-img{
	position: absolute;
	left: 0;
	top: -75px;
	z-index: 1;
	width: 723px;
}

.recruit-area h2{
	text-align: center;
	margin: 0 0 126px;
	font-size: 17px;
	font-weight: 500;
	line-height: 1.5;
}

.recruit-area h2 span{
	display: block;
	font-size: 33px;
	font-weight: bold;
	color:#43834E;
}

.re-wrap{
	display: block;
	width: 1068px;
	box-sizing: border-box;
	padding:0 20px;
	margin:0 auto;
	position: relative;
	z-index: 2;
}

.re-flex{
	display: flex;
	margin-bottom: 93px;
}

.re-left{
	width: 22.5%;
	box-sizing: border-box;
	border-right: 1px solid #BABABA;
}

.re-left h3{
	margin: 0;
	font-size: 34px;
	color: #43834E;
	font-weight: 500;
	line-height: 1.5;
}

.re-left h3 span{
	display: block;
	color: #A7B7A9;
	font-weight: bold;
	font-size: 19px;
}

.re-right{
	width: 77.5%;
	box-sizing: border-box;
	padding-left: 64px;
}

.rr-text1{
	font-size: 25px;
	margin-top: 0;
	margin-bottom: 32px;
}

.rr-text2{
	font-size: 14px;
	margin: 0;	
}

.re-wrap .re-flex:last-child{
	margin-bottom: 0;
}

.people-area{
	position: relative;
	margin-top: 280px;
	z-index: 2;
}

.people-area .people-bg{
	position: absolute;
    right: 0;
    top: -102px;
    background: #43834E;
    height: 360px;
    width: 65%;
    z-index: -1;
}

.people-top{
	width: 515px;
	display: block;
	margin-left: auto;
	color: white;
}

.people-top h2{
	margin: 0 0 56px;
    font-size: 17px;
    line-height: 1.5;
    font-weight: 500;
}

.people-top h2 span{
	display: block;
    font-size: 33px;
    font-weight: bold;
}

.people-top p{
	font-size: 14px;
	margin: 0;
}

.pf-right .mt-none{
	margin-top: 0;
}

.people-flex{
	display: flex;
	margin-top: 40px;
}

.pf-left{
	width: 50%;
}

.pf-left .plimg1{
	width: 100%;
	height: auto;
} 

.pf-left .plimg2{
	width:390px;
	height: auto;
	margin-top: 90px;
} 

.pf-right{
	width: 50%;
	box-sizing: border-box;
	padding-left: 65px;
	margin-top: 130px;
}

.namearea{
	width: 228px;
	background: white;
	bottom: 0;
	right: 0;
	box-sizing: border-box;
	position: absolute;
	font-size: 20px;
	color: #43834E;
	line-height: 1.46;
	letter-spacing: 0.02em;
	padding:17px 40px;
	margin: 0;
}

.namearea span{
	display: block;
	font-size: 15px;
	color: #000;
}

.pf-right h3{
	font-size: 20px;
	color: #43834E;
	margin-bottom: 20px;
	margin-top: 35px;
	font-weight: 500;
}

.pf-right p{
	font-size: 16px;
	line-height: 1.5;
	margin: 0;
}

.people-flex2{
	display: flex;
	margin-top: 120px;
}

.pf-left2{
	width: 50%;
	box-sizing: border-box;
	padding-right: 60px;
	margin-top: 125px;
}

.pf-right2{
	width: 50%;
	box-sizing: border-box;
}

.pf-left2 h3{
	font-size: 20px;
	color: #43834E;
	margin-bottom: 20px;
	margin-top: 35px;
	font-weight: 500;
}

.pf-left2 p{
	font-size: 16px;
	line-height: 1.5;
	margin: 0;
}

.pf-right2 .plimg1{
	width: 100%;
	height: auto;
} 

.pf-right2 .plimg2{
	width:439px;
	display: block;
	height: auto;
	margin-left: auto;
	margin-top: 100px;
} 

.namearea2{
	width: 228px;
	background: white;
	bottom: 0;
	left: 0;
	box-sizing: border-box;
	position: absolute;
	font-size: 20px;
	color: #43834E;
	line-height: 1.46;
	letter-spacing: 0.02em;
	padding:17px 40px;
	margin: 0;
}

.namearea2 span{
	display: block;
	font-size: 15px;
	color: #000;
}

.pf-left2 .mt-none{
	margin-top: 0;
}

.people-flex3{
	margin-top: 120px;
}

.pf-right .mn2{
	margin-bottom: 15px;
} 

.job-area{
	margin-top: 280px;
	position: relative;
}

.joblist-img{
	position: absolute;
	left: 50%;
	width: 830px;
	top: -25px;
	z-index: -1;
	max-width: 100%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);	
}

.job-area h2{
	text-align: center;
	line-height: 1.5;
	font-size: 17px;
	font-weight: 500;
	margin: 0 0 90px;
}

.job-area h2 span{
	display: block;
	font-size: 33px;
	font-weight: bold;
	color: #43834E;
}


.job-text{
	text-align: center;
	margin: 0;
	font-size: 14px;
}

.pro-title{
	width: 460px;
	display: block;
	color: white;
	margin:0 auto;
	background: #107E43;
	text-align: center;
	font-size: 30px;
	font-weight: 500;
	padding:5px 0;
}

.pro-title span{
	font-size: 16px;
    font-weight: bold;
    color: #6FACA0;
    margin-left: 15px;
    position: relative;
    bottom: 3px;
}

.tab-group{
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  padding: 0;
  margin-top: 72px;
}

.tab{
 box-sizing: border-box;
  padding:9px 5px;
  list-style:none;
  border:solid 1px #C4C4C4;
  text-align:center;
  cursor:pointer;
  width: 19.5%;
  margin:13px 0.7%;
  font-size: 14px;
  transition: 0.4s;
}

.tab:hover{
	background: #848484;
	color: white;
  border: 1px solid #848484;
}

.panel-group{
	margin-top:157px;
}
.panel{
  display:none!important;
}
.tab.active{
  background: #848484;
  border:1px solid #848484;
  color: white;
  transition: all 0.2s ease-out;
}
.panel.panel-show{
  display:block!important;
}

.panel h3{
	display: block;
	font-size: 40px;
	color: #43834E;
	text-align: center;
	position: relative;
	margin: 0;
}

.panel h3:before{
	content: '';
	width:72px;
	position: absolute;
	height: 1px;
	background:#43834E;
	left: 50%;
	top: -20px;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);	
}

.label{
	text-align: center;
	width: 300px;
	margin:23px auto 40px;
	background: #43834E;
	color: white;
	font-size: 20px;
	padding:5px 0;
}

.panel-flex{
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}

.panel-flex .pf-area1 , .panel-flex .pf-area2 , .panel-flex .pf-area3{
	width: 33.333%;
	box-sizing: border-box;
	margin-bottom: 60px;
}

.panel-flex .pf-area1{
	padding-right: 30px;
}

.panel-flex .pf-area2{
	padding:0 15px;
}

.panel-flex .pf-area3{
	padding-left: 30px;
}

.panel-flex div img{
	width: 100%;
	margin-bottom: 0px;
}

.panel-flex div h4{
	font-size: 23px;
	color: #43834E;
	font-weight: 500;
	margin:15px 0 17px;
	letter-spacing: 0em;
}

.panel-flex div h4 span{
	border-bottom:1px solid #43834E;
	display: inline-block;	
}

.panel-flex div p{
	font-size: 14px;
}

.label-top{
	margin-top: 45px;
}

.maintenance-area{
	display: block;
	width:100%;
	background-color: #E4E8E6;
	box-sizing: border-box;
	padding:83px 0 132px;
}

.pa2{
	padding-bottom: 0;
}

.pa2 .b-title{
	margin-bottom: 100px;
}

.pro-title2{
	width: 805px;
    display: block;
    color: white;
    margin: 0 auto;
    background: #107E43;
    text-align: center;
    font-size: 30px;
    font-weight: 500;
    padding: 5px 0;	
}

.pro-title2 span{
	font-size: 16px;
    font-weight: bold;
    color: #6FACA0;
    margin-left: 15px;
    position: relative;
    bottom: 3px;	
}

.maintenance-top{
    font-size: 35px;
    margin: 0 0 73px;
    color: #43834E;
    position: relative;	
}

.ma-area2{
	margin-top: 115px;
}

.ma-area2 p{
	margin: 0;
	font-size: 14px;
}


.mini-title1{
	width: 300px;
	display: block;
	border:1px solid #43834E;
	color: #43834E;
	text-align: center;
	box-sizing: border-box;
	margin:90px auto;
	font-size: 20px;
	padding:4px 0;
}

.mini-title2{
	margin-top: 230px;
}

.maintenance-content{
	margin-bottom: 88px;
}

.maintenance-content h4{
	margin: 0 0 38px;
	text-align: center;
	color: #43834E;
	font-size: 27px;
}

.maintenance-content p{
	margin:0 0 43px;
	font-size: 14px;
}

.maintenance-content h4 span{
	border-bottom: 1px solid #43834E;
	display: inline-block;
}

.img-flex{
	display: flex;
	width: 100%;
}

.if-left{
	box-sizing: border-box;
	padding-right:10px;
	width: 50%;
}

.if-right{
	box-sizing: border-box;
	padding-left:10px;
	width: 50%;
}

.if-left img , .if-right img{
	width: 100%;
	height: 390px;
	object-fit:cover;
}

.engineer-area{
	margin-top: 120px;
}

.engineer-area h2{
	font-size: 38px;
	margin-bottom: 33px;
	position: relative;
}

.engineer-area h2 span{
	display: inline-block;
	position: relative;
	z-index: 5;
	overflow: hidden;
	background: white;
}

.engineer-area h3{
	margin:0 0 ;
	font-size: 64px;
	font-style: italic;
}

.engineer-area .en-sub{
	margin: 0 0 38px;
	font-size: 32px;
}

.engineer-area p{
	font-size: 16px;
	margin: 0;
}

.about-pa{
	padding-bottom: 85px;
}

.page-plant{
	padding-bottom: 120px;
}

.plant-area{
	background:#EFEFEF;

}

.business-section .plant-title{
	font-size: 30px;
	padding:5px 0;
}

.bsc-text1{
	margin-bottom: 17px;
}

.bs-last{
	margin-bottom: 0;
}

.business-section2{
	margin-bottom: 0;
}

.business-section2 h3{
	margin-top: 0;
}

.news-wrap{
	width: 100%!important;
	display: block;
	box-sizing: border-box;
	padding: 0!important;
	margin:0 auto;
}

.news-wrap a{
	display: flex;
	text-decoration: none;
	padding: 20px 0;
	border-bottom:1px solid #ddd;
	transition: 0.4s;
}

.news-wrap a:hover{
	opacity: 0.7;
}

.news-wrap a time{
	width: 11%;
	color: #000;
	font-size: 14px;
}

.news-wrap a .category{
	width: 10%;
}

.news-wrap a .category p{
	margin: 0;
	font-size: 11px;
	width: 73px;
	max-width: 100%;
	display: block;
	margin:0 auto;
	text-align: center;
	position: relative;
	top: 3px;
}

.news-wrap a h3{
	width: 79%;
	margin: 0;
	color: #000;
	font-weight: 500;
	font-size: 14px;
	box-sizing: border-box;
	padding-left: 20px;
}

.news-wrap a .category p{
	background: #EBDF4E!important;
	color: black!important;
}

.news-wrap a:nth-child(2) .category p{
	background: #EBDF4E;
	color: black;
}

.news-wrap a:nth-child(3) .category p{
	background: #343936;
	color: white;
}

.news-wrap a:nth-child(4) .category p{
	background: #EBDF4E;
	color: black;
}

.news-wrap a:nth-child(5) .category p{
	background: #343936;
	color: white;
}

.news-wrap .news-all{
	display: block;
	width: 180px;
	border:1px solid black!important;
	margin-top:40px;
	margin-left: auto;
	box-sizing: border-box;
	text-align: center;
	position: relative;
	font-size: 14px;
	padding:11px 0!important;
	padding-right: 11px!important;
	color: black;
	transition: 0.4s;
	position: relative;
}

.news-wrap .news-all:after{
		position: absolute;
    content: '';
    width: 19px;
    height: 14px;
    background-image: url(img/arrow3.png);
    background-size: cover;
    right: 17px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transition: 0.4s;
}

.news-wrap .news-all:hover{
	background: black!important;
	color:white;
	opacity: 1!important;
}

.news-wrap .news-all:hover:after{
	background-image: url(img/arrow.png);
}

.new-wrap .youtube-link2{
	display: block;
	width: 235px;
	text-decoration: none;
	border:1px solid black!important;
	margin-top:40px;
	margin-left: auto;
	margin-right: 12%;
	box-sizing: border-box;
	text-align: center;
	position: relative;
	font-size: 14px;
	padding:11px 0!important;
	padding-right: 11px!important;
	color: black;
	transition: 0.4s;
	position: relative;
}

.new-wrap .youtube-link2:after{
		position: absolute;
    content: '';
    width: 19px;
    height: 14px;
    background-image: url(img/arrow3.png);
    background-size: cover;
    right: 17px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transition: 0.4s;
}

.new-wrap .youtube-link2:hover{
	background: black!important;
	color:white;
	opacity: 1!important;
}

.new-wrap .youtube-link2:hover:after{
	background-image: url(img/arrow.png);
}


.arrow2{
    margin-left: 8px;
    position: relative;
    top: 2px;
}
.qa-list dl {
	color:#212A41;
    position: relative;
    margin:0;
    cursor: pointer;
    border:2px solid #43834E;
}

.gray-wrap{
	background-color: rgba(239,239,239,0.95);
	width: 80%;
	box-sizing: border-box;	
	margin-left: auto;
	position: relative;
	z-index: 999;
}

/*
右から左へ
----------------------------*/
@keyframes infinity-scroll-left {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}
/*
左から右へ
----------------------------*/
@keyframes infinity-scroll-right {
  from {
    transform: translateX(-100%);
  }
  to {
    transform: translateX(0%);
  }
}
/*
IE11対策
----------------------------*/
_:-ms-lang(x)::-ms-backdrop,
.d-demo {
  display: -ms-grid;
  overflow: hidden;
}
/*----------------------------*/
.d-demo__wrap {
  display: flex;
  overflow: hidden;
}

.news-dwrap{
	width: 1550px;
}

.aboutdwrap{
	width: 100%;
}

.d-demo__item{
	max-height: 95px;
}

.d-demo__list {
  display: flex;
  list-style: none;
  width: 100%;
}

.d-demo__list--left{
animation :infinity-scroll-right 35s infinite linear 0.5s both;
}

.d-demo__list--left2{
animation :infinity-scroll-top 45s infinite linear 0.5s both;
}

.d-demo__item {
  width:100%;
}
.d-demo__item > img{
   width: 100%;
}


/*
左から右へ
----------------------------*/
@keyframes infinity-scroll-top {
  from {
    transform: translateY(-50%);
  }
  to {
    transform: translateY(0%);
  }
}

.d-demo__wrap2{
  display: block;
  overflow: hidden;
}

.d-demo__list2 {
  display: block;
  list-style: none;
  width: 100%;
  margin: 0;
  padding: 0;
}



.d-demo__item2 {
  width:100%;
}

.d-demo__item2 img{
	width: 100%!important;
	margin:15px 0;
}

.d-demo__item2 > img{
   width: 100%;
}

.gray-wrap img{
	width: 427px;
	/*max-width: 100%;*/
	margin: 30px 20px 0;
}

.new-wrap{
	box-sizing: border-box;
	width: 100%;
	padding-left: 140px;
	padding-top: 20px;
	padding-bottom: 115px;
}

.new-wrap h2{
	  margin: 0 auto;
    font-size: 17px;
    font-weight: 500;
    position: relative;
}

.new-wrap h2 span{
	    display: block;
    font-size: 33px;
    font-weight: bold;
    color: #43834E;
}

.new-wrap h3{
    font-size: 17px;
    font-weight: 500;
    position: relative;
    margin-top: 70px;
}

.new-wrap h3 span{
	    display: block;
    font-size: 33px;
    font-weight: bold;
    color: #43834E;
}




.qa-list .qalast{
	 border-bottom:1px solid #212A41;
}

.job-wrap{
	width: 1200px;
	display: block;
	margin:0 auto;
	padding:0 18px;
	max-width: 100%;
	box-sizing: border-box;
}

.qa-list{
	margin-top: 80px;
}

.qa-list dl{
	margin-top: 46px;
}

.qa-list dl:first-child {
  margin-top: 0;
}
.qa-list dl::after {
    position: absolute;
    top: 26px;
    right: 26px;
    display: block;
    width:13px;
    height: 13px;
    margin: auto;
    content: '';
    transform: rotate(135deg);
    border-top: 3px solid #43834E;
    border-right: 3px solid #43834E;
    transition: .5s;
}
.qa-list .open::after {
    transform: rotate(-45deg);
}
.qa-list dl dt {
    position: relative;
    margin: 0;
    padding: 15px 60px 15px 42px;
    font-size:22px;
    box-sizing: border-box;
    color:#43834E;
}

.qa-list dl dd {
    position: relative;
    margin: 0;
    box-sizing: border-box;
    padding:70px 80px;    

}
.qa-list dl dd p {
    margin:0;
    font-size: 17px;

}
.qa-list dl dd p:first-child{
    margin-top: 0;
}

.list-flex{
	display: flex;
	font-size: 17px;
	padding:25px 0;
	border-bottom:1px solid #C4C4C4;
}

.lif-left{
	width:25%;
	box-sizing: border-box;
	padding-right:15px ;
}

.lif-right{
	width: 75%;
	box-sizing: border-box;
	padding-left: 15px;
}

.recontact-wrap{
	display: block;
	width:1240px ;
	margin:0 auto;
	padding:0 20px;
	box-sizing: border-box;
}

.recruit-tel{
	display: block;
	width: 582px;
	margin:150px auto 105px;
	background: #F3F3F3;
	padding:40px 10px;
	box-sizing: border-box;
	text-align: center;
}

.ret-text1{
	font-size: 14px;
	margin: 0 0 0px;
}

.ret-text2{
	font-size: 47px;
	color:#43834E;
	font-weight: 400;
	text-decoration: none;
	position: relative;
	right: 5px;
}

.ret-text3{
	font-size: 14px;
	margin:0px 0 10px;
}

.ret-text4{
	margin:0 auto;
	display: block;
	width: 215px;
	background: white;
	font-size: 14px;
	padding:1px 0;
}

.form-sub{
	font-size: 14px;
	text-align: center;
	margin: 0;
}

.contact-center{
	font-size: 14px;
	text-align: center;
	margin-top: 93px;
}

.contact-tel-gray{
	margin-top: 50px;
	width: 600px;
}

.contact-tel-gray .ret-text1{
	margin-bottom: 10px;
}

.contactV{
		background-image: url(img/contact-header.png);
    background-position: center;
    background-size: cover;
    width: 100%;
    position: relative;
    height: 440px;	
}

.contact-area{
	width: 100%;
	padding:0 88px;
	box-sizing: border-box;
}

.contact-flex{
	display: flex;
	margin-bottom: 40px;
/* 	align-items:center; */
}

.contact-left{
	width: 28%;
	box-sizing: border-box;
	position: relative;
}

.contact-left p{
	font-size: 16px;
	margin:9px 0;
	letter-spacing: 0.02em;
}

.contact-left p span{
	position: absolute;
	right: 0;
	top: 14px;
	width: 47px;
	color: white;
	background:#43834E;
	text-align: center;
	font-size: 14px;
	line-height: 22px;
	height: 22px;
}

.contact-right{
	width: 72%;
	box-sizing: border-box;
	padding-left: 34px;
}

.contact-flex input{
	font-family: fot-cezanne-pron, sans-serif!important;
	letter-spacing: 0.08em;
}

.name-contact .contact-right input{
	width: 444px;
	box-sizing: border-box;
	max-width: 100%;
	font-size: 16px;
	padding:7px 22px;
}

.company-contact .contact-right input{
	width: 581px;
	box-sizing: border-box;
	max-width: 100%;
	font-size: 16px;
	padding:7px 22px;
}

.inline-check{
	margin-bottom: 14px;
}

.inline-check .contact-right{
	margin-top: 9px;
	width: 630px;
	max-width: 100%;
}

.inline-check .contact-right .mwform-checkbox-field{
	margin-right: 10px;
	margin-left: 0!important;
	display: inline-block;
}

.other-contact .contact-right input{
	width: 425px;
	box-sizing: border-box;
	max-width: 100%;
	font-size: 16px;
	padding:7px 22px;	
}

.zip-contact .contact-left p , .tel .contact-left p{
	margin:13px 0;
}

.mwform-zip-field{
	font-size: 16px;
}

.mwform-tel-field input[type="tel"], .mwform-zip-field input[type="text"]{
	padding:12px 5px;
	width: 70px!important;
	height: 50px!important;
	box-sizing: border-box;
}

.location-contact .contact-right input{
	width: 655px;
	box-sizing: border-box;
	max-width: 100%;
	font-size: 16px;
	padding:7px 22px;	
}


.mail-contact .contact-right input{
	width: 506px;
	box-sizing: border-box;
	max-width: 100%;
	font-size: 16px;
	padding:7px 22px;	
}

.job-contact .contact-right input{
	width: 506px;
	box-sizing: border-box;
	max-width: 100%;
	font-size: 16px;
	padding:7px 22px;	
}

.birth-contact .contact-right{
	display: flex;
}

.birth-contact .contact-right .year{
	width: 176px;
	box-sizing: border-box;
	max-width: 100%;
	font-size: 16px;
	padding:7px 22px;		
}

.date-contact .contact-right .year{
	width: 176px;
	box-sizing: border-box;
	max-width: 100%;
	font-size: 16px;
	padding:7px 22px;		
}

.birth-contact .contact-right .month{
	width: 82px;
	box-sizing: border-box;
	max-width: 100%;
	font-size: 16px;
	padding:7px 22px;		
}

.date-contact .contact-right .month{
	width: 82px;
	box-sizing: border-box;
	max-width: 100%;
	font-size: 16px;
	padding:7px 22px;		
}

.birth-contact .contact-right span{
	display: inline-block;
	margin: 0px 13px;
	margin-left:0;
}

.date-contact .contact-right span{
	display: inline-block;
	margin: 0px 13px;
	margin-left:0;
}

.confirm-area .birth-contact .contact-right span ,.confirm-area .date-contact .contact-right span{
	margin:0 ;
	margin-left: 1px;
	margin-right: 3px;
}


.birth-contact .contact-right .date{
	width: 82px;
	box-sizing: border-box;
	max-width: 100%;
	font-size: 16px;
	padding:7px 22px;		
}

.block-check .contact-right{
	margin-top: 12px;
}

.block-check .contact-right .mwform-checkbox-field{
	display: block;
	width: 100%;
	margin-left: 0!important;
}

.contact-right textarea{
	width: 654px;
	font-family: fot-cezanne-pron, sans-serif!important;
	letter-spacing: 0.08em;	
	box-sizing: border-box;
	max-width: 100%;
	font-size: 16px;
	padding:7px 22px;
	min-height: 235px;
}

.submit .send input{
	margin: 55px auto 0;
	display: block;
	width: 304px;
	border:1px solid black;
	box-sizing: border-box;
	background: black;
  -webkit-appearance: none;
  border-radius: 0;	
  color: white;
  font-size: 16px;
  text-align: center;
	font-family: fot-cezanne-pron, sans-serif!important;
	letter-spacing: 0.08em;	
	padding:14px 0; 
	cursor: pointer;
	transition: 0.4s;
}

.submit .send input:hover{
	opacity:0.7;
}

.newsV{
	background-image:url(img/news-header.png);
	background-position: center;
	background-size: cover;
	width: 100%;
	position: relative;
	height: 440px;

}

.archive-wrap{
	display: block;
	width: 1020px;
	max-width: 100%;
	margin:0 auto;
}

.category-flex{
	display: flex;
	margin-top: 93px;
	margin-bottom: 56px;
	padding-left: 90px;
}

.ca-left{
	margin-right: 24px;
}

.ca-left p{
	font-size: 14px;
	margin: 11px 0;
}

.ca-select{
	border:1px solid #C4C4C4;
	font-size: 14px;
	width: 255px;
	height: 45px;
	box-sizing: border-box;
	padding-left:18px;
	font-family: fot-cezanne-pron, sans-serif;
}

.news-flex2{
	display: flex;
	width: 100%;
	text-decoration: none;
	color: black;
	padding:42px 90px;
	border-bottom:1px solid #DDD;
	box-sizing: border-box;	
	transition: 0.4s;
}

.news-flex2:hover{
	opacity: 0.6;
}

.ar-left{
	width: 26%;
	box-sizing: border-box;
}

.ar-left img{
	width: 250px;
	height: 155px;
	max-width: 100%;
}

.ar-right{
	width: 74%;
	box-sizing: border-box;
	padding-left: 35px;
}

.ar-right .arr-flex{
	display: flex;
}

.arr-flex time{
	margin-right: 20px;
	display: inline-block;
	font-size: 14px;
}

.category2 p{
	margin: 0;
	width: 73px;
	height: 17px;
	line-height: 17px;
	background: #EBDF4E!important;
	color: black!important;
	text-align: center;
	font-size: 11px;
	position: relative;
	top: 5px;
}

.ar-right h3{
	font-size: 14px;
	font-weight: 400;
	margin-top: 15px;
	margin-bottom: 0;
}

.page-navi{
	margin-top: 81px;
	text-align: center;
}

.page-navi span , .page-navi a{
	margin:0 15px!important;
	font-size: 14px;
	border: none!important;
}

.page-navi span.current{
	border-radius: 50%;
	background:#34834E;
	color: white;
	text-align: center;
	width: 40px;
	height: 40px;
	line-height: 34px;
	display: inline-block;
	border: none!important;
	box-sizing: border-box;
	
}

.page-navi a{
	color: black;
	transition: 0.4s;
}

.m-bread{
	padding-bottom: 0;
}

.page-navi a:hover{
	color: #34834E;
}

.blog-area{
	display: block;
	width: 900px;
	margin:113px auto 0;
}

.blog-area h3.blog-title{
	font-size: 35px;
	font-weight: 400;
	margin-top: 30px;
	margin-bottom: 20px;
}

.blog-area time{
	display: inline-block;
	margin-bottom: 155px;
}

.blog-area img{
	max-width:100%;
	margin-bottom:50px;
}

.blog-area h2{
	font-size: 30px;
	font-weight: 500;
	margin:30px 0;
}

.blog-area h3{
	font-size: 25px;
	font-weight: 500;
	margin:30px 0;
}

.blog-area .single-content p{
	font-size: 14px;
	margin: 20px 0;
}

.link-flex{
	display: flex;
	margin:175px 0 0;
	box-sizing: border-box;
	padding: 0 90px;
}

.link-flex .lf-left{
	width: 33.33%;
}

.link-flex .lf-left a{
	position: relative;
	z-index: 1;
	display: block;
	width: 19px;
	height: 14px;
}

.link-flex .lf-left a:before{
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	background-image: url(img/before.png);
	width: 19px;
	height: 14px;
	background-size: cover;
	transition: 0.4s;
}

.link-flex .lf-left a:hover:before{
	left: -7px;
}



.link-flex .lf-center{
	width: 33.33%;
	text-align: center;
}

.link-flex .lf-center a{
	font-size: 14px;
	color: black;
	text-decoration: none;
}


.link-flex .lf-right{
	width: 33.33%;
}

.link-flex .lf-right a{
	position: relative;
	z-index: 1;
	display: block;
	width: 19px;
	height: 14px;
	margin-left: auto;
}

.link-flex .lf-right a:before{
	content: '';
	position: absolute;
	top: 50%;
	right: 0;
	background-image: url(img/next.png);
	width: 19px;
	height: 14px;
	background-size: cover;
	transition: 0.4s;
}

.link-flex .lf-right a:hover:before{
	right: -7px;
}

.re-contact{
	margin-top: 77px;
}

.movie-area{
	padding:53px 0  165px;
	color: white;
	position: relative;	
}

.new-bg{
	background-image: url(img/movie-bg.png);
	background-position: center;
	background-size: cover;	
	padding:130px 0 170px;
	margin-top: 180px;
}

.movie-wrap{
	width:84%;
	display: block;
	margin-left: auto;	


}

.movie-wrap h3{
	font-size: 17px;
	font-weight: 500;
	margin: 0 0 33px;
}

.movie-wrap h3 span{
	display: block;
	font-size: 33px;
	font-weight: bold;
}

.youtube-link{
	position: absolute;
	left: 50%;
	bottom: 50px;
	display: block;
	border:1px solid white;
	font-size: 14px;
	text-align: center;
	width: 235px;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    text-decoration: none;
    color: white;	
    padding:11px 0;
    padding-right: 12px;
    box-sizing: border-box;
    transition: 0.4s;
}

.youtube-link:hover{
	background: white;
	color: black;
}

.youtube-link:after{
	position: absolute;
    content: '';
    width: 19px;
    height: 14px;
    background-image: url(img/arrow.png);
    background-size: cover;
    right: 17px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transition: 0.4s;
}

.youtube-link:hover:after{
	background-image: url(img/black-arrow.png);
}

.youtube-link img{
	margin-left: 9px;
	display: inline-block;
	position: relative;
	top: 2px;
}

.ys-area{
	box-sizing: border-box;
	padding-right: 30px;
}

.ys-area iframe{
	width: 100%;
	height: 220px;
	margin-bottom: 20px;
}

.ys-flex{
	padding-left:60px;
	box-sizing: border-box;
	position: relative;
}

.ys-flex .abo{
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
}

.ys-flex .abo p{
	font-size: 13px;
	margin: 0;
	color: #ACADAD;
	border:1px solid #ACADAD;
	width: 43px;
	text-align: center;
}

.ys-title{
	font-size: 14px;
	margin: 0;
}

.y-date{
	margin: 0;
	color: #AFAFAF;
	font-size: 13px;
}

.y-title{
	font-size: 14px;
	margin: 0;
}

.y-title span{
	font-size: 11px;
}

.youtube-slick{
	position: relative;
}

.youtube-slick .prev-arrow{
	position: absolute;
	right:18%;
	top: -50px;
	transition: 0.4s;
	cursor: pointer;
	width: 38px;
	margin: 0!important;
}

.youtube-slick .next-arrow{
	position: absolute;
	right: 12%;
	top: -50px;
	transition: 0.4s;
	cursor: pointer;
	width: 38px;
	margin: 0!important;
}

.youtube-slick .slick-disabled{
	opacity: 0.4;
	cursor: inherit;
}


@media screen and (max-width: 1500px) {
	
	.movie-wrap{
		width: 88%;
	}

	.aboutus2-img{
		right: -80px;
	}


}

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

	.new-wrap{
		padding-left: 50px;
	}

	.news-bg{
		padding-right: 30px;
	}

	.new-wrap .youtube-link2{
		margin-right: 30px;
	}

	.youtube-slick .next-arrow{
		right: 30px;
	}

	.youtube-slick .prev-arrow{
		right: 100px;
	}

} 


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

	.gray-wrap{
		width: 90%;
	}

	.d-wrap{
		margin-top: 350px;
	}

	.about-area{
		max-width: 100%;
	}

/*	.business-area{
		padding:0;
	}*/

	.footer-wrap{
		max-width: 100%;
	}

	.news-wrap{
		max-width: 100%;
	}

	.header-left{
		width: 25%;
	}

	.header-right{
		width: 75%;
		padding-right: 175px;
		padding-left: 40px;
	}

	.mainV .wrap h2{
		font-size: 80px;
	}

	.business-left{
		width: 480px;
		padding:35px 50px;
	}

	.business-right2{
		width: 480px;
		padding:35px 50px;
	}

	.movie-wrap{
		width: 92%;
	}

	.news-area h2{
		padding:0 20px;
		max-width: 100%;
		width: 1040px;
		box-sizing: border-box;
	}

	.footer-wrap{
		padding: 0 20px;
	}

	.aboutus2-img{
		width: 500px;
		right: 0;
	}

	.workflow-img{
		width: 800px;
		top: -8px;
	}

	.flow-area{
		padding-right: 0;
	}

	.company-area1 h2:before{
		left: -50px;
	}

	.company-img{
		right: 0;
		width: 700px;
		max-width: 100%;
	}

	.recruit-img{
		right: 0;
		width: 700px;
		max-width: 100%;
	}

	.welfare-img{
		width: 600px;
		max-width: 100%;
	}

	.re-wrap{
		max-width: 100%;
	}

	.contact-area{
		padding: 0;
		width: 100%;
	}

	.contact-flex input{
		max-width: 100%;
		box-sizing: border-box;
	}

	.recontact-wrap{
		max-width: 100%;
	}

	.business-area2 .bu-wrap h3{
		width: 17%;
		padding-left: 20px;
		margin-right: 5%;
	}

.business-area2 .bu-wrap div.space1{
	width: 26%;
	padding-left: 0;
	padding-right: 30px;
}

.business-area2 .bu-wrap div.space2{
	width: 26%;
	padding-left: 15px;
	padding-right: 15px;
}

.business-area2 .bu-wrap div.space3{
	width: 26%;
	padding-left: 30px;
}	

.business-area2 .bu-wrap div a{
	font-size: 13px;
}



}

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

	.movie-wrap{
		width: 100%;
		box-sizing: border-box;
		padding-left: 20px;
	}

/*.business-area2 .bu-wrap div.space1{
	width: 24%;
	padding-right: 10px;
}

.business-area2 .bu-wrap div.space2{
	width: 22%;
	padding-right: 30px;
}

.business-area2 .bu-wrap div.space3{
	width: 32%;
	padding-left: 30px;
}	*/



}


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

	.d-wrap .d-demo__item img{
		width: 400px;
	}

	.about-left h2{
		margin-top: 0;
	}

	.net-rel a{
		width: 24px;
		height: 24px;
		line-height: 24px;
		font-size: 14px;
	}

	.gpf-left{
		padding-right: 20px;
	}

	.gpf-right{
		padding-left: 20px;
	}

	.gp-content h3{
		padding:3px 30px;
	}

	.job-text{
		padding:0 20px;

	}

	.company-area1{
		padding:0 30px;
	}

	.flow-bg{
		padding:70px 60px;
		box-sizing: border-box;
	}

	.flow-left{
		width: 50%;
	}

	.flow-right{
		width: 50%;
	}

	.abo-title{
		font-size: 25px;
		height: 480px;
	}

	.flow-left h3{
		font-size: 48px;
		margin-bottom: 10px;
	}

	.flow-left h3 span{
		font-size: 24px;
	}

	.flow-left2{
		width: 50%;
		padding-right: 20px;
	}

	.flow-right2{
		width: 50%;
		padding-left: 20px;
	}

	.flow-right2 h3{
		font-size: 48px;
		margin-bottom: 10px;
	}

	.flow-right2 h3 span{
		font-size: 24px;
	}

	.flow-right2 h3.fr2{
		margin-bottom: 13px;
	}

	.in{
		transform: translateX(-100%);
	}

	.flow-right2 p{
		margin-bottom: 35px;
	}

	.engineer-area h3{
		font-size: 48px;
	}

	.engineer-area h2{
		font-size: 38px;
		margin-bottom: 10px;
	}

	.engineer-area .en-sub{
		font-size: 24px;
		margin-bottom: 25px;
	}

	.menu_button{
		width: 60px;
		height: 60px;
		position: absolute;
		right: 0;
		top: 0%;
		z-index: 99;
	}

	.nav-link{
		list-style: none;
		padding-left: 0;
		margin: 0;
	}

	.nav-link li a{
		color: white;
		font-size: 12px;
		text-decoration: none;
		display: block;
		margin:30px 0;
	}

	.nav-link li a span{
		display: block;
		color: white;
		font-size: 20px;
		font-weight: bold;
	}

	.nav-link li p.title{
		color: white;
		font-size: 12px;
		text-decoration: none;
		display: block;
		margin:30px 0 10px;
	}

	.nav-link li p.title span{
		display: block;
		color: white;
		font-size: 20px;
		font-weight: bold;
	}

	.nav-link li.sub-link a{
		color: white;
		margin: 5px 0;
		font-size: 12px;
		display: block;
		text-decoration: none;
	}



	nav .header-left h1{
		padding-top: 22px;
	}

	.nav-link li.first a{
		margin-top: 20px;
	}

	.navc-link{
		display: block;
		margin:40px auto 0;
		width: 400px;
		max-width: 100%;
		border:1px solid white;
		font-size: 16px;
		text-decoration: none;
		color: white;
		text-align: center;
		padding:14px 0;
	}

	.navc-link img{
		position: relative;
		margin-right: 8px;
		top: 3px;
	}

	.contact-left{
		width: 38%;
	}

	.contact-right{
		width: 62%!important;
	}


	.nav-wrap{
		padding:0 20px;
	}

	nav .header-wrap{
		margin-top: 0;
	}

	.menu_button .menu_icon01{
		top: 22px;
		left: 16px;
	}

	.menu_button:hover{
		cursor:pointer;
	}

	.menu_button .menu_icon01 {
	  display: block;
	  float:left;
	  cursor: pointer;
	  transition: .7s;
	  position: relative;
	  top:28px;
	  left:20px;

	}
	.menu_button .menu_icon01 span {
	  display: block;
	  width: 40px;
	  height: 3px;
	  background: white;
	  margin-bottom: 7px;
	  transition: .7s;
	}

	.menu_button .menu_icon01 span.bar2{
		width: 30px;
	}

	.menu_button .menu_icon01 span.bar3{
		width: 25px;
	}

	.menu_button.open .menu_icon01 span.bar2{
		width: 40px;
	}

	.menu_button.open .menu_icon01 span.bar3{
		width: 40px;
	}	

	.menu_button.open .menu_icon01{
	  transform: rotate(-45deg);

	}
	.menu_button.open .menu_icon01 .bar1 {
	  transform: rotate(0deg) translateY(7px);
	}
	.menu_button.open .menu_icon01 .bar2 {
	  opacity: 0;
	}
	.menu_button.open .menu_icon01 .bar3 {
	 transform: rotate(-90deg) translateX(11px);

	}

	.menu_button .menu_icon02 {
	  display: block;
	  float: left;
	  cursor: pointer;
	  transition: all 0.2s ease-in;
	}
	.menu_button .menu_icon02 span {
	  display: block;
	  width: 30px;
	  height: 2px;
	  background: #707070;
	  margin-bottom: 4px;
	  transition: all 0.4s ease-out;
	}
	.menu_button.open .menu_icon02 .bar1 {
	  transform: translateY(10px) rotate(135deg);
	}
	.menu_button.open .menu_icon02 .bar2 {
	 opacity: 0;
	 transform:translateX(-100px);
	}
	.menu_button.open .menu_icon02 .bar3 {
	 transform:  translateY(-6px)
	 rotate(45deg);
	}

	.menu_button .menu_icon03 {
	  display: block;
	  float: left;
	  cursor: pointer;
	  transition: all 0.2s ease-in;
	}
	.menu_button .menu_icon03 span {
	  display: block;
	  width: 30px;
	  height: 2px;
	  background: #707070;
	  margin-bottom: 4px;
	  transition: all 0.4s ease-out;
	}
	.menu_button.open .menu_icon03 .bar1 {
	  transform: translateY(10px) rotate(45deg);
	}
	.menu_button.open .menu_icon03 .bar2 {
	 opacity: 0;
	 width:150px;
	 transform: translateX(-60px)
	}
	.menu_button.open .menu_icon03 .bar3 {
	 transform: translateY(-6px)
	 rotate(135deg);
	 }

	.header-left{
		width: 50%;
		margin-top: 0;
		height:80px;
	}

	.header-left h1{
		padding:14px 0 0;
	}

	.sp-right{
		height: 80px;
		width: 50%;
		display: block;
		position: relative;
	}

/*	.mainV{
		height: 500px;
		min-height: 500px;
	}

	.mainV video{
		height: 500px;
	}*/

	.header-wrap{
		padding:0 20px;
	}

	.wrap{
		padding:0 20px;
	}

	.header-right{
		display: none;
	}

	.aboutus-img{
		right: 0;
		left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);		
	}

	.about-area{
		padding:0 20px 120px;
	}

	.business-right{
		max-width: 100%;
		box-sizing: border-box;
		padding-left: 0;
		margin-left: 58px;
	}

	.business-left2{
		max-width: 100%;
		box-sizing: border-box;
		padding-right: 0;
		margin-right: 58px;
	}

	.business-area h2{
		padding-left: 75px;
		box-sizing: border-box;
		margin-bottom: 94px;
	}

	.business-flex{
		margin-bottom: 250px;
	}

	.business-left , .business-right2{
		top: 110%;
	}

	.business-flex2, .business-flex3{
		margin-bottom: 250px;
	}

	.news-area{
		margin-top: 320px;
	}

	.mainV .wrap h2{
		font-size: 55px;
		padding-top: 120px;
	}

	.mainV .wrap .sub{
		font-size: 24px;
		margin-top: 5px;
	}

	.footer-right{
		padding-left: 20px;
	}

	.news-wrap a time{
		width: 13%;
	}

	.news-wrap a .category{
		width: 13%;
	}

	.news-wrap a h3{
		width: 74%;
	}

	.header-wrap{
		margin-top: 10px;
	}

	.page-plant .wrap{
		padding: 0;
	}

	.page-plant .business-bread{
		padding:0 20px;
	}

	.products .business-bread{
		padding: 0;
	}

	.business-section{
		padding:80px 30px 100px ;
	}

	.businewss2-img{
		width: 750px;
		top: -12px;
	}

	.bs-left{
		padding-right: 18px;
	}

	.bs-right{
		padding-left: 18px;
	}

	.products .wrap{
		padding:0 30px;
	}

	.panel-flex .pf-area1{
		padding-right: 20px;
	}

	.panel-flex .pf-area2{
		padding: 0 10px;
	}

	.panel-flex .pf-area3{
		padding-left: 20px;
	}

	.panel-flex .pf-flexplus{
		padding-right: 10px!Important;
	}

	.panel-flex .pf-flexplus .pff-flex div.pff1{
		padding-right: 15px;
	}

	.panel-flex .pf-flexplus .pff-flex div.pff2{
		padding-left: 15px;
	}

	.pro-title2{
		width: 450px;
		text-align: center;
	}

	.pro-title2 span{
		margin-left: 0;
		display: block;
	}	

	.maintenance-top{
		font-size: 30px;
	}

	.news-flex2{
		padding:42px 0;
	}

	.category-flex{
		padding-left: 0;
	}

	.ar-left img{
		object-fit: cover;
	}

	.blog-area{
		max-width: 100%;
	}

	.link-flex{
		margin: 110px 0 0;
		padding: 0;
	}

	.group-left{
		padding-right: 20px;
	}

	.group-right{
		padding-left: 20px;
	}

	.company-area1 h2{
		font-size: 30px;
	}

	.re-page .company-area1{
		padding: 0;
	}

	.jobtype-img{
		max-width: 90%;
	}

	.re-page .company-area1 h2:before{
		left: -10px;
		width: 33px;
		height: 71px;
		top: -43px;
	}


} 


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

	.news-dwrap{
		width: 100%!important;
		box-sizing: border-box;
	}

	.aboutdwrap{
		width: 100%!important;
		box-sizing: border-box;
	}


	.loop{
		height: 85%;
	}

	.gray-wrap{
		width: 95%;
	}

	.gray-wrap img{
		width: 300px;
	}

	.new-wrap{
		padding-top: 0;
	}

	.rel h3.position{
		top: 143px;
	}

	.gp-flex{
		display: block;
	}

	.gpf-left{
		width: 100%;
		padding: 0;
	}

	.gpf-right{
		width: 100%;
		padding: 0;		
	}

	.gp-content h3 .enfont{
		width: 35px;
	}

	.gp-content h3{
		padding:3px 15px;
	}

	.gp-content .gf-text3{
		margin-bottom: 40px;
	}

	.gp-content .gf-text3.gfbottom{
		margin-bottom: 20px;
	}


	.gp-content p, .gp-content a{
		font-size: 14px!important;
	}

	.submit .back input{
		width: 155px;
		font-size: 15px;
		padding:12px 0;
	}

	.confirm-area .submit .send input{
		width: 155px;
		font-size: 15px;
		padding:12px 0;		
	}

	.confirm-area .submit .back{
		margin-right: 5px;
	}

	.confirm-area .submit .send{
		margin-left: 5px;
	}

	.about-pa .company-area1 h2:before{
		left: -10px;
		width: 33px;
		height: 71px;
		top: -35px;
	}

	.qa-list dl dd p{
		font-size: 15px;
	}

	.list-flex{
		display: block;
		padding:15px 0;
	}

	.lif-left{
		width: 100%;
	}

	.lif-right{
		padding-left: 0;
		width: 100%;
	}

	.qa-list dl dd{
		padding:50px 20px;
	}

	.company-area1 h2 br{
		display: none;
	}

	.contact-left{
		width: 100%;
	}

	.contact-flex{
		display: block;
	}

	.contact-left p span{
		top: 0px;
		position: relative;
		display: inline-block;
		margin-left: 15px;
	}

	.contact-right{
		padding-left: 0;
		width: 100%!important;
	}

	.people-img{
		max-width: 90%;
	}

	.people-flex{
		display: block;
		margin-top: 80px;
	}

	.pf-left{
		width: 100%;
	}	

	.recruit-tel{
		max-width: 100%;
	}

	.qa-list dl dt{
		font-size: 19px;
		padding:15px 60px 15px 30px;
	}

	.pf-right{
		width: 100%;
		margin-top: 75px;
		padding: 0;
	}

	.plimg2{
		display: none;
	}

	.people-top{
		width: 270px;
	}

	.people-area .people-bg{
		top: -72px;
	}

	.recruit-area h2{
		margin-bottom: 75px;
	}

	.blog-area{
		margin-top: 75px;
	}

	.re-flex{
		display: block;
		margin-bottom: 75px;
	}

	.rr-text1{
		margin-bottom: 20px;
	}

	.re-left{
		width: 100%;
		border: none;

	}

	.re-right{
		width: 100%;
		padding: 0;
		margin-top: 20px;
	}

	.blog-area h3.blog-title{
		font-size: 23px;
		margin-top: 20px;
		margin-bottom: 5px;
	}

	.blog-area time{
		font-size: 12px;
		margin-bottom: 50px;
	}

	.blog-area h2{
		font-size: 24px;
		margin:22px 0;
	}

	.blog-area h3{
		font-size: 20px;
		margin:20px 0;
	}

	.blog-area .single-content p{
		font-size: 13px;
		margin:15px 0;
	}

	.sp-plimg2{
		display: block;
		width: 100%;
		margin-top: 20px;
	}

	.people-flex2{
		display: block;
		margin-top: 80px;
	}

	.pf-right2{
		width: 100%;
	}

	.pf-left2{
		width: 100%;
		padding: 0;
	}

	.people-flex2 .pf-right2 .rel{
		display: none;
	}

	.pf-right2 .plimg2{
		width: 100%;
	}

	.pf-left2 h3{
		margin-top: 40px;
		margin-bottom: 20px;
	}

	.pf-right{
		margin-top: 30px;
	}

	.pf-left2{
		margin-top: 30px;
	}

	.pf-right2 .plimg2{
		margin-top: 20px;
	}

	.job-area{
		margin-top: 130px;
	}

	.sp-rel{
		display: block;
	}

	.sp-rel img{
		width: 100%;
	}

	.ar-left{
		width: 35%;
	}

	.ar-right{
		width: 65%;
		padidng-left: 25px;
	}

	.bscontent-flex{
		display: block;
	}

	.bs-left , .bs-right{
		width: 100%;
		padding: 0;
	}

	.pf-right h3{
		margin-top: 40px;
		margin-bottom: 20px;
	}

	.arrow-title:before{
		width: 70px;
		left: -80px;
	}

	.arrow-title:after{
		width: 70px;
		right: -80px;
	}

	.arrow-title{
		font-size: 32px;
		margin-bottom: 50px;
	}

	nav{
		padding-top: 0;
	}

	.navc-link{
		width: 300px;
	}

	.nav-link li a{
		margin:25px 0;
	}

	.nav-link li p.title{
		margin: 25px 0 0;
	}

	.nav-link li.first a{
		margin-top: 10px;
	}

	.header-wrap{
		margin:15px auto 0;
	}

	.mainV .wrap h2{
		font-size: 45px;
		padding-top: 160px;
	}

	.mainV .wrap .sub{
		font-size: 22px;
	}

/*	.mainV{
		height: 500px;
		min-height: 500px;
	}*/

	.about-area{
		margin-top: 10px!important;
	}

	.about-flex{
		display: block;

	}

	.about-left{
		width: 100%;
	}

	.about-right{
		width: 100%;
		padding-left: 0;
		margin-top: 25px;
	}

	.about-area{
		padding:0 20px 75px;
		padding-top: 0!important;
	}

	.arrow-link{
		margin: 50px auto 0;
	}

	.business-area .wrap{
		padding: 0;
	}

	.business-left , .business-right2{
		width: 400px;
		padding:35px 32px;
	}

	.business-left h3 , .business-right2 h3{
		line-height: 1.5;
	}

	.business-left h3 span.inview2 , .business-right2 h3 span.inview2{
		font-size: 22px;

	}

	.business-left h3 span , .business-right2 h3 span{
		font-size: 10px;
	}

	.arrow-link2{
		margin:40px auto 0;
	}

	.news-wrap a{
		flex-wrap: wrap;
	}

	.news-wrap a time{
		width:110px;
	}

	.news-wrap a .category{
		width: 80%;
	}

	.news-wrap a h3{
		padding: 0;
		width: 100%;
		margin-top: 13px;
	}

	.news-wrap a .category p{
		margin-left: 0;
	}

	.news-wrap a .category p{
		top: 4px;
	}

	.news-img{
		width: 280px;
		top: 28px;
	}

	.news-area{
		margin-top: 200px;
	}

	.footer-wrap{
		display: block;
		padding:0 20px;
	}

	.footer-left{
		width: 100%;
		margin-top: 45px;
	}

	.footer-right{
		width: 100%;
		padding: 0;
		display: none;
	}

	.sp-footer-right{
		display: block;
		width: 100%;
		text-align: center;
	}

	.toplink{
		right: 30px;
		bottom: 60px;
	}

	.footer-tel{
		text-align: center;
	}

	.contactlink{
		display: block;
		max-width: 100%;
		margin:25px auto 0;
	}

	.footer-left a img{
		display: block;
		margin:0 auto 20px;
	}

	.privacy{
		width: 50%;
		text-align: right;
	}

	.copy{
		width: 50%;
	}

	.footer-last{
		margin-top: 80px;
	}

	footer{
		padding:45px 0 20px;
	}

	.flow-flex{
		display: block;
		padding:0 20px;
		box-sizing: border-box;
	}

	.flow-left{
		width: 100%;
		margin-bottom: 40px;
	}

	.flow-right{
		width: 100%;
		padding-left: 0;
	}

	.flow-right img{
		width: 100%;
		margin: 0;
	}

	.flow-area{
		padding:0px;
	}

	.aboutus-wrap{
		padding: 0;
	}

	.abo-title{
		position: relative;
		writing-mode: horizontal-tb;
		top: -32px;
		left: 0;
		height: auto;
	}

	.flow-bg{
		padding:35px 20px 70px;
		margin-top: 95px;
	}

	.flow-left2{
		display: none;
	}

	.flow-right2{
		width: 100%;
		padding: 0;
	}

	.smf-img{
		display: block;
		width: 100%;
		margin-bottom:35px;
	}

	.flow-flex{
		margin-top: 35px;
	}

	.about-pa{
		padding-bottom: 80px;
	}

	.member-flex{
		flex-wrap: wrap;
	}

	.black-wrap{
		padding:0 20px;
	}

	.mf1{
		width: 40%;
	}

	.mf2{
		width: 60%;
		border: none;
	}

	.mf3{
		width: 100%;
		padding-top: 35px;
		margin-top: 35px;
		border-top:1px solid white;
	}

	.ba-text1{
		font-size: 18px;
	}

	.mf-text3{
		font-size: 24px;
	}

	.mf-text3 span{
		font-size: 44px;
	}

	.aboutus-wrap .breadcrumbs{
		padding:0 20px;
	}

	.header-wrap{
		margin-top: 5px;
	}

	.panel-flex .pf-area1, .panel-flex .pf-area2, .panel-flex .pf-area3{
		width: 50%;
		padding:0 10px;
	}

	.products .wrap{
		padding:0 20px;
	}

	.tab-group{
		width: 100%;
		flex-wrap: wrap;
	}

	.tab{
		width: 22.5%;
		margin:10px 2px;
		font-size: 12px;
	}

	.mini-title2{
		margin-top: 130px;
	}

	.if-left img, .if-right img{
		height: 300px;
	}

	.company-area1 h2{
		padding-top: 20px;
		margin-bottom: 50px;
	}

	.groupimg{
		max-width: 100%;
	}

	.welfare-bg{
		height: 240px;
		top: -100px;
	}

	.wel-flex{
		display: block;
		margin-top: 60px;
	}

	.wel-left{
		width: 100%;
		padding: 0;
		margin-bottom: 40px;
	}

	.wel-right{
		margin: 0;
		width: 100%;
		padding: 0;
	}

	.welfare-area{
		margin-top: 180px;
	}

	.movie-area{
		padding-bottom:120px ;
	}

	.y-title{
		font-size: 13px;
	}

	.y-date{
		font-size: 12px;
	}

	.panel-flex .pf-flexplus{
		width: 100%!important;
		padding:0 10px!important;
	}

	.panel-flex .pf-flexplus .pff-flex div.pff1{
		padding-right: 10px;
	}

	.panel-flex .pf-flexplus .pff-flex div.pff2{
		padding-left: 10px;
	}




}



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

	.net-rel .gmap-new.second{
		top: -25px;
	}

	.d-demo__item{
		max-height:43px;
	}

	.new-bg{
		margin-top: 60px;
	}

	.loop{
		top: 60px;
		height: 88%;
	}

	.business-area{
		padding:60px 0;
	}

	.about-area{
		margin-top: 20px!important;
	}

	.d-wrap .d-demo__item img{
		width: 250px;
	}

	.gray-wrap img{
		width: 240px;
	}

	.net-rel a{
		font-size: 10px;
		width: 15px;
		height: 15px;
		line-height: 15px;
	}

	.num1{
		left: 39.5%;
	}

	.num2{
		left: 61.5%;
		top: 69%;
	}

	.num3{
		left: 45.5%;
		top: 41.5%;
	}

	.num4{
		left: 65.5%;
	}

	.num5{
		left: 65.5%;
		top: 50%;
	}

	.num6{
		left: 62%;
	}

	.num7{
		left: 50.5%;
		top: 51.5%;
	}

	.num8{
		top: 75%;
	}

	.num9{
		top: 60%;
		left: 61%;
	}

	.num10{
		left: 40.5%;
		top: 71%;
	}

	.num11{
		left: 40%;
		top: 59.5%;
	}

	.groupimg{
		margin-top: 25px;
	}

	.gmap-bg .group-title{
		position: relative;
		top: 0;
		margin-bottom: 0;
	}	

	.gmap-bg{
		margin-top: 120px;
		padding:50px 0!important;
	}

	.group-bgimg{
		width:70px;
		left: -5px;
	}

	.panel-flex .pf-flexplus{
		padding: 0!important;
	}

	.panel-flex .pf-flexplus .pff-flex{
		display: block;
	}

	.panel-flex .pf-flexplus .pff-flex div{
		width: 100%;
		padding: 0!important;
	}

/*	.mainV{
		height: 770px;
		min-height: 770px;
	}
*/
	.mainV .wrap .sub{
		font-size: 28px;
	}

/*	.mainV video{
		height: 770px;
	}*/

	.mainV .wrap h2{
		padding-top: 210px;
		letter-spacing: 0em;
		font-size: 43px;
	}

	.company-area1 h2{
		font-size: 24px;
		padding-top: 0px;
		margin-bottom: 30px;
	}

	.aboutus-img{
		top: -30px;
	}

	.company-area1{
		margin-top: 75px;
	}


	.co-text{
		font-size: 13px;
	}

	.group-title{
		margin-top: 120px;
		font-size: 15px;
	}

	.group-title span{
		font-size: 24px;
	}

	.table-flex{
		display: block;
	}

	.table-left{
		width: 100%;
		padding: 0;
		border:none;
	}

	.table-right{
		padding: 0;
		width: 100%;
	}

	.table-left p , .table-right p{
		margin: 18px 0 13px;
		font-size: 13px;
	}

	.table-right p.margin-none2{
		display: block;
	}


	.about-area{
		padding:60px 20px 60px;
	}

	.about-left h2{
		margin-top: 0;
		font-size: 13px;
	}

	.about-left h2 span{
		font-size: 25px;
	}

	.abr-text2{
		font-size: 14px;
	}

	.arrow-link{
		width: 156px;
		font-size: 12px;
		margin:40px auto 0;
	}

	.arrowimg{
		width: 17px;
	}

	.business-area h2{
		font-size: 13px;
		margin-bottom: 80px;
	}

	.business-area h2 span{
		font-size: 25px;
	}

	.business-img{
		width: 79px;
	}

	.business-left, .business-right2{
		width: 350px;
		max-width: 100%;
		padding:40px 20px;
	}

	.business-flex , .business-flex2{
		margin-bottom: 200px;
	}

	.arrow-link2{
		margin:33px auto 0;
	}

	.news-wrap a .category{
		width: 150px;
	}

	.news-area h2{
		font-size: 13px;
		top: 13px;
	}

	.news-area h2 span{
		font-size: 25px;
	}

	.news-bg{
		padding: 20px 0 55px;
		padding-right: 20px;
	}

	.news-wrap a{
		padding:15px 0;
	}

	.news-wrap a time{
		font-size: 13px;
	}

	.news-wrap a .category p{
		font-size: 10px;
	}

	.news-wrap a h3{
		font-size: 13px;
	}

	.news-wrap .news-all{
		width: 156px;
		font-size: 12px;
	}

	.arrow2{
		width: 16px;
	}

	.youtube-link{
		width: 223px;
		font-size: 12px;
	}

	.youtube-link img{
		width: 16px;
	}

	.movie-wrap h3{
		font-size: 13px;
	}

	.movie-wrap h3 span{
		font-size: 25px;
	}

	.footer-tel{
		font-size: 34px;
		margin-top: 0;
		margin-bottom: 5px;
	}

	.fr-text1{
		font-size: 12px;
	}

	.aboutV{
		height: 300px;
	}

	.page-title{
		padding-top: 140px;
		font-size: 24px;
	}

	.page-title span.enfont{
		font-size: 14px;
	}

	.company-area1 h2:before{
		left: -10px;
		width: 33px;
		height: 71px;
		top: -43px;
		}

	.engineer-area h2{
		font-size: 25px;
		padding-left: 30px;
	}

	.engineer-area h3{
		font-size: 38px;
		line-height: 1.6;
	}

	.engineer-area .en-sub{
		font-size: 20px;
	}

	.engineer-area p{
		font-size: 13px;
	}

	.flow-area{
		margin-top: 90px;
	}

	.flow-title{
		font-size: 13px;
	}

	.flow-title span{
		font-size: 25px;
	}

	.flow-left h3{
		font-size: 40px;
	}

	.flow-left h3 span{
		font-size: 19px;
	}

	.flow-left p{
		font-size: 13px;
	}

	.abo-title{
		font-size: 19px;
		top: -30px;
		letter-spacing: 0.02em;
	}

	.flow-right2 h3{
		font-size: 40px;
	}

	.flow-right2 h3 span{
		font-size: 19px;
	}

	.flow-right2 p{
		font-size: 13px;
	}

	.black-area{
		padding:80px 0;
	}

	.black-wrap h3{
		font-size: 13px;
	}

	.black-wrap h3 span{
		font-size: 25px;
	}

	.ba-text1{
		font-size: 13px;
	}

	.member-flex{
		margin-top: 60px;
	}

	.mf-text1{
		width: 93px;
		font-size: 12px;
		margin-bottom: 20px;
	}

	.mf-text2{
		font-size: 11px;
		margin-bottom: 15pxpx;
	}

	.mf-text3{
		font-size: 19px;
	}

	.mf-text3 span{
		font-size: 31px;
	}

	.mf3-1{
		width: 48%;
		padding:0 5px;
	}

	.mf3-2{
		width: 26%;
		padding:0 5px;
	}

	.mf3-3{
		width: 26%;
		padding:0 5px;
	}

	.white-tel{
		padding:27px 0;

	}

	.wt-text1{
		font-size: 11px;
	}

	.white-tel a{
		font-size: 36px;
	}

	.wt-text2{
		font-size: 11px;
	}

	.white-tel a img{
		width: 29px;
	}

	.aboutus2-img{
		width: 300px;
	}

	.businessV , .newsV{
		height: 300px;
	}

	.b-title{
		font-size: 13px;
	}

	.b-title span{
		font-size: 25px;
	}

	.business-section .plant-title{
		font-size: 21px;
		top: -28px;
		width: 320px;
	}

	.business-section h2 span{
		font-size: 12px;
	}

	.arrow-title{
		font-size: 25px;
		width:175px;
	}

	.arrow-title:before{
		width: 60px;
		left: -60px;
	}

	.arrow-title:after{
		width: 60px;
		right: -60px;
	}

	.bsc-text1{
		font-size: 19px;
	}

	.bsc-text3{
		font-size: 13px;
	}

	.bs-left , .bs-right{
		margin-bottom: 50px;
	}

	.business-section{
		padding:60px 20px 30px;
	}

	.engineer-area{
		margin-top: 75px;
	}

	.b-title{
		margin:75px 0 90px;
	}

	.pa2 .b-title{
		margin:75px 0 50px;
	}

	.pro-title{
		font-size: 21px;
		width: 330px;
	}

	.pro-title span{
		font-size: 12px;
	}

	.label{
		font-size: 18px;
	}

	.panel h3{
		font-size: 28px;
	}

	.panel-group{
		margin-top: 100px;
	}

	.tab{
		width: 32%;
		font-size: 11px;
		letter-spacing: 0;
	}

	.panel-flex div h4{
		font-size: 19px;
		margin-top: 8px;
	}

	.panel-flex div img{
		margin-bottom: 0px;
	}

	.panel-flex .pf-area1, .panel-flex .pf-area2, .panel-flex .pf-area3{
		width: 100%;
		padding:0;
		margin-bottom: 50px;
	}

	.panel-flex div p{
		font-size: 13px;
		margin:10px 0;
	}

	.label{
		margin-bottom: 40px;
	}

	.img-flex{
		display: block;
	}

	.if-left , .if-right{
		width: 100%;
		padding: 0;
		margin:10px 0;
	}

	.if-left img, .if-right img{
		width: 100%;
		height: auto;
	}

	.maintenance-content p{
		font-size: 13px;
		margin-bottom: 25px;
	}

	.maintenance-content{
		margin-bottom: 45px;
	}

	.maintenance-content h4{
		font-size: 21px;
		margin-bottom: 25px;
	}

	.pro-title2{
		width: 320px;
		font-size: 21px;
	}

	.pro-title2 span{
		font-size: 12px;
	}

	.company-area1{
		padding: 0 20px;
	}

	.cp-page .company-area1{
		padding	:0
	}

	.ma-area2{
		margin-top: 60px;
	}

	.maintenance-top{
		font-size: 21px;
		margin-bottom: 40px;
	}

	.mini-title1{
		margin:65px auto;
		width: 260px;
		font-size: 18px;
	}

	.mini-title2{
		margin-top: 90px;
	}

	.maintenance-area{
		padding:60px 0 80px ;
	}

	.news-flex2{
		display: block;
		padding:30px 0;
	}

	.ar-left{
		width: 100%;
	}

	.ar-right{
		width: 100%;
		padding: 0;
	}

	.ar-left img{
		width: 100%;
		height: auto;
	}

	.page-navi span, .page-navi a{
		margin:0 7px!important;
	}

	.ca-select{
		width: 220px;
	}

	.ca-left{
		margin-right: 18px;
	}

	.category-flex{
		margin-top: 75px;
		margin-bottom: 32px;

	}

	.page-area{
		padding-bottom: 75px;
	}

	.companyV{
		height: 300px;
	}

	.table-area{
		margin-top: 75px;
	}

	.group-bg{
		padding:65px 0 ;
	}

	.group-flex{
		display: block;
	}

	.group-left{
		padding: 0;
		width: 100%;
		margin-bottom: 22px;
		padding-bottom: 22px;
	}

	.group-right{
		padding: 0;
		width: 100%;
		margin-bottom: 30px;
		padding-bottom: 30px;			
	}

	.glborder{
		border-bottom: none;
	}

	.gf-text2{
		font-size: 13px;
	}

	.gf-text3{
		font-size: 13px;
	}

	.welfare-area h2{
		font-size: 15px;
		width: 160px;
	}

	.welfare-area h2 span.enfont{
		font-size: 24px;
	}

	.wel-flex p{
		font-size: 13px;
		margin-top: 25px;
		margin-bottom: 15px;
	}

	.rel h3{
		font-size: 18px;
		top: 15%;
	}

	.rel h3.position{
		top: 15%;
	}	

	.wel-left a{
		display: block;
		margin:0 auto;
	}

	.welfare-bg{
		width: 88%;
		height: 220px;
		top: -50px;
	}

	.welfare-area{
		margin-top: 100px;
	}

	.welfare-img{
		width: 90%;
	}

	.wel-flex{
		margin-top: 40px;
	}

	.recruitV{
		height: 300px;
	}

	.recruit-area{
		padding: 65px 0 80px;
		margin-top: 65px;
	}

	.re-left h3{
		font-size: 25px;
	}

	.re-left h3 span{
		font-size: 17px;
	}

	.rr-text1{
		font-size: 18px;
	}

	.people-area .people-bg{
		width: 88%;
		top: -40px;
	}

	.recruit-area h2 span{
		font-size: 25px;
	}

	.recruit-area h2{
		font-size: 13px;
		margin-bottom:45px;
	}

	.re-right{
		margin-top: 10px;
	}

	.people-area{
		margin-top: 130px;
	}

	.pf-right h3 , .pf-left2 h3{
		font-size: 20px;
		margin-bottom: 15px;
	}

	.pf-right p{
		font-size: 13px;
		line-height: 1.8;
	}

	.pf-left2 p{
		font-size: 13px;
		line-height: 1.8;
	}

	.ret-text2{
		font-size: 36px;
	}

	.ret-text2 img{
		width: 29px;
	}

	.ret-text1{
		font-size: 13px;
	}

	.ret-text3{
		font-size: 13px;
	}

	.ret-text4{
		font-size: 13px;
		width: 200px;
	}

	.qa-list dl dd p{
		font-size: 13px;
	}

	.qa-list dl dd{
		padding:0px 20px 50px;
	}

	.people-top{
		max-width: 88%;
		width: 320px;
	}

	.job-area{
		margin-top: 90px;
	}

	.job-area h2{
		margin-bottom: 45px;
	}

	.qa-list dl::after{
		border-top: 2px solid #43834E;
		border-right: 2px solid #43834E;
		top: 23px;
		right: 20px;
	}

	.qa-list{
		margin-top: 45px;
	}

	.qa-list dl dt{
		font-size: 17px;
	}

	.qa-list dl{
		margin-top: 25px;
	}

	.recruit-tel{
		margin-top: 75px;
		margin-bottom: 35px;
		padding-top: 30px;
		padding-bottom: 30px;
	}

	.contact-left p{
		font-size: 14px;
	}

	.birth-contact .contact-right.size-s input{
		width: 65px!important;
	}
	
	.date-contact .contact-right.size-s input{
		width: 65px!important;
	}
	
	.name-contact .contact-right input , .name-contact .contact-right input , .company-contact .contact-right input , .company-contact .contact-right input , .location-contact .contact-right input , .birth-contact .contact-right .year ,.birth-contact .contact-right .month , .birth-contact .contact-right .date {
		padding: 5px 10px;
	}

	.mwform-tel-field input[type="tel"]{
		padding:0 10px!important;
	}
	
	.job-contact .contact-right input{
		padding:7px 10px;
	}
	
	.birth-contact .contact-right span , .date-contact .contact-right span{
		margin-bottom:5px;
	}



	.contact-right textarea{
		padding:5px 10px;
	}

	.qa-list dl dt{
		padding-left: 15px;
	}

	.contactV{
		height: 300px;
	}

	.contact-center{
		margin-top: 75px;
	}

	.ys-area iframe{
		margin-bottom: 15px;
	}

	.movie-area{
		padding-bottom: 130px;
	}

	.youtube-link{
		bottom: 40px;
	}

	.pa2{
		padding-bottom: 0!important;
	}

	.ma-area2{
		padding: 0!important;
	}

	.maintenance-top br{
		display: none;
	}

	.table-right p span{
		display: inline-block;
		margin-top: 12px;
	} 

	.namearea , .namearea2{
		width: 160px;
		padding:12px 20px;
		font-size: 14px;
	}

	.namearea span , .namearea2 span{
		font-size: 12px;
		position: relative;
		left: -8px;
		margin-top: 3px;
	}

	.privacyV{
		height: 300px;
	}

	.privacy-area h3{
		font-size: 16px;
	}

	.privacy-area p{
		font-size: 13px;
		margin-bottom: 35px;
	}

	.privacy-area{
		margin-top: 75px;
		margin-bottom: 50px;
	}


	.contact-flex input{
		font-size: 13px!important;
		letter-spacing: 0.02em;
	}

	.back-btn{
		margin-bottom: 60px;
		font-size: 18px;
	}

	.thanks1{
		font-size: 22px;
	}

	.thanks2{
		font-size: 16px;
		margin-bottom: 60px;
	}

	.b-sub{
		font-size: 13px;
		margin-top: 13px;
	}

	.loop .business-img{
		width: 95px;
	}

	.new-wrap{
		padding-left: 20px;
		padding-bottom: 70px;
	}

	.news-wrap .news-all{
		margin:40px auto 0;
	}

	.new-wrap .youtube-link2{
		margin:40px auto 0;
	}

	.new-wrap h3{
		margin-top: 30px;
	}

	.new-bg{
		padding:70px 0 130px;
	}

	.d-demo__list--left{
	animation :infinity-scroll-right 15s infinite linear 0.5s both;
	}

	.d-demo__list--left2{
	animation :infinity-scroll-top 45s infinite linear 0.5s both;
	}



}




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

	.ys-area iframe{
		height: 175px;
	}

	.gray-wrap img{
		width: 180px;
	}


	.businewss2-img{
		top: 5px;
	}

	.joblist-img{
		top: 6px;
	}

	.pc-mwrap{
		display: none!important;
	}

	.sp-mwrap{
		display: block!important;
	}

	.inview10:before{
		transition: 1.4s;
		transition-delay: 2.1s;
	}

	.inview9:before{
		transition: 1s;
		transition-delay: 2.6s;
	}

	.business-left, .business-right2{
		top: 146%;
	}

	.business-flex, .business-flex2{
		margin-bottom: 280px;
	}

	.news-img{
		top: 6px;
	}

	.header-left h1 a img{
		width: 228px;
	}

	.net-rel a{
		font-size: 10px;
	}	

	.d-wrap .d-demo__item img{
		width: 200px;
	}

	.new-bg{
		padding:40px 0 90px;
	}

	.sp-mwrap h2 .inview7{
		padding-right: 15px;
		height: 55px;
	}


	.sp-mwrap h2 .inview8{
		padding-right: 10px;
	}

	.sp-mwrap h2 .inview10{
		overflow-y: hidden;
		-webkit-overflow-scrolling:auto;
	}

	.mainV video.none{
		height:60vh;
	}

	.gray-wrap img{
		margin:25px 10px 0;
		width: 160px;
	}

	.d-wrap .d-demo__item img{
		margin:0 10px;
	}

	.inview7:before{
		transition-delay: 1.2s;
	}

	.inview7{
		transition-delay: 1.4s;
	}

	.inview10{
		transition-delay: 2.5s;
	}





}


/* 追加CSS20241216 */
.contact-right p{
	margin:0;
}

.wpcf7-list-item{
	margin:0!important;
	margin-right:10px!important;
}

.check .wpcf7-list-item{
	margin:0!important;
	display:block;
}

.zip-text{
	display:inline-block;
	margin-right:10px!important;
}

.mwform-zip-field input[type="text"]{
	width:140px!important;
}

.mwform-tel-field input[type="tel"]{
	width:200px!important;
	padding:0 22px;
}

.contact-right textarea{
	height:235px;
}

@media screen and (max-width: 600px){
		.mwform-tel-field input[type="tel"], .mwform-zip-field input[type="text"]{
			height:41px!important;
	}
	
}