@charset "UTF-8";



/* --------------------------------------------------
  item_wrap
-------------------------------------------------- */
.contact_hd {
  margin-bottom: 20px;
  font-size: 26px;
}
.contact_hd span {
  display: inline;
  padding: 0 1px;
  background-color: #1e1e1e;
  color: #fafafa;
}
.contact_mail {
  margin-bottom: 20px;
  font-size: 16px;
}
.contact_mail a {
  display: inline-block;
  background-color: #f81006;
  color: #fafafa;
}
.contact_mail span {
  display: inline-block;
  padding: 5px 10px 3px;
}
.contact_text {
  text-align: justify;
  font-size: 16px;
  line-height: 2;
}
/*short pc + tablet style*/
@media screen and (min-width: 1024px) and (max-width: 1280px) {
}
/*tablet style*/
@media screen and (min-width: 768px) and (max-width: 1023px) {
}
/*sp style*/
@media screen and (max-width: 767px) {
  .contact_item_wrap {
    padding-left: calc(60 / 375 * 100vw);
  }
  .contact_hd {
    margin-bottom: calc(20 / 375 * 100vw);
    font-size: calc(30 / 375 * 100vw);
  }
  .contact_mail {
    margin-bottom: calc(20 / 375 * 100vw);
    font-size: calc(16 / 375 * 100vw);
  }
  .contact_mail span {
    padding: calc(5 / 375 * 100vw) calc(10 / 375 * 100vw) calc(3 / 375 * 100vw);
  }
  .contact_text {
    font-size: calc(16 / 375 * 100vw);
  }
}



/* --------------------------------------------------
  768px〜 hover pc + tablet style
  touchデバイスでhoverを使うと2回クリックしないと
  いけないくなるので、.notouchを先頭につけてください
-------------------------------------------------- */
@media screen and (min-width: 768px) {
}