body {
    .container {
        /* max-width: none;
        padding: 0;
        margin: 0; */
    }
    #contact {
        #contact_form {
            .container {
                p {

                }
                form {
                    width: 74%;
                    margin: 0 auto;
                    margin-top: 4rem;
                    text-align: center;
                    .form-group {
                        margin-bottom: 4.5rem;
                        .col-form-label {
                            width: 100%;
                            flex: none;
                            max-width: none;
                            padding: 0;
                            margin-bottom: 1.8rem;
                            font-weight: bold;
                            font-size: 1.6rem;
                            text-align: left;
                            .badge {
                                font-size: 1.2rem;
                                background: #f9e6eb;
                                padding: 0.1rem 0.3rem;
                                margin-left: 0.5rem;
                                &.badge-danger {
                                    color: #ca0538
                                }
                                &.badge-gray {
                                    background: rgb(215, 215, 215);
                                    color: #373742
                                }
                            }
                            &.label-thin {
                                margin-bottom: 0.5rem;
                            }
                        }
                        p {
                            width: 100%;
                            line-height: 1.2;
                            text-align: left;
                            &.notice {
                                line-height: 1.5;
                                text-align: center;
                                margin-top: 2rem;
                                margin-bottom: 5rem;
                                a {
                                    color: #373742;
                                }
                            }
                        }
                        .col-sm-9 {
                            padding: 0;
                            max-width: none;
                            flex: none;
                            input, textarea {
                                background: #f2f1ef;
                                border: none;
                                border-radius: 0.5rem;
                            }
                            input {
                                height: 5.5rem;
                                font-size: 1.6rem;
                            }
                            textarea {
                                font-size: 1.6rem;
                            }
                            &.half {
                                width: 48.5%;
                            }
                            .custom-file-trigger {
                                width: 100%;
                                background: #f2f1ef;
                                text-align: center;
                                cursor: pointer;
                                border-radius: 4px;
                                .img-fluid {
                                    cursor: pointer;
                                    width: 18rem;
                                    padding: 4rem 0;
                                }
                            }
                            .none {
                                display: none;
                                width: 100%;
                                text-align: center;
                                height: 14rem;
                                padding-top: 5rem;
                            }
                            .form-check {
                                text-align: center;
                                input {
                                    height: 2.4rem;
                                    width: 2rem;
                                }
                                label {
                                    margin-left: 2rem;
                                }
                            }
                            .form-check {
                                a {
                                    color: #373742;
                                }
                            }
                            .alert  {
                                text-align: left;
                                width: auto;
                                float: left;
                                color: #ca0538;
                                border-radius: 0.5rem;
                                padding: 1rem 1rem;
                            }
                            #privacypolicy_error {
                                text-align: center;
                                float: none;
                            }
                        }
                        .half {
                            margin-right: 3%;
                            &:last-child {
                                margin-right: 0;
                            }
                        }
                        &.underline {
                            padding-bottom: 4.5rem;
                            margin-bottom: 3rem;
                            border-bottom: solid 2px #e9e9e9;
                        }
                    }
                    .btn {
                        border: none;
                        background: #ca0538;
                        color: white !important;
                        font-weight: bold;
                        border-radius: 0.5rem;
                        padding: 2rem 8rem;
                        &.btn-secondary {
                            background: #e9e9e9;
                            color: #373742 !important;
                            font-size: 1.45rem;
                            margin-right: 3rem;
                        }
                    }
                }
            }
        }
        &.contact_confirm {
            #contact_form {
                .container {
                    p {

                    }
                    form {
                        width: 60%;
                        .form-group {
                            margin-left: 0;
                            margin-right: 0;
                            .col-form-label {
                                width: auto;
                                margin-right: 10rem;
                                width: 22rem;
                                .badge {
                                    &.badge-danger {
                                    }
                                    &.badge-gray {
                                    }
                                }
                                &.label-thin {
                                }
                            }
                            p {
                                &.notice {
                                    a {
                                    }
                                }
                            }
                            .col-sm-9 {
                                line-height: 1.5;
                                width: 28rem;
                                text-align: left;
                                input, textarea {
                                }
                                input {
                                }
                                textarea {
                                }
                                &.half {
                                }
                                .custom-file-trigger {
                                    .img-fluid {
                                    }
                                }
                                .none {
                                }
                                .form-check {
                                    input {
                                    }
                                    label {
                                    }
                                }
                                .form-check {
                                    a {
                                    }
                                }
                                .alert  {
                                }
                                #privacypolicy_error {
                                }
                                #lastname {
                                    float: left;
                                    margin-right: 2rem;
                                }
                                #firstname {
                                    float: left;
                                }
                                #lastnamekana {
                                    float: left;
                                    margin-right: 2rem;
                                }
                                #firstnamekana {
                                    float: left;
                                }
                            }
                            .half {
                                &:last-child {
                                }
                            }
                            &.underline {
                            }
                        }
                        .btn-primary {

                        }
                    }
                }
            }
        }
        &.contact_finish {
            margin-top: 5rem;
            .container {
                .jumbotron {
                    h2 {
                        margin-bottom: 3rem;
                    }
                }
            }
        }
    }
}


@media screen and (max-width: 768px) {
    #contact {
        #contact_form {
            .container {

                form {
                    margin-bottom: 4rem!important;
                }
            }
        }
        &.contact_confirm {
            #contact_form {
                .container {
                    p {

                    }
                    form {
                        width: 60%;
                        .form-group {
                            margin-left: 0;
                            margin-right: 0;
                            .col-form-label {
                                width: auto;
                                margin-right: 10rem;
                                width: 22rem;
                                .badge {
                                    &.badge-danger {
                                    }
                                    &.badge-gray {
                                    }
                                }
                                &.label-thin {
                                }
                            }
                            p {
                                &.notice {
                                    a {
                                    }
                                }
                            }
                            .col-sm-9 {
                                line-height: 1.5;
                                width: 28rem;
                                text-align: left;
                                input, textarea {
                                }
                                input {
                                }
                                textarea {
                                }
                                &.half {
                                }
                                .custom-file-trigger {
                                    .img-fluid {
                                    }
                                }
                                .none {
                                }
                                .form-check {
                                    input {
                                    }
                                    label {
                                    }
                                }
                                .form-check {
                                    a {
                                    }
                                }
                                .alert  {
                                }
                                #privacypolicy_error {
                                }
                                #lastname {
                                    float: left;
                                    margin-right: 2rem;
                                }
                                #firstname {
                                    float: left;
                                }
                                #lastnamekana {
                                    float: left;
                                    margin-right: 2rem;
                                }
                                #firstnamekana {
                                    float: left;
                                }
                            }
                            .half {
                                &:last-child {
                                }
                            }
                            &.underline {
                            }
                        }
                        .btn {
                            width: 20rem;
                            &.btn-secondary {
                                margin-right: 0;
                                margin-bottom: 2rem;
                            }
                            &.btn-primary {
                                
                            }
                        }
                    }
                }
            }
        }
        &.contact_finish {
            margin-top: 3rem;
            .container {
                .jumbotron {
                    h2 {
                    }
                }
            }
        }
    }
    
}