@charset "UTF-8";
/* ==========================================================================
   Layout / main・inner
   ========================================================================== */
.l-main {
	display: block;
}

/* インナー：1025〜1920px → max 1100px */
.l-inner {
	width: 100%;
	max-width: var(--inner-max);
	margin-inline: auto;
	padding-inline: var(--inner-pad);
}

/* 1921px 以上 → インナー 1500px で中央配置 */
@media (min-width: 1921px) {
	.l-inner {
		max-width: var(--inner-max-xl);
	}
}

/* スマホ → 左右 15px の余白 */
@media (max-width: 767px) {
	.l-inner {
		padding-inline: var(--inner-pad-sp);
	}
}

/* セクション共通の縦リズム */
.p-about,
.p-service,
.p-recruit,
.p-bottom {
	padding-block: 100px;
}

@media (max-width: 1024px) {
	.p-about,
	.p-service,
	.p-recruit,
	.p-bottom {
		padding-block: 72px;
	}
}

@media (max-width: 767px) {
	.p-about,
	.p-service,
	.p-recruit,
	.p-bottom {
		padding-block: 56px;
	}
}