@charset "utf-8";

/*=========================
  base
=========================*/
.visual_menu {
  margin-bottom: 20px;
}

.visual_menu ul {
  margin-top: 6px;
}

.visual_menu ul li {
  width: calc(95% / 6);
  margin-right: 1%;
}

.visual_menu ul li a {
  background-color: #70952e;
  padding: 5px;
  display: block;
  border-radius: 3px;
}

.visual_menu ul li:last-of-type {
  margin-right: 0;
}

.report p:first-of-type {
  width: 320px;
}

.report p:last-of-type {
  width: calc(100% - 320px);
  padding-left: 8px;
}

.clean_goods b {
  font-weight: 900;
  display: block;
  text-align: center;
  position: relative;
  margin-bottom: 8px;
  padding-bottom: 4px;
  border-bottom: 2px solid #ccc;
}

.clean_goods b:after {
  content: "";
  position: absolute;
  display: block;
  border-bottom: 2px solid #70952e;
  bottom: -2px;
  width: 20%;
}

.clean_goods ul {
  border: 1px solid #ccc;
}

.clean_goods ul li {
  width: calc(100% / 6);
  border-right: 1px solid #ccc;
  padding: 5px;
}

.clean_goods ul li:last-of-type {
  border-right: none;
}

.vendor {
  border: 1px solid #ccc;
}

.vendor dl:not(:last-of-type) {
  border-bottom: 3px double #ccc;
}

.vendor dl dt {
  width: 150px;
  border-right: 1px solid #ccc;
  padding: 8px;
}

.vendor dl dd {
  width: calc(100% - 150px);
  padding: 8px;
}

.faq_ex {
  margin-top: 15px;
}

.faq_ex li:not(:first-of-type) {
  position: relative;
  padding-left: 25px;
}

.faq_ex li:not(:first-of-type):before {
  content: "〇";
  position: absolute;
  left: 0;
}

.check_list li {
	padding: 10px 0 10px 20px;
	position: relative;
	border-bottom: 2px dashed #ccc;
}
.check_list li::before {
	content: "\f058";
	font-family: Fontawesome;
	position: absolute;
	top: 10px;
	left: 0;
	color: #db0000;
}

@media only screen and (max-width: 768px) {
.visual_menu ul li {
  width: calc(96% / 3);
  margin-right: 2%;
  margin-top: 2%;
}

.visual_menu ul li:nth-of-type(3n) {
  margin-right: 0;
}

.visual_menu ul li:nth-of-type(-n + 3) {
  margin-top: 0;
}

.report p:first-of-type {
  width: 100%;
}

.report p:last-of-type {
  width: 100%;
  padding-left: 0;
  margin-top: 8px;
}

.clean_goods ul li {
  width: calc(100% / 3);
  border-top: 1px solid #ccc;
}

.clean_goods ul li:nth-of-type(3n) {
  border-right: none;
}

.clean_goods ul li:nth-of-type(-n + 3) {
  border-top: none;
}

.vendor dl dt {
  width: 100%;
  max-width: 200px;
  margin: 0 auto;
  border-right: none;
}

.vendor dl dd {
  width: 100%;
}

}