@charset "utf-8";
/* ============================================================================================= */
/*                                                                                               */
/* about 用CSS                                                                                   */
/*                                                                                               */
/* ============================================================================================= */

/* ================================================================ */
/* 事業概要                                                         */
/* ================================================================ */
.gaiyou-list{
	margin-left:15px;
}
.gaiyou-list li{
	background:url(../img/about/gaiyou_arrow.png) no-repeat left 3px;
	padding-left:15px;
	padding-bottom:3px;
}

/* ================================================================ */
/* 施設概要                                                         */
/* ================================================================ */
.gaiyou-table{
	width:95%;
	margin:0 auto;
}
.gaiyou-table th, .gaiyou-table td{
	padding:3px 8px;
	border-bottom:solid 2px #fff;
}
.gaiyou-table th{
	width:80px;
	background:#eee;
	font-weight:normal;
}
.gaiyou-table td{
	background:#f5f5f5;
	border-left:solid 4px #ddd;
}
.gaiyou-table td dl{
	width:560px; 

}
.gaiyou-table td dl dt{
	float:left;
	width:30px;
	padding:2px 0 2px 0px;
	clear:both;
	font-weight:normal;
}

.gaiyou-table td dl dd{
	width:520px;  
	margin-left:35px;  
	padding:2px 5px 2px 5px;  

}


/* ================================================================ */
/* あゆみ                                                           */
/* ================================================================ */
.history-table{
	width:95%;
	margin:0 auto;
}
.history-table th, .history-table td{
	padding:3px 8px;
	border-bottom:solid 2px #fff;
}
.history-table th{
	width:80px;
	background:#eee;
	font-weight:normal;
}
.history-table td{
	background:#f5f5f5;
	border-left:solid 4px #ddd;
}

/* ================================================================ */
/* スタッフ                                                         */
/* ================================================================ */
.staff-layout-table{
	width:95%;
	margin:0 auto;
}
.staff-layout-table td{
	padding:2px 10px 15px 10px;
	vertical-align:top;
	width:350px;
}
.staff-table{
	width:100%;

}
.staff-table th, .staff-table td{
	padding:3px 8px;
	border-bottom:solid 2px #fff;
}
.staff-table th{
	width:300px;
	background:#f5f5f5;
	font-weight:normal;
	padding-left:20px;
}
.staff-table th.title{
	background:#ddd;
	padding-left:8px;
	font-weight:bold;
}
.staff-table td{
	width:50px;
	text-align:right;
	background:#f5f5f5;
}



/* ================================================================ */
/* 普及啓発                                                         */
/* ================================================================ */
.fukujyuji-bouya{
	float:right;
	width:300px;
	text-align:center;
	font-size:13px;
	margin-left:12px;
	margin-bottom:12px;
}

.seal-kikan{
	font-weight:bold;
	color:#f83;
}

.seal-price-table{
	border-left:solid 1px #ccc;
	border-top:solid 1px #ccc;
}
.seal-price-table th, .seal-price-table td{
	padding:3px 8px;
	border-right:solid 1px #ccc;
	border-bottom:solid 1px #ccc;
}
.seal-price-table th{
	background:#eee;
	font-weight:normal;
}
.seal-price-table td{
	text-align:right;
	background:#f5f5f5;
}



/* ================================================================ */
/* FAQ（よくある質問）                                                      */
/* ================================================================ */

.faq__wrap {
	border-bottom: 1px solid #88B5CB;
	margin-bottom: 15px;
	padding-bottom: 7.5px;
}

.question {
  font-weight: bold;
  display: block;
  cursor: pointer;
  margin-bottom: 0.5em;
  box-sizing: border-box;
  position: relative;
  counter-increment: question;
	padding-inline: 5px;
}

.question:not(:first-child) {
	border-top: 1px solid #88B5CB;
	margin-top: 15px;
	padding-top: 15px;
}

.question::before {
	font-family: 'Noto Sans JP';
	font-weight: 700;
	content: "Q"counter(question);
	color: #226688;
	float: left;
}

.question::after {
	content: '';
	position: absolute;
	right: 5px;
	background: #2093CC;
  height: calc(tan(60deg) * 10px / 2);
  width: 15px;
  clip-path: polygon(0 0, 100% 0, 50% 100%);
	transition: 0.5s;
	top: 50%;
}

.question.active::after {
	transform: rotate(180deg);
}

.question p {
	margin-inline: 40px;
}

.answer {
	display: none;
	padding-inline: 5px;
	margin-top: 15px;
}

.answer::before {
	content: "A"counter(question);
	font-family: 'Noto Sans JP';
	font-weight: 700;
	color: #989898;
	display: inline-block;
	float: left;
}

.answer p {
	margin-inline: 40px;
}

.answer.active{
	display: block;
}