@charset "utf-8";


/*---------------
 キャッチテキスト 
-----------------*/
.catchText{
 margin: 100px 0 120px;
 font-size: 1.4rem;
 line-height: 2.7rem;
 text-align: center;
}




/*---------------
 インタビュー 
-----------------*/
.interviewList{ margin-bottom: 177px;}
.interviewList li{
 display: flex;
 align-items: center;
 position: relative;
}
.interviewList li:not(:last-of-type){ margin-bottom: 160px;}
.interviewList li span.linkMargin{ position: absolute; top: -80px;}/*ページ内リンク用*/
.interviewList li .imgWrap{
 position: relative;
 padding-bottom: 40px;
 width: 50vw;
 min-width: 590px;
 z-index: 1;
 flex-shrink: 0;
}
.interviewList li .imgWrap::after{
 content: "";
 position: absolute;
 width: 160px;
 height: 160px;
 background-color: #00abea;
 z-index: -1;
 bottom: 0;
}
.interviewList li .imgWrap img{
 display: block;
 width: 100%;
 height: auto;
}
.interviewList li .textArea{
 width: 39vw;
 min-width: 500px;
}
.interviewList li .textArea h2{
 font-size: 3rem;
 line-height: 4.6rem;
 margin-bottom: 45px;
 letter-spacing: 0.15em;
 white-space: nowrap;
}
@media (min-width:769px){.interviewList li .textArea h2.shrink{ letter-spacing: 0.08em;}}
.interviewList li .textArea h2 span{ color: #00abea;}
.interviewList li .textArea p{
 font-size: 1.6rem;
 line-height: 3.4rem;
 margin-bottom: 40px;
 text-align: justify;
 text-justify: inter-ideograph;
}
.interviewList li .textArea h3{
 font-size: 2rem;
 text-align: right;
}
.interviewList li .textArea h3 span{
 display: block;
 font-size: 1.2rem;
 font-weight: 300;
 color: #8f8f8f;
 margin-bottom: 10px;
}


/*写真右*/
.interviewList li:nth-of-type(2n+1){ justify-content: flex-end;}
@media (min-width:769px){
  .interviewList li:nth-of-type(2n+1) .imgWrap{
   padding-left: 40px;
   order: 2;
   margin-left: 40px;
  }
}
.interviewList li:nth-of-type(2n+1) .imgWrap::after{ left: 0;}


/*写真左*/
.interviewList li:nth-of-type(2n){ justify-content: flex-start;}
@media (min-width:769px){
  .interviewList li:nth-of-type(2n) .imgWrap{
   padding-right: 40px;
   margin-right: 40px;
  }
}
.interviewList li:nth-of-type(2n) .imgWrap::after{ right: 0;}