@charset "utf-8";
/* CSS Document */
input[type="text"] {
  border: 1px solid #999;
}
input[type="text"]:focus {
  border: 1px solid #FFD06E;
  outline: 0;
}
input[type="tel"] {
  border: 1px solid #999;
}
input[type="tel"]:focus {
  border: 1px solid #FFD06E;
  outline: 0;
}
input[type="email"] {
  border: 1px solid #999;
}
input[type="email"]:focus {
  border: 1px solid #FFD06E;
  outline: 0;
}

textarea[id="form_content"] {
  border: 1px solid #999;
  padding-top: 15px;
}
textarea[id="form_content"]:focus {
  border: 1px solid #FFD06E;
  outline: 0;
}
input[type="submit"] {
  border: none;
}
input[type="submit"]:focus {
  border: none;
  outline: 0;
}
.form_inner {
  max-width: 800px;
  margin: auto;
}
.form_top {
  padding-top: 140px;
}
.contact_form {
  padding-top: 100px;
}
/*

  align-items: stretch;
  width: 100%;*/
.form_items {
  display: flex;
  flex-wrap: wrap;
  flex: 1 0 auto;
  margin-bottom: 3rem;
  width: 100%;
}
.form_title {
  width: 30%;
  margin-bottom: 80px;
  font-size: 1.6rem;
  padding-top: 15px;
}
.form_date {
  width: 60%;
  margin-bottom: 80px;
}
.form_text{
  font-size: 1.4rem;
}
.form_inputtext {
  width: 100%;
  height: 50px;
  line-height: 3;
  padding: 0 0.5rem;
  border-radius: 0.1rem;
  border: 1px solid #999;
  box-shadow: none !important;
}
.form_inputselect {
  width: 75%;
  height: 50px;
  padding: 0 0.5rem;
  border-radius: 0.1rem;
  border: 1px solid #999;
  box-shadow: none !important;
}
.form_inputarea {
  width: 100% !important;
  line-height: 1.6;/*
  height: 200px;*/
  padding: 0.5rem;
  border-radius: 0.1rem;
  border: 1px solid #999;
  box-shadow: none !important;
  height: 200px !important;
}
.form_btn {
  display: flex;
}
.btn_img {
  background-image: url("../img/common/more-btn.svg");
  background-repeat: no-repeat;
  background-position: center;
  margin: auto;
  padding: 19px 95px;
  border: none;
  color: #606060;
  font-family: a-otf-ud-reimin-pr6n;
  font-size: 1.4rem;
}
.send_btn:hover {
  background-image: url("../img/common/more-btn.svg");
  background-repeat: no-repeat;
  background-position: center;
  text-shadow: none !important;
  box-shadow: none !important;
  opacity: 0.7 !important;
}

.must { 
  width: fit-content;
  background-color: #C00;
  border: solid 2px #C00;
  padding: 0px 5px;
  font-size: 10px;
  color: #FFF;
  margin: 0px 10px;
  border-radius: 4px;
  box-shadow: 0px 0px 5px #CCC;
  background-size: 100% 100%;
}

/*--------------------------------------
contact_check_page
--------------------------------------*/
.btn_img_modoru{
  background-image: url("../img/common/modoru-btn.svg");
  background-repeat: no-repeat; 
  background-position: center;
  margin: auto;
  padding: 19px 95px;
  border: none;
  color: #606060;
  font-family: a-otf-ud-reimin-pr6n;
  font-size: 1.4rem;
}

/*--------------------------------------
contact_done_page
--------------------------------------*/
.contact_done{
  display: flex;
  justify-content: center;
  padding-bottom: 200px;
}
@media screen and (max-width:750px) {
.contact_form {
  padding-top: 80px;
}
.form_top {
  padding-top: 80px;
}
.form_btn{
  display: block;
  text-align: center;
  }
  .btn_img_modoru{
    margin-bottom: 15px;
  }
}
@media screen and (max-width:600px) {
.form_items {
  display: block;
}
.form_title {
  width: 100%;
  margin-bottom: 5px;
}
.form_date {
  width: 100%;
  margin-bottom: 20px;
}
}
@media screen and (max-width:420px) {
  .contact_form {
  padding-top: 40px;
}
.form_top {
  padding-top: 40px;
}
}