@charset "utf-8";
/* CSS Document */

.interviewMv {
  width: 90%;
	margin: 0 auto;
  display: flex;
}
.interviewMvBox {
  width: 50%;
}
  .interviewMvBox img {
    width: 100%;
  }
.interviewMvBox.name {
  background: #f5f5f5;
  display: flex;
  align-items: center;
}
.interviewMvBoxInner {
  width: 50%;
  margin: 0 auto;
  text-align: left;
}
.interviewMvTitle {
  position: relative;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
  font-weight: 600;
  font-size: 1.8rem;
  margin: 0 0 40px 0;
}
  .interviewMvTitle:after {
    position: absolute;
    content: "";
    top: 50px;
    left: 0;
    width: 15px;
    height: 1px;
    background-color: black;
  }
.interviewMvCast {
  font-size: 1.5rem;
}
.interviewMvName {
  font-size: 3rem;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
  font-weight: 600;
  margin: 20px 0 0;
}
  .interviewMvName span {
    font-size: 2rem;
  }
.interviewMvNameSub {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
  font-size: 1.3rem;
}

.question {
  font-size: 1.8rem;
  font-weight: 600;
  margin: 0 0 30px 0;
}
.interviewText {
  font-size: 1.7rem;
  line-height: 2;
}
.interviewPhoto {
  width: 1000px;
  margin: 100px auto 0;
}
.interviewPlofBox {
  position: relative;
  background: #f5f5f5;
  padding: 80px;
  margin: 100px 0;
}
.interviewPlofBoxTitle { 
  position: absolute;
  top: -15px;
  left: 15px;
  font-size: 2rem;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
/*  background-image: linear-gradient(90deg, #0069b8, #0fae97 50%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;*/
}
.interviewPlofName {
  font-size: 2.3rem;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
  font-weight: 600;
  margin: 5px 0 10px 0;
}
.interviewPlofText {
  font-size: 1.5rem;
  line-height: 1.8;
}

/**
 ****************************************************
 * 
 * screens smaller than 768
 * 
 ****************************************************
 */
@media only screen and (max-width: 768px) {

.interviewMv {
  width: 100%;
  display: inherit;
}
.interviewMvBox {
  width: auto;
}
  .interviewMvBox img {
  }
.interviewMvBox.name {
  display: flex;
  align-items: center;
  padding: 40px 0;
}
.interviewMvBoxInner {
  width: auto;
  margin: 0 auto;
  text-align: center;
}
.interviewMvTitle {
  font-size: 1.5rem;
  font-weight: 600;
  margin: 0 0 30px 0;
}
  .interviewMvTitle:after {
    top: 40px;
    left: 50%;
    margin-left: -7px;
    width: 15px;
    height: 1px;
    background-color: black;
  }
.interviewMvCast {
  font-size: 1.2rem;
}
.interviewMvName {
  font-size: 2rem;
  margin: 0px 0 0;
}
  .interviewMvName span {
    font-size: 1.5rem;
  }
.interviewMvNameSub {
  font-size: 0.8rem;
}

.question {
  font-size: 1.5rem;
  margin: 0 0 20px 0;
}
.interviewText {
  font-size: 1.4rem;
  line-height: 2;
}
.interviewPhoto {
  width: 100%;
  margin: 50px auto 0;
}
.interviewPlofBox {
  padding: 30px;
  margin: 50px 0;
}
.interviewPlofBoxTitle { 
  top: -12px;
  left: 12px;
  font-size: 1.5rem;
}
.interviewPlofName {
  font-size: 1.8rem;
  font-weight: 600;
  margin: 5px 0 10px 0;
}
.interviewPlofText {
  font-size: 1.2rem;
  line-height: 1.8;
}
  
  
  
}