/* ==========================================
   社員紹介
========================================== */
.people-heading{
	text-align: center;
	position: relative;
	z-index: 2;
}
.people-heading .main{
	font-weight: 700;
	line-height: 1.6;
}
.people-heading .main > span{
	background-color: #D8D11F;
	padding: .015em .15em;
}
.people-heading .sub{
	font-weight: 700;
	line-height: 1;
}
@media print, screen and (min-width:781px) {
	.people-heading{
		margin-top: 50px;
	}
	.people-heading .main{
		font-size: min(3.7vw,4.0rem);
	}
	.people-heading .sub{
		font-size: min(12.96vw,14.0rem);
	}
}
@media screen and (max-width: 780px) {
	.people-heading{
		padding-bottom: 110px;
		padding-top: 110px;
	}
	.people-heading .main{
		font-size: min(7.69vw,3.0rem);
	}
	.people-heading .sub{
		font-size: min(15.3vw,6.0rem);
	}
}



.people-list{
	position: relative;
	z-index: 1;
}
.people-item > a{
	display: block;
}
.people-item .image{
	overflow: hidden;
	position: relative;
	z-index: 0;
}
.people-item .image:before{
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	content: "";
	display: block;
	transition: .6s;
}
.people-item1 .image:before{
	background-image: url("../img/img_people1.jpg");
}
.people-item2 .image:before{
	background-image: url("../img/img_people2.jpg");
}
.people-item3 .image:before{
	background-image: url("../img/img_people3.jpg");
}
.people-item .detail{
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	position: relative;
	z-index: 1;
}
.people-item .detail:after{
	background-color: #2C3440;
	background-image: url("../../common/img/icon_arrow_entry_w.svg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	content: "";
	display: block;
	transform: rotate(90deg);
}
.people-item .detail .department,
.people-item .detail .join{
	background-color: #D8D11F;
	font-weight: 700;
	line-height: 1.2;
	padding: .015em .15em;
}
@media print, screen and (min-width:781px) {
	.people-list{
		display: flex;
		margin-top: -45px;
	}
	.people-item{
		width: calc(100% / 3);
	}
	.people-item .image:before{
		padding-bottom: 65.789%;
	}
	@media (hover: hover) and (pointer: fine){
		.people-item a:hover .image:before{
			transform: scale(1.05);
		}
	}
	.people-item .detail{
		margin-top: -20px;
	}
	.people-item .detail:after{
		background-size: 12px auto;
		border-radius: 4px;
		margin-top: 15px;
		height: 40px;
		width: 40px;
	}
	.people-item .detail .department{
		font-size: min(2.5vw,2.7rem);
	}
	.people-item .detail .join{
		font-size: min(1.85vw,2.0rem);
		margin-top: 5px;
	}
}
@media screen and (max-width: 780px) {
	.people-list{
		display: flex;
	}
	.people-item{
		width: calc(100% / 3);
	}
	.people-item .image:before{
		padding-bottom: 211.538%;
	}
	.people-item .detail{
		margin-top: -10px;
	}
	.people-item .detail:after{
		background-size: 9px auto;
		border-radius: 2px;
		margin-top: 15px;
		height: 30px;
		width: 30px;
	}
	.people-item .detail .department{
		font-size: min(4.61vw,1.8rem);
	}
	.people-item .detail .join{
		font-size: min(3.33vw,1.3rem);
		margin-top: 5px;
	}
}



.people-sec{
	position: relative;
}
.people-sec:nth-child(odd){
	z-index: 1;
}
.people-sec:nth-child(even){
	background-color: #DDEAFB;
	z-index: 0;
}
.people-sec .people-main-image{
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	z-index: 1;
}
.people-sec .detail{
	background-color: #FFF;
}


.people-sec .people-sub-sec-wrap > .image{
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}


.people-sec-heading{
	display: flex;
	justify-content: flex-start;
	position: relative;
	z-index: 2;
}
.people-sec-heading h2{
	font-weight: 700;
	line-height: 1.6;
}
.people-sec-heading h2 > span{
	background-color: #D8D11F;
	padding: .015em .15em;
}

.people-profile .initial{
	font-weight: 700;
	line-height: 1;
}
.people-profile .profile{
	font-weight: 700;
	line-height: 1.6;
}


.people-sub-sec .sub{
	font-weight: 900;
	display: flex;
	align-items: center;
}
.people-sub-sec .sub:before{
	background-color: #707070;
	content: "";
	display: block;
	height: 1px;
	margin-right: 12px;
}
.people-sub-sec-heading{
	font-weight: 700;
	line-height: 1.5;
}
.people-sub-sec-heading strong{
	background-color: #D8D11F;
	font-weight: 700;
	padding: .015em .15em;
}
.people-sub-sec > p{
	line-height: 2.22;
}
@media print, screen and (min-width:781px) {
	.people-sec-wrap{
		margin-top: 100px;
	}
	.people-sec:nth-child(even){
		margin-top: -13.177%;
		padding-top: 26.354%;
		padding-bottom: 30.527%;
	}
	.people-sec:nth-child(n + 3):nth-child(odd){
		margin-top: -19.253%;
	}
	.people-sec .people-main-image{
		padding-bottom: calc(40.749% * 89.824% / 100%);
		width: 89.824%;
	}
	.people-sec:nth-child(odd) .people-main-image{
		margin-right: auto;
	}
	.people-sec:nth-child(even) .people-main-image{
		margin-left: auto;
	}
	.people-sec .detail{
		margin-top: -19.253%;
		padding-top: 19.253%;
		padding-bottom: 11.713%;
		width: 89.824%;
	}
	.people-sec:nth-child(odd) .detail{
		margin-left: auto;
	}
	.people-sec:nth-child(even) .detail{
		margin-right: auto;
	}
	
	
	.people-sec .people-sub-sec-wrap > .image{
		margin-top: 130px;
	}
	.people-sec .people-sub-sec-wrap > .image.r-side{
		margin-left: auto;
		padding-bottom: calc(41.365% * 80.81% / 100%);
		width: 80.81%;
	}
	.people-sec .people-sub-sec-wrap > .image.l-side{
		margin-right: auto;
		padding-bottom: calc(41.365% * 80.81% / 100%);
		width: 80.81%;
	}
	.people-sec .people-sub-sec-wrap > .image.l-side2{
		margin-right: auto;
		padding-bottom: calc(52.1512% * 61.287% / 100%);
		width: 61.287%;
	}
	.people-sec .people-sub-sec-wrap > .image.center{
		margin-left: auto;
		margin-right: auto;
		padding-bottom: calc(52.1512% * 61.287% / 100%);
		width: 61.287%;
	}
	
	
	.people-sec-heading{
		margin-top: -3.66%;
		margin-left: auto;
		margin-right: auto;
		width: 61.2876%;
	}
	.people-sec-heading h2{
		font-size: min(4.53vw,6.2rem);
		white-space: nowrap;
	}
	
	
	
	.people-profile{
		margin-top: 90px;
	}
	.people-sec:nth-child(odd) .people-profile{
		float: left;
		margin-left: 4.889%;
	}
	.people-sec:nth-child(even) .people-profile{
		float: right;
		margin-right: 4.889%;
	}
	.people-profile .initial{
		font-size: min(6.36vw,8.7rem);
	}
	.people-profile .profile{
		font-size: min(1.48vw,1.6rem);
		margin-top: 25px;
	}
	
	
	.people-sub-sec{
		margin-left: auto;
		margin-right: auto;
		margin-top: 90px;
		width: 61.287%;
	}
	.people-sub-sec .sub{
		font-size: 1.4rem;
	}
	.people-sub-sec .sub:before{
		width: 40px;
	}
	.people-sub-sec-heading{
		font-size: min(2.92vw,4.0rem);
		white-space: nowrap;
		margin-top: 30px;
	}
	.people-sub-sec > p{
		font-size: min(1.66vw,1.8rem);
		margin-top: 30px;
	}
}
@media screen and (max-width: 780px) {
	.people-sec-wrap{
		margin-top: 80px;
	}
	.people-sec:nth-child(even){
		margin-top: -25.641%;
		padding-top: 44.6153%;
		padding-bottom: 30.527%;
	}
	.people-sec:nth-child(n + 3):nth-child(odd){
		margin-top: -12.82%;
	}
	.people-sec .people-main-image{
		padding-bottom: calc(67.476% * 95% / 100%);
		width: 95%;
	}
	.people-sec:nth-child(odd) .people-main-image{
		margin-right: auto;
	}
	.people-sec:nth-child(even) .people-main-image{
		margin-left: auto;
	}
	.people-sec .detail{
		margin-top: -51.282%;
		padding-top: 51.282%;
		padding-bottom: 25.641%;
		width: 95%;
	}
	.people-sec:nth-child(odd) .detail{
		margin-left: auto;
	}
	.people-sec:nth-child(even) .detail{
		margin-left: auto;
	}
	
	
	.people-sec .people-sub-sec-wrap > .image{
		margin-top: 65px;
	}
	.people-sec .people-sub-sec-wrap > .image.r-side{
		margin-left: 15%;
		padding-bottom: calc(64.1% * 85% / 100%);
	}
	.people-sec .people-sub-sec-wrap > .image.l-side{
		margin-right: 15%;
		padding-bottom: calc(64.1% * 85% / 100%);
	}
	.people-sec .people-sub-sec-wrap > .image.l-side2{
		margin-right: 5%;
		padding-bottom: calc(64.1% * 85% / 100%);
	}
	.people-sec .people-sub-sec-wrap > .image.center{
		margin-left: 15%;
		margin-right: 10%;
		padding-bottom: calc(64.1% * 75% / 100%);
	}
	
	
	.people-sec-heading{
		margin-top: -3.66%;
		margin-left: 15%;
		margin-right: 5%;
	}
	.people-sec-heading h2{
		font-size: min(6.15vw,2.4rem);
	}
	
	
	
	.people-profile{
		display: flex;
		align-items: center;
		margin-top: 40px;
		margin-left: 15%;
		margin-right: 5%;
	}
	.people-profile .initial{
		font-size: min(14.3vw,5.6rem);
	}
	.people-profile .profile{
		font-size: min(2.56vw,1.0rem);
		margin-left: 18px;
	}
	
	
	.people-sub-sec{
		margin-left: 15%;
		margin-right: 10%;
		margin-top: 65px;
	}
	.people-sub-sec .sub{
		font-size: 1.35rem;
	}
	.people-sub-sec .sub:before{
		width: 40px;
	}
	.people-sub-sec-heading{
		font-size: min(5.12vw,2.0rem);
		margin-top: 15px;
	}
	.people-sub-sec > p{
		font-size: 1.5rem;
		margin-top: 25px;
	}
}





#people-sec1 .people-main-image {
  background-image: url("../img/img_people1_main.jpg");
}
#people-sec1 .photo1 {
  background-image: url("../img/img_people1_photo1.jpg");
}
#people-sec1 .photo2 {
  background-image: url("../img/img_people1_photo2.jpg");
}
#people-sec2 .people-main-image {
  background-image: url("../img/img_people2_main.jpg");
}
#people-sec2 .photo1 {
  background-image: url("../img/img_people2_photo1.jpg");
}
#people-sec2 .photo2 {
  background-image: url("../img/img_people2_photo2.jpg");
}
#people-sec3 .people-main-image {
  background-image: url("../img/img_people3_main.jpg");
}
#people-sec3 .photo1 {
  background-image: url("../img/img_people3_photo1.jpg");
}
#people-sec3 .photo2 {
  background-image: url("../img/img_people3_photo2.jpg");
}
@media print, screen and (min-width:781px) {
}
@media screen and (max-width: 780px) {
	#people-sec3 .people-main-image{
		background-position: 35% center;
	}
	#people-sec3 .photo1 {
		background-position: left center;
	}
}