/*採用情報*/
.page_title {
    text-align: left;
    position: absolute;
    bottom: 0;
    z-index: 2;
    width: 100%;
    padding-left: 6em;
}

.page_title_jp {
    color: #fff;
    font-size: 2vw;
    letter-spacing: 0.15em;
    line-height: 1;
}

.page_title h1{
    width: auto;
    height: auto;
}

.page_title_en {
    background-image: url(../images/rnew/title_recruit.png);
    background-position: left;
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
    width: 60%;
    height: 12vw;
}

/*メインカラー-start*/
.main_section01 {
    background-color: #f9f9f9;
    padding: 10rem 1.5rem;

}

/*メインカラー-fin*/


/*ナビゲーションセクション-start*/

.section--navi {
    max-width: 800px;
    margin-inline: auto;
    background-color: #fff;
    padding: 5.25em 1.5em 5.25em 2.5em;
    border-radius: 2em;
    box-shadow: 0px 0px 10px rgba(51, 51, 51, 0.3);
}

.grid_container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 30px 20px;
    /* 行・列の間に余白 */
}

.item {
    position: relative;
    background: none;
    max-width: 200px;
    height: 100px;
    padding: 0;
    text-align: center;
    font-weight: 600;
    transform: scale(1, 1);
    transform-origin: center;
    transition: transform .2s ease-in-out;

}

.item:hover {
    transform: scale(1.1, 1.1);
}

.item a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    font-size: 0.8rem;
    line-height: 1.2;
    letter-spacing: 1.5px;
    gap: 10px;
    color: #333!important;
}


.navi_logo {
    display: block;
    width: 30px;
    height: 30px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.navi_logo.logo01 {
    background-image: url(../images/rnew/navi_logo01.png);
}

.navi_logo.logo02 {
    background-image: url(../images/rnew/navi_logo02.png);
}

.navi_logo.logo03 {
    background-image: url(../images/rnew/navi_logo03.png);
}

.navi_logo.logo04 {
    background-image: url(../images/rnew/navi_logo04.png);
}

.navi_logo.logo05 {
    background-image: url(../images/rnew/navi_logo05.png);
}

.navi_logo.logo06 {
    background-image: url(../images/rnew/navi_logo06.png);
}

.navi_logo.logo07 {
    background-image: url(../images/rnew/navi_logo07.png);
}

.navi_logo.logo08 {
    background-image: url(../images/rnew/navi_logo08.png);
}


.item a::after {
    content: "";
    position: absolute;
    bottom: 10px;
    left: 55%;
    bottom: 5px;
    display: block;
    width: 25px;
    height: 25px;
    background-image: url(../images/rnew/chevron-down.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.item span{
    font-weight: 600;
}

.item_tx{
    display: inline-block;
    width: 110px;
    text-align: center;
}

.br_wdh_min465{
    display: block;
}




@media (max-width: 950px) {
    .item a {
        width: 100%;
        height: 100%;
        font-size: 1rem;
        line-height: 1.2;
        letter-spacing: 1.5px;
        gap: 5px;
    }
}



@media screen and (max-width: 800px) {

    .page_title {
        padding-left: 2em;
    }

    .page_title_jp {
        font-size: 1rem;
    }

    .page_title_en {
        width: 80%;
        height: 15vw;
    }

    .main_section01 {
        padding: 5rem 1.5rem;
    }

    .item {
        position: relative;
        background: none;
        max-width: 200px;
        height: 100px;
        padding: 0;
        text-align: center;
        font-weight: 600;
        transform: scale(1, 1);
        transform-origin: center;
        transition: transform .2s ease-in-out;
        margin-inline: auto;
    }


}


@media screen and (max-width: 465px) {
    .section--navi {
        padding: 3em 0.5em 3em 1em;
    }

    .grid_container {
        grid-template-columns: repeat(auto-fit, minmax(125px, 1fr));
        gap: 20px 10px;
        /* 行・列の間に余白 */
    }


    .navi_logo {
        width: 27px;
        height: 27px;
    }

    .br_wdh_min465{
    display: contents;
}



}


/*ナビゲーションセクション-fin*/

/*セクション名-start*/
.section--main {
    max-width: 1300px;
    margin-inline: auto;
}

.recruit_h2--title {
    color: #3278C2;
    position: relative;
}

.recruit_h2--title_line {
    display: block;
    height: 2px;
    background-color: #3278C2;
    position: absolute;
    top: 50%;
}

.recruit_h2--title_tx {
    padding-left: 20px;
}

.section_titletx {
    position: relative;
}

.intro3min_titletx span,
.section_titletx span {
    position: absolute;
    top: -18px;
    font-size: 1rem;
    padding-left: 5px;
    z-index: 1;
     width: auto; 
     margin: 0; 
    color: #3278C2;
    letter-spacing: normal;

}

.section_titletx span::after {
    content: "";
    display: block;
    width: 100%;
    height: 8px;
    position: absolute;
    bottom: 3px;
    left: 2px;
    background-color: #BAD5F2;
    z-index: -1;
}

.slidein_title {
    opacity: 0;
    transform: translateX(-100px);
    transition: opacity 0.6s ease-in-out, transform 0.6s ease-in-out;
    will-change: transform, opacity;
}

.slidein_title.active {
    opacity: 1;
    transform: translateX(0);
}

.slidein_contents {
    opacity: 0;
    transform: translateX(100px);
    transition: opacity 0.6s ease-in-out, transform 0.6s ease-in-out;
    will-change: transform, opacity;
}

.slidein_contents.active {
    opacity: 1;
    transform: translateX(0);
}

.slidein_contents02 {
    opacity: 0;
    transform: translateY(-30px);
    transition: opacity 0.6s ease-in-out, transform 0.6s ease-in-out;
    will-change: transform, opacity;
}

.slidein_contents02.active {
    opacity: 1;
    transform: translateY(0);
}

.slidein_delay {
    opacity: 0;
    transform: translateY(-30px);
    transition: opacity 0.6s ease-in-out, transform 0.6s ease-in-out;
    will-change: transform, opacity;
}

.slidein_delay.active {
    opacity: 1;
    transform: translateY(0);
}



.grid_container--3min .slidein_delay:nth-child(1) {
    transition-delay: 0s;
}

.grid_container--3min .slidein_delay:nth-child(2) {
    transition-delay: 0.2s;
}

.grid_container--3min .slidein_delay:nth-child(3) {
    transition-delay: 0.4s;
}

.grid_container--3min .slidein_delay:nth-child(4) {
    transition-delay: 0.6s;
}

.grid_container--3min .slidein_delay:nth-child(5) {
    transition-delay: 0.8s;
}



.btn_rec .slidein_delay:nth-child(1) {
    transition-delay: 0s;
}

.btn_rec .slidein_delay:nth-child(2) {
    transition-delay: 0.2s;
}

.btn_rec .slidein_delay:nth-child(3) {
    transition-delay: 0.4s;
}

.btn_rec .slidein_delay:nth-child(4) {
    transition-delay: 0.6s;
}


.internship_flexbox .slidein_delay:nth-child(1) {
    transition-delay: 0s;
}

.internship_flexbox .slidein_delay:nth-child(2) {
    transition-delay: 0.2s;
}

.internship_flexbox .slidein_delay:nth-child(3) {
    transition-delay: 0.4s;
}

.internship_flexbox .slidein_delay:nth-child(4) {
    transition-delay: 0.6s;
}

.internship_flexbox .slidein_delay:nth-child(5) {
    transition-delay: 0.8s;
}

.internship_flexbox .slidein_delay:nth-child(6) {
    transition-delay: 1s;
}



.accordion--slide .slidein_delay:nth-child(1) {
    transition-delay: 0s;
}

.accordion--slide .slidein_delay:nth-child(2) {
    transition-delay: 0.2s;
}

.accordion--slide .slidein_delay:nth-child(3) {
    transition-delay: 0.4s;
}







/*セクションアイコン*/
.title-icon {
    position: relative;
    display: inline-block;
}

.title-icon::after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -45px;
    display: block;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 30px;
    height: 30px;
}

.title-icon.icon01::after {
    background-image: url(../images/rnew/itle-logo01.svg);
}

.title-icon.icon02::after {
    background-image: url(../images/rnew/title-logo02.svg);
}

.title-icon.icon03::after {
    background-image: url(../images/rnew/title-logo03.svg);
}

.title-icon.icon04::after {
    background-image: url(../images/rnew/title-logo04.svg);
}

.title-icon.icon05::after {
    background-image: url(../images/rnew/title-logo05.svg);
}

.title-icon.title-icon.icon06::after::after {
    background-image: url(../images/rnew/title-logo06.svg);
}

.title-icon.icon07::after {
    background-image: url(../images/rnew/title-logo07.svg);
}

.title-icon.icon08::after {
    background-image: url(../images/rnew/title-logo08.svg);
}


/*セクション名-fin*/


.section--ideal,
.section--intro3min,
.section--workplace,
.section--members,
.section--message,
.section--faq {
    padding: 150px 0 0;
    position: relative;
    width: 100%;
}

.intro3min_lists h4,
.about--ikkiseisan_tx02,
.message_tx h4,
.modal-content h5,
.slide_num span,
.recruit_h2--title,
.ideal_lists li,
.ideal_list_num02 {
    font-size: 2rem;
}

.intro3min_lists h3,
.number_kiriu--intro3min h4,
.about--ikkiseisan_tx h4 {
    font-size: 1.5rem;
}


.section-animation {
    transition: all 0.8s ease;
}




@media (max-width: 800px) {


    .section--ideal,
    .section--intro3min,
    .section--workplace,
    .section--members,
    .section--message,
    .section--faq {
        padding: 100px 0 0;

    }

    .intro3min_lists h4,
    .about--ikkiseisan_tx02,
    .message_tx h4,
    .modal-content h5,
    .slide_num span,
    .recruit_h2--title,
    .ideal_lists li,
    .ideal_list_num02 {
        font-size: 1.8rem;
    }
}

/* PC用 */
.new-slide {
  cursor: grab;
}

.new-slide:active {
  cursor: grabbing;
}

/* SP用：横スクロール防止 */
@media (max-width: 900px) {
  .new-slide {
    touch-action: pan-y;
  }
}