@charset "UTF-8";


/*******************************

contactus

*******************************/

p.txt01 span.tel {
    display: block;
    font-weight: bold;
    font-size: 30px;
}

p.txt01 span.time {
    display: block;
    padding-left: 25px;
}

.notes {
    color: #ff0000;
}

/*-----------------------------
テーブル
-----------------------------*/

.table_form {
    width: 100%;
    border-top: 1px solid #d2d2d2;
    margin-bottom: 50px;
}

.table_form th {
    width: 250px;
    font-weight: bold;
}

.table_form th,
.table_form td {
    border-bottom: 1px solid #d2d2d2;
    padding: 20px;
    vertical-align: middle;
}

@media screen and (max-width: 767px) {
    table,
    tbody,
    tr,
    th,
    td {
        display: block;
    }

    .table_form th {
        width: 100%;
        border-bottom: none;
        padding: 20px 0 0 0;
    }

    .table_form td {
        width: 100%;
        padding: 10px 0 20px 0;
    }

}


/*-----------------------------
フォーム
-----------------------------*/

.sec04 input[type="text"],
.sec04 input[type="email"],
.sec04 input[type="tel"],
.sec04 textarea {
    background-color: #fff;
    color: #333;
    width: 95%;
    border: 1px solid #ddd;
    font-size: 100%;
    padding: 0.5em;
    border-radius: 4px;
    -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, .1) inset;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, .1) inset;
}

.sec04 .check label {
    padding-left: 5px;
}

.sec04 input[type="checkbox"] {
    margin-right: 10px;
}

.sec04 .radio label {
    margin-right: 30px;
    padding-left: 5px;
}

.sec04 input[type="radio"] {
    margin-right: 10px;
}

.sec04 input:focus,
.sec04 textarea:focus {
    background: #ffff99!important;
}


/*-----------------------------
プライバシーポリシー
-----------------------------*/

.subPage .sec04 dl.dl01 {
    margin-bottom: 30px;
}

.policyWrap {
    height: 250px;
    margin: 0;
    padding: 15px;
    background: #ffffff;
    border: #cccccc solid 1px;
    overflow: auto;
    font-size: 13px;
}

dl.policy dt {
    font-size: 15px;
}

dl.policy ul {
    margin-left: 10px;
}

@media screen and (max-width: 767px) {
    .subPage .sec04 dl.dl01 > dd {
        padding-left: 0;
    }
}

/*-----------------------------
submitWrap
-----------------------------*/

.submitWrap {
    text-align: center;
}

.submitWrap p {
    font-size: 14px;
    margin-bottom: 10px;
}

ul.button {
    width: 50%;
    margin: 20px auto 0;
}

ul.button li:nth-child(odd) {
    float: left;
    width: 48%;
}

ul.button li:nth-child(even) {
    float: right;
    width: 48%;
}

/*送信ボタン*/

input[type="submit"],
input[type="reset"] {
    width: 100% !important;
    font-size: 17px !important;
    font-weight: bold;
    padding: 15px 0;
    background: #eee;
    color: #333;
    border-radius: 4px;
    cursor: pointer;
    -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, .2);
    box-shadow: 0 0 1px rgba(0, 0, 0, .2);
    border: 1px solid #ccc;
    text-shadow: -1px 1px 0 rgba(255, 255, 255, 1);
}

/*送信ボタン　ホバー時*/

input[type="submit"]:hover,
input[type="reset"]:hover {
    background: #1c4fe3;
    color: #fff;
    text-shadow: none;
}

@media screen and (max-width: 767px) {
    .submitWrap {
        text-align: left;
    }

    ul.button {
        width: 100%;
    }

}