@charset "UTF-8";

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:40% !important;background:#fef0f5;}
table tr th .required{
float:right;
padding: 1px 5px;
background:#c21889;
color:#fff;
font-size:0.9em;
-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-left:0 !important;
margin-bottom:20px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
#flow li{
display:table-cell;
text-align:center;
border-right:1px solid #ccc;
background:#efefef;
padding:10px;
}
#flow li:last-child{border-right:none;}
#flow .active{
color:#fff;
background-color:#c21889;
}
.c-red,.error_messe{color:#c21889;}
label{cursor:pointer;}
.required-item{background-color:#c21889;}

/* フォーム
------------------------------------------------------------*/
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;
}
textarea{
width:98%;
height:auto;
line-height:1.5;
font-family: sans-serif;
}
select{
vertical-align:middle;
width:70%;
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:#c21889;
border:0;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
line-height:1.7;
font-size:140%;
color:#fff;
-webkit-appearance:none;
margin-bottom:30px !important;
}
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;}
}


.formErrorContent {
    color: #bc1010;
    font-size: 12px;
    letter-spacing: 0;
}