@charset "utf-8";
/* CSS Document */
/* 768px以上 */
@media screen and (min-width: 768px) {
    header {
        background-color: #fff;
        border-bottom: 2px solid #fff;
    }
    #index .logo .top_logo_white {
        display: none;
    }
    #index .logo .top_logo_color {
        display: block;
    }
    #index .logo p {
        color: #000;
        letter-spacing: 1.5px;
        font-family:'KanadeviaSans',"ヒラギノUD角ゴF Std",'Noto Sans JP','Shippori Mincho','Gothic A1','Prompt',"ヒラギノ角ゴ Pro W3", "メイリオ", "ＭＳ Ｐゴシック", "MS PGothic", serif, sans-serif;
    }
    #index .h_btn_area .menu_toggle a {
        display: flex;
        justify-content: space-around;
        background-color: transparent;
        border: solid 2px #19416e;
        color: #19416e;
    }
    #index .h_btn_area .menu_toggle.active a {
        border: solid 2px #fff;
        color: #fff;
    }
    #index .h_btn_area .menu_toggle .toggle_line span {
        border-bottom: solid 2px #19416e;
    }
    #index .h_btn_area .menu_toggle.active .toggle_line span {
        border-bottom: solid 2px #ffffff;
    }
    #index header .h_btn_area .menu_toggle a:hover {
        background-color: rgba(255, 255, 255, 0.3);
    }
    .btn_wrap a {
        letter-spacing: 1.5px;
        font-family:'KanadeviaSans',"ヒラギノUD角ゴF Std",'Noto Sans JP','Shippori Mincho','Gothic A1','Prompt',"ヒラギノ角ゴ Pro W3", "メイリオ", "ＭＳ Ｐゴシック", "MS PGothic", serif, sans-serif;
    }
    header #global-menu {
        letter-spacing: 1.5px;
        font-family:'KanadeviaSans',"ヒラギノUD角ゴF Std",'Noto Sans JP','Shippori Mincho','Gothic A1','Prompt',"ヒラギノ角ゴ Pro W3", "メイリオ", "ＭＳ Ｐゴシック", "MS PGothic", serif, sans-serif;
    }
    .Main {
        overflow: hidden;
        padding-top: 85px;
        display: block;
    }
    .Main__inner {
        background-color: #fff;
    }
    .Main__content {
    }
    body#index {
        letter-spacing: 0;
        font-family: 'Noto Sans JP', 'Shippori Mincho', 'Gothic A1', 'Prompt', "ヒラギノ角ゴ Pro W3", "メイリオ", "ＭＳ Ｐゴシック", "MS PGothic", serif, sans-serif;
    }
    .employ-index-layout {
        background-color: #fff;
    }
    .employ-index-layout__inner {
        width: 100%;
        max-width: 1780px;
        padding: 40px 30px 60px;
        margin: 0 auto;
    }
    .employ-index-layout-v2 {
        background: #F7F7F7;
    }
    .employ-index-layout-v2__inner {
        width: 100%;
        max-width: 1780px;
        padding: 60px 30px 60px;
        margin: 0 auto;
    }
    .employ-index-layout-v2__inner > section:first-child > *:first-child {
        margin-top: 0;
    }
    .employ-index-layout-v4 {
        background-color: #fff;
    }
    .employ-index-layout-v4__inner {
        width: 100%;
        max-width: 1780px;
        padding: 60px 30px ;
        margin: 0 auto;
    }
    .employ-index-pc-hidden {
        display: none !important;
    }
    .employ-index-hero {
        background-image: radial-gradient(at 0 0, #00a082, transparent), radial-gradient(at 100% 0, #007db9, transparent), radial-gradient(at 100% 100%, #2862a0, transparent), radial-gradient(at 0 100%, #007360, transparent);
    }
    .employ-index-hero__inner {
        max-width: 1780px;
        height: 600px;
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
    }
    .employ-index-hero__head {
        display: flex;
        flex-direction: column;
        padding: 77px 30px 40px;
        align-items: flex-start;
        gap: 20px;
        min-width: 469px;
    }
    .employ-index-heading1-title {
        color: #fff;
        font-size: 80px;
        font-family: 'KanadeviaSans', "ヒラギノUD角ゴF Std", 'Noto Sans JP', 'Shippori Mincho', 'Gothic A1', 'Prompt', "ヒラギノ角ゴ Pro W3", "メイリオ", "ＭＳ Ｐゴシック", "MS PGothic", serif, sans-serif;
        font-weight: 400;
        line-height: 90%;
    }
    .employ-index-heading1-subtitle {
        color: #fff;
        font-size: 32px;
        font-weight: 500;
        line-height: 140%;
    }
    .employ-index-heading1-text {
        color: #fff;
        font-size: 1.4rem;
        font-weight: 500;
        line-height: 1.6;
    }
    .employ-index-hero__body {
        margin-right: calc(50% - 50vw);
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        align-items: center;
        align-self: stretch;
    }
    .employ-index-hero__image {
        width: 100%;
        height: 100%;
    }
    .employ-index-hero__image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }
    .employ-index-box {
        display: flex;
        width: calc(100% - 60px);
        max-width: 1200px;
        min-height: 120px;
        height: auto;
        padding: 0 30px;
        justify-content: center;
        align-items: center;
        gap: 36px;
        border-radius: 15px;
        background: #fff;
        z-index: 2;
        position: relative;
        margin: -60px auto 0;
        box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.20);
    }
    .employ-index-box__title {
        color: #007db9;
        text-align: center;
        font-size: 20px;
        font-weight: 700;
        line-height: 140%;
    }
    .employ-index-box__body {
        flex: 1 0 0;
        width: 100%;
    }
    .employ-index-button-wrap {
        display: flex;
        /* align-items: center; */
        gap: 20px;
        align-items: stretch;
    }
    .employ-index-button {
        width: 100%;
        display: flex;
    }
    .employ-index-button__type {
        position: relative;
        display: flex;
        padding: 10px 45px 10px 20px;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        align-self: stretch;
        border-radius: 50px;
        border: 2px solid #007db9;
        background: #007db9;
        text-decoration: none;
        width: 100%;
        height: 100%;
    }
    .employ-index-button__type {
        position: relative;
        display: flex;
        padding: 10px 45px 10px 20px;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        align-self: stretch;
        border-radius: 50px;
        border: 2px solid #007db9;
        background: #007db9;
        text-decoration: none;
        width: 100%;
        height: 100%;
    }
    .employ-index-button__type::after {
        position: absolute;
        top: 50%;
        margin-top: -7px;
        right: 22px;
        background: url(/employ/img/common/icon_tb_white.svg) no-repeat 0 0;
        display: inline-block;
        width: 14px;
        height: 14px;
        vertical-align: middle;
        content: "";
    }
    .employ-index-button__type:hover {
        background: #fff;
    }
    .employ-index-button__type:hover .employ-index-button__label {
        color: #007db9;
    }
    .employ-index-button__type:hover {
        background: #fff;
    }
    .employ-index-button__type:hover::after {
        background: none;
        background-color: #007db9;

        -webkit-mask-image: url("/employ/img/common/icon_tb_white.svg");
        -webkit-mask-size: contain;
        -webkit-mask-repeat: no-repeat;
        -webkit-mask-position: center;

        mask-image: url("/employ/img/common/icon_tb_white.svg");
        mask-size: contain;
        mask-repeat: no-repeat;
        mask-position: center;
    }
    .employ-index-button__type .employ-index-button__label {
        color: #fff;
    }
    .employ-index-button__type:hover .employ-index-button__label {
        color: #007db9;
    }
    .employ-index-button__type-v2 {
        position: relative;
        display: flex;
        padding: 10px 45px 10px 20px;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        align-self: stretch;
        border-radius: 50px;
        border: 2px solid #00A082;
        background: #00A082;
        text-decoration: none;
        width: 100%;
        height: 100%;
    }
    .employ-index-button__type-v2 {
        position: relative;
        display: flex;
        padding: 10px 45px 10px 20px;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        align-self: stretch;
        border-radius: 50px;
        border: 2px solid #00A082;
        background: #00A082;
        text-decoration: none;
        width: 100%;
        height: 100%;
    }
    .employ-index-button__type-v2::after {
        position: absolute;
        top: 50%;
        margin-top: -7px;
        right: 22px;
        background: url(/employ/img/common/icon_tb_white.svg) no-repeat 0 0;
        display: inline-block;
        width: 14px;
        height: 14px;
        vertical-align: middle;
        content: "";
    }
    .employ-index-button__type-v2:hover {
        background: #fff;
    }
    .employ-index-button__type-v2:hover .employ-index-button__label {
        color: #00A082;
    }
    .employ-index-button__type-v2:hover {
        background: #fff;
    }
    .employ-index-button__type-v2:hover .employ-index-button__label {
        color: #00A082;
    }
    .employ-index-button__type-v2:hover::after {
        background: none;
        background-color: #0f7e80;

        -webkit-mask-image: url("/employ/img/common/icon_tb_white.svg");
        -webkit-mask-size: contain;
        -webkit-mask-repeat: no-repeat;
        -webkit-mask-position: center;

        mask-image: url("/employ/img/common/icon_tb_white.svg");
        mask-size: contain;
        mask-repeat: no-repeat;
        mask-position: center;
    }
    .employ-index-button__label {
        display: inline-block;
        color: #fff;
        text-align: center;
        font-size: 1.4rem;
        font-weight: 700;
        line-height: 140%;
    }
    /* employ-index-column */
    .employ-index-column {
        width: 100%;
        display: flex;
        column-gap: 36px;
    }
    .employ-index-column > * {
        width: calc((100% - 36px)/2);
    }
    /* employ-index-heading2 */
    .employ-index-heading2__title {
        color: #000;
        font-size: 28px;
        font-weight: 700;
        line-height: 140%;
    }
    .employ-index-heading2 + * {
        margin-top: 30px;
    }
    .employ-index-heading2-v2 + * {
        margin-top: 40px;
    }
    .employ-index-heading2-v3 + * {
        margin-top: 40px;
    }
    .employ-index-heading2-v4 + * {
        margin-top: 20px;
    }
    .employ-index-heading3 + * {
        margin-top: 20px;
    }
    .employ-index-heading2-v2 {
        margin-top: 60px;
        display: flex;
        flex-direction: column;
        gap: 5px;
        border-left: 6px solid #007db9;
        padding-left: 20px;
    }
    .employ-index-heading2-v2__title {
        color: #000;
        font-size: 3.2rem;
        font-weight: 700;
        line-height: 1.3;
    }
    .employ-index-heading2-v2__subtitle {
        margin-top: .8rem;
        color: #000;
        font-size: 1.6rem;
        font-weight: 700;
        font-family: 'KanadeviaSans', "ヒラギノUD角ゴF Std", 'Noto Sans JP', 'Shippori Mincho', 'Gothic A1', 'Prompt', "ヒラギノ角ゴ Pro W3", "メイリオ", "ＭＳ Ｐゴシック", "MS PGothic", serif, sans-serif;
    }
    .employ-index-heading2-v3 {
        margin-top: 60px;
    }
    .employ-index-heading2-v3__inner {
        display: flex;
        align-items: flex-start;
        column-gap: 72px;
    }
    .employ-index-heading2-v3-title-wrap {
        border-left: 6px solid #007db9;
        padding-left: 20px;
    }
    .employ-index-heading2-v3__title {
        color: #000;
        font-size: 3.2rem;
        font-weight: 700;
        line-height: 1.3;
    }
    .employ-index-heading2-v3__subtitle {
        margin-top: .8rem;
        color: #000;
        font-size: 1.6rem;
        font-weight: 700;
        font-family: 'KanadeviaSans', "ヒラギノUD角ゴF Std", 'Noto Sans JP', 'Shippori Mincho', 'Gothic A1', 'Prompt', "ヒラギノ角ゴ Pro W3", "メイリオ", "ＭＳ Ｐゴシック", "MS PGothic", serif, sans-serif;
    }
    .employ-index-heading2-v3-text {
        color: #000;
        font-size: 1.4rem;
        font-weight: 400;
        line-height: 1.6;
        flex: 1 1;
    }
    .employ-index-heading2-v4__inner {
        display: flex;
        column-gap: 36px;
        align-items: flex-end;
    }
    .employ-index-heading2-v4__title {
        color: #0E7F80;
        font-size: 60px;
        font-weight: 700;
        font-family: 'KanadeviaSans', "ヒラギノUD角ゴF Std", 'Noto Sans JP', 'Shippori Mincho', 'Gothic A1', 'Prompt', "ヒラギノ角ゴ Pro W3", "メイリオ", "ＭＳ Ｐゴシック", "MS PGothic", serif, sans-serif;
        line-height: 1;
        letter-spacing: 0.4px;
    }
    .employ-index-heading2-v4__subtitle {
        color: #000;
        font-size: 30px;
        font-weight: 300;
        line-height: 1.6;
    }
    .employ-index-heading3 {
        margin-top: 40px;
    }
    .employ-index-heading3__title {
        color: #000;
        font-size: 22px;
        font-weight: 700;
        line-height: 1.4;
    }
    .employ-index-text {
        color: #000;
        font-size: 1.4rem;
        font-weight: 400;
        line-height: 1.6;
    }
    .employ-index-text-bold {
        color: #000;
        font-size: 18px;
        font-weight: 700;
        line-height: 1.6;
    }
    .employ-index-news__article {
        border-bottom: 1px solid #ddd;
    }
    .employ-index-news__article:first-child {
        border-top: 1px solid #ddd;
    }
    .employ-index-news__date {
        color: #000;
        font-size: 1.3rem;
        font-weight: 700;
        line-height: 1.6;
    }
    .employ-index-news__caption {
        margin-top: 1rem;
    }
    .employ-index-news__type,
    .employ-index-news__type--blank,
    .employ-index-news__type--nolink {
        display: block;
        padding-block: 18px 17px;
    }
    .employ-index-news__type .employ-index-news__title,
    .employ-index-news__type--blank .employ-index-news__title,
    .employ-index-news__type--nolink .employ-index-news__title {
        position: relative;
        color: #000;
        font-size: 1.4rem;
        font-weight: 400;
        line-height: 1.6;
        text-decoration-line: underline;
        transition: all .5s;
    }
    .employ-index-news__type--nolink .employ-index-news__title {
        text-decoration-line: none;
    }
    .employ-index-news__type:hover .employ-index-news__title,
    .employ-index-news__type--blank:hover .employ-index-news__title {
        color: #007db9;
        text-decoration: none;
    }
    .employ-index-news__type--blank .employ-index-news__title::after {
        top: -2px;
        margin-left: 10px;
        position: relative;
        display: inline-block;
        width: 14px;
        height: 14px;
        vertical-align: middle;
        content: "";
        background: url("/employ/img/common/icon_tb_blue.svg") no-repeat 0 0 / contain;
    }
    .employ-index-card-wrap {
        width: 100%;
    }
    .employ-index-card {
        margin-top: 20px;
        width: 100%;
    }
    .employ-index-card:first-child {
        margin-top: 0;
    }
    .employ-index-card__head {
        width: 200px;
    }
    .employ-index-card__image > img {
        width: 100%;
    }
    .employ-index-card__type {
        position: relative;
        display: flex;
        padding: 15px;
        column-gap: 2rem;
        align-items: center;
        box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.20);
    }
    .employ-index-card__type:hover .employ-index-card__image > img {
        transition: all .5s;
    }
    .employ-index-card__type:hover .employ-index-card__image > img {
        opacity: .7;
    }
    .employ-index-card__type:hover .employ-index-card__title,
    .employ-index-card__type:hover .employ-index-card__description {
        color: #007db9;
    }
    .employ-index-card__status--open {
        position: absolute;
        top: 0;
        left: 0;
        display: flex;
        padding: 5px 10px;
        justify-content: center;
        align-items: center;
        border-radius: 0 0 10px 0;
        background: #E16446;
        color: #fff;
        font-size: 1.4rem;
        font-weight: 700;
        line-height: 1.6;
        z-index: 1;
    }
    .employ-index-card__status--closed {
        position: absolute;
        top: 0;
        left: 0;
        display: flex;
        padding: 5px 10px;
        justify-content: center;
        align-items: center;
        border-radius: 0 0 10px 0;
        background: #EBEBEB;
        color: #000;
        font-size: 1.4rem;
        font-weight: 700;
        line-height: 1.6;
        z-index: 1;
    }
    .employ-index-card__body {
        display: flex;
        flex-direction: column;
        row-gap: 7px;
    }
    .employ-index-card__title {
        color: #000;
        font-size: 18px;
        font-weight: 700;
        line-height: 1.6;
        transition: all .5s;
    }
    .employ-index-card__description {
        color: #000;
        font-size: 12px;
        font-weight: 400;
        line-height: 1.6;
        transition: all .5s;
    }
    .employ-index-box-wrap-v2 {
        margin-top: 40px;
        display: flex;
        gap: 36px;
        align-self: stretch;
        align-items: stretch;
    }
    .employ-index-box-v2 {
        display: flex;
        padding: 20px 0 16px;
        width: calc((100% - (36px)) / 2);
        border: 1px solid #ddd;
        background: #fff;
    }
    .employ-index-box-v2__head {
        display: flex;
        width: 120px;
        flex-shrink: 0;
        justify-content: center;
        border-right: 1px solid #ddd;
        padding: 0 30px;
    }
    .employ-index-box-v2__title {
        color: #007db9;
        font-size: 18px;
        font-weight: 700;
        line-height: 1.6;
    }
    .employ-index-box-v2__body {
        padding: 0 30px;
    }
    .employ-index-link-list {
        display: flex;
        gap: 10px 36px;
        flex-wrap: wrap;
    }
    .employ-index-link-list__type {
        color: #000;
        font-size: 1.4rem;
        font-weight: 400;
        line-height: 1.6; /* 22.4px */
        text-decoration-line: underline;
        text-decoration-style: solid;
        text-decoration-skip-ink: none;
        text-decoration-thickness: auto;
        text-underline-offset: auto;
        text-underline-position: from-font;
    }
    .employ-index-link-list__type:hover {
        color: #007db9;
        text-decoration: none;
    }
    .employ-index-carousel__list {
        display: flex;
        flex-flow: row wrap;
        width: 100%;
        gap: 10px 36px;
        align-items: stretch;
    }
    .employ-index-carousel__item {
        width: calc((100% - (108px)) / 4);
        display: flex;
        flex-direction: column;
        box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.20);
    }
    .employ-index-carousel__image {
        transition: all .5s;
    }
    .employ-index-carousel__type {
        display: flex;
        flex-direction: column;
        height: 100%;
    }
    .employ-index-carousel__type:hover .employ-index-carousel__image {
        opacity: .7;
    }
    .employ-index-carousel__type:hover .employ-index-carousel__text,
    .employ-index-carousel__type:hover .employ-index-carousel__text-bold {
        color: #007db9;
    }
    .employ-index-carousel__body {
        padding: 20px;
        background: #fff;
        flex: 1;
    }
    .employ-index-carousel-badge-wrap {
        display: flex;
        gap: 10px;
        padding-bottom: 14px;
    }
    .employ-index-carousel-badge {
        display: flex;
        padding: 5px 10px;
        justify-content: center;
        align-items: center;
        gap: 10px;
        border-radius: 20px;
        background: #007db9;
        color: #fff;
        font-size: 10px;
        font-weight: 400;
        line-height: 150%; /* 15px */
    }
    .employ-index-carousel-badge-v2 {
        display: flex;
        padding: 5px 10px;
        justify-content: center;
        align-items: center;
        gap: 10px;
        border-radius: 20px;
        border: 1px solid #007db9;
        background: #fff;
        color: #007db9;
        font-size: 10px;
        font-weight: 400;
        line-height: 150%;
    }
    .employ-index-carousel__career {
        margin-top: .7rem;
    }
    .employ-index-carousel__text {
        color: #000;
        font-size: 14px;
        font-weight: 400;
        line-height: 1.6;
        transition: all .5s;
    }
    .employ-index-carousel__text-bold {
        margin-top: .6rem;
        color: #000;
        font-size: 18px;
        font-weight: 700;
        line-height: 1.6;
        transition: all .5s;
    }
    .employ-index-carousel-v2 {
        margin-top: 40px;
    }
    .employ-index-carousel-v2__list {
        display: flex;
        flex-flow: row wrap;
        width: 100%;
        gap: 10px 36px;
        align-items: stretch;
    }
    .employ-index-carousel-v2__item {
        width: calc((100% - (72px)) / 3);
        display: flex;
        flex-direction: column;
        box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.20);
    }
    .employ-index-carousel-v2__image {
        transition: all .5s;
    }
    .employ-index-carousel-v2__type {
        display: flex;
        flex-direction: column;
        height: 100%;
    }
    .employ-index-carousel-v2__type:hover .employ-index-carousel-v2__image {
        opacity: .7;
    }
    .employ-index-carousel-v2__type:hover .employ-index-carousel-v2__text,
    .employ-index-carousel-v2__type:hover .employ-index-carousel-v2__text-bold {
        color: #007db9;
    }
    .employ-index-carousel-v2__body {
        padding: 20px;
        background: #fff;
        flex: 1;
    }
    .employ-index-carousel-v2__text {
        color: #000;
        font-size: 14px;
        font-weight: 400;
        line-height: 1.6;
        transition: all .5s;
    }
    .employ-index-carousel-v2__text-bold {
        margin-top: 0.8rem;
        color: #000;
        font-size: 18px;
        font-weight: 700;
        line-height: 1.6;
        transition: all .5s;
    }
    /* control */
    .employ-index-carousel__control {
        display: none;
    }
    .employ-index-carousel-v2__control {
        display: none;
    }
    .employ-index-card-wrap-v2 {
        display: flex;
        flex-flow: row wrap;
        width: 100%;
        gap: 2rem 36px;
    }
    .employ-index-card-v2 {
        width: calc((100% - (144px)) / 5);
        display: flex;
        flex-direction: column;
        align-items: center;
        background: #fff;
        box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.20);
        padding: 0 10px 15px;
    }
    .employ-index-card-v2:hover .employ-index-card-v2__image {
        opacity: .7;
    }
    .employ-index-card-v2:hover .employ-index-card-v2__title {
        color: #007db9;
    }
    .employ-index-card-v2__image {
        width: 120px;
        height: 120px;
        transition: all .5s;
    }
    .employ-index-card-v2__body {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 100%;
    }
    .employ-index-card-v2__title {
        color: #000;
        text-align: center;
        font-size: 1.4rem;
        font-weight: 700;
        line-height: 1.5;
        transition: all .5s;
    }
    .employ-index-image-wrap {
        display: flex;
        flex-flow: row wrap;
        width: 100%;
        gap: 2rem 36px;
    }
    .employ-index-image {
        width: calc((100% - (72px)) / 3);
    }
    .employ-index-image__frame--modal {
      position: relative;
      display: inline-block;
      cursor: pointer;
      border: none;
      box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.20);
    }
    .employ-index-image__frame--modal img {
      transition: opacity .25s cubic-bezier(.4,0,.2,1);
    }
    .employ-index-image__frame--modal:hover + .employ-index-image__caption {
      color: #007DB9;
    }
    .employ-index-image__frame--modal:hover img {
      opacity: 0.7;
    }
    .employ-index-image__frame--modal::before {
      display: inline-block;
      z-index: 2;
      position: absolute;
      right: 0;
      bottom: 0;
      width: 40px;
      height: 40px;
      background-image: url("/employ/img/index_ic06.svg");
      background-repeat: no-repeat;
      background-position: center;
      background-size: contain;
      content: "";
    }
    .employ-index-image__caption {
      transition: all .5s;
      margin-top: 5px;
      letter-spacing: -1px;
      color: #000;
    }
    /* employ-index-button-v3 */
    .employ-index-button-v3-wrap {
      display: flex;
      justify-content: center;
      margin-top: 4rem;
    }
    .employ-index-button-v3 {
        width: 300px;
    }
    .employ-index-button-v3__type,
    .employ-index-button-v3__type--blank {
        display: flex;
        justify-content: center;
        padding: 1rem 2rem;
        border-radius: 50px;
        border: 2px solid #007db9;
        background-color: #fff;
        color: #007db9;
        box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.20);
    }
    .employ-index-button-v3__type--blank {
        position: relative;
        padding: 1rem 4.4rem 1rem 2rem;
    }
    .employ-index-button-v3__type--blank::after {
        display: inline-block;
        position: absolute;
        top: 50%;
        right: 20px;
        width: 14px;
        height: 14px;
        margin: -7px 0 0;
        background: url(/employ/img/common/icon_tb_blue.svg) no-repeat 0 0;
        vertical-align: middle;
        content: "";
    }
    .employ-index-button-v3__label {
        text-align: center;
        font-size: 1.4rem;
        font-weight: 700;
        line-height: 1.4;
    }
    .employ-index-button-v3__note {
        text-align: center;
        font-size: 1.2rem;
        font-weight: 400;
    }
    .employ-index-button-v3__type:hover,
    .employ-index-button-v3__type--blank:hover {
        background-color: #007db9;
        color: #fff;
    }
    .employ-index-button-v3__type--blank:hover::after {
        background-image: url(/employ/img/common/icon_tb_white.svg);
    }

    .employ-index-modal--inline {
      max-width: 965px;
      padding: 90px 60px 60px 60px;
    }
    .employ-index-image__frame--close {
      position: absolute;
      width: 50px;
      height: 50px;
      top: 20px;
      left: auto;
      right: 20px;
      z-index: 5;
      transition: all .3s;
      display: block;
      overflow: visible;
      margin: 0;
      padding: 0;
      cursor: pointer;
      border: 0;
      outline: 0;
      background: transparent;
    }
    .employ-index-image__frame--close:hover {
      opacity: .6;
    }
    .employ-index-image__frame--close::before {
      width: 100%;
      height: 100%;
      content: "";
      background-image: url(/employ/img/index_ic07.svg);
      background-size: contain;
      background-position: center;
      background-repeat: no-repeat;
      position: absolute;
      top: 0;
      left: 0;
      display: block;
    }
    /* employ-index-modal-video */
    .employ-index-modal-video-wrap > * {
      margin-right: auto;
      margin-left: auto;
    }
    .employ-index-modal-iframe-video {
      position: relative;
      width: 100%;
      padding-top: 56.25%;
    }
    .employ-index-modal-iframe-video > iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      border: none;
      will-change: transform;
      image-rendering: -webkit-optimize-contrast;
    }

    /* employ-index-content-layout */
    .employ-index-content-layout {
        display: flex;
        column-gap: 3.6rem;
        width: 100%;
    }

    /* employ-index-box-v3 */
    .employ-index-box-wrap-v3 {
        display: flex;
        flex-flow: row wrap;
        gap: 20px 3.6rem;
        flex: 1 1;
    }
    .employ-index-box-v3 {
        display: flex;
        flex-direction: column;
        width: calc((100% - 3.6rem) / 2);
        border: 1px solid #007db9;
    }
    .employ-index-box-v3__head {
        display: flex;
        justify-content: center;
        align-items: baseline;
        padding: 0.8rem 2rem;
        column-gap: 10px;
        background-color: #007db9;
    }
    .employ-index-box-v3__title {
        color: #fff;
        text-align: center;
        font-size: 2rem;
        font-weight: 700;
    }
    .employ-index-box-v3__subtitle {
        color: #fff;
        text-align: center;
        font-size: 1.3rem;
        font-weight: 700;
    }
    .employ-index-box-v3__body {
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 1rem 2rem;
        flex: 1;
    }
    .employ-index-box-v3-text {
        display: flex;
        justify-content: center;
        align-items: baseline;
        column-gap: 10px;
        color: #007db9;
        text-align: center;
        font-size: 2rem;
        font-weight: 700;
    }
    .employ-index-box-v3__number {
        font-size: 6rem;
        font-family: 'KanadeviaSans', "ヒラギノUD角ゴF Std", 'Noto Sans JP', 'Shippori Mincho', 'Gothic A1', 'Prompt', "ヒラギノ角ゴ Pro W3", "メイリオ", "ＭＳ Ｐゴシック", "MS PGothic", serif, sans-serif;
        line-height: 1;
        letter-spacing: 1.2px;
    }

    /* employ-index-box-v3 */
    .employ-index-card-wrap-v3 {
        width: calc((100% - (36px * 2)) / 3);
    }
    .employ-index-card-v3__type {
        display: block;
        position: relative;
    }
    .employ-index-card-v3__type:hover .employ-index-card-v3__image img {
        opacity: .7;
    }
    .employ-index-card-v3__image {
        height: 148px;
        overflow: hidden;
    }
    .employ-index-card-v3__image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
        transition: all .5s;
    }
    .employ-index-card-v3__body {
        position: absolute;
        padding: 2rem 2.2rem;
        bottom: 0;
        left: 0;
        right: 0;
        background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.60) 50.48%, rgba(0, 0, 0, 0.80) 100%);
    }
    .employ-index-card-v3__title {
        color: #fff;
        font-size: 2rem;
        font-weight: 700;
    }
    .employ-index-card-v3 + .employ-index-card-v3 {
        margin-top: 20px;
    }

    /* employ-index-layout-v3 */
    .employ-index-layout-v3 {
        padding: 6rem 3rem;
        background-image: radial-gradient(at 0 0, #00a082, transparent), radial-gradient(at 100% 0, #007db9, transparent), radial-gradient(at 100% 100%, #2862a0, transparent), radial-gradient(at 0 100%, #007360, transparent);
    }
    .employ-index-layout-v3__inner {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin: 0 auto;
        max-width: 1200px;
    }

    /* employ-index-heading2-v5 */
    .employ-index-heading2-v5__title {
        color: #fff;
        font-size: 3.2rem;
        font-weight: 700;
        line-height: 1.3;
    }
    .employ-index-text-v2 {
        margin-top: 4.3rem;
        color: #fff;
        text-align: center;
        font-size: 1.6rem;
        font-weight: 700;
        line-height: 1.6;
    }
    /* employ-index-box-v4 */
    .employ-index-box-v4 {
        display: flex;
        width: 100%;
        min-height: 120px;
        padding: 0 30px;
        justify-content: center;
        align-items: center;
        gap: 36px;
        border-radius: 15px;
        background: #fff;
        z-index: 2;
        position: relative;
        margin: 4rem auto 0;
    }
    .employ-index-box-v4__title {
        color: #007db9;
        text-align: center;
        font-size: 2rem;
        font-weight: 700;
    }
    .employ-index-box-v4__body {
        flex: 1 0 0;
        width: 100%;
    }
    /* employ-index-faq */
    .employ-index-faq {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-top: 4rem;
        padding-top: 4rem;
        width: 100%;
        border-top: 1px solid #ddd;
    }
    .employ-index-faq__title {
        color: #fff;
        text-align: center;
        font-size: 2.2rem;
        line-height: 1.2;
    }
    .employ-index-faq__detail {
        margin-top: 2.3rem;
    }
    .employ-index-faq__description {
        color: #fff;
        text-align: center;
        font-size: 1.4rem;
        line-height: 1.6;
    }
    .employ-index-faq__description + .employ-index-button-v3-wrap {
        margin-top: 2rem;
    }
}
/* 768px〜1024px */
@media screen and (min-width: 768px) and (max-width: 1024px) {
    .employ-index-hero {
        height: auto;
    }
    .employ-index-hero__inner {
        align-items: stretch;
    }
    .employ-index-box {
        flex-direction: column;
        row-gap: 20px;
        margin: -40px auto 0;
        padding: 24px 30px;
    }
    .employ-index-column {
        flex-direction: column-reverse;
        row-gap: 60px;
    }
    .employ-index-column > * {
        width: 100%;
    }
    .employ-index-event-area {
        max-width: none;
        width: 100%;
    }
    .employ-index-box-wrap-v2 {
        flex-direction: column;
        row-gap: 20px;
    }
    .employ-index-box-v2 {
        width: 100%;
    }
    .employ-index-box-v3__body {
        padding: 2rem;
    }
    .employ-index-content-layout {
        flex-direction: column;
        row-gap: 40px;
    }
    .employ-index-card-wrap-v3 {
        display: flex;
        width: 100%;
        column-gap: 3.6rem;
    }
    .employ-index-card-v3__title {
        font-size: 1.8rem;
    }
    .employ-index-card-v3 + .employ-index-card-v3 {
        margin-top: 0;
    }
    .employ-index-carousel__item {
        width: calc((100% - (36px)) / 2);
    }
    .employ-index-carousel__list {
        gap: 40px 36px;
    }
    .employ-index-heading2-v3__inner {
        column-gap: 36px;
    }
    .employ-index-card-wrap-v2 {
        justify-content: center;
        gap: 40px 36px;
    }
    .employ-index-card-v2 {
        width: calc((100% - (36px * 2)) / 3);
    }
}
/* 768px〜950px */
@media screen and (min-width: 768px) and (max-width: 950px) {
    .employ-index-hero__inner {
        height: 400px;
    }
    .employ-index-hero__head {
        padding-top: 30px;
        min-width: 352px;
    }
    .employ-index-heading1-title {
        font-size: 56px;
    }
    .employ-index-heading1-subtitle {
        font-size: 22px;
    }
    .employ-index-heading1-text {
        font-size: 10px;
    }
    .employ-index-box-v4 {
        flex-direction: column;
        row-gap: 20px;
        padding: 24px 30px;
    }
}

/* 767px以下 */
@media screen and (max-width: 767px) {
    header {
        background-color: #fff;
    }
    #index .logo .top_logo_white {
        display: none;
    }
    #index .logo .top_logo_color {
        display: block;
    }
    #index .logo p {
        color: #000;
        letter-spacing: 1.5px;
        font-family:'KanadeviaSans',"ヒラギノUD角ゴF Std",'Noto Sans JP','Shippori Mincho','Gothic A1','Prompt',"ヒラギノ角ゴ Pro W3", "メイリオ", "ＭＳ Ｐゴシック", "MS PGothic", serif, sans-serif;
    }
    #index .h_btn_area .menu_toggle a {
        display: flex;
        justify-content: space-around;
        background-color: transparent;
        border: solid 2px #19416e;
        color: #19416e;
    }
    #index .h_btn_area .menu_toggle.active a {
        border: solid 2px #fff;
        color: #fff;
    }
    #index .h_btn_area .menu_toggle .toggle_line span {
        border-bottom: solid 2px #19416e;
    }
    #index .h_btn_area .menu_toggle.active .toggle_line span {
        border-bottom: solid 2px #ffffff;
    }
    .btn_wrap a {
        letter-spacing: 1.5px;
        font-family:'KanadeviaSans',"ヒラギノUD角ゴF Std",'Noto Sans JP','Shippori Mincho','Gothic A1','Prompt',"ヒラギノ角ゴ Pro W3", "メイリオ", "ＭＳ Ｐゴシック", "MS PGothic", serif, sans-serif;
    }
    header #global-menu {
        letter-spacing: 1.5px;
        font-family:'KanadeviaSans',"ヒラギノUD角ゴF Std",'Noto Sans JP','Shippori Mincho','Gothic A1','Prompt',"ヒラギノ角ゴ Pro W3", "メイリオ", "ＭＳ Ｐゴシック", "MS PGothic", serif, sans-serif;
    }
    #index .h_btn_area .menu_toggle a {
        display: flex;
        justify-content: space-around;
        background-color: transparent;
        border: solid 2px #19416e;
        color: #19416e;
    }
    .Main {
        overflow: hidden;
        padding-top: 65px;
        display: block;
    }
    .Main__inner {
        background-color: #fff;
    }
    .Main__content {
        width: 100%;
        padding: 20px 15px 0;
        margin: 0 auto;
    }
    body#index {
        letter-spacing: 0;
        font-family: 'Noto Sans JP', 'Shippori Mincho', 'Gothic A1', 'Prompt', "ヒラギノ角ゴ Pro W3", "メイリオ", "ＭＳ Ｐゴシック", "MS PGothic", serif, sans-serif;
    }
    .employ-index-layout {
        background-color: #fff;
        margin-right: -15px;
        margin-left: -15px;
    }
    .employ-index-layout__inner {
        padding: 0 15px 40px;
    }
    .employ-index-layout-v2 {
        background: #F7F7F7;
        margin-right: -15px;
        margin-left: -15px;
    }
    .employ-index-layout-v2__inner {
        padding: 40px 15px;
    }
    .employ-index-layout-v2__inner > section:first-child > *:first-child {
        margin-top: 0;
    }
    .employ-index-layout-v4 {
        background-color: #fff;
        margin-right: -15px;
        margin-left: -15px;
    }
    .employ-index-layout-v4__inner {
        padding: 40px 15px;
    }
    .employ-index-sp-hidden {
        display: none !important;
    }
    .employ-index-hero__inner {
        display: flex;
        flex-direction: column;
    }
    .employ-index-hero__head {
        display: flex;
        flex-direction: column;
        padding: 20px 15px;
        justify-content: center;
        align-items: flex-start;
        gap: 15px;
        background-image: radial-gradient(at 0 0, #00a082, transparent), radial-gradient(at 100% 0, #007db9, transparent), radial-gradient(at 100% 100%, #2862a0, transparent), radial-gradient(at 0 100%, #007360, transparent);
    }
    .employ-index-heading1-title {
        color: #fff;
        font-size: 5rem;
        font-weight: 400;
        font-family: 'KanadeviaSans', "ヒラギノUD角ゴF Std", 'Noto Sans JP', 'Shippori Mincho', 'Gothic A1', 'Prompt', "ヒラギノ角ゴ Pro W3", "メイリオ", "ＭＳ Ｐゴシック", "MS PGothic", serif, sans-serif;
        line-height: .9;
    }
    .employ-index-heading1-subtitle {
        color: #fff;
        font-size: 2rem;
        font-weight: 500;
        line-height: 1.4;
    }
    .employ-index-heading1-text {
        color: #fff;
        font-size: 11px;
        font-weight: 500;
        line-height: 1.64;
    }
    .employ-index-hero__body {
        display: flex;
        flex-direction: column;
        align-items: center;
        align-self: stretch;
    }
    .employ-index-box {
        display: flex;
        width: calc(100% - 30px);
        padding: 20px 15px;
        flex-direction: column;
        align-items: center;
        gap: 20px;
        border-radius: 15px;
        background-color: #fff;
        margin: -100px auto 0;
        z-index: 2;
        position: relative;
        box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.20);
    }
    .employ-index-box__title {
        color: #007db9;
        text-align: center;
        font-size: 18px;
        font-weight: 700;
        line-height: 140%;
    }
    .employ-index-box__body {
        width: 100%;
    }
    .employ-index-button-wrap {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 10px;
    }
    .employ-index-button {
        width: 100%;
    }
    .employ-index-button__type {
        position: relative;
        display: flex;
        padding: 10px 34px 10px 20px;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        align-self: stretch;
        border-radius: 50px;
        border: 2px solid #007db9;
        background: #007db9;
        text-decoration: none;
    }
    .employ-index-button__type {
        position: relative;
        display: flex;
        padding: 11px 42px 11px 20px;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        align-self: stretch;
        border-radius: 50px;
        border: 2px solid #007db9;
        background: #007db9;
        text-decoration: none;
    }
    .employ-index-button__type::after {
        position: absolute;
        top: 50%;
        margin-top: -7px;
        right: 1.6em;
        background: url(/employ/img/common/icon_tb_white.svg) no-repeat 0 0;
        display: inline-block;
        width: 14px;
        height: 14px;
        vertical-align: middle;
        content: "";
    }
    .employ-index-button__type .employ-index-button__label {
        color: #fff;
    }
    .employ-index-button__type-v2 {
        position: relative;
        display: flex;
        padding: 10px 34px 10px 20px;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        align-self: stretch;
        border-radius: 50px;
        border: 2px solid #00A082;
        background: #00A082;
        text-decoration: none;
    }
    .employ-index-button__type-v2 {
        position: relative;
        display: flex;
        padding: 11px 42px 11px 20px;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        align-self: stretch;
        border-radius: 50px;
        border: 2px solid #00A082;
        background: #00A082;
        text-decoration: none;
    }
    .employ-index-button__type-v2::after {
        position: absolute;
        top: 50%;
        margin-top: -7px;
        right: 1.6em;
        background: url(/employ/img/common/icon_tb_white.svg) no-repeat 0 0;
        display: inline-block;
        width: 14px;
        height: 14px;
        vertical-align: middle;
        content: "";
    }
    .employ-index-button__label {
        display: inline-block;
        color: #fff;
        text-align: center;
        font-size: 1.3rem;
        font-weight: 700;
        line-height: 1.4;
    }
    .employ-index-column {
        width: 100%;
        display: flex;
        flex-direction: column-reverse;
        row-gap: 40px;
    }
    .employ-index-heading2__title {
        color: #000;
        font-size: 2rem;
        font-weight: 700;
        line-height: 1.4;
    }
    .employ-index-heading2 + * {
        margin-top: 20px;
    }
    .employ-index-heading2-v2 + * {
        margin-top: 20px;
    }
    .employ-index-heading2-v3 + * {
        margin-top: 20px;
    }
    .employ-index-heading2-v4 + * {
        margin-top: 20px;
    }
    .employ-index-heading3 + * {
        margin-top: 20px;
    }
    .employ-index-heading2-v2 {
        margin-top: 40px;
        border-left: 4px solid #007db9;
        padding-left: 15px;
    }
    .employ-index-heading2-v2__title {
        color: #000;
        font-size: 24px;
        font-weight: 700;
        line-height: 1.4;
    }
    .employ-index-heading2-v2__subtitle {
        margin-top: .5rem;
        color: #000;
        font-size: 13px;
        font-weight: 700;
        line-height: 1.4;
        font-family: 'KanadeviaSans', "ヒラギノUD角ゴF Std", 'Noto Sans JP', 'Shippori Mincho', 'Gothic A1', 'Prompt', "ヒラギノ角ゴ Pro W3", "メイリオ", "ＭＳ Ｐゴシック", "MS PGothic", serif, sans-serif;
    }
    .employ-index-heading2-v3 {
        margin-top: 40px;
        gap: 5px;
    }
    .employ-index-heading2-v3__inner {
        display: flex;
        flex-direction: column;
        row-gap: 20px;
    }
    .employ-index-heading2-v3-title-wrap {
        border-left: 4px solid #007db9;
        padding-left: 15px;
    }
    .employ-index-heading2-v3__title {
        color: #000;
        font-size: 24px;
        font-weight: 700;
        line-height: 140%;
    }
    .employ-index-heading2-v3__subtitle {
        margin-top: .8rem;
        color: #000;
        font-size: 13px;
        font-weight: 700;
        line-height: 1.3;
    }
    .employ-index-heading2-v3-text {
        color: #000;
        font-size: 1.3rem;
        font-weight: 400;
        line-height: 1.6;
    }
    .employ-index-heading2-v4__inner {
        display: flex;
        flex-direction: column;
        row-gap: 10px;
    }
    .employ-index-heading2-v4__title {
        color: #0E7F80;
        font-size: 50px;
        font-weight: 700;
        line-height: 100%;
        font-family: 'KanadeviaSans', "ヒラギノUD角ゴF Std", 'Noto Sans JP', 'Shippori Mincho', 'Gothic A1', 'Prompt', "ヒラギノ角ゴ Pro W3", "メイリオ", "ＭＳ Ｐゴシック", "MS PGothic", serif, sans-serif;
        line-height: 1;
        letter-spacing: 0.4px;
    }
    .employ-index-heading2-v4__subtitle {
        color: #000;
        font-size: 24px;
        font-weight: 300;
        line-height: 100%;
    }
    .employ-index-heading3 {
        margin-top: 40px;
    }
    .employ-index-heading3__title {
        color: #000;
        font-size: 16px;
        font-weight: 700;
        line-height: 140%;
    }
    .employ-index-text {
        color: #000;
        font-size: 1.3rem;
        font-weight: 400;
        line-height: 1.6;
    }
    .employ-index-text-bold {
        color: #000;
        font-size: 1.3rem;
        font-weight: 600;
        line-height: 1.6;
    }
    .employ-index-news__article {
        border-bottom: 1px solid #ddd;
        display: flex;
        flex-direction: column;
        row-gap: 5px;
    }
    .employ-index-news__article:first-child {
        border-top: 1px solid #ddd;
    }
    .employ-index-news__caption {
        margin-top: 1rem;
    }
    .employ-index-news__date {
        color: #000;
        font-size: 1.2rem;
        font-weight: 700;
        line-height: 1.6;
    }
    .employ-index-news__type,
    .employ-index-news__type--blank,
    .employ-index-news__type--nolink {
        display: block;
        padding-block: 13px 11px;
    }
    .employ-index-news__type .employ-index-news__title,
    .employ-index-news__type--blank .employ-index-news__title,
    .employ-index-news__type--nolink .employ-index-news__title {
        position: relative;
        color: #000;
        font-size: 1.3rem;
        font-weight: 400;
        line-height: 1.6;
        text-decoration-line: underline;
    }
    .employ-index-news__type--nolink .employ-index-news__title {
        text-decoration-line: none;
    }
    .employ-index-news__type--blank .employ-index-news__title::after {
        top: -2px;
        margin-left: 10px;
        position: relative;
        display: inline-block;
        width: 14px;
        height: 14px;
        vertical-align: middle;
        content: "";
        background: url("/employ/img/common/icon_tb_blue.svg") no-repeat 0 0 / contain;
    }
    .employ-index-card-wrap {
        display: flex;
        flex-direction: column;
        width: 100%;
        row-gap: 20px;
    }
    .employ-index-card {
        width: 100%;
        box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.20);
    }
    .employ-index-card__head {
        position: relative;
    }
    .employ-index-card__image >* {
        width: 100%;
    }
    .employ-index-card__status--open {
        position: absolute;
        top: 0;
        left: 0;
        display: flex;
        padding: 5px 10px;
        justify-content: center;
        align-items: center;
        border-radius: 0 0 10px 0;
        background: #E16446;
        color: #fff;
        font-size: 13px;
        font-weight: 700;
        line-height: 1.6;
        z-index: 1;
    }
    .employ-index-card__status--closed {
        position: absolute;
        top: 0;
        left: 0;
        display: flex;
        padding: 5px 10px;
        justify-content: center;
        align-items: center;
        border-radius: 0 0 10px 0;
        background: #EBEBEB;
        color: #000;
        font-size: 13px;
        font-weight: 700;
        line-height: 1.6;
        z-index: 1;
    }
    .employ-index-card__body {
        padding: 15px;
        display: flex;
        flex-direction: column;
        row-gap: 5px;
    }
    .employ-index-card__title {
        color: #000;
        font-size: 1.8rem;
        font-weight: 700;
        line-height: 1.4;
    }
    .employ-index-card__description {
        color: #000;
        font-size: 1.3rem;
        font-weight: 400;
        line-height: 1.6;
    }
    .employ-index-box-wrap-v2 {
        margin-top: 20px;
        display: flex;
        flex-direction: column;
        row-gap: 20px;
    }
    .employ-index-box-v2 {
        display: flex;
        flex-direction: column;
        padding: 15px;
        border: 1px solid #ddd;
        background: #fff;
    }
    .employ-index-box-v2__head {
        display: flex;
        border-bottom: 1px solid #ddd;
        padding-bottom: 13px;
    }
    .employ-index-box-v2__title {
        color: #007db9;
        font-size: 1.4rem;
        font-weight: 700;
        line-height: 1.6;
    }
    .employ-index-box-v2__body {
        margin-top: 15px;
    }
    .employ-index-link-list {
        display: flex;
        gap: 8px 15px;
        flex-wrap: wrap;
    }
    .employ-index-link-list__type {
        color: #000;
        font-size: 1.3rem;
        font-weight: 400;
        line-height: 1.6;
        text-decoration-line: underline;
    }
    .employ-index-link-list__type:hover {
        color: #007db9;
        text-decoration: none;
    }
    .employ-index-carousel__list {
        width: 100%;
    }
    .employ-index-carousel__list > .employ-index-carousel__item:not(:first-child) {
      display: none;
    }
    .employ-index-carousel__item {
        height: auto;
        margin: 0 7.5px;
        display: flex;
        flex-direction: column;
        box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.20);
    }
    .employ-index-carousel__item:only-child {
      margin: 0;
    }
    .employ-index-carousel__type {
        display: flex;
        flex-direction: column;
        height: 100%;
    }
    .employ-index-carousel__body {
        background: #fff;
        display: flex;
        flex-direction: column;
        flex: 1;
        padding: 15px;
    }
    .employ-index-carousel-badge-wrap {
        display: flex;
        gap: 10px;
        padding-bottom: 10px;
    }
    .employ-index-carousel-badge {
        display: flex;
        padding: 4px 15px;
        justify-content: center;
        align-items: center;
        gap: 10px;
        border-radius: 20px;
        background: #007db9;
        color: #fff;
        font-size: 10px;
        font-weight: 400;
        line-height: 1.5;
    }
    .employ-index-carousel-badge-v2 {
        display: flex;
        padding: 4px 15px;
        justify-content: center;
        align-items: center;
        gap: 10px;
        border-radius: 20px;
        border: 1px solid #007db9;
        background: #fff;
        color: #007db9;
        font-size: 10px;
        font-weight: 400;
        line-height: 1.5;
    }
    .employ-index-carousel__text {
        color: #000;
        font-size: 13px;
        font-weight: 400;
        line-height: 1.6;
    }
    .employ-index-carousel__text-bold {
        margin-top: .3rem;
        color: #000;
        font-size: 18px;
        font-weight: 700;
        line-height: 1.6;
    }
    .employ-index-carousel__career {
        margin-top: .4rem;
    }
    .employ-index-carousel .slick-dotted.slick-slider {
      margin-bottom: 10px;
    }
    .employ-index-carousel__list > .slick-list {
      margin: 0 -7.5px;
    }
    .employ-index-carousel__list > .slick-list > .slick-track {
      display: flex;
      padding-bottom: 10px;
    }
    .employ-index-carousel__item.slick-slide {
      height: auto;
      display: flex;
    }
    .employ-index-carousel__arrows {
      display: flex;
      justify-content: center;
      align-items: center;
    }
    .employ-index-carousel__arrows .slick-arrow{
      position: relative;
      z-index: 1;
      margin: 0;
      padding: 0;
      border-radius: 50%;
      border: none;
      background: none;
      text-indent: -100vw;
      white-space: nowrap;
      width: 14px;
      height: 25px;
      cursor: pointer;
      transform: translate(0)
    }
    .employ-index-carousel__arrows .slick-arrow::after {
      display: block;
      top: 50%;
      width: 18px;
      height: 18px;
      border-top: 2px solid #007DB9;
      border-right: 2px solid #007DB9;
      transform-origin: center;
      transform: rotateZ(45deg);
      content: "";
      box-sizing: border-box
    }
    .employ-index-carousel__arrows .slick-arrow.slick-prev {
      margin-right: 9px;
      left: 0;
    }
    .employ-index-carousel__arrows .slick-arrow.slick-next {
      margin-left: 7px;
      right: 0;
    }
    .employ-index-carousel__arrows .slick-arrow.slick-prev:before {
      display: none;
    }
    .employ-index-carousel__arrows .slick-arrow.slick-next:before {
      display: none;
    }
    .employ-index-carousel__arrows .slick-arrow.slick-prev:after {
      right: calc(50% - 6px);
      transform: rotateZ(-135deg);
    }
    .employ-index-carousel__arrows .slick-arrow.slick-next:after {
      right: calc(50% - 3px);
    }
    .employ-index-carousel__pager > .slick-dots {
      position: relative;
      display: flex;
      flex-flow: row wrap;
      align-items: center;
      gap: 18px;
      margin: 0;
      padding: 0;
      bottom: 0;
    }
    .employ-index-carousel__pager > .slick-dots > li {
      display: flex;
      margin: 0;
      font-size: 0;
      list-style: none;
      width: 10px;
      height: 10px;
    }
    .employ-index-carousel__pager > .slick-dots > li > button {
      background-color: #ccc;
      border-radius: 50%;
      width: 10px;
      height: 10px;
    }
    .employ-index-carousel__pager > .slick-dots > li.slick-active > button {
      background-color: #007DB9;
      pointer-events: none;
    }
    .employ-index-carousel__pager > .slick-dots > li > button::before {
      display: none;
    }
    .employ-index-carousel__switch {
      display: flex;
    }
    .employ-index-carousel__switch__play,
    .employ-index-carousel__switch__pause {
      border: none;
      position: relative;
      appearance: none;
      overflow: hidden;
      width: 16px;
      height: 16px;
      margin-left: 18px;
      background-color: #fff;
      font-size: 0;
      text-indent: -100vw;
      white-space: nowrap;
      cursor: pointer;
    }
    .employ-index-carousel__switch__pause::after,
    .employ-index-carousel__switch__play::after {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      display: block;
      width: 16px;
      height: 16px;
      background: #007DB9;
      mask-position: center;
      mask-repeat: no-repeat;
      content: '';
    }
    .employ-index-carousel__switch__pause::after {
      mask-image: url(/employ/img/index_ic08.svg);
    }
    .employ-index-carousel__switch__play::after {
      mask-image: url(/employ/img/index_ic09.svg);
    }

    .employ-index-carousel-v2 {
        margin-top: 20px;
    }
    .employ-index-carousel-v2 .slick-dotted.slick-slider {
      margin-bottom: 10px;
    }
    .employ-index-carousel-v2__list {
        width: 100%;
    }
    .employ-index-carousel-v2__list > .employ-index-carousel-v2__item:not(:first-child) {
      display: none;
    }
    .employ-index-carousel-v2__list > .slick-list {
        margin: 0 -7.5px;
    }
    .employ-index-carousel-v2__list > .slick-list > .slick-track {
        display: flex;
        padding-bottom: 10px;
    }
    .employ-index-carousel-v2__item.slick-slide {
        height: auto;
        display: flex;
    }
    .employ-index-carousel-v2__item {
        height: auto;
        margin: 0 7.5px;
        display: flex;
        flex-direction: column;
        box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.20);
    }
    .employ-index-carousel-v2__item:only-child {
      margin: 0;
    }
    .employ-index-carousel-v2__type {
        display: flex;
        flex-direction: column;
        height: 100%;
    }
    .employ-index-carousel-v2__body {
        background: #fff;
        padding: 16px 15px 20px;
        display: flex;
        flex-direction: column;
        flex: 1;
    }
    .employ-index-carousel-v2-badge-wrap {
        display: flex;
        gap: 10px;
        padding-bottom: 10px;
    }
    .employ-index-carousel-v2__text {
        color: #000;
        font-size: 13px;
        font-weight: 400;
        line-height: 1.6;
    }
    .employ-index-carousel-v2__text-bold {
        margin-top: .5rem;
        flex: 1;
        color: #000;
        font-size: 18px;
        font-weight: 700;
        line-height: 1.4;
    }

    .employ-index-carousel-v2__arrows {
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .employ-index-carousel-v2__list > .slick-list {
      margin: 0 -7.5px;
    }
    .employ-index-carousel-v2__list > .slick-list > .slick-track {
      display: flex;
      padding-bottom: 10px;
    }
    .employ-index-carousel-v2__item.slick-slide {
      height: auto;
      display: flex;
    }
    .employ-index-carousel-v2__arrows .slick-arrow{
      position: relative;
      z-index: 1;
      margin: 0;
      padding: 0;
      border-radius: 50%;
      border: none;
      background: none;
      text-indent: -100vw;
      white-space: nowrap;
      width: 14px;
      height: 25px;
      cursor: pointer;
      transform: translate(0)
    }
    .employ-index-carousel-v2__arrows .slick-arrow::after {
      display: block;
      top: 50%;
      width: 18px;
      height: 18px;
      border-top: 2px solid #007DB9;
      border-right: 2px solid #007DB9;
      transform-origin: center;
      transform: rotateZ(45deg);
      content: "";
      box-sizing: border-box
    }
    .employ-index-carousel-v2__arrows .slick-arrow.slick-prev {
      margin-right: 9px;
      left: 0;
    }
    .employ-index-carousel-v2__arrows .slick-arrow.slick-next {
      margin-left: 7px;
      right: 0;
    }
    .employ-index-carousel-v2__arrows .slick-arrow.slick-prev:before {
      display: none;
    }
    .employ-index-carousel-v2__arrows .slick-arrow.slick-next:before {
      display: none;
    }
    .employ-index-carousel-v2__arrows .slick-arrow.slick-prev:after {
      right: calc(50% - 6px);
      transform: rotateZ(-135deg);
    }
    .employ-index-carousel-v2__arrows .slick-arrow.slick-next:after {
      right: calc(50% - 3px);
    }
    .employ-index-carousel-v2__pager > .slick-dots {
      position: relative;
      display: flex;
      flex-flow: row wrap;
      align-items: center;
      gap: 18px;
      margin: 0;
      padding: 0;
      bottom: 0;
    }
    .employ-index-carousel-v2__pager > .slick-dots > li {
      display: flex;
      margin: 0;
      font-size: 0;
      list-style: none;
      width: 10px;
      height: 10px;
    }
    .employ-index-carousel-v2__pager > .slick-dots > li > button {
      background-color: #ccc;
      border-radius: 50%;
      width: 10px;
      height: 10px;
    }
    .employ-index-carousel-v2__pager > .slick-dots > li.slick-active > button {
      background-color: #007DB9;
      pointer-events: none;
    }
    .employ-index-carousel-v2__pager > .slick-dots > li > button::before {
      display: none;
    }
    .employ-index-carousel-v2__switch__play,
    .employ-index-carousel-v2__switch__pause {
      border: none;
      position: relative;
      appearance: none;
      overflow: hidden;
      width: 16px;
      height: 16px;
      margin-left: 18px;
      background-color: #fff;
      font-size: 0;
      text-indent: -100vw;
      white-space: nowrap;
      cursor: pointer;
    }
    .employ-index-carousel-v2__switch__pause::after,
    .employ-index-carousel-v2__switch__play::after {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      display: block;
      width: 16px;
      height: 16px;
      background: #007DB9;
      mask-position: center;
      mask-repeat: no-repeat;
      content: '';
    }
    .employ-index-carousel-v2__switch__pause::after {
      mask-image: url(/employ/img/index_ic08.svg);
    }
    .employ-index-carousel-v2__switch__play::after {
      mask-image: url(/employ/img/index_ic09.svg);
    }

    .employ-index-carousel-v2__switch {
      display: flex;
    }

    .employ-index-card-wrap-v2 {
        display: flex;
        flex-flow: row wrap;
        width: 100%;
        gap: 20px 15px;
        justify-content: center;
    }
    .employ-index-card-v2 {
        width: calc((100% - (15px)) / 2);
        display: flex;
        flex-direction: column;
        align-items: center;
        background: #fff;
        box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.20);
        padding: 0 10px 15px;
    }
    .employ-index-card-v2__image {
        width: 90px;
        height: 90px;
    }
    .employ-index-card-v2__body {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 100%;
    }
    .employ-index-card-v2__title {
        color: #000;
        text-align: center;
        font-size: 13px;
        font-weight: 700;
        line-height: 1.6;
    }
    .employ-index-image-wrap {
        width: 100%;
    }
    .employ-index-image__frame--modal {
        position: relative;
        display: inline-block;
        cursor: pointer;
        border: none;
        box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.20);
    }
    .employ-index-image__frame--modal::before {
        display: inline-block;
        z-index: 2;
        position: absolute;
        right: 0;
        bottom: 0;
        width: 40px;
        height: 40px;
        background-image: url("/employ/img/index_ic06.svg");
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        content: "";
    }
    .employ-index-image__caption {
        margin-top: 3px;
        color: #000;
        letter-spacing: -1px;
    }
    .employ-index-button-v3-wrap {
        display: flex;
        justify-content: center;
        margin-top: 2rem;
        width: 100%;
    }
    .employ-index-button-v3 {
        width: 100%;
    }
    .employ-index-button-v3__type,
    .employ-index-button-v3__type--blank {
        width: 100%;
        display: flex;
        justify-content: center;
        padding: 1rem 2rem;
        border-radius: 50px;
        border: 2px solid #007db9;
        background-color: #fff;
        color: #007db9;
        box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.20);
    }
    .employ-index-button-v3__type--blank {
        position: relative;
        padding: 1.1rem 4.2rem 1.1rem 2rem;
    }
    .employ-index-button-v3__type--blank::after {
        display: inline-block;
        position: absolute;
        top: 50%;
        right: 20px;
        width: 14px;
        height: 14px;
        margin: -7px 0 0;
        background: url(/employ/img/common/icon_tb_blue.svg) no-repeat 0 0;
        vertical-align: middle;
        content: "";
    }
    .employ-index-button-v3__label {
        text-align: center;
        font-size: 1.3rem;
        font-weight: 700;
        line-height: 1.4;
    }
    .employ-index-button-v3__note {
        text-align: center;
        font-size: 1rem;
        font-weight: 400;
    }

    .employ-index-modal--inline {
      padding: 7%;
      overflow: visible;
    }
    .employ-index-image__frame--close {
      border-radius: 10px 10px 0 0;
      position: absolute;
      width: 10%;
      height: 14%;
      top: -13%;
      left: auto;
      right: 8px;
      z-index: 5;
      display: block;
      overflow: visible;
      margin: 0;
      padding: 0;
      cursor: pointer;
      border: 0;
      outline: 0;
      background-color: #fff;
    }
    .employ-index-image__frame--close::before {
      width: 80%;
      height: 80%;
      content: "";
      background-image: url(/employ/img/index_ic07.svg);
      background-size: contain;
      background-position: center;
      background-repeat: no-repeat;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      display: block;
    }
    /* employ-index-modal-video */
    .employ-index-modal-video-wrap > * {
      margin-right: auto;
      margin-left: auto;
    }
    .employ-index-modal-iframe-video {
      position: relative;
      width: 100%;
      padding-top: 56.25%;
    }
    .employ-index-modal-iframe-video > iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      border: none;
      will-change: transform;
      image-rendering: -webkit-optimize-contrast;
    }

    /* employ-index-content-layout */
    .employ-index-content-layout {
        margin-top: 2rem;
    }

    /* employ-index-box-v3 */
    .employ-index-box-wrap-v3 {
        display: flex;
        flex-flow: row wrap;
        gap: 20px 1.5rem;
    }
    .employ-index-box-v3 {
        width: calc((100% - 1.5rem) / 2);
        border: 1px solid #007db9;
    }
    .employ-index-box-v3__head {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: .5rem 1rem;
        background-color: #007db9;
    }
    .employ-index-box-v3__title {
        color: #fff;
        text-align: center;
        font-size: 1.4rem;
        font-weight: 700;
    }
    .employ-index-box-v3__subtitle {
        color: #fff;
        text-align: center;
        font-size: 1rem;
        font-weight: 700;
        line-height: 1;
    }
    .employ-index-box-v3__body {
        padding: 1rem 2rem;
    }
    .employ-index-box-v3-text {
        color: #007db9;
        text-align: center;
        font-size: 1.4rem;
        font-weight: 700;
        line-height: 1;
    }
    .employ-index-box-v3__number {
        margin: 0 10px;
        font-size: 3rem;
        font-family: 'KanadeviaSans', "ヒラギノUD角ゴF Std", 'Noto Sans JP', 'Shippori Mincho', 'Gothic A1', 'Prompt', "ヒラギノ角ゴ Pro W3", "メイリオ", "ＭＳ Ｐゴシック", "MS PGothic", serif, sans-serif;
        line-height: 1;
    }

    /* employ-index-box-v3 */
    .employ-index-card-wrap-v3 {
        margin-top: 4rem;
        width: 100%;
    }
    .employ-index-card-v3__type {
        display: block;
        position: relative;
    }
    .employ-index-card-v3__image {
        height: 120px;
        overflow: hidden;
    }
    .employ-index-card-v3__image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }
    .employ-index-card-v3__body {
        position: absolute;
        padding: 1.5rem;
        bottom: 0;
        left: 0;
        right: 0;
        background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.60) 50.48%, rgba(0, 0, 0, 0.80) 100%);
    }
    .employ-index-card-v3__title {
        color: #fff;
        font-size: 1.8rem;
        font-weight: 700;
    }
    .employ-index-card-v3 + .employ-index-card-v3 {
        margin-top: 20px;
    }
    /* employ-index-layout-v3 */
    .employ-index-layout-v3 {
        margin: 0 -15px;
        padding: 3.8rem 1.5rem;
        background-image: radial-gradient(at 0 0, #00a082, transparent), radial-gradient(at 100% 0, #007db9, transparent), radial-gradient(at 100% 100%, #2862a0, transparent), radial-gradient(at 0 100%, #007360, transparent);
    }
    .employ-index-layout-v3__inner {
        display: flex;
        flex-direction: column;
        margin: 0 auto;
        max-width: 1200px;
    }

    /* employ-index-heading2-v5 */
    .employ-index-heading2-v5__title {
        color: #fff;
        font-size: 2.4rem;
        font-weight: 700;
    }
    .employ-index-text-v2 {
        margin-top: 2rem;
        color: #fff;
        font-size: 1.3rem;
        font-weight: 700;
        line-height: 1.6;
    }
    /* employ-index-box-v4 */
    .employ-index-box-v4 {
        display: flex;
        width: 100%;
        padding: 16px 15px 18px;
        flex-direction: column;
        align-items: center;
        gap: 20px;
        border-radius: 15px;
        background-color: #fff;
        margin: 20px auto 0;
    }
    .employ-index-box-v4__title {
        color: #007db9;
        text-align: center;
        font-size: 18px;
        font-weight: 700;
    }
    .employ-index-box-v4__body {
        width: 100%;
    }
    /* employ-index-faq */
    .employ-index-faq {
        margin-top: 3rem;
        padding: 2rem 0 0;
        width: 100%;
        border-top: 1px solid #ddd;
    }
    .employ-index-faq__title {
        color: #fff;
        font-size: 1.6rem;
    }
    .employ-index-faq__detail {
        margin-top: 2rem;
    }
    .employ-index-faq__description {
        color: #fff;
        font-size: 1.3rem;
        line-height: 1.6;
    }

}