@charset "UTF-8";
/* カーソルをハンドポインターに */
/* ------------------------------------------------------------------------------------------------------ */
/* 全共通読み込み */
/* line 12, sass/page_contact.scss */
.btn-area {
  -js-display: flex;
  display: flex;
  display: -webkit-box;
  /*--- ipad ---*/
  display: -webkit-flex;
  /*--- ipad 7.0---*/
  -webkit-justify-content: center;
  /* ipad */
  justify-content: center;
  -ms-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 3em;
}

/* line 17, sass/page_contact.scss */
.btn {
  background: #AA0000;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  color: #FFF;
  font-size: 1.6em;
  margin: 0 1em;
  padding: 20px 20px;
  text-align: center;
  display: block;
  text-decoration: none;
  width: 300px;
}
/* line 31, sass/page_contact.scss */
.btn:hover {
  color: #FFF;
}

/* line 40, sass/page_contact.scss */
.back {
  background-color: #888;
}

/* line 44, sass/page_contact.scss */
.err_notice {
  display: block;
  margin-top: 0.5em;
  color: #FC3895;
}

/* line 50, sass/page_contact.scss */
#id_privacy_check_form {
  font-size: 1.2em;
}
/* line 52, sass/page_contact.scss */
#id_privacy_check_form input[type=checkbox] {
  width: 30px;
  height: 30px;
  vertical-align: bottom;
  margin-right: 1em;
}

/* line 62, sass/page_contact.scss */
#message ul {
  margin-bottom: 3em;
}
/* line 64, sass/page_contact.scss */
#message ul li {
  margin-bottom: 0.5em;
  color: #FC3895;
}

/* line 72, sass/page_contact.scss */
.block1 .contact-table {
  border-top: 1px dashed #999;
}
/* line 74, sass/page_contact.scss */
.block1 .contact-table dl {
  width: 100%;
  -js-display: flex;
  display: flex;
  display: -webkit-box;
  /*--- ipad ---*/
  display: -webkit-flex;
  /*--- ipad 7.0---*/
  -webkit-justify-content: flex-start;
  /* ipad */
  justify-content: flex-start;
  -ms-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
/* line 78, sass/page_contact.scss */
.block1 .contact-table dt {
  width: 26%;
  font-weight: bold;
  font-size: 1em;
  box-sizing: border-box;
  padding: 2em 2em 2em 4em;
  background-color: #EEEEE9;
  border-bottom: 1px dashed #999;
  position: relative;
}
/* line 89, sass/page_contact.scss */
.block1 .contact-table .required {
  padding-left: 4em;
}
/* line 91, sass/page_contact.scss */
.block1 .contact-table .required:before {
  content: '必須';
  font-size: 0.7em;
  background-color: #FC3895;
  padding: 4px;
  color: #FFF;
  position: absolute;
  left: 2em;
  top: 2.6em;
  display: block;
}
/* line 104, sass/page_contact.scss */
.block1 .contact-table dd {
  width: 74%;
  box-sizing: border-box;
  padding: 2em;
  border-bottom: 1px dashed #999;
}
/* line 110, sass/page_contact.scss */
.block1 .contact-table dd input {
  padding: 0.5em;
  font-size: 1.2em;
  box-sizing: border-box;
}
/* line 117, sass/page_contact.scss */
.block1 .contact-table dd #id_company_name input,
.block1 .contact-table dd #id_mailaddress input {
  width: 100%;
}
/* line 121, sass/page_contact.scss */
.block1 .contact-table dd #id_tel input {
  width: 80%;
}
/* line 126, sass/page_contact.scss */
.block1 .contact-table dd #id_name input,
.block1 .contact-table dd #id_kana input {
  width: 80%;
}
/* line 129, sass/page_contact.scss */
.block1 .contact-table dd #id_contact_text textarea {
  box-sizing: border-box;
  width: 100%;
  height: 14em;
  padding: 0.5em;
  font-size: 1.1em;
}

/* line 141, sass/page_contact.scss */
.block2 h2 {
  font-weight: bold;
  font-size: 1.2em;
  margin-bottom: 1em;
}
/* line 147, sass/page_contact.scss */
.block2 .privacy_txt {
  overflow: scroll;
  width: 100%;
  height: 150px;
  padding: 10px;
  border: 1px solid #AAAAAA;
  font-size: 12px;
  margin: 0px 0px 30px 0px;
  box-sizing: border-box;
}

/* line 161, sass/page_contact.scss */
#page_contact .privacy-check {
  text-align: center;
  background-color: #FFEEEE;
  padding: 2em;
  width: 100%;
  box-sizing: border-box;
}

/* ------------------------------------------------------------------------------------------------------ */
/* スマホ＆タブレット読み込み共通 */
/* ------------------------------------------------------------------------------------------------------ */
/* タブレットのみ読み込み */
@media screen and (max-width: 979px) {
  /* line 183, sass/page_contact.scss */
  p {
    font-size: 0.8em;
  }

  /* line 188, sass/page_contact.scss */
  .block2 .privacy_txt {
    font-size: 1.2em;
  }

  /* line 194, sass/page_contact.scss */
  section[class^="general-block block"] {
    padding: 0 1em;
  }
  /* line 196, sass/page_contact.scss */
  section[class^="general-block block"] p {
    padding: 0;
  }
}
/* ------------------------------------------------------------------------------------------------------ */
/* スマホでのみ読み込み */
@media screen and (max-width: 640px) {
  /* line 208, sass/page_contact.scss */
  .block1 .contact-table {
    border: none;
  }
  /* line 210, sass/page_contact.scss */
  .block1 .contact-table dl {
    display: block;
  }
  /* line 213, sass/page_contact.scss */
  .block1 .contact-table dt {
    width: 100%;
    border: none;
    padding: 0.5em;
    margin-bottom: 0.5em;
  }
  /* line 220, sass/page_contact.scss */
  .block1 .contact-table .required {
    padding-left: 3em;
  }
  /* line 222, sass/page_contact.scss */
  .block1 .contact-table .required:before {
    left: 1em;
    top: 0.6em;
  }
  /* line 228, sass/page_contact.scss */
  .block1 .contact-table dd {
    width: 100%;
    padding: 0;
    margin-bottom: 2em;
    border: none;
  }
  /* line 239, sass/page_contact.scss */
  .block1 .contact-table dd #id_company_name input,
  .block1 .contact-table dd #id_tel input,
  .block1 .contact-table dd #id_mailaddress input,
  .block1 .contact-table dd #id_name input,
  .block1 .contact-table dd #id_kana input,
  .block1 .contact-table dd #id_contact_text textarea {
    width: 100%;
  }
}
/* ------------------------------------------------------------------------------------------------------ */
/* デスクトップでのみ読み込み */