@import "base.css";
body {
    background: #f5f5f5;
}

.bd{}
.bd .apply_form{  display: flex; flex-direction: column; gap: 50px;}
.bd .apply_form .form_group{ padding: 50px 100px; background: #FFFFFF; filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.1)); gap: 30px; display: flex; flex-direction: column;}
.bd .apply_form .form_group .form_group_label{margin-left: 0; background: #FFFFFF; color: #333333; padding: 15px 30px; font-size: 18px; font-weight: bold; text-align: center;}
.bd .apply_form .form_group .form_group_label::before{content: " == "}
.bd .apply_form .form_group .form_group_label::after{content: " == "}
.bd .apply_form .form_group .form_group_content{display: flex; flex-direction: column; gap: 25px;}

.bd .apply_form .item{width: 100%; display: flex; align-items: stretch; justify-content: flex-start; gap: 7px; flex-direction: column; }
.bd .apply_form .item .label{height: 1em; color: #666666; user-select: none;}
.bd .apply_form .item .label::after{content: "："}
.bd .apply_form .item .input{flex: 1; display: flex; min-height: 30px;}
.bd .apply_form .item .input input[type=text],
.bd .apply_form .item .input input[type=number]{flex: 1; height: 24px; padding: 5px 10px; border-radius: 0; border: 1px solid #cccccc;}
.bd .apply_form .item .input select{flex: 1; height: 36px; padding: 5px 10px; border-radius: 0; border: 1px solid #cccccc;}
.bd .apply_form .item .input textarea{flex: 1; height: 100px; max-height: 200px; padding: 5px 10px; border-radius: 0; border: 1px solid #cccccc;}

.bd .apply_form .submit_button{width: 150px; height: 40px; background: var(--theme-color); color: #FFFFFF; display: flex; align-items: center; justify-content: center; margin: auto; cursor: pointer; user-select: none;}