@charset "UTF-8";
/* CSS Document */
body{
}

.mauto{
  margin:auto;
}

/* special */

#Special #Section01{
  padding:200px 0 0 0 ;
}

#Special .Innovation{
  background:url(../images/special/inovationBg.jpg) 50% 50%;
  background-size:cover;
}
#Special .International{
  background:url(../images/special/internationalBg.jpg) 50% 50%;
  background-size:cover;
}
#Special .Contribution{
  background:url(../images/special/contributionBg.jpg) 50% 50%;
  background-size:cover;
}

.SpecialWrap{
  width:900px;
  margin:auto;
  background:rgba(255,255,255,.9);
  padding-top:2rem;
  padding-bottom:5rem;
  margin-bottom:10rem;
}

.Innovation .ttlWrap{
  display:table;
  width:100%;
  border-top:1px solid #127BC6;
  border-bottom:1px solid #127BC6;
}

.International .ttlWrap{
  display:table;
  width:100%;
  border-top:1px solid #5879B5;
  border-bottom:1px solid #5879B5;
}

.Contribution  .ttlWrap{
  display:table;
  width:100%;
  border-top:1px solid #0C8597;
  border-bottom:1px solid #0C8597;
}

.ttlWrap .cell{
  display:table-cell;
  vertical-align: middle;
  width:100%;
}

.ttlWrap .ttl01{
  width:40%;
  padding-left:10rem;
}

.ttlWrap .ttl01 h3{
  font-size:5rem;
  font-weight:100;
}
.ttlWrap .ttl01 h4{
  font-size:1.6rem;
  letter-spacing: 8px;
  font-weight:100;
  color:#808080;
}

.ttlWrap .ttl02{
  width:60%;
  padding:10rem 0;
  padding-right:10rem;
  font-size:4rem;
  font-weight:200;
  letter-spacing:3px;
}

.Innovation h3,
.Innovation .ttl02,
.Innovation h5{
  color:#1289C8;
}

.International h3,
.International .ttl02,
.International h5{
  color:#5879B5;
}

.Contribution h3,
.Contribution .ttl02,
.Contribution h5{
  color:#0C8597;
}


.SpecialWrap .sectionWrap{
  padding: 4rem 10rem;
}
.SpecialWrap .sectionWrap h5{
  text-align: center;
  line-height:5rem;
  font-size:2.5rem;
  margin-bottom:3rem;
  font-weight:200;
}
.SpecialWrap .sectionWrap div{
  font-feature-settings: "palt";
  text-align: justify;
  line-height:3rem;
  font-size:1.6rem;
  color:#333;
}

.SpecialLinkWrap h3{
  text-align: center;
  font-size:3rem;
  margin-bottom:3rem;
  color:#2268c6;
}

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

#Special #Section01{
  padding:150px 0 0 0 ;
}

.SpecialWrap{
  width:94%;
  margin:auto;
  background:rgba(255,255,255,.9);
  padding-top:2rem;
  padding-bottom:3rem;
  margin-bottom:6rem;
}

.ttlWrap{
  display:block;
  width:100%;
  border-top:1px solid #127BC6;
  border-bottom:1px solid #127BC6;
}

.ttlWrap .cell{
  display:block;
  vertical-align: middle;
  width:100%;
}

.ttlWrap .ttl01{
  width:auto;
  padding:3rem 2rem;
}
.ttlWrap .ttl02{
  width:auto;
  padding:0 2rem 3rem 2rem;
  padding-right:0;
  font-size:2.5rem;
  font-weight:200;
  letter-spacing:3px;
}

.SpecialWrap .sectionWrap{
  padding: 2rem 2rem;
}

.SpecialWrap .sectionWrap h5{
  text-align: left;
  line-height:3rem;
  font-size:1.8rem;
  margin-bottom:3rem;
  font-weight:200;
}
.SpecialWrap .sectionWrap div{
  font-feature-settings: "palt";
  text-align: justify;
  line-height:3rem;
  font-size:1.4rem;
  color:#4D4D4D;
}

}


/* splink */

.SpecialLinkWrap .row{
margin:0;
padding:0;
}

.spLinkWrap{
  padding:0;
  margin:0;
}
.spLinkWrap a{
  display:block;
}

.spLinkWrap a:hover{
  opacity:0.8;
}

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

.spLinkWrap .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;
}

.spLinkWrap .specialTx{
  font-size:2.8rem;
  color:white;
  text-align: center;
  margin-bottom:4rem;
  padding:0 40px;
  font-weight:200;
}

.SpCont{
  padding:1rem;
}

.Box01, .Box02, .Box03{
  padding-top:3rem;
  padding-bottom:3rem;
  height:400px;
}


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

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

.Box03{
  background:rgba(12,133,151,.85);
}

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

#Special .Box01,#Special  .Box02,#Special  .Box03{
  padding-top:1rem;
  padding-bottom:1rem;
  height:auto;
}

.spLinkWrap h5{
  width:100%;
  text-align: center;
  font-size:3rem;
  color:white;
  font-family: 'Noto Sans Japanese',   sans-serif;
  font-weight: 100;  
}

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

.spLinkWrap .specialTx{
  font-size:2.0rem;
  color:white;
  text-align: center;
  margin-bottom:0;
  padding:2rem 40px;
  font-weight:200;
}

}

/* Message */

#Message{
  background:url(../images/message/bg.jpg) 50% 50%;
  background-size:cover;
}

#Message #Section01{
  padding:200px 0 0 0 ;
}

.MessageContainer{
  width:900px;
  margin:auto;
  padding:12px;
  margin-bottom:10rem;
  border-image: url(../images/message/grad.png) 10;
  border-style:solid; border-width:10px; 
  background:rgba(255,255,255,.9);
  padding-top:13rem;
  padding-bottom:13rem;
}

#Message h3{
  color:#0957C0;
  font-size:5rem;
  font-weight: 200;
  letter-spacing: .5rem;
  text-align: center;
  margin-bottom:10rem;
  padding-left:25px;
}

.MessageContainer div{
  text-align: center;
  line-height:4rem;
  font-size:2rem;
  font-weight:200;
}


.MessageContainer br.sp{display: none;}

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

#Message #Section01{
  padding:150px 0 0 0 ;
}

.MessageContainer{
  width:94%;
  margin:auto;
  background:rgba(255,255,255,.9);
  padding-top:2rem;
  padding-bottom:3rem;
  margin-bottom:6rem;
}

#Message h3{
  color:#0957C0;
  font-size:2rem;
  font-weight: 100;
  letter-spacing: .5rem;
  text-align: center;
  margin-bottom:3rem;
}

.MessageContainer div{
  text-align: left;
  line-height:2.5rem;
  font-size:1.1rem;
  font-weight:200;
}

.MessageContainer br.sp{display: inline;}

}




/* recruiting data */

.jinzai .RecBackground{
  position:absolute;
  width:100%;
  height:400px;
  z-index:-5;
  background:#E7EBF1 url(../images/recruit/jinzaiBg.jpg) 50% 0 no-repeat;
  background-size:cover;
}

.recruit .RecBackground{
  position:absolute;
  width:100%;
  height:400px;
  z-index:-5;
  background:#E7EBF1 url(../images/recruit/recruitBg.jpg) 50% 0 no-repeat;
  background-size:cover;
}

.faq .RecBackground{
  position:absolute;
  width:100%;
  height:400px;
  z-index:-5;
  background:#E7EBF1 url(../images/recruit/faqBg.jpg) 50% 0 no-repeat;
  background-size:cover;
}


#RecruitData{
  background:#E7EBF1;
}

#RecruitData #Section{
  padding:200px 0 0 0 ;
}


.SectionBox{
  margin-bottom:10rem;
  background:rgba(255,255,255,.9);
  padding:8rem 10rem 6rem 10rem;
}

.SectionBox h3{
  color:#1289C8;
  font-size:5rem;
  margin-bottom:8rem;
  text-align: center;
  font-weight:200;
}

.SectionBox h3 span{
  border-bottom:5px solid #1289C8;
}

.SectionBox h4{
  color:#1289C8;
  font-size:2rem;
  margin-bottom:4rem;
  text-align: center;
  font-weight:400;
}

.SectionBox .Recbox{
  margin-bottom:8rem;
}

.SectionBox .tx{
  color:#1289C8;
  line-height:3rem;
  font-size:1.6rem;
  margin-bottom:10rem;
  font-feature-settings: "palt";
  text-align: justify;  
}

.SectionBox .RecTtl{
  color:#1289C8;
  line-height:6rem;
  font-size:3rem;
  margin-bottom:3rem;
}

.SectionBox .RecTtl span{
  border-bottom:3px solid #1289C8;
}

.SectionBox .RecTx{
  color:#333333;
  font-size:1.6rem;
  line-height:3rem;
  font-feature-settings: "palt";
  text-align: justify; 
}

/* recruitment */

.RecBottomWrap{
  margin-bottom:8rem;
}

.RecBottomWrap h3{
  color:#0957C0;
  margin-bottom:5rem;
  font-size:3rem;
/*  letter-spacing: 10px; */
}

.RecBottomWrap{
  padding:0 0;
}

.RecBottomWrap a{
  display:block;
  color:#0957C0;
}

.RecBottomWrap .RecBox{
  background:rgba(255,255,255,.85);
  padding:5rem 0 5rem 0;
  border:1px solid #0957C0;
}
.RecBottomWrap .RecBox h5{
  text-align: center;
  font-size:2rem;
  letter-spacing: 3px;
}

.RecBottomWrap .RecBox h5 span{
  border-bottom:3px solid #0957C0;
  padding-bottom:1.5rem;
  width:65%;
  display:block;
  margin:auto;
}

.RecBottomWrap a:hover .RecBox{
  background:#0957C0;
  color:white;
}

.RecBottomWrap a:hover .RecBox h5 span{
  border-bottom:3px solid #fff;
}

.RecBottomWrap .mdr{
  margin-bottom:3rem;
}

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

.SectionBox{
  padding:12px;
  margin-bottom:10rem;
  background:rgba(255,255,255,.9);
  padding:6rem 3.5rem;
}

.SectionBox .tx{
  color:#1289C8;
  line-height:3rem;
  font-size:1.4rem;
  margin-bottom:10rem;
  font-feature-settings: "palt";
  text-align: justify;  
}

.SectionBox .RecTx{
  color:#333333;
  font-size:1.4rem;
  line-height:3rem;
  font-feature-settings: "palt";
  text-align: justify; 
}

}

/* recruiting */

.Recruiting ul{
  padding:4rem 0;
  border-top:1px solid #959595;
}

.Recruiting ul:first-child{
  border:none;
}

.Recruiting ul li{
  font-size:1.6rem;
  line-height:3rem;
}
.Recruiting ul li:first-child{
  color:#0957C0;
  font-size:2rem;
}

.jobname{
  font-weight:2rem;
  border:none;
  margin-bottom:0;
}

.table th {
  font-weight:normal;width: 20%; text-align: left;border:none !important;
}

.table td  {
  font-weight:normal;width: 80%; text-align: left;border:none !important;
}

@media only screen and (max-width: 480px) { 
  .table { margin: 0 -10px; }
  .table tr {
    display:block;
    margin-bottom: 10px;
  }
  .table th {
    display:block;
    width: 100%;
  }
  .table td {
    display: list-item;
    width: 90%;
    margin-left: 10%;
    border:none;
  }
}

/* faq */

#acMenu dt{
    display:block;
    color:#0957c0;
    width:100%;
    line-height:3rem;
    padding:1.8rem 30px 1.8rem 60px;
    text-align:left;
     cursor:pointer;
    border:1px solid #0957C0;
    margin-bottom:1rem;
    font-weight:normal;
    background:url(../images/recruit/ar01.png) 25px 50%  no-repeat;
}

#acMenu dt.active{
  color:white;
  margin-bottom:0;
  background:#0957C0 url(../images/recruit/ar02.png) 20px 50%  no-repeat;
}

#acMenu dd{
    width:100%;
    height:auto;
    color:#333;
    line-height:3rem;
    font-size:1.6rem;
    text-align:left;
    border:#0957C0 1px solid;
    display:none;
    padding:4rem;
    padding-left:8rem;
    margin-bottom:1rem;
    font-feature-settings: "palt";
}

.count   {border:1px solid #0957C0;width:100%;}
.count th{border:1px solid #0957C0;text-align: center;}
.count td{border:1px solid #0957C0;text-align: center;}

.count .year{
  background:#6B7487;
  color:white;
  border-bottom:1px solid #fff;
  border-top:1px solid #fff;
}

.count .year2{
  background:#6B7487;
  color:white;
  border-bottom:1px solid #0957C0;
  border-top:1px solid #0957C0;
}

.count .j{background:#5389D3;color:white;}
.count .g{background:#0957C0;color:white;}

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

.Recruiting ul li:first-child{
  color:#0957C0;
  font-size:1.4rem;
  margin-bottom:1rem;
}

.Recruiting ul li{
  font-size:1.4rem;
  line-height:2.6rem;
}

#acMenu dd{
    width:100%;
    height:auto;
    color:#666;
    line-height:3rem;
    font-size:1.4rem;
    text-align:left;
    border:#0957C0 1px solid;
    display:none;
    padding:3rem;
    padding-left:4rem;
    margin-bottom:1rem;
    font-feature-settings: "palt";
}

}



/* layer footer */

/* 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;
  text-align: center;
}

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

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

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

}