#contact_container{
  width:100%;
  margin:auto;
  height:auto;
}

#contact_caution{
  width:50%;
  margin:2% auto 3% auto;
  text-align:center;
}

#form_container{
  border:none;
  width:80%;
  margin:auto;
}

.contact_form{
  width:100%;
  height:auto;
  margin:auto;
}

.input_form{
  display:flex;
}

.required{
  background-color:red;
  color:white;
  padding:2%;
  margin-right:3%;
  border-radius:5px;
}

.contact_subtitle{
  width:30%;
  background-color:rgba(230,180,130,1);
  border-top-left-radius:15px;
  border-bottom-left-radius:15px;
  border:none;
  padding:1.5%;
  border:1px solid white;
}

.input_area{
  word-break:break-all;
  width:70%;
  min-width:70%;
  background-color:rgba(230,180,130,0.5);
  border-top-right-radius:15px;
  border-bottom-right-radius:15px;
  border:1px solid white;
  align-items:center;
  display:flex;
  padding:0 3% 0 3%;
}

.your_input{
  width:100%;
  box-sizing:border-box;
  vertical-align:middle;
}
#telbox{
  display:grid;
  grid-template-columns:1fr auto 1fr auto 1fr;
}

.tel_input{
  width: 93%;
  box-sizing: border-box;
}

.tel_input:nth-of-type(1){
  margin-right:5%;
}
.tel_input:nth-of-type(2){
  margin-right:5%;
  margin-left:5%;
}
.tel_input:nth-of-type(3){
  margin-left:5%;
}
#telbox > span{
  font-weight:bold;
}

#inquiry{
  margin-top:3%;
  margin-bottom:3%;
}

#your_inquiry{
  margin:3% 0 3% 0;
}

#privacypolicy_agree_container{
  width:80%;
  margin:auto;
  text-align:center;
}
#privacypolicy_agree_container > p > a{
  text-decoration:none;
}

.button_box{
  width:50%;
  text-align:center;
  margin:3% auto 0 auto;
}

#disable_confirm_button{
  width:fit-content;
  font-size:1em;
  border-radius:25px;
  padding:1% 4% 1% 4%;
  background-color:rgba(0,0,0,0.5);
  border:none;
}
#confirm_button{
  width:fit-content;
  font-size:1em;
  border-radius:25px;
  padding:1% 4% 1% 4%;
  background-color:rgba(230,180,140,0.5);
  border:none;
}

#thanks_screen_block{
  width:75%;
  margin:auto;
  text-align:center;
}

.annotation{
  color:red;
}

/******************************************/

@media(max-width:900px){
  #contact_caution{
    width:90%;
  }

  #form_container{
    width:90%;
    margin:auto;
  }

  #contact_form{
    width:100%;
    height:auto;
    margin:auto;
  }

  .input_form{
    display:block;
  }

  .contact_subtitle{
    width:90% !important;
    max-width:90% !important;
    min-width:90% !important;
    border-radius:15px 15px 0 0;
    margin:auto;
  }
  .input_area{
    width:89% !important;
    max-width:89% !important;
    min-width:89% !important;
    border-radius:0 0 15px 15px;
    padding:2%;
    margin:auto;
  }
  .required{
    padding:0;
    margin:1%;
  }
}



/******************************************/

#error_screen_container{
  width:100%;
  height:auto;
}

#error_screen_block{
  width:80%;
  margin:auto;
  text-align:center;
  font-size:1.5em;
}

.error_form_title{
  color:red;
}

.contact_button{
  width:fit-content;
  font-size:1em;
  border-radius:25px;
  padding:1% 4% 1% 4%;
  background-color:rgba(230,180,140,0.5);
  border:none;
}
/******************/

/*確認画面*/
#confirm_screen_container{
  width:100%;
  height:auto;
}

#confirm_screen_block{
  width:80%;
  margin:auto;
}

#confirm_area{
  margin:2% 0 2% 0;
}

.confirm_flex_container{
  display:flex;
  margin:auto;
}

.confirm_title{
  width:30%;
  background-color:rgba(230,180,130,1);
  border-top-left-radius:15px;
  border-bottom-left-radius:15px;
  border:none;
  padding:1.5%;
  border:1px solid white;
}
.confirm_content{
  width:70%;
  min-width:70%;
  background-color:rgba(230,180,130,0.5);
  border-top-right-radius:15px;
  border-bottom-right-radius:15px;
  border:1px solid white;
  align-items:center;
  display:flex;
  padding:0 3% 0 3%;
  word-break:break-all;
}
#inquiry_area{
  padding:3% 3% 3% 3%;
}

/******************/
//サンキューページ

#thankyou_container{
  width:100%;
  height:auto;
}

#thankyou_section{
  width:80%;
  margin:auto;
  text-align:center;
}

#home_button{
  width:fit-content;
  font-size:1em;
  border-radius:25px;
  padding:1% 4% 1% 4%;
  background-color:rgba(230,180,140,0.5);
  border:none;
  margin:auto;
}

/******************/

#error_screen_container{
  width:100%;
  height:auto;
}

#error_screen_block{
  width:80%;
  text-align:center;
  margin:auto;
}

.caution{
  color:red;
}

.back_button{
width:fit-content;
font-size:1em;
border-radius:25px;
padding:1% 4% 1% 4%;
background-color:rgba(230,180,140,0.5);
border:none;
}