@charset "utf-8";
/* ====================================================
	代表挨拶
==================================================== */
.greetingWrapper {
	position: relative;
}
.bgImg {
	position: absolute;
	top: 21px;
	left: 29px;
	z-index: 1;
}
.bgImg img {
	opacity: 0;
}
.bgText {
	position: absolute;
	top: 200px;
	right: 29px;
}
.bgText > div {
	opacity: 0;
	transform: translateX(10%);
	transition: opacity 1.4s ease-out 0s, transform 1.4s ease-out 0s;
}
.bgText > div.active {
	opacity: 1;
	transform: translateY(0);
}
.headingBlock {
	opacity: 0;
	font-family: kozuka-gothic-pr6n, sans-serif;
	font-weight: 500;
	font-style: normal;
	position: relative;
	width: 316px;
	padding: 126px 0 0 82px;
	transform: translateY(10%);
	transition: opacity 1s ease-out 0s, transform 1s ease-out 0s;
	z-index: 1;
}
.headingBlock.active {
	opacity: 1;
	transform: translateY(0);
}
.headingBlock h2 {
	font-size: 60px;
	letter-spacing: 0.25em;
}
.headingUnderline {
	background-color: #f39800;
	height: 4px;
	width: 50vw;
	position: absolute;
	margin: 16px 0 0;
	right: 0;
}
.headingNotes {
	color: #f39800;
	font-size: 20px;
	margin: 33px 0 0 7px;
	letter-spacing: 1.33em;
	line-height: 1;
}
.subHeadingBlock {
	opacity: 0;
	font-family: kozuka-gothic-pr6n, sans-serif;
	font-weight: 900;
	font-style: normal;
	font-size: 30px;
	color: #1b1b1b;
	background-color: #eeeeee;
	width: 770px;
	height: 131px;
	margin: 46px auto 0;
	position: relative;
	letter-spacing: 0.13em;
	display: flex;
	justify-content: center;
	align-items: center;
	transform: translateY(10%);
	transition: opacity 1s ease-out 0s, transform 1s ease-out 0s;
}
.subHeadingBlock.active {
	opacity: 1;
	transform: translateY(0);
}
.subHeadingBlock h3 {
	font-size: 34.2px;
	padding: 0;
	margin-top: 9px;
}
.subHeadingBlock h3 span {
	font-size: 46px;
}
.greetingText {
	opacity: 0;
	padding: 49px 75px  0 80px;
	transform: translateY(10%);
	transition: opacity 1s ease-out 0s, transform 1s ease-out 0s;
}
.greetingText.active {
	opacity: 1;
	transform: translateY(0);
}
.greetingText p {
	line-height: 2.1;
	margin-bottom: 37px;
}
.greetingText p:first-child {
	/* margin-top: 0; */
}
.ceoName {
	padding-bottom: 18px;
	opacity: 0;
	margin: 58px 0 0 683px;
	transform: translateY(10%);
	transition: opacity 1s ease-out 0s, transform 1s ease-out 0s;
}
.ceoName p:first-child {
	font-size: 20px;
	line-height: 1.5;
	letter-spacing: 1.9px;
}
.ceoName p:nth-child(2) {
	font-size: 20px;
	line-height: 1.5;
	letter-spacing: 3.9px;
	padding-top: 5px;
}
.ceoName.active {
	opacity: 1;
	transform: translateY(0);
}