@charset "UTF-8";


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


.form_group {
  position: relative;
  margin: 60px 0px 20px;
  border-left: 5px solid #dc143c;
  padding-left: 10px;
  color: #000;
  font-size: 130%;
  font-weight: bold;
}


select {
  width: 100%;
  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="email"],
input[type="password"] {
  width: 100%;
  height: 40px;
  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;
}


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;
  border-radius: 3px;
  -webkit-border-radius: 3px; /* Google,Chrome,Safari */
  -moz-border-radius: 3px; /* Firefox */
  -o-border-radius: 3px; /* Opera */
  -ms-border-radius: 3px; /* IE */
  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 {
  width: 100%;
  height: 250px;
  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;
}