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

ul.bt_symptom {
position: relative;
	margin: 0;
	padding: 0;
	display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap:16px;
}
ul.bt_symptom li {
	list-style: none;
	display: block;
	margin: 0;
	padding: 0;
}
ul.bt_symptom li a {
	display: block;
}

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 {
    grid-template-columns: repeat(3, 1fr);
    gap:8px;
}
}


ul.bt_symptom_s {
position: relative;
	margin: 0;
	padding: 0;
	display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap:16px;
}
ul.bt_symptom_s li {
	list-style: none;
	display: block;
	margin: 0;
	padding: 0;
}
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 {
    grid-template-columns: repeat(4, 1fr);
    gap:8px;
    align-items: center;
}
}




 dl.bt_list_symptom {
	margin: 0;
	padding: 0;
	margin-top: 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;
 }
 


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;
}