section.banner {
    position: relative;
    height: 21.823vw;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 31%;
}

section.banner>img {
    overflow: hidden;
    position: relative;
    height: 21.823vw;
    object-position: 50% 32%;
}

.required-red {
    color: red;
    font-size: 1.041666666666667vw;
}

.required-input-error {
    background-color: #FFD5D5 !important;
}

.banner-entry-logo {
    position: absolute;
    top: 18vw;
    left: -3vw;
}

.banner-entry-logo img{
    width: 38.4vw;
}

.error-form {
    color: red;
    border: 5px solid red;
    padding: 1.71875vw 2.083333333333333vw;
    margin-top: 3.333333333333333vw;
    font-size: 24px;
    font-family: 'Hiragino-Kaku-Gothic-ProN';
    font-weight: 600;
}

.error-form p{
    margin: 0;
    width: 46vw;
    font-size: 1.25vw ;
}



#entry .entry-content {
    width: 89.58333333333333vw;
    margin: auto;
    margin-top: 9.010416666666667vw;
    position: relative;
    z-index: 1;
    padding: unset;
    /* margin-bottom: 7.1354166666667vw; */
    margin-bottom: 6.770833333333333vw;
}

#entry .entry-form {
    padding: 2.166667vw 4.947916666666667vw 6.25vw 5.5vw;
    border: 5px solid black;
    background: #FFFFFF;
}

.entry-content .entry-link {
    width: fit-content;
    height: fit-content;
    margin-left: 5.364583333333333vw;
}

.entry-content .entry-link .entry-link-item {
    display: inline-block;
    color: white;
    font-size: 1.25vw;
    line-height: 2.3958333333333335vw;
    text-decoration: unset;
    margin-bottom: 2.604166666666667vw;
    margin-right: 2.083333333333333vw;
}

.entry-content .entry-link .entry-link-item.active{
    border-bottom: 0.26041666666666663vw solid white;
}

.entry-form .text-form .name-screen {
    font-size: 1.25vw;
    margin-bottom: 1.041666666666667vw;
}

.entry-form .text-form .label-form {
    font-size: 3.125vw;
    margin-bottom: 3.125vw;
    font-weight: bold;
    letter-spacing: 9px;
}

.page-career-note{
    padding: 0.32vw 1.32vw;
    font-size: 3.125vw;
    line-height: 58px;
    letter-spacing: 0;
    background-color: black;
    color: white;
    display: inline-block;
}

.page-career-note.mobile{
    display: none;
}

.entry-form .text-form .note-form .note-form-item {
    margin-bottom: 2.083333333333333vw;
    font-family: 'Hiragino-Kaku-Gothic-ProN';
    font-size: 1.25vw;
    font-weight: 600;
    line-height: 1.6666666666666667vw;
}
.note-form-item p{
    margin: 0px !important;
}
.entry-form .text-form .note-form .note-form-item:last-child {
    margin-bottom: 0px;
    font-family: 'Hiragino-Kaku-Gothic-ProN';
}

.entry-form .form-box {
    padding: 3vw 6vw 4vw 5vw;
    margin-top: 3.125vw;
    background-color: #EAEAEA;
}

.entry-form-label {
    font-size: 1.25vw;
     line-height: 2.3958333333333335vw; 
}

.entry-form-col {
    width: 31.25vw;
    margin-bottom: 2.083333333333333vw;
}
.entry-form-col .entry-label-value p {
    margin-bottom: 0;
}
.entry-form-note p {
    margin-bottom: 0;
}
.entry-form-note {
    font-size: 1.041666666666667vw;
    margin-top: 0.8333333333333333vw;
    font-family: 'Hiragino-Kaku-Gothic-ProN';
    color: #737373;
}

.entry-input-value {
    display: none;
}

.list-input-form-value .entry-input-value{
    display: block;
}

.entry-input {
    height: 4.166666666666667vw;
    padding: 1.197916666666667vw 1.041666666666667vw !important;
    font-size: 1.25vw;
    border-radius: 0px !important;
    border: 1px solid #707070 !important;
    color: black !important;
}

.entry-input::placeholder{
    color: #B5B5B5;
}

.entry-form-row {}

.entry-form-col-12 {
    width: 100%;
}

.entry-input-textarea {
    height: 12.5vw !important;
}

.form-select.entry-input {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='35' viewBox='0 0 24 35'%3E%3Ctext id='_' data-name='%E2%96%BC' transform='translate(0 28)' fill=' %23b5b5b5' font-size=' 24' font-family=' NotoSansJP-Medium Noto Sans JP' font-weight=' 500'%3E%3Ctspan x=' 0' y=' 0'%3E%E2%96%BC%3C/tspan%3E%3C/text%3E%3C/svg%3E");
    background-size: auto;
}

#ns_job, #ns_how_know{
    color: #B5B5B5 !important;
}

#ns_job option:first-child{
    color: #B5B5B5;
}

#ns_curriculum_vitae, #ns_investment_portfolio{
    height: 4.166666666666667vw;
}

select option { color: black; }

.entry-btn {
    height: 6.25vw;
    font-weight: bold;
    font-size: 1.875vw;
    margin-top: 6.354166666666667vw;
    cursor: pointer;
}

.entry-btn-active {
    color: white !important;
    background-color: black;
    padding-left: 3vw !important;
    text-align: left;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32.56' height='62.615' viewBox='0 0 32.56 62.615'%3E%3Cpath id='Path_7738' data-name='Path 7738' d='M61.362 0 31.307 30.055 1.252 0 0 1.253 31.307 32.56 62.614 1.253Z' transform='translate(0 62.615) rotate(-90)' fill='%23fff'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 2.604166666666667vw center;
    letter-spacing: 4.5px;
    height: 6.25vw;
    background-size: auto 55%;
}

.entry-btn-back{
    color: white !important;
    background-color: #AAAAAA;
}

.entry-btn-back:hover{
    background-color:black;
}

.btn-disable {
    background-color: #AAAAAA;
}

button[disabled=disabled],
button:disabled {
    background-color: #AAAAAA !important;
    border-color: #AAAAAA !important;
    color: white !important;
    cursor: unset !important;
}

.space-100 {
    width: 5.208333333333333vw;
}

.box-space {
    display: none;
}

.btn-submit-form {
    display: none;
}

.btn-submit-form {
    text-align: center;
    padding: 1.197916666666667vw 1.041666666666667vw !important;
}

.list-input-form-value {
    padding: unset !important;
    margin-top: 4.375vw !important;
    background-color: white !important;
}

.list-input-form-value .entry-form-col {
    width: 100% !important;
}

.list-input-form-value .entry-btn {
    width: 31.25vw !important;
    letter-spacing: 5.4px;

}

.list-input-form-value .entry-form-label {
    width: 28.125vw;
}

.list-input-form-value .entry-input {
    opacity: 0;
    position: absolute;
    z-index: -1;
}

.list-input-form-value .entry-btn {
    opacity: 1;
    position: unset;
    z-index: 1;
}

.list-input-form-value .note-disable-value {
    display: none;
}

.list-input-form-value .box-space {
    display: inline-block;
}

.list-input-form-value .btn-submit-form {
    display: inline-block;
}

.list-input-form-value .entry-input-value {
    opacity: 1;
    font-size: 1.25vw;
    word-break: break-all;
}

#loading {
    display: none; 
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.5); 
    z-index: 9999; 
}

#loading img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); 
}
.note-form-item p span {
    font-size: 0.9375vw !important  ;
    line-height: 1.25vw;
}

.entry-input-value pre {
    padding: 0;
    font-size: 1.25vw;
    background: none;
    font-family: 'Noto Sans JP';
    margin-bottom: 0;
    white-space: break-spaces;
    font-weight: 500;
    word-break: break-word;

}

.require-text {
    color: #000000 !important;
}

@media screen and (max-width: 760px) {
    .note-form-item p span {
        font-size: 2.368421052631579vw !important;
    }
    section.banner {
        background-size: 100%;
        background-image: var(--path-banner-mobile) !important;
        height: 117.7631578947368vw;
        background-repeat: no-repeat;
        background-position: 50% 85%;
    }

    .page-career-note.mobile{
        display: inline-block;
        margin-bottom: 20px;
        margin-left: -5.947916666666667vw;
        margin-top: 5vw;
        font-size: 4.342105263157895vw;
    }

    .page-career-note.desktop{
        display: none;
    }

    .banner-entry-logo img {
        width: 57vw;
    }

    .banner-entry-logo {
        top: unset;
        left: -7vw;
        bottom: -18vw;
    }

    #entry .entry-content {
        margin-top: 22.157895vw;
        margin-bottom: 18.421052631579vw;
    }
    .entry-content .entry-link .entry-link-item.active {
        border-bottom: 0.6578947368421052vw solid white;
    }

    .error-form p {
        font-size: 3.1578947368421vw;
        line-height: 4.2105263157895vw;
        width: unset;
    }

    .error-form {
        padding: 1.9736842105263vw 23.7vw 3.4210526315789vw 6.26vw;
    }
    .entry-input-value pre {
        font-size: 2vw;
        word-break: break-word;
    }
}

@media screen and (max-width: 760px) {
    .company-infomation {
        margin-top: 8.026315789473684vw;
    }

    .title-image {
        top: 0px;
        position: relative;
        height: 14.1vw;
        width: 57vw;
        left: -11vw;
    }

    .page-career-note{
        padding: 5px 22px;
        font-size: 33px;
        line-height: 48px;
    }

    .list-input-form-value .d-flex.entry-label-value{
        display: block !important;
        margin-bottom: 6vw;
    }

    .list-input-form-value .d-flex.entry-label-value>p{
        margin: 0;
    }

    .list-input-form-value .entry-input-value{
        font-size: 20px;
        word-wrap: break-word;
    }

    .list-input-form-value .entry-form-label{
        width: 100%;
    }

    .entry-content .entry-link {
        margin-left: 0vw;
    }

    #entry .entry-content .entry-form {
        margin-top: 1.315789473684211vw;
    }

    .entry-content .entry-link .entry-link-item {
        font-size: 3.157894736842105vw;
        margin-bottom: 5.263157894736842vw;
        line-height: 6.052631578947368vw;
    }
    .

    .company-infomation .title-image .align-self-center {
        height: 7.808333vw;
    }

    .entry-form .text-form .name-screen{
        font-size: 3.1578947368421053vw;
        line-height: 5.263157894736842vw;
    }

    .entry-form .text-form .label-form{
        font-size:6.578947368421052vw;
    }

    .entry-form .text-form .note-form .note-form-item:first-child{
        width: 57vw;
        font-size: 3.1578947368421053vw;
    }
    .entry-form .text-form .note-form .note-form-item {
        font-weight: 600;
        line-height: 4.736842105263158vw;

    }
    .entry-form .text-form .note-form .note-form-item p>span {
        font-size: 2.368421052631579vw !important;
    }
    .entry-form-label{
        font-size: 2.631578947368421vw;
        line-height: 5vw;
        margin: 0;
    }

    .required-red{
        font-size: 2.631578947368421vw;
    }

    .entry-input{
        font-size: 2.64vw;
        height: 8.82vw;
        padding: 1.197916666666667vw 2.041667vw !important;
    }

    .entry-form-note{
        font-size: 2.1052631578947367vw;
        margin-bottom: 5vw;
    }

    .entry-form-row {
        display: block !important;
    }

    .entry-form-col{
        width: 100%;
    }

    .entry-btn-active{
        height: 13.3vw;
        font-size: 4vw;
        padding-left: 5vw !important;
        background-size: 3.7vw;
        background-position: 58vw;
    }

    .list-input-form-value .entry-btn {
        width: 66.25vw !important;
        font-size: 3.9473684210526vw;
        height: 13.3vw;
    }

    .entry-btn.btn-submit-form{
        margin-top: -0.645833vw;
    }

    #ns_curriculum_vitae, #ns_investment_portfolio{
        height: 27.8vw;
    }

    .entry-input-textarea {
        height: 27.8vw !important;
    }
    
}

@media screen and (max-width: 425px) {
    .entry-form-label {
        font-size:4.705882352941177vw;
        line-height: initial;   
    }

    .entry-form-note {
        font-size:3.294117647058824vw;
    }
}
@media screen and (max-width: 512px) {
    .list-input-form-value .entry-btn {
        /* height: auto; */
    }
    .entry-btn-active {
        padding-bottom: 2vw !important;
        padding-top: 2vw !important;
    }
}
@media screen and (min-width: 760px) and (max-width:1000px) {
     #ns_job, #ns_how_know {
            padding: 0 0 0 1.0416666666666665vw !important;
     }
}