.article {
	margin:80px 0 100px;
}

.article__category {
	margin:0 5%;
	padding-bottom:0.2em;
	font-size:30px;
	font-weight:700;
	color:#009d96;
	text-align:center;
	border-bottom:1px solid #009d96;
}
.article__ttl {
	margin:40px 5% 20px;
	font-size:20px;
	font-weight:700;
}
.article__date {
	margin:0 5%;
	text-align:right;
	font-size:84%;
}
.article__content {
	margin:40px 5% 0;
	font-size:90%;
}
.article__content p {
	margin-bottom:2em;
}
.article__prev-next {
	display:flex;
	justify-content: space-between;
	margin:50px 5% 0;
	font-size:90%;
}
.article__prev-next a {
	margin:0 0px;
	padding:10px 1.5em;
	font-size:100%;
	font-weight:bold;
	color:#009D96;
	background:#fff;
	border:4px solid #009D96;
	border-radius: 40px;
}
.article__prev-next a:hover {
	color:#009D96;
	background:#d5fffd;
}

@media screen and (max-width: 760px) {
	.article__content iframe {
		width:100%;
		height:250px;
	}
}
@media screen and (min-width: 960px) {
	.article {
		margin:80px auto 120px;
		width:960px;
	}
	.article__category {
		margin:0 0;
		font-size:40px;
	}
	.article__ttl {
		margin:60px 5% 20px;
		font-size:30px;
	}
	.article__content {
		margin:40px 0 0;
		padding:0 5%;
	}
	.article__prev-next {
		justify-content: center;
	}
	.article__prev-next a {
		margin:0 20px;
	}
}

.article__content_info-list {
	text-align:left;
	font-size:90%;
}
.article__content_info-list dt {
	margin-bottom:5px;
	font-weight:bold;
	color:#009D96;
}
.article__content_info-list dd {
	margin-bottom:15px;
	line-height:1.4em;
}
.article__content_info-list dd a {
	color:#000;
	text-decoration: underline;
}
.article__content_info-list dd a:hover {
	color:#009d96;
	text-decoration: underline;
}
@media screen and (min-width: 960px) {
	.article__content_info-list {
		display:flex;
		flex-wrap: wrap;
		justify-content: space-around;
		margin:0 auto;
		width:100%;
	}
	.article__content_info-list dt {
		margin-bottom:20px;
		width:21%;
		text-indent:3em;
	}
	.article__content_info-list dd {
		margin-bottom:20px;
		width:79%;
	}
}

/* FAQ - a question/answer definition list (faq.php). */
.faq__list {
	margin: 2em 5% 0;
}
.faq__question {
	margin-top: 1.5em;
	padding-left: 1.6em;
	position: relative;
	font-size: 18px;
	font-weight: 700;
	color: #009d96;
	line-height: 1.6;
}
.faq__question::before {
	content: "Q";
	position: absolute;
	left: 0;
	font-weight: 700;
}
.faq__answer {
	margin: 0.6em 0 0;
	padding-left: 1.6em;
	position: relative;
	line-height: 1.8;
}
.faq__answer::before {
	content: "A";
	position: absolute;
	left: 0;
	font-weight: 700;
	color: #888;
}
@media screen and (min-width: 768px) {
	.faq__list {
		margin: 2em 0 0;
	}
	.faq__question {
		font-size: 20px;
	}
}