/**
 * Webサービスに関する無料のご相談・お見積り依頼
 *
 *
 */
#title_block > div div:first-child {width: 70px;}
#title_block h2 {border: none;}
#title_block img {width: 50px;}
@media screen and (max-device-width : 480px) {
    #title_block > div {display: block;}
    #title_block > div > div:first-child {display: block; width: calc(100%); text-align: center;}
    #title_block > div > div:last-child {display: block; width: calc(100%);}
    #title_block img {max-width: calc(100% - 10px);}
}

#contact_form div {display: table; width: 100%; margin-bottom: 5px;}
#contact_form div label {
    display: table-cell;
    vertical-align: top;
    border-bottom: 1px solid #f5f5f5;
    padding: 0 10px;
    width: 250px;
}
#contact_form div input, #contact_form div textarea {
    display: table-cell;
    vertical-align: middle;
    border: none;
    border-bottom: 1px solid #f5f5f5;
    border-radius: 5px;
    background-color: #f5f5f5;
    padding: 10px;
    width: calc(100% - 20px);
}
#contact_form div textarea {height: 100px;}
@media screen and (max-device-width : 480px) {
    #contact_form div label {display: block; width: calc(100% - 20px);}
    #contact_form div input, #contact_form div textarea {display: block; width: calc(100% - 20px);}
}

/* submit ボタン */
#contact_form div input.button {
    display: table-cell;
    width: 273px;
    padding: 10px;
    border: 1px solid #003768;
    border-radius: 3px;
    background-color: #f90;
    color: #fff;
    font-size: 16px;
    letter-spacing: 3px;
    transition: .2s;
}
#contact_form div input.button:hover {border: 1px solid #999; background-color: #fc3;}
#contact_form div input.button:disabled {border: 1px solid #999; background-color: #ccc;}

/* 必須 */
#contact_form div span {background-color: #f00; border: 1px solid #fff; color: #fff; font-size: 15px; padding: 0 5px;}
/* エラー */
#contact_form div span.error {border-radius: 25px; padding: 0 8px;}
#contact_form div input.error {border: 1px dashed #f00; background-color: #fc9;}

/* iframe */
iframe {border: 1px solid #163A67; width: 100%;}

#agree_block {display: table; border-bottom: 1px dashed #f00; width: 100%;}
#agree_block input[type="checkbox"] {
    display: table-cell;
    border: 1px solid #00f;
    width: 20px;
}
#agree_block label[for="agree"] {
    display: table-cell;
    width: 100%;
    border: none;
}

/* 確認ページ */
#contact_check div {display: table; width: 100%; margin-bottom: 5px;}
#contact_check div p:first-child {
    display: table-cell;
    width: 150px;
    padding: 0 10px;
    border-bottom: 1px solid #f5f5f5;
}
#contact_check div p:last-child {
    display: table-cell;
    padding: 0 10px;
    border-bottom: 1px solid #f5f5f5;
    background-color: #f5f5f5;
}
#contact_check div button:first-child {margin-right: 50px;}
@media screen and (max-device-width : 480px) {
    #contact_check div p:first-child {display: block; width: calc(100% - 20px);}
    #contact_check div p:last-child {display: block; width: calc(100% - 20px);}
}

/* contact_result */
#contact_result {
    border: 1px solid #ccc;
    padding: 30px 20px;
}
#contact_result h3 {
    background-color: #fff;
}