/* contact.css */


.contact #contents p.lead {
    width:43em;
    margin:0 auto 40px;
}
.contact #contents p.lead.send_lead {
    width:46em;
}

/* contact tel */
.contact_tel {
    width:60%;
    margin:0 auto 80px;
    padding:0 2em 1em;
    border:1px solid #ccc
}

#contents .contact_tel h3 {
    float:left;
    padding-top:1.5em;
    font-size:1.6em;
}
.contact_tel .tel {
    float:right;
    font-size:0.9em;
}

.contact_tel .tel span.small {
    display:inline-block;
    margin-right:15px;
    vertical-align:top;
    line-height:3.8;
    font-size:1.4em;
}
.contact_tel .tel span.num {
    padding-left:15px;
    border-left:1px solid #333;
    font-size:3.0em;
}


/* submit button */
.submit {
    margin-left:auto;
    margin-right:auto;
    text-align:center;
}
.submit input {
    display:inline-block;
    padding:1em 3em;
    border:1px solid #ccc;
    border-radius:0;
    font-size:1.4em;
    color:#fff;
    cursor:pointer;
    background: #595959;
    background: -moz-linear-gradient(top, #595959 1%, #252525 97%);
    background: -webkit-linear-gradient(top, #595959 1%,#252525 97%);
    background: linear-gradient(to bottom, #595959 1%,#252525 97%);
}
.submit input:hover {
    opacity:0.8;
}


/* prev button */
.prev {
    margin-left:auto;
    margin-right:auto;
    text-align:center;
}
.prev input {
    display:inline-block;
    padding:0.5em 2em;
    border:1px solid #595959;
    border-radius:0;
    font-size:1.2em;
    color:#333;
    cursor:pointer;
    background: #595959;
    background: -moz-linear-gradient(top, #ccc 1%, #ddd 97%);
    background: -webkit-linear-gradient(top, #ccc 1%,#ddd 97%);
    background: linear-gradient(to bottom, #ccc 1%,#ddd 97%);
}
.prev input:hover {
    opacity:0.8;
}



/* form */
dl.form {
    width:1000px;
    margin:0 auto;
}
dl.form dt {
    float:left;
    width:18em;
    padding:1em 0;
    font-weight:bold;
}
dl.form dd {
    padding:1em 0 1em 18em;
    border-top:1px dotted #ccc;
}

dl.form span.required {
    font-size:0.9em;
    color:#f00;
}
dl.form span.note {
    margin-left:1em;
    font-size:0.8em;
}
dl.form span.confirm {
    display:inline-block;
    padding:0.5em 0;
}

dl.form ul {
    
}
dl.form ul li {
    margin-bottom:0.3em;
}

dl.form ul.select li {
    margin-left:1.3em;
    text-indent:-1.3em;
}



dl.form input[type="text"] {
    width:20em;
    padding:5px;
    border:1px solid #ccc;
}

dl.form textarea {
    width:36em;
    height:10em;
    padding:5px;
}

dl.form select {
    padding:5px;
}

dl.form input[type="text"]:focus,
dl.form textarea:focus {
    background:#ececec;
    border:1px solid #555;
    outline:0;
}

dl.form label:hover {
    cursor:pointer;
}
dl.form input[type="radio"],
dl.form input[type="checkbox"] {
    margin-right:0.5em;
}



/* privacy text */
.privacy_text {
    overflow-y:scroll;
    overflow-x:hidden;
    width:80%;
    max-width:800px;
    height:16em;
    margin:0 auto 50px;
    padding:1.5em;
    border:1px solid #ccc;
}
.privacy_text ol {
    padding-left:1.5em;
    list-style:decimal;
}
.privacy_text ol li {
    margin-bottom:1em;
}
.privacy_text ol li ol {
    padding-left:0.5em;
    list-style:none;
}
.privacy_text ol li ol li {
    margin-bottom:0;
    margin-left:1.5em;
    text-indent:-1.5em;
}



/* confirm */
dl.form.comfirm {margin-bottom:40px;}
dl.form.comfirm dt {font-weight:normal;}
dl.comfirm dd {font-weight:bold;}





/* - 1000px */
/*-----------------------------------------------------------*/
@media only screen and (max-width: 1000px) {



.contact #contents p.lead {
    width:84%;
}
.contact #contents p.lead.send_lead {
    width:84%;
}

/* contact tel */
.contact_tel {
    width:70%;
}

#contents .contact_tel h3 {
    font-size:1.3em;
}
.contact_tel .tel {
}

.contact_tel .tel span.small {
    font-size:1.2em;
}
.contact_tel .tel span.num {
    font-size:2.6em;
}

    

/* form */
dl.form {
    width:96%;
}


dl.form span.note {
    display:block;
    margin-left:0;
}

dl.form textarea {
    width:90%;
}





}
/* - 1000px end */





/* - 667px */
/*-----------------------------------------------------------*/
@media only screen and (max-width: 667px) {

.contact #contents p.lead {
    width:90%;
}
.contact #contents p.lead.send_lead {
    width:90%;
}

/* contact tel */
.contact_tel {
    width:calc(90% - 2em);
    padding:0 1em 1em;
    text-align:center;
}

#contents .contact_tel h3 {
    float:none;
    padding-top:0.5em;
    font-size:1.4em;
}
.contact_tel .tel {
    float:none;
}

.contact_tel .tel span.small {
    font-size:1.0em;
}
.contact_tel .tel span.num {
    font-size:2.2em;
}


.submit {
    max-width:96%;
}
.submit input {
    padding:1em 1.5em;
    font-size:1.2em;
}



/* form */
dl.form {
}
dl.form dt {
    float:none;
    width:90%;
    margin:0 auto;
    padding:1.5em 0 0.5em;
    border-top:1px dotted #ccc;
}
dl.form dd {
    width:90%;
    margin:0 auto;
    padding:0 0 1.5em;
    border-top:none;
}

dl.form ul li {
    margin-bottom:1.0em;
}

dl.form ul.select li {
    margin-left:1.6em;
    text-indent:-1.6em;
}



dl.form input[type="text"] {
    width:calc(96% - 10px);
}

dl.form textarea {
    width:calc(96% - 10px);
}



}
/* - 667px end */





/* - 667px */
/*-----------------------------------------------------------*/
@media only screen and (max-width: 667px) {


.contact_tel {
    width:calc(90% - 1em);
    padding:0 0.5em 1em;
}





}
/* - 667px end */


.form_field .error{
  color: #ff0000;
}
.form_field .error p{
  margin-bottom:0;
}



