@charset "utf-8";

/*+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+
ご挨拶・企業理念
+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+*/
.philosophy-article section {
	background-position: center bottom;
	background-size: 144%;
	background-repeat: no-repeat;
}

.philosophy-box {
	width: calc(100% - var(--padding-inline) * 2);
	max-width: var(--content-width_medium);
	margin-inline: auto;
	background: #fff;
}

.philosophy-header {
	display: flex;
	height: 160px;
	-webkit-mask: url("../img/philosophy/header-mask.svg") center center / 100% 100% no-repeat;
	mask: url("../img/philosophy/header-mask.svg") center center / 100% 100% no-repeat;
	justify-content: center;
	align-items: center;
}

.philosophy-header .heading_enja-en {
	color: #fff;
}

.philosophy-content {
	max-width: var(--content-width_small);
	margin-inline: auto;
	padding: var(--padding-block) var(--padding-inline);
}

@media (min-width: 768px) {
.philosophy-header {
	height: 335px;
}
}

/*+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+
- 代表あいさつ
+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+*/
.philosophy-greeting {
	position: relative;
	z-index: 0;
	background-image: url("../img/common/ellipse_blue.svg");
}

.philosophy-greeting .img01,
.philosophy-greeting .img02 {
	position: absolute;
	z-index: -1;
	width: calc(50% - 450px);
	min-width: 150px;
	height: 740px;
	object-fit: cover;
}

.philosophy-greeting .img01 {
	inset: 30px auto auto 0;
	border-top-right-radius: var(--border-radius);
}

.philosophy-greeting .img02 {
	inset: auto 0 var(--padding-block_negative) auto;
	border-bottom-left-radius: var(--border-radius);
}

.philosophy-greeting .philosophy-header {
	background: var(--color_main_light);
}

.philosophy-greeting .copy {
	margin-bottom: 1.4em;
	font-weight: 600;
	font-size: 22px;
	text-align: center;
}

.philosophy-greeting .ceo {
	display: grid;
	margin-top: 2em;
	grid-template-columns: auto auto;
	column-gap: 1.5em;
	justify-content: end;
	align-items: center;
}

@media (min-width: 768px) {
.philosophy-greeting .copy {
	font-size: 32px;
}
}

@media (max-width: 767.9px) {
.philosophy-greeting .ceo-img {
	width: 160px;
}
}

/*+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+
- 企業理念
+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+*/
.philosophy-main {
	background-image: url("../img/common/ellipse_green.svg");
	text-align: center;
}

.philosophy-main .philosophy-header {
	background: var(--color_green_light);
}

/*+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+
- 経営方針
+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+*/
.philosophy-policy {
	margin-bottom: var(--padding-block);
	background-image: url("../img/common/ellipse_blue.svg");
}

.philosophy-policy .philosophy-header {
	background: #7796ec;
}

.philosophy-policy-li {
	position: relative;
	padding-left: 32px;
	counter-increment: number;
}

.philosophy-policy-li:not(:last-child) {
	margin-bottom: 2em;
}

.philosophy-policy-li::before {
	position: absolute;
	inset: 0 auto auto 0;
	color: var(--color_sub);
	font-weight: 500;
	font-size: 32px;
	font-family: var(--font_en);
	line-height: 1;
	content: counter(number);
}

.philosophy-policy-li .heading {
	margin-bottom: 0.5em;
	font-weight: 600;
	font-size: 20px;
}

@media (min-width: 768px) {
.philosophy-policy-li {
	padding-left: 40px;
}

.philosophy-policy-li::before {
	font-size: 40px;
}

.philosophy-policy-li .heading {
	font-size: 24px;
}
}