@charset "UTF-8";

#interview section{padding-bottom: 0;}
#interview section:nth-of-type(even){background: none;padding-bottom: 0;}

.layer_rich_main{background: url(../img/main_img_pc.webp) no-repeat center center;}
.layer_rich_main .cap_c{right: 100px;left: 0;margin: 0 auto;width: 615px;text-align: left;}

@media screen and (max-width: 950px) {
.layer_rich_main .cap_c{right: 5%;width: 70%;}
}

#future_main{padding-top: 80px;overflow: hidden;}
#future_main figure{text-align: right;animation-name: fadeIn;}
.future_copy{position: absolute;left: 20px;top: 5%;z-index: 1;}
.future_main_title01{width: 320px;animation-name: fadeInLeft_s;}
.future_main_copy{width: 388px;margin-top: 10px;animation-name: fadeInLeft_s;}
.future_copy p{font-size: 18px;margin: 15px 0 0 10px;animation-name: fadeInLeft_s;}
.future_main_title02{width: 675px;margin-top: 20px;animation-name: fadeInLeft_s;}

.interview_top{padding-top: 40px;animation-name: fadeInUp;}
.interview_top h4{background: #649687;color: #fff;text-align: center;line-height: 1;padding: 7px;font-size: 24px;}
.interview_top h4 + p{line-height: 1.8;text-align: center;margin-top: 25px;}
.interview_member{margin: 0 auto 0;max-width: 950px;display: flex;align-items: flex-end;justify-content: space-between;flex-wrap: wrap;}
.interview_member > *{display: flex;align-items: flex-end;margin-top: 30px;}
.interview_member p{font-size: 14px;margin-left: 30px;}
.interview_member p big{font-size: 1.14em;}

.interview_tit{height: 60px;display: flex;align-items: center;}
.interview_tit span{padding-left: 20px;letter-spacing: 0.05em;font-size: 24px;}
.interview_tit::before{content: "";width: 60px;height: 60px;display: inline-block;background-position: center bottom;background-size: contain;background-repeat: no-repeat;}
.interview_tit::after{content: "";width: calc(100% - 55px);height: 1px;display: block;position: absolute;left: 55px;bottom: 0;background: #333;}
.interview_tit + *{margin-top: 25px;}

.interview_tit_s{font-size: 18px;font-weight: 600;margin-top: 25px;letter-spacing: 0.05em;}
.interview_tit_s + p{margin-top: 7px!important;line-height: 1.8;}

.arrow_tit{text-align: center;}
.arrow_tit span{display: inline-block;font-size: 18px;font-weight: 600;letter-spacing: 0.05em;height: 35px;width: 450px;}
.arrow_tit span::before{content: "";width: 100%;height: 1px;display: block;position: absolute;left: 0;bottom: 0;background: #333;}
.arrow_tit span::after{content: "";width: 31px;height: 11px;display: block;position: absolute;right: -31px;bottom: 0;background: url("../img/arrow.png") no-repeat center center/contain;}

#interview01{}
#interview01 .interview_tit::before{background-image: url("../img/interview01_tit.svg");}
#interview01 .interview_tit i{display: inline-block;}
#interview01 .interview_tit i::before{content: "";width: 70px;height: 20px;background: url("../img/zawazawa.svg") no-repeat center bottom/contain;position: absolute;left: 0;top: -20px;}
.interview01_img01{float: left;margin: 30px 30px 0 0;}
.interview_tit_s.icon01::after{content: "";width: 50px;height: 50px;background: url("../img/interview01_i01.svg") no-repeat right center/contain;position: absolute;top: -20px;}
.sakaidake{background: url("../img/sakaidake_bk01.svg") no-repeat right 7% top 2%/330px #efefef;margin-top: 50px;animation-name: fadeInUp;clear: both;}
.sakaidake::before{content: "";width: 10px;height: 10px;border-radius: 50%;background: #000;position: absolute;left: 11px;top: 11px;}
.sakaidake::after{content: "";width: 10px;height: 10px;border-radius: 50%;background: #000;position: absolute;right: 11px;top: 11px;}
.sakaidake_wrap{background: url("../img/sakaidake_bk02.svg") no-repeat left 9% top 70%/72px;padding: 10px 35px 50px;}
.sakaidake_wrap::before{content: "";width: 10px;height: 10px;border-radius: 50%;background: #000;position: absolute;left: 11px;bottom: 11px;}
.sakaidake_wrap::after{content: "";width: 10px;height: 10px;border-radius: 50%;background: #000;position: absolute;right: 11px;bottom: 11px;}
.sakaidake_tit{width: 297px;}
.sakaidake_wrap .arrow_tit{margin-top: 30px;}
.sakaidake_wrap .arrow_tit + ul{display: flex;justify-content: space-around;margin-top: 30px;text-align: center;}
.sakaidake_wrap .arrow_tit + ul li:nth-of-type(2){margin-left: 10px;}
.sakaidake_wrap .arrow_tit + ul h5{font-size: 18px;font-weight: 600;display: inline-block;padding: 5px 30px;border-radius: 12px;background: #f4c57d;}
.sakaidake_wrap .arrow_tit + ul h5 + p{line-height: 1.8;margin-top: 15px;}

#interview02{}
#interview02 .interview_tit::before{background-image: url("../img/interview02_tit.svg");}
#interview02 .interview_tit span::after{content: "";width: 64px;height: 80px;background: url("../img/interview02_i01.svg") no-repeat right bottom/contain;position: absolute;top: -40px;}
.interview02_img01{float: right;margin: 30px 0 1em 30px;}
#interview02 .interview_tit_s ~ p{line-height: 1.8;}
#interview02 .interview_tit_s ~ p:nth-of-type(n+2){margin-top: 1em;line-height: 1.8;}
#interview02 .interview_tit_s ~ p:nth-of-type(2){clear: both;}
.platform{background: #efefef;padding: 30px;margin-top: 50px;display: grid;grid-template-columns: 65.3% 31.2%;grid-column-gap: 3.5%;grid-template-rows: max-content max-content 1fr;animation-name: fadeInUp;}
.platform > figure{grid-row: 1/4;grid-column: 2/3;}
.platform > figure figcaption{font-size: 13px;margin-top: 5px;}
.platform_tit{width: 94%;}
#interview02 .arrow_tit{margin-top: 50px;}
#interview02 .arrow_tit + figure{margin-top: 15px;}
#interview02 .arrow_tit + figure figcaption{font-size: 13px;margin-top: 5px;text-align: right;}

#interview03 .interview_tit::before{background-image: url("../img/interview03_tit.svg");}
#interview03 .interview_tit + p{line-height: 1.8;}
.interview03_img01{float: right;margin: 10px 0 1em 30px;display: inline-block;}
.interview03_img02{float: left;margin: 1em 30px 1em 0;display: inline-block;}
#interview03 figure + p{margin-top: 7px;line-height: 1.8;}
.suumo_bn{margin-top: 80px;display: block;}
a.suumo_bn:hover{opacity:0.6;}


@media screen and (max-width: 768px) {
.layer_rich_main{background: url(../img/main_img_sp.webp) no-repeat center center/contain;}
.layer_rich_main .cap_c{right: 5%;width: 50%;}

#future_main{padding-top: 40px;}
.future_main_area{width: 100vw;margin: 0 -20px;}
.future_main_area figure{}
.future_main_area figure img{width: 55%;}
.future_copy{left: 3vw;top: 0;width: 100%;}
.future_main_title01{width: 40%;}
.future_main_copy{width: 44%;margin-top: 2vw;}
.future_copy p{font-size: 3vw;margin: 2vw 0 0 0;text-align: center;display: inline-block;}
.future_main_title02{width: 70%;margin-top: 4vw;}

.interview_top{padding-top: 17vw;}
.interview_top h4{padding: 7px;font-size: 17px;}
.interview_top h4 + p{margin-top: 15px;}
.interview_top h4 + p span{display: inline-block;}
.interview_top h4 + p span.m_h{margin-right: 0.5em;}
.interview_member{}
.interview_member > *{display: flex;align-items: flex-end;margin-top: 20px;}
.interview_member figure{width: 100px;}
.interview_member p{font-size: 12px;margin-left: 10px;}

.interview_tit{height: 45px;}
.interview_tit span{padding-left: 10px;font-size: 17px;line-height: 1.2;}
.interview_tit::before{width: 45px;height: 45px;}
.interview_tit::after{width: calc(100% - 40px);left: 40px;}
.interview_tit + *{margin-top: 15px;}

.interview_tit_s{font-size: 15px;margin-top: 15px;}
.interview_tit_s + p{margin-top: 5px!important;line-height: 1.8;}

.arrow_tit{text-align: left;}
.arrow_tit span{font-size: 15px;height: 30px;width: calc(100% - 25px);text-align: center;}
.arrow_tit span::before{}
.arrow_tit span::after{width: 25px;height: 10px;right: -25px;}

#interview01{}
#interview01 .interview_tit i::before{width: 45px;height: 15px;top: -15px;}
.interview01_img01{float: left;margin: 1em 10px 0 0;width: 50%;}
.interview_tit_s.icon01::after{width: 30px;height: 30px;top: 20px;}
.sakaidake{background: url("../img/sakaidake_bk01.svg") no-repeat right 7% top 14%/40% #efefef;margin-top: 30px;}
.sakaidake::before{width: 7px;height: 7px;left: 6px;top: 6px;}
.sakaidake::after{width: 7px;height: 7px;right: 6px;top: 6px;}
.sakaidake_wrap{background: url("../img/sakaidake_bk02.svg") no-repeat right 3% top 58%/15%;padding: 15px;}
.sakaidake_wrap::before{width: 7px;height: 7px;left: 6px;bottom: 6px;}
.sakaidake_wrap::after{width: 7px;height: 7px;right: 6px;bottom: 6px;}
.sakaidake_tit{width: 100%;text-align: center}
.sakaidake_tit img{width: 80%;}
.sakaidake_wrap .arrow_tit{margin-top: 30px;}
.sakaidake_wrap .arrow_tit + ul{display: flex;justify-content: space-around;margin-top: 15px;text-align: center;}
.sakaidake_wrap .arrow_tit + ul li:nth-of-type(2){margin-left: 10px;}
.sakaidake_wrap .arrow_tit + ul h5{font-size: 14px;padding: 3px 10px;border-radius: 8px;}
.sakaidake_wrap .arrow_tit + ul h5 + p{line-height: 1.8;margin-top: 10px;text-align: left;}

#interview02{}
#interview02 .interview_tit::after{width: calc(100% - 45px);left: 45px;}
#interview02 .interview_tit span::after{width: 50px;height: 60px;background: url("../img/interview02_i01.svg") no-repeat right bottom/contain;top: -20px;}
.interview02_img01{float: right;margin: 20px 0 3px 10px;width: 50%;}
#interview02 .interview_tit_s ~ p:nth-of-type(n+2){margin-top: 1em;}
.platform{padding: 15px;margin-top: 30px;display: block;}
.platform > figure{max-width: 300px;margin: 10px auto 0;}
.platform > figure figcaption{font-size: 11px;margin-top: 3px;}
.platform_tit{width: 100%;}
#interview02 .arrow_tit{margin-top: 30px;}
#interview02 .arrow_tit + figure{margin-top: 10px;}
#interview02 .arrow_tit + figure figcaption{font-size: 11px;margin-top: 3px;}

#interview03 .interview_tit::after{width: calc(100% - 45px);left: 45px;}
.interview03_img01{float: right;margin: 10px 0 3px 10px;display: inline-block;width: 50%;}
.interview03_img02{float: left;margin: 1em 10px 3px 0;display: inline-block;width: 50%;}
#interview03 figure + p{margin-top: 7px;line-height: 1.8;}
.suumo_bn{margin-top: 40px;}

}