@charset "utf-8";
/* CSS Document */

.text_red {
	color: var(--color-primary-default);
	font-weight: bold;
}

.url_link {
	word-break: break-all;
}

.url_link span {
	color: blue;
}

.health_page_img img {
	margin: 30px auto 0px;
}

.president_img {
	display: flex;
	justify-content: flex-end;
	margin-top: 20px;
}

.president_img img {
	width: 100%;
	max-width: 130px;
}

.health_page_rogo img {
	max-width: 500px;
	margin: 30px 0 20px;
}

.challenge_img {
	margin: 30px auto 20px;
}

.text_right {
	text-align: right;
	margin-top: 5px;
}

.ruby {
	margin-top: 5px;
}

.declaration_box {
	display: flex;
	align-items: center;
	padding: 40px;
	background-color: #efdde2;
	margin: 20px 0;
}

.declaration_left {
	margin-right: 50px;
}

.declaration_left img {
	width: 100%;
	max-width: 230px;
}

.health_list {
	margin-bottom: 40px;
}

.health_list li {
	list-style-type: decimal;
	padding-bottom: 10px;
}

.health_list_dot {
	margin-top: 20px;
}

.health_list_dot li {
	list-style: disc;
	margin-left: 20px;
	padding-bottom: 5px;
}

.declaration_right {
	flex-grow: 2;
}

.indent_wrap {
	padding-left: 1em;
	margin-top: 20px;
}

.paragraph_indent_wrap {
	padding-left: 1em;
}

.indent {
	text-indent: 1em;
}

.text_indent {
	text-indent: -1em;
	padding-left: 1em;
	padding-top: 1em;
	line-height: 1.6;
}

.text_indent_list {
	text-indent: -1em;
	padding-left: 1em;
	line-height: 1.6;
}

.health_numbers_ttl {
	padding: 10px;
	background: var(--color-primary-default);
	color: var(--color-white);
	text-align: center;
	margin-bottom: 10px;
}

.health_numbers_first {
	margin-top: 40px;
}

.graph_box {
	display: flex;
	margin-bottom: 30px;
}

.graph_item {
	width: calc((100% - 10px) / 2);
}

.graph_left {
	margin-right: 10px;
}

.graph_table {
	width: 100%;
}

.graph_table th {
	background: #a84b62;
	color: white;
	border-right: solid 3px #fff;
	border-bottom: solid 3px #fff;
	padding: 5px 10px;
	font-weight: normal;
}

.graph_table td {
	text-align: center;
	padding: 5px 10px;
	border-bottom: 1px dotted #ddd;
	border-right: solid 3px #fff;
	border-bottom: solid 3px #fff;
	color: #333;
	background: #f4e8eb;
}

.graph_table td.first_bg {
	background: #debbc4;
}

/*テーブル横スライドバー*/

.scroll-box {
	overflow: auto;
	padding-bottom: 10px;
	margin-bottom: 20px;
}

.health_table {
	border-collapse: collapse;
	width: 1000px;
	table-layout: fixed;
	margin: 20px auto 0;
}

.health_table th {
	background: #a84b62;
	color: white;
	font-weight: normal;
	padding: 5px 10px;
	border-right: 1px dotted white;
	border-right: solid 3px #fff;
	border-bottom: solid 3px #fff;
}

.health_table td {
	text-align: center;
	padding: 10px 20px;
	border-bottom: 1px dotted #ddd;
	border-right: solid 3px #fff;
	border-bottom: solid 3px #fff;
	color: #333;
}

.health_table td:nth-child(1) {
	text-align: left;
}

.health_table tr:nth-child(even) {
	background: #debbc4;
}

.health_table tr:nth-child(odd) {
	background: #f4e8eb;
}

.attempt_table td {
	text-align: left;
}

.table_text_left tr td {
	text-align: left;
}

.table_blue th {
	background: #2F75B5;
}

.table_blue tr:nth-child(even) {
	background: #DDEBF7;
}

.table_blue tr:nth-child(odd) {
	background: #BDD7EE;
}

.attempt_photo {
	padding: 5px;
	display: flex;
	margin-top: 40px;
}

.attempt_photo_item {
	margin: 5px;
}

.attempt_photo_item p {
	background: var(--color-primary-default);
	color: var(--color-white);
	width: 100%;
	margin: 0 0 10px;
	padding: 10px;
	text-align: center;
}

.caption_text {
	text-align: left;
	padding: 0;
}

@media (width <=768px) {

	.declaration_box {
		justify-content: center;
		flex-wrap: wrap;
		padding: 20px 20px 20px 40px;
		margin: 20px 0;
	}

	.declaration_left {
		margin-right: 0;
		margin-bottom: 20px;
	}

	.graph_box {
		flex-wrap: wrap;
	}

	.graph_left {
		margin-right: 0;
		margin-bottom: 20px;
	}

	.graph_item {
		width: 100%;
	}

	.attempt_photo {
		display: flex;
		flex-wrap: wrap;
	}

}