/*!
 * interview.css
 * modified : 2015.09.29
 */

/*--------------------------------------------------
  .mainvisual
--------------------------------------------------*/
.mainvisual h2 {
  display: none;
}
.mainvisual h3 img {
  width: 100%;
  height: auto;
}

@media screen and (max-width: 479px) {
  .mainvisual h3 img {
    width: 105%;
  }
}

/*--------------------------------------------------
  section
--------------------------------------------------*/
section {
  position: relative;
}
section:after {
  clear: both;
  display: block;
  content: "";
}
section h4 {
  position: relative;
  z-index: 1;
  margin-bottom: 25px;
  margin-bottom: 2.6315789%;
  font-size: 187.5%;
  line-height: 1.2;
}
section p {
  position: relative;
  z-index: 1;
  margin-bottom: 30px;
  margin-bottom: 3.1578947%;
  font-size: 106.3%;
  line-height: 1.75;
  overflow: hidden;
}
section p:first-child {
  margin-top: 0;
}
section > h4 + p,
section > .img-box + p {
  margin-top: 0;
}

@media screen and (max-width: 640px) {
  section h4 {
    margin-bottom: 20px;
    font-size: 200%;
  }
  section p {
    font-size: 130%;
    overflow: visible;
  }
}
@media screen and (max-width: 479px) {
  section {
    margin-top: 50px !important;
  }
  section h4 {
    font-size: 180%;
  }
  section p {
    margin-bottom: 25px;
    font-size: 106.3%;
  }
}

/* .sec-01
--------------------------------------------------*/
section.sec-01 {
  margin-top: 100px;
  margin-top: 10.5263157%;
}
section.sec-01 p {
  width: 610px;
  width: 64.2105263%;
}
section.sec-01 .map {
  position: absolute;
  z-index: 0;
  right: -75px;
  right: -7.8947368%;
  top: 0;
  margin-top: -15px;
  margin-top: -1.5789473%;
  width: 659px;
  width: 69.368421%;
}
section.sec-01 .img-01 {
  position: relative;
  z-index: 1;
  margin: 70px auto 0;
  margin-top: 7.368421%;
  width: 720px;
  width: 75.7894736%;
}

@media screen and (max-width: 479px) {
  section.sec-01 p {
    width: auto;
  }
  section.sec-01 .map {
    position: relative;
    right: 0;
    float: right;
    margin: -10% 0 0;
    padding-bottom: 50%;
    width: 40%;
  }
  section.sec-01 .map img {
    position: absolute;
    left: 0;
    top: 0;
    margin-left: -90%;
    width: 200%;
  }
  section.sec-01 .img-01 {
    margin: 20px 0 0;
    width: auto;
  }
}

/* .sec-02
--------------------------------------------------*/
section.sec-02 {
  margin-top: 70px;
  margin-top: 7.368421%;
}

/* .sec-03
--------------------------------------------------*/
section.sec-03 {
  margin-top: 90px;
  margin-top: 9.4736842%;
}
section.sec-03 .img-box {
  float: left;
  margin: 5px 50px 30px 0;
  margin: 5px 5.2631578% 3.1578947% 0;
  width: 350px;
  width: 36.8421052%;
}
section.sec-03 .img-box img {
  margin-top: 32px;
  margin-top: 9.1428571%;
}
section.sec-03 .img-box img:first-child {
  margin-top: 0;
}

@media screen and (max-width: 479px) {
  section.sec-03 .img-box {
    margin: 0 0 20px 0;
    float: none;
    width: auto;
  }
  section.sec-03 .img-box:after {
    clear: both;
    display: block;
    content: "";
  }
  section.sec-03 .img-box img {
    float: left;
    margin: 0;
    width: 50%;
  }
}

/* .sec-04
--------------------------------------------------*/
section.sec-04 {
  margin-top: 90px;
  margin-top: 9.4736842%;
}
section.sec-04 .img-04 {
  float: right;
  margin: 5px 0 30px 50px;
  margin: 5px 0 3.1578947% 5.2631578%;
  width: 370px;
  width: 38.9473684%;
}
section.sec-04 .img-05 {
  float: left;
  margin: 5px 50px 30px 0;
  margin: 5px 5.2631578% 3.1578947% 0;
  width: 370px;
  width: 38.9473684%;
}

@media screen and (max-width: 479px) {
  section.sec-04 .img-04 {
    float: none;
    margin: 0 0 20px;
    width: auto;
  }
  section.sec-04 .img-05 {
    float: none;
    margin: 0 0 20px;
    width: auto;
  }
}

/* .sec-05
--------------------------------------------------*/
section.sec-05 {
  margin-top: 100px;
  margin-top: 10.5263157%;
}
section.sec-05 .img-06 {
  float: right;
  margin: 5px 0 30px 50px;
  margin: 5px 0 3.1578947% 5.2631578%;
  width: 400px;
  width: 42.1052631%;
}

@media screen and (max-width: 479px) {
  section.sec-05 .img-06 {
    margin: 5px 0 20px 15px;
    width: 50%;
  }
}

/* .sec-06
--------------------------------------------------*/
section.sec-06 {
  margin-top: 40px;
  margin-top: 4.2105263%;
}
section.sec-06 .img-07 {
  float: left;
  margin: 5px 50px 30px 0;
  margin: 5px 5.2631578% 3.1578947% 0;
  width: 370px;
  width: 38.9473684%;
}

@media screen and (max-width: 479px) {
  section.sec-06 .img-07 {
    float: none;
    margin: 0 0 20px;
    width: auto;
  }
}

/* .sec-07
--------------------------------------------------*/
section.sec-07 {
  margin-top: 50px;
  margin-top: 5.2631578%;
  margin-bottom: 70px;
  margin-bottom: 7.368421%;
}

@media screen and (max-width: 479px) {
  section.sec-07 {
    margin-bottom: 40px;
  }
}

/*--------------------------------------------------
  .btn-box
--------------------------------------------------*/
.btn-box {
  margin: 0 auto 50px;
  margin: 0 auto 5.2631578%;
}

@media screen and (max-width: 479px) {
  .btn-box {
    margin-bottom: 30px;
  }
}