@charset utf-8;

/*1440調整*/
@media screen and (min-width: 1441px) {
    .saiyo-top-main-txt-box::after{
        width: 55%;
    }
    .top-profile-box::before{
        width: 69%;
    }
    .top-company-box::before{
        width: 69%;
    }
    .top-box-culture::befor{
        width: 69%;
    }
    .d-saiyo-mv .mv-txt p {
        margin-right: 250px;
    }
}
@media screen and (min-width: 1331px) {


}
/*タブレット
-----------------------------------------*/
@media screen and (max-width: 1300px) {
    /*top*/
    .saiyo-top-main-txt-box .saiyo-top-main-txt-box::after{
        height: 190px;
        border-radius: 0px 300px 300px 0px;
        display: block;
        bottom: 220px;
        width: 108%;
        top: 132px;
    }
    .passing .passing-box {
        margin: 10px 10%;
    }

    .header-main {
        /*z-index: 1;/*変更*/
    }
    .passing .passing-bar, .passing .passing-bar-sc{
        width: 88%;
    }
    .top-sp-txt{
        width: 100%;

    }
    .top-why-box-list li:last-child{
        width: 46vw;
    }
    .top-box-culture-list .title{
        /* top: 8%;*/
    }
    .message-box-01,.message-box-02,.message-box-03 {
        margin-top: 65px;
        background-image: none;
        margin-bottom: 50px
    }
    .sub-box .lead-txt {
        margin: 40px 0px;
        width: 80%;
        display: block;
    }
    .message-box-01 .sub-main, .message-box-02 .sub-main, .message-box-03 .sub-main{
        display: none;
    }
    .sub-main-sp{
        display: block;
    }
    .message-box-02 .sub-box{
        padding-top: 0px;
    }

}
@media screen and (max-width:1300px) and (min-width: 750px) {
    .d-saiyo-mv .mv-img-sp{
        height: 400px;
        object-fit: cover;
        margin-top: 100px;
    }
    .mv-txt p {
        margin-left: 50px;
        width: 49%;
    }
    .footerbox {
        height: 60px;
    }

    .top-profile-box-list .title{
        left: 4px !important;
        font-size: 2.5rem;
    }
    .top-profile-box-list .title::before,.top-profile-box-list .title::after{
        padding: 5.5%;
    }
    .top-profile-box-list .category p{
        font-size: 1.5rem;
    }
    .top-why-box-list .person a{
        /*  width: 31vw;*/
    }
    .top-box-culture-list-in{
        width: 49vw;
    }
    .top-profile-box::before{
        top: 20px;
    }
    .top-profile-box-title h3{
        padding: 0px 10px;
        margin-bottom: 20px;
    }
    .top-profile-box-list{
        justify-content: space-around;
    }
    /*データで見るフリュー*/
    .link_area .modal_link{
        /*width: 30%;*/
    }

    /*データで見るフリュー*/
    .modal_box {
        /*  padding: 1px 0px 0px;
        top: 11px !important;
        left: 32% !important;
        width: 40%;*/
    }
    .data-contents .data-box{
        padding: 0px 10px;
    }
    .link_area .modal_link {
        display: block;
        /*width: 22%;*/
    }
    .data-contents .tit .txt{
        line-height: normal;
    }
    .data-contents .tit{
        font-size: 3.6rem;
    }.data-contents .tit02{
        font-size: 2rem;
        padding: 12px 0px;
    }
    .data-contents .tit img{

    }
    .modal_box .col-r img,.modal_box .col-l img
    {
        width: 100%;
    }
    .data-list-box li .modal_open img {
        /* width: 60px; */
    }
    .modal_box .txt{
        margin: 18px auto;
    }
    .work-place-contents .sub-tit{
        margin-bottom: 10px;
    }

    /*社長メッセージ*/

    .mv-message::after{
        height: 200px;
        border-radius: 0px 300px 300px 0px;
        display: block;
        bottom: 161px;
        top: 62%;
        width: 85%;
    }
    .mv-message .mv-txt{
        width: 100%;
        top: 69%;
        font-size: 28px;
        line-height: 32px;
        left: 4%;
    }
    .mv-message .mv-txt span {
        font-size: 26px;
    }
    .mv-message{
        background-image: url(../../img/newgrad/top-message/mv-top-message-sp.jpg);
        background-position: center;
        background-size: 100%;
        height: 400px;
    }
    .profile {
        width: 94%;
        margin: auto;
        margin-top: 340px;
    }
    .profile p {
        padding-bottom: 15px;
        font-size: 14px;
    }
    .profile span {
        font-size: 20px;
        padding-left: 15px;
    }
    /*.message-box-01,.message-box-02,.message-box-03 {
    margin-top: 0px;
    background-image: none;
}
    .message-box-01 .sub-main, .message-box-02 .sub-main, .message-box-03 .sub-main {
    font-size: 22px;
    width: 96%;
    margin: auto;
    line-height: 33px;
}
    .message-box-01 .sub-main h3, .message-box-02 .sub-main h3, .message-box-03 .sub-main h3   {
    margin-bottom: 15px;
}
    .message-box-02 .sub-main h3 {
    text-align: left;
}
    .message-box-01 .sub-box, .message-box-02 .sub-box, .message-box-03 .sub-box {
    width: 96%;
    margin: auto;
    font-size: 14px;
    line-height: 24px;
}

    .message-box-03 .sub-main {
    padding-top: 200px;
}
    .message-box-03 {
    margin-bottom: 60px;
}*/
    .sub-box .lead-txt{
        margin: 40px 0px;
        width: 69%;
        display: block !important;
    }


}
/*スマホ
-----------------------------------------*/
@media screen and (max-width:750px) {
    .pan {
        display: none !important;
    }

    header{
        height: auto;
    }
    .d-saiyo-mv{
        margin-top: 0px;
    }
    .mv-txt p{
        width: 64%;
        margin-left: 20px;
        margin-right: auto;
    }

    .d-saiyo-mv{
        margin-top: 80px;
    }
    .coming-soon-list .top-box-culture-list-in {
        padding: 0px;
        width: 29vw;
        display: inline-block;
    }
    .saiyo-page_top {
        width: 26%;
        bottom: 65px;
    }
    .saiyo-page_top a{
        height: 50px;
    }
    .passing .passing-box{
        height: 75%;
        border: 3px solid #fff;
        margin: 45px 30px;
    }
    .header-nav{
        height: auto;
    }
    .slider-box .mv-top{
        /*   height: 100vh !important;/*背景調整*/
        /*margin-top: 60px;/*ハンバーガーメニュー分の高さ*/
    }
    .mv-top{
        /*  height: 100vh !important;/*背景調整*/
           margin-top: 60px;
    }
    .top-profile-box-title h3 img{
        width: 100%;
        width: 250px !important;
        margin-left: auto;
    }
    .top-engineering .top-profile-box-title h3 img{
   /*     margin-left: auto;
        margin-right: 20px;*/
    }
    .top-company-box .top-profile-box-title h3 img {
        width: 100%;
        margin-left: 0;
    }
    .company-box-list li:nth-of-type(3) .com-title{
        top: 35%;
    }
    .company-box-list li:nth-of-type(5) .com-title{
        top: 39%;
    }
    .top-profile-box-title{
        padding: 0px 20px;
    }
    .top-profile-box-list .category p span{
        font-size: 10px;
    }
    .passing{
        margin-bottom: 30px;
    }
    .saiyo-top-main-txt-box p{
        font-size: 16px;
        line-height: 40px;
        display: block;
    }
    .saiyo-top-main-txt-box{
        margin-bottom: 140px;
    }
    .company-title .txt-lead{
        text-align: right;
        font-size: 1.5rem;
        text-align: left;
        line-height: 24px;
    }
    .top-profile-box-title .txt-lead{
        line-height: 24px;
        font-size: 14px;
    }
    .passing-box::after {
        /* left: 8%;
        width: 83%;
        height: 368px;
        bottom: -163px;*/
        left: 8%;
        width: 83%;
        height: 89%;
        bottom: 27px;
    }
    .passing-box::before{
        /* left: 8%;
        width: 83%;
        height: 369px;
        bottom: -161px;*/
        left: 8%;
        width: 83%;
        height: 90%;
        top: 30px;
    }
    .passing-bar-sc-ico {
        max-width: 43px;
        top: -14px;
        left: 10px;
    }
    .passing-bar-sc-ico-sub {
        padding: 0px;
        margin: 13px -13px;
        max-width: 43px;
    }
    .footerbox {
        height: 60px;
    }
    .top-sp-txt-box{
        left: 0;
        right: 0;
        text-align: center;
        /* bottom: -34px; */
        position: absolute;
        top: 37%;
    }
    /*people*/
    .people-mv {
        margin-top: 60px;
    }

    .saiyo-top-contents{
        margin-bottom: 140px;
    }
    .top-profile-box-list .title {
        top: 86px;
        left: 5px !important;
        font-size: 1.8rem;
        width: 100%;
    }
    .top-profile-box-list .title{
        top: 61px;
        left: -2px !important;
    }
    .top-profile-box-list .title::before,.top-profile-box-list .title::after{
        padding: 3.5%;
    }
    .top-profile-box-list .title span{
        padding: 0px 17px;
        margin-bottom: 0px;
    }
    .top-profile-box-list .blong{
        display: none;
    }
    .top-profile-box-list .category{
        padding: 3px;
        font-size:1.2rem;
        bottom: 10px;
    }
    .top-profile-box-list li:last-child{
        margin: 0px;
    }
    .narushi-box .message-main,.akimotsu-box .message-main,.kenshirou-box .message-main {
        width: 100%;
    }
    /*enginerring*/
    .txt-link-read-more a{
        font-size: 2rem;
    }
    .top-engineering{
        margin: 0px 0px 110px 0px;

    }
    /*company*/
    .top-company-box{
        /* margin-bottom: 100px; */
        margin: 140px 0px;
    }
    .saiyo-top-main-txt-box::after{
        height: 175px;
        border-radius: 0px 300px 300px 0px;
        display: block;
        bottom: 220px;
        width: 108%;
        top: 133px;
    }
    .top-profile-box::before{
        border-radius: 300px 0px 0px 300px;
        height: 200px;
        width: 100%;
    }
    .top-profile-box::after{
        height: 200px;
        border-radius: 0px 300px 300px 0px;
        display: block;
        bottom: 161px;
        width: 100%
    }
    .slideContsL.show::before{
        border-radius: 0px 300px 300px 0px;
        height: 200px;
        width: 100%;
    }

    /*TOPグラデーション*/
    .slideContsR.show::before{
        border-radius: 300px 0px 0px 300px;
        height: 210px;
        width: 100%;
        top: 18px;
        background: linear-gradient(-90deg,rgba(219,116,128,1) 30%, rgba(228,232,174,1) 78%)
    }
    .top-company-box.slideContsL.show::before{
        top: 19px;
    }
    .top-box-culture.slideContsR.show::before{
        top: -16px;
        background: linear-gradient(-90deg, rgba(230,160,180,1) 0%, rgba(170,225,230,1) 100%);
    }
    .saiyo-top-contents .top-profile-box .bg-gradation::before{
        bottom: -20px;
    }
    /*peopleページグラデーション*/
    .slideContsR.show.people-col02::before{
        border-radius: 300px 0px 0px 300px;
        height: 124px;
        width: 100%;
        top: -85px;
        background: linear-gradient(-90deg,rgba(219,116,128,1) 30%, rgba(228,232,174,1) 78%);

    }
    .top-profile-box-list{
        justify-content: space-evenly;
        margin: 0px 10px;
    }
    .top-profile-box-list li{
        margin-bottom: 16px;
        width: 45vw;
    }
    .top-engineering-mv .title span{
        font-size: 2rem;
    }
    .top-engineering-mv .title {
        top: 50%;
    }
    .top-engineering-mv .title span1{
        padding: 10px 0px;
    }
    .top-why-box-list{
        justify-content: space-around;
        margin: 0px 10px;
    }
    /*why FURYU?*/
    .top-engineering-mv{
        padding: 0px 20px;
    }
    .top-why-box-list .person{
        background-size: cover;
        margin: 0 0 18px 0px;
        width: 46vw;
    }
    .top-why-box-list .txt{
        font-size: 2.3rem;
    }
    .top-why-box{
        margin-bottom: 120px;
    }
    .top-why-box .top-profile-box-title h3 img{
        margin-left: initial;
    }
    .top-why-box.slideContsL.show::before{
        top: 16px;
    }
    .top-why-box .top-profile-box-title{
        margin-right: 0px;
    }
    .top-company-box-in .txt-link-read-more {
        text-align: right;
        max-width: 1000px;
        width: 50%;
        background-size: contain;
        background-size: 60%;
        background-position: 94%;
        margin-top: 0px;
    }
    .top-company-box-in .txt-link-read-more:first-child{
        margin-top: -20px;
    }
    .why-about.top-why-box.slideContsL.show::before {
        top: 33px;
    }
    /*CULTURE*/
    .culture-about .top-profile-box-title h3 img,.why-about .top-profile-box-title h3 img{
        margin-left: 0;
        height: 56px;
        display: inline-block;
        width: 80%;
    }
    .top-box-culture-list-in01, .top-box-culture-list-in02{
        margin: 0 auto 30px;
    }
    .top-box-culture-list{
        justify-content: space-between;
        flex-direction: column;
        align-items: center;
    }
    .culture-about .top-profile-box-title h3,.why-about .top-profile-box-title h3{
        margin-bottom: 5px;
    }
    .why-about .top-profile-box-title h3 {
        margin-bottom: 0px;
    }
    .top-why-box-list .logo {
        position: absolute;
        bottom: 10px;
        width: 100%;
        top: unset;
        left: 0px;
    }
    .top-box-culture.slideConts.culture-about::before{
        height: 200px;
        /* bottom: 261px; */
        left: -33%;
        top: -5px;
    }
    .slideContsR.show.top-engineering::before{
        border-radius: 300px 0px 0px 300px;
        height: 210px;
        width: 100%;
        top: 18px;
        background: linear-gradient(90deg, rgba(240,240,180,1) 0%, rgba(160,90,170,1) 100%);
    }
    .top-box-culture-list-in{
        width: 92%;
        margin-bottom: 50px;
    }
    .top-box-culture-list-in .title > img{
        margin: 0 auto 10px;
    }
    .top-box-culture{
        margin-bottom: 150px;
    }
    .contents-bottom .menu{
        height: 90px;
    }
    .contents-bottom .col1 img,.contents-bottom .col2 img{
        width: 40%;
        margin: 0 auto;
    }
    .top-profile-box-title h3{
        font-size: 4.5rem;
        margin-bottom: 20px;

    }
    .top-box-culture-list .txt{
        font-size: 1.6rem;
        bottom: 40px;
    }
    .top-box-culture-list .title{
        font-size: 4rem;
        top: 26%;
    }
    .contents-bottom .col1 a, .contents-bottom .col2 a{
        padding: 20px;
        font-size: 1.2rem;
    }
    .footerbox .menu a{
        max-width: 120px;
        margin: 0 auto;
        /* height: 100px; */
        width: 100%;
    }
    .r-page-top{
        display: none;
    }



    /*募集要項*/
    .recruiting-list .tit,.recruiting-list dt{
        padding: 0px;
        margin-bottom: 10px;
        font-size: 18px;
        font-weight: bold;
    }
    .recruiting-list .col:first-child .tit {
        margin: 30px 0px -10px -30px;
    }

    .recruiting-list h3{
        font-size:2.5rem;
        margin-bottom: 20px;
        width: 100%;
        display: block;
        font-weight: bold;
    }
    .recruiting-list dl{
        display: block;
        padding: 10px 0px;
    }
    .recruiting-list dd{
        padding: 0px 0px 20px 10px;
        font-size: 14px;
        line-height: 27px;
    }
    .recruiting-list dl .col:first-child{
        margin-left:20px;
    }
    .recruiting-list dl .col{
        margin-bottom: 24px;
        margin-left: 0px;
        font-size: 16px;
        letter-spacing: -0.9px;
    }
    .mv-recruiting::after{
        height: 160px;
        border-radius: 0px 300px 300px 0px;
        display: block;
        bottom: 161px;
        top: 50%;
        width: 90%;
    }
    .mv-txt span {
        font-size: 16px;
        margin-top: 10px;
    }
    .mv-txt {
        max-width: 620px;
        height: 180px;
        top: 85%;
    }
    .mv-recruiting{
        background-image: url(../../img/newgrad/recruiting-info/mv-recruiting-info-sp.jpg);
        background-position: top;
        background-size: 100%;
        height: 180px;
    }
    .recruiting-info-box-900{
        margin: 70px auto;
    }
    .recruiting-info-box-900.zinzi-box{
        margin: 160px auto;
    }
    .recruiting-list.col2::before{
        margin-bottom: 50px
    }
    .recruiting-list{
        /* margin-bottom: 60px; */
        margin-top: 190px;
        margin-bottom: -170px;
    }
    /*WORK-PLACE*/
    .work-place-contents .sub-tit{
        font-size: 22px !important;
        margin-bottom: 10px;
    }
    .work-place-contents .lead-txt{
        text-align: left;
        font-size: 16px;
        text-align: justify;
    }
    .work-place-contents .tit{
        margin: 0 auto 30px;
        width: 60%;
    }
    .work-place-contents .work-place-list dd{
        font-size: 14px;
    }
    .work-place-contents .work-place-list figure{
        height: auto;
    }
    .work-place-list dl {
        max-width: 260px;
        line-height: 1.5em;
        margin-bottom: 50px;
        width: 47%;
    }
    .work-place-contents .sub-tit02 {
        font-size: 22px !important;
        margin-bottom: 20px;
        line-height: 3.2rem;
    }
    .modal_box aricle{
        padding: 60px 0px 0px;
        display: block;
    }
    .mv-education{
        background-image:url(../../img/newgrad/education/mv-education-80-sp.jpg);
    }
    .work-place-contents .work-place-list figcaption.txt {
        font-size: 18px;
    }
    /*データで見るフリュー*/

    .modal_box {
        padding: 1px 0px 0px;
        height: auto;
        width: 77%;
    }
    .modal_box aricle{
        display: block;
        padding: 0px;
        margin: 30px;
    }
    .data-list-box li .modal_open{
        padding: 7px 10px;
        max-height: 63px;
        height: 13%;
    }
    .data-contents .data-box{
        padding: 0px 10px;
    }
    .data-contents {
        margin-top: -150px;
    }
    .link_area .modal_link {
        display: block;
        width: 31%;
    }
    .link_area .modal_link a img {
        /* width: 80%; */
        margin: 0px auto;
    }
    .modal_box .col-l,.modal_box .txt{
        width: 100%;
    }
    .data-contents .tit{
        font-size: 3.4rem;
    }.data-contents .tit02 span{
        font-size: 2rem;
        padding: 10px 0px;
        display: block;
    }
    .data-contents span img{
        width: 10%;
        height: auto;
        margin: 0px 5px;
    }
    .data-list-box li{
        max-width: 100%;
    }
    .modal_box .col-r img,.modal_box .col-r {
        margin: 0px auto 56px;
        width: 90%;
    }
    .data-list-box li .modal_open img {
        width: 60px;
        margin-left: auto;
    }
    .data-contents .tit img{
        height: auto;
        margin: 0px;

    }
    .data-contents .tit .txt{
        padding: 0px 0px;
        text-align: center;
        height: auto;
        line-height: 1;
        font-size: 30px;
    }
    .modal_box .txt{
        margin: 18px auto;
    }
    .data-list-box{margin-bottom: 0px;}
    /*社長メッセージ*/
    .message-box-01 .sub-box, .message-box-02 .sub-box, .message-box-03 .sub-box {
        width: 100%;
        font-size: 14px;
        line-height: 24px;
        padding-top: 0px;
        padding: 0px 20px;
    }

    .profile {
        width: 90%;
        margin: auto;
        margin-top: 250px;
    }
    .mv-txt .message-main{
        font-size: 16px;
        display: block;
        overflow: hidden;
        max-width: 520px;
        width: 90%
    }
    .message-main img{
        width: 94%;
    }
    .profile p{
        font-size: 12px;
        display: block;
        text-align: left;
        padding-bottom: 16px;
    }
    .profile .text{
        text-align: left;
    }
    .profile span {
        font-size: 22px;
        padding-left: 8px;
    }
    .message-mv .mv-txt {
        max-height: 336px;
        height: 228px;
        width: 86%;
        top: 76%;
    }
    .sub-box .lead-txt{
        width: 84%;
        margin: 30px 0px;
    }
    .sub-main{
        display: none;
    }
    /*people*/
    .people-contents .recruiting-info-box-800{
        max-width: 800px;
        margin: 0px auto;
        width: 90%;
    }
    .people-mv .people-mv-txt {
        left: 20px;
        width: 80%;
        top: 20%;
    }
    .sugi-box .people-mv-txt {
        top: 32%;
    }


    .akimotsu-box .people-mv-txt{
        top: 23%;
    }
    .rayu-box .people-mv-txt{
        top: 26%;
    }
    .goyachan-box .people-mv-txt{
        right: 17px;
        left: 20px;
        bottom: 37%;
        top: auto;
    }
    .goyachan-box .message-main {
        margin-top: 20px;
    }
    .ryouhei-box .people-mv-txt,.komuchan-box .people-mv-txt{
        top: 110px !important;
        right: 0px;
        left: auto;
    }
    .opyon-box .people-mv-txt{
        left: 20px;
    }
    .people-mv .caption-in{
        margin-left: 20px;
        width: 90%;
        padding-top: 70px;
    }
    .people-mv .caption-name{
        display: block;
        margin-top: 12px;
    }
    .caption-name .prof{
        padding-left: 0px;
        margin: 10px 0px;
        font-size: 14px;
        font-weight: 500;
        border-left: 6px solid #fff;
        margin: 0px 0px;
        /* font-size: 14px; */
        /* font-weight: 500; */
        /* border-left: 6px solid #fff; */
        /* --heading-line-height: 1.3; */
        /* height: 30px; */
        border: none;
        display: flex;
        align-items: baseline;
        letter-spacing: 1.1px;
    }
    .caption-name .prof::before {
        content: "";
        display: block;
        height: 0;
        width: 0;

        margin-top: -10px;
        display: inline-block;
        background-color: #fff;
        width: 4px;
        height: 37px;
        transform: translatey(65%);
        margin-right: 10px;

    }
    .people-mv .caption .txt-people{
        margin-bottom: 0px;
    }
    .people-mv .caption .txt-people img{
        max-width: 90px;
    }
    .caption-in .category{
        position: relative;
        margin: 0px 0 10px 0px;
    }
    .people-mv .caption{
        height: auto;
        margin-top: 0px;

    }h3.people-tit{
        font-size: 2.5rem;
        line-height: 34px;
        margin-bottom: 20px;
    }
    h3.people-tit img{
        max-width: 173px;
        margin-bottom: 10px;
    }
    .bg-people-ri img{
        height: 263px;
        width: 100%;
        margin-left: 20px;
    }
    .bg-people-le img{
        height: 263px;
        width: 95%;
    }
    .people-col01::after {
        height: 140px;
        top: -17%;
    }
    .bg-people-ri{
        margin-bottom: 230px;
    }
    , .bg-people-le{}
    .people-col01.slideContsL.show::after{
        transform: translate(0px, 0) !important;
    }
    .people-col01::after {
        height: 124px;
        top: -82px;
        width: 70%;
        background: linear-gradient(-90deg, rgba(235,240,210,1) 0%, rgba(85,160,170,1) 81%, rgba(59,125,181,1) 100%);
    }
    .people-col02::before {
        top: -85px;
    }
    .people-col01{
        margin-top: -50px;
        margin-bottom: 30px;
    }
    .bg-people-ri, .bg-people-le {
        margin-bottom: 260px;
    }
    .message-txt,.message-txt{
        margin-bottom: 0px;
        margin-top: 80px;
        font-size: 16px;
        line-height: 28px;
    }
    .people-col02 .message-txt{
        margin-top: -80px
    }
    .work-col .tit{
        text-align: right;
        max-width: 200px;
        margin-right: 0;
        margin-left: auto;
        /* width: 50%; */
        margin: 0 auto 20px;

    }
    .message-main .name {
        font-size: 28px;
        width: auto;
    }
    .saiyo-site .kana img{
        width: 80%;
    }
    .people-mv-txt img {
        width: 89%;
    }
    .message-main .kana{
        /*width: 35px;*/
    }
    .work-col .works-in{
        display: block;
        max-width: 100%;
    }
    .works-in div{
        margin-bottom: 30px;
    }
    .people-col02 .recruiting-info-box-900{
        margin: 300px auto;
    }
    .slick-slider li .category{
        bottom: 10px;
    }
    .slick-slider li a {
        height: auto;
    }
    .top-profile-box-list .slick-slider .title {
        top: 48px;
        left: -1px !important;
        font-size: 1.6rem;
        width: 100%;
    }
    .caption-in .category p {
        font-size: 13px;
    }
    .sugi-box .kana img{
        height: 17px;
    }

    /**about-フリュー*/
    .about-furyu-col .mv-img{
        margin-top: 70px;
        margin-bottom: 30px;
    }
    .about-cols .about-box{
        margin-bottom: 50px;
    }
    .about-cols .about-box .txt{
        line-height: 2em;
        font-size: 14px;
    }
    .about-cols .about-box .txt .attent{
        font-size: 1.2rem;
    }
    .about-cols .about-box .tit{
        margin-bottom: 0px;
        width: 90vw;
        font-size: 2rem;
    }
    .about-cols .about-box .sub-tit01 span,.about-cols .about-box .sub-tit02 span,.about-cols .about-box .sub-tit02{
        font-size: 18px;
        margin-bottom: 10px;
        padding: 4px 30px;
    }
    .about-cols .strenge-box.pink ul,.about-cols .strenge-box ul{
        padding: 40px 0px 10px;
    }
    .about-cols .strenge-box.pink ul{
        border-right: 3px solid #FBCCE2;
        border-left: 3px solid #FBCCE2;
        border-bottom: 3px solid #FBCCE2;
    }
    .about-cols .strenge-box ul{
        border-right: 3px solid #CCE5F0;
        border-left: 3px solid #CCE5F0;
        border-bottom:3px solid #CCE5F0;
        max-width: 90vw;
    }
    .about-cols .strenge-box.pink ul li,.about-cols .strenge-box ul li{
        font-size: 1.4rem;
        margin-bottom: 16px;
    }
    .about-cols .strenge-box.pink .tit:after,.about-cols .strenge-box.pink .tit:before,.about-cols .strenge-box .tit:before,.about-cols .strenge-box .tit:after{
        width: 11%;
        height: 3px;

    }

    /*tab*/
    .attent {
        font-size: 10px;
        /* margin: 0 60px; */
        margin: 0 auto
    }
    .TAB-03 .attent {
        font-size: 10px;
        /* margin: 0 60px; */
        max-width: 281px;
        margin: 0 auto
    }
    .tab-wrap {
        margin-bottom: 0px;
    }
    .tab-wrap.tab-bottom {
        margin-top: -33px;
        height: 150px;
    }
    .tab-label{
        width: 10%;
        font-size: 10px;
        line-height: 1.5em !important;
        padding: 20px 0px;
    }
    .tab-switch:checked+.tab-label+.tab-content{
        padding: 50px 10px;
    }
    .tab-content .tit{
        font-size: 1.8rem;
        margin-bottom: 10px;
    }
    .sub-box.flex-le, .sub-box.flex-re{
        display: block;
    }
    .sub-box.flex-le img{
        text-align: center;
        margin: 0 auto;
        max-width: 80%;
    }

    .tab-content .tit span,.sub-box.flex-le span{
        font-size: 1.8rem !important;
        margin: 10px 0px;
        padding: 0px;
    }
    .tab-wrap .tab-content .tit-in{
        font-size: 1.8rem !important;
        margin: 5px 0px;
        padding: 0px;
        display: inline;
    }
    .sub-box-g .txt{
        margin-top: 20px;
        text-align: left;

    }

    .tab-content .main-tit{
        font-size: 2.5rem;
        margin-bottom: 10px;
        letter-spacing: -1.5px;
    }
    .tab-content .main-tit span{
        line-height: 1.2em;
        letter-spacing: 0em;
        font-size: 1.5rem;
    }
    .tab-content .tit{
        font-size: 1.8rem;
        line-height: 34px;
    }
    .sub-box.flex-le .txt, .sub-box.flex-re .txt{
        margin: 0px 0px 30px;
    }
    .TAB-01 .sub-box02{
        display: block;
    }
    .tit-in{
        margin: 0px;
    }
    .sub-box.flex-le, .sub-box.flex-re, .TAB-01 .sub-box02, .TAB-02 .sub-box02, .TAB-03 .sub-box02, .TAB-04 .sub-box02{
        display: block;
        /* margin: 0px; */
        /* width: 100%; */
        padding: 0px;
    }
    .TAB-01 .sub-box-g {
        padding: 20px;
    }
    .sub-box02 img{
        width: 80%;
        margin: 0 auto;
        display: block;
    }
    .TAB-04 .sub-box02.flex-re .txt{
        margin: 0px auto;
        padding: 0px;
        max-width: 100%;
    }
    .sub-box02.flex-re .txt,.sub-box02.flex-re .txt{
        margin: 0px 0px 20px 0px;
        text-align: left;
        max-width: 100%;
    }
    .TAB-02 .pictlik-box .txt-box,.TAB-02 .pictlik-box .txt-number{
        margin: 30px 0px;
        text-align: center;
    }
    .TAB-02 .sub-box.flex-le .txt{
        width: 100%;
        margin: 0px auto;
    }
    .TAB-02 .pictlik-box .pictlik-box-in{
        display: block;
    }
    .TAB-02 .sub-box.flex-le {
        background-color: #F8F8F8;
        padding: 20px;
        margin-bottom: 50px;
    }
    .sub-box .sub-tit{
        text-align: center;
    }
    .TAB-02 .pictlik-box{
        display: block;
        margin-bottom: 20px;
    }
    .TAB-02 .saiyo-site img {
        max-width: 100%;
        width: 100%;
        z-index: 1;
        max-width: 240px;
        margin: 0 auto;
    }
    .TAB-03 .sub-box.flex-le img{
        text-align: center;
        margin: 30px auto;
        width: 200px;
    }
    .tab-content .txt{
        line-height: 30px;
        margin-bottom: 20px;
    }
    .tab-content .lead-txt{
        margin-bottom: 30px;
        font-size: 16px;
        line-height: 30px;
    }
    .TAB-04 .sub-box02.flex-re img{
        text-align: center;
        max-width: 460px;
        margin: 0px auto;
        display: block;
        width: 80%;
    }
    .TAB-04 .sub-box.flex-le img{
        max-width: 340px;
        margin-bottom: 30px;
        width: 80%;
    }
    .TAB-04 .sub-box.flex-le .txt{
        margin-left: 0px;
        line-height: 2em;
    }
    .TAB-04 flex-resub-box02.flex-re{
        max-width: 520px;
    }
    .sub-box.flex-le.sub-box-g{
        padding: 30px 20px 10px 20px;
    }
    /*COMPANY*/
    .company-title h3 {
        width: 70%;
        font-size: 18px;
    }
    .company-box-list{
        padding: 0px 0px;
        justify-content: space-evenly;
    }
    .company-box-list li{
        width: 44vw;
        margin-bottom: 10px;
    }
    .company-title{
        padding: 10px 20px;
        width: 100% !important;
    }
    .saiyo-about::before,.saiyo-about::after,.recruit-about-contents::before,.saiyo-company-contents::before{
        height: 200px;
        width: 85%;
    }
    .saiyo-about .top-profile-box-title img{
        width: 56% !important;
        margin-left: 0;
        padding-top: 13px;
    }
    .company-profile-box .company-title img{
        width: 90%;
    }
    .top-why-box .slideContsR.show::before{
        top:-16px;
        background: linear-gradient(90deg, rgba(120, 209, 223, 1) 0%, rgba(229, 169, 179, 1) 100%);
    }
    .top-box-culture .top-profile-box-title h3 img{
        margin-left: auto;
        width: 70% !important;
    }
    .top-why-box .top-box-culture.slideContsR.show::before{
        top: 18px;
    }
    .saiyo-top-main-txt-box .saiyo-site p{
        /*   line-height: 27px;
        font-size: 14px;*/
        /* margin-bottom: 20px;*/

        letter-spacing: 0.2px;
        line-height: 35px;
        font-size: 14px;
    }
    .txt-lead.tal{
        font-size: 14px;
        text-align: right;
        margin-bottom: 40px;
        line-height: 24px;
        letter-spacing: 0.01em;
    }
    .d-saiyo-mv .mv-txt p{
        margin: 0px 0px 0px 20px;
    }
    .culture-about .txt-lead{
        margin-bottom: 40px !important;
    }
}
/*スマホ
-----------------------------------------*/
@media screen and (max-width:375px) {
    .saiyo-pan.pan{
        display: block;
    }
    .top-why-box-list{
        justify-content: space-between;
    }
    .top-profile-box-list li{
        width: 44%;
        margin-bottom: 15px;

    }

    .top-profile-box-list .title {
        top: 80px;
        left: 5px !important;
        font-size: 1.6rem;
        width: 100%;
    }
    .top-box-culture-list .title{
        font-size: 4rem;
    }
    .top-engineering-mv .title span{
        font-size: 1.5rem;
    }
    .top-box-culture-list .txt{
        font-size: 1.5rem;
        bottom: 36px;
    }
    .top-box-culture-list .txt{
        font-size: 1.2rem;
        bottom: 40px;
    }
    .top-box-culture-list .txt {
        bottom: 30px;
    }
    .top-engineering-mv .title span {
        font-size: 1.5rem;
    }
    .link-index img{
        margin: 0 auto;
    }

    /*環境・制度*/
    .work-place-list dl{
        margin-bottom: 50px;
    }
    .work-place-contents .work-place-list dd{
        margin-bottom: 20px;
    }
    .mv-txt {
        top: 80%;
        height: 170px;
    }
    /*データで見るフリュー*/
    .recruiting-info-box-900 {
        margin: 60px auto
    }
    .data-list-box li{
        width: 45vw;
    }
    .data-contents .tit .txt{
        padding: 0px 0px;
        text-align: center;
        height: auto;
        line-height: normal;
    }
    /*people*/
    .top-profile-box-list .title{
        top: 52px;
    }
    .top-profile-box-list .title img{
        width: 90%;
    }
}