@charset "UTF-8";

/* ==================================================
   第2-A段階：トップページの幅・文字・行間・余白
================================================== */

.index-page {
	font-size: 16px;
	line-height: 1.8;
}

.index-page #wrapper {
	width: 100%;
	max-width: 1180px;
}

/* 既存のヘッダー・画像式ナビは890pxのまま中央配置 */
.index-page #header h1,
.index-page #navigation {
	margin-right: auto;
	margin-left: auto;
}

/* ヘッダー画像を上端から離し、画像全体を87px表示 */
.index-page #header h1 {
	height: 93px;
	padding-top: 6px;
	background-color: #eaf8d7;
	background-position: 0 6px;
}

.index-page #content1,
.index-page #copy {
	width: 100%;
	max-width: 100%;
}

.index-page #p1-1 {
	width: calc(100% - 64px);
	max-width: 1120px;
	margin: 0 auto 28px;
}

.index-page #p1-1 img {
	width: 100%;
	max-width: 100%;
}

.index-page .main-copy {
	width: calc(100% - 64px);
	max-width: 960px;
	margin: 30px auto 42px;
}

.index-page .main-copy p {
	max-width: 840px;
	margin-right: auto;
	margin-left: auto;
	line-height: 1.8;
}

.index-page .home-quick-cta,
.index-page .home-section {
	width: calc(100% - 64px);
	max-width: 1120px;
}

.index-page .home-quick-cta {
	margin-bottom: 56px;
	padding: 28px 32px;
}

.index-page .home-quick-cta p {
	max-width: 840px;
	margin-right: auto;
	margin-bottom: 18px;
	margin-left: auto;
	font-size: 16px;
	line-height: 1.8;
}

.index-page .home-section {
	margin-bottom: 64px;
	padding: 32px 36px;
}

.index-page .home-section-title {
	margin-bottom: 24px;
}

.index-page .home-section-lead {
	max-width: 840px;
	margin-bottom: 24px;
	font-size: 16px;
	line-height: 1.8;
}

.index-page .home-service-list {
	gap: 24px;
}

.index-page .home-service-card {
	flex: 1 1 0;
	min-width: 0;
	width: auto;
	padding: 22px;
}

.index-page .home-service-card img {
	width: 100%;
	max-width: 240px;
	margin: 0 auto 16px;
}

.index-page .home-service-card h3 {
	margin-bottom: 12px;
}

.index-page .home-service-card p {
	margin-bottom: 18px;
	font-size: 15px;
	line-height: 1.75;
}

.index-page .home-reason-list {
	gap: 20px 24px;
}

.index-page .home-reason-list li {
	width: calc(50% - 12px);
	margin: 0;
	padding: 20px 20px 20px 50px;
}

.index-page .home-reason-list span {
	font-size: 15px;
	line-height: 1.75;
}

.index-page .home-flow-list {
	gap: 20px;
}

.index-page .home-flow-list li {
	flex: 1 1 0;
	min-width: 0;
	width: auto;
	padding-right: 16px;
	padding-bottom: 18px;
	padding-left: 16px;
	font-size: 15px;
	line-height: 1.7;
}

.index-page .home-company-box {
	gap: 32px;
}

.index-page .home-company-text {
	flex: 1 1 auto;
	width: auto;
}

.index-page .home-company-trust {
	flex: 0 0 30%;
	width: auto;
	padding: 22px;
}

.index-page .home-company-text th,
.index-page .home-company-text td {
	padding: 13px 14px;
	font-size: 15px;
	line-height: 1.75;
}

.index-page .home-company-trust p {
	font-size: 15px;
	line-height: 1.75;
}

.index-page .home-area-box {
	padding: 24px 28px;
}

.index-page .home-area-box p {
	font-size: 16px;
	line-height: 1.8;
}

.index-page .home-faq {
	margin-bottom: 20px;
	padding: 20px 22px;
}

.index-page .home-faq h3 {
	margin-bottom: 12px;
}

.index-page .home-faq p {
	max-width: 900px;
	font-size: 15px;
	line-height: 1.75;
}

.index-page .home-news-table th,
.index-page .home-news-table td {
	padding: 14px 12px;
	font-size: 15px;
	line-height: 1.75;
}

.index-page .home-notice {
	margin-top: 18px;
}

@media screen and (max-width: 900px) {
	.index-page #p1-1,
	.index-page .main-copy,
	.index-page .home-quick-cta,
	.index-page .home-section {
		width: auto;
		max-width: none;
		margin-right: 24px;
		margin-left: 24px;
	}

	.index-page .home-quick-cta {
		margin-bottom: 56px;
	}

	.index-page .home-section {
		margin-bottom: 56px;
		padding: 28px;
	}

	.index-page .home-service-card,
	.index-page .home-flow-list li {
		width: 100%;
		margin-bottom: 20px;
	}

	.index-page .home-service-card:last-child,
	.index-page .home-flow-list li:last-child {
		margin-bottom: 0;
	}

	.index-page .home-company-text,
	.index-page .home-company-trust {
		width: 100%;
	}
}

@media screen and (max-width: 768px) {
	.index-page #p1-1,
	.index-page .main-copy,
	.index-page .home-quick-cta,
	.index-page .home-section {
		margin-right: 16px;
		margin-left: 16px;
	}

	.index-page .main-copy {
		margin-top: 24px;
		margin-bottom: 34px;
	}

	.index-page .home-quick-cta {
		margin-bottom: 48px;
		padding: 22px 20px;
	}

	.index-page .home-section {
		margin-bottom: 48px;
		padding: 22px 20px;
	}

	.index-page .home-section-title {
		margin-bottom: 20px;
	}

	.index-page .home-reason-list {
		display: block;
	}

	.index-page .home-reason-list li {
		width: 100%;
		margin-bottom: 20px;
	}

	.index-page .home-reason-list li:last-child {
		margin-bottom: 0;
	}

	.index-page .home-company-trust {
		padding: 20px;
	}

	.index-page .home-area-box,
	.index-page .home-faq {
		padding: 18px;
	}

	.index-page .home-news-table th,
	.index-page .home-news-table td {
		padding: 12px 8px;
	}
}