@charset "UTF-8";

.index-kv {
max-width: 1920px;
min-width: 1160px;
margin: 0 auto;
background: url('/corporate/recruit/freshers/image/index/h1_bg_pc.jpg') 50% 0 no-repeat;
background-size: 1920px auto;
}
.index-h1 {
overflow: hidden;
position: relative;
max-width: 1920px;
min-width: 1160px;
min-height: 775px;
animation: fadeIn 3s ease 1 normal;
}

.index-h1 img {
position: absolute;
top: 0;
right: calc(50% - 960px);
max-width: 1920px;
width: 1920px;
margin: 0 auto;
}

@keyframes fadeIn{
	0% {opacity: 0;}
	100% {opacity: 1;}
}

.index-sec01 {
margin-top: -2px;
padding-bottom: 600px;
background: #c6f4eb url('/corporate/recruit/freshers/image/index/bg_pc01.svg') 50% 100% no-repeat;
background-size: 1920px auto;
}
.index-sec02 {margin-top: -350px;}
.index-sec03 {
margin-top: -280px;
padding-top: 530px;
padding-bottom: 530px;
background-color: #e1ff13;
background-image: url('/corporate/recruit/freshers/image/index/bg_pc02.svg'), url('/corporate/recruit/freshers/image/index/bg_pc03.svg');
background-position: 50% 0, 50% 100%;
background-repeat: no-repeat;
background-size: 1920px auto;
}
.index-sec04 {margin-top: -300px;}

.index-ttl-lg {
color: #267989;
line-height: 1.3;
font-size: 4.0rem;
font-weight: normal;
}
.index-ttl-lg-sub {
display: block;
color: #000;
font-size: 1.8rem;
}

.index-workplace-list {
display: flex;
flex-flow: row wrap;
justify-content: space-between;
margin-top: 50px;
}

.index-workplace-list-item {
width: 320px;
}


@media screen and (max-width: 767px) {
	.index-kv {
	min-width: 100%;
	background: url('/corporate/recruit/freshers/image/index/h1_bg_sp.jpg') 50% 0 no-repeat;
	background-size: 100% auto;
	}

	.index-h1 {
	min-width: 100%;
	min-height: 0;
	width: 100%;
	}
	.index-h1 img {
	position: relative;
	top: 0;
	right: 0;
	max-width: 100%;
	width: 100%;
	}

	.index-sec01 {
	margin-top: -2px;
	padding-bottom: 35%;
	background: #c6f4eb url('/corporate/recruit/freshers/image/index/bg_sp01.svg') 50% 100% no-repeat;
	background-size: 102% auto;
	}
	.index-sec02 {margin-top: -10%;}
	.index-sec03 {
	margin-top: 0;
	padding-top: 25%;
	padding-bottom: 40%;
	background-color: #e1ff13;
	background-image: url('/corporate/recruit/freshers/image/index/bg_sp02.svg'), url('/corporate/recruit/freshers/image/index/bg_sp03.svg');
	background-position: 50% 0, 50% 100%;
	background-repeat: no-repeat;
	background-size: 100% auto;
	}
	.index-sec04 {margin-top: -10%;}

	.index-ttl-lg {margin-top: 20px; text-align: center; font-size: 2.4rem; line-height: 1.5;}
	.index-ttl-lg-sub {font-size: 1.4rem;}

	.index-workplace-list {
	display: lock;
	margin-top: 0;
	}
	.index-workplace-list-item {
	width: 100%;
	margin-top: 30px;
	margin-bottom: 40px;
	}


}