@charset "utf-8";
/* ==========================================================================
   inquiry
============================================================================= */

/* inquiry
------------------------------------------------------------------- */

.inquiry-top > #main {
  background-color: #FFF;
  padding: 0;
}

.category-inquiry{
  background-color: #FFF;
  padding: 20px 20px 20px 20px;
}

.category-inquiry ul li{
  list-style-type: circle!important;
  margin-left: 15px;
}

.inquiry-top h1 {
  color: #0074CB;
　padding-right: 4em;
  display: inline-block;
}


.inquiry_l {
  float: left;
  width: 840px;
  margin-right: 30px;
}

.inquiry_r {
  float: left;
  padding-top: 50px;
}

.inquiry-top h2 {
  clear: both;
}

table.contact span{
  background-color: #F00;
  padding:2px 4px;
  color: #FFF;
  font-size: 85%;
  margin-left: 1em;
}

.form_button{
  text-align: center;
}

input.button,
button.button {
    font-size: 100%;
    font-weight: bold;
    padding: 10px 30px;
    background-color: #0071c5;
    color: #fff;
    border-style: none;
}

input.button:hover,
button.button:hover {
    background-color: #e9f4fe;
    color: #0071c5;
    cursor: pointer;
}

.err_box{
  background-color: #efefef;
  padding:10px;
}

.contact_height{
  text-align: center;
  padding: 30px 0;
}

input {
    width: 100%;
    max-width: 400px;
    box-sizing: border-box;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
}

textarea {
    width: 100%;
    max-width: 400px;
    box-sizing: border-box;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
}


input[type="text"]{
  width:100%;
  -webkit-appearance: none;
   border-radius: 3px;
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
   -webkit-appearance: none;
  }

input[type="text"],
input[type="submit"],
input[type="reset"] {
   -webkit-appearance: none;
   border-radius: 0;
}


@media screen and (max-width:779px) {
 
.inquiry-top h1 {
  padding-right: 0;
}

.inquiry_l {
  float: none;
  width:100%;
}

.inquiry_r {
  float: none;
  width:100%;
}

input[type="image"] {
  width:auto;
}


}