/*--------------------------------------------------------
　共通style
--------------------------------------------------------*/
#interview .title_img {
  position: absolute;
  width: 9%;
  max-width: 121px;
  top: 5.2%;
  right: 93px;
  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_area p {
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  color: #083b55;
  font-weight: 600;
}

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

#interview .text_01 p + p {
  margin-top: 2em;
}

#interview .staff-credit .text_01 p + p {
  margin-top: 0;
}

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

#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;
}

.staff-credit .main_area {
  -webkit-align-items: center;
  align-items: center;
}

.staff-credit {
  text-align: center;
}

.staff-credit p.bold {
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 1.65 !important;
}

.staff-credit p {
  font-size: 15px !important;
  font-weight: 600 !important;
  line-height: 1.65 !important;
}

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

#interview #scn01 {
  background: url("/book/focal/niseko/images/interview/bg.jpg") no-repeat center 20% / cover;
  opacity: 1;
  z-index: 501;
}

#interview #scn03 {
  background: url("/book/focal/niseko/images/interview/photo02.jpg") no-repeat 40% 20% / cover;
}

#interview #scn04 {
  background: url("/book/focal/niseko/images/interview/photo03.jpg") no-repeat 80% 20% / cover;
}

#interview #scn07 {
  background: url("/book/focal/niseko/images/interview/photo08.jpg") no-repeat 70% 50% / cover;
}

#interview #scn08 {
  background: url("/book/focal/niseko/images/interview/photo09.jpg") no-repeat center 30% / cover;
}

#interview #scn09 {
  background: url("/book/focal/niseko/images/interview/photo10.jpg") no-repeat  40% 20%  / cover;
}

#interview #scn11 {
  background: url("/book/focal/niseko/images/interview/photo13.jpg") no-repeat 60% 20% / cover;
}

#interview #scn12 {
  background: url("/book/focal/niseko/images/interview/profile_bg.jpg") no-repeat center center / cover;
}

/*--------------------------------------------------------
　個別style
--------------------------------------------------------*/


#interview #scn01 .main_title {
    width: 37.8%;
    max-width: 504px;
    position: absolute;
    top: 16.8%;
    left: 7.5%;
}

/* scn02：パターンA（写真1枚版） */
#interview #scn02 .text_img {
width: 27.3%;
    position: absolute;
    top: 42.5%;
    left: 14.3%;
}

#interview #scn02 .img_01 {
    width: 40.8%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 44px;
}
#interview #scn02 .img_01 img{
object-position: 50% 30%;
}

/* scn03：パターンB（紺文字版） */
#interview #scn03 .text_01 {
width: 29.9%;
    position: absolute;
    top: 28%;
    left: 61.5%;
}
 #interview #scn03 .text_01 p {
  filter: drop-shadow(0px 0px 4px rgba(255,255, 255, 1));
}



/* scn04：パターンB（白文字版） */
#interview #scn04 .text_01 {
    width: 31.9%;
    position: absolute;
    top: 22%;
    left: 10.8%;
}
 #interview #scn04 .text_01 p {
  color: #ffffff;
  filter: drop-shadow(0px 0px 4px rgba(0,0, 0, 1));
}



/* scn05：パターンC-1（縦長写真＋テキスト） */
#interview #scn05 .img_01 {
    width: 43.9%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
#interview #scn05 .img_01 img {
    object-position: 30% 30%;
}
#interview #scn05 .text_01 {
    width: 36.9%;
    position: absolute;
    top: 28.5%;
    left: 52.8%;
}



/* scn06：パターンA（写真3枚版） */
#interview #scn06 .text_img {
    width: 4.4%;
    position: absolute;
    top: 22%;
    left: 58.7%;
}

#interview #scn06 .img_01 {
    width: 46.3%;
    height: 56%;
    position: absolute;
    top: 16.2%;
    left: 7.3%;
}
#interview #scn06 .img_02 {
width: 18.8%;
    height: 25.4%;
    position: absolute;
    top: 19.8%;
    left: 73.3%;
}

#interview #scn06 .img_03 {
width: 25.2%;
    height: 31.8%;
    position: absolute;
    top: 50.5%;
    left: 67%;
}

/* scn07：パターンB（紺文字版） */
#interview #scn07 .text_01 {
    width: 33.6%;
    position: absolute;
    top: 31.9%;
    left: 7.8%;
}


/* scn08：パターンB（紺文字版） */
#interview #scn08 .text_01 {
    width: 27.9%;
    position: absolute;
    top: 18.5%;
    left: 66.8%;
}
 #interview #scn08 .text_01 p {
  filter: drop-shadow(0px 0px 4px rgba(255,255, 255, 1));
}


/* scn09：パターンB（紺文字版） */
#interview #scn09 .text_01 {
    width: 32.9%;
    position: absolute;
    top: 25.9%;
    left: 53.5%;
}
 #interview #scn09 .text_01 p {
  filter: drop-shadow(0px 0px 4px rgba(255,255, 255, 1));
}


/* scn10：パターンA（写真2枚版） */
#interview #scn10 .text_img {
    width: 24%;
    position: absolute;
    top: 59.5%;
    left: 11.5%;
}

#interview #scn10 .img_01 {
    width: 28%;
    height: 37.4%;
    position: absolute;
    top: 15%;
    left: 9.5%;
}

#interview #scn10 .img_02 {
    width: 47%;
    height: 56.4%;
    position: absolute;
    top: 25.4%;
    left: 43.5%;
}



/* scn11：パターンB（紺文字版） */
#interview #scn11 .text_01 {
width: 34.9%;
    position: absolute;
    top: 27.7%;
    left: 5.5%;
}
 #interview #scn11 .text_01 p {
  filter: drop-shadow(0px 0px 4px rgba(255,255, 255, 1));
}


#interview .profile p {
  font-family: "Koburina Gothic W3 JIS2004", sans-serif;
  font-size: 12px;
  line-height: 1.333;
  font-weight: 300;
}

#interview .profile .profile_data {
  background: #ffffff;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 47px 4%;
  width: 64%;
  box-sizing: border-box;
  margin: 0 auto;
}

#interview .profile .profile_data .img {
  width: 26%;
  margin-top: 0;
}

#interview .profile .profile_data .data {
  width: 68%;
}

#interview .profile .profile_data .name {
  width: 35.8%;
  margin: 0 auto 8px;
  display: block;
}

#interview .profile .profile_data .tag {
  width: 58px;
  padding-bottom: 0px;
}

#interview .profile .profile_text p {
  padding-top: 10px;
  border-top: 1px solid #093a56;
  font-size: 13px;
  line-height: 1.53;
}

#interview .profile .costume_credit {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 44.7%;
  margin: 40px auto 0 32%;
}

#interview .profile .costume_credit .title {
  position: absolute;
  width: 54px;
  color: #093a56;
  font-weight: 600;
  font-size: 13px;
  font-family: "Koburina Gothic W6 JIS2004", sans-serif;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  margin-left: -15%;
}

#interview .profile .costume_credit .costume {
  position: relative;
  flex: 1;
  font-size: 12px;
  font-weight: 300;
}

.costume_tag {
  font-family: "Koburina Gothic W6 JIS2004", sans-serif;

}

.mt15 {
  margin-top: 15px!important;
}