@charset "utf-8";

/* treatment08_pc.css：PC
 * ======================================
 *
 * ======================================
 */

/* #treatment08
------------------------------------------------------------------ */

.medical section dl {
	margin-top: 30px;
}
.medical section dt:not(.case dt) {
	background: #f9f9f9;
	border-top: 1px dotted #dadada;
	border-bottom: 1px dotted #dadada;
	padding: 0.5em 1em;
}
.medical section dd {
	padding: 0.5em 1em;
}
table th {
	border-left: 1px solid #dadada;
}
table tbody th {
	width: 33%;
}
#treatment08_cat09 dl {
	width: 70%;
	margin: 0 auto;
	display: block;
}

/* #treatment08_cat05_06
------------------------------------------------------------------ */
/* 共通 */
#treatment08_cat05 > dl > dt,
#treatment08_cat06 > dl > dt {
	background: #f9f9f9;
	border-top: 1px dotted #dadada;
	border-bottom: 1px dotted #dadada;
	padding: 0.5em 1em;
}

/* グリシルグリシン導入イラスト */
#treatment08_cat06 > div {
	margin: 60px 0 0 0;
}
#treatment08_cat06 > div dl {
	width: 40%;
	float: left;
	position: relative;
}
#treatment08_cat06 > div dl:nth-child(even) {
	float: right;
}
#treatment08_cat06 > div dt {
	text-align: center;
	padding: 1em 0;
	font-weight: bold;
	background: #f9f9f9;
	border-top: 1px dotted #dadada;
	margin: 0 0 20px 0;
}
#treatment08_cat06 > div dd img {
	width: 100%;
}
#treatment08_cat06 > div dl + dl:before {
	content: "";
	position: absolute;
	width: 32px;
	height: 52px;
	background: url(../../images/arrow_h.png) no-repeat center center;
	background-size: contain;
	top: 50%;
	left: -23%;
	margin: -26px 0 0 -16px;
}

.att_list{
list-style-type: none;
margin-top: 3em;
}
.att_list li{
text-align: left;
padding-left: 1em;
text-indent: -1em;
margin-bottom: 10px;
}