@charset "utf-8";


@media screen and (min-width: 1001px) {

    #jobs {
        & .jobs_branch_item3 {
            .jobs_branch_item3_image_sp {
                display: none;
            }
        }
    }

}


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

    .under_mv {
        height: 80vh;
        min-height: 600px;
    }

    .under_mv {
        & .under_mv_container {
            & .content_catch {
                svg {
                    max-width: 300px;
                }
            }
        }
    }

    .under_mv {
        .under_content_title_section {
            left: 10px;
            bottom: 28%;
            padding-right: 30px !important;
        }
    }

    .under_content_title_section {
        width: 100% !important;
    }

    #business_story {
        .under_mv {
            & .mv {
                .mv_list {
                    background-position: left 84% center;
                }
            }
        }
    }

    .under_content_title_section {
        padding: 0 20px !important;
    }

    #business_story {
        .message_container {
            padding: 37.5px 30px 25px;

            .message_text {
                text-align: left;

                br {
                    display: none;
                }
            }

            & .message_img {
                & .message_img_item {
                    img {
                        width: 150px;
                    }

                    &+.message_img_item {
                        margin-left: 20px;
                    }
                }
            }
        }
    }

    #business_story {
        & .business_story_container {
            & .business_story_list {
                padding: 120px 0 0;

                .business_story_item {
                    flex-direction: column;

                    &::before {
                        left: 30px;
                    }

                    .title {
                        width: 100%;
                        font-size: 1.5rem;
                        line-height: 1.8;
                        padding: 0 30px 40px;
                        margin-left: 0;
                    }

                    .text_wrap {
                        width: 100%;
                        padding: 0 30px 40px;
                        margin-right: 0;
                    }

                    .img {
                        width: 100%;
                        padding: 0 30px;
                        margin-top: 0;
                        margin-left: 0;

                        img {
                            width: 100%;
                            width: 100%;
                            height: 55vw;
                            object-fit: cover;
                        }
                    }
                }
            }
        }
    }

    #business_story {
        & .business_story_container {
            & .recommended_contents {
                .recommended_contents_list {
                    flex-direction: column;
                    align-items: center;
                    width: auto;

                    & .recommended_contents_item {
                        margin-bottom: 80px;

                        &+.recommended_contents_item {
                            margin-left: 0;
                        }
                    }
                }
            }
        }
    }

    #talk {
        #roundtalk {
            .message_container {
                padding: 37.5px 30px 25px;

                .message_img {
                    flex-flow: row wrap;
                    border-bottom: none;
                    margin-bottom: 0;

                    .message_img_item {
                        display: flex;
                        flex-direction: column;
                        align-items: center;
                        width: calc((100% - 30px) / 2);
                        margin-bottom: 30px;

                        &:nth-child(even) {
                            margin-left: 30px;
                        }

                        img {
                            width: 100%;
                            max-width: 150px;
                            margin-bottom: 10px;
                        }

                        .message_title {
                            width: 100%;
                            text-align: left;
                        }

                        .message_list {
                            width: 100%;
                            text-align: left;
                        }
                    }
                }

                .message_text {
                    text-align: left;
                }
            }
        }
    }

    #talk {
        & #roundtalk {
            & .roundtalk_container {
                & .roundtalk_list {
                    .img {
                        width: 100%;
                        padding: 0 30px;
                        /* margin-top: -120px; */
                        margin-top: 0;
                        margin-bottom: 100px;

                        img {
                            width: 100%;
                            width: 100%;
                            height: 55vw;
                            object-fit: cover;
                        }
                    }

                    & .roundtalk_item {
                        margin-bottom: 0;

                        &::before {
                            left: 30px;
                        }

                        .title {
                            width: 100%;
                            font-size: 1.25rem;
                            line-height: 1.8;
                            padding: 0 30px 40px;
                            margin-left: 0;
                            margin-bottom: 0;
                        }

                        .text_wrap {
                            width: 100%;
                            padding: 0 30px 40px;
                            margin-right: 0;
                        }
                    }
                }
            }
        }
    }

    #talk {
        & #roundtalk {
            & .roundtalk_container {
                & .roundtalk_list {
                    .roundtalk_last_img {
                        width: 100%;
                        padding: 0;
                        margin-top: 0;

                        img {
                            width: 100%;
                            height: auto;
                            /* object-fit: cover; */
                        }
                    }
                }
            }
        }
    }

    #talk {
        & .mv {
            .mv_list {
                background-image: url(../forfuture/roundtalk/images/roundtalk_mv_sp.jpg);
            }
        }
    }

    #talk {
        & #roundtalk {
            & .roundtalk_container {
                & .recommended_contents {
                    .recommended_contents_list {
                        flex-direction: column;
                        align-items: center;
                        width: auto;

                        & .recommended_contents_item {
                            margin-bottom: 80px;

                            &+.recommended_contents_item {
                                margin-left: 0;
                            }
                        }
                    }
                }
            }
        }
    }

    #personal01,
    #personal02,
    #personal03,
    #personal04,
    #personal05 {
        .under_content_name {
            bottom: 5%;
        }
    }

    #personal01,
    #personal02,
    #personal03,
    #personal04,
    #personal05 {
        & #personal_content {
            & .personal_container {
                .personal_list {
                    padding: 40px 0 0;

                    & .text_wrap {
                        & .personal_faq {
                            .personal_faq_item {
                                padding: 0 30px;
                                margin-bottom: 60px;
                            }
                        }

                        .personal_img {
                            width: 100%;
                            padding: 0 30px;
                            margin: 70px 0 50px;

                            img {
                                width: 100%;
                                width: 100%;
                                height: 55vw;
                                object-fit: cover;
                                border-radius: 5px;
                            }
                        }
                    }

                    .personal_image {
                        width: 100%;
                        padding: 0;
                        margin: 0;

                        img {
                            width: 100%;
                            width: 100%;
                            height: 55vw;
                            object-fit: cover;
                        }
                    }
                }
            }
        }
    }

    #personal01,
    #personal02,
    #personal03,
    #personal04,
    #personal05 {
        & #personal_content {
            & .personal_container {
                & .personal_list {
                    & .text_wrap_navy {
                        padding: 50px 0;

                        .text_wrap_navy_title {
                            margin-bottom: 30px;
                            font-size: 1.375rem;
                        }

                        & .oneday_chedule_list {
                            &::before {
                                left: 70px;
                            }

                            div {
                                flex-flow: row wrap;
                                justify-content: flex-start;
                                position: relative;

                                dt {
                                    width: 71px;
                                    padding-left: 20px;
                                    border-right: 1px solid white;
                                    position: absolute;
                                }

                                .oneday_chedule_title {
                                    padding-top: 13px;
                                    padding-left: 30px;
                                    padding-bottom: 0;
                                    margin-left: 70px;
                                    font-size: 1.125rem;
                                }

                                .oneday_chedule_text {
                                    width: calc(100% - 120px);
                                    padding-top: 0;
                                    padding-left: 30px;
                                    border-left: 1px solid white;
                                    margin-left: 70px;
                                }
                            }
                        }
                    }
                }
            }
        }
    }

    #personal01,
    #personal02,
    #personal03,
    #personal04,
    #personal05 {
        & #personal_content {
            & .personal_container {
                & .recommended_contents {
                    padding: 70px 0 50px;

                    .recommended_contents_list {
                        padding: 0 10px;
                        flex-wrap: wrap;
                        justify-content: space-around;

                        & li {
                            width: calc((100% / 2) - 20px);
                            margin-bottom: 50px;

                            &+li {
                                margin-left: 0;
                            }

                            .catch {
                                top: 5px;
                                left: 5px;
                                padding: 0 10px;
                                font-size: .625rem;
                            }

                            .btn {
                                font-size: .875rem;
                                line-height: 1.3;
                                padding: 5px 20px 5px 10px;

                                span {
                                    display: block;
                                    font-size: .75rem;
                                }

                                &::before {
                                    top: 13px;
                                    right: 10px;
                                }
                            }
                        }
                    }
                }
            }
        }
    }

    #personal01,
    #personal02,
    #personal03,
    #personal04,
    #personal05 {
        & #personal_content {
            & .personal_container {
                & .personal_list {
                    & .text_wrap_navy {
                        & .oneday_chedule_list {
                            &::after {
                                height: 60px;
                                bottom: -50px;
                                left: 70px;
                            }
                        }
                    }
                }
            }
        }
    }

    #people {
        .under_mv {
            height: 70vh;
        }
    }

    #people {
        & #people_content {
            & .people_container {
                .people_list {
                    .text_wrap {
                        span>svg {
                            width: 400px;
                        }
                    }
                }

                .people_item div:last-child span>svg {
                    width: 500px;
                }
            }
        }
    }

    #people {
        & #people_content {
            & .people_container {
                & .people_list {
                    & .text_wrap {
                        ul {
                            flex-direction: column;
                            align-items: center;
                            margin-bottom: 120px;

                            li {
                                margin-bottom: 80px;
                            }
                        }
                    }
                }
            }
        }
    }

    #people {
        & #people_content {
            & .people_container {
                & .people_list {
                    & .recommended_contents {
                        .recommended_contents_list {
                            flex-direction: column;
                            align-items: center;
                            width: auto;

                            & .recommended_contents_item {
                                margin-bottom: 80px;

                                &+.recommended_contents_item {
                                    margin-left: 0;
                                }
                            }
                        }
                    }
                }
            }
        }
    }

    #jobs {
        .under_mv {
            height: 70vh;
        }
    }

    #jobs {
        & #jobs_content {
            & .jobs_container {
                .jobs_list {
                    padding: 50px 0 0;
                }

                .jobs_title {
                    padding: 0 30px;
                    text-align: left;
                    margin-bottom: 50px !important;
                }
            }
        }
    }

    #jobs .jobs_catch {
        font-size: 1rem;
        margin: 0;
    }

    #jobs {
        .jobs_wrap_item {
            padding: 50px 20px;
        }

        .jobs_branch {
            padding: 30px 20px;
        }
    }

    #jobs .jobs_branch_item {
        ul:not(.arrow) {
            display: flex;
            flex-flow: row wrap;
            justify-content: center;

            li {
                margin: 0 5px 10px;
            }
        }
    }

    #jobs .jobs_branch_item {

        h6 {
            padding-top: 50px;

        }

        .jobs_branch_read_store {
            .arrow li::before {
                left: 165px;
            }

            .arrow li::after {
                left: 180px;
                height: 138px;
            }

            .arrow li span::before {
                right: 45px;
            }

            .arrow li span::after {
                right: 65px;
                height: 138px;
            }
        }

        .jobs_branch_read_sales {
            .arrow {
                justify-content: center;
            }

            .arrow li {
                margin: 0 10px;
            }

            .arrow li:first-child::before {
                left: 104px;
            }

            .arrow li:first-child::after {
                left: 104px;
            }

            .arrow li:first-child span::before {
                left: 120px;
            }

            .arrow li:last-child::before {
                right: 104px;
            }

            .arrow li:last-child::after {
                right: 104px;
            }

            .arrow li:last-child span::before {
                right: 120px;
            }
        }

        &:nth-child(2),
        &:nth-child(3) {
            ul:not(.arrow) {
                li:first-child {
                    width: 100%;
                }
            }
        }
    }

    #jobs .jobs_branch_item ul:not(.arrow) {
        &:last-child {
            .link_only {
                height: 50px;
                width: 50px;
                margin-left: 150px;
            }
        }
    }

    #jobs {
        & .jobs_branch_item3 {
            width: 100%;
            padding: 50px 30px 20px;
            flex-direction: column;

            & .jobs_branch_item3_text {
                width: 100%;
                margin-left: 0;

                &::before {
                    display: none;
                }
            }

            .jobs_interview {
                display: flex;
                flex-direction: column;
                align-items: center;
                margin-bottom: 0;
            }
        }
    }

    #jobs {
        .jobs_wrap_item2 {
            .jobs_wrap_title {
                margin-bottom: 50px;
            }
        }
    }

    #jobs {
        & .jobs_branch_item3 {
            .jobs_branch_item3_image_sp {
                display: block;
                width: 100%;
                margin-top: 20px;

                img {
                    width: 100%;
                }
            }
        }
    }

    #jobs {
        & #jobs_content {
            & .jobs_container {
                & .recommended_contents {
                    .recommended_contents_list {
                        flex-direction: column;
                        align-items: center;
                        width: auto;

                        & .recommended_contents_item {
                            margin-bottom: 80px;
                            width: 100%;

                            &+.recommended_contents_item {
                                margin-left: 0;
                            }

                            img {
                                width: 100%;
                            }
                        }
                    }
                }
            }
        }
    }

    #career {
        .under_mv {
            height: 70vh;
        }
    }

    #career {
        & #career_content {
            & .career_container {
                & .career_list {
                    & .career_item {
                        .career_navi {
                            flex-direction: column;
                            align-items: center;
                            margin-bottom: 60px;

                            li {
                                width: calc(100% - 60px);
                                margin-bottom: 20px;

                                &::before {
                                    left: 20px;
                                }

                                a {
                                    font-size: 1.125rem;
                                }
                            }
                        }
                    }
                }
            }
        }
    }

    #career {
        & #career_content {
            & .career_container {
                & .career_list {
                    & .career_item {
                        & .career_wrap {
                            .career_wrap_bg {
                                padding: 60px 30px 20px;

                                .career_resources_list {
                                    padding: 0;

                                    li {
                                        height: auto;
                                        font-size: 1.25rem;
                                        line-height: 1.8;
                                        padding: 10px;
                                    }
                                }

                                .career_system {
                                    padding: 30px 10px;

                                    & .career_system_list {
                                        li {
                                            width: 100%;
                                        }
                                    }
                                }

                                &:nth-of-type(2) {
                                    & .career_resources_list {
                                        li {
                                            font-size: 1.125rem;
                                            text-align: left;

                                            &:last-child {
                                                font-size: 1.125rem;
                                            }
                                        }
                                    }
                                }

                                &:nth-of-type(2) {
                                    & .career_resources_dl {
                                        div {
                                            flex-direction: column;

                                            dt {
                                                width: 100%;
                                                padding: 20px;
                                                border-radius: 5px 5px 0 0;
                                            }

                                            dd {
                                                width: 100%;
                                                padding: 20px;
                                                font-size: 1.125rem;

                                                & .course_type_list {
                                                    li {
                                                        span {
                                                            width: 100%;
                                                            margin-right: 0;
                                                        }
                                                    }
                                                }
                                            }
                                        }
                                    }
                                }

                                &:nth-of-type(2) {
                                    & .career_resources_dl {
                                        & div {
                                            &:last-of-type {
                                                & .course_list_item {
                                                    padding: 0 20px;
                                                }
                                            }
                                        }
                                    }
                                }

                                .career_catch br {
                                    display: none;
                                }

                                .career_program {
                                    margin-top: 80px;

                                    p {
                                        text-align: left;
                                    }

                                    div {
                                        overflow-x: scroll;

                                        img {
                                            width: 960px;
                                        }
                                    }
                                }

                                .career_step {
                                    .career_step_list {
                                        padding: 0;
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }

    #career {
        & #career_content {
            & .career_container {
                & .career_list {
                    & .career_item {
                        & .career_wrap {
                            & .career_wrap_bg {
                                & .career_step {
                                    & .career_step_list {
                                        li {
                                            flex-direction: column;
                                            padding: 60px 20px 40px;
                                            margin-bottom: 65px;

                                            h5 {
                                                flex: auto;
                                            }

                                            &:first-of-type {
                                                &::after {
                                                    width: 42.5px;
                                                    height: 65px;
                                                }
                                            }
                                        }
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }

    #career {
        & #career_content {
            & .career_container {
                & .career_list {
                    & .career_item {
                        & .career_wrap {
                            & .career_wrap_bg {
                                & .career_image {
                                    .career_image_list {
                                        flex-direction: column;
                                        align-items: center;

                                        li {
                                            width: 100%;
                                            max-width: 320px;
                                            margin-bottom: 20px;
                                        }
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }

    #career {
        & #career_content {
            & .career_container {
                & .career_list {
                    & .recommended_contents {
                        .recommended_contents_list {
                            flex-direction: column;
                            align-items: center;
                            width: auto;

                            & .recommended_contents_item {
                                margin-bottom: 80px;

                                &+.recommended_contents_item {
                                    margin-left: 0;
                                }
                            }
                        }
                    }
                }
            }
        }
    }


    #business {
        .under_mv {
            height: 70vh;
        }
    }

    #business {
        & #business_content {
            & .business_container {
                .business_list {
                    padding: 50px 20px;

                    &>p {
                        text-align: left;

                        br {
                            display: none;
                        }
                    }
                }
            }
        }
    }

    #business {
        & #business_content {
            & .business_container {
                & .business_list {
                    & .business_item {
                        & .business_wrap {
                            & .business_wrap_bg {
                                &::before {
                                    border-right: 35px solid transparent;
                                    border-left: 35px solid transparent;
                                    border-top: 30px solid #ffffff;
                                }

                                .business_wrap_title {
                                    font-size: 1.125rem;
                                }

                                .business_catch {
                                    text-align: left;
                                }

                                .business_box {
                                    flex-direction: column;

                                    & .business_system {
                                        margin-bottom: 20px;

                                        .business_system_list {
                                            justify-content: center;
                                            flex-flow: row wrap;

                                            li {
                                                width: 100px;
                                                height: 100px;
                                                margin: 10px;
                                                font-size: 1rem;
                                                line-height: 100px;

                                                &+li {
                                                    margin: 10px;
                                                }
                                            }
                                        }
                                    }

                                    & .business_system {
                                        &:last-child {
                                            & li {
                                                &:last-of-type {
                                                    padding-top: 28px
                                                }
                                            }
                                        }
                                    }
                                }

                                .business_box {
                                    padding: 0 10px;
                                    padding-bottom: 200px;
                                    margin-bottom: -150px;
                                }

                                .business_box_catch {
                                    font-size: 1.125rem;
                                    padding: 0 10px;

                                    &::before {
                                        top: -80px;
                                        left: 0;
                                    }

                                    &::after {
                                        top: -80px;
                                        right: 0;
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }

    #business {
        & #business_content {
            & .business_container {
                & .business_list {
                    & .business_item {
                        & .business_wrap {
                            & .business_wrap_bg {
                                &:nth-of-type(2n) {
                                    padding: 40px 0;

                                    &::before {
                                        border-right: 35px solid transparent;
                                        border-left: 35px solid transparent;
                                        border-top: 30px solid #F7F8FA;
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }

    #business {
        & #business_content {
            & .business_container {
                & .business_list {
                    & .business_item {
                        & .business_wrap {
                            & .business_wrap_bg {
                                & .business_program {
                                    & h3 {
                                        span {
                                            font-size: 1.125rem;
                                        }
                                    }

                                    .business_resources_list {
                                        flex-direction: column;

                                        li {
                                            width: 100%;
                                        }
                                    }
                                }

                                & .business_resources_dl {
                                    padding: 0 10px;

                                    & .business_resources_title {
                                        margin-bottom: 50px;

                                        h4 {
                                            font-size: 1.25rem;
                                            line-height: 2.5;
                                            padding-top: 40px;
                                        }

                                        p {
                                            line-height: 2;
                                        }
                                    }

                                    .business_resources_content {
                                        flex-direction: column;

                                        dt {
                                            width: 100%;
                                            padding: 30px 20px 10px;
                                            background-size: 140px !important;

                                            h4 {
                                                font-size: 1.1875rem;

                                                span {
                                                    font-size: .9375rem;
                                                }
                                            }

                                            p {
                                                margin-bottom: 0;
                                            }
                                        }

                                        dd {
                                            width: 100%;
                                            padding: 10px 20px 30px;

                                            ul {
                                                justify-content: space-around;
                                            }
                                        }

                                        &:nth-of-type(3) {
                                            dd {
                                                padding: 10px 20px 30px;
                                            }
                                        }
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }

    #business {
        & #business_content {
            & .business_container {
                & .business_list {
                    & .business_item {
                        & .business_wrap {
                            & .business_wrap_bg {
                                & #new_business {
                                    &.business_resources_dl {
                                        .business_resources_title {
                                            h4 {
                                                font-size: 1rem;
                                            }

                                            p {
                                                font-size: .9375rem
                                            }
                                        }

                                        .business_resources_content {
                                            flex-direction: column;
                                            width: 100%;

                                            dt {
                                                width: 100%;
                                                padding: 30px 20px;
                                            }

                                            dd {
                                                width: 100%;
                                            }

                                            &:nth-of-type(3) {
                                                flex-direction: column-reverse;
                                            }
                                        }
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }

    #business {
        & #business_content {
            & .business_container {
                & .business_list {
                    & .business_item {
                        & .business_wrap {
                            & .business_wrap_bg {
                                & #human_resources {
                                    &.business_resources_dl {
                                        padding: 30px 10px;

                                        & .business_resources_title {
                                            h4 {
                                                font-size: 1.5rem;
                                                line-height: 2;
                                            }

                                            p {
                                                font-size: 1rem;
                                            }
                                        }

                                        & .business_resources_content {
                                            width: 100%;

                                            dt {
                                                width: 100%;
                                                padding: 40px 10px;
                                            }

                                            dd {
                                                width: 100%;
                                            }

                                            &:nth-of-type(3) {
                                                flex-direction: column-reverse;
                                            }
                                        }
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }

    #business {
        & #business_content {
            & .business_container {
                & .business_list {
                    & .business_item {
                        & .business_wrap {
                            & .business_wrap_bg {
                                & .business_program {
                                    div {
                                        margin-bottom: 0;
                                    }
                                }

                                & #human_resources {
                                    &.business_resources_dl {
                                        padding: 30px 10px 0;
                                    }
                                }

                                &:nth-of-type(2n) {
                                    padding: 40px 0 0px;
                                }
                            }
                        }
                    }
                }
            }
        }
    }

    #business {
        & #business_content {
            & .business_container {
                & .business_list {
                    & .recommended_contents {
                        .recommended_contents_list {
                            flex-direction: column;
                            align-items: center;
                            width: auto;

                            & .recommended_contents_item {
                                margin-bottom: 80px;

                                &+.recommended_contents_item {
                                    margin-left: 0;
                                }
                            }
                        }
                    }
                }
            }
        }
    }

    #benefits {
        .under_mv {
            height: 70vh;
        }

        & .mv {
            .mv_list {
                background-image: url(../environment/benefits/images/benefits_mv_sp.jpg);
                opacity: .5;
            }
        }
    }

    #benefits {
        & #benefits_content {
            & .benefits_container {
                .benefits_list {
                    padding: 50px 0 0;

                    & .benefits_item {
                        .benefits_navi {
                            flex-direction: column;
                            align-items: center;
                            padding: 0 30px;
                            margin-bottom: 50px;

                            li {
                                width: 100%;
                                margin-bottom: 20px;

                                &+li {
                                    margin-left: 0;
                                    margin-bottom: 0;
                                }

                                &::before {
                                    margin-bottom: 20px;
                                    left: 20px;

                                    &+li {
                                        margin-left: 0;
                                        margin-bottom: 0;

                                        a {
                                            font-size: 1.125rem;
                                        }
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }

    #benefits {
        & #benefits_content {
            & .benefits_container {
                & .benefits_list {
                    & .benefits_item {
                        & .benefits_wrap {
                            .benefits_wrap_bg {
                                padding: 50px 30px;

                                .benefits_system_list {
                                    flex-direction: column;

                                    li {
                                        width: 100% !important;
                                    }
                                }

                                .benefits_system {
                                    padding: 30px 20px;
                                    overflow-x: scroll;
                                    img {
                                        width: 800px;
                                    }
                                    .benefits_system_list {
                                        li {
                                            padding: 30px 20px 45px;
                                        }
                                    }
                                }

                                .benefits_resources_list {
                                    padding: 0;

                                    li {
                                        width: calc((100% / 2) - 10px);
                                    }
                                }

                                .benefits_program {
                                    margin-top: 60px;
                                }
                            }
                        }
                    }
                }
            }
        }
    }

    #benefits {
        & #benefits_content {
            & .benefits_container {
                & .benefits_list {
                    & .recommended_contents {
                        .recommended_contents_list {
                            flex-direction: column;
                            align-items: center;
                            width: auto;

                            & .recommended_contents_item {
                                margin-bottom: 80px;

                                &+.recommended_contents_item {
                                    margin-left: 0;
                                }
                            }
                        }
                    }
                }
            }
        }
    }

    #learn {
        & #learn_content {
            & .learn_container {
                & .learn_list {
                    & .learn_item {
                        & .learn_wrap {
                            margin: 0;

                            & .learn_wrap_bg {
                                padding: 30px 20px 50px;

                                .bg_text {
                                    img {
                                        max-width: 300px;
                                    }
                                }

                                .learn_wrap_title {
                                    /* &::after {
                                        content: url(../atfirst/learn/images/history_sp.svg);
                                        transform: scale(.5);
                                    } */
                                }

                                .learn_title {
                                    font-size: 1.125rem;

                                    br {
                                        display: none;
                                    }

                                }

                                .learn_guide {
                                    margin-bottom: 50px;
                                    padding: 0 30px;

                                    .learn_guide_text {
                                        font-size: 1rem;
                                    }
                                }

                                &:nth-of-type(2) {
                                    /* & .learn_wrap_title {
                                        &::after {
                                            content: url(../atfirst/learn/images/potential_sp.svg);
                                        }
                                    } */
                                    dt{
                                        img{
                                            width: 70%;
                                        }
                                    }
                                }

                                .learn_catch {
                                    font-size: .875rem;
                                    text-align: left;

                                    br {
                                        display: none;
                                    }
                                }

                                .learn_system {
                                    padding: 50px 10px 20px;

                                    &:nth-of-type(2) {
                                        padding-right: 0;
                                        h4 {
                                            margin-bottom: 30px;
                                        }
                                        .img {
                                            width: 100%;
                                        }
                                    }

                                    .learn_system_list {
                                        padding: 0 0 40px;
                                        flex-direction: column;

                                        li {
                                            width: 100%;
                                            padding: 10px 15px 10px 10px;

                                            & h5 {
                                                font-size: .6875rem;
                                                padding-left: 60px;

                                                &::before {
                                                    left: -20px;
                                                    top: -30px;
                                                }
                                            }

                                            p {
                                                font-size: 1rem;
                                                white-space: pre;
                                                line-height: 1;

                                                .em_l {
                                                    font-size: 2.25rem;
                                                }
                                            }
                                        }
                                    }

                                    .learn_system_item {
                                        width: 100%;
                                        flex-direction: column;

                                        .img {
                                            img {
                                                width: 100%;
                                            }

                                        }

                                        .learn_system_dl {
                                            width: 100%;
                                            font-size: .875rem;

                                            div {
                                                width: 240px;
                                                margin: 0 auto;
                                                dt {
                                                    width: 52px;
                                                    img {
                                                        width: 100%;
                                                    }
                                                }
                                                dd {
                                                    width: 100%;
                                                    max-width: 180px;
                                                    white-space: pre;
                                                    margin-left: 72px;
                                                }
                                            }

                                            &:last-child {
                                                width: 100% !important;
                                            }
                                        }

                                        li {
                                            margin-bottom: 30px;
                                        }

                                    }

                                    .learn_system_population_growth {
                                        flex-direction: column;
                                        align-items: end;

                                        li {
                                            width: 100%;
                                            margin-bottom: 40px;

                                            /* &:nth-child(2) {
                                                width: 88%;
                                                justify-self: right;
                                            }

                                            &:nth-child(3) {
                                                width: 88%;
                                            } */

                                            &:first-child::before {
                                                width: 90px;
                                                height: 90px;
                                                top: -35px;
                                                left: -25px;
                                            }
                                        }
                                    }

                                    .learn_system_catch {
                                        font-size: .9375rem;
                                        color: #8491A0;
                                        margin-bottom: 30px;

                                        span {
                                            display: block;
                                        }

                                        span+span {
                                            text-align: right;
                                            padding-right: 30px;
                                        }
                                    }
                                }

                                .learn_branch {
                                    img {
                                        width: 100%;
                                    }

                                    .learn_strengths_list {
                                        flex-direction: column;

                                        li {
                                            width: 100%;
                                            margin-bottom: 60px;
                                        }
                                    }

                                    .learn_outline_list {
                                        flex-direction: column;

                                        li {
                                            width: 100%;
                                            padding: 10px;
                                        }
                                    }

                                    .learn_local_list {
                                        flex-direction: column;

                                        li {
                                            width: 100%;

                                            .l_text {
                                                font-size: 1rem;
                                            }
                                        }
                                    }
                                }

                            }
                        }

                    }
                }
            }
        }
    }

    #learn {
        & #learn_content {
            & .learn_container {
                & .learn_list {
                    & .recommended_contents {
                        .recommended_contents_list {
                            flex-direction: column;
                            align-items: center;
                            width: auto;

                            & .recommended_contents_item {
                                margin-bottom: 80px;

                                &+.recommended_contents_item {
                                    margin-left: 0;
                                }
                            }
                        }
                    }
                }
            }
        }
    }

    #faq {
        & .mv {
            .mv_list {
                background-image: url(../recruit/faq/images/qanda_mv_sp.jpg);
                opacity: .5;
            }
        }
    }

    #faq {
        & #faq_content {
            & .faq_container {
                & .faq_list {
                    & .faq_item {
                        .faq_navi {
                            flex-direction: column;
                            padding: 0 30px;
                            margin-bottom: 50px;

                            li {
                                width: 100%;
                                margin-bottom: 30px;

                                &+li {
                                    margin-left: 0;
                                }

                                &::before {
                                    left: 20px;
                                }

                                a {
                                    font-size: 1.125rem;
                                }
                            }
                        }

                        & .faq_wrap {
                            & .faq_wrap_bg {
                                padding: 50px 20px 20px;

                                .faq_wrap_title {
                                    font-size: 1.5rem;
                                    margin-bottom: 30px;
                                }

                                .faq_list_item {
                                    padding: 10px 10px 30px;
                                    margin-bottom: 20px;

                                    h4 {
                                        font-size: 1.125rem;
                                    }
                                }

                                .faq_wrap_item {
                                    padding-bottom: 0;
                                    margin-bottom: 80px;
                                }
                            }
                        }
                    }
                }
            }
        }
    }

    #faq {
        & #faq_content {
            & .faq_container {
                & .faq_list {
                    padding: 50px 0 0;

                    & .recommended_contents {
                        .recommended_contents_list {
                            flex-direction: column;
                            align-items: center;
                            width: auto;

                            & .recommended_contents_item {
                                margin-bottom: 80px;

                                width: 80%;

                                &+.recommended_contents_item {
                                    margin-left: 0;
                                }
                            }
                        }
                    }
                }
            }
        }
    }

    #recruit_info {
        .under_mv {
            height: 70vh;
        }
    }

    #recruit_info {
        & #recruit_info_content {
            & .recruit_info_container {
                & .recruit_info_list {
                    padding: 50px 0;

                    & .recruit_info_item {
                        .recruit_info_navi {
                            flex-direction: column;
                            align-items: center;
                            margin-bottom: 50px;

                            li {
                                width: 90%;
                                margin-bottom: 30px;

                                &::before {
                                    left: 20px;
                                }

                                a {
                                    font-size: 1.125rem;
                                }
                            }
                        }

                        & .recruit_info_wrap {
                            padding: 0 20px;

                            & .recruit_info_wrap_bg {
                                padding: 30px 10px;

                                .recruit_info_branch {
                                    margin: 30px 0;
                                    margin-left: 0;

                                    img {
                                        width: 100%;
                                        width: 100%;
                                        height: 55vw;
                                        object-fit: cover;
                                    }
                                }

                                .recruit_info_wrap_container {
                                    flex-direction: column;

                                    h4 {
                                        font-size: 1.25rem;
                                    }
                                }

                                .new_recruitment_list {
                                    div {
                                        flex-direction: column;

                                        dd {
                                            width: 100%;
                                            line-height: 2;

                                            & .type {
                                                & p {
                                                    span {
                                                        display: block;
                                                        margin-bottom: 5px;
                                                    }
                                                }
                                            }

                                            small {
                                                display: inline-block;
                                                font-size: .8em;
                                                margin-bottom: 10px;
                                            }

                                            table {
                                                width: 100%;
                                                font-size: .625rem;
                                                margin: 10px 0;

                                                td {
                                                    text-align: center;
                                                }
                                            }
                                        }
                                    }
                                }

                                .recruit_info_wrap_title {
                                    font-size: 1.5rem;
                                    margin-bottom: 10px;

                                    &::before {
                                        top: -20px;
                                    }

                                    small {
                                        font-size: .8em;
                                    }
                                }
                            }

                            & .recruit_info_program {
                                .recruit_info_program_list {
                                    flex-direction: column;
                                    align-items: center;
                                    margin-bottom: 50px;

                                    li {
                                        margin-bottom: 40px;

                                        &::after {
                                            rotate: 90deg;
                                            left: calc(50% - 16px);
                                            position: absolute;
                                            top: auto !important;
                                            bottom: -45px;
                                            translate: -50% 400%;
                                        }

                                        &:last-child {
                                            margin-bottom: 0;
                                        }
                                    }
                                }

                                .ta_r {
                                    text-align: center !important;
                                    margin-bottom: 20px !important;
                                }

                                & .recruit_image {
                                    padding: 50px 20px !important;

                                    h3 {
                                        font-size: 1.25rem !important;
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }

    #recruit_info {
        & #recruit_info_content {
            & .recruit_info_container {
                & .recruit_info_list {
                    & .recommended_contents {
                        .recommended_contents_list {
                            flex-direction: column;
                            align-items: center;
                            width: auto;

                            & .recommended_contents_item {
                                margin-bottom: 80px;

                                width: 80%;

                                &+.recommended_contents_item {
                                    margin-left: 0;
                                }
                            }
                        }
                    }
                }
            }
        }
    }

}


@media only screen and (min-width: 561px) {

    br.pc-br {
        display: block !important;
    }

    br.sp-br {
        display: none !important;
    }

}


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

    br.pc-br {
        display: none !important;
    }

    br.sp-br {
        display: block !important;
    }

    .under_mv {
        & .under_content_title_section {
            & .under_content_title {
                em {
                    font-size: 1.25rem;
                }
            }
        }
    }

    #business_story {
        & .business_story_container {
            & .recommended_contents {
                padding: 50px 0 90px;

                .title {
                    width: 100%;
                    font-size: 1.5rem;
                    margin-bottom: 50px;
                }

                .recommended_contents_list {
                    padding: 0 30px;

                    & .recommended_contents_item {
                        margin-bottom: 80px;

                        img {
                            width: 100%;
                        }

                        .btn {
                            width: 300px;
                        }
                    }

                    &+.recommended_contents_item {
                        margin-left: 0;
                    }
                }
            }
        }
    }

    #talk {
        & #roundtalk {
            & .roundtalk_container {
                & .recommended_contents {
                    padding: 50px 0 90px;

                    .title {
                        width: 100%;
                        font-size: 1.5rem;
                        margin-bottom: 50px;
                    }

                    .recommended_contents_list {
                        padding: 0 30px;

                        & .recommended_contents_item {
                            margin-bottom: 80px;

                            img {
                                width: 100%;
                            }

                            .btn {
                                width: 300px;
                            }
                        }

                        &+.recommended_contents_item {
                            margin-left: 0;
                        }
                    }
                }
            }
        }
    }

    #talk {
        .under_mv {
            & .under_mv_container {
                top: 35px;

                .content_catch {
                    span {
                        bottom: 35px;
                    }
                }
            }

            & .under_content_title_section {
                bottom: 5%;
            }
        }
    }

    #jobs {
        & #jobs_content {
            & .jobs_container {
                padding: 0;

                & .recommended_contents {
                    padding: 50px 0 90px;

                    .title {
                        width: 100%;
                        font-size: 1.5rem;
                        margin-bottom: 50px;
                    }

                    .recommended_contents_list {
                        padding: 0 30px;

                        & .recommended_contents_item {
                            margin-bottom: 80px;

                            img {
                                width: 100%;
                            }

                            .btn {
                                width: 300px;
                                bottom: -40px;
                            }
                        }

                        &+.recommended_contents_item {
                            margin-left: 0;
                        }
                    }
                }
            }
        }
    }

    #jobs .mv .mv_list {
        background-position: center left 45%;
    }

    #jobs .jobs_wrap_item2 .jobs_wrap_title::after {
        background: url(../images/jobs/jobs_01.png) no-repeat center right 30% / cover;
    }

    #people {
        & #people_content {
            & .people_container {
                .people_list {
                    padding: 0;

                    .people_title {
                        text-align: left;
                        margin-bottom: 80px;
                        padding: 30px 20px 0;
                        font-size: 0.9em;

                        br {
                            display: none;
                        }
                    }

                    .text_wrap {
                        padding: 0 30px;

                        h4 {
                            font-size: 1rem;
                        }

                        span>svg {
                            width: 220px;
                        }
                    }
                }

                .people_item div:last-child span>svg {
                    width: 340px;
                }
            }
        }
    }

    #people {
        & #people_content {
            & .people_container {
                & .people_list {
                    & .recommended_contents {
                        padding: 50px 0 90px;

                        .title {
                            width: 100%;
                            font-size: 1.5rem;
                            margin-bottom: 50px;
                        }

                        .recommended_contents_list {
                            padding: 0 30px;

                            & .recommended_contents_item {
                                margin-bottom: 80px;

                                img {
                                    width: 100%;
                                }

                                .btn {
                                    width: 300px;
                                }
                            }

                            &+.recommended_contents_item {
                                margin-left: 0;
                            }
                        }
                    }
                }
            }
        }
    }

    #personal01,
    #personal02,
    #personal03,
    #personal04,
    #personal05 {
        & #personal_content {
            & .personal_container {
                & .personal_list {
                    & .text_wrap_navy {
                        & .oneday_chedule_list {
                            &::before {
                                left: 60px;
                            }

                            &::after {
                                left: 60px;
                            }

                            div {
                                dt {
                                    width: 61px;
                                    padding-left: 17px;
                                }

                                .oneday_chedule_title {
                                    margin-left: 60px;
                                }

                                .oneday_chedule_text {
                                    margin-left: 60px;
                                }
                            }
                        }
                    }
                }
            }
        }
    }

    #career {
        & #career_content {
            & .career_container {
                & .career_list {
                    & .recommended_contents {
                        padding: 50px 0 90px;

                        .title {
                            width: 100%;
                            font-size: 1.5rem;
                            margin-bottom: 50px;
                        }

                        .recommended_contents_list {
                            padding: 0 30px;

                            & .recommended_contents_item {
                                margin-bottom: 80px;

                                img {
                                    width: 100%;
                                }

                                .btn {
                                    width: 300px;
                                }
                            }

                            &+.recommended_contents_item {
                                margin-left: 0;
                            }
                        }
                    }
                }
            }
        }
    }

    #business {
        & #business_content {
            & .business_container {
                & .business_list {
                    & .business_item {
                        & .business_wrap {
                            & .business_wrap_bg {
                                & .business_resources_dl {
                                    & .business_resources_content {
                                        & dd {
                                            ul {
                                                flex-direction: column;
                                                align-items: center;

                                                li {
                                                    width: 100%;

                                                    img {
                                                        width: 100%;
                                                        max-width: 150px;
                                                    }
                                                }
                                            }
                                        }
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }

    #business {
        & #business_content {
            & .business_container {
                & .business_list {
                    & .recommended_contents {
                        padding: 50px 10px 90px;

                        .title {
                            width: 100%;
                            font-size: 1.5rem;
                            margin-bottom: 50px;
                        }

                        .recommended_contents_list {
                            /* padding: 0 30px; */

                            & .recommended_contents_item {
                                margin-bottom: 80px;

                                img {
                                    width: 100%;
                                }

                                .btn {
                                    width: 300px;
                                }
                            }

                            &+.recommended_contents_item {
                                margin-left: 0;
                            }
                        }
                    }
                }
            }
        }
    }

    #learn {
        & #learn_content {
            & .learn_container {
                & .learn_list {
                    & .recommended_contents {
                        padding: 50px 0 90px;

                        .title {
                            width: 100%;
                            font-size: 1.5rem;
                            margin-bottom: 50px;
                        }

                        .recommended_contents_list {
                            padding: 0 30px;

                            & .recommended_contents_item {
                                margin-bottom: 80px;

                                img {
                                    width: 100%;
                                }

                                .btn {
                                    width: 290px;
                                }
                            }

                            &+.recommended_contents_item {
                                margin-left: 0;
                            }
                        }
                    }
                }
            }
        }
    }

    #learn {
        & #learn_content {
            & .learn_container {
                & .learn_list {
                    & .learn_item {
                        & .learn_wrap {
                            & .learn_wrap_bg {
                                & .learn_branch {
                                    h4.sp-fs {
                                        font-size: 1.5rem;
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }

    #benefits {
        & #benefits_content {
            & .benefits_container {
                & .benefits_list {
                    & .benefits_item {
                        & .benefits_wrap {
                            .benefits_wrap_bg {
                                .benefits_resources_list {
                                    padding: 0;
                                    margin-bottom: 0;

                                    li {
                                        width: 100%;
                                        padding: 15px 0 10px;
                                    }
                                }

                                .data.caution {
                                    padding: 0;
                                }
                            }
                        }
                    }
                }
            }
        }
    }

    #benefits {
        & #benefits_content {
            & .benefits_container {
                & .benefits_list {
                    & .recommended_contents {
                        padding: 50px 0 90px;

                        .title {
                            width: 100%;
                            font-size: 1.5rem;
                            margin-bottom: 50px;
                        }

                        .recommended_contents_list {
                            padding: 0 30px;

                            & .recommended_contents_item {
                                margin-bottom: 80px;

                                img {
                                    width: 100%;
                                }

                                .btn {
                                    width: 300px;
                                }
                            }

                            &+.recommended_contents_item {
                                margin-left: 0;
                            }
                        }
                    }
                }
            }
        }
    }

    #faq {
        & #faq_content {
            & .faq_container {
                & .faq_list {
                    & .recommended_contents {
                        .title {
                            width: 100%;
                            font-size: 1.5rem;
                            margin-bottom: 50px;
                        }
                    }
                }
            }
        }
    }

    #recruit_info {
        & #recruit_info_content {
            & .recruit_info_container {
                & .recruit_info_list {
                    & .recommended_contents {
                        .title {
                            width: 100%;
                            font-size: 1.5rem;
                            margin-bottom: 50px;
                        }
                    }
                }
            }
        }
    }

    #personal01 {
        .mv {
            .mv_list {
                background-image: url(../job_people/people/images/personal_img01_sp.jpg);
            }
        }
    }

    #personal02 {
        .mv {
            .mv_list {
                background-image: url(../job_people/people/images/personal_img02_sp.jpg);
            }
        }
    }

    #personal03 {
        .mv {
            .mv_list {
                background-image: url(../job_people/people/images/personal_img03_sp.jpg);
            }
        }
    }

    #personal04 {
        .mv {
            .mv_list {
                background-image: url(../job_people/people/images/personal_img04_sp.jpg);
            }
        }
    }

    #personal05 {
        .mv {
            .mv_list {
                background-image: url(../job_people/people/images/personal_img05_sp.jpg);
            }
        }
    }

}

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

    .under_mv {
        & .mv {
            .mv_list {
                background-image: url(../forfuture/story/images/story_mv_sp.jpg);
            }
        }
    }

}

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

    #personal05 {
        .under_content_name {
            span small {
                font-size: .9em;
                white-space: pre;
            }
        }
    }

}

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

    #personal05 {
        .under_content_name {
            span small {
                font-size: .85em;
            }
        }
    }

    #personal01,
    #personal02,
    #personal03,
    #personal04,
    #personal05 {
        & #personal_content {
            & .personal_container {
                & .personal_list {
                    & .text_wrap_navy {
                        .text_wrap_navy_title {
                            font-size: 1rem;
                        }
                    }
                }
            }
        }
    }

}