@charset "UTF-8";
/* =======================================================
MV
======================================================= */
.bl-lower-mv::after{
	background: url(../images/about/mv-img.jpg) top center/cover no-repeat;
}
.el-lower-mv-ttl::before{
	content: 'ABOUT';
}

/* =======================================================
ceo
======================================================= */
.el-about-ttl::before{
	background: url(../images/about/ceo-ttl-bg.jpg) top center / contain no-repeat;
}
.el-message-ttl{
	font-size: 1.25rem;
	margin-bottom: 1.5rem;
}
.el-message-ttl > span{
	display: block;
	margin: 0.5rem 0;
}
.el-message-ttl .hp-marker{
	font-size: 1.625rem;
	display: inline;
}
.bl-ceo .el-company{
	margin-top: 1.5rem;
	font-size: 1.125rem;
	font-weight: bold;
}
.bl-ceo .el-name{
	margin-top: 0.5rem;
	font-size: 1.625rem;
	font-weight: bold;
}
.bl-ceo .el-name > span{
	font-size: 0.875rem;
	font-weight: normal;
	margin-left: 0.5rem;
}
@media screen and (max-width: 750px) {
	.el-message-ttl{
		font-size: 1.875rem;
	}
	.el-message-ttl > span{
		margin: 1rem 0;
	}
	.el-message-ttl .hp-marker{
		font-size: 2.25rem;
	}
	.bl-ceo .el-txt:not(:first-of-type){
		margin-top: 3rem;
	}
	.bl-ceo .el-company{
		font-size: 1.875rem;
	}
	.bl-ceo .el-name{
		font-size: 2.25rem;
	}
	.bl-ceo .el-name > span{
		font-size: 1.375rem;
		margin-left: 0.5rem;
	}
}

/* =======================================================
vision-strategy
======================================================= */
.bl-vision-strategy{
	background: #FFD95A;
	padding: 5rem 0;
	position: relative;
}
.bl-vision-strategy::before{
	content: '';
	position: absolute;
	background: url(../images/about/vition-strategy-bg.svg) top center / contain no-repeat;
	width: min(calc(1970 / 2000 * 100vw), 1970px);
	height: min(calc(216 / 2000 * 100vw), 216px);
	left: 50%;
	top: 0;
	transform: translateX(-50%);
}
.el-img-ttl{
	font-size: 2rem;
	color: #FFF;
	height: min(calc(200 / 1024 * 100vw), 200px);
	padding-left: min(calc(32 / 1024 * 100vw), 32px);
	display: flex;
	align-items: center;
	background: url(../images/about/mission-ttl-bg.jpg) top center / cover no-repeat;
	position: relative;
	margin-bottom: 2rem;
}
.el-img-ttl.vision{
	background: url(../images/about/vision-ttl-bg.jpg) top center / cover no-repeat;
	margin-top: 4rem;
}
.el-img-ttl.value{
	background: url(../images/about/value-ttl-bg.jpg) top center / cover no-repeat;
	margin-top: 4rem;
}
.el-img-ttl::after{
	content: '';
	position: absolute;
	background: url(../images/about/mission-ttl.svg) top center / contain no-repeat;
	width: 27.5rem;
	height: 7.125rem;
	right: 0;
	bottom: 0;
}
.el-img-ttl.vision::after{
	background: url(../images/about/vision-ttl.svg) top center / contain no-repeat;
	width: 21.75rem;
}
.el-img-ttl.value::after{
	background: url(../images/about/value-ttl.svg) top center / contain no-repeat;
	width: 19.25rem;
}
.bl-vision-strategy .el-txt + .el-txt{
	margin-top: 1.3rem;
}
.bl-vision-strategy .el-txt .hp-dash{
	letter-spacing: -0.25rem;
	word-spacing: 0px;
	margin-right: calc(0.375rem + 0.25rem);
}
.bl-vision-strategy .el-txt .hp-dash:last-of-type{
	margin: 0 0 0 0.375rem;
}
.bl-vision-strategy .el-box-ttl{
	width: 100%;
	margin-top: 2.5rem;
	margin-bottom: 0;
}
.bl-vision-strategy .el-box-ttl:first-of-type{
	margin-top: 3rem;
}
.bl-vision-strategy .el-box-cont{
	background: #fff;
	padding: 2rem;
	width: 100%;
}
.bl-vision-strategy .el-box-cont .el-txt.middle.orange{
	margin-top: 1rem;
}
/* marketng */
.bl-marketing-list{
	margin: 2rem 0;
	display: flex;
	flex-wrap: wrap;
	gap: 1.875rem;
}
.bl-marketing-item{
	width: 18.75rem;
	background: #FFD95A;
	padding: 1.5rem;
	position: relative;
}
.bl-marketing-item::before{
	content: '';
	position: absolute;
	background: url(../images/common/01--white.svg) top center / contain no-repeat;
	width: 3.75rem;
	height: 4rem;
	top: 0;
	left: 0;
}
.bl-marketing-item:nth-of-type(2)::before{
	background: url(../images/common/02--white.svg) top center / contain no-repeat;
}
.bl-marketing-item:nth-of-type(3)::before{
	background: url(../images/common/03--white.svg) top center / contain no-repeat;
}
.el-marketing-ttl{
	font-size: 1.5rem;
	text-align: center;
	line-height: 1.46;
	letter-spacing: 0.06rem;
	margin-bottom: 1rem;
}
.bl-img-list{
	display: flex;
	flex-wrap: wrap;
	gap: 1.875rem;
	margin-top: 2rem;
}
.bl-img-list > img{
	width: 18.75rem;
}
/* value */
.bl-vision-list{
	gap: 2rem;
	margin-top: 4rem;
}
.el-vision-ttl{
	font-size: 2rem;
	letter-spacing: 0.0975rem;
	margin-bottom: 1.5rem;
}
.el-vision-ttl > .hp-color{

}
.el-vision-ttl > span:nth-of-type(2){
	font-size: 1.0625rem;
	letter-spacing: 0.0425rem;
	line-height: 1.47;
	display: block;
}
.bl-vision-item .el-txt.middle{
	line-height: 1.52;
}
.bl-vision-item .el-txt{
	line-height: 1.54;
}
.bl-value-list{
	margin-top: 3rem;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 2rem;
}
.bl-value-item{
	width: 20rem;
}
.el-value-ttl{
	font-size: 1.625rem;
	line-height: 1.38;
	letter-spacing: 0.0975rem;
	text-align: center;
	color: #fff;
	background: #F29021;
	padding: 1rem;
}
.bl-value-body{
	background: #fff;
	padding: 1.5rem 1.5rem 2rem;
}
.bl-value-item .el-txt{
	text-align: center;
}
.bl-value-img-wrapper{
	width: 5rem;
	margin: 1rem auto 1rem;
}
@media screen and (max-width: 750px) {
	.bl-vision-strategy{
		padding: 5rem 0;
	}
	.el-img-ttl{
		font-size: 2.25rem;
		width: 46.875rem;
		height: 15.625rem;
		padding-left: 1.875rem;
		margin-left: -1.875rem;
		margin-bottom: 2.5rem;
	}
	.el-img-ttl::after{
		width: 27.7rem;
		height: 7.125rem;
		right: 1.875rem;
	}
	.el-img-ttl.vision::after{
		width: 21.75rem;
	}
	.el-img-ttl.value::after{
		width: 19.6rem;
	}
	.bl-vision-strategy .el-txt + .el-txt{
		margin-top: 1rem;
	}
	.bl-vision-strategy .el-box-ttl{
		width: 100%;
		text-align: center;
		margin-top: 2.5rem;
	}
	.bl-vision-strategy .el-box-cont .el-txt.middle.orange{
		margin-top: 2rem;
	}
	/* marketng */
	.bl-marketing-list{
		margin: 3rem 0;
		gap: 2rem;
	}
	.bl-marketing-item{
		width: 100%;
		padding: 2rem;
	}
	.bl-marketing-item::before{
		background: url(../images/common/01--white.svg) top center / contain no-repeat;
		width: 3.75rem;
		height: 4rem;
	}
	.el-marketing-ttl{
		font-size: 2rem;
	}
	.bl-img-list{
		gap: 1rem;
		margin-top: 3rem;
	}
	.bl-img-list > img{
		width: 19rem;
	}
	.bl-img-list > img:last-of-type{
		display: none;
	}
	/* value */
	.bl-vision-list{
		gap: 3rem;
	}
	.bl-vision-item{
		padding: 23.875rem 1.875rem 1.5rem;
		height: auto;
	}
	.el-vision-ttl{
		font-size: 2.625rem;
	}
	.el-vision-ttl > span:nth-of-type(2){
		font-size: 1.75rem;
	}
	.bl-vision-item .el-txt.middle{
		line-height: 1.58;
		letter-spacing: 0.1125rem;
	}
	.bl-value-item{
		width: 100%;
	}
	.el-value-ttl{
		font-size: 2.125rem;
	}
	.bl-value-img-wrapper{
		width: 7.5rem;
	}
}