@charset "utf-8";
:root {
	--om-fv-height: 840px;
}
	#OM_fv_bg {background-image: url(../images/OM_top_bg_design.svg);}
	#OM_our_values::before{background-image: url(../images/OM_our_value_bg_design.svg);}
#page_our-mission {
	text-align: center;
	padding: 0;
	margin-bottom: 10rem;
}
#page_our-mission h1{
	margin-bottom: 10.6rem;;
}
#page_our-mission #our_mission_fv {
	height: var(--om-fv-height);
}
#page_our-mission #fv_phrase_box {
	margin:auto;
	width: 100%;
}
#page_our-mission #fv_phrase_box h2  {
	display: inline-block;
	padding-left: 0.74em;
	letter-spacing: -0.09em;
	text-align: left;
	line-height:1.2;
	font-size: 8.2rem;
	font-weight:500;
	margin-bottom: 2.0rem;
	opacity: 0;
	-webkit-animation: 1.3s ease-out 2.1s forwards fadein_1;
	        animation: 1.3s ease-out 2.1s forwards fadein_1;
	-webkit-animation-iteration-count: 1;
	        animation-iteration-count: 1;
}
#page_our-mission #fv_phrase_box p {
	font-size: 2rem;
	opacity: 0;
	-webkit-animation: 1.3s ease-out 2.9s forwards fadein_1;
	        animation: 1.3s ease-out 2.9s forwards fadein_1;
	-webkit-animation-iteration-count: 1;
	        animation-iteration-count: 1;
}
#OM_fv_bg {
	position: absolute;
	top: 1rem;
	width: calc(var(--om-fv-height) *1.95);
	height:var(--om-fv-height);
	left: calc(50% + 26px);
	-webkit-transform: translatex(-50%);
	        transform: translatex(-50%);
	background-repeat: no-repeat;
	background-size: contain;
	overflow-x:hidden;
}
#OM_fv_bg::before {
	content:"";
	position: absolute;
	top:0;
	width:100%;
	height: 100%;
	left: 0;
	background-color: white;
	-webkit-transform-origin: center center;
	        transform-origin: center center;
	-webkit-animation: 1s ease-out 0.3s forwards side_fadein;
	        animation: 1s ease-out 0.3s forwards side_fadein;
	-webkit-animation-iteration-count: 1;
	        animation-iteration-count: 1;
}
@-webkit-keyframes side_fadein {
	from {
		-webkit-transform: scaleX(1);
		        transform: scaleX(1);
	}
	to {
		-webkit-transform: scaleX(0);
		        transform: scaleX(0);
	}
}
@keyframes side_fadein {
	from {
		-webkit-transform: scaleX(1);
		        transform: scaleX(1);
	}
	to {
		-webkit-transform: scaleX(0);
		        transform: scaleX(0);
	}
}
@-webkit-keyframes fadein_1 {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
@keyframes fadein_1 {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

#OM_our_values {
	position: relative;
	margin-bottom: 17rem;
}
#OM_our_values::before {
	--bg-height: 890px;
	content:"";
	position: absolute;
	top:100px;
	left: 50%;
	-webkit-transform: translate(-50%);
	        transform: translate(-50%);
	width: calc(var(--bg-height) * 1.865);
	height: var(--bg-height);
	background-repeat: no-repeat;
	background-size: contain;
	overflow-x:hidden;
	z-index: 10;
	opacity: 0.8;
}
#OM_our_values h3 {
	font-size: 4.9rem;
	color:var(--color-main-3);
	margin-bottom: 4.6rem;
}
#OM_our_values h4 {
	font-size: 2.7rem;
	margin-bottom: 1.7rem;
}
#OM_our_values p {
	font-size: 2rem;
	margin-bottom:7.2rem; 
}

@media print, screen and (max-width : 768px)  {
	:root {
		--om-fv-height: 640px;
	}
	#page_our-mission #fv_phrase_box h2  {
		font-size: 4.5rem;
		padding-left: 0.92em;
	}
	#page_our-mission #fv_phrase_box p {
		font-size: 1.5rem;
	}
	#OM_our_values::before {
		--bg-height: 360px;
		top: 37%;
	}
	#OM_our_values h3 {
		font-size: 3.2rem;
		margin-bottom: 3rem;
	}
	#OM_our_values h4 {
		font-size: 2.2rem;
		margin-bottom: 1.2rem;
	}
	#OM_our_values p {
		font-size: 1.6rem;
		margin-bottom:5rem; 
	}
}