@charset "UTF-8";



/*---- 下部 ------------------------------------------------*/
.under {
 background: #fff;
}

.under .inner {
 max-width: 600px;
 padding-bottom: 30px;
}

form p {
 font-size: 14px;
 line-height: 1.7;
 text-align: left;
}

input,
select {
 width: 100%;
 font-size: 14px;
 padding: 5px;
 margin-bottom: 20px;
 box-sizing: border-box;
}

input:focus,
input:hover {
 background: #D6EEF2;
}

textarea {
 width: 100%;
 font-size: 14px;
 padding: 5px;
 height: 150px;
 margin-bottom: 30px;
 box-sizing: border-box;
}

textarea:focus,
textarea:hover {
 height: 150px;
 background-color: #D6EEF2;
}

.focus {
 background: #D6EEF2;
}

.wd33per {
 width: 30%;
}

input#submit_but {
 padding: 5px 10px;
 font-size: 14px;
 background-color: #000;
 border: none;
 color: #fff;
 -webkit-transition: background-color .2s;
 transition: background-color .2s;
 cursor: pointer;
 -webkit-appearance: none;
 border-radius: 0;
}

input#submit_but:hover {
 background-color: #59b1eb;
}

input#submit_but[disabled] {
 background-color: #5B5B5B;
 cursor: default;
}


@media screen and (max-width: 768px) {

 .under {
  background: #fff;
  padding: 50px 0;
 }

 .under .inner-sp {
  width: 92%;
 }


}

@media screen and (max-width: 650px) {}

@media screen and (max-width: 480px) {

 .under {
  background: #fff;
  padding: 50px 0;
 }

 .under .inner-sp {
  width: 92%;
 }


}