/* Actual NC CRAFT work, placed after the six benefits. */
.nccraft-recruit-work,
.nccraft-recruit-work * { box-sizing: border-box; }
.nccraft-recruit-work {
    padding: 54px 150px 82px 24px;
    background: #fff;
    color: #333;
    font-family: 'Roboto', 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, 'メイリオ', sans-serif;
}
.nccraft-recruit-work__inner { width: min(1140px, 100%); margin-inline: auto; }
.nccraft-recruit-work__header { margin-bottom: 35px; }
.nccraft-recruit-work__eyebrow { margin: 0 0 9px; color: #0b83c5; font: 600 14px/1.6 Arial, sans-serif; letter-spacing: .12em; text-shadow: none; -webkit-text-stroke: 0; }
.nccraft-recruit-work__header h2 { margin: 0 0 13px; color: #0b83c5; font-size: 32px; font-weight: 600; line-height: 1.45; letter-spacing: .03em; }
.nccraft-recruit-work__header > p:last-child { margin: 0; font-size: 16px; line-height: 1.9; }
.nccraft-recruit-work__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 40px 28px; }
.nccraft-recruit-work__item { min-width: 0; }
.nccraft-recruit-work__visual { position: relative; aspect-ratio: 2.55 / 1; overflow: hidden; background: #dae5eb; }
.nccraft-recruit-work__visual::after { position: absolute; inset: 20% 0 0; content: ''; pointer-events: none; background: linear-gradient(0deg, rgba(2, 26, 42, .86), rgba(2, 26, 42, .35) 47%, transparent); }
.nccraft-recruit-work__visual img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.nccraft-recruit-work__caption { position: absolute; z-index: 1; right: 24px; bottom: 20px; left: 24px; color: #fff; }
.nccraft-recruit-work__caption span { display: block; margin-bottom: 4px; font: 600 12px/1.4 Arial, sans-serif; letter-spacing: .12em; }
.nccraft-recruit-work__caption h3 { margin: 0; color: #fff; font-size: 23px; font-weight: 600; line-height: 1.45; letter-spacing: .02em; text-shadow: 0 1px 3px rgba(0, 0, 0, .3); }
.nccraft-recruit-work__body { margin: 14px 1px 0; font-size: 15px; line-height: 1.9; }
.nccraft-recruit-work__link { display: table; margin-top: 30px; padding-bottom: 4px; border-bottom: 1px solid #0b83c5; color: #0b83c5; font-size: 14px; font-weight: 700; text-decoration: none; }
.nccraft-recruit-work__link:hover { opacity: .75; }
@media (max-width: 800px) {
    .nccraft-recruit-work { padding: 38px 20px 62px; }
    .nccraft-recruit-work__header { margin-bottom: 26px; }
    .nccraft-recruit-work__header h2 { font-size: 27px; }
    .nccraft-recruit-work__grid { grid-template-columns: 1fr; gap: 33px; }
}
@media (max-width: 480px) {
    .nccraft-recruit-work__visual { aspect-ratio: 2.2 / 1; }
    .nccraft-recruit-work__caption { right: 16px; bottom: 14px; left: 16px; }
    .nccraft-recruit-work__caption h3 { font-size: 19px; }
    .nccraft-recruit-work__body { font-size: 14px; }
}

.nccraft-recruit-work__training { margin: 32px 0 0; padding-top: 24px; border-top: 1px solid #d7e5ee; font-size: 16px; line-height: 1.9; }

/* Preserve the existing 530 x 185 benefit photo frames. */
.recr01_01 .nccraft-benefit-photo { position: relative; aspect-ratio: 530 / 185; overflow: hidden; }
.recr01_01 .nccraft-benefit-photo > img { display: block; width: 100%; height: 100%; position: relative; object-fit: cover; }
.recr01_01 .nccraft-benefit-photo--1 > img { object-position: 50% 57%; }
.recr01_01 .nccraft-benefit-photo--6 { background: #898b84; }
.recr01_01 .nccraft-benefit-photo--6 > img { width: 70%; margin-inline: auto; object-fit: cover; object-position: 50% 52%; transform: none; mask-image: linear-gradient(90deg, transparent, #000 10%, #000 90%, transparent); }