/* PC 1477:2039 / 1766:6290 / 1766:6881; shared SP master 2303:19128. */
.recruit-page [data-interview]{cursor:pointer}
.recruit-page [data-interview]:focus-visible{outline:2px solid #39506c;outline-offset:4px}
.interview-modal{position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;overflow:hidden;background:transparent;color:#111;font-family:LINE,sans-serif;opacity:0;transition:opacity 600ms cubic-bezier(.22,.9,.24,1)}
.interview-modal[open]{display:grid;place-items:center}
.interview-modal::backdrop{background:transparent}
.interview-modal-overlay{position:fixed;inset:0;z-index:2147483646;background:#082732;opacity:0;mix-blend-mode:multiply;pointer-events:none;transition:opacity 600ms cubic-bezier(.22,.9,.24,1)}
.interview-modal-overlay.is-visible{opacity:.8}
.interview-modal__shell{position:relative;width:min(80vw,1152px);height:min(80dvh,720px);opacity:0;transform:translateY(24px);transition:opacity 600ms cubic-bezier(.22,.9,.24,1),transform 600ms cubic-bezier(.22,.9,.24,1)}
.interview-modal.is-visible{opacity:1}
.interview-modal.is-visible .interview-modal__shell{opacity:1;transform:translateY(0)}
.interview-modal__card{width:100%;height:100%;border-radius:16px;background:#fff;overflow:hidden}
.interview-modal__scroll{position:relative;width:100%;height:100%;overflow:auto;overscroll-behavior:contain;padding:64px;scrollbar-width:none}
.interview-modal__scroll::-webkit-scrollbar{display:none}
.interview-modal__scroll:focus{outline:none}
.interview-modal__layout{display:grid;grid-template-columns:212px minmax(0,1fr);gap:64px;min-height:100%}
.interview-modal__profile{display:flex;flex-direction:column;align-items:flex-start;gap:16px;min-width:0}
.interview-modal__photo,.interview-modal__photo img{display:block;width:148px;height:148px;flex:none}
.interview-modal__identity{display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.interview-modal__name{margin:0;color:#464c53;font:700 32px/1.2 LINE,sans-serif}
.interview-modal__tag{display:flex;align-items:center;gap:8px;padding:0 8px;border-radius:2px;background:#f4f5f6;color:#6d7882;font:400 12px/1.8 LINE,sans-serif;white-space:nowrap}
.interview-modal__tag i{display:block;width:1px;height:12px;flex:none;background:#cdd1d5}
.interview-modal__divider{position:absolute;left:276px;top:64px;width:1px;height:calc(100% - 128px);overflow:hidden;pointer-events:none}
.interview-modal__divider img{position:absolute;left:1px;top:0;width:592px;height:1px;max-width:none;transform:rotate(90deg);transform-origin:0 0}
.interview-modal__article{min-width:0;padding-top:22.8px}
.interview-modal__title{margin:0;font:700 32px/1.6 LINE,sans-serif;overflow-wrap:anywhere}
.interview-modal__body{margin-top:24.8px;font:400 16px/1.8 LINE,sans-serif;overflow-wrap:anywhere}
.interview-modal__body p{margin:0;min-height:1.8em}
.interview-modal__body--sp{display:none}
.interview-modal__close{position:absolute;top:40px;right:40px;display:grid;place-items:center;width:48px;height:48px;padding:0;border:0;border-radius:4px;background:#f4f5f6;cursor:pointer}
.interview-modal__close img{width:24px;height:24px}
@media (min-width:1101px) and (hover:hover) and (pointer:fine){
 .interview-modal__close img{transform:rotate(0deg);transform-origin:center;transition:transform 550ms cubic-bezier(.22,.9,.24,1)}
 .interview-modal__close:hover img{transform:rotate(-90deg)}
}

.interview-modal__close:focus-visible{outline:2px solid #39506c;outline-offset:3px}
@media(max-width:1100px){
 .interview-modal[open]{place-items:start center;padding:20px 5.0666666667vw}
 .interview-modal__shell{width:100%;max-width:640px;height:auto;max-height:calc(min(86.2244897959dvh,100dvh - 108px) + 68px);padding-top:68px}
 .interview-modal__card{position:relative;top:auto;height:auto;max-height:min(86.2244897959dvh,100dvh - 108px)}
 .interview-modal__scroll{height:auto;max-height:min(86.2244897959dvh,100dvh - 108px);padding:16px 16px 32px}
 .interview-modal__layout{display:flex;flex-direction:column;gap:16px;min-height:0}
 .interview-modal__profile{flex-direction:row;align-items:flex-end;gap:16px}
 .interview-modal__photo,.interview-modal__photo img{width:80px;height:80px}
 .interview-modal__identity{gap:7.2px}
 .interview-modal__name{font-size:28.8px}
 .interview-modal__tag{gap:7.2px;padding-inline:7.2px;border-radius:1.8px;font-size:10.8px}
 .interview-modal__tag i{width:.9px;height:10.8px}
 .interview-modal__divider{position:static;width:100%;height:.9px;flex:none;background:url('../img/interview-divider-sp.svg') left center repeat-x}
 .interview-modal__divider img{display:none}
 .interview-modal__article{padding-top:0}
 .interview-modal__title{font-size:18px}
 .interview-modal__body{margin-top:8px;font-size:14px}
 .interview-modal__body--pc{display:none}
 .interview-modal__body--sp{display:block}
 .interview-modal__close{top:0;right:0}
}
@media(prefers-reduced-motion:reduce){.interview-modal,.interview-modal__shell,.interview-modal-overlay{transition:none;transform:none}}

@media(prefers-reduced-motion:reduce){.interview-modal__close img{transition:none}}