@charset "UTF-8";
/* contact */

div#form_wrap{
padding:5% 0 0;
background: #FFF;
}
label{
font-weight: normal;
}
p#button{
text-align: center;
}
textarea{
border-color: #B4B4B4;
border-width:1px;
border-style: solid;
border-radius:10px;
font-size: 12px;
padding: 1em;
}

#company_name,#name,#email,#email2,#phone,#url{
border-color: #B4B4B4;
border-width:1px;
border-style: solid;
border-radius: 3px;
text-indent: 1em;
height: 1.5em;
font-size: 12px;
}
.error{
color: #F00;
font-size: 0.85em;
}
.ness{
color: #FF0000;
font-weight: bold;
}
.small{
color: #5f5f5f;
font-size: 0.85em;
}

form#mailform {
margin: 0 auto;
}

p#form_bt{
text-align: center;
margin: 10px auto 0;
}
input#reset,input#send{
cursor: pointer;
}
span.small {
margin: 0px;
padding: 0px;
font-size: 10px;
color: #999999;
margin: 0 0 0 5px;
}

textarea {
resize: none;
}
input[type="submit"]{
display : inline-block;
text-align: center;/* 文字位置 */
cursor: pointer; /* カーソル */
padding : 1% 10%; /* 余白 */
background: #9dbec5; /* 背景色 */
color : #000000; /* 文字色 */
line-height : 1em; /* 1行の高さ*/
transition: .3s; /* なめらか変化 */
border: 5px solid #9dbec5;/* 枠の指定 */
border-radius:0;
-webkit-appearance: none;
}
input[type="submit"]:active {
}
input[type="submit"]:hover{
color : #9dbec5; /* 背景色 */
background: #000; /* 文字色 */
border: 5px solid #000;/* 枠の指定 */

}
/* Tablet (Portrait) 画面の横幅が768px〜959pxまで
---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
@media only screen and (max-width: 767px) {
input,textarea{
width: 100% !important;
height: 3em;
}
#company_name,#name,#email,#email2,#phone,#url{
border-color: #B4B4B4;
border-width:1px;
border-style: solid;
border-radius: 10px;
text-indent: 1em;
height: 3em;
font-size: 12px;
}

}