@charset "utf-8";
/* CSS Document */
/* -------------------------------------
 フォームの装飾
-------------------------------------- */
.f_item {
  padding: 8px;
  margin-bottom: 5px;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.f_item:focus {
  border-color: #224072;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(34, 64, 114, .6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(34, 64, 114, .6);
}
.f_item::-moz-placeholder {
  color: #999;
  opacity: 1;
}
.f_item:-ms-input-placeholder {
  color: #999;
}
.f_item::-webkit-input-placeholder {
  color: #999;
}
.f_item[disabled], .f_item[readonly], fieldset[disabled] .f_item {
  background-color: #eee;
  opacity: 1;
}
.f_item[disabled], fieldset[disabled] .f_item {
  cursor: not-allowed;
}
textarea.f_item {
  height: auto;
}
@media (min-width: 768px) {
  .f_wrap .w30 {
    width: 30%;
  }
  .f_wrap .w50 {
    width: 50%;
  }
  .f_wrap .w80 {
    width: 80%;
  }
  .f_wrap .w100 {
    width: 95%;
  }
}
@media (max-width: 767px) {
  .f_wrap .w30, .f_wrap .w50, .f_wrap .w80, .f_wrap .w100 {
    width: 95%;
  }
  .f_wrap textarea {
    width: 95%;
  }
  .f_item option {
    width: 95%;
    word-break: break-word;
  }
}
.submit {
  text-align: center;
  padding: 10px;
}
.submit button.f_btn, .submit input {
  background-color: #224072;
  display: inline-block;
  border: 1px solid #224072;
  border-radius: 4px;
  padding: 5px 20px;
  color: #FFF;
  font-size: 20px;
}
.submit button.f_btn.reset, .submit input.reset {
  background-color: #999;
  border: 1px solid #999;
}
  .hp_trap {
    position: absolute; left: -10000px; top: auto;
    width: 1px; height: 1px; overflow: hidden;
  }
