/*-------------------------------
---.products
-------------------------------*/

.products {
  margin-bottom: 9rem;
}

.products .products_list {
  margin-bottom: 6rem;
}

.products .products_list li {
  display: inline-block;
}

.products .products_list li:not(:last-child) {
  margin-right: 2em;
}

.products .products_list li::before {
  content: '\025a0';
  color: var(--main-color);
}


/*-------------------------------
---.guidance
-------------------------------*/

.guidance {
  text-align: center;
  margin-bottom: 9rem;
}

.guidance.b_border::after {
  background-color: var(--main-color);
  margin: 6rem auto 0;
}

.guidance h3 {
  font-size: var(--font-size-xxl);
  font-weight: 500;
  margin-bottom: 3rem;
}

.guidance .site_list {
  margin: 0 13%;
}

.guidance .site_list a p {
  margin-bottom: 1.5rem;
}

.guidance .site_list a p::before {
  content: '\f360';
  color: var(--main-color);
  font-weight: normal;
  margin-right: 0.5rem;
}


/*-------------------------------
---.general_contact
-------------------------------*/

.general_contact {
  margin-bottom: 12rem;
}

.general_contact > dl {
  display: grid;
  grid-template-columns: max-content max-content;
  grid-gap: 6rem;
  justify-content: center;
}

.general_contact > dl > dt {
  font-size: var(--font-size-exl);
  font-weight: 500;
}

.general_contact dl dd dl {
  display: grid;
  grid-template-columns: max-content max-content;
  grid-gap: 2rem;
}

.general_contact dl dd dt {
  font-size: var(--font-size-xxl);
  font-weight: 500;
  line-height: var(--line-height-default);
  color: var(--main-color);
  }

.general_contact dl dd dt::before {
  content: '\f095';
  font-weight: bold;
  margin-right: 0.5rem;
}

.general_contact dl dd dd .tel {
  font-size: var(--font-size-exl);
  font-weight: 500;
  color: var(--main-color);
  line-height: 1;
}

.general_contact dl dd dd .business_hour {
  margin-top: .5rem;
}