@charset "utf-8";

/* 共通部分 */
p,.form_ttl{font-weight: normal;}

.form_ttl,.form_checkbox{font-size: 16px;}

.form_checkbox input,
.form_ttl label,
.form_txt input,
.form_txt textarea,
.form_button{cursor: pointer;}



/* お問い合わせ */
.maincontent{width: 600px;}
@media screen and (max-width:767px){
  .maincontent{
    width: 90%;
  }
}

/* コンタクトタイトル */
.post_cont h2 span{
  display: inline-block;
  padding-bottom: 1rem;
  font-size: 30px;
}

.cont_txt{
  margin: 2rem 0; 
  font-size: 16px;
}
@media screen and (max-width:767px){
  .post_cont h2 span{
    font-size: 24px;
    padding-bottom: 0.3rem;
  }
}
@media screen and (max-width:414px){
  .post_cont h2 span{
    padding-bottom: 1rem;
  }
}

/* お問い合わせフォーム */
.form_list{
  margin: 2rem 0;
}

.form_itemBox{
  display: flex;
  justify-content: space-between;
}

.form_item{
  width: 48%;
  padding-bottom: 1.5rem;
}

.form_ttl label{
  display: block;
  padding: 0 0 1rem;
}

.form_txt input,
.form_txt textarea{
  padding: 8px;
  width: 100%;
}

/* チェックボックス */
.form_checkbox{
  padding: 1rem 0 2rem;
  text-align: center;
}
.form_checkbox input{
  margin-right: 10px;
}

@media screen and (max-width:767px){
  .form_itemBox{ display: block;}
  .form_item{
    width: 100%;
    padding-bottom: 1rem;
  }
  .form_ttl label{
    padding-bottom: .5rem;
  }
  .form_ttl_textarea label{
    padding-bottom: .7rem;
  }
  .form_checkbox{
    padding-bottom: 16px;
  }
}


/* コンタクトボタン */
.form_button {
  display: block;
  margin: 0 auto;
  max-width: 300px;
  width: 100%;
  padding: 10px 16px;
  border: none;
  background-color: #158f98;/* 色変更 */
  color: #fff;
  font-size: 14px;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 3px;
}
.form_button:hover{
  opacity: .8;
  transition: all .2s ease-in-out;
}