@charset "UTF-8";
/* CSS Document */
/*ボタンのcolor*/
/*ボタンの文字*/
/*ボタンのhover背景*/
/* CSS Document */
.signature {
  border: 2px solid #1d1963;
  background-color: #fefefe;
  margin: 0 auto;
}
@media screen and (min-width: 1367px) {
  .signature {
    width: 700px;
    padding: 10px;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 1366px) and (min-width: 571px) {
  .signature {
    width: 490px;
    padding: 7px;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 570px) {
  .signature {
    width: 97%;
    margin: 20px auto;
    padding: 7px;
  }
}
.signature .sign_title {
  font-weight: 500;
  color: #1d1963;
  letter-spacing: 1px;
  border-bottom: 2px solid #1d1963;
}
@media screen and (min-width: 1367px) {
  .signature .sign_title {
    padding: 5px 10px 5px;
    font-size: 15px;
  }
}
@media screen and (max-width: 1366px) and (min-width: 571px) {
  .signature .sign_title {
    font-size: 11px;
    padding: 3px 10px 3px;
  }
}
@media screen and (max-width: 570px) {
  .signature .sign_title {
    font-size: 13px;
    padding: 3px 10px 3px;
  }
}
.signature .signature_box {
  padding: 5px 0px 5px;
}
.signature .signature_box .sign_name {
  position: relative;
  color: #2b1602;
  border-bottom: 2px dotted #2b1602;
  font-weight: 400;
  letter-spacing: 1px;
}
@media screen and (min-width: 1367px) {
  .signature .signature_box .sign_name {
    font-size: 15px;
    padding: 0px 10px 3px;
  }
}
@media screen and (max-width: 1366px) and (min-width: 571px) {
  .signature .signature_box .sign_name {
    font-size: 11px;
    padding: 0px 10px 3px;
  }
}
@media screen and (max-width: 570px) {
  .signature .signature_box .sign_name {
    font-size: 13px;
    padding: 0px 10px 3px;
  }
}
.signature .signature_box .sign_name_aff {
  color: #2b1602;
}
@media screen and (min-width: 1367px) {
  .signature .signature_box .sign_name_aff {
    font-size: 13px;
    padding: 0px 20px 0px;
  }
}
@media screen and (max-width: 1366px) and (min-width: 571px) {
  .signature .signature_box .sign_name_aff {
    font-size: 9px;
    padding: 0px 15px 0px;
  }
}
@media screen and (max-width: 570px) {
  .signature .signature_box .sign_name_aff {
    font-size: 12px;
    padding: 0px 15px 0px;
  }
}
.signature .contact_flex {
  display: flex;
}
@media screen and (min-width: 1367px) {
  .signature .contact_flex {
    width: 100%;
  }
}
@media screen and (max-width: 1366px) and (min-width: 571px) {
  .signature .contact_flex {
    width: 100%;
  }
}
@media screen and (max-width: 570px) {
  .signature .contact_flex {
    width: 100%;
    display: block;
  }
}
.signature .contact_flex .sign_tl_mail, .signature .contact_flex .sign_tl_tel, .signature .contact_flex .sign_tl_fax {
  background-color: #1d1963;
  color: #fff;
  background-repeat: no-repeat;
}
@media screen and (min-width: 1367px) {
  .signature .contact_flex .sign_tl_mail, .signature .contact_flex .sign_tl_tel, .signature .contact_flex .sign_tl_fax {
    background-size: 24px;
    background-position: 210px 50%;
    min-width: 250px;
    padding: 5px 40px 5px 10px;
    font-size: 13px;
  }
}
@media screen and (max-width: 1366px) and (min-width: 571px) {
  .signature .contact_flex .sign_tl_mail, .signature .contact_flex .sign_tl_tel, .signature .contact_flex .sign_tl_fax {
    background-size: 17px;
    background-position: 142px 50%;
    min-width: 165px;
    padding: 3px 30px 3px 7px;
    font-size: 9px;
  }
}
@media screen and (max-width: 570px) {
  .signature .contact_flex .sign_tl_mail, .signature .contact_flex .sign_tl_tel, .signature .contact_flex .sign_tl_fax {
    background-size: 21px;
    background-position: 10px 50%;
    min-width: 100%;
    padding: 7px 7px 7px 45px;
    font-size: 13px;
  }
}
.signature .contact_flex .sign_tl_mail {
  background-image: url("../mypage/img/support.png");
}
.signature .contact_flex .sign_tl_tel {
  background-image: url("../mypage/img/support1.png");
}
.signature .contact_flex .sign_tl_fax {
  background-image: url("../mypage/img/support2.png");
}
.signature .contact_flex .contact_inner {
  border: 1px solid #1d1963;
  color: #1d1963;
}
@media screen and (min-width: 1367px) {
  .signature .contact_flex .contact_inner {
    font-size: 13px;
    padding: 5px 7px;
    width: calc(100% - 250px);
  }
}
@media screen and (max-width: 1366px) and (min-width: 571px) {
  .signature .contact_flex .contact_inner {
    font-size: 9px;
    padding: 3px 5px;
    width: calc(100% - 165px);
  }
}
@media screen and (max-width: 570px) {
  .signature .contact_flex .contact_inner {
    width: 100%;
    font-size: 13px;
    padding: 7px;
  }
}
.signature .contact_flex a {
  text-decoration: none;
  color: #1A0DAB !important;
  display: block;
}
.signature .contact_flex a:hover {
  opacity: 0.8;
}
.signature .contact_flex + .contact_flex {
  margin-top: 5px;
}