/* about */



.yakuin {
	overflow:hidden;
}

.yakuin dt {
	float: left;
	clear: both;
	margin-bottom: 5px;
}

.yakuin dd {
	padding: 0 0 0 8em;
	margin-bottom: 5px;
}

/* free */

.dtGensoku {
	display: flex;
	border: 1px solid #9ac5c9;
}

.dtGensoku dt {
	background: #9ac5c9;
	color: #FFF;
	vertical-align: middle;
	padding: 1em;
	white-space: nowrap;
	font-size:163%;
}

.dtGensoku dd {
	padding: 1em;
}

.dtGensoku dd strong {
	font-size:163%;
}

.gensokubox {
	border: 1px solid #9ac5c9;
	border-top: none;
	padding: 1em;
}

.gensokubox .reigai {
	background: #f7f2dd;
	padding: 1em;
}

.gensokubox .reigai p {
	margin-bottom: 0;
}


@media only screen and (max-width: 767px) {

.dtGensoku dt {
	background: #9ac5c9;
	color: #FFF;
	vertical-align: middle;
	padding: 1em;
	white-space: nowrap;
	font-size:125%;
}

.dtGensoku dd {
	padding: 1em;
}

.dtGensoku dd strong {
	font-size:125%;
}
}

/* beforeafter */

.beforeafter {
	display: flex;
  flex-wrap: wrap;
	width: 100%;
	 justify-content: space-between;
}

.beforeafter > .case {
	width: 48%;
	margin-bottom: 50px;
}

.beforeafter > .case h3 {
	color:#7dafc8;
	font-weight: bold;
	font-size: 113%;
}

.beforeafter > .case .photo {
	margin-bottom: 10px;
}

.beforeafter > .case dt {
	display: inline-block;
	padding: 3px 5px;
	border-radius: 4px;
	color: #FFF;
	margin-bottom: 5px;
}

.beforeafter > .case dt.before {	background:#97c0b1;}
.beforeafter > .case dt.after {	background:#7dafc8;}

.beforeafter > .case dd {
	margin-bottom: 5px;
}

@media only screen and (max-width: 767px) {

.beforeafter {
	display: block;
  flex-wrap: wrap;
	width: 100%;
	 justify-content: space-between;
}

.beforeafter > .case {
	width: 100%;
	margin-bottom: 20px;
	border-bottom: 1px dashed #CCC;
}


}