/*インタビュー*/
/*インタビュー*/
/*インタビュー*/
h2{height:auto; margin: 0 auto 0;}
h2.title span {
  display: block;
  position: relative;
background-size: 100%; background-repeat: no-repeat;
}

.interviewBlock {padding:30px 40px;}

.read {color: #e50505; font-weight: bold; line-height: 2.0em; padding: 0.5em 0;}

.notes {
    font-size: 0.9em;
    line-height: 1.8em;
}

.ph_cut { border: solid 3px #000;}

@media all and (min-width: 768px) {
	h2.title,
	h2.title span {
    width: 972px;
    height: 300px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
  }
	h2.title span.sp { display: none;}
	
	.interview12 h2.title,
	.interview12 h2.title span { height: 200px;}
	
.read { font-size: 1.1em;}
}

@media all and (max-width: 767px) {
	.low div.wrap {
    margin: 0 2.4% 2.4%;
}
.interviewBlock {padding:0.5em 1em 1em;}


}

@media all and (min-width: 501px)  and (max-width: 767px) {

	h2.title span img{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
  }
	h2.title span { height: 0;
    padding: 30.864% 0 0;
    position: relative;
  }
	h2.title span.sp { display: none;}
	
	.interview12 h2.title span {padding: 20.576% 0 0;}
}

@media all and (max-width: 500px) {
	h2{height:auto;
		margin: 0 auto 0;}
	h2.title span img{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
  }
	h2.title span { height: 0;
    padding: 47.097% 0 0;
    position: relative;
  }
	h2 span.pc { display: none;}
	
	.interview12 h2.title span {padding: 29.551% 0 0;}
	
}