/*===================================================================
    reset
===================================================================*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6,
pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td,
nav, article, section, header, footer, address {
  margin: 0;
  padding: 0;
}

html,
body {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 16px;
  line-height: 1.7;
  color: #231815;
}

h1, h2, h3, h4, h5, h6 {
  font-size: 1em;
  font-weight: normal;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

a:link,
a:visited {
  color: #231815;
  text-decoration: none;
}

a:hover {
  color: #231815;
}

address {
  font-style: normal;
}

img {
  border: medium none;
  vertical-align: middle;
}

li {
  list-style: none;
}

/*===================================================================
    clearfix
===================================================================*/
.cf:before,
.cf:after {
  content: " ";
  display: table;
}

.cf:after {
  clear: both;
}

.cf {
  *zoom: 1;
}

.clear {
  clear: both;
}

/*===================================================================
    detail
===================================================================*/
.sp {
  display: none;
}

/* contact */
#main .sec_contacts #form table {
  min-width: 620px;
  width: 47%;
  margin: 0 auto;
  border-collapse: separate;
  border-spacing: 0 25px;
}
#main .sec_contacts #form table tr th {
  padding: 14px 19px;
  font-size: 0.9375em;
  font-weight: normal;
  text-align: left;
  vertical-align: top;
  background-color: #f9f8f6;
  border-bottom: #231815 1px solid;
  border-right: #fff 2px solid;
}
#main .sec_contacts #form table tr td {
  padding: 14px  15px;
  background-color: #f9f8f6;
  border-bottom: #231815 1px solid;
}
#main .sec_contacts #form .btn {
  margin-top: 25px;
  text-align: center;
}
#main .sec_contacts #form #caution {
  text-align: center;
}

#footer {
  margin-top: 7.875em;
  padding-bottom: 1em;
  border-bottom: #ec6b6c 7.0625em solid;
}
#footer .cont {
  min-width: 620px;
  width: 75%;
  margin: 0 auto;
}
#footer .cont #f_link {
  font-size: 0.9375em;
  float: left;
}
#footer .cont #f_link a {
  display: inline-block;
  margin-right: 2em;
  font-size: .9em;
}
#footer .cont #f_link a:hover {
  text-decoration: underline;
}
#footer .cont #copyright {
  float: right;
}
#footer .cont #copyright small {
  font-size: 0.8125em;
}

@media screen and (max-width: 1100px) {
  html,
  body {
    font-size: 15px;
  }
}
@media screen and (max-width: 950px) {
  html,
  body {
    font-size: 14px;
  }
}
@media screen and (max-width: 800px) {
  html,
  body {
    font-size: 13px;
  }
}
@media screen and (max-width: 700px) {
  html,
  body {
    font-size: 12px;
  }
}
@media screen and (max-width: 640px) {
  .pc {
    display: none;
  }

  .sp {
    display: inherit;
  }

  img {
    max-width: 100%;
    height: auto;
  }

  #main .sec_contacts #form table {
    width: 76.57%;
    min-width: inherit;
    border-collapse: collapse;
    border-spacing: inherit;
  }
  #main .sec_contacts #form table tr th {
    padding: 0.5625em 0.8em;
    font-size: 1.4em;
    display: block;
    background-color: inherit;
    border: none;
    width: 100% \9;
    float: left\9;
  }
  #main .sec_contacts #form table tr td {
    display: block;
    width: 100% \9;
    float: left\9;
  }
  #main .sec_contacts #form table tr td textarea {
    height: 10em;
  }

  #footer {
    margin-top: 3.17em;
  }
  #footer .cont {
    min-width: inherit;
  }
  #footer .cont #f_link {
    float: none;
    text-align: center;
  }
  #footer .cont #f_link a {
    font-size: 1.4em;
    text-decoration: underline;
  }
  #footer .cont #copyright {
    margin-top: 1em;
    text-align: center;
    float: none;
  }
}
@media screen and (max-width: 600px) {
  html,
  body {
    font-size: 11px;
  }
}
@media screen and (max-width: 550px) {
  html,
  body {
    font-size: 10px;
  }
}
@media screen and (max-width: 450px) {
  html,
  body {
    font-size: 9px;
  }
}
@media screen and (max-width: 400px) {
  html,
  body {
    font-size: 8px;
  }
}
@media screen and (max-width: 350px) {
  html,
  body {
    font-size: 7px;
  }
}

/*# sourceMappingURL=common.css.map */