@charset "utf-8";
/*------------------------------------------------------------
	企業情報（company）
------------------------------------------------------------*/
.company .pageTitle {
	background-image: url(../img/company/kv.jpg);
}
@media all and (max-width: 896px) {
	.company .pageTitle {
		background-image: url(../img/company/kv_sp.jpg);
	}
}

/* カード（会社案内・メッセージ・CSR・サステナビリティ） */
.cardList {
	display: flex;
	justify-content: space-between;
}
.cardList > li {
	width: 50.4rem;
}
.cardList .pho {
	overflow: hidden;
	border-radius: 0.8rem;
}
.cardList .pho img {
	width: 100%;
	aspect-ratio: 504 / 240;
	object-fit: cover;
}
.cardList .links {
	padding: 2.4rem 0;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	row-gap: 1.6rem;
}
.cardList .links.col1 {
	grid-template-columns: 1fr;
}
@media all and (max-width: 896px) {
	.cardList {
		display: block;
	}
	.cardList > li {
		width: auto;
	}
	.cardList > li + li {
		margin-top: 4.8rem;
	}
	.cardList .links {
		padding: 2rem 0 0;
	}
	.cardList .links.col1 {
		row-gap: 1.2rem;
	}
}

/* 会社案内・メッセージ */
.company .intro {
	padding: 3.6rem 0 10.6rem;
}
@media all and (max-width: 896px) {
	.company .intro {
		padding: 1.5rem 0 4.8rem;
	}
}

/* 各種方針・宣言 */
.company .policy {
	padding: 7.2rem 0 10.4rem;
	background: #DFF8F7 url(../img/company/policy_bg.png) no-repeat center / cover;
}
.company .policy .headLine02 {
	margin-bottom: 3.2rem;
}
.company .policy .pillList {
	display: flex;
	justify-content: center;
	gap: 3.6rem;
}
.company .policy .pillList li {
	width: 31.8rem;
}
.company .policy .pillList li.wide {
	width: 37.2rem;
}
@media all and (max-width: 896px) {
	.company .policy {
		padding: 3.2rem 0 4.8rem;
	}
	.company .policy .headLine02 {
		margin-bottom: 2.4rem;
	}
	.company .policy .pillList {
		display: block;
	}
	.company .policy .pillList li,
	.company .policy .pillList li.wide {
		width: auto;
	}
	.company .policy .pillList li + li {
		margin-top: 1.2rem;
	}
}

/* 企業の社会的責任とサステナビリティ */
.company .responsibility {
	padding: 6.4rem 0 8rem;
}
.company .responsibility .cardList .links {
	padding-bottom: 0;
}
@media all and (max-width: 896px) {
	.company .responsibility {
		padding: 4.8rem 0 0;
	}
}
@media all and (max-width: 896px) {
	.cardList .links.spCol1 {
		grid-template-columns: 1fr;
		row-gap: 1.2rem;
	}
}