@charset "UTF-8";


/***************************************************

	interview

***************************************************/


.interview_wrapp{
	padding: 200px 0 114px;
	overflow: hidden;
}

.interview_wrapp h1{
	width: 328px;
	margin: 0 auto 40px;
}

.interview_wrapp .main_caption{
	font-size: 27px;
	font-weight: 500;
	color: #4d4d4d;
	line-height: 1.8;
	text-align: center;
	margin-bottom: 135px;
}

.interview_wrapp .int_head{
	width: 1400px;
	margin: 0 auto 94px;
	display: flex;
	flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-end;
    align-items: center;
    position: relative;
}

.interview_wrapp .int_head .text_box{
	width: 374px;
	background: #fff;
	border: 1px solid var(--color2);
	border-radius: 40px;
	padding: 40px 0 23px;
	box-sizing: border-box;
	text-align: center;
	line-height: 1;
	color: var(--color2);
	position: absolute;
    top: -43px;
    left: 167px;
    z-index: 2;
}

.interview_wrapp .int_head .text_box::after{
	content: '';
	display: inline-block;
	width: 98px;
	height: 117px;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: contain;
	background-image: url('../images/recruit/interview/int_head_icon.png');
	position: absolute;
    bottom: -107px;
    left: 53px;
}

.interview_wrapp .int_head .text_box .title{
	font-size: 22px;
	font-weight: 500;
	letter-spacing: 0.2em;
	margin-bottom: 18px;
}

.interview_wrapp .int_head .text_box .num{
	font-size: 100px;
	font-weight: 500;
	letter-spacing: 0.05em;
	margin-bottom: 28px;
}

.interview_wrapp .int_head .text_box .flex{
	display: flex;
	flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
}

.interview_wrapp .int_head .text_box .flex .name{
	font-size: 26px;
	font-weight: 500;
	letter-spacing: 0.15em;
	padding-right: 34px;
	line-height: 60px;
	border-right: 1px solid var(--color2);
}

.interview_wrapp .int_head .text_box .flex .year{
	font-size: 14px;
	letter-spacing: 0.04em;
	padding-left: 34px;
}


.interview_wrapp .int_head .image_box{
	width: 1188px;
	border-radius: 75px;
	overflow: hidden;
    position: relative;
    right: -75px;
}


.int_cont{
	width: 1400px;
	margin: 0 auto;
	counter-reset: dt_num 0;
}

.int_cont ul li{
	display: flex;
	flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 45px;
}

.int_cont ul li:first-child{
	align-items: center;
}

.int_cont ul li:last-child{
	align-items: center;
    margin-bottom: 0;
}


.int_cont ul li:nth-child(even){
	flex-direction: row-reverse;
    align-items: flex-start;
}

.int_cont ul li .image_box{
	width: 580px;
	position: relative;
}

.int_cont ul li:nth-child(1) .image_box::after{
	content: '';
	display: inline-block;
	width: 239px;
	height: 186px;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: contain;
	background-image: url('../images/recruit/interview/int_cont_icon01.png');
	position: absolute;
    bottom: -100px;
    right: 8px;
}

.int_cont ul li:nth-child(3) .image_box::after{
	content: '';
	display: inline-block;
	width: 123px;
	height: 152px;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: contain;
	background-image: url('../images/recruit/interview/int_cont_icon02.png');
	position: absolute;
    bottom: -130px;
    right: 243px;
}

.int_cont ul li .image_box .image_wrapp{
	width: 580px;
	border-radius: 30px;
	overflow: hidden;
	position: relative;
	left: -30px;
}

.int_cont ul li:nth-child(even) .image_box .image_wrapp{
	left: unset;
	right: -30px;
}

.int_cont ul li .text_box{
	width: 555px;
	margin: 0 0 0 60px;
	box-sizing: border-box;
}

.int_cont ul li:nth-child(even) .text_box{
	margin: 0 60px 0 0;
}

.int_cont ul li .text_box dl dt{
	font-size: 18px;
	color: var(--color2);
	font-weight: 700;
	letter-spacing: 0.05em;
	line-height: 1.8;
	margin-bottom: 20px;
	position: relative;
}

.int_cont ul li .text_box dl dt::before{
	counter-increment: dt_num 1;
	content: 'Q' counter(dt_num) '.';
	display: inline-block;
	font-family: "Oswald", sans-serif;
	font-size: 28px;
	letter-spacing: 0.05em;
    position: absolute;
    top: -12px;
    left: -44px;
}


.int_cont ul li .text_box dl dd{
	font-size: 16px;
	font-weight: 500;
	line-height: 1.8;
	letter-spacing: 0.05em;
	margin-bottom: 45px;
	position: relative;
}

.int_cont ul li .text_box dl dd::before{
	content: 'A.';
	display: inline-block;
	font-family: "Oswald", sans-serif;
	font-size: 28px;
	letter-spacing: 0.05em;
    position: absolute;
	top: -14px;
    left: -27px;
}





/********************************************************************************
	リッキド用 CSS
********************************************************************************/

@media(max-width:1400px){

.interview_wrapp .int_head{
	width: 100%;
	margin: 0 auto 6.714286vw;
}

.interview_wrapp .int_head .text_box{
	width: 26.714286vw;
	border-radius: 2.857143vw;
	padding: 2.857143vw 0 1.642857vw;
    top: -3.071429vw;
    left: 11.928571vw;
}

.interview_wrapp .int_head .text_box::after{
	width: 7vw;
	height: 8.357143vw;
    bottom: -7.642857vw;
    left: 3.785714vw;
}

.interview_wrapp .int_head .text_box .title{
	font-size: 1.571429vw;
	margin-bottom: 1.285714vw;
}

.interview_wrapp .int_head .text_box .num{
	font-size: 7.142857vw;
	margin-bottom: 2vw;
}

.interview_wrapp .int_head .text_box .flex .name{
	font-size: 1.857143vw;
	padding-right: 2.428571vw;
	line-height: 4.285714vw;
}

.interview_wrapp .int_head .text_box .flex .year{
	font-size: 1vw;
	padding-left: 2.428571vw;
}


.interview_wrapp .int_head .image_box{
	width: 84.857143vw;
	border-radius: 5.357143vw;
    right: -5.357143vw;
}



.int_cont{
	width: 100%;
}

.int_cont ul li{
    margin-bottom: 3.214286vw;
}

.int_cont ul li .image_box{
	width: 41.428571vw;
}

.int_cont ul li:nth-child(1) .image_box::after{
	width: 17.071429vw;
	height: 13.285714vw;
    bottom: -7.142857vw;
    right: 0.571429vw;
}

.int_cont ul li:nth-child(3) .image_box::after{
	width: 8.785714vw;
	height: 10.857143vw;
    bottom: -9.285714vw;
    right: 17.357143vw;
}

.int_cont ul li .image_box .image_wrapp{
	width: 41.428571vw;
	border-radius: 2.142857vw;
	left: -2.142857vw;
}

.int_cont ul li:nth-child(even) .image_box .image_wrapp{
	right: -2.142857vw;
}

.int_cont ul li .text_box{
	width: 39.642857vw;
	margin: 0 0 0 4.285714vw;
}

.int_cont ul li:nth-child(even) .text_box{
	margin: 0 4.285714vw 0 0;
}

.int_cont ul li .text_box dl dt{
	font-size: 1.285714vw;
	margin-bottom: 1.428571vw;
}

.int_cont ul li .text_box dl dt::before{
	font-size: 2vw;
    top: -0.857143vw;
    left: -3.142857vw;
}


.int_cont ul li .text_box dl dd{
	font-size: 1.142857vw;
	margin-bottom: 3.214286vw;
}

.int_cont ul li .text_box dl dd::before{
	font-size: 2vw;
	top: -1vw;
    left: -1.928571vw;
}





}

@media(max-width:1300px){

.interview_wrapp{
	padding: 15.384615vw 0 8.769231vw;
}

.interview_wrapp h1{
	width: 25.230769vw;
	margin: 0 auto 3.076923vw;
}

.interview_wrapp .main_caption{
	font-size: 2.076923vw;
	margin-bottom: 10.384615vw;
}





}




/********************************************************************************
	スマートフォン用 CSS
********************************************************************************/

@media(max-width:430px){

.interview_wrapp{
	padding: 21.333333vw 0 16vw;
}

.interview_wrapp h1{
	width: 41.866667vw;
	margin: 0 auto 8vw;
}

.interview_wrapp .main_caption{
	font-size: 4.266667vw;
	margin-bottom: 41.333333vw;
}

.interview_wrapp .int_head{
	width: auto;
	margin: 0 auto 10.666667vw;
}

.interview_wrapp .int_head .text_box{
	width: 56vw;
	border-radius: 5.333333vw;
	padding: 4.8vw 0;
    top: -32.8vw;
    left: 5.333333vw;
}

.interview_wrapp .int_head .text_box::after{
	width: 15.466667vw;
	height: 18.4vw;
    bottom: -16vw;
    left: 2.4vw;
}

.interview_wrapp .int_head .text_box .title{
	font-size: 3.733333vw;
	margin-bottom: 3.733333vw;
}

.interview_wrapp .int_head .text_box .num{
	font-size: 10.666667vw;
	margin-bottom: 4.8vw;
}

.interview_wrapp .int_head .text_box .flex .name{
	font-size: 4.266667vw;
	padding-right: 3.2vw;
	line-height: 5.866667vw;
}

.interview_wrapp .int_head .text_box .flex .year{
	font-size: 3.2vw;
	padding-left: 3.2vw;
}


.interview_wrapp .int_head .image_box{
	width: 92vw;
	border-radius: 6.666667vw;
    right: -6.666667vw;
}


.int_cont{
	width: auto;
	margin: 0 5.333333vw;
}

.int_cont ul li{
	display: block;
    margin-bottom: 10.666667vw;
}

.int_cont ul li .image_box{
	width: auto;
	margin: 0 auto 5.333333vw;
}

.int_cont ul li:nth-child(1) .image_box::after{
	width: 34.666667vw;
	height: 26.933333vw;
    bottom: -4.8vw;
    right: 2.133333vw;
}

.int_cont ul li:nth-child(3) .image_box::after{
	width: 19.466667vw;
	height: 24vw;
	bottom: -5.066667vw;
	right: unset;
	left: 5.333333vw;
}

.int_cont ul li .image_box .image_wrapp{
	width: auto;
	border-radius: 4.266667vw;
	left: 0;
}

.int_cont ul li:nth-child(even) .image_box .image_wrapp{
	left: unset;
	right: 0;
}

.int_cont ul li .text_box{
	width: auto;
	margin: 0;
	padding-left: 10.666667vw;
}

.int_cont ul li:nth-child(even) .text_box{
	margin: 0;
}

.int_cont ul li .text_box dl dt{
	font-size: 4.266667vw;
	margin-bottom: 4.266667vw;
}

.int_cont ul li .text_box dl dt::before{
	font-size: 5.866667vw;
    top: -1.6vw;
    left: -9.6vw;
}


.int_cont ul li .text_box dl dd{
	font-size: 4.266667vw;
	margin-bottom: 12vw;
}

.int_cont ul li .text_box dl dd::before{
	font-size: 5.866667vw;
	top: -2.133333vw;
    left: -5.866667vw;
}







}