/* 
 インタビュー用
 */
.interview_outer{
	padding: 0 8rem;
    margin-top: 0px;
	width:75%;
	max-width:1200px;
	margin: 0 auto;
}
.name_block_title{
	margin: 0;
	font-weight: 700;
	font-size: 18px;
	line-height: 1.4;
}
.name_block_text{
	margin: 0;
	font-size: 22px;
	font-weight:700;
	line-height: 1.7;
}

.photo_block{
	position:relative;
	margin-bottom:50px;
}
.blue-gradient-block{
	position:absolute;
    top: 50%;
    left: 55px;
    transform: translate(0, -50%);
}
.photo_block img{
	display:block;
	width:100%;
}

.comment_block{
	display: grid;
	grid-template-columns: 53% 45%;
	gap: 30px;
	align-items: start;
	max-width:1200px;
	margin:0 auto 70px;
	
}
.comment_block.rev {
    grid-template-columns: 45% 53%;
}

.comment_photo{
  width: 100%;
  max-width:550px;
}

.comment_photo img{
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
}
.comment_text{
  box-sizing: border-box;
  background: #fff;
}


.comment_q{
  margin: 0 0 10px;
  font-weight: 700;
  font-size: 20px;
  color: #297fca;
}
.comment_a{
  margin: 0;
  font-size: 16px;
  line-height: 1.7;
  color: #111;
}

.schedule{
	background:#e4eff9;
	padding:8rem;
    text-align: center;
}
.schedule img{
	max-width: 1000px;
    margin: 0 auto;
}

.is-interview  .members_block{
    grid-template-columns: repeat(2, 1fr);
    column-gap: 80px;
    padding: 120px 230px 90px;
	max-width:1200px;
	margin: 0 auto;
}

#page_interview_member_ceo .comment_q{
  text-indent: -1em;
  padding-left: 1em;
}

/* --- レスポンシブ（任意） --- */
@media (min-width: 769px){
	.comment_block.rev .comment_photo {
	  order: 2; /* 右に移動 */
	  justify-self: end; /* 右寄せ */
	}
	.comment_block.rev .comment_text {
	  order: 1; /* 左に移動 */
	}
}
@media (max-width: 768px){
	.interview_outer{
		padding: 0;
		width:auto;
	    margin-top: 0px;
	}
	
	.blue-gradient-block{
	    top: 80%;
	    left: 50%;
	    width: max-content;
	    transform: translate(-50%, -50%);
	}
	.blue-gradient-box{
	    padding: 8px 17px;
	}
	
	.gradblock__box{
		max-width: 100%;
		padding: 16px;
	}
	.name_block_title{ font-size: 14px; }
	.name_block_text { font-size: 16px; }
	
	.comment_block,.comment_block.rev{
		grid-template-columns: 1fr;
		gap: 12px;
		margin-bottom: 20px;
	}
	.comment_text{ padding: 20px 20px 0 20px ; }
	.comment_q{ font-size: 16px; margin-bottom: 8px; }
	.comment_a{ font-size: 14px; line-height: 1.7; }
	
	.schedule{
		padding: 20px;
	}
	
	.is-interview  .members_block{
		margin-top:50px;
	    grid-template-columns: 1fr;
	    column-gap: 20px;
	    padding: 0 20px;
	}
}