@charset "utf-8";

/* === Input Default === */
.form-box label {
display:inline-block;
margin-right:8px;
padding:4px 2px;
white-space:nowrap;
vertical-align:middle;
cursor:pointer;
}
.form-box input {
display:inline-block;
margin-right:4px;
vertical-align:middle;
cursor:pointer;
}
.form-box label:hover input[type=checkbox],
.form-box label:hover input[type=radio],
.form-box input[type="text"]:hover,
.form-box textarea:hover {
box-shadow:0px 0px 4px rgba(0,160,255,0.5);
}
.form-box input[type=checkbox],
.form-box input[type=radio] {
width:16px;
height:16px;
line-height:16px;
}
.form-box input[type=radio] {
margin-top:-3px;
}
.form-box select,
.form-box input[type="text"],
.form-box textarea {
border-radius:3px;
border:1px solid #b4b4b4;
box-shadow:1px 1px 4px rgba(0,0,0,0.1) inset;
padding:2px 4px;
line-height:1.5;
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,Helvetica,Arial,'ＭＳ Ｐゴシック',sans-serif;
font-size:100%;
}
.form-box input[type="text"] {
}
.form-box textarea {
}
.form-box input[type="button"],
.form-box input[type="submit"] {
-webkit-appearance:none;
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,Helvetica,Arial,'ＭＳ Ｐゴシック',sans-serif;
}
.form-box .form-foot {
width:100%;
padding:16px 0;
text-align:center;
}
.form-btns input[type="button"],
.form-btns input[type="submit"],
.form-btns a {
margin:0 auto;
display:inline-block;
border-radius:4px;
box-shadow:0px -22px 1px rgba(200,200,200,0.3) inset;
border:1px solid #c8c8c8;
background:#fafafa;
color:#282828;
text-shadow:-1px -1px 0px rgba(255,255,255,0.8);
padding:14px 20px;
line-height:1;
font-size:16px;
letter-spacing:0.4em;
text-indent:0.4em;
}
.form-btns input[type="button"]:hover,
.form-btns input[type="submit"]:hover,
.form-btns a:hover {
box-shadow:0px 22px 1px rgba(200,200,200,0.2) inset;
border:1px solid #b4b4b4;
background:#f5f5f5;
color:#505050;
text-decoration:none;
}
.form-btns a span {
line-height:1.2;
}
.form-btns input[type="button"],
.form-btns input[type="submit"] {
line-height:1.2;
}
.form-foot .form-btns .btn-next {
padding:14px 30px;
box-shadow:0px -22px 0px rgba(50,50,50,0.1) inset;
background:#AD87CD;
color:#ffffff;
text-shadow:-1px -1px 0px rgba(0,0,0,0.3);
}
.form-foot .form-btns .btn-next:hover {
background:#bba0e0;
color:#ffffff;
text-shadow:-1px -1px 0px rgba(0,0,0,0.3);
}
.form-foot .form-btns .btn-back {
box-shadow:0px -22px 1px rgba(200,200,200,0.3) inset;
border:1px solid #c8c8c8;
background:#ebebeb;
color:#282828;
}
.form-foot .form-btns .btn-back:hover {
border:1px solid #b4b4b4;
background:#e6e6e6;
color:#505050;
}

/* === Form Layout === */
.form-box {
margin:0 auto;
width:100%;
padding:0;
}
.form-head {
padding:4px 0 8px;
}
.form-head p {
margin:0.4em 0;
}
.form-column {
clear:both;
width:100%;
border-left:6px solid #c0a0d0;
border-bottom:1px solid #d2d2d2;
border-right:1px solid #d2d2d2;
}
.form-column dl {
clear:both;
width:100%;
border-top:1px solid #d2d2d2;
background:#fbf9ff;
}
.form-column dl:after {
content:"";
display:block;
clear:both;
overflow:hidden;
}
.form-column dt {
width:150px;
float:left;
padding:14px 5px;
}
.form-column dt img {
vertical-align:middle;
}
.form-column dd {
min-height:1.3em;
margin-left:160px;
border-left:1px dotted #c0a0d0;
padding:15px 8px;
line-height:1.2;
background:#ffffff;
}
.form-column dd i {
color:#646464;
font-size:13px;
}
.form-column p {
margin:0;
padding:0;
}
.form-column ul {
list-style:none;
margin:0;
padding:0px 0;
}
.form-column ul li {
float:left;
}
.form-column .cate dd {
max-height:2em;
}
.form-column .address ul li {
float:none;
}
.name input[type="text"] {width:;}
.email input[type="text"] {width:440px;}
.company input[type="text"] {width:440px;}
.busyo input[type="text"] {width:;}
.add1 input[type="text"] {width:120px;}
.add2 input[type="text"] {width:440px;}
.add3 input[type="text"] {width:330px;}
.tel input[type="text"] {width:;}
.fax input[type="text"] {width:;}
.cate input[type="text"] {width:420px;}
.message textarea {width:95%;}

.error_messe {
color:#dc2828;
}
.error-box {
padding:0 1% 8px;
}
.thanks-box {
padding:40px 1% 60px;
line-height:1.6;
text-align:center;
}

/* === デバイスiPad未満 === */
@media screen and (max-width: 767px){
img{
max-width:100%;
height:auto;
}
#HEADER .inner,
#FOOTER .inner,
#MAIN .inner {
margin:8px 0;
width:100%;
}
.main-area {
border-radius:0px;
}
.form-box {
margin:0px;
}
.form-box label {
margin-right:12px;
padding:8px 2px;
}
.form-box select,
.form-box input[type="text"],
.form-box textarea {
padding:4px 4px;
}
.form-column {
clear:both;
width:100%;
border-left:none;
border-right:none;
border-bottom:1px solid #b4b4b4;
background:#f5f5f5;
}
.form-column dt {
width:auto;
float:none;
border-bottom:1px dotted #b4b4b4;
padding:4px 5px;
}
.form-column dd {
border-left:none;
margin-left:0;
padding:14px 5px;
background:#ffffff;
}
.form-column .cate dd {
max-height:5em;
}
.form-column .add3 i {
display:none;
}
.name input[type="text"] {width:90%;}
.email input[type="text"] {width:90%;}
.company input[type="text"] {width:90%;}
.add1 input[type="text"] {width:150px;}
.add2 input[type="text"] {width:90%;}
.add3 input[type="text"] {width:90%;}
.tel input[type="text"] {width:90%;}
.message textarea {width:95%;}


}