/*MV*/
.recruit-mv-image {}
.recruit-mv-image-pic-wrapper{position: relative;
overflow: hidden;
height: 20rem;margin-left: -1rem;margin-right: -1rem;}
.recruit-mv-image-pic {aspect-ratio: 4 / 3.2;
object-fit: cover;
position: absolute;
bottom: 0;}

.recruit-row-1{margin-top: 2em;}
/*中途*/
.recruit-article-1 {margin-top: 2em;}
.recruit-article-1-heading {border: 3px solid hsl(211deg 100% 93.32%);padding: 1em 0;line-height: 1.2;font-family: var(-ff-ja);position: relative;}
.recruit-article-1-title {color: var(--c-primary);font-size: 1.1em;text-align: center}
.recruit-article-1-details {display: flex;gap: 0.5em;margin-top: 0.5em;font-weight:normal;font-size: 0.9em;line-height: 1.4;width: fit-content;margin-inline: auto;flex-direction: column;align-items: center;}
.recruit-article-1-details-title {white-space: nowrap;background-color: hsl(211deg 100% 93.32%);display: inline-block;padding: 0.2em 1em;border-radius: 1em;color: var(--c-primary);font-size: 0.9em;}
.recruit-article-1-details-description {text-align: center;}
.recruit-article-1-paragraph {font-weight: bold;margin-top: 1em;font-size: 1.4em;font-family: var(--ff-ja);background-color: hsl(211deg 100% 93.32%);padding: 0.2em 1em;color: var(--c-primary);text-align: center}
.recruit-article-1-table {margin-top: 1em;width: 100%;}
.recruit-article-1-caption {text-align: left;font-weight: bold;}
.recruit-article-1-row {font-size: 0.9em;}
.recruit-article-1-header {white-space: nowrap;text-align: left;}
.recruit-article-1-header,
.recruit-article-1-data {vertical-align: top;border-top: 1px solid var(--bdc-gray);padding: 1em 0;}
.recruit-article-1-data {padding-left: 1em;}
.recruit-article-1-bonus {}


/*インタビュー*/
.working-person__list {max-width: 74rem;display: grid;margin-inline: auto;grid-template-columns: repeat(2, 1fr);margin-top: 2rem;gap: 1rem}
.working-person__item {overflow: hidden;border-radius:0rem;background-color: #fff;box-shadow: 0em 0em 2em 0em hsla(208, 95%, 34%, 0.2);display: block;animation: zoomOutContent 0.5s ease forwards;}
.working-person__link {display: grid;grid-template-columns: 1fr;gap: 1rem;grid-template-rows: 1fr;}
.working-person__image {aspect-ratio: 16 / 9;object-fit: cover;object-position: 50% 0%;grid-area: 1/1/2/-1}
.working-person__article-body {grid-area: 2/1/-1/-1;padding: 0.0em;display: grid;padding: 0.5rem;grid-template-columns: 1fr 1.6em;}
.working-person__division {font-size: 0.8em;line-height: 1.2;grid-column: span 2;font-weight: bold;}
.working-person__qualification {font-size: 0.8em;line-height: 1.2;margin-top: 0.5em;grid-column: span 2;}
.working-person__year-of-entry {font-size: 0.8em;line-height: 1.2;margin-top: 0.5em;grid-column: span 2;}
.working-person__name {font-weight: bold;font-size: 1.1em;border-top: 1px solid var(--bdc-gray);padding-top: 0.3rem;margin-top: 0.3rem;}
.working-person__icon {grid-area: 4/2/5/-1;border-top: 1px solid var(--bdc-gray);padding-top: 0.3rem;margin-top: 0.3rem;display: grid;align-content: center;}
.working-person__item:hover {animation: zoomInContent 0.5s ease forwards;}
/*モーダル本体*/
.interview {display: none;background-color: hsla(211, 50%, 95%, 1);height: 100dvh;width: 100%;position: fixed;left: 0;top: 0;bottom: 0;right: 0;z-index: 9999;}
.interview.open {display: block;animation: appearContent 0.5s ease;}
.interview-scroller {width: 100%;height: 100%;overflow-x: hidden;overflow-y: auto;overscroll-behavior: contain}
.interview-inner {padding: 2rem;grid-template-columns: unset;}
.interview-figure-1 {grid-row: unset;grid-area: unset;}
.interview-header {grid-column-start: 2;color: #195fab;font-weight: bold;font-size: 1.2em;line-height: 1.2;margin: 0;position: relative;align-self: end;margin-bottom: 2em;}
.interview-header::after {content: "";width: 3em;height: 0.2em;background-color: #195fab;position: absolute;left: 0;bottom: -0.5em;}
.interview-subheader {grid-column-start: 2;padding: 0;color: #195fab;font-size: 1.4em;margin: 0;;line-height: 1.2;}
.interview-details {display: block;margin: 0;align-self: end;font-size: 0.9em;line-height: 1.6;margin-bottom: 2em;margin-top: 1em;}
.interview-detail {margin: 0;}
.interview-member {display: block;font-size: 1.2em;}
.interview-member strong {font-size: 1.2em;}
.interview-qualification {display: block;font-size: 0.9em;}
.interview-image {border-radius: 0rem;aspect-ratio: 30/34;}
/**/
.interview-header,
.interview-subheader,
.interview-text {grid-column-start: 1;margin-top: 1em;font-size: 1.0em;}
.interview-subheader {font-size: 1.2em;}
.interview-header {font-size: 1.4em;}
.interview-figure-1,
.interview-figure-2 {max-width: 100%;margin-inline: auto;}
.interview-figure-2 {margin-top: 2rem;}
/**/
.close-modal {position: fixed;top: 0;right: 0;display: flex;align-items: center;width: 2.4rem;height: 2.4rem;justify-content: center;cursor: pointer;opacity: 0.5;}
.close-modal img {width: 100%;max-width: unset;}


.bg-marker {background:  linear-gradient(0deg, rgba(245, 222, 77, 1) 0%, rgba(245, 222, 77, 1) 50%, rgba(245, 222, 77, 0) 50%, rgba(245, 222, 77, 0) 100%);}

.recruit-article-1-heading-badge{background-color: var(--c-primary);display: grid;color: var(--c-accent);width: 4rem;aspect-ratio: 1;border-radius: 50%;overflow: hidden;line-height: 1.2;align-content: center;
justify-content: center;font-size: 0.8em;position: absolute;right: -1rem;top: -2rem;font-weight: normal;}
.recruit-article-2-heading-badge{background-color: var(--c-accent);display: grid;color: var(--c-primary);width: 4rem;aspect-ratio: 1;border-radius: 50%;overflow: hidden;line-height: 1.2;align-content: center;
justify-content: center;font-size: 0.8em;position: absolute;right: -1rem;top: -2rem;font-weight: normal;}

@media (min-width: 500px) {


.recruit-row-1 {display: grid;grid-template-rows: auto auto;grid-template-columns: 40% auto;gap:1em 3em;}


.recruit-mv-image{height: 100dvh;grid-area: 1 / 1 / 3 / 2;overflow: hidden;position: relative;max-height: 40rem;}
.recruit-mv-image-pic-wrapper{margin-left: 0;margin-right: 0;height: 100%;position: absolute;left: 0;top: 0;aspect-ratio: 4 / 3;}
.recruit-mv-image-pic {aspect-ratio:unset;width: 100%;height: 100%;}

.recruit-article-1 {margin-top: 0;}
.recruit-article-1-heading {}
.recruit-article-1-title {}
.recruit-article-1-details {}
.recruit-article-1-details-title {}
.recruit-article-1-details-description {}
.recruit-article-1-paragraph {}
.recruit-article-1-table {}
.recruit-article-1-caption {}
.recruit-article-1-row {}
.recruit-article-1-header {}
.recruit-article-1-data {}
.recruit-article-1-bonus {}

/*インタビュー*/


.working-person__list {grid-template-columns: repeat(2, 1fr);gap: 2rem;}
.working-person__article-body {padding: 0.5rem 1.5rem 1.0rem;}
.working-person__division {font-size: 0.9em;}
.working-person__qualification {min-height: 2rem;font-size: 0.9em;}
.working-person__year-of-entry {font-size: 0.9em;}
.working-person__name {padding-top: 0.8rem;margin-top: 0.8rem;font-size: 1.2em;}
.working-person__icon {padding-top: 0.8rem;margin-top: 0.8rem;}
.working-person__link .working-person__icon img {transition: transform 0.3s ease-out;}
.working-person__link:hover .working-person__icon img {transform: translate(0.5rem, 0);}
/*モーダル本体*/
.interview-inner {max-width: 60rem;background-color: #fff;margin-inline: auto;padding: 4rem;overflow-x: hidden;overflow-y: auto;overscroll-behavior: contain;position: relative;display: grid;grid-template-columns: 40% 1fr;gap: 1em 2em;}
.interview-figure-1 {grid-area: 1 / 1 / 2 / 2;grid-row: span 4;}
.interview-figure-2 {grid-row: span 3;}
.interview-image {display: block;max-width: 100%;object-fit: cover;height: auto;aspect-ratio: 3 / 4;}
.interview-details {display: block;margin: 0;align-self: end;font-size: 0.9em;line-height: 1.6;margin-bottom: 2em;}
.interview-detail {margin: 0;}
.interview-member {display: block;font-size: 1.2em;}
.interview-qualification {display: block;font-size: 0.9em;}
.interview-header {grid-column-start: 2;color: #195fab;font-weight: bold;font-size: 1.4em;line-height: 1.2;margin: 0;position: relative;align-self: end;margin-bottom: 2em;}
.interview-header::after {content: "";width: 3em;height: 0.2em;background-color: #195fab;position: absolute;left: 0;bottom: -0.5em;}
.interview-subheader {grid-column-start: 2;padding: 0;color: #195fab;font-size: 1.2em;margin: 0;;line-height: 1.2;margin-top: 2em;}
.interview-text {grid-column-start: 2;font-size: 1em;line-height: 1.7;margin-top: 0;}
/**/
.close-modal {width: 2.8rem;height: 2.8rem;}

}