/* CSS Document */
.company-img{background:url(../images/contact/contact-main-img.jpg);background-repeat:no-repeat;background-size:cover;bacground-position:bottom;position:relative;min-height:230px;}
.contents-title h1{background:url(../images/contact/contents-contact-character.png);background-repeat:no-repeat;text-indent:-9999px;height:200px;}
#contact h4{display:inline-block;background-color:#060;color:#fff;text-align:center;width:20%;padding:15px;}
article a{text-decoration:underline;color:#060;}
article h4{text-align:center;font-weight:bold;padding:30px 0 5px 0;font-size:14px;}
article p{text-align:center;padding:0 10px;}
#error_msg{width:100%;max-width:320px;margin:auto;color:red;font-size:0.8em;line-height:1.6em;text-align:left;padding-top:15px;}
#contact-tel{background:url(../images/contact/contact_img_1.jpg);background-repeat:no-repeat;background-position:center;width:100%;height:100px;text-indent:-9999px;}
#contact-fax{background:url(../images/contact/contact_img_2.jpg);background-repeat: no-repeat;background-position:center;width:100%;height:100px;text-indent:-9999px;}
#contact_form{background:url(../images/contact/contact_img_form.jpg);display:block;margin:30px;background-repeat:no-repeat;background-position:center;width:100%;height:100px;text-indent:-9999px;}
#contact_form:hover{background-color:#fff;opacity:0.7;}
form {width:650px;margin:auto;padding:30px 15px;}
form label{display:block;width:100%;}
form label section{width:100%;text-align:center;}
form label section:nth-child(2n-1){text-align:left;}
form label,
form label select,
form label textarea{font-size:1em;width:90%;margin:auto;text-align:left;}
.txt-area-large textarea{min-height:100px;}
table{width:640px;margin:auto;}
table td,th {border:1px solid #fff;}
table tr th{text-align:center;width:200px;color:#fff;padding:15px;vertical-align:middle;background-color:#292929;}
table tr td{width:450px;background-color:#f0f0f6;}
table tr td section input{width:90%;}
table tr td textarea{font-size:1em;width:90%;margin:auto;text-align:left;}
section{padding:10px 5px;}
form div{display:block;width:400px;margin:auto;}
.btn01{display:block;background:url(../images/contact/btn-01.png);width:280px;height:50px;margin-top:30px;margin-right:auto;margin-left:auto;text-indent:-9999px;border:none;background-color:#fff;}
.btn02{display:inline-block;background:url(../images/contact/btn-02.png);width:112px;height:50px;margin-top:30px;margin-right:auto;margin-left:auto;text-indent:-9999px;border:none;background-color:#fff;}
.btn03{display:inline-block;background:url(../images/contact/btn-03.png);width:280px;height:50px;margin-top:30px;margin-right:auto;margin-left:auto;text-indent:-9999px;border:none;background-color:#fff;}
.form-btn input:hover{background-color:#fff;opacity:0.7;}
@media only screen and (min-width: 768px){
    .description01{display:block;color:#fff;font-size:11px;}
    .description02{display:block;background-color:#ff0000;color:#fff;font-size:12px;width:50px;margin:auto;}
}
@media only screen and (max-width: 768px){
    table{width:100%;margin:auto;}
    form {width:320px;margin:auto;}
    .company-img{background:url(../images/contact/contact-main-img-sp.jpg);background-repeat:no-repeat;background-size:cover;background-position: bottom;min-height:210px;}
    .company-contents{display:block;width:310px;position:relative;margin-left:auto;margin-right:auto;margin-bottom:40px;overflow:hidden;}
    .contents-title h1{background:url(../images/contact/contents-contact-character-sp.png);background-repeat:no-repeat;text-indent:-9999px;background-position:50%;background-size:40%;}
    #contact-tel{background:url(../images/contact/contact_img_1.jpg);background-repeat:no-repeat;background-position:center;background-size:100%;width:100%;height:0;padding-bottom:20%;text-indent:-9999px;}
    #contact-fax{background:url(../images/contact/contact_img_2.jpg);background-repeat: no-repeat;background-position:center;background-size:100%;width:100%;height:0;padding-bottom:20%;text-indent:-9999px;}
    #contact_form{background:url(../images/contact/contact_img_form.jpg);display:block;margin:0px;background-repeat:no-repeat;background-position:center;background-size:100%;width:100%;height:0px;padding-bottom:40%;text-indent:-9999px;}
    #contact_form:hover{background-color:#fff;opacity:0.7;}
    table tr th{display:block;text-align:left;width:100%;color:#fff;padding:0 15px;vertical-align:middle;background-color:#292929;}
    table tr td{display:block;width:100%;background-color:#f0f0f6;}
    table tr th span{display:inline-block;color:#fff;margin:6px 10px;padding:0 12px;font-size:12px;}
    table tr td section input{width:96%;}
    table tr td textarea{font-size:1em;width:96%;margin:auto;text-align:left;}
    form div{display:block;width:280px;margin:auto;}
    .btn01{display:block;background:url(../images/contact/btn-01.png);width:280px;height:50px;margin-top:30px;margin-right:auto;margin-left:auto;text-indent:-9999px;border:none;background-color:#fff;}
    .btn02{display:block;background:url(../images/contact/btn-02.png);width:112px;height:50px;margin-top:0px;margin-right:auto;margin-left:auto;text-indent:-9999px;border:none;background-color:#fff;}
    .btn03{display:block;background:url(../images/contact/btn-03.png);width:280px;height:50px;margin-top:10px;margin-right:auto;margin-left:auto;text-indent:-9999px;border:none;background-color:#fff;}
    .description01{display:inline;color:#fff;font-size:11px;}
    .description02{display:inline;background-color:#ff0000;color:#fff;font-size:12px;margin:5px;padding:0 5px;}
}