@charset "UTF-8";

/* 直下のstyle.cssからフォーム関係の記述を削除 */
.forminner{margin:20px 0;padding:30px;border:1px solid #efefef;background:#fff;}

table.formTable{
width:100%;
border-collapse:collapse;
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
margin-bottom:20px;
}
table tr th,table tr td{
padding:10px;
border-left:1px solid #ccc;
border-top:1px solid #ccc;
text-align:left;
}
table tr th{width:33.2% !important;background:#f5f5f5;}
table tr th .required{
float:right;
padding: 1px 5px;
background:#ff6e5b;
color:#fff;
font-size:0.85em;
-moz-border-radius: 0.5em;
-webkit-border-radius: 0.5em;
-o-border-radius: 0.5em;
-ms-border-radius: 0.5em;
border-radius: 0.5em;
margin-right:5px;
}
#flow{
display:table;
table-layout:fixed;
width:100%;
border:1px solid #ccc;
padding-left:0;
margin-bottom:20px;
}
#flow li{
display:table-cell;
text-align:center;
border-right:1px solid #ccc;
background:#f5f5f5;
padding:10px;
}
#flow li:last-child{border-right:none;}
#flow .active{
color:#fff;
background-color:#00853e;
}
.c-red,.error_messe{color:#f00;}
label{cursor:pointer;}
.required-item{background-color:#f00;}

/* フォーム
------------------------------------------------------------*/
input[type="text"],textarea{
vertical-align:middle;
width:98%;
line-height:30px;
height:30px;
padding:1px 5px;
border:1px solid #d4d4d7;
-webkit-border-radius:3px;
-moz-border-radius:3px;	
border-radius:3px;
font-size:100%;
color:#000;
background:#fcfcfc !important;
}
input.input_date{width:35% !important;}
textarea{
width:98%;
height:auto;
line-height:1.5;
font-family: sans-serif;
}
select{
vertical-align:middle;
width:40.5%;
line-height:30px;
height:30px;
padding:1px 6px;
border:1px solid #d4d4d7;
-webkit-border-radius:3px;
-moz-border-radius:3px;	
border-radius:3px;
font-size:120%;
color:#000;
background:#fcfcfc !important;
}
input[type="submit"]{
padding:5px 15px;
background:#00853e;
border:0;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
line-height:1.7;
font-size:150%;
color:#fff;
-webkit-appearance:none;
}
input[type="reset"],input[type="button"]{
padding:3px 10px;
margin:0 20px 0 0;
background:linear-gradient(to bottom,#eee 0%,#aaa 100%);
border:#ccc 1px solid;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
line-height:1.5;
font-size:120%;
color:#000;
-webkit-appearance:none;
}
input[type="submit"]:hover{background:#444;cursor:pointer;}
input[type="reset"]:hover,input[type="button"]:hover{
background:linear-gradient(to bottom,#aaa 0%,#eee 100%);
cursor:pointer;
}
*:first-child+html input[type="submit"]{padding:3px;}

@media (max-width:767px){
.forminner{margin:20px 0;padding:30px 20px;border:none;background:#fff;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
table tr th,table tr td{display:block !important;width:100% !important;padding:2%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
input[type="text"],input[type="email"],textarea{max-width:98% !important;padding:2%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
select{width:85% !important;}
input.input_date{width:80% !important;}
}