/*-------------------------------
---.contact_intro 
-------------------------------*/

.contact_intro {
  text-align: center;
  margin-top: 6rem;
  margin-bottom: 9rem;
}

.contact_intro h1 {
  font-size: 2.4rem;
  font-weight: 500;
  margin-bottom: 6rem;
}

.contact_intro p {
  font-weight: lighter;
  text-align: center;
}

.contact_intro dl {
  display: grid;
  grid-template-columns: max-content max-content;
  grid-gap: .5rem 1.5rem;
  justify-content: center;
  margin-top: 3rem;
}

.contact_intro dl dt {
  font-size: 1.6rem;
  font-weight: 500;
  color: var(--main-color);
}

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

.contact_intro dl dd {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: .5rem;
}

.contact_intro dl dd .tel {
  font-size: 2.8rem;
  font-weight: 500;
  color: var(--main-color);
  line-height: 1;
  text-decoration: none;
}

.contact_intro dl dd .business_hour {
  font-weight: lighter;
}


/*-------------------------------
---.target_area
-------------------------------*/

.target_area {
  margin-bottom: 6rem;
}

.target_area .contents_inner {
  display: grid;
  grid-template-columns: max-content 1fr;
  grid-gap: 2rem 6rem;
  padding: 3rem;
}

.target_area .contents_inner h2 {
  font-size: 1.6rem;
  font-weight: 500;
}

.target_area .contents_inner h2::before {
  content: '\025a0';
}

.target_area .contents_inner .area_list {
  display: grid;
  grid-template-columns: max-content max-content;
  grid-gap: 2rem 6rem;
}

.target_area .contents_inner .area_list dt {
  font-size: 1.6rem;
}


/*-------------------------------
---.form_contents
-------------------------------*/

.form_contents {
  margin-bottom: 12rem;
}

.form_contents .cautions_wrap {
  margin-bottom: 3rem;
}