@charset "utf-8";
#contact{
    width: 100%;
    height: auto;
}
    .contact__inner{
        width: 90%;
        height: auto;
        margin: 0 auto;
        max-width: 1100px;
    }
        .contact__detail__text{
            width: 100%;
            height: auto;
        }
            .contact__required{
                width: 100%;
                height: auto;
                font-size: 16px;
            }
        .contact__wrap{
            width: 100%;
            height: auto;
        }
            #form{
                width: 100%;
                height: auto;
            }
                .form__list-container{
                    width: 100%;
                    height: auto;
                }
                    .form__wrap{
                        width: 100%;
                        height: auto;
                    }
                        .form__list{
                            width: 100%;
                            height: auto;
                        }
                            .form__item{
                                width: 100%;
                                height: auto;
                            }
                                .form__item_heading{
                                    font-size: 16px;
                                    display: flex;
                                    align-items: center;
                                    justify-content: flex-start;
                                    column-gap: 10px;
                                    padding: 20px 0 10px;
                                    line-height: 1;
                                }
                                    .mandatory{
                                        font-size: 10px;
                                        color: var(--color--white);
                                        padding: 5px 7px 3px;
                                        background-color: var(--color--gray);
                                        border-radius: 5px;
                                        line-height: 1;
                                        margin-top: -3px;
                                    }
                                .form__item_inputbox{
                                    width: 100%;
                                    height: auto;
                                    border-radius: 5px;
                                    overflow: hidden;
                                }
                                    .form__item_inputbox input{
                                        font-size: 16px;
                                        width: 100%;
                                        height: auto;
                                        background-color: var(--color-light-gray);
                                        padding: 10px 14px 8px;
                                    }
                                .form__item_inputbox__text{
                                    width: 100%;
                                    height: auto;
                                }
                                    .form__item_inputbox__text{
                                        width: 100%;
                                        height: 100%;
                                        background-color: var(--color-light-gray);
                                        padding: 10px 8px 8px;
                                    }
                                    textarea{
                                        width: 100%;
                                        height: 100%;
                                        min-height: 300px;
                                        font-size: 16px;
                                    }
                                .submit__container__wrap{
                                    padding: 40px 0 60px 0;
                                }
                                    .submit__container{
                                        width: 80%;
                                        height: 60px;
                                        max-width: 400px;
                                        margin: 0 auto;
                                        background-color: var(--color--gray);
                                        transition: 0.3s;
                                    }
                                        #submit{
                                            width: 100%;
                                            height: 100%;
                                            display: flex;
                                            align-items: center;
                                            justify-content: center;
                                            padding: 15px 0 10px;
                                            cursor: pointer;
                                        }
                                        .submit__container:hover{
                                            opacity: 0.7;
                                        }
                                            .btn__text__{
                                                color: var(--color--white);
                                                letter-spacing: 0.1em;
                                                font-size: 24px;
                                            }
@media screen and (max-width:820) {
    .btn__text__{
        font-size: 16px;
    }
}