/*--------------------------------------------------------
　共通style
--------------------------------------------------------*/
#interview {
  --w-base: 1366;
  --h-base: 768;
}

#interview .title_img {
  position: absolute;
  width: calc(122 / var(--w-base) * 100%);
  max-width: 122px;
  top: calc(41 / var(--h-base) * 100%);
  right: 80px;
  z-index: 1;
}

#interview .main_area {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  width: 100%;
  margin: 0 auto;
  position: relative;
  height: 100vh;
}

#interview .main_img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

#interview .main_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  object-position: center 20%;
}

#interview .main_area p {
  font-family:
    "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro",
    "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  color: #093a56;
  font-weight: 600;
}

#interview .text_01 p {
  font-size: 14px;
  line-height: 1.85;
}

#interview .text_01 .indent {
  display: inline-block;
  padding-left: 2em;
  text-indent: -2em;
}

#interview .text_credit {
  position: absolute;
  bottom: -20px;
  right: 0;
}

#interview .text_credit p {
  font-family: "Koburina Gothic W6 JIS2004", sans-serif;
  font-size: 13px;
  color: #4d4d4d;
}

/*--------------------------------------------------------
　個別style
--------------------------------------------------------*/
#interview .img_01 img,
#interview .img_02 img,
#interview .img_03 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* scn01 FV */
#interview #scn01 {
  opacity: 1;
  z-index: 501;
}
/* #interview #scn01 .title-wrap {
  display: flex;
  justify-content: center;
  flex-direction: column;
  position: absolute;
  width: calc(435 / var(--w-base) * 100%);
  max-width: 545px;
  top: calc(108 / var(--h-base) * 100%);
  left: calc(824 / var(--w-base) * 100%);
}
#interview #scn01 .title-wrap img {
  display: block;
  width: 100%;
} */
#interview #scn01 .main_title {
  position: absolute;
  width: calc(452 / var(--w-base) * 100%);
  max-width: 565px;
  top: calc(98 / var(--h-base) * 100%);
  right: 100px;
}
/* #interview #scn01 .main_text {
  width: calc(420 / 435 * 100%);
  margin-left: calc(15 / 435 * 100%);
} */

/* scn02 */
#interview #scn02 {
  background: url("/book/focal/onagawa/images/interview/img01.jpg") no-repeat
    center 40% / cover;
}
#interview #scn02 .img_01 {
  width: calc(487 / var(--w-base) * 100%);
  height: calc(322 / var(--h-base) * 100%);
  position: absolute;
  top: calc(94 / var(--h-base) * 100%);
  left: calc(651 / var(--w-base) * 100%);
}
#interview #scn02 .img_02 {
  width: calc(305 / var(--w-base) * 100%);
  height: calc(203 / var(--h-base) * 100%);
  position: absolute;
  top: calc(439 / var(--h-base) * 100%);
  left: calc(940 / var(--w-base) * 100%);
}
#interview #scn02 .text_01 {
  width: calc(434 / var(--w-base) * 100%);
  position: absolute;
  top: calc(260 / var(--h-base) * 100%);
  left: calc(130 / var(--w-base) * 100%);
  z-index: 1;
}

/* scn03 */
#interview #scn03 .img_01 {
  width: calc(538 / var(--w-base) * 100%);
  height: 100%;
  position: absolute;
  top: calc(0 / var(--h-base) * 100%);
  left: calc(701 / var(--w-base) * 100%);
}
#interview #scn03 .text_01 {
  width: calc(434 / var(--w-base) * 100%);
  position: absolute;
  top: calc(260 / var(--h-base) * 100%);
  left: calc(130 / var(--w-base) * 100%);
  z-index: 1;
}

/* scn04 */
#interview #scn04 .img_01 {
  width: calc(735 / var(--w-base) * 100%);
  height: calc(496 / var(--h-base) * 100%);
  position: absolute;
  top: calc(131 / var(--h-base) * 100%);
  left: 0;

  img {
    object-position: center top;
  }
}
#interview #scn04 .text_01 {
  width: calc(434 / var(--w-base) * 100%);
  position: absolute;
  top: calc(260 / var(--h-base) * 100%);
  left: calc(802 / var(--w-base) * 100%);
  z-index: 1;
}

/* scn05 */
#interview #scn05 .img_01 {
  width: calc(570 / var(--w-base) * 100%);
  height: calc(384 / var(--h-base) * 100%);
  position: absolute;
  top: 0;
  left: calc(89 / var(--w-base) * 100%);

  img {
    object-position: center top;
  }
}
#interview #scn05 .img_02 {
  width: calc(250 / var(--w-base) * 100%);
  height: calc(167 / var(--h-base) * 100%);
  position: absolute;
  top: calc(447 / var(--h-base) * 100%);
  left: calc(111 / var(--w-base) * 100%);
}
#interview #scn05 .img_03 {
  width: calc(322 / var(--w-base) * 100%);
  height: calc(214 / var(--h-base) * 100%);
  position: absolute;
  top: calc(416 / var(--h-base) * 100%);
  left: calc(397 / var(--w-base) * 100%);
}
#interview #scn05 .text_01 {
  width: calc(434 / var(--w-base) * 100%);
  position: absolute;
  top: calc(204 / var(--h-base) * 100%);
  left: calc(802 / var(--w-base) * 100%);
  z-index: 1;
}

/* scn06 */
#interview #scn06 .img_01 {
  width: calc(532 / var(--w-base) * 100%);
  height: calc(340 / var(--h-base) * 100%);
  position: absolute;
  top: calc(86 / var(--h-base) * 100%);
  left: calc(117 / var(--w-base) * 100%);
}
#interview #scn06 .img_02 {
  width: calc(356 / var(--w-base) * 100%);
  height: calc(238 / var(--h-base) * 100%);
  position: absolute;
  top: calc(444 / var(--h-base) * 100%);
  left: calc(347 / var(--w-base) * 100%);
}
#interview #scn06 .text_01 {
  width: calc(434 / var(--w-base) * 100%);
  position: absolute;
  top: calc(260 / var(--h-base) * 100%);
  left: calc(802 / var(--w-base) * 100%);
}

/* scn07 写真グリッド */
#interview #scn07 {
  background: url("/book/focal/onagawa/images/interview/img06.jpg") no-repeat
    center center / cover;
}
#interview #scn07 .text_01 {
  width: calc(377 / var(--w-base) * 100%);
  position: absolute;
  top: calc(233 / var(--h-base) * 100%);
  left: calc(120 / var(--w-base) * 100%);
  z-index: 1;
}
#interview #scn07 .text_01 p {
  color: #ffffff;
  filter: drop-shadow(0px 0px 4px rgba(0, 65, 114, 0.75));
}

/* scn08 */
#interview #scn08 .txtimg_01 {
  width: calc(412 / var(--w-base) * 100%);
  position: absolute;
  top: calc(222 / var(--h-base) * 100%);
  left: calc(90 / var(--w-base) * 100%);
  z-index: 1;
}
#interview #scn08 .img_01 {
  width: calc(493 / var(--w-base) * 100%);
  height: calc(326 / var(--h-base) * 100%);
  position: absolute;
  top: calc(100 / var(--h-base) * 100%);
  left: calc(555 / var(--w-base) * 100%);
}
#interview #scn08 .img_02 {
  width: calc(230 / var(--w-base) * 100%);
  height: calc(328 / var(--h-base) * 100%);
  position: absolute;
  top: calc(197 / var(--h-base) * 100%);
  left: calc(1072 / var(--w-base) * 100%);
}
#interview #scn08 .img_03 {
  width: calc(250 / var(--w-base) * 100%);
  height: calc(166 / var(--h-base) * 100%);
  position: absolute;
  top: calc(446 / var(--h-base) * 100%);
  left: calc(765 / var(--w-base) * 100%);
}

/* scn09 */
#interview #scn09 .img_01 {
  width: calc(792 / var(--w-base) * 100%);
  height: calc(528 / var(--h-base) * 100%);
  position: absolute;
  top: calc(120 / var(--h-base) * 100%);
  left: calc(574 / var(--w-base) * 100%);

  img {
    object-position: center top;
  }
}
#interview #scn09 .text_01 {
  width: calc(354 / var(--w-base) * 100%);
  position: absolute;
  top: calc(260 / var(--h-base) * 100%);
  left: calc(116 / var(--w-base) * 100%);
}

/* scn10 */
#interview #scn10 .img_01 {
  width: calc(476 / var(--w-base) * 100%);
  height: calc(300 / var(--h-base) * 100%);
  position: absolute;
  top: calc(132 / var(--h-base) * 100%);
  left: calc(81 / var(--w-base) * 100%);

  img {
    object-position: center top;
  }
}
#interview #scn10 .img_02 {
  width: calc(203 / var(--w-base) * 100%);
  height: calc(293 / var(--h-base) * 100%);
  position: absolute;
  top: calc(314 / var(--h-base) * 100%);
  left: calc(517 / var(--w-base) * 100%);
}
#interview #scn10 .text_01 {
  width: calc(434 / var(--w-base) * 100%);
  position: absolute;
  top: calc(260 / var(--h-base) * 100%);
  left: calc(802 / var(--w-base) * 100%);
}

/* scn11 */
#interview #scn11 {
  background: url("/book/focal/onagawa/images/interview/img10.jpg") no-repeat
    center 10% / cover;
}
#interview #scn11 .text_01 {
  width: calc(390 / var(--w-base) * 100%);
  position: absolute;
  top: calc(220 / var(--h-base) * 100%);
  left: calc(131 / var(--w-base) * 100%);
  z-index: 1;
  background: rgba(0, 0, 0, 0.3);
  padding: 3% 4%;
}
#interview #scn11 .text_01 p {
  color: #ffffff;
  filter: drop-shadow(0px 0px 6px rgba(0, 0, 0, 1));
}

/* scn12 全面写真のみ */
#interview #scn12 .img_01 {
  width: calc(523 / var(--w-base) * 100%);
  height: calc(346 / var(--h-base) * 100%);
  position: absolute;
  top: calc(136 / var(--h-base) * 100%);
  left: calc(77 / var(--w-base) * 100%);
}
#interview #scn12 .img_02 {
  width: calc(203 / var(--w-base) * 100%);
  height: calc(306 / var(--h-base) * 100%);
  position: absolute;
  top: calc(350 / var(--h-base) * 100%);
  left: calc(519 / var(--w-base) * 100%);
}
#interview #scn12 .text_01 {
  width: calc(434 / var(--w-base) * 100%);
  position: absolute;
  top: calc(260 / var(--h-base) * 100%);
  left: calc(802 / var(--w-base) * 100%);
}

/* scn13 */
#interview #scn13 {
  background: url("/book/focal/onagawa/images/interview/img12.jpg") no-repeat
    center 90% / cover;
}
#interview #scn13 .text_01 {
  width: calc(434 / var(--w-base) * 100%);
  position: absolute;
  top: calc(222 / var(--h-base) * 100%);
  left: calc(130 / var(--w-base) * 100%);
  z-index: 1;
}

/* scn14 プロフィール */
#interview #scn14 {
  background: url("/book/focal/onagawa/images/interview/img13.jpg") no-repeat
    center center / cover;
}
#interview .profile p {
  font-family: "Koburina Gothic W3 JIS2004", sans-serif;
  font-size: 12px;
  line-height: 1.75;
}
#interview .profile .profile_data {
  background: #fff;
  display: flex;
  justify-content: space-between;
  padding: 50px 5%;
  width: 64%;
  box-sizing: border-box;
  margin: 0 auto;
}
#interview .profile .profile_data .img {
  width: 26%;
}
#interview .profile .profile_data .data {
  width: 68%;
  margin-top: -1.5%;
}
#interview .profile .profile_data .name {
  width: 36.7%;
  margin: 0 auto;
  display: block;
}
#interview .profile .profile_data .tag {
  width: 55px;
  line-height: 1.8;
}
#interview .profile .profile_text p {
  padding-top: 10px;
  border-top: 1px solid #093a56;
  font-size: 13px;
  text-align: justify;
}
#interview .profile .costume_credit {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 46.9%;
  margin: 50px auto 0;
}
#interview .profile .costume_credit .title {
  flex-basis: 90px;
  color: #093a56;
  font-family: "Koburina Gothic W6 JIS2004", sans-serif;
}
#interview .profile .costume_credit .costume {
  flex: 1;
}

/* scn15 / scn16 クレジット */
#interview .staff-credit {
  background: #fff;
}
#interview .staff-credit .main_area {
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
}
#interview .staff-credit .credit_box {
  text-align: center;
  position: relative;
  top: calc(-39 / var(--h-base) * 100%);
}
#interview .staff-credit .credit_box p {
  font-family:
    "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro",
    "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  color: #093a56;
  font-size: 14px;
  line-height: 1.75;
  margin-top: 1.15em;
}
#interview .staff-credit .credit_box p:first-child {
  margin-top: 0;
}
#interview .staff-credit .credit_box .ttl {
  font-weight: bold;
}