@charset "utf-8";
/* interview css */

/* インタビュー 一覧ページ
-------------------------------------------------- */

.intro_copy {
font-family: "Zen Maru Gothic", sans-serif;
font-weight: 700;
font-size: 2.2rem;
letter-spacing: 0.2em;
color: #fff;
margin-bottom: 30px;
}
.intro_txt {
font-size: 1.6rem;
line-height: 200%;
color: #fff;
font-weight: 500;
margin-bottom: 50px;
}

@media all and (max-width : 1024px ){
.intro_copy {
font-size: 1.8rem;
letter-spacing: 0.15em;
margin-bottom: 20px;
}
.intro_txt {
font-size: 1.4rem;
margin-bottom: 40px;
}
}

@media all and (max-width : 767px ){
.intro_copy {
font-size: 1.4rem;
letter-spacing: 0.1em;
margin-bottom: 20px;
}
.intro_txt {
font-size: 1.2rem;
line-height: 180%;
margin-bottom: 25px;
}
}

.content_box {
width: calc(50% - 60px / 2);
margin-right: 60px;
margin-bottom: 40px;
position: relative;
}
.content_box:nth-child(2) {
margin-right: 0px;
}
.content_box_wrap {
display: flex;
flex-wrap: wrap;
}

@media all and (max-width : 1024px ){
.content_box {
width: calc(50% - 30px / 2);
margin-right: 30px;
margin-bottom: 30px;
}
}

@media all and (max-width : 767px ){
.content_box {
width: 100%;
margin-right: 0px;
margin-bottom: 20px;
}
.content_box_wrap {
display: flex;
flex-direction: column;
padding-top: 0px;
}
}

.content_imgbox {
position: relative;
margin-bottom: 15px;
overflow: hidden;
background: #fff;
border-radius: 10px;
}
.content_imgbox img {
width: 100%;
border-radius: 10px;
transition-duration: 0.7s;	
}
.content_box:hover .content_imgbox img {
transform: scale(1.05);	
transition-duration: 0.7s;	
opacity: 0.8;
}
.content_txt_box dt {
font-family: "Zen Maru Gothic", sans-serif;
font-weight: 700;
font-size: 1.4rem;
color: #FFE34D;
letter-spacing: 0.1em;
line-height: 100%;
margin-bottom: 15px;
}
.content_txt_box dd {
font-size: 2.0rem;
font-family: "Zen Maru Gothic", sans-serif;
font-weight: 700;
letter-spacing: 0.2em;
color: #fff;
line-height: 180%;
}

@media all and (max-width : 1024px ){
.content_txt_box dt {
font-size: 1.4rem;
margin-bottom: 10px;
}
.content_txt_box dd {
font-size: 1.6rem;
letter-spacing: 0.15em;
}
}

@media all and (max-width : 767px ){
.content_txt_box dt {
font-size: 1.2rem;
margin-bottom: 10px;
}
.content_txt_box dd {
font-size: 1.4rem;
letter-spacing: 0.1em;
}
}


/* インタビュー詳細ページ
-------------------------------------------------- */

/*-------------------------------------------------
アンカーボタン
-------------------------------------------------*/

.anchor_btn_wrap {
display: flex;
flex-wrap: wrap;
padding-top: 30px;
margin-bottom: 80px;
}

@media all and (max-width : 1024px ){
.anchor_btn_wrap {
margin-bottom: 50px;
}
}

@media all and (max-width : 768px ){
.anchor_btn_wrap {
margin-bottom: 30px;
}
}

@media all and (max-width : 767px ){
.anchor_btn_wrap {
padding-top: 10px;
margin-bottom: 30px;
}
}

.anchor_btn_wrap .anchor_btn {
width: calc(25% - 90px / 4);
margin-right: 30px;
}
.anchor_btn_wrap .anchor_btn:nth-child(4) {
margin-right: 0px;
}
.anchor_btn_wrap .anchor_btn a {
width: 100%;
position: relative;
display: block;
color: #fff;
border: 1px solid #fff;
border-radius: 50px;
text-align: center;
padding: 1rem 0 2rem 0;
transition: all 0.4s;
}
.anchor_btn_wrap .anchor_btn a:hover {
background: #FFE34D;
color: #333;
border: 1px solid #FFE34D;
transition: all 0.3s;
}
.anchor_btn_wrap .anchor_btn a .anchor_txt {
display: block;
font-family: "Zen Maru Gothic", sans-serif;
font-weight: 700;
font-size: 1.8rem;
letter-spacing: 0.15em;
}

@media all and (max-width : 1024px ){
.anchor_btn_wrap .anchor_btn a .anchor_txt {
font-size: 1.2rem;
}
}

@media all and (max-width : 900px ){
.anchor_btn_wrap .anchor_btn a .anchor_txt {
font-size: 1.2rem;
letter-spacing: 0.05em;
}
}

@media all and (max-width : 820px ){
.anchor_btn_wrap .anchor_btn {
width: calc(25% - 30px / 4);
margin-right: 10px;
}
.anchor_btn_wrap .anchor_btn a .anchor_txt {
font-size: 1.1rem;
}
}

@media all and (max-width : 767px ){
.anchor_btn_wrap .anchor_btn {
width: calc(50% - 10px / 2);
margin-right: 10px;
margin-bottom: 10px;
}
.anchor_btn_wrap .anchor_btn a {
padding: 0.8rem 0 1.5rem 0;
}
.anchor_btn_wrap .anchor_btn:nth-child(2) {
margin-right: 0px;
}
.anchor_btn_wrap .anchor_btn a .anchor_txt {
font-size: 1.0rem;
}
}

.anchor_btn_wrap .anchor_btn a:after {
content: '›';
position: absolute;
bottom: 4px;
left: 50%;
color: #fff;
font-family: "Barlow Condensed", sans-serif;
font-weight: 400;
font-style: normal;
font-size: 2.2rem;
line-height: 0.6;
transform: translate(-50%, 0) rotate(90deg);
transition: all 0.5s;
}

@media all and (max-width : 767px ){
.anchor_btn_wrap .anchor_btn a:after {
bottom: 3px;
font-size: 2.0rem;
}
}

.anchor_btn_wrap .anchor_btn a:hover::after {
color: #333;
bottom: 3px;
transition: all 0.5s;
}
.intro_sec {
position: relative;
margin-bottom: 100px;
}
.intro_imgbox_wrap {
display: flex;
align-items: center;
flex-direction: row-reverse;
}
.intro_imgbox {
width: 59.38vw;
}
.intro_imgbox img {
width: 100%;
border-radius: 15px 0 0 15px;
vertical-align: bottom;
}
.person_textbox {
position: relative;
width: 36.71875vw;
margin-right: -5.73vw;
}

@media all and (max-width : 1024px ){
.person_textbox {
margin-right: 0;
}
}

.title_no {
background: #FFE34D;
color: #333;
font-family: "Quicksand", sans-serif;
font-weight: 500;
font-size: 1.5rem;
letter-spacing: 0.05em;
line-height: 100%;
padding: 8px 10px;
margin-bottom: 12px;
border-radius: 5px;
display: inline-block;
}
.title_inside {
position: relative;
display: inline-block;
z-index: 1;
height: 100%;
margin-bottom: 12px;
}
.title_inside .opc {
position: relative;
display: inline-block;
margin: 0;
padding: 10px 20px;
line-height: 1em;
font-family: "Zen Maru Gothic", sans-serif;
font-weight: 700;
color: #FFF;
font-size: 3.0rem;
letter-spacing: 0.3em;
word-break: keep-all;
}
#sec03 .title_inside .opc {
white-space: nowrap;
}


@media all and (max-width : 1366px ){
.title_inside .opc {
font-size: 2.4rem;
letter-spacing: 0.2em;
}
}

@media all and (max-width : 1024px ){
.title_inside .opc {
font-size: 2.0rem;
letter-spacing: 0.15em;
}
}

.title_inside .bg_pink {
background: #ED99A3;
border-radius: 5px;
}
.title_inside .bg_sax {
background: #70BEE6;
border-radius: 5px;
}
.person_title {
margin-bottom: 40px;
}
.person_info {
color: #fff;
font-weight: 700;
letter-spacing: 0.3em;
}
.person_info dt {
font-size: 2.0rem;
margin-bottom: 15px;
}
.person_info dd {
font-size: 2.6rem;
letter-spacing: 0.2em;
}
.person_info dd span {
font-size: 1.6rem;
}

@media all and (max-width : 1366px ){
.person_info dt {
font-size: 1.8rem;
}
.person_info dd {
font-size: 2.2rem;
}
.person_info dd span {
font-size: 1.4rem;
}
}

@media all and (max-width : 1024px ){
.person_title {
margin-bottom: 20px;
}
.person_info dt {
font-size: 1.6rem;
margin-bottom: 10px;
}
.person_info dd {
font-size: 2.0rem;
}
}

@media all and (max-width : 767px ){
.intro_sec {
margin-bottom: 30px;
}
.intro_imgbox_wrap {
display: flex;
align-items: flex-start;
flex-direction: column;
}
.intro_imgbox {
width: 90%;
margin: 0 auto;
}
.intro_imgbox img {
border-radius: 10px;
}
.person_textbox {
position: relative;
width: 90%;
margin: -15px 0 0 30px;
}
.person_title {
margin-bottom: 5px;
}
.person_info dt {
font-size: 1.4rem;
}
.person_info dd {
font-size: 1.6rem;
}
.person_info dd span {
font-size: 1.2rem;
}
.title_no {
font-size: 1.0rem;
padding: 6px 8px;
margin-bottom: 8px;
}
.title_inside {
margin-bottom: 10px;
}
.title_inside .opc {
margin: 0;
padding: 8px 10px;
font-size: 1.5rem;
letter-spacing: 0.15em;
}
}

/*-------------------------------------------------
interview_inner
-------------------------------------------------*/

.interview_inner {
max-width: 1440px;
margin: 0 auto;
display: flex;
align-items: flex-start;
justify-content: space-between;
height: auto;
padding-bottom: 30px;
border-bottom: solid 1px rgba(255,255,255,0.3);
margin-bottom: 60px;
}

@media all and (max-width : 1440px ){
.interview_inner {
padding: 0 30px 30px;
}
}

.left_box {
width: 51.39%;
}
.faq_title {
font-size: 1.8rem;
font-weight: 700;
letter-spacing: 0.2em;
color: #FFE34D;
padding-left: 30px;
position: relative;
margin-bottom: 25px;
}
.faq_title::before {
content: "";
display: inline-block;
width: 20px;
height: 1px;
background-color: #FFE34D;
position: absolute;
left: 0;
top: 13px;
}
.faq_answer {
color: #fff;
margin-bottom: 60px;
}
.faq_answer dt {
font-size: 2.2rem;
font-weight: 700;
letter-spacing: 0.2em;
margin-bottom: 30px;
}
.faq_answer dd {
font-size: 1.5rem;
letter-spacing: 0.1em;
line-height: 200%;
}
.sticky {
/*padding-bottom: 150px;*/
position: sticky;
top: 0;
width: 40.28%;
}
.st_img img {
border-radius: 15px;
}

@media all and (max-width : 1024px ){
.faq_answer dt {
font-size: 1.8rem;
letter-spacing: 0.1em;
margin-bottom: 25px;
}
.faq_answer dd {
font-size: 1.4rem;
}
}

@media all and (max-width : 767px ){
.interview_inner {
display: flex;
align-items: flex-start;
flex-direction: column;
justify-content: space-between;
height: auto;
padding-bottom: 30px;
margin-bottom: 30px;
}
.left_box {
width: 100%;
}
.faq_title {
font-size: 1.4rem;
letter-spacing: 0.1em;
padding-left: 20px;
margin-bottom: 10px;
}
.faq_title::before {
width: 13px;
top: 11px;
}
.faq_answer {
color: #fff;
margin-bottom: 30px;
}
.faq_answer dt {
font-size: 1.4rem;
letter-spacing: 0.1em;
margin-bottom: 20px;
}
.faq_answer dd {
font-size: 1.3rem;
line-height: 180%;
}
.sticky {
position: static;
top: 0;
width: 90%;
margin: 0 auto;
}
}

.red {
color: red;
}