/* EN21110112 */
.info-h1 {
padding-top: 96px;
padding-bottom: 250px;
background: url('/corporate/recruit/freshers/image/info/bg_pc01.svg') 50% 0 no-repeat;
background-size: 1920px auto;
}
.info-sec01 {
position: relative;
z-index: 10;
}
.info-sec02 {
margin-top: -300px;
padding-top: 550px;
padding-bottom: 270px;
background-color: #f7f7f7;
background-image: url('/corporate/recruit/freshers/image/info/bg_pc02.svg'), url('/corporate/recruit/freshers/image/info/bg_pc03.svg');
background-position: 50% 0, 50% 100%;
background-repeat: no-repeat;
background-size: 1920px auto;
}
.info-sec03 {
	margin-top: -2px;
padding-bottom: 430px;
background: #94EBE1 url('/corporate/recruit/freshers/image/info/bg_pc04.svg') 50% 101% no-repeat;
background-size: 1920px auto;
}
.info-sec04 {margin-top: -200px}

.info-ttl-lg-ja {display: block; margin-top: 8px; font-size: 1.8rem;}

.info-essList {
display: flex;
padding: 30px 0;
border-top: 1px solid #5A5A5A;
}
.info-essList:first-child {border-top: none;}
.info-essList-dt {
width: 172px;
font-size: 1.8rem;
color: #267989;
}
.info-essList-dd {flex: 1;}

.info-flowList {
display: flex;
justify-content: center;
align-items: center;
margin-top: 50px;
}
.info-flowList-item {
position: relative;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
width: 174px;
height: 128px;
margin-right: 60px;
background: #C6F4EB;
font-size: 1.8rem;
}
.info-flowList-step {
display: block;
font-weight: bold;
}
.info-flowList-item:after {
position: absolute;
top: calc(50% - 13px);
right: -43px;
content: '';
width: 26px;
height: 26px;
background: url('/corporate/recruit/freshers/image/info/arrow.svg') 0 0 no-repeat;
background-size: contain;
}
.info-flowList-item:last-child {margin-right: 0; background: #E1FF13;}
.info-flowList-item:last-child:after {background: none;}

.entry-info {
width: 476px;
min-height: 192px;
margin: 48px auto 0;
padding: 30px;
background: url('/corporate/recruit/freshers/image/info/entry_info_bg.svg') 0 0 no-repeat;
background-size: contain;
text-align: center;
}
.entry-info-dt {
font-size: 2.6rem;
color: #273554;
}
.entry-info-dd {margin-top: 10px;}

.info-qaList {
padding: 30px 0;
border-bottom: 1px solid #5A5A5A;
}
.info-qaList-dt ,
.info-qaList-dd {
position: relative;
padding-left: 44px;
}
.info-qaList-dt:before ,
.info-qaList-dd:before {
display: inline-block;
content: '';
position: absolute;
top: 0;
left: 0;
width: 28px;
height: 28px;
}
.info-qaList-dt:before {
background: url('/corporate/recruit/freshers/image/info/info_q.svg') 0 0 no-repeat;
background-size: contain;
}
.info-qaList-dd:before {
background: url('/corporate/recruit/freshers/image/info/info_a.svg') 0 0 no-repeat;
background-size: contain;
}
.info-qaList-dd {
margin-top: 20px;
}

@media screen and (max-width: 767px) {
	.info-h1 {
	padding-top:13%;
	padding-bottom: 18%;
	background: url('/corporate/recruit/freshers/image/info/bg_sp01.svg') 50% 100% no-repeat;
	background-size: 100% auto;
	}
	.info-sec01 {
	margin-top: 24px;
	}
	.info-sec02 {
	margin-top: -10%;
	padding-top: 28%;
	padding-bottom: 25%;
	background-image: url('/corporate/recruit/freshers/image/info/bg_sp02.svg'), url('/corporate/recruit/freshers/image/info/bg_sp03.svg');
	background-size: 100% auto;
	}
	.info-ttl-lg-ja {font-size: 1.4rem;}
	.info-sec03 {
	padding-bottom: 20%;
	background: #94EBE1 url('/corporate/recruit/freshers/image/info/bg_sp04.svg') 50% 100% no-repeat;
	background-size: 100% auto;
	}
	.info-sec04 {margin-top: 0; background: #fff;}

	.ttl-lg {font-size: 2.4rem;}

	.info-essList {padding: 15px 0;}
	.info-essList-dt {width: 80px; margin-right: 16px; font-size: 1.4rem;}

	.info-flowList {
	display: block;
	text-align: center;
	}
	.info-flowList-item {
	display: block;
	width: 100%;
	height: auto;
	margin-right: 0;
	margin-bottom: 42px;
	padding: 15px;
	font-size: 1.6rem;
	}
	.info-flowList-step {font-weight: normal;}
	.info-flowList-item:after {
	top: inherit;
	bottom: -34px;
	right: calc(50% - 13px);
	transform: rotate(90deg);
	}

	.entry-info {
	width: 335px;
	min-height: 152px;
	margin-top: 24px;
	padding: 20px;
	}
	.entry-info-dt {font-size: 1.8rem;}
}

@media screen and (max-width: 374px) {
	.entry-info {
	width: 280px;
	min-height: 150px;
	padding: 10px;
	line-height: 1.3;
	}
	.entry-info-dt {font-size: 1.6rem;}
}