@charset "utf-8";

/*+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+
会社案内 - 経営理念
+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+*/

/*+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+
- メイン
+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+*/
.philosophy-main {
	padding-bottom: 0;
}

.philosophy-logo .heading_bar:first-child {
	margin-top: 2em;
}

.philosophy-logo .image {
	position: relative;
}

.philosophy-logo .image::before {
	position: absolute;
	inset: 21% auto auto 34%;
	z-index: -1;
	width: 100vw;
	height: 100%;
	background: var(--color_gray_light);
	content: "";
}

@media (min-width: 768px) {
.philosophy-main {
	font-size: 16px;
}

.philosophy-logo {
	display: grid;
	grid-template-columns: minmax(auto, 490px) minmax(auto, 306px);
	column-gap: 9%;
	align-items: center;
}

.philosophy-logo .image {
	grid-row: 1 / 3;
	grid-column: 2;
}

.philosophy-ability-img {
	margin-top: 50px;
}
}

@media (max-width: 767.9px) {
.philosophy-logo .image {
	width: fit-content;
	margin: 0 auto 50px;
}

.philosophy-logo .img {
	width: 197px;
}

.philosophy-ability-img {
	display: block;
	width: 222px;
	margin: 30px auto 0;
}
}