@charset "UTF-8";

.people-head {overflow: hidden;}

.people-head-img {
overflow: hidden;
position: relative;
max-width: 1920px;
min-width: 1160px;
min-height: 400px;
}
.people-head-img img {
position: absolute;
top: 0;
right: calc(50% - 960px);
max-width: 1920px;
width: 1920px;
margin: 0 auto;
}

.inner {position: relative;}

.people-head-h1Area {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
width: 510px;
min-height: 342px;
margin-top: -280px;
background: url('/corporate/recruit/freshers/image/people/h1_bg.svg') 0 0 no-repeat;
background-size: 100% auto;
}
_:-ms-input-placeholder, :root .people-head-h1Area h1 {margin-top: 10px;}
.people-head-h1Area.-right {margin-left: 630px;}
.people-head-h1Area.-left {margin-left: -30px;}
.people-head-h1Area .marker-line {padding: 0 30px 0 4px;}

.people-head-h1 {
font-size: 3.2rem;
margin-top: 20px;
text-align: center;
line-height: 1.0;
}
.people-head-h1Area-text {
margin-top: 30px;
line-height: 1.4;
font-size: 2.0rem;
text-align: center;
}
.people-head-depArea {width: 65%; margin-top: 20px; line-height: 1.4;}
.people-head-depArea-is {font-size: 3.2rem;}


.people-sec01 {
margin-top: 40px;
padding-bottom: 320px;
background: url('/corporate/recruit/freshers/image/people/bg_pc01.svg') 50% 100% no-repeat;
background-size: 1920px auto;
}
.people-sec02 {
margin-top: -2px;
padding-bottom: 530px;
background: #f7f7f7 url('/corporate/recruit/freshers/image/people/bg_pc02.svg') 50% 100% no-repeat;
background-size: 1920px auto;
}
.people-sec03 {
margin-top: -350px;
padding-bottom: 320px;
background: url('/corporate/recruit/freshers/image/people/bg_pc03.svg') 50% 100% no-repeat;
background-size: 1920px auto;
}
.people-sec04 {
margin-top: -2px;
background-color: #f7f7f7;
padding-bottom: 400px;
}
.contentsArea.entryArea {margin-top: -530px;}

.people-relateList {
display: flex;
width: 345px;
margin-top: 20px;
margin-right: 20px;
background: #fff;
color: #000;
}
.people-relateList:nth-child(3n) {margin-right: 0;}
.people-relateList> figure {width: 40%;}
.people-relateList-text {
width: 60%;
display: block;
padding: 20px;
}
.people-relateList-is {font-size: 2.2rem;}


.ttl-lg {line-height: 1.8;}

@media screen and (max-width: 767px) {
	.people-head .inner {
	padding-right: 0;
	padding-left: 0;
	}
	.people-head-img {
	min-width: 100%;
	min-height: 0;
	width: 100%;
	}
	.people-head-img img {
	position: relative;
	top: 0;
	right: 0;
	max-width: 100%;
	width: 100%;
	}
	.people-head-h1Area {
	width: 375px;
	min-height: 250px;
	}
	.people-head-h1Area.-right ,
	.people-head-h1Area.-left {margin: 20px auto 0;}
	.people-head-h1 {font-size: 2.6rem;}
	.people-head-h1Area-text {margin-top: 20px; font-size: 1.6rem;}
	.people-head-depArea {line-height: 1.3;}
	.people-head-depArea-is {font-size: 2.6rem;}

	.people-sec01 {
	margin-top: 50px;
	padding-bottom: 25%;
	background: url('/corporate/recruit/freshers/image/people/bg_sp01.svg') 50% 100% no-repeat;
	background-size: 100% auto;
	}
	.people-sec02 {
	margin-top: -2px;
	padding-bottom: 37%;
	background: #f7f7f7 url('/corporate/recruit/freshers/image/people/bg_sp02.svg') 50% 100% no-repeat;
	background-size: 100% auto;
	}
	.people-sec03 {
	margin-top: -13%;
	padding-bottom: 24%;
	background: url('/corporate/recruit/freshers/image/people/bg_sp03.svg') 50% 100% no-repeat;
	background-size: 100% auto;
	}
	.people-sec04 {
	padding-top: 15px;
	padding-bottom: 120px;
	}
	.contentsArea.entryArea {margin-top: -90px;}

	.people-relateList {width: 100%;}
	.people-relateList> figure {width: 120px;}
	.people-relateList-text {flex: 1; padding: 10px 20px;}

}

@media screen and (max-width: 370px) {
	.people-head-h1Area {
	width: 320px;
	min-height: 212px;
	padding: 0 20px;
	}
	.people-head-depArea {width: 85%;}
	.people-head-depArea-is {font-size: 2.2rem; padding-right: 10px;}
	.people-sp320-mg-t-10 {margin-top: 10px;}

	.people-head-h1Area .sp-fsize-24 {font-size: 2.0rem;}

}