body {
  margin: 0;
  padding: 0;
  background-color: #fff0e1;
}
.header-inner{
  width: 100%;  
  height: 50px;
  background-color: #F94336;
}
.header-logo{
  background-image: url('../image/honpo-logo.webp');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 200px;
  height: 80px;
  margin: 10px auto;
}
.form-part{
  width: 100%;
}
.form-title{
  background-image: url("../image/form-title.webp");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 400px;
  height: 80px;
  margin: 30px auto 20px;
}
.form-inner {
  background-color: #fff;
  width: 90%;
  max-width: 840px;
  padding: 40px;
  margin: 20px auto;
}
.form-inner h3{
  text-align: center;
  font-weight: 800;
  letter-spacing: 2px;
  color: rgb(55, 55, 55);
}
.input-collect{
  text-align: left;
}
/* .input-bg {
  background-color: #faede1;
  border-bottom: 1px solid gray;
} */
/* .p-center {
  text-align: center;
} */
.btn-part{
  width: 200px;
  height: 30px;
  text-align: center;
  margin: 20px auto;
}
.p-input{
  background-color: #ebebeb;
  width: 100%;
  line-height: 40px;
  padding-left: 10px;
  border-radius: 6px;
}
.three-center{
width: 600px;
margin: 0 auto;
}
.two-center{
  width: 400px;
  margin: 0 auto;
}
.btn-style{
  background-color: rgb(251, 116, 6);
  color: #fff;
  font-weight: 600;
  line-height: 30px;
  letter-spacing: 2px;
  width: 200px;
}
.p-center{
  width: 300px;
  margin: 0 auto;
}
.p-center p{
  text-align: center;
}
.block-center{
  text-align: center;
}
.top-to-go{
  width: 200px;
  height: 50px;
  margin: 60px auto;
}
.top-to-go a {
  text-decoration: none;
  color: #F94336;
}
.top-btn{
  text-align: center;
  font-size: 20px;
  line-height: 40px;
  color: #F94336;
  font-weight: 800;
  width: 100%;
  border: 2px solid #F94336;
}
.msg-success{
  text-align: center;
  margin-top: 40px;
  font-weight: 800;
  line-height: 30px;
  color: rgb(39, 39, 39);
}
.msg-error{
  text-align: center;
  margin-top: 40px;
  font-weight: 800;
  line-height: 30px;
  color: rgb(250, 70, 70);
}
@media screen and (max-width: 480px) {
  .form-title{
    width: 200px;
    height: 50px;
    margin: 30px auto 20px;
  }
  .form-inner {
    background-color: #fff;
    width: 90%;
    max-width: 340px;
    padding: 12px;
    margin: 40px auto;
  }
  .three-center{
    width: 95%;
    margin: 0 auto;
    }
}

/* -------------------------------
    sitemap - part
  --------------------------------- */
  .sitemap-ul {
    display: flex;
    padding-left: 0;
    width: 90%;
    margin: 60px auto 40px;
  }
  .sitemap-ul a {
    list-style: none;
    text-decoration: none;
    color: rgb(55, 55, 55);
    width: 20%;
    font-weight: 800;
    text-align: center;
  }
  .sitemap-ul a:hover {
    opacity: 0.7;
  }
  .copy-rights {
    text-align: center;
    color: rgb(90, 90, 90);
    font-size: 14px;
    margin-bottom: 40px;
  }
  @media screen and (max-width: 430px) {
    .sitemap-ul {
      width: 96%;
      margin: 40px auto;
    }
    .sitemap-ul a {
      font-size: 12px;
    }
    .copy-rights {
      font-size: 11px;
      margin-bottom: 80px;
    }
  }