@charset "utf-8";

html{font-size:10px;}
body{
margin: 0;
-webkit-text-size-adjust: 100%;
/*-webkit-font-smoothing: antialiased;*/
font-size:1.4rem;
font-family: "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
font-style: normal;
line-height: 1.2;
}
img{border:none;height: auto;}
p{line-height: 1.8em; margin:1.5em 0 0;}
td,th{line-height: 1.5; }

h1,h2,h3,h4,h5,h6,strong,.b{-webkit-font-smoothing: antialiased;}

#container{min-width: 1028px;overflow:hidden;
}

a{color:#000;
text-decoration: none;
display: inline-block;
}

a:hover{
  opacity:.8;
  filter:alpha(opacity=80);
}


.home .contents{width: 1028px;margin:0 auto;}

.section-index .block{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding:4rem 0;
}

.section-index .block .box{
  width:46.875%;
  text-align: center;
  padding:2rem 0;
}
.section-index .block .box h2{font-size: 2.6rem; font-weight: 400; line-height: 1.1;}
.section-index .block .box h2+p{
  margin: 0 0 .5rem;
  color: #9B9B9B;
}

/*.header-image */

.header-image  {
background: url('/images/illust.svg') no-repeat;
background-position: center center;
background-size: cover;
height: 482px;
position: relative;
display:flex;
align-items: center;
margin-top:1rem;
}
.header-image img  {
width:100%;
}


footer{
background-color:#11A3D9;
color:#fff;
}
footer .inner{
position: relative;
width:1028px;
margin:0 auto;
text-align: center
}

footer .inner .copyright{
padding:25px 0;
font-size: 1.4rem;
letter-spacing: 0.2em;
}

/* header */

header{
border-top:31px solid #11A3D9;
}

header .inner{
position: relative;
width:1024px;
margin:0 auto;
}

header h1{
  padding:11px 0 11px 20px;
  line-height: 0;
}

header .btn-contact{
position: absolute;
top: 18px;
right:10px;
background-color:#11A3D9;
border-radius: 50px;
text-align: center;
}
header .btn-contact a{
  color:#fff;
  padding:10px 80px;
  display:block;
  font-size: 2.1rem;
  letter-spacing: 0.2em;
}
header .btn-contact a span{display: block;}

header .nav-inner{
  background-color:#718CC7;
  height: 60px;
  padding:0 0 0 100px;
  position: relative;
}
header .nav-inner .truck{
  position: absolute;
  top:-10px;
  left:20px;
}
header ul li{
display: inline-block;
text-align: center;
padding:14px 20px 0;
}
header ul li a{
  color:#fff;
  font-size: 1.8rem;
}
header ul li a span{
  display: block;
  letter-spacing: 0.1em;
}



/* article */
.article .contents{width: 940px;margin:0 auto; padding-bottom:8rem;}

.vision.article nav .vision a,
.safety.article nav .safety a,
.staffs.article nav .staffs a,
.recruit.article nav .recruit a,
.company.article nav .company a{color:#FDE200;}

.article .flex{display: flex;}
.article .flex.rev{flex-direction: row-reverse}
.article .block.flex .text p{margin:0;}
.article .block.flex .text,
.article .block.flex .image{padding:2.5rem;}


.contents-title{text-align: center; padding:5rem 0;}
.contents-title h1{font-size: 3.5rem;}
.contents-title h2{font-size: 1.5rem; padding-top:1rem; color: #777}
.lead{background-color: #11A3D9; color:#fff;}

.article h3+p{padding-top:1.5rem;}

/*vision*/
.lead .flex{align-items: center;}
.lead .text{flex:1; padding-left:5.5rem;}
.lead .text h2{font-size: 3.0rem;}
.lead .text p{font-size: 1.7rem;}
.lead .image img{display: block; transform: translate(10px, 10px)}
.vision .section01{margin-top:5rem;}
.vision .section02{margin-top:3rem;}

/*safety*/
main h3{font-size: 2rem;}

/*company*/

.company .section {width: 80%; margin:0 auto; }
.company .section+.section{margin-top:6rem;}
.company .section h3 {padding:0 1rem 1rem; margin-bottom:2rem; text-align: left; border-bottom:2px solid #11A3D9;}
.company table {width: 100%;}
.company table th{vertical-align: top; width:30%; color: #11A3D9; font-weight: 400}
.company table th,
.company table td{padding:1.6rem; border-bottom:1px solid #ddd;}

.company .section03 table th{width:42%;}
.image-group{text-align: center;}

/*staffs*/
.staffs.index .contents a  {display: block;}

.staffs .title {position: relative; padding-bottom:3rem;}
.staffs .title .text{background-color: #11A3D9; color:#fff; width:490px; height:326px;
position:absolute;
top:3rem;
right:0;
display: flex;
  justify-content: center;
  align-items: center;
}
.staffs .title .text h2{font-size: 2.6rem; margin:1rem auto;}
.staffs .title .text p{font-size: 1.7rem; margin:0 auto; }
.staffs .title .text p strong{font-size: 2rem; }

.staffs .section h2{text-align: center; font-size: 2.8rem; padding:6rem 0 5rem;}
.staffs .section h3{ font-size: 1.8rem;color: #11A3D9;}
.staffs .section p+h3{margin-top:3rem;}

.link{text-align: center; font-size: 1.8rem;margin-top:3rem; padding-top:7rem; border-top:1px solid #000;}


/*recruit*/
.recruit article h3{text-align: center; color:#1254D1; font-size: 2.8rem;}
.recruit article h4{text-align: center; color:#1254D1; font-size: 2rem;}
.recruit article p.icon,
.recruit article p.text{text-align: center;}
.block-links { margin:50px auto 0;}
.block-link{
position: relative;
display: flex;
justify-content: space-around;
background-color: #129EDC;
font-size: 22px;
font-weight: 700;
color:#fff;
padding: 30px 15px; }
.block-links a{text-decoration: none;display: block;margin-top:16px;}
.block-links a:hover{
opacity:0.8;
filter: alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
}
.block-link.job01{ background-color: #62C6F2;}
.block-link.job03{ background-color: #0C60AA;}
.block-link.job04{ background-color: #122A88;}
.block-link.job06{ background-color: #0C60AA;}
.block-link .col01{position: relative; padding-left:20px;}
.block-link .col01::before {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 0;
    height: 0;
    margin-top: -0.3em;;
    border: 7px solid transparent;        /*top right bottom を透明化 */
    border-left: 7px solid #fff;
}
.recruit .guideline h3,
.recruit .guideline h4{line-height: 1.6;}

.recruit .guideline .col{
margin:55px  auto;
}
.recruit .guideline .col .col01,
.recruit .guideline .col .col02{
width:50%;
padding:0 2em;
}


/*other*/
.fs{font-size: 1.1rem;}
.b{font-weight: 700;}

/*col*/

.col,.col-sp{display: table}
.col .col01,
.col .col02,
.col .col03,
.col-sp .col01,
.col-sp .col02,
.col-sp .col03{
  display: table-cell;
  vertical-align: top;
}

.t90{font-size:0.9em;}
.t80{font-size:0.8em;}
.t70{font-size:0.7em;}
.t60{font-size:0.6em;}
.t50{font-size:0.5em;}
.t40{font-size:0.4em;}

.sp{display: none !important;}
.pc{display: block !important;}
.sp2{display: none !important;}
.pc2{display: inline-block !important;}