@charset "UTF-8";

@media print {
    body {
        zoom: 0.68;
        -webkit-print-color-adjust: exact;
    }
}


/* IE10以上 */
@media print and (-ms-high-contrast: none) {
        /* @pageの指定いらないかも */
    @page {
        size: A4;
        margin: 12.7mm 9.7mm;
    }

    body {
        zoom: 1.8;
        width: 1200px;
        transform: scale(0.5);
        transform-origin: 0 0;
    }
}


html {
 width: 100%;
 margin: 0;
 padding: 0;
}

html {
	overflow: auto;
}

.anime {
 width: 100%;
 height: 100%;
 max-height: 1080px;
 background-color: #E9E3E3;
 position: relative;
}
 
.anime img {
 display: block;
 position: absolute;
 top: 28%;
 left: 40%;
}
 
.mainSite {
 width: 100%;
 height: 100%;
 max-height: 1080px;
 background-color: #FC6;
 position: relative;
}
 
.mainSite p {
 font-size: 160%;
 color: #FFF;
 position: absolute;
 top: 42%;
 left: 40%;
}
.fade {  
    -webkit-transition: 0.3s ease-in-out;  
       -moz-transition: 0.3s ease-in-out;  
         -o-transition: 0.3s ease-in-out;  
           /* transition: 0.3s ease-in-out;*/  
}  
	
.fade:hover {  
opacity: 0.7 !important;
filter: alpha(opacity=70) !important;
-ms-filter: "alpha(opacity=70)" !important;
}	
	.pt0{
		padding-top: 0 !important;
	}
    .pt20{
		padding-top: 20px !important;
	}
	.pt100{
		padding-top: 100px !important;
	}
	.pb100{
		padding-bottom: 110px !important;
	}
	.pb110{
		padding-bottom: 110px !important;
	}
	.pb115{
		padding-bottom: 115px !important;
	}
	.pb160{
		padding-bottom: 160px !important;
	}
	.pb190{
		padding-bottom: 190px !important;
	}
	.mb20{
		margin-bottom: 20px !important;
	}
	.mb200{
		margin-bottom: 200px !important;
	}
	.mb45{
		margin-bottom: 45px !important;
	}
	.mb50{
		margin-bottom: 50px !important;
	}
	.mb70{
		margin-bottom: 70px !important;
	}
	.mb80{
		margin-bottom: 80px !important;
	}
	.mb100{
		margin-bottom: 100px !important;
	}
	.mb150{
		margin-bottom: 150px !important;
	}
	.mt0{
		margin-top: 0 !important;
	}
	.mt20{
		margin-top: 20px !important;
	}
	.mt30{
		margin-top: 30px !important;
	}
	.mt90{
		margin-top: 90px !important;
	}
	.mt100{
		margin-top: 100px !important;
	}
    .mt140{
		margin-top: 140px !important;
	}
	.mr5{
		margin-right: 5px !important;
	}
	.mt200{
		margin-top: 200px;
	}
	.mb75{
	margin-bottom:75px;
}
.center{
		text-align: center !important;
	}

#wrapper{
		width:100%;
	}
	
.pcnone{
	display: none !important;
}
/*************************************

ヘッダー

************************************/	
#header_wrap{
background: #fff;
height: 80px;
}
	
.header-logo{
max-width: 293px;
width: 29.4vw;
height: 30px;
padding-left: 3vw;
padding-top: 28px;
float: left;
box-sizing: border-box;
}
.header-logo a{
display: block;
}

.nav_wrap{
float: right;
width: 42.6vw;
}
.nav_wrap a{
line-height: 80px;
color: #000;
text-align: center;
text-decoration: none;
padding: 0 10px;
font-size: .9vw;
float: right;
}
a.shinsotsubtn{
float: right;
max-width: 114px;
width: 11vw;
color: #fff;
text-align: center;
height: 80px;
background: #1e83c7;
line-height: 80px;
text-decoration: none;
}

a.chutobtn{
float: right;
max-width: 228px;
width: 17vw;
color: #fff;
text-align: center;
height: 80px;
background: #066061;
line-height: 80px;
text-decoration: none;
}

/*************************************
	
スライダー

************************************/
.topsilder{
width: 100%;
overflow: hidden;
background-size: cover;
background-position: center center;
z-index: 0;
text-align: center;
position: relative;
}
.topsilder img{   
vertical-align: bottom;
}
.topslidcontainer{
width: 100%;
margin: 0 auto;
}
div.topslideslick{
width: 100vw;
margin: 0 auto;
}
.topslider{
width: 70vw;
}
div.topslideslick .slick-track{
background: #000;
}
.slick-dots li button::before{
font-size: 1vw !important;
}

/*************************************
	
トップ動画

************************************/
.video_wrapper {
position: relative;
overflow: hidden;
width: 100%;
/* height: 100vh;*/
}
video {
display: block;
margin: 0 0 0 auto;
}
.video_wrapper p{
position: absolute;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
bottom: 20px;
margin: 0;

}
#mv {
  height: 100vh;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.mv-bg {
  -webkit-transform: translateX(-50%);
  left: 50%;
  max-height: initial;
  max-width: initial;
  min-height: 100vh;
  min-width: 100%;
  position: absolute;
  top: 0;
  transform: translateX(-50%);
  z-index: -1;
}

/*************************************
	
トップニュース

************************************/
.topnews{
height: 52px;
width: 100%;
}
.newstitletop{
float: left;
color: #fff;
background: #323232;
height: 52px;
line-height: 52px;
font-family: 'Teko', sans-serif;
width: 25%;
font-size: 26px;
box-sizing: border-box;
letter-spacing: 1px;
padding-left: 3.1vw;
}

a.topnewsichiran{
width: 12.5%;
height: 52px;
color: #fff;
font-size: 20px;
font-weight: 700;
text-align: center;
display: block;
background: #323232;
line-height: 52px;
text-decoration: none;
float: right;
}
div.topnewslinewrap{
float: left;
box-sizing: border-box;
width: 62.5%;
}
div.topnewsline{
width: 100%;
height: 45px;
line-height: 45px;
box-sizing: border-box;
float: left;
padding-left: 3.5vw;
}
div.topnewsline a{
text-decoration: none;
color: #323232;
font-size: 16px;
vertical-align: middle;
padding-top: 8px;
}
span.news{
padding: 2px 4px;
color: #323232;
font-weight: 700;
border: 2px solid #323232;
text-align: center;
margin-right: 2.3vw;
display: inline-block;
width: 140px;
}
span.internship{
padding: 2px 4px;
color: #1e83c7;
font-weight: 700;
border: 2px solid #1e83c7;
text-align: center;
margin-right: 2.3vw;
width: 140px;
display: inline-block;
}
span.session{
padding: 2px 4px;
color: #066061;
font-weight: 700;
border: 2px solid #066061;
text-align: center;
margin-right: 2.3vw;
width: 140px;
display: inline-block;
}
.toptxt{
font-size: 25px;
font-weight: 700;
margin-top: 55px;
margin-bottom: 45px;
}


/*ニュースティッカー*/
.ticker {
margin: 0 auto;
padding: 10px;
width: 100%;
text-align: left;
position: relative;
overflow: hidden;
}
.ticker ul {
width: 100%;
position: relative;
}
.ticker ul li {
width: 100%;
display: none;
}

.ticker ul li a{
color: #323232;
}

/*************************************
	
トップグリッド　ボタン

************************************/
div.topglidbtnwrap{
width: 100%;
height: 26.3vw;
}
div.topglidbtnwrap a{
display: block;
width: 50%;
height: 26.3vw;
float: left;
/*background: #000;*/
}
div.topglidbtnwrap a .topglidtxtbox,div.topglidbtnwrap a .topglidtxtbox2{
width: 50%;
height: 26.3vw;
float: left;
}
div.topglidbtnwrap a img.overimg{
float: left;
}
.img-overlay .overimg{
  position: relative;
  display: inline-block;
}
.img-overlay .overimg::after {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 0;
  height: 100%;
  background: #000;
  opacity: .5;
  transition:all 0.3s ease;
}
.img-overlay:hover:after {
width: 100%;
}
.img_wrap{
width: 50%;
height: 26.3vw;
float: left;
overflow: hidden;
cursor: pointer;
}
.img_wrap img{
width: 100%;
height: 100%;
transition-duration: 0.5s;
background: #000;
}
.img-overlay .img_wrap img{
background: #000;
}
.img-overlay:hover .img_wrap img{
transform: scale(1.2);
transition-duration: 0.5s;
opacity: 0.6;
}
.img-overlay:hover .img_wrap img::after {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 0;
  height: 100%;
  background: #000;
  opacity: .5;
  transition:all 0.3s ease;
}
.topglidtxtbox{
background: #1e83c7;
padding: 3.5vw 3.1vw;
box-sizing: border-box;
}
.topglidtxtbox2{
background: #066061;
padding: 3.5vw 3.1vw;
box-sizing: border-box;
}
.topglidtxtbox p,.topglidtxtbox2 p{
color: #fff;
font-size: 1.1vw;
margin-top: 3vw;
line-height: 1.5;
}
h6.topglidh6{
color: #fff;
font-size: 1vw;
padding-top: 1.5vw;
clear: both;
}
div.topglidbtnwrap2{
width: 100%;
height: 26.3vw;
}
div.topglidbtnwrap2_left{
background: #323232;
height: 26.3vw;
width: 50%;
float: left;
padding:3.9vw 3.2vw;
box-sizing: border-box;
}
div.topglidbtnwrap2_right{
height: 26.3vw;
width: 50%;
float: left;
transition: 0.5s;
}
div.topglidbtnwrap2_right img:hover{
transform: scale(1.1, 1.1);
}
.talk{
background: url(image/top/talk3.jpg);
background-repeat: no-repeat;
background-size: contain;
}
h3.zadankai{
color: #fff;
font-size: 1vw;
padding-top: 1.5vw;
clear: both;
}
div.topglidbtnwrap2_left p{
color: #fff;
font-size: 1.1vw;
margin-top: .8vw;
}
a.topkochira{
display: block;
border: 1px solid #fff;
text-align: center;
color: #fff;
width: 16.3vw;
height: 3.3vw;
line-height: 3.3vw;
margin-top: 1.5vw;
-webkit-transition: 0.3s ease-in-out;  
-moz-transition: 0.3s ease-in-out;  
-o-transition: 0.3s ease-in-out;
}
a.topkochira:hover{
color: #323232;
background: #fff;
}


/*************************************
	
フッター

************************************/
a.sdgsbtn{
color: #1e83c7;
text-align: center;
border: 1px solid #1e83c7;
display: block;
width: 308px;
height: 60px;
line-height: 60px;
margin: 0 auto 65px;
-webkit-transition: 0.3s ease-in-out;  
-moz-transition: 0.3s ease-in-out;  
-o-transition: 0.3s ease-in-out;
}
a.sdgsbtn:hover{
background: #1e83c7;
color: #fff;
}
.footerglid{
width: 1200px;
margin: 50px auto;
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;  
}
.footerglid a{
width: 180px;
height: 180px;
}


.footerbtn{
width: 100%;
height: 110px;
}
a.footershinsotsubtn{
width: 50%;
display: block;
background: #1e83c7;
color: #fff;
text-align: center;
font-size: 28px;
font-weight: 700;
float: left;
height: 110px;
line-height: 110px;
text-decoration: none;
}
a.footerchutobtn{
width: 50%;
display: block;
background: #066061;
color: #fff;
text-align: center;
font-size: 28px;
font-weight: 700;
float: right;
height: 110px;
text-decoration: none;
line-height: 110px;
}
div.footerlink{
height: 20px;
width: 850px;
margin: 43px auto;
}
div.footerlink a{
color: #323232;
text-align: center;
width : calc(100% / 5) ;
float: left;
font-size: 14px;
font-weight: 600;
text-decoration: none;
border-right: 1px solid #323232;
box-sizing: border-box;
display: block;
}
div.footerlink a:last-child{
border: none;
}
.copy{
text-align: center;
font-size: 12px;
color: #fff;
line-height: 30px;
margin: 0;
background: #323232;
}
/*************************************
	
固定ページ

************************************/
.pageheadwrap{
height: 300px;
width: 100%;
position: relative;
}
.pageheadimage01{
width: 100%;
height: 300px;
}
.pageheadimage02{
width: 63%;
height: 300px;
float: left;
}
.pageheadtxt{
position: absolute;
top:105px;
margin-left: 10.9vw;
}
.pageheadgray{
background: #323232;
height: 300px;
width: 37%;
float: left;
}
.corpotate{
background: url(image/headimage/corporate.jpg);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
.in-number{
background: url(image/headimage/in-number.jpg);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
.workingenvironment{
background:url(image/headimage/workingenvioronment.jpg);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
.sdgs{
background:url(image/headimage/sdgs.jpg);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
.talkmovie{
background:url(image/headimage/talkmovie.jpg);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
.job{
background:url(image/headimage/job.jpg);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}


.pagecontainerwrap{
width: 100%;
background: #e6e6e6;
}
.pagecontainer{
width: 1000px;
margin: 0 auto;
background: #fff;
padding: 100px 75px;
box-sizing: border-box;
}
.pagecontainer2{
width: 1000px;
margin: 0 auto;
background: #fff;
padding: 100px 75px 100px;
box-sizing: border-box;
}
.pagecontainer3{
width: 1000px;
margin: 0 auto;
padding: 0 0 100px;
box-sizing: border-box;
}
div.pagelinkbtn{
text-align: center;
}
div.pagelinkbtn a{
color: #1e83c7;
text-decoration: none;
padding: 0 22px;
border-right: 1px solid #1e83c7;
}
div.pagelinkbtn a:last-child{
border:none;
}



h2.pagetitleh2{
width: 100%;
}
h3.pagetitleh3{
font-size: 23px;
font-weight: 600;
margin-bottom: 50px;
margin-top: 20px;
color: #323232;
}
table.table01{
border-collapse: collapse;
width: 100%;
margin-bottom: 50px;
border-top: 1px solid #1e83c7;
}
table.table01 th{
margin-bottom: 50px;
padding: 20px 25px;
background: #d2e6f4;
text-align: left;
color: #323232;
font-size: 18px;
width: 190px;
font-weight: 700;
border-bottom: 1px solid #1e83c7;
vertical-align: middle;
}
table.table01 td{
font-size: 16px;
padding: 20px 25px;
background: #fff;
border-bottom: 1px solid #1e83c7;
}


table.table02 tr:nth-child(odd){
background: #d2e6f4;
}
table.table02{
border-collapse: collapse;
width: 100%;
margin-bottom: 50px;
}
table.table02 th{
margin-bottom: 50px;
padding: 20px 25px;
text-align: left;
color: #1e83c7;
font-size: 18px;
width: 190px;
font-weight: 700;
}
table.table02 td{
font-size: 16px;
padding: 20px 25px;
}
table.table02 td:first-child{
color: #1e83c7;
font-size: 18px;
font-weight: 700;
}
.historytxt{
color: #1e83c7;
font-size: 18px;
font-weight: 700;
}

/*************************************
	
会社を知る

************************************/
p.yamanep{
line-height: 1.8;
font-size: 16px;
margin-bottom: 50px;
}
div.yamanebox{
position: relative;
height: 460px;
width: 100%;
}
div.yamaneimg01{
position: absolute;
top:0;
left: -135px;
width: 602px;
height: 387px;
}
div.yamanetxt01{
width: 327px;
height: 490px;
position: absolute;
top: 38px;
left: 522px;
color: #323232;
font-size: 16px;
line-height: 1.5;
}
div.yamanebox02{
position: relative;
height: 480px;
width: 100%;
}
div.yamaneimg02{
position: absolute;
top:0;
left: 378px;
width: 602px;
height: 387px;
}
div.yamanetxt02{
width: 327px;
height: 490px;
position: absolute;
top: 38px;
left: 0;
color: #323232;
font-size: 16px;
line-height: 1.5;
}
div.yamanebox03{
position: relative;
height: 460px;
width: 100%;
}
div.yamaneimg03{
position: absolute;
top:0;
left: -135px;
width: 602px;
height: 387px;
}
div.yamanetxt03{
width: 327px;
height: 490px;
position: absolute;
top: 38px;
left: 522px;
color: #323232;
font-size: 16px;
line-height: 1.5;
}
div.yamanebox04{
position: relative;
height: 480px;
width: 100%;
}
div.yamaneimg04{
position: absolute;
top:0;
left: 378px;
width: 602px;
height: 387px;
}
div.yamanetxt04{
width: 327px;
height: 490px;
position: absolute;
top: 38px;
left: 0;
color: #323232;
font-size: 16px;
line-height: 1.5;
}
h4.yamaneabouth4{
margin-bottom: 30px;
}
div.yamanebox05{
position: relative;
height: 460px;
width: 100%;
}
div.yamaneimg05{
position: absolute;
top:0;
left: -135px;
width: 602px;
height: 387px;
}
div.yamanetxt05{
width: 327px;
height: 490px;
position: absolute;
top: 38px;
left: 522px;
color: #323232;
font-size: 16px;
line-height: 1.5;
}

.group{
width: 100%;
margin-bottom: 10px;
}
.group img{
float: left;
display: block;
width: 148px;
}
.groupright{
float: right;
width: 400px;
font-size: 13px;
line-height: 1.5;
}
.groupright h4{
font-weight: 700;
font-size: 15px;
}

/*************************************
	
仕事を知る

************************************/
ul.joblist{
width: 100%;
margin-bottom: 30px;
display:-webkit-box;
display:-moz-box;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
}

ul.joblist li{
width: 266px;
float: left;
margin-left: 26px;
margin-bottom: 40px;
}
ul.joblist li:nth-child(3n+1){
margin-left: 0;
}
.joblistbox{
background: #1e83c7;
color: #fff;
padding: 23px 21px;
min-height: 271px;
}
h2.jobh2{
font-size: 17px;
font-weight: 700;
position: relative;
padding-bottom: 10px;
margin-bottom: 15px;
}
h2.jobh2:after {
content: '';
position: absolute;
left: 0;
bottom: 0;
display: inline-block;
width: 30px;/*線の長さ*/
height: 4px;/*線の太さ*/
/* -webkit-transform: translateX(-100%);
transform: translateX(-100%);*//*位置調整*/
background-color: #fff;/*線の色*/
}
h3.jobh3{
font-size: 17px;
font-weight: 700;
}
p.jobp{
font-size: 15px;
color: #fff;
line-height: 1.5;
margin-bottom: 20px;
}
a.jobinterviewbtn{
color: #fff;
border: 1px solid #fff;
display: block;
width: 100%;
height: 40px;
line-height: 40px;
text-align: center;
    -webkit-transition: 0.3s ease-in-out;  
       -moz-transition: 0.3s ease-in-out;  
         -o-transition: 0.3s ease-in-out; 
}
a.jobinterviewbtn:hover{
background: #fff;
color: #1e83c7;
}
p.jobtxt{
font-size: 16px;
line-height: 1.5;
margin-bottom: 50px;
}

div.flowimg01{
width: 100%;
margin-bottom: 135px;
}


a.jobsec{
display: block;
width: 270px;
height: 40px;
margin: 0 auto;
text-align: center;
line-height: 40px;
color: #1e83c7;
border: 1px solid #1e83c7;
-webkit-transition: 0.3s ease-in-out;  
       -moz-transition: 0.3s ease-in-out;  
         -o-transition: 0.3s ease-in-out;
}
a.jobsec:hover{
color: #fff;
background: #1e83c7;
}


/*01,05*/
div.jobbox01{
width: 100%;
position: relative;
height: 409px;
margin-bottom: 110px;
}

div.jobbox01_left{
width: 380px;
position: absolute;
top: 0;
left: 0;
height: 409px;
padding-right: 50px;
box-sizing: border-box;
}
div.jobbox01_left img{
margin-bottom: 18px;
}
div.jobbox01_left p{
line-height: 1.5;
font-size: 16px;
margin-bottom: 30px;
}
div.jobbox01_right{
position: absolute;
width: 587px;
height: 367px;
top:0;
left: 379px;
}
div.jobbox01_right2{
position: absolute;
width: 587px;
height: 367px;
top:13px;
left: 392px;
background: #d2e6f4;
}
span.flowsection{
color: #1e83c7;
font-size: 17px;
font-weight: 700;
display: block;
padding-left: 10px;
margin-top: 25px;
border-left: 4px solid #1e83c7;
margin-bottom: 5px;
}
div.jobbox05{
width: 100%;
position: relative;
height: 409px;
margin-bottom: 110px;
}

div.jobbox05_left{
width: 380px;
position: absolute;
top: 0;
left: 0;
height: 409px;
padding-right: 50px;
box-sizing: border-box;
}
div.jobbox05_left img{
margin-bottom: 18px;
}
div.jobbox05_left p{
line-height: 1.5;
font-size: 16px;
margin-bottom: 30px;
}
div.jobbox05_right{
position: absolute;
width: 587px;
height: 367px;
top:0;
left: 379px;
}
div.jobbox05_right2{
position: absolute;
width: 587px;
height: 367px;
top:13px;
left: 392px;
background: #d2e6f4;
}



/*07*/
div.jobbox07{
width: 100%;
position: relative;
height: 562px;
margin-bottom: 110px;
}

div.jobbox07_left{
width: 380px;
position: absolute;
top: 0;
left: 0;
height: 562px;
padding-right: 50px;
box-sizing: border-box;
}
div.jobbox07_left img{
margin-bottom: 18px;
}
div.jobbox07_left p{
line-height: 1.5;
font-size: 16px;
margin-bottom: 30px;
}
div.jobbox07_right{
position: absolute;
width: 587px;
height: 543px;
top:0;
left: 379px;
}
div.jobbox07_right2{
position: absolute;
width: 587px;
height: 543px;
top:13px;
left: 392px;
background: #d2e6f4;
}


/*09*/
div.jobbox09{
width: 100%;
position: relative;
height: 511px;
margin-bottom: 110px;
}

div.jobbox09_left{
width: 380px;
position: absolute;
top: 0;
left: 0;
height: 511px;
padding-right: 50px;
box-sizing: border-box;
}
div.jobbox09_left img{
margin-bottom: 18px;
}
div.jobbox09_left p{
line-height: 1.5;
font-size: 16px;
margin-bottom: 30px;
}
div.jobbox09_right{
position: absolute;
width: 587px;
height: 491px;
top:0;
left: 379px;
}
div.jobbox09_right2{
position: absolute;
width: 587px;
height: 491px;
top:13px;
left: 392px;
background: #d2e6f4;
}
/*02*/
div.jobbox02{
width: 100%;
position: relative;
height: 409px;
margin-bottom: 110px;
}

div.jobbox02_left{
width: 586px;
position: absolute;
top: 0;
left: -131px;
height: 367px;
}
div.jobbox02_left2{
width: 586px;
position: absolute;
top: 13px;
left: -118px;
height: 367px;
background: #d2e6f4;
}
div.jobbox02_right{
width: 380px;
position: absolute;
top: 0;
right: 0;
height: 409px;
padding-left: 50px;
box-sizing: border-box;
}
div.jobbox02_right img{
margin-bottom: 18px;
}
div.jobbox02_right p{
line-height: 1.5;
font-size: 16px;
margin-bottom: 30px;
}


/*04*/
div.jobbox04{
width: 100%;
position: relative;
height: 409px;
margin-bottom: 110px;
}

div.jobbox04_left{
width: 586px;
position: absolute;
top: 0;
left: -131px;
height: 367px;
}
div.jobbox04_left2{
width: 586px;
position: absolute;
top: 13px;
left: -118px;
height: 367px;
background: #d2e6f4;
}
div.jobbox04_right{
width: 380px;
position: absolute;
top: 0;
right: 0;
height: 409px;
padding-left: 50px;
box-sizing: border-box;
}
div.jobbox04_right img{
margin-bottom: 18px;
}
div.jobbox04_right p{
line-height: 1.5;
font-size: 15px;
margin-bottom: 30px;
}

/*03*/
div.jobbox03{
width: 100%;
height: 370px;
position: relative;
margin-bottom: 30px;
}
div.jobbox03_2{
width: 1100px;
height: 360px;
top: 13px;
left: -118px;
background: #d2e6f4;
position:absolute;
}

div.jobbox03_3{
width: 550px;
height: 370px;
top: 0;
left: -134px;
position:absolute;
}
div.jobbox03_4{
width: 550px;
height: 370px;
top: 0;
left: 416px;
position:absolute;
}
p.jobbox03txt{
line-height: 1.5;
font-size: 16px;
margin-bottom: 30px;
}
div.jobbox03title{
width: 100%;
margin-bottom: 20px;
}
ul.jobbox03grid{
width: 100%;
margin-bottom: 30px;
}
ul.jobbox03grid li{
width: 270px;
height: 212px;
float: left;
background: #d2e6f4;
margin-left: 20px;
}
ul.jobbox03grid li:nth-child(3n+1){
margin-left: 0;
}
ul.jobbox03grid li h4{
text-align: center;
color: #fff;
height: 42px;
line-height: 42px;
background: #1e83c7;
}
ul.jobbox03grid li div{
padding: 20px 25px;
}
div.jobbox03wrap{
width: 100%;
margin-bottom: 90px;
}



/*06*/
div.jobbox06{
width: 100%;
position: relative;
height: 409px;
margin-bottom: 25px;
}

div.jobbox06_left{
width: 586px;
position: absolute;
top: 0;
left: -131px;
height: 367px;
}
div.jobbox06_left2{
width: 586px;
position: absolute;
top: 13px;
left: -118px;
height: 367px;
background: #d2e6f4;
}
div.jobbox06_right{
width: 380px;
position: absolute;
top: 0;
right: 0;
height: 409px;
padding-left: 50px;
box-sizing: border-box;
}
div.jobbox06_right img{
margin-bottom: 18px;
}
div.jobbox06_right p{
line-height: 1.5;
font-size: 16px;
margin-bottom: 30px;
}
ul.jobbox06grid{
width: 100%;
margin-bottom: 30px;
}
ul.jobbox06grid li{
width: 415px;
height: 187px;
float: left;
background: #d2e6f4;
margin-left: 10px;
}
ul.jobbox06grid li:nth-child(2n+1){
margin-left: 0;
}
ul.jobbox06grid li h4{
text-align: center;
color: #fff;
height: 42px;
line-height: 42px;
background: #1e83c7;
}
ul.jobbox06grid li div{
padding: 20px 25px;
}
div.jobbox06wrap{
width: 100%;
margin-bottom: 90px;
}



/*08*/
div.jobbox08{
width: 100%;
position: relative;
height: 498px;
margin-bottom: 110px;
}

div.jobbox08_left{
width: 586px;
position: absolute;
top: 0;
left: -131px;
height: 478px;
}
div.jobbox08_left2{
width: 586px;
position: absolute;
top: 13px;
left: -118px;
height: 478px;
background: #d2e6f4;
}
div.jobbox08_right{
width: 380px;
position: absolute;
top: 0;
right: 0;
height: 498px;
padding-left: 50px;
box-sizing: border-box;
}
div.jobbox08_right img{
margin-bottom: 18px;
}
div.jobbox08_right p{
line-height: 1.5;
font-size: 16px;
margin-bottom: 30px;
}

/*11*/
div.jobbox11{
width: 100%;
position: relative;
height: 602px;
margin-bottom: 110px;
}

div.jobbox11_left{
width: 586px;
position: absolute;
top: 0;
left: -131px;
height: 478px;
}
div.jobbox11_left2{
width: 586px;
position: absolute;
top: 13px;
left: -118px;
height: 602px;
background: #d2e6f4;
}
div.jobbox11_right{
width: 380px;
position: absolute;
top: 0;
right: 0;
height: 602px;
padding-left: 50px;
box-sizing: border-box;
}
div.jobbox11_right img{
margin-bottom: 18px;
}
div.jobbox11_right p{
line-height: 1.5;
font-size: 15px;
margin-bottom: 30px;
}
/*10*/
div.jobbox10{
width: 100%;
height: 370px;
position: relative;
margin-bottom: 30px;
}
div.jobbox10_2{
width: 1100px;
height: 360px;
top: 13px;
left: -118px;
background: #d2e6f4;
position:absolute;
}

div.jobbox10_3{
width: 1100px;
height: 370px;
top: 0;
left: -134px;
position:absolute;
}

p.jobbox10txt{
line-height: 1.5;
font-size: 16px;
margin-bottom: 30px;
}
div.jobbox10title{
width: 100%;
margin-bottom: 20px;
}
div.jobbox10wrap{
width: 100%;
margin-bottom: 90px;
}
/*************************************
	
sdgs

************************************/
h2.sdgsh2{
font-size: 34px;
color: #323232;
margin-bottom: 30px;
position: relative;
display: inline-block;
font-weight: 700;
}
h2.sdgsh2:before {
content: '';
position: absolute;
left: 30px;
bottom: -15px;/*線の上下位置*/
display: inline-block;
width: 60px;/*線の長さ*/
height: 5px;/*線の太さ*/
-webkit-transform: translateX(-50%);
transform: translateX(-50%);/*位置調整*/
background-color: #1e83c7;/*線の色*/
}

p.sdgsp{
line-height: 1.8;
font-size: 16px;
margin-bottom: 50px;
}
div.goals{
text-align: center;
margin-top: 50px;
}
ul.sdgsglid{
width: 100%;
padding: 0;
margin-top: 60px;
margin-bottom: 130px;
}
ul.sdgsglid li{
width: 128px;
list-style: none;
float: left;
margin-left: 16px;
margin-bottom: 30px;
}
ul.sdgsglid li:nth-child(6n+1){
margin-left: 0;
}
ul.sdgsglid li p{
text-align: center;
margin-top: 13px;
font-size: 15px;
font-weight: 700;
}
h5.sdgsh5{
font-size: 21px;
color: #1e83c7;
/*padding-bottom: 20px;*/
margin-bottom: 20px;
border-bottom: 1px solid #1e83c7;
font-weight: 700;
margin-top: 50px;
}
span.sdgsspan{
font-family: 'Teko', sans-serif;
font-size: 48px;
margin-right: 20px;
vertical-align: sub;
}
div.sdgsicon{
width: 320px;
float: right;
}
div.sdgsicon div{
float: left;
width: 100px;
margin-left: 10px;
margin-bottom: 10px;
}
div.sdgsicon div:nth-child(3n+1){
margin-left: 0;
}

p.sdgsrighttxt{
float: left;
width: 530px;
}
p.sogaku{
color: #323232;
font-size: 30px;
font-weight: 700;
}


ul.sdgsphotolist{
width: 496px;
float: left;
}
ul.sdgsphotolist li{
width: 238px;
float: left;
margin-left: 20px;
font-size: 16px;
line-height: 1.2;
color: #323232;
}
ul.sdgsphotolist li img{
margin-bottom: 7px;
}
ul.sdgsphotolist li:nth-child(2n+1){
margin-left: 0;
}


/*************************************
	
座談会動画

************************************/
h2.talkmovieh2{
font-size: 34px;
color:#323232;
position: relative;
margin-bottom: 30px;
font-weight: 700;
padding-bottom: 10px;
}
h2.talkmovieh2:after {
content: '';
position: absolute;
left: 0;
bottom: 0;
display: inline-block;
width: 30px;/*線の長さ*/
height: 4px;/*線の太さ*/
/* -webkit-transform: translateX(-100%);
transform: translateX(-100%);*//*位置調整*/
background-color: #1e83c7;/*線の色*/
}
p.talkmoviep{
font-size: 18px;
line-height: 1.5;
margin-bottom: 30px;
}
div.talkmoviebig{
margin-bottom: 85px;
width: 100%;
}
.talkmovie_small{
width: 100%;
}
.talkmovie_small div{
width: 415px;
}
.talkmovie_small div p{
font-size: 20px;
font-weight: 700;
color: #323232;
position: relative;
display: inline-block;
margin-bottom: 1em;
padding-top: 10px;
margin-top: 20px;
}
.talkmovie_small div p:before {
content: '';
position: absolute;
left: 0%;
top: -5px;/*線の上下位置*/
display: inline-block;
width: 32px;/*線の長さ*/
height: 4px;/*線の太さ*/
/* -webkit-transform: translateX(-100%);
transform: translateX(-100%);*//*位置調整*/
background-color: #1e83c7;/*線の色*/
}
.movie-wrap {
position: relative;
padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
height: 0;
overflow: hidden;
}
.movie-wrap iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/*************************************
	
お知らせ　投稿ページ

************************************/
.singlecontainerwrap{
width: 100%;
background: #e6e6e6;
padding-top: 60px;
padding-bottom: 90px;}
.singlecontainer{
width: 1000px;
margin: 0 auto;
background: #fff;
padding-top: 68px;
padding-left: 75px;
padding-right: 75px;
padding-bottom: 100px;
box-sizing: border-box;
}
.singlecontainer p{
margin-bottom: 20px;
line-height: 1.6;
}
.singlecontainer h1{
font-size: 34px;
color: #323232;
font-weight: 700;
margin-top: 27px;
}
.singlecontainer h2{
font-size: 30px;
color: #1e83c7;
font-weight: 700;
margin-top: 27px;
}
.singlecontainer h3{
font-size: 20px;
color: #1e83c7;
font-weight: 700;
margin-top: 27px;
}
.singlecontainer a{
color: #1e83c7;
text-decoration: underline;
-webkit-transition: 0.3s ease-in-out;  
-moz-transition: 0.3s ease-in-out;  
-o-transition: 0.3s ease-in-out;  
/* transition: 0.3s ease-in-out;*/ 
}
.singlecontainer a:hover{ 
opacity: 0.7 !important;
filter: alpha(opacity=70) !important;
-ms-filter: "alpha(opacity=70)" !important;
}	


div.singledate{
margin-top: 12px;
height: 35px;
position: relative;
margin-bottom: 50px;
}
div.singledate:after {
content: '';
position: absolute;
left: 0;
bottom: 0;
display: inline-block;
width: 16px;/*線の長さ*/
height: 5px;/*線の太さ*/
/* -webkit-transform: translateX(-100%);
transform: translateX(-100%);*//*位置調整*/
background-color: #1e83c7;/*線の色*/
}
.singlenews{
padding: 4px;
color: #323232;
font-weight: 700;
border: 2px solid #323232;
text-align: center;
margin-right: 2.3vw;
display: inline-block;
width: 140px;
}
.singleinternship{
padding: 4px;
color: #1e83c7;
font-weight: 700;
border: 2px solid #1e83c7;
text-align: center;
margin-right: 2.3vw;
display: inline-block;
width: 140px;
}
.singlesession{
padding: 4px;
color: #066061;
font-weight: 700;
border: 2px solid #066061;
text-align: center;
margin-right: 2.3vw;
display: inline-block;
width: 140px;
}
/*************************************
	
お知らせ　一覧ページ

************************************/
ul.newslist{
width: 100%;
}
ul.newslist li{
margin-bottom: 20px;
}
ul.newslist li a{
color: #323232;
vertical-align: middle;
margin-bottom: 20px;
}
ul.newslist li a span{
vertical-align: middle;
}
ul.newslist li a span.singledate{
margin-right: 30px;
}


.pagination {
  clear: both;
  padding: 20px 0;
  position: relative;
  font-size: 14px;
  line-height: 1em;
        text-align: center;
}
.pagination-box {
  display: inline-block;
}
.pagination span, .pagination a {
  display: block;
  float: left;
  margin: 2px 2px 2px 0;
  padding: 10px 14px 10px 14px;
  text-decoration: none;
  width: auto;
  color: #fff; /* 通常の文字色 */
  background: #1e83c7; /* 通常の背景色 */
  border-radius: 50%; /* 角を丸くして円形に */
}
.pagination span.page-of {
  background: none;
  color: #1e83c7;
}
.pagination a:hover{
  color: #1e83c7; /* マウスホバー時の文字色 */
  background: #F9D635; /* マウスホバー時の背景色 */
}
.pagination .current{
  padding: 10px 14px 10px 14px;
  color: #1e83c7; /* 現在のページの文字色 */
  background: #F9D635; /* 現在のページの背景色 */
}


.page-numbers{
background-color:#fff;
color:#1e83c7;
padding:4px 10px;
border:1px solid #1e83c7;
border-radius:2px;
-webkit-transition: 0.3s ease-in-out;  
-moz-transition: 0.3s ease-in-out;  
-o-transition: 0.3s ease-in-out; 
}
.current{
color:#fff;
background-color:#1e83c7;
}
.next,.prev{
color:#1e83c7;
background-color:#fff;    
-webkit-transition: 0.3s ease-in-out;  
-moz-transition: 0.3s ease-in-out;  
-o-transition: 0.3s ease-in-out;  
}
.next:hover,.prev:hover,.page-numbers:hover{
color:#fff;
background-color:#1e83c7;
}
/*************************************
	
インタビュー

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

.interviewheadwrap{
width: 100%;
max-height: 550px;
height: 30vw;
position: relative;
}
.interviewimage{
width: 100%;
max-height: 550px;
height: 30vw;
position: absolute;
top: 0;
left: 0;
}
.interviewimage img{
width: 100%;
max-height: 550px;
height: 30vw;
object-fit: cover;
/*object-position: center center;*/
}

.interviewback{
width: 100%;
max-height: 550px;
height: 30vw;
position: absolute;
top: 0;
left: 0;
background: url(image/interview/headback.png) no-repeat;
background-size: 50% 100%;
background-position: left;
z-index: 10;
}
div.interviewcontainer{
width: 1000px;
margin: 0 auto;
position: absolute;
top:0;
right: 0;
bottom: 0 ;
left: 0;
}
.interviewcatch{
position: absolute;
top: 88px;
z-index: 20;
}
.interviewcatch p{
font-size: 30px;
color: #1e83c7;
font-weight: 700;
margin-bottom: 10px;
padding: 2px 8px;
clear: both;
z-index: 20;
}
.interviewcatch p span{
background: #fff;
font-size: 30px;
color: #1e83c7;
font-weight: 700;
padding: 2px 8px;
z-index: 20;
}
.intervewinfo{
color: #fff;
font-size: 20px;
position: absolute;
top: 259px;
z-index: 20;
}
.nyusha{
color: #fff;
font-size: 14px;
padding-right: 10px;
border-right: 1px solid #fff;
z-index: 20;
}
.busho{
color: #fff;
font-size: 14px;
z-index: 20;
}
.interviewname{
color: #fff;
font-size: 34px;
font-weight: 700;
position: absolute;
top: 219px;
z-index: 20;
}

div.interviewsinglecontainer{
width: 1000px;
margin: 0 auto;
background: #fff;
padding-top: 68px;
padding-left: 75px;
padding-right: 75px;
padding-bottom: 100px;
box-sizing: border-box;
}
div.interviewsinglecontainer h2{
font-family: 'Teko', sans-serif;
font-style: normal;
font-weight: 400;
font-size: 80px;
color: #1e83c7;
position: relative;
margin-bottom: 24px;
}
div.interviewsinglecontainer h2:after {
content: '';
position: absolute;
left: 0;
bottom: 0;
display: inline-block;
width: 30px;/*線の長さ*/
height: 4px;/*線の太さ*/
/* -webkit-transform: translateX(-100%);
transform: translateX(-100%);*//*位置調整*/
background-color: #1e83c7;/*線の色*/
}
div.interviewsinglecontainer h3{
font-size: 21px;
color: #1e83c7;
margin-bottom: 10px;
}

div.interviewsinglecontainer p{
margin-bottom: 50px;
font-size: 16px;
line-height: 1.8;
vertical-align: middle;
}
div.interviewsinglecontainer p strong{
font-weight: 700;
vertical-align: baseline;
font-size: 16px;
color: #000;
background: linear-gradient(transparent 0%, #fff799 0%);
border-radius:6px;
}
.gradient{
    background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,1));
    width: 50%;
    height: 200px;
}

div.tatephoto{
width: 100%;
margin-bottom: 50px;
padding-left: 70px;
}
div.tatephoto br{
display: none;
}

div.tatephoto img{
width: 320px;
height: auto !important;
display: block;
float: left;
margin-left: 70px;
zoom: 1;
}
div.tatephoto img:nth-child(odd){
margin-left: 0;
}
div.tatephoto:after{
 content: "";
display: block;
clear: both;
}
div.img80{
width: 80%;
margin: 0 auto 50px;
}


.InfoCanvas {  
 width: 100%;
 height: 100%;
 background: -ms-linear-gradient(left, 
       rgba(255,255,255, 1),
       rgba(255,255,255, 0.9) 30%,
       rgba(255,255,0, 0));
    background: -moz-linear-gradient(left 45deg, 
       rgba(255,255,255, 1),
       rgba(255,255,255, 0.9) 30%,
       rgba(255,255,0, 0));
    background: -webkit-gradient(linear, left top, right top,  
       from(rgba(255,255,255, 1)),  
       color-stop(0.3, rgba(255,255,255, 0.9)),  
       to(rgba(255,255,0, 0)));
    background: linear-gradient(left 45deg, 
       rgba(255,255,255, 1),
       rgba(255,255,255, 0.9) 30%,
       rgba(255,255,0, 0));
}

div.schedule{
width: 80%;
margin: 0 auto;
}
div.schedule p{
width: 100%;
font-size: 18px;
border-bottom: 1px solid #323232;
padding-bottom: 8px;
margin-bottom: 8px;
padding-top: 10px;
vertical-align: middle;
}
div.schedule p span{
font-weight: 700;
color: #1e83c7;
font-size: 30px;
display: inline-block;
width: 20%;
font-family: 'Teko', sans-serif;
vertical-align: middle;
letter-spacing: 4px;
font-style: italic;
}
a.interviewbtn{
color: #1e83c7;
text-align: center;
border: 1px solid #1e83c7;
display: block;
width: 308px;
height: 60px;
line-height: 60px;
margin: 50px auto 30px;
-webkit-transition: 0.3s ease-in-out;  
-moz-transition: 0.3s ease-in-out;  
-o-transition: 0.3s ease-in-out;
}
a.interviewbtn:hover{
background: #1e83c7;
color: #fff;
}


.interviewtop{
width: 100%;
max-height: 550px;
height: 30vw;
position: absolute;
top: 0;
left: 0;
background-position: center !important;
background-repeat: no-repeat !important;
background-size: cover !important;
}
.tanaka{
background: url(image/interviewtop/tanaka.jpg);
}
.shimizu{
background: url(image/interviewtop/shimizu.jpg);
}
.yoshinaga{
background: url(image/interviewtop/yoshinaga.jpg);
}
.toyota{
background: url(image/interviewtop/toyoda.jpg);
}
.higashiguchi{
background: url(image/interviewtop/higashiguchi.jpg);
}
.moriyama{
background: url(image/interviewtop/moriyama.jpg);
}


/*************************************
	
インタビュー一覧

************************************/
div.interviewlistcontainer{
width: 1000px;
margin: 0 auto;
background: #fff;
box-sizing: border-box;
padding-top: 68px;
padding-left: 75px;
padding-right: 75px;
padding-bottom: 100px;
}
p.inertvewpageonetxt{
font-size: 14px;
margin-bottom: 40px;
}
ul.interviewlist{
width: 100%;
display:-webkit-box;
display:-moz-box;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
}

ul.interviewlist li{
width: 266px;
float: left;
margin-left: 26px;
margin-bottom: 38px;
}
ul.interviewlist li a{
display: block;
}
ul.interviewlist li:nth-child(3n+1){
margin-left: 0;
}

.archive_intervewinfo{
color: #323232;
}
.archive_nyusha{
color: #323232;
font-size: 14px;
padding-right: 10px;
border-right: 1px solid #323232;
}
.archive_busho{
color: #323232;
font-size: 14px;
}
.archive_interviewname{
color: #323232;
font-size: 20px;
font-weight: 700;
}
.interviewheadimg{
background:url(image/interview/headimage.jpg);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
figure.hover-parent {
width: 266px;
height: 244px;
position: relative;
margin-bottom: 18px;
overflow: hidden;
    -webkit-transition: 0.3s ease-in-out;  
       -moz-transition: 0.3s ease-in-out;  
         -o-transition: 0.3s ease-in-out; 
}
figure.hover-parent:hover .hover-mask {
width: 266px;
height: 244px;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
/*background: rgba(0,0,0,0.5);*/
opacity: 0;
color: #fff;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
 justify-content: center;
  align-items: center;
/*transition: all 0.6s ease;*/
padding: 80px 0;
box-sizing: border-box;
background: url(image/interview/gridback.png);
background-repeat: no-repeat;
background-size: contain;
 
} 
figure.hover-parent:hover .hover-mask p{
text-align: center;
color: #1e83c7;
background: #fff;
}
figure.hover-parent:hover .hover-mask {
opacity: 1;
} 

.imgWrap {
	overflow: hidden;	/*拡大時にはみ出た部分を隠す*/
	width: 266px;	/*画像の幅*/
	height: 244px;	/*画像の高さ*/
}
.imgWrap img {
	display: block;
	transition-duration: 0.3s;	/*変化に掛かる時間*/
}
.imgWrap img:hover {
	transform: scale(1.1);	/*画像の拡大率*/
	transition-duration: 0.3s;	/*変化に掛かる時間*/
}


/*************************************
	
施工実績

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

.works{
background:url(image/works/headimage.jpg);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
.worksh4{
color: #1e83c7;
font-size: 28px;
font-weight: 700;
margin-bottom: 20px;
}
.archive_workstitle{
font-size: 16px;
color: #323232;
line-height: 1.5;
margin-top: 18px;
position: relative;
}
.archive_workstitle:before {
  content: '';
  position: absolute;
  left: 0%;
  top: -12px;/*線の上下位置*/
  display: inline-block;
  width: 16px;/*線の長さ*/
  height: 2px;/*線の太さ*/
 /* -webkit-transform: translateX(-100%);
  transform: translateX(-100%);*//*位置調整*/
  background-color: #1e83c7;/*線の色*/
}
a.yamanelinkbtn{
color: #1e83c7;
border: 1px solid #1e83c7;
text-align: center;
width: 355px;
margin: 0 auto;
height: 60px;
line-height: 60px;
display: block;
    -webkit-transition: 0.3s ease-in-out;  
       -moz-transition: 0.3s ease-in-out;  
         -o-transition: 0.3s ease-in-out; 
}
a.yamanelinkbtn:hover{
background: #1e83c7;
color: #fff;
}
/*************************************
	
採用情報

************************************/
.recruit{
background:url("image/recruit/headimage.jpg");
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
div.recruitresult h3{
margin-bottom: 20px;
padding: 20px 25px;
text-align: left;
color: #1e83c7;
font-size: 18px;
font-weight: 700;
background: #d2e6f4;
}
div.recruitresult p{
margin-bottom: 20px;
}

ul.worklist{
width: 100%;
margin-bottom: 30px;
}

ul.worklist li{
width: 266px;
float: left;
margin-left: 26px;
margin-bottom: 40px;
}
ul.worklist li:nth-child(3n+1){
margin-left: 0;
}



/*************************************
	
働く環境を知る

************************************/
h2.kankyoh2{
font-size: 34px;
font-weight: 700;
position: relative;
padding-bottom: 10px;
margin-bottom: 15px;
}
h2.kankyoh2:after {
content: '';
position: absolute;
left: 0;
bottom: 0;
display: inline-block;
width: 30px;/*線の長さ*/
height: 4px;/*線の太さ*/
/* -webkit-transform: translateX(-100%);
transform: translateX(-100%);*//*位置調整*/
background-color: #1e83c7;/*線の色*/
}
div.environmentsec{
width: 100%;
height: 50px;
font-size: 18px;
background: #d2e6f4;
color: #1e83c7;
line-height: 50px;
box-sizing: border-box;
margin-bottom: 20px;
font-weight: 700;
}
p.environmentp{
line-height: 1.8;
font-size: 16px;
margin-bottom: 50px;
}
h2.environmenth2{
position:relative;
color: #1e83c7;
font-size: 18px;
padding-left: 60px;
line-height: 50px;
}
h2.environmenth2:before{
position:absolute;
left:0;
content:"";
display:inline-block;
width:58px;
height:50px;
background:url(image/environment/q.svg) no-repeat;
background-size:contain;
}
div.bluebox{
width: 100%;
border:8px solid #1e83c7;
box-sizing: border-box;
padding: 75px;
background: #fff;
}

div.kankyobox01{
width: 100%;
margin-bottom: 58px;
}
div.kankyo_left{
width: 510px;
margin-right: 40px;
float: left;
}
div.kankyo_right{
width: 300px;
position: relative;
float: right;
}
div.kankyo_right img{
position: absolute;
width: 300px;
height: 416px;
display: block;
}
div.kankyo_right p{
position: absolute;
top: 436px;
font-size: 22px;
font-weight: 700;
}
div.kankyo_right p span{
font-size: 14px;
font-weight: 500;
}
div.kankyoblue5{
background: #d2e6f4;
position: absolute;
width: 300px;
height: 416px;
left: 13px;
top: 13px;
}



h3.kankyoh3{
color: #1e83c7;
font-size: 27px;
font-weight: 700;
margin-bottom: 20px;
}
div.kankyo_left p{
font-size: 16px;
color: #323232;
line-height: 1.8;
margin-bottom: 20px;
}
p.kankyop{
font-size: 16px;
color: #323232;
line-height: 1.8;
margin-bottom: 20px;
}
div.kankyoimg02{
width: 100%;
margin-bottom: 60px;
position: relative;
height: 278px;
}
div.kankyoimg02 img{
display: block;
width: 100%;
position: absolute;
top: 0;
left: 0;
}
div.kankyoblue4{
background: #d2e6f4;
position: absolute;
width: 850px;
height: 278px;
left: 13px;
top: 13px;
}



div.kankyorelative{
position: relative;
width: 100%;
height: 420px;
}
div.kankyoabsolute{
position: absolute;
top: -60px;
left: 535px;
width: 338px;
height: 502px;
}

div.kankyophoto{
width: 100%;
position: relative;
height: 270px;
margin-bottom: 80px;
}
div.kankyophoto01{
position: absolute;
width: 50%;
left: 0;
top: 0;
height: 270px;
}
div.kankyophoto02{
position: absolute;
width: 50%;
right: 0;
top: 0;
height: 270px;
}
div.kankyoblue{
background: #d2e6f4;
position: absolute;
width: 850px;
height: 270px;
left: 13px;
top: 13px;
}


div.kankyorelative2{
position: relative;
width: 100%;
height: 290px;
}
div.kankyoabsolute2{
position: absolute;
top: 0;
left: -15px;
width: 309px;
height: 213px;
}
div.kankyoabsolute2_blue{
position: absolute;
top: 15px;
left:0;
width: 309px;
height: 213px;
background: #d2e6f4;
}

div.kankyoabsolute3{
position: absolute;
top: 0;
right: 0;
width: 511px;
}
.mb90{
margin-bottom: 90px;
}
table.table03{
border-collapse: collapse;
width: 100%;
margin-bottom: 50px;
border-top: 1px solid #1e83c7;
}
table.table03 th{
margin-bottom: 50px;
padding: 20px 25px;
background: #1e83c7;
text-align: center;
color: #fff;
font-size: 18px;
width: 25%;
font-weight: 700;
border-bottom: 1px solid #1e83c7;
vertical-align: middle;
border-right: 1px solid #fff;
}
table.table03 th:last-child,table.table03 td:last-child{
border-right:none;
}
table.table03 td{
width: 25%;
font-size: 16px;
padding: 20px 25px;
background: #fff;
text-align: center;
border-bottom: 1px solid #1e83c7;
border-right: 1px solid #1e83c7;
}
table.table03 td:first-child{
background: #d2e6f4;
}
table.table04{
border-collapse: collapse;
width: 100%;
margin-bottom: 50px;
border-top: 1px solid #1e83c7;
}
table.table04 th{
margin-bottom: 50px;
padding: 20px 25px;
text-align: left;
color: #1e83c7;
font-size: 18px;
width: 210px;
font-weight: 700;
border-bottom: 1px solid #1e83c7;
vertical-align: middle;
}
table.table04 td{
font-size: 16px;
padding: 20px 25px;
background: #fff;
text-align: left;
border-bottom: 1px solid #1e83c7;
}


h5.environmenth5{
color: #1e83c7;
font-size: 27px;
font-weight: 700;
margin-bottom: 18px;
}

div.environmentgridwrap{
width: 100%;
margin-bottom: 34px;
}
div.environmentgrid{
width: 270px;
float: left;
margin-left: 20px;
}
div.environmentgrid:nth-child(3n+1){
margin-left:0;
}
div.environmentgrid p{
font-size: 16px;
line-height: 1.5;
margin-bottom: 28px;
}
h6.environmenth6{
color: #1e83c7;
font-size: 18px;
border-left: 4px solid #1e83c7;
padding-left: 10px;
font-weight: 700;
padding-top: 6px;
padding-bottom: 6px;
margin-bottom: 10px;
background: #d2e6f4;
}

/*************************************
	
数字で見るヤマネ

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

p.datalefttxt{
font-weight: 700;
font-size: 18px;
}


h2.datah2{
text-align: center;
color: #1e83c7;
font-size: 45px;
font-weight: 700;
margin-bottom: 30px;
}


/*社員総数*/
div.datashain{
width: 1000px;
box-sizing: border-box;
margin: 0 auto;
border: 8px solid #1e83c7;
background: #fff;
height: 342px;
margin-bottom: 30px;
padding: 15px;
position: relative;
}
div.databack{
width: 408px;
height: 252px;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
background: url(image/data/sosuback.png);
}
p.nendo{
font-size: 33px;
font-weight: 700;
color: #1e83c7;
position: absolute;
top:124px;
left: 269px;
}
p.sosu{
width: 158px;
height: 77px;
top:165px;
left: 262px;
position: absolute;
font-size: 77px;
color: #1e83c7;
font-weight: 700;
}
span.shainsu{
width: 230px;
height: 101px;
position: absolute;
top:95px;
left: 425px;
font-size: 137px;
color: #1e83c7;
font-weight: 700;
vertical-align: super;
display: inline;
font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
}
p.mei{
width: 70px;
height: 76px;
position: absolute;
font-size: 57px;
color: #1e83c7;
font-weight: 700;
top:180px;
left: 685px;
}




/*売上*/
div.datauriage{
width: 1000px;
box-sizing: border-box;
margin: 0 auto;
border: 8px solid #1e83c7;
background: #fff;
height: 713px;
margin-bottom: 30px;
padding: 15px;
position: relative;
}

p.uriagetxt01{
font-size: 47px;
color: #1e83c7;
margin: 30px 0 0 50px;
font-weight: 700;
font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
}
div.uriagedata{
width: 932px;
height: 462px;
left: 36px;
top: 212px;
position: absolute;
}
div.uriageicon{
width: 500px;
height: 19px;
position: absolute;
top: 167px;
left: 72px;
}



div.databottom{
width: 1000px;
margin: 0 auto;
}
/*在籍年数*/
div.datazaiseki{
width: 485px;
box-sizing: border-box;
float: left;
margin: 0 auto;
border: 8px solid #1e83c7;
background: #fff;
height: 342px;
margin-bottom: 30px;
padding: 15px;
position: relative;
}
div.tokei{
width: 262px;
height: 262px;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
background: url(image/data/tokai.png);
}
div.heikin{
width: 62px;
height: 125px;
position: absolute;
left: 66px;
top: 122px;
}

div.heikinnen{
width: 171px;
height: 124px;
left: 147px;
top: 121px;
position: absolute;
font-weight: 700;
font-size: 128px;
line-height: 124px;
padding: 0;
vertical-align: top;
color: #1e83c7;
font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
}
div.nensai{
width: 90px;
height: 92px;
line-height: 70px;
font-size: 90px;
position: absolute;
left: 330px;
top: 162px;
color: #1e83c7;
font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
}

/*平均年齢*/
div.datanenrei{
float: right;
width: 485px;
box-sizing: border-box;
margin: 0 auto;
border: 8px solid #1e83c7;
background: #fff;
height: 342px;
margin-bottom: 30px;
padding: 15px;
position: relative;
}
div.man{
width: 262px;
height: 262px;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
background: url(image/data/man.png);
}


.pb90{
padding-bottom: 90px;
}