@charset "utf-8";
.naitei_h2{
	font-size: 3rem;
	letter-spacing: 1.5px;
	line-height: 4.4rem;
	padding: 0;
	display: flex;
	justify-content: center;
	margin-bottom: 40px;
}
.naitei_h2::before, .naitei_h2::after{display: none;}
.naitei_h2 span{
	position: relative;
	padding-left: 60px;
}
.naitei_h2 span::before{
	content: '';
	position: absolute;
	width: 50px;
	height: 50px;
	background: url(/recruit-newgrads/wp-content/uploads/sites/2/icon_voice.svg) no-repeat left center/cover;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
}
.naitei_col{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 21px;
	margin-bottom: 50px;
}
.naitei_col_item{
	margin: 0;
	padding-left: 106px;
	position: relative;
}
.naitei_col_item:nth-child(2n){
	flex-direction: row-reverse;
}
.naitei_col_item:nth-child(2n){
	padding-left: 0;
	padding-right: 106px;
 }
.naitei_col_item::before{
	content: '';
	background: var(--icon) no-repeat center/cover;
	width: 80px;
	height: 80px;
	position: absolute;
	left: 0;
	bottom: 0;
	top: 0;
	margin: auto;
}
.naitei_col_item:nth-child(2n)::before{
	left: auto;
	right: 0;
}
.naitei_col_item:nth-child(10n + 1){--icon:url(/recruit-newgrads/img/naitei-questionnaire/icon_1.svg)}
.naitei_col_item:nth-child(10n + 2){--icon:url(/recruit-newgrads/img/naitei-questionnaire/icon_2.svg)}
.naitei_col_item:nth-child(10n + 3){--icon:url(/recruit-newgrads/img/naitei-questionnaire/icon_3.svg)}
.naitei_col_item:nth-child(10n + 4){--icon:url(/recruit-newgrads/img/naitei-questionnaire/icon_4.svg)}
.naitei_col_item:nth-child(10n + 5){--icon:url(/recruit-newgrads/img/naitei-questionnaire/icon_5.svg)}
.naitei_col_item:nth-child(10n + 6){--icon:url(/recruit-newgrads/img/naitei-questionnaire/icon_6.svg)}
.naitei_col_item:nth-child(10n + 7){--icon:url(/recruit-newgrads/img/naitei-questionnaire/icon_7.svg)}
.naitei_col_item:nth-child(10n + 8){--icon:url(/recruit-newgrads/img/naitei-questionnaire/icon_8.svg)}
.naitei_col_item:nth-child(10n + 9){--icon:url(/recruit-newgrads/img/naitei-questionnaire/icon_9.svg)}
.naitei_col_item:nth-child(10n + 10){--icon:url(/recruit-newgrads/img/naitei-questionnaire/icon_10.svg)}
.naitei_col_item p{
	padding: 18px 23px;
	border-radius: 10px;
	background: #D8F4E0;
	margin: 0;
	display: flex;
	width: 100%;
	height: 100%;
	align-items: center;
	position: relative;
	font-weight: 500;
	font-size: 1.5rem;
	letter-spacing: 1.5px;
	line-height: 2.4rem;
}
.naitei_col_item:nth-child(4n-3) p,
.naitei_col_item:nth-child(4n) p{
	background: #E7F9D5;
}
.naitei_col_item p::before{
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 13px;
	height: 24px;
	background: url(/recruit-newgrads/img/naitei-questionnaire/pic_fukidashi_dg-l.svg);
	background-size: contain;
	left: -12px;
}
.naitei_col_item:nth-child(2n) p::before{
	left: auto;
	right: -12px;
	background: url(/recruit-newgrads/img/naitei-questionnaire/pic_fukidashi_dg-r.svg);
	background-size: contain;
}
.naitei_col_item:nth-child(4n-3) p::before{
	background: url(/recruit-newgrads/img/naitei-questionnaire/pic_fukidashi_yg-l.svg);
	background-size: contain;
}
.naitei_col_item:nth-child(4n) p::before{
	background: url(/recruit-newgrads/img/naitei-questionnaire/pic_fukidashi_yg-r.svg);
	background-size: contain;
}
.naitei_bg{
	padding: 1px 0 60px;
	position: relative;
	margin-top: 90px;
}
.naitei_bg::before {
	position: absolute;
	content: '';
	width: var(--vw-100);
	height: 100%;
	background: #F0F7E9;
	top: 0;
	left: calc(50% - var(--vw-50));
	z-index: -1;
}
.naitei_bg .naitei_col_item p{background: #fff !important;}
.naitei_bg .naitei_col_item p::before{
	background: url(/recruit-newgrads/img/naitei-questionnaire/pic_fukidashi_white-l.svg);
	background-size: contain;
}
.naitei_bg .naitei_col_item:nth-child(2n) p::before{
	background: url(/recruit-newgrads/img/naitei-questionnaire/pic_fukidashi_white-r.svg);
	background-size: contain;
}
.note_txt{
	margin: 50px 0 30px;
	font-weight: 500;
	position: relative;
	padding: 28px 30px;
	background: #C5F66B;
	border-radius: 10px;
}
.note_txt::before {
	content: '';
	position: absolute;
	display: inline-block;
	width: 51px;
	height: 23px;
	top: -23px;
	left: 0;
	right: 0;
	margin: auto;
	background: url(/recruit-newgrads/img/naitei-questionnaire/pic_fukidashi_comment.svg) no-repeat center/contain;
}
.advice_item{
	margin: 0;
	padding: 0 106px;
	position: relative;
	margin-bottom: 21px;
}
.advice_item::before{
	content: '';
	background: var(--icon) no-repeat center/cover;
	width: 80px;
	height: 80px;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}
.advice_item:nth-child(2n)::before{
	left: auto;
	right: 0;
}
.advice_item:nth-child(10n + 1){--icon:url(/recruit-newgrads/img/naitei-questionnaire/icon_1.svg)}
.advice_item:nth-child(10n + 2){--icon:url(/recruit-newgrads/img/naitei-questionnaire/icon_2.svg)}
.advice_item:nth-child(10n + 3){--icon:url(/recruit-newgrads/img/naitei-questionnaire/icon_3.svg)}
.advice_item:nth-child(10n + 4){--icon:url(/recruit-newgrads/img/naitei-questionnaire/icon_4.svg)}
.advice_item:nth-child(10n + 5){--icon:url(/recruit-newgrads/img/naitei-questionnaire/icon_5.svg)}
.advice_item:nth-child(10n + 6){--icon:url(/recruit-newgrads/img/naitei-questionnaire/icon_6.svg)}
.advice_item:nth-child(10n + 7){--icon:url(/recruit-newgrads/img/naitei-questionnaire/icon_7.svg)}
.advice_item:nth-child(10n + 8){--icon:url(/recruit-newgrads/img/naitei-questionnaire/icon_8.svg)}
.advice_item:nth-child(10n + 9){--icon:url(/recruit-newgrads/img/naitei-questionnaire/icon_9.svg)}
.advice_item:nth-child(10n + 10){--icon:url(/recruit-newgrads/img/naitei-questionnaire/icon_10.svg)}
.advice_item p{
	padding: 18px 23px;
	border-radius: 10px;
	background: #E7F9D5;
	margin: 0;
	display: flex;
	width: 100%;
	height: 100%;
	align-items: center;
	position: relative;
	font-weight: 500;
	font-size: 1.5rem;
	letter-spacing: 1.5px;
	line-height: 2.4rem;
}
.advice_item:nth-child(2n) p{
	border-radius: 10px;
	background: #D8F4E0;
}
.advice_item p::before{
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 13px;
	height: 24px;
	background: url(/recruit-newgrads/img/naitei-questionnaire/pic_fukidashi_yg-l.svg) no-repeat;
	background-size: contain;
	left: -12px;
}
.advice_item:nth-child(2n) p::before{
	left: auto;
	right: -12px;
	background: url(/recruit-newgrads/img/naitei-questionnaire/pic_fukidashi_dg-r.svg) no-repeat;
	background-size: contain;
}

@media screen and (max-width:1024px){
.naitei_bg{
	margin-top: 60px;
	padding-bottom: 30px;
}
.naitei_h2{
	font-size: 2.7rem;
	letter-spacing: 1.35px;
	line-height: 3.68rem;
	margin: 65px 0 40px;
}
.naitei_h2 span{padding-left: 55px;}
.naitei_col{
	gap: 20px 21px;
	margin-bottom: 40px;
}
.naitei_col_item{padding-left: 75px;}
.naitei_col_item:nth-child(2n){
	padding-left: 0;
	padding-right: 75px;
}
.naitei_col_item::before{
	width: 60px;
	height: 60px;
}
.naitei_col_item p{
	padding: 14px 16px;
	font-size: 1.3rem;
	letter-spacing: 1.3px;
}
.naitei_col_item p::before{
	width: 10px;
	height: 18px;
	left: -9px;
}
.naitei_col_item:nth-child(2n) p::before{
	left: auto;
	right: -9px;
}
.note_txt{
	margin: 40px 0;
	padding: 15px 16px;
	font-size: 1.3rem;
	letter-spacing: 1.3px;
	line-height: 2.4rem;
}
.note_txt::before {
	top: -18px;
	width: 40px;
	height: 18px;
}
.advice_item{
	padding: 0 75px;
	margin-bottom: 20px;
}
.advice_item::before{
	width: 60px;
	height: 60px;
	bottom: 0;
}
.advice_item p{
	padding: 14px 16px;
	font-size: 1.3rem;
	letter-spacing: 1.3px;
}
.advice_item p::before{
	width: 10px;
	height: 18px;
	left: -9px;
}
.advice_item:nth-child(2n) p::before{
	left: auto;
	right: -9px;
}
}

@media screen and (max-width:767px){
.naitei_bg{
	margin-top: 50px;
	padding-bottom: 10px;
}
.naitei_h2{
	font-size: 2.3rem;
	letter-spacing: 1.15px;
	margin: 45px 0 30px;
}
.naitei_h2 span{padding-left: 60px;}
.naitei_h2 span::before{margin: 0;}
.naitei_col{
	grid-template-columns: 1fr;
	gap: 15px;
}
.advice_item{
	padding-right: 0;
	margin-bottom: 15px;
}
.advice_item:nth-child(2n){padding: 0 75px 0 0;}
}