.c_container{
 background-image:  url('../img/common/bg_p3.jpg');
 padding: calc(100 / 1440 * 100vw) calc(200 / 1440 * 100vw);
}

.contact_box{
 padding: calc(40 / 1440 * 100vw);
 background-color: #ffffff;
 box-shadow: 4px 4px 4px rgba(0,0,0,0.1);
}

.cont_title{
 font-family: "Shippori Mincho", serif;
    font-size: 2.25rem;
    font-weight: bold;
    background: linear-gradient(90deg, #DBB400 0%, #EDD773 50%, #DBB400 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

 text-align: center;
}

.cont_sub_title{
 color: #C4C4C4;
 font-size:0.875rem;
 text-align: center;
 margin: 0.875rem auto 3rem 0;
}

.con_f_title{
 font-size: 0.875rem;
 font-weight: bold;

}

.requ{
 font-size: 0.625rem;
 background-color: #DADADA;
 color: #7F7F7F;
 font-weight: bold;
 border-radius: 4px;
 margin-left:1rem;
 padding:0.2rem 0.5rem;
}

.form_input{
 margin: 1.5rem auto 2rem auto;
}

.f_100 input,
.f_100 textarea{
 width: 100%;

 border: 1px solid #DADADA;

 padding: 0.875rem;
}

.send_btn{
 text-align: center;
}

.send_btn input{
 padding:1.5rem 2rem;
 margin-top: 3rem;
 background: linear-gradient(-20deg, #DBB400 0%, #EDD773 50%, #DBB400 100%);
 border:none;
 border-radius: 50px;
 cursor: pointer;
 color:#ffffff;
 font-weight: bold;
 font-size: 1rem;

}

.send_btn input:hover{
 background: linear-gradient(-20deg, #EDD773 0%,  #DBB400 50%, #EDD773 100%);
 color:#ffffff;
}

.wpcf7-spinner{
 display: none;
}

.wpcf7-not-valid-tip {
    margin-top: 0.875rem;
}

.wpcf7-form.sent .wpcf7-response-output {
  display: none;
}

.contact_box a{
 color:#392809;;
}

.thanks_title{
  font-family: "Shippori Mincho", serif;
    font-size: 2.25rem;
    font-weight: bold;
    background: linear-gradient(90deg, #DBB400 0%, #EDD773 50%, #DBB400 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

 text-align: center;
}

.thanks_text{
 margin:3rem auto;
 text-align: center;
 line-height: 1.5;
}

.top_back_btn{
 text-align: center;
 margin: 6rem auto 1rem auto;
}

.top_back_btn a{
 padding:1rem 4rem;
 margin-top: 3rem;
 background: linear-gradient(-20deg, #DBB400 0%, #EDD773 50%, #DBB400 100%);
 border:none;
 border-radius: 50px;
 cursor: pointer;
 color:#ffffff;
 font-weight: bold;
 font-size: 1rem;

}

.top_back_btn a:hover{
  background: linear-gradient(-20deg, #EDD773 0%,  #DBB400 50%, #EDD773 100%);
 color:#ffffff;

}


.thanks_box{
  padding: calc(100 / 1440 * 100vw);
 background-color: #ffffff;
 box-shadow: 4px 4px 4px rgba(0,0,0,0.1);
}

.margin-top{
 margin-top: calc(100vw * 0.076);
}

.area_404{
 text-align: center;
}

.title_404{
  background: linear-gradient(90deg, #DBB400 0%, #EDD773 50%, #DBB400 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: center;
  font-size: 2.25rem;
  font-weight: bold;
}

.nf{
  background: linear-gradient(90deg, #DBB400 0%, #EDD773 50%, #DBB400 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: center;
  margin-top:0.5rem;
}

.nf_me{
   background: linear-gradient(90deg, #DBB400 0%, #EDD773 50%, #DBB400 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: center;
  font-size: 1.5rem;
  font-weight: bold;
  margin: 4rem auto 2rem auto;
}

.nf_text{
 line-height: 1.5;
}


@media (max-width: 768px) {

  .c_container {
      padding: 3rem 1rem 6rem 1rem;
  }
  .cont_title {
    font-size: 1.5rem;
  }
  .cont_sub_title {
    font-size: 0.75rem;
    margin: 0 0 1.5rem;
  }

  .contact_box {
    padding: 1.5rem 1rem 2rem 1rem;
 }

 .thanks_title {
    font-size: 1.5rem;
 }
 .thanks_text {
    margin: 1rem auto;
 }

 .top_back_btn {
    margin: 3rem auto 1rem auto;
 }

  .margin-top{
  margin-top:0;
 }

 .not_f{
  padding-top:6rem;
 }

.nf_me {
    font-size: 1rem;
    margin: 2rem auto 2rem auto;
 }



}