@charset "UTF-8";

/* contactLayout
----------------------------------------------------*/
.contactLayout #common_bg .cassette > .g_bg {
    background-color: #F8F8F8;
    border-radius: 20px;
    padding: 40px 20px;
    width: calc(96% - 40px);
}
.contactLayout .g_bg h3 {
    text-align: center;
    color: #FF7C7C;
    font-size: 1.6rem;
    margin-bottom: 20px;
}
.contactLayout .g_bg th {
    font-weight: bold;
}
.contactLayout .g_bg .icon {
    display: inline-block;
    padding: 4px 10px;
    background-color: #FF7C7C;
    border-radius: 5px;
    color: #fff;
    margin-right: 10px;
    font-weight: normal;
    font-size: 0.8rem;
}
.contactLayout .g_bg .nini {
    background-color: #FAC5C5;
}

.contactLayout .g_bg tr {
    border-bottom: none;
}
.contactLayout .g_bg tr:first-child {
    border-top: none;
}
.contactLayout .g_bg table {
    margin-bottom: 30px;
}
.contactLayout .g_bg .btn01 {
    padding: 15px 0;
    max-width: 270px;
}


        /* 【タブレット用のスタイル記述】 */
        @media screen and (min-width: 760px) {
            .contactLayout #common_bg .cassette > .g_bg {
                border-radius: 30px;
                padding: 60px 40px;
                width: calc(96% - 80px);
            }
            .contactLayout .g_bg th {
                width: 35%;
            }
            .contactLayout .g_bg td {
                width: 65%;
            }
            .contactLayout .g_bg th, .contactLayout .g_bg td {
                padding: 10px 0;
            }
        }

        /* 【PC用のスタイル記述】 */
        @media screen and (min-width: 960px) {
            .contactLayout #common_bg .cassette > .g_bg {
                padding: 60px 80px;
                width: calc(96% - 160px);
            }
            .contactLayout .g_bg th {
                width: 30%;
            }
            .contactLayout .g_bg td {
                width: 70%;
            }
        }





/* entryLayout
----------------------------------------------------*/
.entryLayout #c01 {
    text-align: center;
}
.entryLayout #c01 .tel_t {
    font-weight: bold;
    font-size: 1.5rem;
}
.entryLayout #c01 .tel_t span {
    font-size: 2.1rem;
}
.entryLayout #c01 .s {
    color: #F5A100;
    font-weight: bold;
    font-size: 1.1rem;
    margin-bottom: 40px;
}
.entryLayout #c01 .line_btn {
    display: block;
    width: 90%;
    max-width: 300px;
    margin: 20px auto 0;
}
.entryLayout .g_bg input[type="text"], .entryLayout .g_bg input[type="email"], .entryLayout .g_bg textarea {
    width: calc(100% - 30px);
    font-size: 100%;
    padding: 10px 15px;
}
.entryLayout .g_bg label {
    display: block;
}
.entryLayout .g_bg input[type="checkbox"] {
    display: inline-block;
    margin-right: 10px;
}
.entryLayout .g_bg .form-check-label {
    margin-top: 10px;
}
.entryLayout .g_bg .cap_box {
    max-width: 380px;
    margin: 0 auto;
}
.entryLayout .g_bg .cap_box input {
    margin-top: 20px;
}

.entryLayout .g_bg .alert-danger {
    color: #E22828;
    font-weight: bold;
    font-size: 0.9rem;
}


        /* 【タブレット用のスタイル記述】 */
        @media screen and (min-width: 760px) {
        }

        /* 【PC用のスタイル記述】 */
        @media screen and (min-width: 960px) {
        }



/* confirmLayout
----------------------------------------------------*/



        /* 【タブレット用のスタイル記述】 */
        @media screen and (min-width: 760px) {
            .confirmLayout .g_bg .flex {
                justify-content: center;
            }
        }

        /* 【PC用のスタイル記述】 */
        @media screen and (min-width: 960px) {
        }