@charset "utf-8";

/* -------------------------------------------------------------
    page-intro-area
-------------------------------------------------------------- */

@media screen and (max-width: 768px) {

	.page-intro-area .page-mv {
		width: 90%;
		height: unset;
	}
	.page-intro-area .inner {
		margin: 20px 0 0;
		gap: 20px;
	}

}

/* -------------------------------------------------------------
    philosophy-area
-------------------------------------------------------------- */
.philosophy-area {
	margin: 80px 0 170px !important;
}
.philosophy-area .img-wrap {
	z-index: 1;
}

.philosophy-area .section-page-ttl {
	z-index: 1;
}

.philosophy-area .section-en-deco {
	position: absolute;
	top: -60px;
	left: -20px;
	color: rgba(255, 255, 255, 0.8);
	font-size: 11rem;
	font-weight: 700;
}

@media screen and (max-width: 768px) {

	.philosophy-area {
		margin: -40px 0 0 0 !important;
	}

	.philosophy-area .section-en-deco {
		top: 420px;
		left: -10px;
		color: rgba(255, 255, 255, 0.8);
		font-size: 5rem;
	}

}

/* -------------------------------------------------------------
    strengths-area
-------------------------------------------------------------- */
#about .strengths-area .strengths-block .img {
	border: solid 1px var(--lightgray02);
	/* box-shadow: 0 0 40px rgba(0, 0, 0, 0.05); */
}

@media screen and (max-width: 768px) {

	.strengths-area {
		background: unset;
		overflow: hidden;
	}
	.strengths-area::after {
		position: absolute;
		top: 380px;
		left: 0;
		content: "";
		width: 100%;
		height: 100%;
		background: var(--lightgray);
		border-radius: 0 0 0 10px;
		z-index: -1;
	}

	#about .strengths-area .strengths-block .img {
		border-top: unset;
		border-right: unset;
		border-left: unset;
		border-bottom: solid 1px var(--lightgray02);
	}

}