@charset "UTF-8";
/* CSS Document */

/* ==========================================================
 form
========================================================== */
#recruit-04 {
	& form{
        text-align: center;
        .required{ color: #b81232;}
        
        & ul{
            width: fit-content;
                
            & li{ display: block; width: fit-content; text-align: left; margin-bottom: 0.5rem;
                    
                & a{ display: inline;}
            }    

        }

        & dl{
            display: flex;
            flex-flow: column wrap;
            align-items: stretch;

            & dt{
                flex-basis: 100%;
                text-align: left;
                font-size: 1.2em; font-weight: bold;
            }
            & dd{
                flex-basis: 80%;
                text-align: left;
                margin-bottom: 1em;

                & input[type="text"],
                & input[type="dete"],
                & input[type="email"],
                & input[type="tel"],
                & input[type="number"],
                & input[type="password"],
                & textarea
                { width: 100%; border: 1px solid #000000; background-color: rgba(255,255,255,1); text-align: left; padding: 0.5em;}

                & input[type="text"].p-region{
                    background-color: #cccccc;
                }
                
                & textarea{ height: 10em;}
                & label{
                    margin: 0 1rem;
                    display: flex;
                    flex-flow: row wrap;
                    align-items: baseline;
                    
                    & input[type=checkbox] {
                        display: block;
                    }
                }

                & ul{
                    display: flex;
                    flex-flow: row wrap;
                    justify-content: flex-start;

                    & li{
                        flex-basis: fit-content;
                    }
                    
                }
            }
        }
	}
    
    & #submit{
        text-align: center;
        background-color: #ffffff;
        padding: 0.5rem;

        & button, & a{
            width: 25%; padding: 0.5em; margin: 0 auto; border: 1px solid #000000;
        }

        & button, & a{
            display: block;
        }

        & button, & a{
            display: inline-block;
        }

        & button:disabled{
            pointer-events: none; opacity: 0.5;
        }
    }
}