/********* あなたの症状は? *******************************************/

ul.bt_symptom {
position: relative;
	margin: 0;
	padding: 0;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
ul.bt_symptom::after {
display: block;
content: "";
	width: calc(100% / 4 - 16px);
}
ul.bt_symptom::before {
display: block;
content: "";
	width: calc(100% / 4 - 16px);
	order: 1;
}
ul.bt_symptom li {
	list-style: none;
	display: block;
	width: calc(100% / 4 - 16px);
	margin: 0;
	padding: 0;
}
ul.bt_symptom li a {
	display: block;
}
ul.bt_symptom li:nth-child(n+5) {
	margin-top: 24px;
}

ul.bt_symptom li a:hover {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    opacity: 0.7;
}
@media only screen and (max-width: 640px) {
ul.bt_symptom::after {
display: block;
content: "";
	width: calc(100% / 3 - 8px);
}
ul.bt_symptom::before {
display: block;
content: "";
	width: calc(100% / 3 - 8px);
	order: 1;
}
ul.bt_symptom li {
	width: calc(100% / 3 - 8px);
}
ul.bt_symptom li:nth-child(n+4) {
	margin-top: 12px;
}

}


ul.bt_symptom_s {
position: relative;
	margin: 0;
	padding: 0;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
ul.bt_symptom_s::after {
display: block;
content: "";
	width: calc(100% / 7 - 8px);
}
ul.bt_symptom_s::before {
display: block;
content: "";
	width: calc(100% / 7 - 8px);
	order: 1;
}
ul.bt_symptom_s li {
	list-style: none;
	display: block;
	width: calc(100% / 7 - 8px);
	margin: 0;
	padding: 0;
}
ul.bt_symptom_s li:nth-child(n+8) {
	margin-top: 24px;
}
ul.bt_symptom_s li a {
	display: block;
}


ul.bt_symptom_s li a:hover {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    opacity: 0.7;
}

@media only screen and (max-width: 640px) {
ul.bt_symptom_s::after {
display: block;
content: "";
	width: calc(100% / 4 - 4px);
}
ul.bt_symptom_s::before {
display: block;
content: "";
	width: calc(100% / 4 - 4px);
	order: 1;
}
ul.bt_symptom_s li {
	width: calc(100% / 4 - 4px);
}
ul.bt_symptom_s li:nth-child(n+5) {
	margin-top: 4px;
}
}




 dl.bt_list_symptom {
	margin: 0;
	padding: 0;
	margin-bottom: 5px;
	border:1px solid #bee1fa;
	background-color: #73c0fa;
	border-radius: 5px;
}

 dl.bt_list_symptom dt {
	 float: left;
	 clear: both;
	color: #FFF;
	margin: 0;
	padding: 8px;
	width: 2em;
	font-weight: bold;
}
 dl.bt_list_symptom dd {
	margin: 0;
	 margin-left: 2em;
	padding: 0;
	text-decoration:none;
	display: block;
	font-weight:bold;
	color: #73c0fa;
	background-color: #f2f9fe;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f2f9fe), to(#d6f0fd));
	background-image: -webkit-linear-gradient(top, #f2f9fe, #d6f0fd);
	background-image: -moz-linear-gradient(top, #f2f9fe, #d6f0fd);
	background-image: -ms-linear-gradient(top, #f2f9fe, #d6f0fd);
	background-image: -o-linear-gradient(top, #f2f9fe, #d6f0fd);
	background-image: linear-gradient(to bottom, #f2f9fe, #d6f0fd);
	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#f2f9fe, endColorstr=#d6f0fd);
 }
dl.bt_list_symptom dd a {
	padding: 8px 16px;
	display: block;
	color: #18D;
	text-decoration: none;
}

 dl.bt_list_symptom dd:hover {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    opacity: 0.7;
 }
 
 
h4.title_disorder {
	border-left: 7px solid #18D;
	color: #18D;
	padding: 8px 8px;
	line-height: 1.0;
}


dl.list_flow {
display: block;
	margin: 0;
	padding: 0;
}
dl.list_flow dt {
display: block;
	color: #18D;
	font-weight: bold;
	border-bottom: 1px solid #18D;
	margin: 0;
	margin-bottom: 8px;
	padding: 0;
}
dl.list_flow dd {
display: block;
	margin: 0;
	margin-bottom: 16px;
}
dl.list_flow dd::last-child {
	margin-bottom: 0;
}



table.list_table_center {
margin: 0;
padding: 0;
table-layout: auto;
width: auto;
background: none;
	border: 1px solid #18D;
}
table.list_table_center tr {
margin: 0;
padding: 0;
background: none;
	border: none;
}
table.list_table_center th,
table.list_table_center td {
	border: 1px solid #18D;
	padding: 4px 16px;
	white-space: nowrap;
}

table.list_table_center th {
	color: #18D;
	background-color: #CEF;
}
table.list_table_center td {
	text-align: center;
}


ol.bt_list_symptom, ul.bt_list_symptom {
	margin: 0;
	padding: 0;
	line-height: 130%;
}

ul.bt_list_symptom li {
	list-style: none;
	color: #73c0fa;
	margin: 0;
	padding: 0;
	font-weight: bold;
}
ol.bt_list_symptom li {
	list-style-position: inside;
	color: #18D;
	margin: 0 3px;
	padding: 0;
	width: 60%;
	font-weight: bold;
}
ol.bt_list_symptom li a, ul.bt_list_symptom li a {
	display: block;
	border:1px solid #bee1fa;
	border-radius: 3px;
	padding: 8px 16px;
	margin-bottom: 4px;
	text-decoration:none;
	font-weight:bold;
	color: #18D;
	background-color: #f2f9fe;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f2f9fe), to(#d6f0fd));
	background-image: -webkit-linear-gradient(top, #f2f9fe, #d6f0fd);
	background-image: -moz-linear-gradient(top, #f2f9fe, #d6f0fd);
	background-image: -ms-linear-gradient(top, #f2f9fe, #d6f0fd);
	background-image: -o-linear-gradient(top, #f2f9fe, #d6f0fd);
	background-image: linear-gradient(to bottom, #f2f9fe, #d6f0fd);
	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#f2f9fe, endColorstr=#d6f0fd);
 }
ol.bt_list_symptom li a:hover, ul.bt_list_symptom li a:hover {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    opacity: 0.7;
 }