@charset "utf-8";

h1 {
	font-size: 2.2em;
}
h1:nth-of-type(n + 2) {
	margin-top: 56px;
}
h2 {
	font-size: 1.1em;
}
h3 {
	color: #00C4CC;
	margin: 28px 0 8px 0;
	padding-left: 8px;
	font-size: 1.65em;
	border-left: solid 4px;
}

.main {
	padding: 8px 12px 0 12px;
}
.main > div {
	margin-left: 16px;
	margin-right: 16px;
}
.main > div a {
	color: #00C7EA;
}
.main > div a:hover {
	color: #56D2FF;
}
.main > div img {
	margin-top: 8px;
}
.two_line {
	display: flex;
	justify-content: space-between;
}
.two_line > div {
	width: calc(50% - 16px);
}
.annotation {
	display: flex;
	justify-content: space-between;
	padding-left: 40px;
	padding-right: 18%;
}
.annotation > div {
	width: calc(50% - 24px);
	padding: 0 16px;
}
.sub {
	font-size: 0.8em;
}
.plan {
	margin-left: 1.0em;
	font-size: 0.7em;
	color: #ED7D31;
}
.verify {
	display: inline-block;
	vertical-align: top;
}
.comment {
	display: inline-block;
	vertical-align: top;
	padding: 2.0em;
}
.comment > li:first-of-type {
	margin: 0.6em 0;
	list-style-type: none;
}
.comment > li {
	margin-left: 2.0em;
	list-style-type: circle;
}
.caption {
	position: relative;
}
.caption p {
	position: absolute;
}
.caption .report_data {
	padding-top: calc(2em + 8px);
}
.caption .report_data_header_1 {
	top: calc(1em + 8px);
	left: 4px;
}
.caption .report_data_header_2 {
	top: calc(21em + 8px);
	left: 4px;
}
.report_total {
	display: flex;
	justify-content: space-between;
	width: 80%;
	margin-top: 1em;
}
.report_total > div {
	width: calc(50% - 16px);
}
.report_total > div > p {
	position: relative;
	display: block;
	padding-left: 24px;
	color: #C00000;
}
.report_total > div > p::before {
	position: absolute;
	top: .6rem;
	left: .8rem;
	content: '';
	width: 0px;
	height: 0px;
	border-top: 8px solid #C00000;
	border-bottom: 0px solid transparent;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
}
.report_total > div > img {
	margin-top: 4px;
}
.note {
	display: flex;
}
.note > div {
	width: calc(100% / 4);
}
.note > div > ul > li {
	list-style-type: none;
}
.note > div > ul > li:first-of-type {
	margin: 0.6em 1.8em 0.6em 0;
	color: #00C7EA;
	border-bottom: 1px #00C7EA solid;
}
.note > div > ul > li > ul > li {
	margin-left: 3.0em;
	list-style-type: disc;
}
.note + p {
	margin-top: 1.0em;
	font-size: 0.7em;
}

.img_80 {
	width: 80px;
	margin-left: 4.0em;
}
.img_230 {
	width: 230px;
}
.img_260 {
	width: 260px;
}
.img_300 {
	width: 300px;
}
.img_400 {
	width: 400px;
}
.img_80per {
	width: 80%;
}
.img_100per {
	width: 100%;
}