@charset "UTF-8";


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

    /*  --------------  HEADER ---------------------  */
    .hamburger {
        display: none;
    }

    .header_link {
        display: initial;
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        background: #A12B24;
        width: 138px;
        height: 80px;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
    }

    .header_link:hover {
        background: #FF2D2D;
    }

    .header_linkText {
        font-size: 1.6rem;
        font-weight: 400;
        color: #fff;
    }

    .globalMenuPc {
        display: initial;
        position: absolute;
        right: 150px;
        top: 32px;
    }

    .pc_menuFlex {
        display: flex;
    }

    .pc_flexItem {
        font-size: 1.6rem;
        font-family: "Arial", "メイリオ", "MS Pゴシック", sans-serif;
        font-weight: 500;
        color: #3D3D3D;
        margin-right: 2.5rem;
    }

    .pc_flexItem a {
        position: relative;
        display: inline-block;
        text-decoration: none;
    }

    .pc_flexItem a::after {
        position: absolute;
        content: "";
        bottom: -5px;
        left: 0;
        width: 100%;
        height: 2px;
        background: #A12B24;
        transform: scale(0.1);
        transform-origin: center top;
        transition: transform .3s;
    }

    .pc_flexItem a:hover::after {
        transform: scale(1.1);
    }

    /*  ---------------  Mainvisual  Sub ----------------------*/
    .mv_sub {
        background-color: #A12A24;
        padding: 2.4rem 0;
    }

    .mv_subTitle {
        letter-spacing: 0.2rem;
    }


    /* ---------------  philosophy   ------------------- */
    .philosophy_flexArea {
        background-image: url(images/logo.png);
        /* background-position: 54% 54%; */
        background-position: left;
        /* background-size: contain; */
        background-color: rgba(255, 255, 255, 0.9);
        background-blend-mode: lighten;
        padding: 6.9rem 0 6rem;
    }


    .philosophy_box {
        width: 100%;
    }

    .philosophy_box_title {
        font-size: 2.8rem;
    }

    .philosophy_box_text {
        font-size: 1.6rem;
    }

    .philosophy_box_title.another {
        margin-top: 2.7rem;
    }

    .philosophy_box_text.another1 {
        margin-top: 6.8rem;
    }

    .philosophy_box_text.another2 {
        margin-top: 38px;
    }

    .philosophy_box_text.another3 {
        margin-top: 18px;
    }

    /*  ----------------  interview  ---------------------- */
    .infographics_title {
        font-size: ;
    }

    /*  --------------  work ---------------------  */
    .work_box2_textBox {
        padding: 6rem 2rem;
    }

    /*  --------------  interview ---------------------  */
    .interview_flex {
        width: 75%;
    }

    .interview_box {}

    .interview_box:nth-child(2) {
        /* transition-delay: .1s; */
    }

    .interview_box:nth-child(3) {
        margin: 0 0 5rem 0;
        /* transition-delay: .2s; */
    }

    .interview_textBox {
        padding: 3.5rem 2rem 3.8rem;
    }

    .interview_text3 {
        /* font-size: 2.4rem; */
        font-size: 1.7rem;
    }

    .interview_text3.another {
        font-size: 2.4rem;
    }

    .interview_text3 br {
        display: none;
    }

    .interview_buttonBox {
        margin: 6rem auto 0;
    }

    /* ====================   モーダル  ==================== */
    .interview_answer {
        margin-bottom: 3.4rem;
    }

    .interview_youtube {
        position: relative;
        padding-top: 40.25%;
        padding-top: 0;
        height: 0;
        overflow: hidden;
        width: 482px;
        height: 273px;
        margin: 0 auto;
        max-width: none;
    }

    /*  ----------------  president  ---------------------*/
    .president {
        padding: 6rem 0 8.9rem;
    }

    .president_pcFlex {
        display: flex;
        margin-bottom: 42px;
    }

    .president_flex {
        display: block;
        margin: 0 auto 1.8rem;
        width: 26%;
    }

    .president_imageBox {}

    .president_image {
        background-image: url(images/logo.png);
        background-repeat: no-repeat;
        background-size: contain;
        width: 250px;
        height: 280px;
        margin: 0 auto;
    }

    .president_nameBox {
        width: 100%;
    }

    .president_name {
        text-align: center;
        margin-top: 2rem;
    }

    .president_name_president {
        font-size: 3rem;
    }

    .president_textBox {
        /* width: 43%; */
        width: 63%;

    }

    .president_text1 {
        font-size: 3.2rem;
        text-align: left;
        line-height: 1.5;
    }

    .president_text1 br {
        /* display: initial; */
    }

    .president_text2 {
        letter-spacing: 0.1rem;
        text-align: justify;
    }

    .president_history {
        width: 100%;
        padding: 2.3rem 1.9rem 2.9rem 1.9rem;
        position: relative;
    }

    .president_history_flex {
        width: 81%;
        margin: 0 auto;
    }

    .president_history_box1 {
        margin-right: 1.6rem;
    }

    .president_history_text1 {
        text-align: center;
        padding-bottom: 1rem;
        margin-bottom: 2.7rem;
    }

    .president_history_text2 {
        font-size: 14px;
    }

    .president_history_text2 br {
        display: initial;
    }

    .president_history_bgPc {
        /* display: block; */
        background-image: url(images/president_pc_bg.png);
        background-repeat: no-repeat;
        background-size: cover;
        width: 241px;
        height: 194px;
        position: absolute;
        right: 31px;
        bottom: 20px;
    }

    /*  --------------  company  -----------------------  */
    .company {
        padding: 0;
        /* background-color: rgba(255,255,255,0.54); */
        position: relative;
        z-index: -1;

    }

    .company::before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        background-color: rgba(255, 255, 255, 0.5);
        z-index: -1;
        display: none;
    }

    .company_mainBox_layer {
        /* display: block;
         width: 100%;
         height: 100%;
         top: 0;
         left: 0;
         z-index: 1; */
        width: 80%;
        max-width: 1053px;
        height: 100%;
        background-color: rgba(255, 255, 255, 0.5);
        margin: 0 auto;
        padding: 6rem 0 6.8rem;
    }

    .company_title {
        font-size: 3rem;
        font-weight: bold;
        text-align: center;
        margin-bottom: 3rem;
    }

    .company_mainBox {
        /* z-index: 1; */

    }

    .company_mainBox {
        width: 75%;
        margin: 0 auto;
    }

    .company_box1 {
        background-color: rgba(29, 38, 84);
    }

    .company_box2 {
        background-color: rgba(255, 255, 255);
    }

    /* --------------------  recruit  --------------------------- */
    .recruit_flexPc {
        display: flex;
    }

    .recruit_job {
        width: 50%;

    }

    .recruit_job_imagePcBox {
        width: 50%;
    }

    .recruit_job_imagePc1,
    .recruit_job_imagePc2,
    .recruit_job_imagePc3,
    .recruit_job_imagePc4,
    .recruit_job_imagePc5 {
        background-repeat: no-repeat;
        background-size: cover;
        background-position: top 30% center;
        padding-top: 33.89%;
    }

    .recruit_job_imagePc1 {
        background-image: url(images/thumbnail/ses_recruit.jpeg);
    }

    .recruit_job_imagePc2 {
        background-image: url(images/thumbnail/insidesales_recruit.jpeg);
    }

    .recruit_job_imagePc3 {
        background-image: url(images/thumbnail/fieldsales_recruit.jpeg);
    }

    .recruit_job_imagePc4 {
        background-image: url(images/thumbnail/carrier-coordinator_recruit.jpeg);
    }

    .recruit_job_imagePc5 {
        background-image: url(images/thumbnail/officework_recruit.jpeg);
    }


    /* ---------  アコーディオンメニューの中身  --------- */
    .recruit_box {
        padding: 5rem 5rem 5.9rem 5rem;
    }

    .recruit_mainbox {
        background-color: #fff;
        padding: 7rem 5rem 5.1rem 5rem;
    }

    .recruit_box_flex {
        padding: 3.6rem 0;
        border-top: 1px solid #D5D5D5;
        width: 100%;
        display: flex;
        align-items: center;
    }

    .recruit_box_flex:last-child {
        border-bottom: 1px solid #D5D5D5;
    }

    .recruit_box_type1,
    .recruit_box_type2 {
        font-size: 1.7rem;
    }

    .recruit_box_type1 {
        margin-bottom: 0;
        width: 220px;

    }

    .recruit_box_type2 {
        width: calc(100% - 220px);
    }

    .recruit_box_type2_small {
        font-size: 1.5rem;
    }

    .recruit_box_type2Br {
        display: none;
    }

    /* ----------------------  footer  ------------------------- */
    .footer {
        padding-top: 8rem;
    }

    .footer_logoBox {}

    .footer_logo {
        /* width: 58px;
        height: 47px; */
        width: 136px;
        height: 109px;
        margin: 0 auto 3.3rem;
    }

    .footer_borderPc {
        padding: 3.6rem 0;
        border-top: 1px solid #D5D5D5;
        border-bottom: 1px solid #D5D5D5;
    }

    .footer_linkArea {
        display: flex;
        justify-content: space-between;
        width: 90%;
        margin: 0 auto;
    }

    .footer_linkArea::before,
    .footer_linkArea::after {
        content: "";
        display: block;
        background-color: #D5D5D5;
        width: 100%;
        max-width: none;
        height: 1px;
        /* margin: 0 auto; */
        display: none;
    }

    .footer_linkArea::before {
        margin-bottom: 2.3rem;
    }

    .footer_linkArea::after {
        margin-top: 2.3rem;
    }

    .footer_link {
        font-size: 1.6rem;
        /* width: 14.28%; */
    }

    .footer_link:not(:last-child) {
        margin-bottom: 0;
    }

    .footer_copyright {
        font-size: 1.5rem;
        padding: 3.4rem 0;
    }

}

@media screen and (min-width:1060px) {
    .president_history {
        /* margin-top: -24px; */
    }
}


@media screen and (min-width:1280px) {
    .inner {
        max-width: 1092px;
        padding: 0 2rem;
        margin: 0 auto;
        overflow: hidden;
    }




    /*  ---------------  Mainvisual  Sub ----------------------*/
    .mv_sub {
        background-color: #A12A24;
        padding: 2.8rem 0;

    }

    .mv_subTitle {
        font-size: 3rem;
    }

    /* ---------------  philosophy   ------------------- */
    .philosophy_flexArea {
        background-image: url(images/logo.png);
        background-position: 54% 54%;
        background-size: contain;
        background-position: left;
        background-color: rgba(255, 255, 255, 0.9);
        background-blend-mode: lighten;
        padding: 6.9rem 0 6rem;
    }

    .philosophy_box_title {
        font-size: 3.3rem;
    }

    .philosophy_box_text {
        font-size: 1.8rem;
    }

    /*  -------------  WORK  --------------*/
    .work_flex1 {
        width: 100%;
    }

    .work_flex1,
    .work_flex2,
    .work_flex3,
    .work_flex4,
    .work_flex5,
    .work_flex6 {
        padding: 3rem 0;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .work_inner {
        max-width: 1074px;
        padding: 0 2rem;
        margin: 0 auto;
        overflow: hidden;
        display: flex;
        align-items: center;
    }

    .work_box1 {
        width: 50%;
        padding: 0;

    }

    .work_box2 {
        width: 50%;
    }

    .work_box1_titleBox {
        width: 450px;
    }

    .work_box1_title {
        font-size: 2.2rem;
    }

    .work_box2_textBox {
        padding: 2.2rem 2rem;
        margin-bottom: 0;
        height: 390px;
        display: flex;
        align-items: center;
    }

    .work_text {
        font-size: 1.6rem;
        line-height: 1.8;
        letter-spacing: 0.05em;
    }

    /*  -------------  interview  --------------*/
    .interview_text3 {
        letter-spacing: 0.1rem;
    }

    /*  -------------  president  --------------*/
    .president_history {
        /* margin-top: -200px; */
    }

}

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

    /* ---------------  main_visual  ------------------- */
    /* .mv_pc {
        display: flex;
        background-image: url(images/mv_bg.jpg);
        background-repeat: no-repeat;
        background-size: cover;
    }
    .mv_pc_image1 {
        background-image: url(images/mv_pc_1.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        padding-top: 53.123%;
        flex-grow: 1;
    }
    .mv_pc_image2 {
        background-image: url(images/mv_pc_2.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        padding-top: 53.123%;
        flex-grow: 1;
    }
    .mv_pc_image3 {
        background-image: url(images/mv_pc_3.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        padding-top: 53.123%;
        flex-grow: 1;
    } */

}

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

    /*  ---------------  Mainvisual  Sub ----------------------*/
    .mv_sub {
        background-color: #A12A24;
        padding: 4.4rem 0;

    }

    .mv_subTitle {
        font-size: 3rem;
    }

    .mv_pc {
        display: flex;
        background-image: url(images/mv_bg.jpg);
        background-repeat: no-repeat;
        background-size: cover;
    }

    .mv_pc_image1 {
        background-image: url(images/mv_pc_1.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        /* padding-top: 0; */
        padding-top: 40%;
        flex-grow: 1;
        /* width: calc(100% / 3); */
        /* height: 840px; */
        background-position: center;

    }

    .mv_pc_image2 {
        background-image: url(images/mv_pc_2.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        /* padding-top: 0; */
        padding-top: 40%;
        flex-grow: 1;
        /* height: 840px; */
        background-position: center;


    }

    .mv_pc_image3 {
        background-image: url(images/mv_pc_3.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        /* padding-top: 0; */
        padding-top: 40%;
        flex-grow: 1;
        /* height: 840px; */
        background-position: center;

    }

    /* ------------------  COMPANY  -------------------------- */
    .company_mainBox {
        width: 80%;
    }
}