@charset "UTF-8";
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
　■main_vs
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#interview06 #main_vs {
  background-position: 89% center;
}

#main_vs {
  background-size: 200% auto;
  background-size: 200% auto;
  padding: 0 20px;
}

#main_vs .innerWrap {
  position: relative;
  height: 350px;
}

#main_vs .catch {
  font-size: 1.6rem;
  line-height: 1.71;
  padding: 10px 15px;
  bottom: 40px;
}

#main_vs .anchor {
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  text-align: center;
  position: absolute;
  bottom: 0;
  left: 50%;
  font-size: 1.5rem;
  line-height: 1.0;
  margin-left: -1em;
}

#main_vs .anchor a {
  color: #fff;
  display: inline-block;
  padding-bottom: 17px;
}

#main_vs .anchor a:after {
  content: "";
  display: block;
  width: 1px;
  height: 15px;
  background: #fff;
  position: absolute;
  left: 50%;
  bottom: 0;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
　■intro
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#intro {
  padding-top: 20px;
  padding-bottom: 35px;
  min-height: inherit;
}

#intro .f_left {
  padding: 0;
  width: 100%;
}

#intro .f_left .sub {
  line-height: 1.3;
  margin-bottom: 15px;
}

#intro .f_left .position {
  font-size: 1.8rem;
  line-height: 1.3;
}

#intro .f_left h3 {
  font-size: 2.3rem;
}

#intro .f_right {
  width: 100%;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
　■block_area
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#block_area {
  padding: 0 20px;
}

#block_area .block {
  margin-bottom: 50px;
  display: block;
  float: none !important;
}

#block_area .block .txt_area {
  padding: 0 !important;
  width: 100% !important;
}

#block_area .block .txt_area .catch {
  font-size: 1.8rem;
  margin-bottom: 13px !important;
}

#block_area .block .img {
  width: 100% !important;
  margin-bottom: 15px;
}

#block_area .big_block {
  margin: 80px auto 0 auto;
}

#block_area .big_block .txt_area {
  padding: 0 !important;
  margin: 0;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
　■other_interview
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#other_interview {
  margin: 60px 0;
}

#other_interview ul {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0;
  margin: 0 -3px 40px -3px;
}

#other_interview ul li {
  width: 33.33%;
  padding: 0 3px;
  margin-bottom: 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#other_interview ul li .name {
  margin-bottom: 10px;
}

#other_interview ul li .position {
  font-size: 1.1rem;
}

#other_interview ul li a:hover {
  opacity: 1;
}

#other_interview ul li a:hover .img img {
  opacity: 1;
  border-color: #ff0000;
}

#other_interview ul .active .img img {
  border-color: #ff0000;
}

#other_interview .btn03 a {
  width: 80%;
}

/*# sourceMappingURL=../maps/sp/interview.css.map */