@charset "UTF-8";





#interviewArea {
  width:100%;
  margin:0 auto 100px;
  text-align:center;
}

#interviewArea .small {font-size:0.8em;}
#interviewArea a {color:#005499;}



/* fvArea */
#interviewArea .fvArea {
  position:relative;
  display:block;
  margin:0 auto 30px;
  padding:0;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-size:cover!important;
  width: 100%;
  height: 590px;
}

#interviewArea .fvArea .border {
  position:absolute;
  top:50px;
  left:50%;
  margin-left:-500px;
  width:1000px;
  height:490px;
  border:solid 3px #fff;
  z-index:1;
}

#interviewArea .fvArea .logo {
  position:absolute;
  top:0;
  left:6%;
  width: 24%;
  z-index:10;
}


#interviewArea .fvArea .title {
  position:absolute;
  top:160px;
  width:100%;
  z-index:2;
}

#interviewArea .fvArea h1 {
  width:100%;
  font-size:52px;
  line-height:1.5em;
  color:#fff;
  margin:0 auto 40px;
}
#interviewArea .fvArea h1 strong {
  display:block;
  font-size:83px;
}



#interviewArea .contents {
  width:1000px;
  margin:0 auto;
}
#interviewArea .contents>img {margin:0 auto 100px;}

#interviewArea .contents dl {
  display:table;
  width:100%;
  margin:0 auto 30px;
  text-align:left;
}
#interviewArea .contents dl dt,
#interviewArea .contents dl dd {display:table-cell;}

#interviewArea .contents dl dt {
  width:4.2em;
  font-weight:600;
}
#interviewArea .contents dl.last {margin:0 auto 60px;}

#interviewArea h2 {
  width:100%;
  margin:0 auto 30px;
  padding:35px 20px 40px;
  font-size:22px;
  line-height:1.4em;
  font-weight:bold;
  text-align:center;
  background:#f2f5f5;
}

#interviewArea .contents h3 {
  width:100%;
  margin:0 auto 30px;
  padding:0;
  font-size:26px;
  font-weight:600;
  text-align:left;
  display: flex;
  align-items:left;
  justify-content:left;
}

#interviewArea .contents figure {margin-bottom:50px;}

#interviewArea .contents h3::before {
  border-bottom: 2px solid;
  content: "";
  width: 2em;
  height:1em;
  margin-right:10px;
}

#interviewArea .contents .small {font-size:0.8em;}


#interviewArea ul.member {display:block;margin:0 auto 50px;}
#interviewArea ul.member li {
  display:inline-block;
  width:300px;
}

#interviewArea ul.member li dl dt strong {font-size:20px;}
#interviewArea ul.member li dl dd {font-size:12px;}

#interviewArea ul.member li dl dt,
#interviewArea ul.member li dl dd {
  display:block;
  width:100%;
  text-align:center;
  margin:0 auto 25px;
}

#interviewArea ul.member li dl dt {
  position: relative;
  padding-bottom: 5px;
  text-align: center;
  font-weight:bold;
}

#interviewArea ul.member li dl dt:before {
  position: absolute;
  bottom: -10px;
  left: calc(50% - 11px);
  width: 22px;
  height: 3px;
  content: '';
  border-radius: 3px;
  background: #e60012;
}
#interviewArea ul.member li dl dt.nagai:before {background:#008ed8;}


#interviewArea .company  {
  position:relative;
  width:100%;
  margin:0 auto 50px;
  display:flex;
}

#interviewArea .company::before {
  position:absolute;
  top:-60px;
  left:0;
  width:70%;
  height:575px;
  background:#f2f5f5;
  content: '';
  z-index :0;
   
}


#interviewArea .company .profile {
  display:block;
  width:1000px;
  margin:0 auto 50px;
  padding:0;
  z-index:1;
}

#interviewArea .company .profile .detail,
#interviewArea .company .profile .imgArea {display:inline-block;}
#interviewArea .company .profile .detail {width:530px;padding:0 30px;}
#interviewArea .company .profile .imgArea {width: 462px;}

#interviewArea .company h3 {
  width:100%;
  margin:0 auto 20px;
  padding:0;
  font-size:26px;
  font-weight:600;
  text-align:center;
}

#interviewArea .company p {
  width:100%;
  border-top:solid 1px #000;
  margin:20px auto;
  padding:20px 0;
  text-align:left;
}



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

#interviewArea .fvArea {padding:0;height:390px;margin:0 auto 20px;}
#interviewArea .fvArea .logo {width:25%;height:auto;left:0;}
#interviewArea .fvArea .title {top:90px;}



#interviewArea .fvArea h1 {font-size:3rem;margin:0 auto 20px;}
#interviewArea .fvArea h1 strong {font-size:3.4rem;}


#interviewArea .fvArea .border {
  left: 50%;
  margin-left: -40%;
  width: 80%;
  height: 290px;
}

#interviewArea ul.member {margin:0 auto 30px;}
#interviewArea ul.member dl {margin:0 auto;}
#interviewArea .company {padding:50px 0 0;background:#f2f5f5;}
#interviewArea .company::before {display:none;}
#interviewArea .contents {
  width:100%;
  padding:0 20px;
  margin:0 auto 50px;
}
#interviewArea .company {margin:0 auto 20px;}
#interviewArea .company .profile{width:100%;margin:0 auto;}
#interviewArea .company .profile .detail,
#interviewArea .company .profile .imgArea {width:100%;}
#interviewArea .company .profile .detail {padding: 0 20px;}
#interviewArea .company .profile .imgArea {padding:0 20px 20px;}


}



@media screen and (max-width: 870px){
  /* br delete */
#interviewArea .contents h3 br,
#interviewArea h2 br {display:none;}
}

@media (max-width: 767px) {
#interviewArea .fvArea {padding:0;height:250px;margin:0 auto 20px;}
#interviewArea .fvArea .logo {width:25%;height:auto;left:0;}
#interviewArea .fvArea .title {top:60px;}

#interviewArea .fvArea h1 {font-size:1.6rem;margin:0 auto 20px;}
#interviewArea .fvArea h1 strong {font-size:2rem;}
#interviewArea .fvArea .title img {width:80%;}

#interviewArea .fvArea .border {
  top:30px;
  margin-left: -45%;
  width: 90%;
  height: 190px;
}

}



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


}

@media screen and (max-width: 428px){
  #interviewArea .fvArea {height:220px;margin:0 auto 20px;}
  #interviewArea .fvArea h1 {font-size:1.2rem;margin:0 auto 20px;}
  #interviewArea .fvArea h1 strong {font-size:1.8rem;}
  #interviewArea h2 {padding:20px;margin:0 auto 20px;font-size:1.2em;}

  #interviewArea .fvArea .border {
    top: 20px;
    margin-left: -45%;
    width: 90%;
    height: 180px;
  }



  #interviewArea ul.member {margin:0 auto 20px;}
  #interviewArea ul.member li {width:100%;}
  #interviewArea ul.member li img {width:100px;height:auto;}
  #interviewArea ul.member li dl dd {margin:0 auto 20px;}
  #interviewArea ul.member li:last-child dl dd {margin:0 auto;} 
  #interviewArea .contents dl {margin:0 auto 20px;}

  #interviewArea .company {padding:20px 0 0;}
  #interviewArea .company .detail img {width:80%;}
  #interviewArea .company .profile {margin:0 auto;}
  #interviewArea .company h3 {font-size:1.2em;}
  #interviewArea .contents>img {margin:0 auto 20px;}

  #interviewArea .contents h3 {margin:0 auto 20px;font-size:1.2em;}  


}