@charset "UTF-8";

/* 第5-C段階：会社情報・認証・方針ページ限定補正 */
.phase5c-page,
.phase5c-page * {
	box-sizing: border-box;
}

.phase5c-page #content,
.phase5c-page #content section,
.phase5c-page #content table {
	max-width: 100%;
}

.phase5c-page #content img {
	width: auto;
	max-width: 100%;
	height: auto;
}

/* 各ページのグローバルナビ現在地 */
body.phase5c-page #wrapper #navigation li[id$="-on"] a {
	background: #ffffff !important;
	border-bottom: 3px solid #178637;
	color: #178637 !important;
}

/* 旧画像式のページ見出しを、見出し階層を変えずにテキスト表示へ戻す */
.phase5c-page #content > h2,
.phase5c-page #content > h2#p3-1,
.phase5c-page #content > h2#p5-1,
.phase5c-page #content > h2#p6-1,
.phase5c-page #content > .certification-main-title {
	width: 100%;
	height: auto;
	margin: 0 0 28px;
	padding: 4px 0 14px 18px;
	background: none !important;
	border: 0;
	border-bottom: 2px solid #d7e4d9;
	border-left: 6px solid #178637;
	color: #1e2b22;
	font-size: 28px;
	font-weight: 700;
	line-height: 1.4;
	text-indent: 0;
}

.phase5c-page #content > p#p5-3 {
	width: 100%;
	height: auto;
	margin: 0 0 24px;
	padding: 10px 14px;
	background: #f3f8f1;
	border-left: 5px solid #178637;
	color: #176f31;
	font-size: 21px;
	font-weight: 700;
	line-height: 1.5;
	text-indent: 0;
}

/* 会社概要 */
.company-page.phase5c-page .company-intro,
.company-page.phase5c-page .company-strengths,
.company-page.phase5c-page .company-section {
	width: 100%;
	max-width: 100%;
	margin-right: 0;
	margin-left: 0;
}

.company-page.phase5c-page .company-table,
.company-page.phase5c-page .history-table,
.company-page.phase5c-page .license-table {
	width: 100%;
	table-layout: fixed;
}

.company-page.phase5c-page .company-table th,
.company-page.phase5c-page .history-table th,
.company-page.phase5c-page .license-table th {
	width: 26%;
	background: #f1f8f2;
	color: #243129;
}

.company-page.phase5c-page .company-table th,
.company-page.phase5c-page .company-table td,
.company-page.phase5c-page .history-table th,
.company-page.phase5c-page .history-table td,
.company-page.phase5c-page .license-table th,
.company-page.phase5c-page .license-table td {
	font-size: 16px;
	line-height: 1.75;
	vertical-align: top;
	overflow-wrap: anywhere;
}

/* 認証・許可 */
.certification-page.phase5c-page .certification-intro,
.certification-page.phase5c-page .certification-section,
.certification-page.phase5c-page .certification-feature,
.certification-page.phase5c-page .certification-simple-box {
	width: 100%;
	max-width: 100%;
	margin-right: 0;
	margin-left: 0;
}

.certification-page.phase5c-page .certification-table {
	width: 100%;
	table-layout: fixed;
}

.certification-page.phase5c-page .certification-table th {
	width: 25%;
	background: #f1f8f2;
}

.certification-page.phase5c-page .certification-table th,
.certification-page.phase5c-page .certification-table td {
	font-size: 16px;
	line-height: 1.75;
	vertical-align: top;
	overflow-wrap: anywhere;
}

.certification-page.phase5c-page .certification-feature-image img {
	display: block;
	margin-right: auto;
	margin-left: auto;
}

.certification-page.phase5c-page .pdf-document-list a,
.certification-page.phase5c-page .certification-pdf-cell a,
.certification-page.phase5c-page .certification-links a {
	min-height: 44px;
}

/* 個人情報・利用目的・環境方針の長文 */
.privacy-page.phase5c-page #content > section,
.purpose-page.phase5c-page #content > section,
.environment-page.phase5c-page #content > section {
	width: 100%;
	margin: 0;
	padding: 30px 32px;
	background: #ffffff;
	border: 1px solid #dfe8e1;
	border-radius: 10px;
	box-shadow: 0 8px 22px rgba(22, 72, 35, .05);
}

.privacy-page.phase5c-page #content .e-title,
.purpose-page.phase5c-page #content .e-title,
.environment-page.phase5c-page #content .e-title {
	width: 100%;
	height: auto;
	margin: 30px 0 14px;
	padding: 9px 12px;
	background: #f1f8f2 !important;
	border: 0;
	border-left: 4px solid #178637;
	color: #233128;
	font-size: 19px;
	font-weight: 700;
	line-height: 1.55;
	text-align: left;
	text-indent: 0;
}

.privacy-page.phase5c-page #content section > .e-title:first-child,
.purpose-page.phase5c-page #content section > .e-title:first-child,
.environment-page.phase5c-page #content section > .e-title:first-child {
	margin-top: 0;
}

.privacy-page.phase5c-page #content .e-contents,
.purpose-page.phase5c-page #content .e-contents,
.environment-page.phase5c-page #content .e-contents,
.privacy-page.phase5c-page #content .e-contents-r,
.purpose-page.phase5c-page #content .e-contents-r,
.environment-page.phase5c-page #content .e-contents-r {
	width: 100%;
	height: auto;
	margin: 0 0 18px;
	padding: 0;
	background: none;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	color: #333333;
	font-size: 16px;
	line-height: 1.85;
	text-align: left;
	text-indent: 0;
	overflow-wrap: anywhere;
}

.privacy-page.phase5c-page #content .e-contents-r,
.purpose-page.phase5c-page #content .e-contents-r,
.environment-page.phase5c-page #content .e-contents-r {
	text-align: right;
}

.purpose-page.phase5c-page #content .env-lead-box {
	width: 100%;
	margin: 0 0 28px;
	padding: 22px 24px;
}

.purpose-page.phase5c-page #content .consultation-guide {
	margin-top: 34px;
	padding: 0;
	border: 0;
	box-shadow: none;
}

@media screen and (max-width: 1023px) {
	body.phase5c-page #wrapper #navigation li[id$="-on"] a {
		border-bottom: 3px solid #178637;
	}
}

@media screen and (max-width: 768px) {
	body.phase5c-page #wrapper #navigation li[id$="-on"] a {
		background: #f1f8f2 !important;
		border-bottom: 1px solid #d8e6da;
		border-left: 4px solid #178637;
	}

	.phase5c-page #content > h2,
	.phase5c-page #content > h2#p3-1,
	.phase5c-page #content > h2#p5-1,
	.phase5c-page #content > h2#p6-1,
	.phase5c-page #content > .certification-main-title {
		margin-bottom: 24px;
		padding: 2px 0 12px 14px;
		font-size: 25px;
	}

	.privacy-page.phase5c-page #content > section,
	.purpose-page.phase5c-page #content > section,
	.environment-page.phase5c-page #content > section {
		padding: 22px 20px;
	}

	.privacy-page.phase5c-page #content .e-title,
	.purpose-page.phase5c-page #content .e-title,
	.environment-page.phase5c-page #content .e-title {
		font-size: 18px;
	}
}

@media screen and (max-width: 600px) {
	.company-page.phase5c-page .company-table,
	.company-page.phase5c-page .history-table,
	.company-page.phase5c-page .license-table,
	.certification-page.phase5c-page .certification-table,
	.company-page.phase5c-page .company-table tbody,
	.company-page.phase5c-page .history-table tbody,
	.company-page.phase5c-page .license-table tbody,
	.certification-page.phase5c-page .certification-table tbody,
	.company-page.phase5c-page .company-table tr,
	.company-page.phase5c-page .history-table tr,
	.company-page.phase5c-page .license-table tr,
	.certification-page.phase5c-page .certification-table tr,
	.company-page.phase5c-page .company-table th,
	.company-page.phase5c-page .company-table td,
	.company-page.phase5c-page .history-table th,
	.company-page.phase5c-page .history-table td,
	.company-page.phase5c-page .license-table th,
	.company-page.phase5c-page .license-table td,
	.certification-page.phase5c-page .certification-table th,
	.certification-page.phase5c-page .certification-table td {
		display: block;
		width: 100%;
	}

	.company-page.phase5c-page .company-table tr,
	.company-page.phase5c-page .history-table tr,
	.company-page.phase5c-page .license-table tr,
	.certification-page.phase5c-page .certification-table tr {
		margin-bottom: 14px;
		border: 1px solid #dbe5dd;
		border-radius: 6px;
		overflow: hidden;
	}

	.company-page.phase5c-page .company-table th,
	.company-page.phase5c-page .history-table th,
	.company-page.phase5c-page .license-table th,
	.certification-page.phase5c-page .certification-table th {
		border-bottom: 1px solid #dbe5dd;
	}
}