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

section{
  display:table;
  background:#ccc;
}

section .cell{
  display:table-cell;
  vertical-align: middle;
  text-align: center;
}

section h3{
  font-size:5rem;
}

section h4{
  margin-bottom:6rem;
}

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

section{
  display:block;
  background:#ccc;
  width:100%;
  padding:100px 0;
}

section .cell{
  display:block;
  vertical-align: middle;
  text-align: center;
  width:100%;
}

section h3{
  font-size:3rem;
}

section h4{
  margin-bottom:6rem;
}

h5{
   font-size:2.4rem !important; 
}

}

#Page02 h3,#Page03 h3,#Page06 h3,
#Page02 h4,#Page03 h4,#Page06 h4
{
  color:#2268c6;
}

#Page04 h3,#Page05 h3,
#Page04 h4,#Page05 h4{
  color:white;
}


#Page02{
  background:url(../images/index/bg01.jpg) no-repeat 50% 50%;
  background-size:cover;
}

#Page03{
  background:url(../images/index/bg02.jpg) no-repeat 50% 50%;
  background-size:cover;
}

#Page04{
  background:url(../images/index/bg03.jpg) no-repeat 50% 50%;
  background-size:cover;
}

#Page05{
  background:url(../images/index/bg04.jpg) no-repeat 50% 50%;
  background-size:cover;
}

#Page06{
  background:url(../images/index/bg05.jpg) no-repeat 50% 50%;
  background-size:cover;
}


a .more{
  display:block;
  border-top:1px solid #fff;
  border-bottom:1px solid #fff;
  line-height:3rem;
  color:white;
  letter-spacing: 3px;
}

a:hover .more{
  background:rgba(255,255,255,.8);
  color:#0957C0;
}

a .more3{
  display:block;
  color:#0957C0;
  border-top:1px solid #0957C0;
  border-bottom:1px solid #0957C0;
  line-height:3rem;
  color:#0957C0;
  letter-spacing: 3px;
}

a:hover .more3{
  background:#0957C0;
  border-top:1px solid #fff;
  border-bottom:1px solid #fff;
  line-height:3rem;
  color:white;
}

a.notlink:hover .more3{
  display:block;
  background:none;
  color:#0957C0;
  border-top:1px solid #0957C0;
  border-bottom:1px solid #0957C0;
  line-height:3rem;
  color:#0957C0;
  letter-spacing: 3px;
}

/* slider */

#Page01{
  padding:0;
  display:block;
}

.bx-wrapper{
  height:100%;
}

.bxslider{
  width:100%;
  height:100%;
}

.bxslider div{
  width:100%;
  height:100%;
  display:block;
}

.bx-wrapper{
  padding:0;
  margin:0;
  box-shadow:none;
  border:none;
}

.s01{background:url(../images/index/kv01.jpg);background-size:cover;}
.s02{background:url(../images/index/kv02.jpg);background-size:cover;}
.s03{background:url(../images/index/kv03.jpg);background-size:cover;}
.s04{background:url(../images/index/kv04.jpg);background-size:cover;}


.s01 div.text{font-feature-settings: "palt";font-size:3rem;color:#0957C0;position:absolute;top:40%;left:20%;}
.s02 div.text{font-feature-settings: "palt";font-size:3rem;color:#0957C0;position:absolute;top:25%;left:50%;}
.s03 div.text{font-feature-settings: "palt";font-size:3rem;color:#0957C0;position:absolute;top:25%;left:60%;}
.s04 div.text{font-feature-settings: "palt";font-feature-settings: "palt";font-size:7rem;color:white;letter-spacing:10px;position:absolute;top:50%;width:100%;text-align: center;margin-top:-0.5em;font-weight: 200;padding-left:60px;}


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

.s01{background:url(../images/index/spkv01.jpg);background-size:cover;}
.s02{background:url(../images/index/spkv02.jpg);background-size:cover;}
.s03{background:url(../images/index/spkv03.jpg);background-size:cover;}
.s04{background:url(../images/index/spkv04.jpg);background-size:cover;}

.s01 div.text{font-size:1.5rem;color:#0957C0;position:absolute;top:30%;left:10%;text-shadow:0px 0px 3px #fff;}
.s02 div.text{font-size:1.5rem;color:#fff;position:absolute;top:45%;left:25%;text-shadow:0px 0px 3px #000;}
.s03 div.text{font-size:1.5rem;color:#fff;position:absolute;top:25%;left:40%;text-shadow:0px 0px 3px #000;}
.s04 div.text{font-size:2.4rem;letter-spacing: 5px; color:white;position:absolute;top:50%;width:100%;text-align: center;font-weight: 200;padding-left:20px;text-shadow:0px 0px 3px #000;}

}
/* special */

.specialWrap{
  padding-bottom:4rem;
}
.specialWrap h5{
  width:100%;
  text-align: center;
  font-size:5rem;
  color:white;
  font-family: 'Noto Sans Japanese',   sans-serif;
  font-weight: 100;  
}

.specialWrap .h5eng{
  font-family: 'Noto Sans Japanese',   sans-serif;
  font-weight: 100;  
  width:80%;
  margin:auto;
  padding:0.5rem 0;
  text-align: center;
  font-size:2rem;
  border-bottom:1px solid #fff;
  margin-bottom:6rem;
  color:white;
  letter-spacing: 4px;
}

.specialWrap .specialTx{
  font-size:2.6rem;
  color:white;
  text-align: center;
  margin-bottom:4rem;
  padding:0 0px;
}
/*
#Page02 .specialWrap .Box01 .specialTx{padding:0 20px;}
#Page02 .specialWrap .Box02 .specialTx{padding:0 70px;}
#Page02 .specialWrap .Box03 .specialTx{padding:0 35px;}
*/

.SpCont{
  padding:1rem;
}

#Page02 .Box01,#Page02 .Box02,#Page02 .Box03{
  display:block;
  padding-bottom:4rem;
  border:1px solid #fff;
}

#Page02 .Box01{
  background:rgba(18,137,200,.85);
}

#Page02 .Box02{
  background:rgba(88,121,181,.85);
}

#Page02 .Box03{
  background:rgba(12,133,151,.85);
}
@media screen and (max-width:767px){

.specialWrap .h5eng{
  font-family: 'Noto Sans Japanese',   sans-serif;
  font-weight: 100;  
  width:80%;
  margin:auto;
  padding:0.5rem 0;
  text-align: center;
  font-size:2rem;
  border-bottom:1px solid #fff;
  margin-bottom:2rem;
  color:white;
  letter-spacing: 4px;
}
.specialWrap .specialTx{
  font-size:2.6rem;
  color:white;
  text-align: center;
  margin-bottom:2rem;
  padding:0 0px;
}

}
/* Page03 */

#Message .Box01{
  background:rgba(255,255,255,.85);
  padding:1rem;
  display:block;
}

#Message .Box01 div.inBox{
  background:url(../images/index/grad.png) 50% 50%;
  background-size:cover;
  position:relative;
  padding:15rem 0;
  transition: .3s;
}

#Message .Box01 h5{
  color:white;
  font-size:5rem;
  font-weight: 200;
  letter-spacing: .5rem;
  padding-left:40px;
}

#Message .Box01 .more2{
  position:absolute;
  font-size:2rem;
  left:50%;
  margin-left:-40px;
  bottom:3rem;
  text-align: center;
  width:80px;
  color:white;
  padding:0 1rem 1rem 1rem;
/* border-bottom:1px solid #fff; */
  letter-spacing: 3px;
}

#Message .Box01:hover{
  background:url(../images/index/grad.png) 50% 50%;
  background-size:cover;
}

#Message .Box01:hover .inBox{
  background:white;
}

#Message .Box01:hover h5{
  color:#0957C0;
}

#Message .Box01:hover .more2{
  color:#0957C0;
  /* border-bottom:1px solid #0957C0; */

}

@media screen and (max-width:767px){
  #Message .Box01 div.inBox{
   padding:6rem 0;
  }

  #Message .Box01 .more2{
  position:absolute;
  font-size:1.5rem;
  left:50%;
  margin-left:-40px;
  bottom:1rem;
  text-align: center;
  width:80px;
  color:white;
  padding:0 1rem 1rem 1rem;
  /* border-bottom:1px solid #fff; */
  letter-spacing: 3px;
  }
}

/* work and person */

#Page04 .Box01{
  background:rgba(255,255,255,.85);
  padding:2rem 0;
  display:block;
}

#Page04 .Box01 h5{
  color:#0957C0;
  font-size:4rem;
  margin-bottom:1rem;
}

#Page04 .Box01 .img{
  margin:0 auto 2rem auto;
  max-width:480px;
  padding:1rem;
}

#Page04 .Box01 .tx{
  color:#0957C0;
  padding:0 2rem;
  margin-bottom:2rem;
  font-size:2rem;
}

@media screen and (max-width:767px){
#Page04 .Box01{
  margin-bottom:2rem;
}
#Page04 .Box01 .tx{
  font-size:1.5rem;
}

#Message .Box01 h5{
  padding-left:20px;
}
}

/* environment & culture */

#Page05 .Box01{
  background:rgba(255,255,255,.85);
  padding:2rem 0;
  display:block;
}

#Page05 .Box01 h5{
  color:#0957C0;
  font-size:4rem;
  margin-bottom:1rem;
}

#Page05 .Box01 .img{
  margin:0 auto 2rem auto;
  max-width:480px;
  padding:1rem; 
}

#Page05 .Box01 .tx{
  color:#0957C0;
  padding:0 2rem;
  margin-bottom:2rem;
  font-size:2rem;
}

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

#Page05 .Box01{
  margin-bottom:2rem;
}
#Page05 .Box01 .tx{
  font-size:1.5rem;
}

}

/* recruitment */


#Page06{
  padding:0 0;
  position: relative;
}

#Page06 .cell{padding-bottom:120px;}

#Page06 h4{margin-bottom:10rem;}

#Page06 .Box01{
  display:block;
  background:rgba(255,255,255,.85);
  padding:2rem 0 2rem 0;
  border:1px solid #0957C0;
}

#Page06 .Box01 h5{
  color:#0957C0;
  font-size:3rem;
  margin-bottom:3rem;
  letter-spacing: 3px;
}

#Page06 .Box01 h5{
  padding:3rem 0;
}

.pageBtm{
  position:absolute;
  bottom:0;
  width:100%;
}

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

#Page06 .Box01 h5{
  padding:0;
}

}

/* PageTop */

#PageTop{
  padding:3rem;
  color:#0957C0;
  background:white;
  letter-spacing: 3px;
  font-weight: 100;
}

#PageTop a{font-family: 'JosefinSans-SemiBold';color:#0957C0;}

#PageTop img{height:1rem;}

/* footer */

footer{
  background:#114a9a;
  color:white;
  font-size:1rem;
  padding:1rem;
}

footer a{
  display:inline-block;
  color:white;
  padding:0 0.5rem;
  margin:0 1.5rem;
}

footer a:hover{
  color:white;
  border-bottom:1px solid #fff;
}

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

footer{
  padding:2rem 0;
}

#Page06{
  padding:100px 0;
  padding-bottom:200px;
}

#Page06 .Box01{
  margin-bottom:2rem;
}
#Page06 .Box01 h5{
  font-size:2rem;
}

.copyright{
  padding:1rem;
  text-align: center;
}

}

.animation {display:none;}

.fadeInDown {
 -webkit-animation-fill-mode:both;
 -ms-animation-fill-mode:both;
 animation-fill-mode:both;
 -webkit-animation-duration:2s;
 -ms-animation-duration:2s;
 animation-duration:2s;
 -webkit-animation-name: fadeInDown;
 animation-name: fadeInDown;
 display: block !important;
}
@-webkit-keyframes fadeInDown {
 0% { opacity: 0; -webkit-transform: translateY(-20px); }
 50% { opacity: 0; -webkit-transform: translateY(-20px); }
 100% { opacity: 1; -webkit-transform: translateY(0); }
}
@keyframes fadeInDown {
 0% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); }
 50% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); }
 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}



.onepage-pagination{z-index:100;}