/* --------- form ---------- */

#formCo {
padding: 0 0 60px;
}

#formCo h2{
padding: 1.5em 0;
font-size: 1.5em;
}

#formCo p {
margin: 0 0 2em;
text-align: left;
}

#formCo th p,
#formCo td p {
    margin: 0;
}

#formCo li{
text-align: left;
}

#formCo p a{
color: #0000FF;
text-decoration:underline;
}
.colorB #formCo p a{
color: #FFFF00;
}
#formCo li img{
vertical-align: middle;
}
#formCo.finish p{
text-align:left;
}
#formCo.finish p.aCENTER{
text-align: center;
}

#formCo table {
width: 100%;
}
#formCo th {
background:#EFEFEF url(../images/ico_hissu.gif) no-repeat right center;
}

#formCo .conf th {
background:#EFEFEF;
}

#formCo th.thNini {
background:#EFEFEF url(../images/ico_nini.gif) no-repeat right center;
}
#formCo .confirm th {
background: #EFEFEF;
}


.colorB #formCo th,
.colorY #formCo th {
background-color:transparent;
}

.colorB #formCo .conf th,
.colorY #formCo .conf th {
background-color:transparent;
}

.colorB #formCo th.thNini,
.colorY #formCo th.thNini {
background-color:transparent;
}
.colorB #formCo .confirm th,
.colorY #formCo .confirm th {
background-color:transparent;
}


#formCo select {
font-size:1em
}

#formCo td hr {
clear:both;
height:1px;
margin:5px 0;
padding:0;
border:0
}
.error {
color:red
}
#formCo .boxLine {
text-align:center
}
#formCo table {
width:100%
}
#formCo td, #formCo th {
vertical-align:middle
}
#formCo td select, #formCo td input, #formCo td textarea {
background:#F7F7F7;
border:solid 1px #c4c4c4;
padding:6px;
margin:5px;
font-size:1em;
line-height:1.6em;
vertical-align:middle;
border-radius: 4px;
}

#formCo td textarea {
font-size:1em;
line-height:1.6em;
padding:10px
}
#formCo #btnSend input {
margin:0 auto;
border:0;
-webkit-border-radius:6px;
-moz-border-radius:6px;
border-radius:6px;
color:#fff;
font-weight:bold;
transition:all 1.0s;
}
#formCo #btnSend input.btnBack {
background:#ddd url(../images/ico_l.png) no-repeat 8% 50%;
color:#666
}
.error {
color:#FF0000;
}
.err {
color:#FF0000;
}


::placeholder {
color: #ccc;
}


:focus::-webkit-input-placeholder {
color: #F7F7F7;
} /* Chrome・Safari・Opera用(※Edgeにも使える) */
:focus:-moz-placeholder {
color: #F7F7F7;
} /* Firefox18以前用 */
:focus::-moz-placeholder {
color: #F7F7F7;
} /* Firefox19以上用 */
:focus::placeholder {
color: #F7F7F7;
} /* CSS標準(予定)の記述 */
#formCo table {
border:5px solid #c8c8c8;
margin-bottom: 2em;
}
#formCo label {
cursor: pointer;
padding: 0 1.5em 0 0;
}
#formCo th, #formCo td {
border: 1px solid #C8C8C8;
padding: 15px;
line-height: 1.8em;
}
#formCo th, #formCo td {
text-align:left;
border-bottom:1px solid #c8c8c8;
}
#formCo th {
width: 35%;
font-weight: bold;
}
#formCo td input{
width:70%
}#formCo .fieldL,
#formCo #mess {
width:95%
}

#formCo td input[type=radio],
#formCo td input[type=checkbox] {
width: 1.2em;
height: 1.2em;
}

#formCo #btnSend {
text-align: center;
width: 640px;
margin: 0px auto;
text-align: center;
padding: 15px 0px;
}
#formCo #btnSend input {
padding: 1em 0 1em 0.2em;
cursor:pointer;
background: #255BDA;
}


.colorB #formCo #btnSend input {
background-color:transparent;
border: solid 1px #FFF;
}
.colorY #formCo #btnSend input {
background-color:transparent;
border: solid 1px #000;
color: #000;
}


#formCo #btnSend input.btnBack {
background-size: 24px;
}
#formCo #btnSend.confirm input {
margin: 0px 10px;
}
#formCo .confirm {
width: 640px;
margin: auto;
}
#formCo .confirm input#kakunin {
float: right;
}
#formCo .confirm input#btnBack {
float: left;
}
#formCo #btnSend {
width: 520px;
margin: 0px auto;
text-align: center;
padding: 15px 0px;
}
#formCo #btnSend input {
width: 240px;
padding: 12px 0px;
font-size: 1.125em;
cursor:pointer;
background-size: 20px;
}
#formCo #btnSend.confirm input {
float: right;
}
#formCo #btnSend.confirm input.btnBack {
float: left;
}
#formCo .tel a {
font-weight: bold;
text-decoration: none;
color: #000;
font-size: 50px;
display: inline-block;
padding: .4em 0 .4em 1.6em;
background:url(../images/ico_tel.png) no-repeat left center;
cursor: text;
}
#formCo form {
text-align:left;
}
@media screen and (max-width: 767px) {

/*#formCo{
width: 94%;
}*/
#formCo a.telSP {
font-size: 1.25em;
font-weight: bold;
text-decoration:underline;
}
#formCo input, #formCo select, #formCo textarea {
padding: 2px;
margin: 5px 2px;
}
#formCo td select, #formCo td input, #formCo td textarea {
font-size: 16px;
}
#formCo table {
border:3px solid #c8c8c8;
background: #FFF;
margin-bottom: 1.5em;
}
#formCo th, #formCo td {
font-size: .813em;
display:block;
width: 100%;
line-height: 1.5em;
}
#formCo table th {
padding: 1em;
}
#formCo table td {
padding: 1.2em 1em;
border-bottom: 1px dotted #C8C8C8;
}

#formCo td input[type=checkbox] {
margin: 0 5px 0 0;
}

#formCo input {
width: 70%;
font-size: 16px;
}#formCo td input,
#formCo td input.fieldL{
width: 95%;
}
#formCo #btnSend {
width: auto;
}
#formCo .confirm input, #formCo #btnSend input {
margin: auto;
width: 60%;
padding: 10px 0;
-webkit-appearance: none;
}
#formCo #btnSend.confirm input {
margin: 0px 5px;
}
#formCo #btnSend {
text-align: center;
margin: 15px 0;
}
#formCo #btnSend input {
font-size: .875em;
padding: 1em 0;
width: 80%;
margin-bottom: 10px;
}
#formCo #btnSend.confirm input, #formCo #btnSend.confirm input.btnBack {
float:none;
}

#formCo #btnSend input.btnBack {
margin-bottom: 1em!important;
}

#formCo td.checkboxrequired label{
display: block;
}
}


#formCo #btnSend p {
text-align: center;
}
.wpcf7-spinner{
display: none !important;
}