@charset "UTF-8";

/* 導入文 */
.p-benefits-intro__txt {
	text-align: center;
}

/* 福利厚生一覧 */
.p-benefits-list {
	background-color: var(--color04);
	padding: 120px 0;
}

.p-benefits-list__list {
	display: flex;
	flex-direction: column;
	gap: 40px;
}

.p-benefits-list__item {
	display: flex;
	align-items: center;
	gap: 16px 6%;
	padding: 40px;
	background-color: var(--color_white);
	border: 1px solid var(--color01);
	border-radius: 24px;
	-webkit-border-radius: 24px;
	-moz-border-radius: 24px;
	-ms-border-radius: 24px;
	-o-border-radius: 24px;
}

.p-benefits-list__img {
	width: 23%;
}

.p-benefits-list__body { flex: 1; }

.p-benefits-list__heading {
	color: var(--color01);
	font-size: clamp(20px, calc(28 / 768 * 100vw), 28px);
	font-weight: var(--fw_jp_bold);
	line-height: 1.5;
	letter-spacing: 0.1em;
	margin-bottom: 0.6em;
}

.p-benefits-back__btns { text-align: center; }

/* スマートフォン用 */
@media screen and (max-width: 768px) {

	/* 導入文 */
	.p-benefits-intro__txt { text-align: justify; }

	/* 福利厚生一覧 */
	.p-benefits-list { padding: 64px 0; }
	.p-benefits-list__list { gap: 24px; }
	.p-benefits-list__item { flex-direction: column; padding: 24px; border-radius: 16px; -webkit-border-radius: 16px; -moz-border-radius: 16px; -ms-border-radius: 16px; -o-border-radius: 16px; }
	.p-benefits-list__img { width: 100%; max-width: 180px; margin: 0 auto; }
	.p-benefits-list__body { width: 100%; }

}