@charset "UTF-8";
.form_filed{
    background-color: rgb(235, 233, 225);
    color: black;
}

.form_block_first_caption{
    white-space:nowrap;
    width: 23%;
}

.form_send_group{
    padding: 0 0 2em 0;
    margin: auto;
}

.form_container{
    width: 100%;
    height: fit-content;
    background-color: white;
}

.form_block{
    padding: 0.5em 0;

}.form_block a{
    color: #f00;
}

.form_selection{
    padding: 1em 0em;
    display: grid;
}.form_selection label{
    background-color: rgb(230, 230, 230);
    padding: 0.5em;
    cursor: pointer;
    text-align: center;
}

.form_contents_selection{
    flex: 1;
}.form_contents_selection label{
    background-color: rgb(230, 230, 230);
    padding: 0.5em;
    cursor: pointer;
    text-align: center;
    width: fit-content;
}


.form_personal_info_block{
    margin: 1em 0;
}

.form_caption_block{
    display: flex;
    width: fit-content;
    margin: auto auto auto 0;
}.form_caption_selection_block{
    display: flex;
    width: fit-content;
    height: fit-content;
}

.form_note{
    color: rgb(228, 0, 127);
    font-size: 0.5em;
}

.form_badge-required{
    background-color: white;
    border-radius: 5px;
    border: 1px solid #e4007f;
    color: #e4007f;
    padding: 0.1em 1em;
    font-size: 0.7em;
    height: fit-content;
    margin: auto;
}

.form_badge-any{
    background-color: white;
    border-radius: 5px;
    border: 1px solid rgb(121, 121, 121);
    color: rgb(121, 121, 121);
    padding: 0.1em 1em;
    font-size: 0.7em;
    height: fit-content;
    margin: auto;
}

.form_caption_str{
    width: fit-content;
    margin: auto auto auto 0.2em;
}

.form_width{
    margin: auto;
}

.form_checkboxs_other{
    width: 100%;
}.form_checkboxs_other label{
    width: fit-content;
    display: block;
}

.form_input_text{
    margin-top: 5px;
    border: 1px solid #b5b5b6;
    padding: 10px 7px;
    width: 100%;
}

.form_input_date_time{
    border: 1px solid #b5b5b6;
    padding: 10px 7px;
    height: fit-content;
}

.form_agreement {
    margin-top: 2rem;
    text-align: center;
}

.form_consent{
    padding: 1.5em 0;
    display: block;
    width: fit-content;
    margin: auto;
}

.form_checkboxs label{
    width: fit-content;
}

.form_send_button{
    max-width: 15em;
    width: 90%;
    background-color: rgb(60, 45, 45);
    color: white;
    margin: 0 auto 0 auto;
    padding: 0.5em 0px;
    border-radius: 50px;
    font-weight: bold;
    font-size: 2em;
}

.form_adjustment_radiobutton{
    margin-right: 1em;
}

.form_contents_select_groups{
    margin-top : 1em;
}

.form_contents_select_A{
    
}

.form_contents_select_B{

}

.form_contents_groups{
    margin-bottom: 1em;
    width: 80%;
}

.form_contents_select_box{
    flex: 1;
}.form_contents_select_box div,
.form_contents_select_box > div > input,
.form_contents_select_box > div > select{
    width: 100%;
}.form_contents_select_box > div:nth-child(1){
    margin: 0.5em 0.5em 0.5em 0;
}.form_contents_select_box > div:nth-child(2){
    margin: 0.5em 0 0.5em 0;
}

.form-boxsize-image-groups{
    width: 100%;
}

.form-boxsize-image-groups > div select{
    width: 100%;
}

.form-boxsize-image-groups > div select,
.form_contents_select_box > div > select,
.form_contents_select_box > div > input{
    /*height: 37px;*/
    -webkit-appearance: none;
}

/*--------- pc ---------*/
@media (min-width: 768px) {
    .form-boxsize-image-groups > div{
        width: 60%;
        margin-right: 1em;
    }.form-boxsize-image-groups > img{
        width: 40%;
        margin-left: 1em;
    }

    .form_contents_selection label{
        width: 80%;
    }.form_contents_selection label:nth-child(1){
        margin: 0.2em 0.5em 0 0;
    }.form_contents_selection label:nth-child(2){
        margin: 0.2em 0 0 0.5em;
    }

    .form_contents_selection{
        width: 60%;
        margin-left: 1.5em;
    }

    .form_acontents_adjustment_radiobutton span{
        margin: auto 3em ;
    }

    .form_contents_groups{
        width: 80%;
    }

    .form_checkbox_groups{
        margin-left: 1em;
        flex: 1;
    }

    .form_checkboxs{
        display: grid;
        /* gap: 1rem; */
        grid-template-columns: repeat(2, 2fr);
        flex: 1;
    }

    .form_width{
        width: 80%;
    }

    .form_selection{
        grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
        gap: 1rem;
    }

    .form_filed{
        padding: 3em 15em;
    }

/*--------- sp ---------*/
}@media (max-width: 767px) {
    .form-boxsize-image-groups > div{
        width: 100%;
    }.form-boxsize-image-groups > img{
        width: 80%;
        margin: 0.5em auto 0px auto;
        display: block;
    }

    .form_contents_selection label{
        width: 55%;
    }.form_contents_selection label:nth-child(1){
        margin: 0.2em 0.5em 0 0;
    }.form_contents_selection label:nth-child(2){
        margin: 0.2em 0 0 0.5em;
    }

    .form_contents_selection{
        width: 80%;
        margin-left: 0em;
    }

    .form_acontents_adjustment_radiobutton span{
        margin: auto auto;
    }


    .form_contents_groups{
        width: 100%;
    }

    .form_checkboxs label{
        display: block;
        margin: 0.5em 0;
    }

    .form_note{
        text-indent: 0.5em;
    }

    .form_width{
        width: 95%;
    }

    .form_selection{
        grid-template-columns: repeat(2, 2fr);
        gap: 0.5rem;
    }

    .form_filed{
        padding: 1em 1em;
    }
}