@charset "utf-8";

/************************************
entry/ 求職者無料エントリーページ
************************************/

/****************************
#fv 
****************************/

/****************************
#fv スライド
****************************/



/****************************
#entry_contents
****************************/
#entry_contents{
    
}

@media (min-width: 1200px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1140px;
        margin: 0 auto;
    }
}

.card {
/*
    --bs-card-spacer-y:1rem;
    --bs-card-spacer-x: 1rem;
    --bs-card-title-spacer-y: 0.5rem;
    --bs-card-title-color: ;
    --bs-card-subtitle-color: ;
    --bs-card-border-width: var(--bs-border-width);
    --bs-card-border-color: var(--bs-border-color-translucent);
    --bs-card-border-radius: var(--bs-border-radius);
    --bs-card-box-shadow: ;
    --bs-card-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
    --bs-card-cap-padding-y: 0.5rem;
    --bs-card-cap-padding-x: 1rem;
    --bs-card-cap-bg: rgba(var(--bs-body-color-rgb), 0.03);
    --bs-card-cap-color: ;
    --bs-card-height: ;
    --bs-card-color: ;
    --bs-card-bg: var(--bs-body-bg);
    --bs-card-img-overlay-padding: 1rem;
    --bs-card-group-margin: 0.75rem;
*/
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    height: auto;
    color: #212529;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,0.175);
    border-radius: .375rem;
}

.py-5 {
    padding-top: 3rem !important;
    padding-bottom: 13rem !important;
}

@media screen and (min-width:1900px){
    .py-5 {
        padding-bottom: 17rem !important;
    }
}

.shadow-lg {
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175) !important;
}

.card-header {
    padding: 0.5rem 1rem;
    margin-bottom: 0;
    color: #fff;
    background-color: #00a26c;
    border-bottom: 1px solid #fff;
}

.text-center {
    text-align: center !important;
}

.text-white{
    opacity: 1;
    color: rgba(255,255,255,1) !important;
}

.bg-success {
    opacity: 1;
    background-color: #00a26c !important;
}

.card-header:first-child {
    border-radius: calc(.375rem - (1px)) calc(.375rem - (1px)) 0 0;
}

.h3, h3 {
    font-size: calc(1.3rem + .6vw);
}

@media (min-width: 1200px) {
    .h3, h3 {
        font-size: 1.75rem;
    }
}

.card-body{
    flex: 1 1 auto;
    padding: 2rem 1rem 3rem;
    color: #212529;
}

.mb-3 {
    margin-bottom: 1rem !important;
}

.form-label{
    display: inline-block;
    margin-bottom: .5rem;
}

.form-select {
    --bs-form-select-bg-img: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e);
    display: block;
    width: 100%;
    padding: .375rem 2.25rem .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none);
    background-repeat: no-repeat;
    background-position: right .75rem center;
    background-size: 16px 12px;
    border: 1px solid #dee2e6;
    border-radius: 0.375em;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.form-control{
    box-sizing: border-box;
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #dee2e6;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0.375rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.bg-danger {
    opacity: 1;
    background-color: #dc3545 !important;
}

.badge {
    padding: 0.35em 0.65em;
    font-size: 0.75em;
    font-weight: 700;
    color: #fff;
    border-radius: .375em;
    display: inline-block;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
}

.entry_form_main .submit_p{
    box-sizing: border-box;
    width: 17vw;
    margin: 2.5vw auto 0;
}

.entry_form_main .submit_p input{
    font-size: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    background: inherit;
    cursor: pointer;
    text-align: center;
    font-weight: bold;
    border: 0;
    width: 100%;
    display: block;
    padding: 0;
    margin: 0;
    padding: 1.406vw 1.25vw;
    color: #fff;
    border: none;
    display: block;
    color: #fff;
    font-size: 1.191vw;
    line-height: 1;
    letter-spacing: -.02em;
}

.entry_form_main select{
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    padding-right: 2em;
}
.entry_form_main .select-wrap{
    position: relative;
}
.entry_form_main .select-wrap::after{
    content: '';
    width: 7px;
    height: 7px;
    margin-top: 0;
    border-top: solid 2px #00a26c;
    border-right: solid 2px #00a26c;
    transform: rotate(135deg);
    position: absolute;
    top: 38%;
    right: 1.5vw;
    pointer-events: none;
}

@media screen and (max-width:850px){
    .container{
        width: 93%;
        margin: 0 auto;
    }
    
    .form-select{
        padding: 2vw 4vw 2vw 1.5vw;
        font-size: 1rem;
    }
    
    .form-control{
        padding: 1.5vw;
    }
    
    .entry_form_main .submit_p{
        box-sizing: border-box;
        width: 50%;
        margin: 3vw auto 0;
    }

    .entry_form_main .submit_p input{
        padding: 3vw 2.5vw;
        font-size: 2.8vw;
    }
}

@media screen and (max-width:480px){

}
/****************************
#entry_contents
****************************/


/************************************
entry/ 求職者無料エントリーページ
************************************/