@charset "utf-8";
.contents {
	padding: 80px 0;
}
.contents p {
	font-size: 14px;
	line-height: 1.8em;
}
.contents h3 {
	position: relative;
	font-size: 30px;
	font-family: "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "MS P明朝" , "MS PMincho" , serif;
	text-align: center;
	margin-bottom: 60px;
}
.contents h3::after {
	content: "";
	position: absolute;
	bottom: -15px;
	left: calc(50% - 25px);
	width: 50px;
	height: 6px;
	border-radius: 2px;
	background-color: #36ab89;
	margin: auto;
}
@media (max-width:767px) {
	.contents h3 {
		font-size: 24px;
	}
}

/* contents01 */
.contents.contents01 {
	padding-bottom: 0;
}
.contents01 .textarea p {
	margin-bottom: 20px;
}
.contents01 .textarea p:last-child {
	margin-bottom: 0;
}
.contents01-image01 {
	text-align: right;
}
.contents01 .image-area {
	margin-top: 40px;
}
.contents01-image-text {
	position: relative;
}
.contents01-image-text p {
	font-size: 16px;
	position: absolute;
	bottom: 0;
	left: 0;
}
@media (max-width:767px) {
	.contents01-image01 {
		text-align: center;
	}
	.contents01-image-text p {
		font-size: 14px;
		text-align: center;
		position: inherit;
		bottom: inherit;
		left: inherit;
		margin-top: 10px;
	}
}

/* contents02 */
.contents.contents02 {
	padding-bottom: 0;
}
.contents-table {
	padding: 40px 0;
	border-top: 1px solid #36ab89;
	border-bottom: 1px solid #36ab89;
}
/* table238 */
/*--------------------------------------------------*/
.table238 {
	font-size: 16px;
	width: 100%;
	margin: 0 auto;
	/* ↓長いURLなどを記載する場合に指定するパターン1 */
	/* word-break: break-all; */
	/* ※デメリット → 普通の英単語を入れた場合、単語の途中でも改行されてしまう */
	/* ※英語を使用しない場合 → 上記CSSをデフォルトとして body などに指定しても問題ありません */
	/*
	/* ↓長いURLなどを記載する場合に指定するパターン2 */
	/* table-layout: fixed; */
	/* width: 100%; */
	/* ※デメリット → すべての列の幅が均一になるので、各列の幅を手動で調節する必要があります */
}
.table238 th {
	padding: 10px;
	width: 120px;
}
.table238 td {
	padding: 10px;
}
.table238 td.table238-subth {
	/* background-color: #fafafa; */
}
@media (max-width: 767px) {
	.table238 {
		font-size: 14px;
	}
}
@media (max-width: 575px) {
	.table238 th {
		font-weight: bold;
		display: block;
		border-top: none;
		padding: 5px;
		margin-top: 10px;
	}
	.table238 tr:first-child th {
		margin-top: 0;
	}
	.table238 td {
		display: block;
		border-top: none;
		padding: 5px;
	}
}

/* contents03 */
.contents03-list {
	font-size: 18px;
}
.contents03-list dl {
	padding: 40px 0;
	border-top: 1px solid #36ab89;
	border-bottom: 1px solid #36ab89;
}
.contents03-list dl:last-child {
	border-top: none;
}
.contents03-list dt {
	float: left;
	width: 30%;
}
.contents03-list dd {
	float: right;
	width: 70%;
}
@media (max-width: 991px) {
	.contents03-list {
		font-size: 16px;
	}
	.contents03-list dt {
		float: left;
		width: 40%;
	}
	.contents03-list dd {
		float: right;
		width: 60%;
	}
}
@media (max-width: 767px) {
	.contents03-list dt {
		float: inherit;
		width: 100%;
	}
	.contents03-list dd {
		float: inherit;
		width: 100%;
	}
}