@charset "UTF-8";
/*--------------------------------------------------------------------
--------------------------------------------------------------------*/
#contact {
  width: 100%;
}

#contact-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}

#contact-member {
  width: 70%;
  border: 1px solid #D3D3D3;
  border-radius: 5px;
}

#contact-new {
  width: 48%;
  border: 1px solid #D3D3D3;
  border-radius: 5px;
}

#contact-member h3, #contact-new h3 {
  height: 74px;
  background: #EAEAEA;
  font-size: 1.8rem;
  font-weight: bold;
  text-align: center;
}

#contact-member h3 {
  line-height: 74px;
}

#contact-new h3 {
  padding: 12px 0 0 0;
  line-height: 26px;
}

#contact-member-in, #contact-new-in {
  padding: 20px 14px;
}

#contact-member-form-wrap {
  padding: 20px 8% 20px 8%;
}

.contact-member-form-set {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 10px 0;
}

.contact-member-form-set .contact-member-form-label {
  width: 22%;
  margin: 0 3% 0 0;
  text-align: right;
  font-weight: bold;
  line-height: 40px;
}

.contact-member-form-set .input-text {
  width: 75%;
  padding: 10px;
  height: 40px;
}

.contact-member-form-title {
  width: 30%;
  margin: 0 3% 0 0;
  text-align: left;
  font-weight: bold;
}

.contact-member-form-text {
  width: 55%;
  margin: 0 3% 0 0;
  text-align: left;
  font-weight: bold;
}

#contact-member-memory {
  margin: 0 0 20px 0;
  text-align: center;
}

#contact-member-memory .state {
  line-height: 1;
}

#contact-member-memory .state label {
  line-height: 1;
}

#contact-member-btn {
  margin: 0 0 40px 0;
}

#contact-member-btn button {
  width: 100%;
  margin: 0 0 5px 0;
}

#contact-member-forget {
  text-align: center;
}

#contact-new-buy, #contact-new-sell {
  margin: 0 0 5px 0;
  padding: 8px 12px;
  font-weight: bold;
  color: #fff;
}

#contact-new-buy {
  background: #1082E8;
}

#contact-new-sell {
  background: #FF1273;
}

#contact-new-in ul {
  padding: 10px;
}

#contact-new-in ul li {
  margin: 0 0 5px 0;
  padding: 0 0 0 1.6em;
}

#contact-new-in ul li:before {
  margin: 0 5px 0 -1.2em;
  font-family: "Font Awesome 5 Free";
  content: "\f00c";
  font-size: 1.4rem;
  font-weight: 900;
}

.contact-new-in-red {
  color: #FF0000;
  font-weight: bold;
}

#contact-new-btn-orange .btn-orange {
  width: 100%;
  margin: 0 0 10px 0;
}

#contact-new-btn-gray .btn-gray {
  width: 100%;
  margin: 0 0 10px 0;
}

textarea {
  border-radius: 5px;
  border: 1px solid #c9c9c9;
  background: #fff;
  font-size: 2.0rem;
  width:  420px;
  height: 150px;
}

@media (max-width: 767px) {
  #contact {
    width: 100%;
    padding: 0 3%;
  }
  #contact-form {
    display: block;
  }
  #contact-member {
    width: 100%;
    margin: 0 0 14px 0;
  }
  #contact-new {
    width: 100%;
  }
  #contact-member h3, #contact-new h3 {
    height: auto;
    font-size: 1.4rem;
    padding: 10px 3%;
  }
  #contact-member h3 {
    line-height: 1.5;
  }
  #contact-new h3 {
    padding: 10px 3%;
    line-height: 1.5;
  }
  #contact-member-in, #contact-new-in {
    padding: 14px 3%;
  }
  #contact-member-form-wrap {
    padding: 10px 0 10px 0;
  }
  .contact-member-form-set .contact-member-form-label {
    line-height: 40px;
    width: 30%;
  }
  .contact-member-form-set .input-text {
    padding: 8px;
    height: 40px;
    width: 75%;
  }
  textarea {
    padding: 8px;
    width: 75%;
  }
  #contact-member-memory {
    margin: 0 0 20px 0;
  }
  #contact-member-btn button {
    width: 100%;
    margin: 0 0 20px 0;
  }
  #contact-member-forget {
    text-align: left;
  }
  #contact-new-buy, #contact-new-sell {
    margin: 0 0 5px 0;
    padding: 8px 12px;
  }
  #contact-new-in ul {
    padding: 5px 0;
  }
  #contact-new-in ul li {
    margin: 0 0 5px 0;
    padding: 0 0 0 1.6em;
  }
  #contact-new-in ul li:before {
    margin: 0 5px 0 -1.2em;
    font-family: "Font Awesome 5 Free";
    content: "\f00c";
    font-size: 1.4rem;
    font-weight: 900;
  }
  #contact-new-btn-orange .btn-orange {
    width: 100%;
    margin: 0 0 10px 0;
  }
  #contact-new-btn-gray .btn-gray {
    width: 100%;
    margin: 0 0 10px 0;
  }
}



/*--------------------------------------------------------------------
　　thanks
--------------------------------------------------------------------*/
.thanks {
  margin: 40px 20px 40px 20px;
  padding: 20px 0 0 0;
  font-weight: bold;
  font-size: 1.8rem;
  text-align: center; }

@media (max-width: 960px) {
  .thanks {
    margin: 20px auto 20px auto;
    padding: 20px 0 20px 0;
    font-size: 1.6rem; } }



/*--------------------------------------------------------------------
　　complete-dl
--------------------------------------------------------------------*/
.complete-dl {
  margin: 0 0 40px 0; }
  .complete-dl .complete-dl-comment {
    margin: 0 0 20px 0;
    font-weight: bold;
    font-size: 1.6rem; }
  .complete-dl .complete-dl-url {
    margin: 0 0 20px 0;
    padding: 14px 3%;
    border-radius: 7px;
    background: #FEFE79;
    -webkit-box-shadow: 0 1px 1px 0 rgba(218, 218, 218, 0.5);
    box-shadow: 0 1px 1px 0 rgba(218, 218, 218, 0.5);
    font-weight: bold;
    font-size: 1.6rem; }
  .complete-dl .complete-dl-attention li {
    margin: 0 0 5px 0;
    font-weight: bold; }

@media (max-width: 960px) {
  .complete-dl {
    margin: 0 0 20px 0; }
    .complete-dl .complete-dl-comment {
      margin: 0 0 20px 0;
      font-size: 1.4rem; }
    .complete-dl .complete-dl-url {
      margin: 0 0 20px 0;
      padding: 14px 3%;
      border-radius: 7px;
      background: #FEFE79;
      -webkit-box-shadow: 0 1px 1px 0 rgba(218, 218, 218, 0.5);
      box-shadow: 0 1px 1px 0 rgba(218, 218, 218, 0.5);
      font-weight: bold;
      font-size: 1.6rem; }
    .complete-dl .complete-dl-attention li {
      margin: 0 0 5px 0;
      font-size: 1.2rem; } }

/*--------------------------------------------------------------------