@charset "UTF-8";


/* =====================================================
 * お問合せページ
 * ===================================================== */


.form-info { /* 電話相談窓口はこちら */
  margin: 25px 0 0;
  font-size: 80%;
  color: #222;
}


/* -------------------------
 * 各入力項目
/* ------------------------- */
.form-group {
  margin: 80px 0 0 0;
  color: #222;
  font-weight: bold;
  font-size: 90%;
}


.form-group:after {
  content: "[必須]";
  font-size: 85%;
  font-weight: normal;
  color: red;
  margin-left: 1rem;
}


select {
  margin: 15px 0 0;
  width: 100%;
  height: 50px;
  border: 1px solid #c7c7c7;
  background-color: #ffffff;
  padding: 10px;
  -webkit-border-radius: 3px; /* Google,Chrome,Safari */
  -moz-border-radius: 3px; /* Firefox */
  -o-border-radius: 3px; /* Opera */
  -ms-border-radius: 3px; /* IE */
  border-radius: 3px;
}


.input-type-text, /* input[type="text"]としてしまうと、上部の検索窓のスタイルとバッティングしてしまうため */
input[type="email"], /* おそらくこれは効いてない。emailに関しては上のinput-type-textをあてている */
input[type="password"],
input[type="tel"] {
  margin-top: 15px;
  width: 100%;
  height: 50px;
  padding: 0 10px;
  vertical-align: middle;
  border: 1px solid #c7c7c7;
  -webkit-border-radius: 3px; /* Google,Chrome,Safari */
  -moz-border-radius: 3px; /* Firefox */
  -o-border-radius: 3px; /* Opera */
  -ms-border-radius: 3px; /* IE */
  border-radius: 3px;
  background-color: #fff;
}


input[type="radio"], input[type="checkbox"] { /* スマホ仕様にラジオボタンとチェックボタンのサイズを大きくする */
  -webkit-transform:scale(1.5,1.5); /* Google,Chrome,Safari */
  -moz-transform:scale(1.5,1.5); /* Firefox */
  transform:scale(1.5,1.5);
}


.input_button {
  margin-top: 30px;
  vertical-align: middle;
  border-style: none;
  padding: 15px 40px;
  background-color: #6495ed;
  color: #fff;
  font-weight: bold;
}


.input_button:hover {
  background-color: #add8e6;
  /* transitionを使ってゆっくり半透明にする設定 */
  -webkit-transition: 0.3s ease-in-out; /* Google,Chrome,Safari */
  -moz-transition: 0.3s ease-in-out; /* Firefox */
  -o-transition: 0.3s ease-in-out; /* Opera */
  -ms-transition: 0.3s ease-in-out; /* IE */
  transition: 0.3s ease-in-out;
}


textarea {
  margin: 15px 0 0;
  width: 100%;
  height: 250px;
  padding: 10px;
  word-break: break-all;
  vertical-align:middle;
  border: 1px solid #c7c7c7;
  -webkit-border-radius: 3px; /* Google,Chrome,Safari */
  -moz-border-radius: 3px; /* Firefox */
  -o-border-radius: 3px; /* Opera */
  -ms-border-radius: 3px; /* IE */
  border-radius: 3px;
 }


.error {
  margin: 10px 0px 0px;
  font-size: 85%;
  color: red;
}