body{
	background: #12C0A9;
}
section{
	margin: 0;
	padding: 0;
}
.executives-banner{
	position: relative;
}
.pc-banner{
	width: 100%;
	height: 22vw;
	& > img{
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
		vertical-align: middle;
	}
}
.sp-banner{
	display: none;
	& > img{
		object-fit: cover;
		object-position: center;
		width: 100%;
		height: 100%;
		vertical-align: middle;
	}
}
.executive-head{
	position: absolute;
	left: -3.5vw;
	bottom: -6vw;
	width: 38.3vw;
	height: 9.4vw;
	z-index: 1;
	& > img{
		object-fit: cover;
		object-position: center;
		width: 100%;
		height: 100%;
	}
}
.executive-page{
	background-image: url("../images/background/09_bg-pc.png");
	background-repeat: no-repeat;
	background-size: cover;
	padding-top: 9vw;
	position: relative;
	z-index: 0;

	overflow-x: hidden;
}
.executives-introduction{
	position: relative;

	margin: 0 auto;
	/*margin-bottom: 210px;*/

	height: fit-content;
	width: 88.6vw;

	background-color: #fff;
	border: #000 solid 0.2vw;
	border-radius: 15px 15px 15px 15px;
	box-shadow: 0px 0px 30px 0px rgba(0, 42, 106, 0.1);
}
.executives-introduction::after{
	content: "";
	position: absolute;
	z-index: -1;
	width: 100%;
	height: 100%;
	top: 1.3vw;
	right: -1.19vw;
	background-color: #fff;
	border: #000000 solid 0.2vw;
	border-radius: 15px 15px 15px 15px;
	box-shadow: 0px 0px 30px 0px rgba(0, 42, 106, 0.1);
}
.top-title{
	width: 54vw;
	margin: 0 auto;
	margin-top: 5.2vw;
}
.sp-svg-title{
	display: none;
}
.executives{
	margin-top: 5vw;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}
.executive{
	display: flex;
	/*align-items: center;*/
	flex-wrap: wrap;

	margin: 0 8% 94.9px;
	width: 100%;
	/*
	max-width: 1267px;
	min-height: 661px;
	*/
	transform: skewX(-10deg);
	border: 5px solid #000;
	background: #FFF9F0;
}
.executive-imgs{
	position: relative;
	/*width: 50%;*/
	width: 32vw;
	height: 100%;
}
.img-bg{
	background-image: url("../images/popup-bg.svg");
	background-size: cover;
	background-position: center;
	position: relative;
	top: 0;
	left: -8%;
	width: 31.5vw;
	height: 30.8vw;
	transform: skewX(10deg);
}
.executive-img{
	position: absolute;
	top: -2vw;
	left: -5vw;
	transform: skewX(10deg);
	border: 5px solid #000;
	background-color: #000000;
	width: 32.03125vw;
	height: 31.1vw;
	-webkit-clip-path: polygon(18% 0, 100% 0%, 82% 100%, 0% 100%);
	clip-path: polygon(18% 0, 100% 0%, 82% 100%, 0% 100%);
	overflow: hidden;
	& > img{
		width: 100%;
		height: 100%;
		object-position: center;
		object-fit: cover;
		clip-path: polygon(18% 0, 100% 0%, 82% 100%, 0% 100%);

	}
}
.executive-detail{
	width: 50%;
	height: 100%;
	flex-grow: 1;
	transform: skewX(10deg);
	/*padding: 84.5px 73.5px 84.5px 0;*/
	padding: 5vw;
	padding-left: 0;
	padding-bottom: 0;
	font-size: 2vw;
	& p{
		margin: 0;
		margin-bottom: 0.5em;
	}
}
.executive-position{
	margin-bottom: 17px;
	/*
	font-size: 24px;
	line-height: 46px;
	*/
	
	font-size: 0.75em;
	line-height: 1em;
	
	font-weight: 100;
}
.executive-name-pc{
	/*
	font-size: 42px;
	line-height: 28px;
	*/
	
	font-size: 1em;
	line-height: 1em;
	
	font-weight: 700;
}
.executive-name-sp{
	display: none;
}
.executive-description{
	/*
	margin-top: 57px;
	font-size: 18px;
	line-height: 35px;
	*/
	
	font-size: 0.6em;
	line-height: 1.5em;
	
	font-weight: 500;
	overflow: hidden;
}
.company-top{
	/*
	padding-top: 120px;
	padding-bottom: 200px;
	*/
	padding-top: 5vw;
	padding-bottom: 5vw;
	display: flex;
	justify-content: center;
	& > a{
		width: 26.4vw;
		height: 7.8vw;
		text-decoration: none;
	}
}

@media (max-width: 760px){
	.pc-banner{
		display:none;
	}
	.sp-banner{
		display: block;
		width: 100%;
		height: 110vw;
		& > img{
			width: 100%;
			height: 101.5%;
			object-fit: cover;
			object-position: center;
		}
	}
	.executive-head{
		left: -7.5vw;
		bottom: -23vw;
		width: 56.9vw;
		height: 14vw;
	}
	.executives-introduction{
		margin-top: 26vw;
		margin-bottom: 27vw;
	}
	.executives-introduction::after{
		display: none;
	}
	.pc-svg-title{
		display: none;
	}
	.sp-svg-title{
		display: block;
	}
	.top-title{
		width: 65.3vw;
		height: 82px;
		margin-top: 5.2vw;
	}
	.executives{
		margin-top: 11.3vw;
	}
	.executive{
		border: 0.6vw solid #000;
		margin-top: 42.1vw;
		border-right: none;
		min-height: 86.9vw;
		/*
		margin-right: -105px;
		*/
		margin-right: -6vw;
		transform: skew(0);

	}
	.executive-imgs{
		width: 100%;
		min-height: 38.1vw;
	}
	.img-bg{
		background-image: url(../images/img-bg-rect.svg);
		
		position: absolute;
		top: -45vw;
		/*
		left: -73.9px;
		*/
		left: -4vw;
		width: 97.4%;
		height: 75.2vw;
		transform: skew(0deg);
	}
	.executive-img{
		top: -48vw;
		/*
		left: -73.9px;
		*/
		left: -5vw;
		clip-path: none;
		border: 0.6vw solid #000;
		width: 97.5%;
		height: 75.2vw;
		transform: skew(0);
		& > img{
			clip-path: none;
		}
	}
	.executive-detail{
		width: 100%;
		padding: 0 15vw 12.8vw 7.9vw;
		transform: skew(0);
	}
	.company-top{
		width: 94vw;
		margin-top: -9.2vw;
		margin-bottom: 26.7vw;
		padding: 0;
		& > a{
			width: 48.1vw;
			height: 13.4vw;
			margin-left: 50%;
		}
	}
	.executive-position{
		font-size: 2.3vw;
		line-height: 4.6vw;
		font-weight: 500;
	}
	.executive-name-pc{
		display: none;
	}
	.executive-name-sp{
		display: block;
		font-size: 5.5vw;
		line-height: 3.6vw;
		font-weight: 700;
	}
	.executive-description{
		margin-top: 7.5vw;
		font-size: 2.3vw;
		line-height: 4.6vw;
	}
}