/*------------------------------------------------
	interview (english)
------------------------------------------------*/
#interview-page {
  overflow: hidden;
}
#interview-page #int-mv {
  position: relative;
  z-index: 1;
  padding-top: min( 12vw, 45px);
}
@media print, screen and (min-width: 768px) {
  #interview-page #int-mv {
    background: url(../interview/images/interview-mv-line.gif) no-repeat left top/min( 27.0161290323vw, 335px) auto;
    padding: min( 6.0483870968vw, 75px) 0;
  }
}
#interview-page #int-mv:after {
  position: absolute;
  z-index: -1;
  display: block;
  content: " ";
  background: url(../interview/images/interview-mv-bg.jpg) no-repeat left top/cover;
  width: min( 51.6vw, 193.5px);
  height: min( 93.3333333333vw, 350px);
  top: 0;
  right: 0;
}
@media print, screen and (min-width: 768px) {
  #interview-page #int-mv:after {
    width: min( 41.1290322581vw, 510px);
    height: 100%;
  }
}
@media print, screen and (min-width: 768px) {
  #interview-page #int-mv .int-mv-box {
    position: relative;
    z-index: 1;
    min-height: min( 58.064516129vw, 720px);
    padding-top: 90px;
  }
}
#interview-page #int-mv #int-mv-title {
  position: relative;
  font-family: "Oswald", sans-serif;
  font-weight: 300;
  font-size: min( 10.6666666667vw, 40px);
  letter-spacing: 0.02em;
  line-height: 1;
}
@media print, screen and (min-width: 768px) {
  #interview-page #int-mv #int-mv-title {
    font-size: 90px;
  }
}
#interview-page #int-mv #int-mv-title:before {
  position: absolute;
  display: block;
  content: " ";
  background: url(../interview/images/interview-mv-script.png) no-repeat center center/contain;
  width: min( 36.5333333333vw, 137px);
  height: min( 10.6666666667vw, 40px);
  top: min( 3.2vw, 12px);
  left: min( 20vw, 75px);
  width: min( 36.5333333333vw, 137px);
}
@media print, screen and (min-width: 768px) {
  #interview-page #int-mv #int-mv-title:before {
    width: 2.6888888889em;
    height: 0.7777777778em;
    top: 0.3888888889em;
    left: 2.1111111111em;
  }
}
#interview-page #int-mv #int-mv-img {
  width: 69.3333333333vw;
  margin: min( 6.6666666667vw, 25px) auto 0;
}
@media print, screen and (min-width: 768px) {
  #interview-page #int-mv #int-mv-img {
    position: absolute;
    z-index: -1;
    top: 0;
    right: 0;
    width: min( 48.3870967742vw, 600px);
    margin: 0;
  }
}
#interview-page #int-mv #int-mv-lead {
  font-size: min( 5.3333333333vw, 20px);
  font-family: "Oswald", sans-serif;
  font-weight: 500;
  letter-spacing: 0.06em;
  margin-top: max( -10.6666666667vw, -40px);
}
@media print, screen and (min-width: 768px) {
  #interview-page #int-mv #int-mv-lead {
    gap: 15px;
    font-size: 30px;
    margin-top: 110px;
  }
}
#interview-page #int-mv #int-mv-lead span {
  padding-bottom: 0.1em;
  background-size: 1px min( 5.3333333333vw, 20px);
  background-position: 0 center;
  background-repeat: repeat-x;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#d9e7f8), to(#d9e7f8));
  background-image: linear-gradient(#d9e7f8 0%, #d9e7f8 100%);
}
@media print, screen and (min-width: 768px) {
  #interview-page #int-mv #int-mv-lead span {
    background-size: 1px 30px;
  }
}
#interview-page #int-mv #int-mv-lead i {
  display: block;
}
#interview-page #int-mv #int-mv-profile {
  margin-top: min( 8vw, 30px);
}
@media print, screen and (min-width: 768px) {
  #interview-page #int-mv #int-mv-profile {
    margin-top: 80px;
  }
}
#interview-page #int-mv #int-mv-profile ._title {
  font-size: min( 4vw, 15px);
  font-family: "Oswald", sans-serif;
  font-weight: 500;
  letter-spacing: 0.04em;
  color: #225da9;
}
@media print, screen and (min-width: 768px) {
  #interview-page #int-mv #int-mv-profile ._title {
    font-size: 18px;
  }
}
#interview-page #int-mv #int-mv-profile ._shoulder {
  font-size: min( 3.7333333333vw, 14px);
  line-height: 1.5357142857;
  font-weight: bold;
  margin-top: min( 2.6666666667vw, 10px);
}
@media print, screen and (min-width: 768px) {
  #interview-page #int-mv #int-mv-profile ._shoulder {
    font-size: 18px;
    line-height: 1.6666666667;
    margin-top: 15px;
  }
}
#interview-page #int-mv #int-mv-profile ._name {
  font-family: "Oswald", sans-serif;
  font-size: min( 6.1333333333vw, 23px);
  font-weight: 500;
  letter-spacing: 0.1em;
  margin-top: min( 2.6666666667vw, 10px);
}
@media print, screen and (min-width: 768px) {
  #interview-page #int-mv #int-mv-profile ._name {
    font-size: 30px;
    margin-top: 20px;
  }
}
#interview-page #int-mv .mv-scroll {
  bottom: min( 5.2419354839vw, 65px);
}
@media only screen and (max-width: 767px) {
  #interview-page #int-mv .line-bg01 {
    display: none;
  }
}
@media print, screen and (min-width: 768px) {
  #interview-page #int-mv .line-bg01 {
    bottom: max( -6.4516129032vw, -80px);
    left: 50%;
    margin-left: min( 14.5161290323vw, 180px);
  }
}
#interview-page .int-sec-title {
  font-size: min( 3.7333333333vw, 14px);
  font-weight: bold;
  line-height: 1.7142857143;
  letter-spacing: 0.04em;
}
@media print, screen and (min-width: 768px) {
  #interview-page .int-sec-title {
    font-size: 24px;
    line-height: 1.8333333333;
    margin-top: -0.5em;
  }
}
#interview-page .int-sec-txtbox {
  position: relative;
  margin-top: 3.0rem;
}
@media print, screen and (min-width: 768px) {
  #interview-page .int-sec-txtbox {
    margin-top: 30px;
  }
}
#interview-page .int-sec-txtbox p {
  font-size: min( 3.4666666667vw, 13px);
  line-height: 1.9230769231;
}
@media print, screen and (min-width: 768px) {
  #interview-page .int-sec-txtbox p {
    font-size: 16px;
    line-height: 2;
  }
}
#interview-page .int-sec-txtbox p + p {
  margin-top: 1.5em;
}
#interview-page .int-sec-box {
  margin-top: 7.0rem;
}
@media print, screen and (min-width: 768px) {
  #interview-page .int-sec-box {
    margin-top: min( 13.2258064516vw, 164px);
  }
}
@media print, screen and (min-width: 768px) {
  #interview-page .int-sec-box .int-sec .int-sec-item {
    position: relative;
    padding-top: 1px;
    padding-left: min( 38.7096774194vw, 480px);
    min-height: min( 40.3225806452vw, 500px);
  }
}
#interview-page .int-sec-box .int-sec .int-sec-item:nth-of-type(n+2) {
  margin-top: 5.0rem;
}
@media print, screen and (min-width: 768px) {
  #interview-page .int-sec-box .int-sec .int-sec-item:nth-of-type(n+2) {
    margin-top: min( 12.5vw, 155px);
  }
}
#interview-page .int-sec-box .int-sec .int-sec-item ._img {
  position: relative;
  margin: 6.6666666667vw auto 0;
  text-align: center;
}
@media print, screen and (min-width: 768px) {
  #interview-page .int-sec-box .int-sec .int-sec-item ._img {
    position: static;
    margin-top: 0;
    text-align: left;
  }
}
#interview-page .int-sec-box .int-sec .int-sec-item ._img:before {
  position: absolute;
  z-index: -1;
  display: block;
  content: " ";
  background: no-repeat center center / cover;
}
#interview-page .int-sec-box .int-sec .int-sec-item ._img img {
  width: 53.4666666667vw;
}
@media print, screen and (min-width: 768px) {
  #interview-page .int-sec-box .int-sec .int-sec-item ._img img {
    position: absolute;
    top: 0;
    left: 0;
    width: min( 33.8709677419vw, 420px);
  }
}
@media print, screen and (min-width: 768px) {
  #interview-page .int-sec-box .int-sec .int-sec-item:nth-of-type(2n) {
    padding-left: 0;
    padding-right: min( 38.7096774194vw, 480px);
  }
}
@media print, screen and (min-width: 768px) {
  #interview-page .int-sec-box .int-sec .int-sec-item:nth-of-type(2n) img {
    left: auto;
    right: 0;
  }
}
#interview-page .int-sec-box .int-sec .int-sec-item:nth-of-type(1) ._img:before {
  background-image: url(../interview/images/interview-bg-01.jpg);
  width: 36vw;
  height: 46.6666666667vw;
  top: -5.3333333333vw;
  left: calc( 50% - 50vw );
}
@media print, screen and (min-width: 768px) {
  #interview-page .int-sec-box .int-sec .int-sec-item:nth-of-type(1) ._img:before {
    width: calc( 10% + ( 50vw - 50% ) );
    height: min( 28.2258064516vw, 350px);
    top: max( -4.8387096774vw, -60px);
  }
}
#interview-page .int-sec-box .int-sec .int-sec-item:nth-of-type(2) ._img:before {
  background-image: url(../interview/images/interview-bg-02.jpg);
  width: 68vw;
  height: 20vw;
  top: 50.6666666667vw;
  right: calc( 50% - 50vw );
}
@media print, screen and (min-width: 768px) {
  #interview-page .int-sec-box .int-sec .int-sec-item:nth-of-type(2) ._img:before {
    width: calc( 30% + ( 50vw - 50% ) );
    height: min( 12.0967741935vw, 150px);
    top: min( 33.064516129vw, 410px);
  }
}
#interview-page .int-sec-box .int-sec .int-sec-item:nth-of-type(3) ._img:before {
  background-image: url(../interview/images/interview-bg-03.jpg);
  width: 90.6666666667vw;
  height: 33.3333333333vw;
  top: -5.3333333333vw;
  left: calc( 50% - 50vw );
}
@media print, screen and (min-width: 768px) {
  #interview-page .int-sec-box .int-sec .int-sec-item:nth-of-type(3) ._img:before {
    width: calc( 44.1666666667% + ( 50vw - 50% ) );
    height: min( 20.1612903226vw, 250px);
    top: max( -3.2258064516vw, -40px);
  }
}
#interview-page .int-sec-box .int-sec .int-sec-item:nth-of-type(4) ._img:before {
  background-image: url(../interview/images/interview-bg-04.jpg);
  width: 52vw;
  height: 58.6666666667vw;
  top: -6.6666666667vw;
  right: calc( 50% - 50vw );
}
@media print, screen and (min-width: 768px) {
  #interview-page .int-sec-box .int-sec .int-sec-item:nth-of-type(4) ._img:before {
    width: calc( 14.6341463415vw + ( 50vw - 50% ) );
    height: min( 35.4838709677vw, 440px);
    top: max( -4.0322580645vw, -50px);
  }
}
#interview-page .int-sec-box .int-sec .int-sec-item:nth-of-type(5) ._img:before {
  background-image: url(../interview/images/interview-bg-05.jpg);
  width: 36vw;
  height: 49.3333333333vw;
  top: 21.3333333333vw;
  left: calc( 50% - 50vw );
}
@media print, screen and (min-width: 768px) {
  #interview-page .int-sec-box .int-sec .int-sec-item:nth-of-type(5) ._img:before {
    width: calc( 7.3170731707vw + ( 50vw - 50% ) );
    height: min( 29.8387096774vw, 370px);
    top: min( 15.3225806452vw, 190px);
  }
}
#interview-page .int-sec-box .int-sec #int-sec-interval {
  margin: 6.0rem 0;
}
@media print, screen and (min-width: 768px) {
  #interview-page .int-sec-box .int-sec #int-sec-interval {
    margin: min( 14.5161290323vw, 180px) 0;
  }
}
#interview-page .int-sec-box .int-sec #int-sec-interval .line-bg02 {
  top: 26.6rem;
  right: -8.1rem;
}
@media only screen and (max-width: 767px) {
  #interview-page .int-sec-box .int-sec #int-sec-interval .line-bg02 {
    display: none;
  }
}
#interview-page #int-message {
  position: relative;
  z-index: 1;
  margin-top: min( 42.6666666667vw, 160px);
  background: no-repeat center center / cover;
  padding: 1px 0 min( 18.6666666667vw, 70px);
}
@media only screen and (max-width: 767px) {
  #interview-page #int-message {
    background-image: url(../interview/images/interview-message-bg-sp.jpg);
  }
}
@media print, screen and (min-width: 768px) {
  #interview-page #int-message {
    margin-top: min( 22.5806451613vw, 280px);
    background-image: url(../interview/images/interview-message-bg-pc.jpg);
    padding-bottom: min( 9.6774193548vw, 120px);
  }
}
#interview-page #int-message:before {
  position: absolute;
  z-index: -1;
  display: block;
  content: " ";
  background: url(../interview/images/interview-message-script.png) no-repeat center center/contain;
  width: 109.2vw;
  height: 26.4vw;
  top: 45.8666666667vw;
  left: -7.3333333333vw;
}
@media print, screen and (min-width: 768px) {
  #interview-page #int-message:before {
    width: min( 46.0483870968vw, 571px);
    height: min( 11.1290322581vw, 138px);
    top: min( 6.4516129032vw, 80px);
    left: min( 5.0806451613vw, 63px);
  }
}
@media print, screen and (min-width: 768px) {
  #interview-page #int-message #int-message-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
}
#interview-page #int-message #int-message-box ._imgbox {
  width: 73.4666666667vw;
  margin-right: calc( 50% - 50vw );
  margin-left: auto;
  margin-top: max( -24vw, -90px);
}
@media print, screen and (min-width: 768px) {
  #interview-page #int-message #int-message-box ._imgbox {
    margin-right: calc( 50% - 50vw );
    margin-top: max( -10.4838709677vw, -130px);
    width: min( 45.9677419355vw, 570px);
  }
}
#interview-page #int-message #int-message-box ._txtbox {
  margin-top: min( 16vw, 60px);
}
@media print, screen and (min-width: 768px) {
  #interview-page #int-message #int-message-box ._txtbox {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: min( 11.2903225806vw, 140px) min( 4.8387096774vw, 60px) 0 0;
  }
}