@charset "UTF-8";
/* CSS Document */





.page_title::before {
  background: url(../img/contact/main_img_w.jpg) no-repeat center center;
}
main .form_box {
  margin-bottom: 250px;
}
main .form_box .comment {
  margin-bottom: 100px;
}
main .form_box .comment p:not(:last-of-type) {
  margin-bottom: 1.2em;
}
main .form_box .form table {
  width: 100%;
}
main .form_box .form table tr th ,
main .form_box .form table tr td {
  border: solid 1px #999999;
}
main .form_box .form table tr th {
  width: 280px;
  background: #eaeef6;
  font-weight: 700;
  padding-top: 1.5em;
  padding-left: 2em;
}
main .form_box .form table tr th span {
  margin-left: 1.5em;
}
main .form_box .form table tr td {
  width: calc(100% - 280px);
  padding: 1em;
}
main .tel_box h4 {
  font-size: 1.8rem;
  font-weight: 700;
  margin-bottom: .6em;
}
main .tel_box table {
  width: 100%;
}
main .tel_box table tr th ,
main .tel_box table tr td {
  border: solid 1px #999999;
  padding: 1em 2em;
}
main .tel_box table tr th {
  width: 280px;
  background: #eaeef6;
  font-weight: 700;
}
main .tel_box table tr td {
  width: calc(100% - 280px);
}
main .tel_box table tr td span {
  margin-right: .5em;
}




@media screen and (max-width: 2000px) {
  .page_title::before {
    background: url(../img/contact/main_img_m.jpg) no-repeat center center;
  }
}




@media screen and (max-width: 767px) {
  .page_title::before {
    background: url(../img/contact/main_img_s.jpg) no-repeat center center;
  }
  main .form_box {
    margin-bottom: 20vw;
  }
  main .form_box .comment {
    margin-bottom: 15vw;
  }
  main .form_box .form table tr th ,
  main .form_box .form table tr td {
    display: block;
    border: solid 1px #999999;
  }
  main .form_box .form table tr th {
    width: 100%;
    padding: .3em .4em;
  }
  main .form_box .form table tr:not(:first-of-type) th {
    border-top: none;
    border-bottom: none;
  }
  main .form_box .form table tr td {
    width: 100%;
    padding: .3em .4em;
  }
  main .form_box .form table tr:first-of-type td {
    border-top: none;
  }
  main .tel_box h4 {
    font-size: 1.8rem;
    font-weight: 700;
    margin-bottom: .6em;
  }
  main .tel_box table {
    width: 100%;
  }
  main .tel_box table tr th ,
  main .tel_box table tr td {
    display: block;
    border: solid 1px #999999;
    padding: 1em 2em;
  }
  main .tel_box table tr th {
    width: 100%;
    padding: .3em .4em;
  }
  main .tel_box table tr:not(:first-of-type) th {
    border-top: none;
    border-bottom: none;
  }
  main .tel_box table tr td {
    width: 100%;
    padding: .3em .4em;
  }
  main .tel_box table tr:first-of-type td {
    border-top: none;
  }
  main .tel_box table tr td span {
    margin-right: .5em;
  }
}