/* Only loaded by /recruit/ and /recruit/why-20s/, after all theme styles. */
/* Keep viewport width steady when a modal locks the background scrollbar. */
html {
    scrollbar-gutter: stable;
}
.ewrd-main--newgrad-v42 {
    padding-top: var(--ng-wp-head, 93px);
}
.ewrd-main--newgrad-v42::before {
    display: none;
}
.ewrd-main--newgrad-v42 > .ng-root {
    z-index: auto;
}
/* Keep video thumbnails at the card top when captions wrap to different heights. */
.ewrd-main--newgrad-v42 .ng-stories__grid > .ng-story {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}
.ewrd-main--newgrad-v42 .ng-stories__grid > .ng-story > .ng-thumb {
    flex: none;
    width: 100%;
}
.ewrd-main--newgrad-v42 > .ng-modal {
    z-index: 1100;
    transition: opacity .3s;
    font-family: var(--ng-font-jp);
    color: var(--ng-ink);
    line-height: 1.95;
}
.ng-modal, .ng-modal *, .ng-modal *::before, .ng-modal *::after {
    box-sizing: border-box;
}
.ng-form__msg .form-message {
    margin-top: 16px;
    padding: 16px;
    border-radius: 6px;
    font-size: 14px;
}
.ng-form__msg .form-message.error {
    color: #9b2619;
    background: #fff0ed;
}
.ng-form__msg .form-message.success {
    color: #17613c;
    background: #eaf7ef;
}
.ng-form__submit:disabled {
    opacity: .55;
    cursor: not-allowed;
}

/* v5.30.1: legacy CFS labels must not set the grid's minimum column width. */
.ewrd-main--newgrad-v42 .ng-apply {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.25fr);
}
.ewrd-main--newgrad-v42 .ng-apply > * {
    min-width: 0;
}
.ewrd-main--newgrad-v42 .ng-apply__next-date {
    white-space: normal;
    overflow-wrap: anywhere;
}
.ewrd-main--newgrad-v42 .ng-form__date {
    min-width: 0;
    max-width: 100%;
    flex-wrap: wrap;
    overflow-wrap: anywhere;
}
.ewrd-main--newgrad-v42 .ng-form__date small {
    white-space: nowrap;
}
.ewrd-main--newgrad-v42 .ng-entry {
    font-weight: 400;
}
.ewrd-main--newgrad-v42 .ng-entry__title {
    font-family: var(--ng-font-jp);
}
@media (max-width: 899px) {
    .ewrd-main--newgrad-v42 .ng-apply {
        grid-template-columns: minmax(0, 1fr);
    }
}
@media (prefers-reduced-motion: reduce) {
    html {
        scroll-behavior: auto !important;
    }
}
