@charset "UTF-8";

/* --- メインビジュアル部分 --- */
.mainVisual {
	position: relative;
	z-index: 1;
	background-size: cover;
	background-position: center top;
	background-repeat: no-repeat;
	height: 130vw;
	width:100%;
}
#interview03 .mainVisual {
	height: 141.8666vw;
}
.interview_main_text02{
	position: absolute;
	z-index: 10;
	width: 36.933333vw;
	bottom: 4.666666vw;
	left: 5.333333vw;
}
#interview01 .mainVisual{
	background-image: url(../image/interview01_main_img_sp.jpg);
}
#interview02 .mainVisual{
	background-image: url(../image/interview02_main_img_sp.jpg);
}
#interview03 .mainVisual{
	background-image: url(../image/interview03_main_img_sp.jpg);
}
#interview04 .mainVisual{
	background-image: url(../image/interview04_main_img_sp.jpg);
	background-position: center bottom;
}
#interview05 .mainVisual{
	background-image: url(../image/interview05_main_img_sp.jpg);
}
#interview06 .mainVisual{
	background-image: url(../image/interview06_main_img_sp.jpg);
}
#interview01 .interview_main_text01{
	position: absolute;
	z-index: 10;
	width: 26.5333vw;
	top: 6.2666vw;
	left: 8.4vw;
}
#interview02 .interview_main_text01{
	position: absolute;
	z-index: 10;
	width: 34.9333vw;
	top: 7.2vw;
	left: 8vw;
}
/* #interview03 .interview_main_text01{
	position: absolute;
	z-index: 10;
	width: 34.533vw;
	top: 6.933333vw;
	left: 8.66666vw;
} */
#interview04 .interview_main_text01{
	position: absolute;
	z-index: 10;
	width: 34.533vw;
	top: 6.933333vw;
	left: 8.66666vw;
}
#interview05 .interview_main_text01{
	position: absolute;
	z-index: 10;
	width: 27.4666vw;
	top: 7.2vw;
	right: 7.2vw;
}
#interview06 .interview_main_text01{
	position: absolute;
	z-index: 10;
	width: 26.5333vw;
	top: 7.2vw;
	left: 8.4vw;
}
.scrollBtn {
	position: absolute;
	z-index: 10;
	bottom: 5vw;
	right: 8vw;
	width: 40px;
    -webkit-transition: bottom 1.5s ease-out,opacity .5s;
    transition: bottom 1.5s ease-out,opacity .5s;
}
.scrollBtn.float {
    bottom: 2.666vw;
}
.scrollBtn img {
	width: 100%;
}

@media print, screen and (min-width: 768px) {
	.mainVisual {
		/*height: 530px;*/
		height: 39.2592vw;
	}
	#interview03 .mainVisual {
		height: 44.44444vw;
	}
	.interview_main_text02{
		width: 11.4vw;
		top: 2.592vw;
		right: 12.074vw;
		bottom: unset;
		left: unset;
	}
	#interview02 .interview_main_text02{
		right: 11.85vw;
	}
	#interview05 .interview_main_text02{
		right: unset;
		left: 12vw;
	}
	#interview01 .mainVisual{
		background-image: url(../image/interview01_main_img_pc.jpg);
	}
	#interview02 .mainVisual{
		background-image: url(../image/interview02_main_img_pc.jpg);
	}
	#interview03 .mainVisual{
		background-image: url(../image/interview03_main_img_pc.jpg);
		background-position: center;
	}
	#interview04 .mainVisual{
		background-image: url(../image/interview04_main_img_pc.jpg);
		background-position: center;
	}
	#interview05 .mainVisual{
		background-image: url(../image/interview05_main_img_pc.jpg);
	}
	#interview06 .mainVisual{
		background-image: url(../image/interview06_main_img_pc.jpg);
	}
	#interview01 .interview_main_text01{
		width: 15.4vw;
		top: 2.444vw;
		left: 10.6667vw;
	}
	#interview02 .interview_main_text01{
		width: 20vw;
		top: 2.222vw;
		left: 10.52vw;
	}
	/* #interview03 .interview_main_text01{
		width: 278px;
		top: 2.444vw;
		left: 145px;
	} */
	#interview04 .interview_main_text01{
		width: 20.592vw;
		top: 2.444vw;
		left: 9.692vw;
	}
	#interview05 .interview_main_text01{
		width: 28.222vw;
		top: 2.222vw;
		right: 12vw;
	}
	#interview06 .interview_main_text01{
		width: 15.4vw;
		top: 2.222vw;
		left: 10.6667vw;
	}
	.scrollBtn {
		right: 30px;
	}
	#interview03 .scrollBtn {
		right: unset;
		left: 4.518vw;
		bottom: 0;
	}
	#interview03 .scrollBtn.float {
    	bottom: 2.666vw;
	}
}


/* --- コンテンツ --- */
main{
	padding: 60px 0;
}
h2 img{
	display: block;
	width: 56.4vw;
	margin: 30px auto 0;
}
#interview03 h2 img{
	width: 60.4vw;
}
.interview_text01{
	margin: 35px auto 0;
	width: 89.3333%;
	font-size: 1.3rem;
	line-height: 1.5384;
	text-align: justify;
}
.interview_box01 + .interview_text01{
	margin: 20px auto 0;
}
.interview_box,
.interview_box01,
.interview_box02{
	width: 100%;
	margin: 43px auto 0;
}
.interview_box img,
.interview_box01 img,
.interview_box02 img{
	width: 100%;
}
.interview_text02{
	margin: 47px auto 0;
	width: 89.3333%;
	font-size: 1.3rem;
	line-height: 1.5384;
	text-align: justify;
}
.interview_text03{
	margin: 24px auto 0;
	width: 89.3333%;
	font-size: 1.3rem;
	line-height: 1.5384;
	text-align: justify;
}

.interview_favorite{
	position: relative;
	width: 100%;
	margin: 75px auto 0;
    background-image: url(../../image/top_bg_net.svg);
    background-repeat: repeat;
    background-size: 20px, 20px;
    padding: 33px 35px 40px;
    box-sizing: border-box;
}
.interview_favorite.interview_favorite_pink{
    background-image: url(../../image/top_bg_net_pink.png);
}
.interview_favorite h3 img{
	position: absolute;
	width: 275px;
	top: -23px;
	left: 50%;
	transform: translateX(-50%);
}
.interview_favorite_block img{
	display: block;
	width: 81.2vw;
	margin-left: -3.6vw;
}
.interview_favorite_text span{
	display: block;
	font-size: 1.9rem;
	font-weight: bold;
	line-height: 1;
	margin: 25px auto 0;
	text-align: center;
}
.interview_favorite_text p{
	font-size: 1.3rem;
	line-height: 1.5384;
	margin: 15px auto 0;
	text-align: justify;
}
.interview_favorite_text p.interview_favorite_text_caution{
	font-size: 1.1rem;
	line-height: 1.5454;
	margin: 8px auto 0;
}
.interview_other{
	width: 89.333vw;
	margin: 52px auto 0;
}
.interview_other h3{
	display: block;
	font-size: 1.6rem;
	font-weight: bold;
	line-height: 1;
	text-align: center;
}
.interviewBlock a{
    display: block;
    margin-top: 23px;
    text-decoration: none;
}
.interview_image{
    position: relative;
    width: 100%;
    height: 52vw;
}
.interview_image img{
    position: absolute;
    bottom: 0px;
    right: 0px;
    width: 100%;
    height: 52vw;
    border-radius: 1.866666vw;
}
.interview_image:before{
    content: '';
    position: absolute;
    background-image: url(../../image/top_bg_pink.png);
    background-size: 10px, 10px;
    background-repeat: repeat;
    width: 100%;
    height: 52vw;
    border-radius: 1.866666vw;
    bottom: -7px;
    right: -7px;
    z-index: 0;
}
.interview_image .fa-chevron-right {
    position: absolute;
    right: 8px;
    bottom: 6px;
    color: #000;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1;
    z-index: 5;
}
.interviewBlock_text01{
    display: inline-block;
    margin-top: 16px;
    font-size: 1.2rem;
    color: #FFF;
    line-height: 1;
    text-align: center;
    background-color: #07219B;
    padding: 7px 12px;
    border-radius: 20px;
	white-space: nowrap;
}
.interviewBlock_text01.interviewBlock_text01_sp_wide {
    padding: 7px 4px;
    letter-spacing: -0.14em;
}
.interviewBlock_text02{
    display: block;
    margin-top: 7px;
    font-size: 1.3rem;
    line-height: 1;
    color: #323232;
}
.interviewBlock_text02 > span{
    font-size: 1.1rem;
    vertical-align: 0.1rem;
}

.interview_entryBtn{
    position: relative;
    display: block;
    width: 89.333vw;
    margin: 25px auto 0;
    background-image: url(../../image/top_bg_pink.png);
    background-size: 8px, 8px;
    background-repeat: repeat;
    padding: 23px 24px;
    box-sizing: border-box;
    color: #FFF;
    font-size: 1.4rem;
    font-weight: bold;
    line-height: 1;
    /*text-align: center;*/
    border-radius: 30px;
}
a.interview_entryBtn:link, a.interview_entryBtn:visited {
    color: #FFF;
}
.interview_entryBtn > span {
    display: inline-block;
    font-size: 1.2rem;
    vertical-align: 0.1rem;
    margin-left: -5px;
}
.interview_entryBtn > span:after {
    content: '';
    display: inline-block;
    width: 20px;
    height: 18px;
    background-image: url(../../../common/image/common_icon_window_white.svg);
    background-repeat: no-repeat;
    background-size: contain;
    vertical-align: -0.4rem;
    margin-left: -1px;
}
.interview_entryBtn .fa-chevron-right {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
}

/* 202502追加 新規デザイン（フィールドオペレーション本部） */
.interview_box03{
	width: 89.3333%;
	margin: 37px auto 0;
}
.interview_box03_item{
	border-radius: 10px;
	padding: 16px 4vw;
	background-size: 12px, 12px;
    background-repeat: repeat;
    margin-top: 15px;
    box-sizing: border-box;
}
.interview_box03_item:nth-of-type(1){
	background-image: url(../image/interview_bg_blue.png);
	margin-top: 0px;
}
.interview_box03_item:nth-of-type(2){
	background-image: url(../image/interview_bg_orange.png);
}
.interview_box03_item:nth-of-type(3){
	background-image: url(../image/interview_bg_pink.png);
}
.interview_box03_item_inner{
	display: flex;
	width: 100%;
	justify-content: space-between;
}
.interview_box03_item_prof{
	display: block;
	width: 41.333vw;
	border-radius: 10px;
}
.interview_box03_item_favorite{
	width: 36.533vw;
}
.interview_box03_item p{
	font-size: 1.1rem;
	line-height: 1.5454;
	margin-top: 12px;
	color: #FFF;
}
.interview_text03_caution{
	width: 89.3333%;
    margin: 15px auto 0;
}
.interview_box04{
	width: 89.3333%;
	margin: 44px auto 0;
}
.interview_box04 .interview_box04_float{
	font-size: 1.3rem;
	line-height: 1.5384;
}
.interview_box04 .interview_box04_float + .interview_box04_float{
	margin: 36px auto 0;
}
.interview_box04_float_inner{
	display: block;
	margin-top: -2px;
}
.interview_box04_float_inner .text_blue{
	color: #3678C5;
}
.interview_box04_float_inner .text_orange{
	color: #F99954;
}
.interview_box04_float_inner .text_pink{
	color: #F28EB0;
}
.interview_box04 .interview_box04_float .interview_icon{
	display: block;
	width: 52px;
	margin-right: 10px;
	padding-top: 3px;
	float: left;
}
.interview_box04 .interview_box04_float:after{
	content: "";
	clear: both;
}
.interview_box04_wide{
	display: block;
	width: 100%;
	margin:44px auto 0 ;
}


@media print, screen and (min-width: 768px) {
	main{
		padding: 95px 0 70px;
		margin: 0 auto;
	}
	h2 img,
	#interview03 h2 img{
		width: 297px;
		margin: 52px auto 0;
	}
	.interview_box01 + .interview_text01,
	.interview_text01{
		margin: 43px auto 0;
		width: 1024px;
		font-size: 1.6rem;
		line-height: 1.625;
	}
	.interview_box,
	.interview_box01,
	.interview_box02{
		position: relative;
		width: 1024px;
		height: 1008px;
		margin: 70px auto 0;
	}
	#interview03 .interview_box02{
		height: 965px;
	}
	.interview_box img,
	.interview_box01 img,
	.interview_box02 img{
		position: absolute;
		width: 939px;
		top: 0;
		right: -84px;
	}
	#interview03 .interview_box01 img {
		width: 926px;
		right: unset;
		left: -81px;
	}
	.interview_text02{
		position: absolute;
		top: 378px;
		background-color: #FFF;
		margin: 0;
		padding: 5px 9px 5px 0;
		width: 509px;
		font-size: 1.6rem;
		line-height: 1.625;
		z-index: 5;
	}
	#interview03 .interview_box01 .interview_text02 {
		right: 0;
		padding: 5px 0px 5px 7px;
		width: 493px;
	}
	#interview03 .interview_box02 .interview_text02 {
		left: 0;
		padding: 5px 9px 5px 0px;
	}
	#interview04 .interview_box {
		height: 986px;
	}
	#interview05 .interview_box {
		height: 890px;
	}
	#interview06 .interview_box {
		height: 800px;
	}
	.interview_text03{
		margin: 43px auto 0;
		width: 1024px;
		font-size: 1.6rem;
		line-height: 1.625;
	}
	.interview_favorite{
		position: relative;
		width: 1024px;
		margin: 130px auto 0;
	    background-size: 30px, 30px;
	    padding: 50px 0 20px;
		border-radius: 30px;
	}
	.interview_favorite_block{
		width: 780px;
		margin: 0 auto;
		display: flex;
		justify-content: space-between;
	}
	.interview_favorite h3 img{
		width: 342px;
		top: -31px;
	}
	.interview_favorite_block img{
		display: block;
		width: 325px;
		margin-left: 0;
	}
	.interview_favorite_text{
		width: 400px;
	}
	.interview_favorite_text span{
		font-size: 1.8rem;
		margin: 20px 0 0 0;
		text-align: left;
	}
	.interview_favorite_text p{
		font-size: 1.6rem;
		line-height: 1.625;
		margin: 15px 0 0 0;
	}
	.interview_favorite_text p.interview_favorite_text_caution{
		font-size: 1.2rem;
		line-height: 1.6666;
		margin: 12px auto 0;
	}
	.interview_other{
		width: 1024px;
		margin: 73px auto 0;
	}
	.interview_other h3{
		font-size: 2.2rem;
	}

    .interviewBlock{
        margin-top: 40px;
        display: flex;
        justify-content: center;
		flex-wrap: wrap;
		gap: 54px 63px;
        /* justify-content: center; */
    }
    .interviewBlock a{
        margin-top: 0px;
        transition: 0.5s;
        width: 299px;
    }
    .interviewBlock a:hover{
        opacity: 0.4;
    }
    .interview_image{
        position: relative;
        width: 294px;
        height: 171px;
    }
    .interview_image img{
        width: 294px;
        height: 171px;
        border-radius: 10px;
    }
    .interview_image:before{
        width: 294px;
        height: 171px;
        border-radius: 10px;
    	bottom: -5px;
    	right: -5px;
        background-size: 15px, 15px;
    }
    .interview_image .fa-chevron-right {
        position: absolute;
        right: 13px;
        bottom: 10px;
        font-size: 1.8rem;
    }
    .interviewBlock_text01{
        margin-top: 18px;
        font-size: 1.4rem;
        padding: 6px 15px;
        letter-spacing: 0em;
        border-radius: 26px;
        width: 100%;
    	box-sizing: border-box;
    }
	.interviewBlock_text01.interviewBlock_text01_sp_wide {
		padding: 6px 15px;
    	letter-spacing: 0em;
    	line-height: 1.142;
	}
    .interviewBlock_text02{
        display: block;
        margin-top: 9px;
        font-size: 1.6rem;
        line-height: 1;
        color: #323232;
        text-align: center;
    }
    .interviewBlock_text02 > span{
        font-size: 1.2rem;
        vertical-align: 0.2rem;
    }

	.interview_entryBtn {
	    display: block;
	    width: 324px;
	    margin: 40px auto 0;
	    background-size: 15px, 15px;
	    padding: 34px 0 34px 44px;;
	    font-size: 1.8rem;
	    border-radius: 42px;
	    transition: 0.5s;
	}
	.interview_entryBtn:hover {
	    text-decoration: none;
	    opacity: 0.4;
	}
	.interview_entryBtn > span {
	    font-size: 1.4rem;
	    vertical-align: 0.2rem;
	    margin-left: -5px;
	}
	.interview_entryBtn .fa-chevron-right {
	    right: 18px;
	}

	/* 202502追加 新規デザイン（フィールドオペレーション本部） */
	.interview_box03{
		width: 1024px;
		margin: 65px auto 0;
		display: flex;
		justify-content: space-between;
	}
	.interview_box03_item{
		width: 322px;
		border-radius: 10px;
		padding: 15px 12px;
		background-size: 12px, 12px;
	    background-repeat: repeat;
	    margin-top: 0px;
	}
	.interview_box03_item_prof{
		width: 149px;
	}
	.interview_box03_item_favorite{
		width: 132px;
	}
	.interview_box03_item p{
		font-size: 1.1rem;
		line-height: 1.5454;
		margin-top: 12px;
		color: #FFF;
	}
	.interview_text03_caution{
		width: 1024px;
	}

	.interview_box04{
		width: 1024px;
		margin: 69px auto 0;
	}
	.interview_box04 .interview_box04_float{
		font-size: 1.6rem;
		line-height: 1.625;
	}
	.interview_box04 .interview_box04_float + .interview_box04_float{
		margin: 46px auto 0;
	}
	.interview_box04 .interview_box04_float_short + .interview_box04_float{
		margin: 70px auto 0;
	}
	.interview_box04 .interview_box04_float .interview_icon{
		width: 68px;
	}
	.interview_box04_wide{
		width: 1024px;
		margin:65px auto 0 ;
	}

}