@charset "utf-8";
/* CSS LIST--------------

[ PAGE.CSS ]
CONTACTページのCSS

>XXXXXXXX

-----------------------*/

#page-main-visual{    background-image: url("../img/otoiawase.jpg");background-size: cover;}
@media screen and(min-width:768px){
    #page-main-visual{background-image: url("../img/otoiawase.jpg") 50% 50%;background-size: contain;}
}

/* 電話でのお問い合わせ */
.tel-mail-area {border: 2px solid #b40404;max-width: 500px;margin: 0 auto;padding: 15px 8px 3px 8px;}
.tel-mail-area p {font-size: 35px;font-weight: bold;text-align: center;color: #b40404;}
.tel-mail-area p span {font-size: 22px;}
.tel-mail-area p a {color: #b40404;}
.tel-mail-area p.text-small {font-size: 14px;font-weight: normal;}

/* フォーム */
form {}
form dl {}
form dl dt {}
form dl dt span {background:#b40404;color: #fff; padding: 3px 15px 2px 15px;font-size: 12px;margin-left: 8px;margin-top: -10px;line-height: 100%;border-radius: 3px;line-height: 15px;display: inline-block;}
form dl dd {}
form dl dd input {width: 100%;height: 35px;padding: 2px 8px ;margin-top: 8px;}
form textarea {width: 100%;height: 150px;margin-top: 8px;padding: 2px 8px ;}
form dl dd input[type=checkbox] {width: auto;float: left;}
form dl dd p.checkbox-label {margin-top: 12px; margin-left: 23px; width: 100%;}
.kakunin {}
.kakunin input[type=submit] {display: block;width: 200px;background: #b40404;color: #fff;height: 18px;height: auto;padding: 10px;margin: 0 auto;border: none;}
.kakunin input[type=submit]:hover {opacity: 0.7;}
 
@media screen and (min-width:540px){
    form dl dt {width: 35%;float: left;padding-top: 11px;}
    form dl dd {padding-left: 35%;}
}

@media screen and (min-width:992px){
    form {}
    form dl {}
    form dl dt {width: 20%;}
    form dl dt span {}
    form dl dd {padding-left: 20%;}
}