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

h2 {
	margin-bottom: 0.75em;
	font-size: 1.25em;
	color: #008800;
	text-align: center;
	font-weight: bold;
}

.lead p {
	margin-bottom: 0.5em;	
}

.lead p:last-child {
	margin-bottom: 0;
}

h3 {
	margin-bottom: 0.5em;
	padding-top: 0.25em;
	padding-bottom: 0.25em;
	color: #008800;
	text-align: center;
	background-color: #dfdfdf;
}

/* 訪問施術料の切り替え　ここから */
.price-list {
	margin-bottom: 25px;
	display: flex;
	flex-wrap: wrap;
}

.price-list:after {
	content: '';
	width: 100%;
	height: 2px;
	background: #008800;
	display: block;
	order: -1;
}

.tab-label {
	background: #9fef9f;
	white-space: nowrap;
	text-align: center;
	line-height: 1em;
	padding-bottom: 0.25em;
	padding-top: 0.5em;
	order: -1;
	position: relative;
	z-index: 1;
	cursor: pointer;
	border-radius: 1em 1em 0 0;
	flex: 1;
}

.tab-label:not(:last-of-type) {
	margin-right: 5px;
}

.tab-label span {
	font-size: 0.75em;
}

.tab-content {
	width: 100%;
	height: 0;
	overflow: hidden;
	opacity: 0;
}

/* アクティブなタブ */
.tab-switch:checked+.tab-label {
	color: #ffffff;
	background: #008800;
}

.tab-switch:checked+.tab-label+.tab-content {
	height: auto;
	overflow: auto;
	padding-top: 0.5em;
	opacity: 1;
	transition: .5s opacity;
}

/* ラジオボタン非表示 */
.tab-switch {
	display: none;
}
/* 訪問施術料の切り替え　ここまで */

/* 療養費一覧　ここから */
label span {
	font-size: 0.8em;
}

.price-list table {
	margin-left: auto;
	margin-right: auto;
	border-collapse: collapse;
}

.price-list th {
	padding: 0.5em;
	text-align: center;	
	border: 2px solid #008800;
}

.price-list td {
	padding: 0.5em;
	text-align: right;
	border: 2px solid #008800;
}

.price-list th.price {
	background: #dddddd;
}

.price-list th.fee {
	color: #ffffff;
	background: #008800;
}

.price-list th.fee1, .price-list th.fee2, .price-list th.fee3 {
	font-size: 0.8em;
}

.price-list td.price {
	background: #f3f3f3;
}

.fee1 {
	background: #ffff33;
}

.fee2 {
	background: #eeeeaa;
}

.fee3 {
	background: #ffffaa;
}
/* 療養費一覧　ここまで*/

/* 加算料金　ここから */
.kasan {
	display: flex;
	justify-content: center;
}

.kasan h4 {
	margin-top: 0.5em;
	margin-right: 0.75em;
}

.kasan h4 span {
	padding: 0.5em 0.75em;
	color: #008800;
	background-color: #d7efd7;
}

.kasan table {
	border-collapse: collapse;
}

.kasan th {
	padding-bottom: 0.5em;
	padding-left: 0.5em;
	padding-right: 1em;
	padding-top: 0.5em;
	border: 2px solid #008800;
}

.kasan td {
	padding-bottom: 0.5em;
	padding-left: 1em;
	padding-right: 0.5em;
	padding-top: 0.5em;
	text-align: right;
	line-height: 1.5em;
	border: 2px solid #008800;
}
/* 加算料金　ここまで */