@charset "utf-8";
/* Copyright 2021 FSFIELD All Rights Reserved. */

@media print, screen and (min-width:768px){ /* 表示領域が768px以上の場合に適用するスタイル */
	/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

	PC

	_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/

	/* ------------------------------------------------------------

	トップページ

	------------------------------------------------------------ */

	/* メインビジュアル
	---------------------------------------------- */
    .main{
        height: 100vh;
        min-height: 550px;
        position: relative;
        margin-right: 120px;
    }
    
    .main_left{
        position: relative;
        width: 56.14%;
        height: 100%;
        -webkit-transform-origin: 100% 0;
        transform-origin: 100% 0;
        -webkit-transform: matrix(1, 0, -0.364, 1, 0, 0);
        transform: matrix(1, 0, -0.364, 1, 0, 0);
    }
    
    .main_left::before{
        content: "";
        display: block;
        width: 100%;
        height: 3000px;
        background: #333333;
        position: absolute;
        top: 0;
        left: 0;
    }
    
    .main_left .main_l_inner{
        position: relative;
        height: 100%;
        overflow: hidden;
        -webkit-transform-origin: 100% 0;
        transform-origin: 100% 0;
    }
    
    .main_left .main_l_inner .main_l_bg{
    position: absolute;
    width: 100%;
    height: 100%;
    background: url("../img/home/pc/bg_main01.jpg") no-repeat left;
    background-size: cover;
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
    -webkit-transform: matrix(1, 0, 0.364, 1, 0, 0);
    transform: matrix(1, 0, 0.364, 1, 0, 0);
    }
    
    .main_r{
        height: 100%;
        min-height: 550px;
        background: url("../img/home/pc/bg_main02.jpg") no-repeat left;
        background-size: cover;
        position: absolute;
        top: 0;
        right: 0;
        z-index: -1;
    }
    
    .txt_main{
        color: #fff;
        font-size: 7.2rem;
        font-weight: bold;
        line-height: 1.4;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 10%;
        display: flex;
        align-items: center;
        z-index: 9999;
    }
    
    .scroll_txt{
        font-family: 'Oswald', sans-serif;
        font-weight: 600;
        font-size: 1.4rem;
        line-height: 1;
        position: absolute;
        top: calc(50% + 120px);
        right: -65px;
        padding-right: 40px;
        transform: rotate(90deg) translateX(-50%);
        transform-origin: top right;
        margin-left: -41.5px;
    }
    
    .scroll_txt::after{
        content: "";
        background: url("../img/ico_arrow02.png") no-repeat 0 0;
        background-size: contain;
        width: 30px;
        height: 5px;
        position: absolute;
        top: 50%;
        right: 0;
        margin-top: -3.5px;
    }
    
    /* WORKS 事業内容
	---------------------------------------------- */
    .bk_container01{
        margin-right: 120px;
        padding: 100px 20px 80px;
        position: relative;
    }
    
    .bk_container01::before{
        content: "";
        background: #232020;
        background-size: cover;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: -999;
    }
    
    .sec_works{
        max-width: 1200px;
        margin: 0 auto 120px;
    }
    
    .wrap_works01{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        counter-reset: num 0;
        margin-bottom: 100px;
    }
    
    .wrap_works01 .item{
        width: 49%;
        max-width: 580px;
    }
    
    .wrap_works01 .item:nth-child(1){margin-bottom: 3.3%;}
    
    .wrap_works01 .item:nth-child(odd){margin-right: 1%;}
    
    .wrap_works01 .item figure img{width: 100%;}
    
    .wrap_works01 .item .txt{
        background: #333;
        padding: 30px 20px;
        color: #fff;
        position: relative;
        max-width: 540px;
        margin: -40px auto 0;
    }
    
    .wrap_works01 .item .txt h3{
        font-size: 2.2rem;
        font-weight: bold;
        line-height: 1;
        margin-bottom: 15px;
        position: relative;
    }
    
    .wrap_works01 .item .txt h3::before{
        counter-increment: num 1;
        content: counter(num, decimal-leading-zero);
        position: absolute;
        top: -53px;
        right: 0;
        font-family: 'Oswald', sans-serif;
        font-size: 4rem;
        font-weight: 500;
        background: linear-gradient(to bottom, #EB933C, #ED4818);
        -webkit-background-clip: text;
        color: transparent;
    }
    
    .bn_unit01{
        width: 800px;
        margin: 0 auto;
    }
    
    .bn_unit01 a{
        display: block;
        transition: .3s;
    }
    
    .bn_unit01 a:hover{opacity: 0.7;}
    
    .bn_unit01 a img{width: 100%;}
    
    /* 外国人技能実習制度
	---------------------------------------------- */
    .wrap_foreigner01{
        position: relative;
        width: 100%;
        height: 334px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        max-width: 1200px;
        margin: 0 auto 120px;
        background: url(../img/home/bg_foreigner01.png) no-repeat;
        background-size: 658px;
    }
    
    .wrap_foreigner01 .col_l{width: 510px;}
    
    .wrap_foreigner01 .col_l h2{
        color: #fff;
        font-size: 3.2rem;
        font-weight: bold;
        line-height: 1;
        margin-bottom: 60px;
    }
    
    .wrap_foreigner01 .col_l p{
        color: #fff;
        font-size: 2rem;
    }
    
    .wrap_foreigner01 .col_r{
        width: 49%;
        max-width: 580px;
    }
    
    .wrap_foreigner01 .col_r img{width: 100%;}
    
    
    /* COMPANY会社概要
	---------------------------------------------- */
    .sec_company{
        max-width: 1200px;
        margin: 0 auto 120px;
    }
    
    .sec_company table.type01 p{
        margin-bottom: 4px;
    }
    
    .sec_company table.type01 p:last-child{margin-bottom: 0;}
    
    .sec_company table.type01 p span:nth-child(1){padding-right: 16px;}
    
    /* ACCESSアクセス
	---------------------------------------------- */
    .sec_access{
        max-width: 1200px;
        margin: 0 auto;
    }
    
    .sec_access .inner{filter: grayscale(1);}
    
    .sec_access .inner iframe{
        width: 100%;
        height: 600px;
    }
    
    /* CONTACTお問い合わせ
	---------------------------------------------- */
    .bk_container02{
        margin-right: 120px;
        padding: 80px 20px;
        position: relative;
    }
    
    .bk_container02::before{
        content: "";
        background: url(../img/home/pc/bg_contact01.jpg) no-repeat center;
        background-size: cover;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: -999;
    }
    
    .bk_container02::after{
        content: "";
        background: rgba(35,32,32,0.9);
        width: 100%;
        height: 100%;
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: -998;
    }
    
    .sec_contact{
        max-width: 1200px;
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
    }
    
    .sec_contact form{
        max-width: 740px;
        width: 61.66%;
    }
    

}/*--@media--*/


@media only screen and (max-width:767px){ /* 表示領域が767px以下の場合に適用するスタイル */
	/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

	スマートフォン（iPhone,Android)

	_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/

	/* ------------------------------------------------------------

	トップページ

	------------------------------------------------------------ */

	/* メインビジュアル
	---------------------------------------------- */
    .main{
        height: 124.8vw;
        position: relative;
        z-index: -1;
    }
    
    .scroll_txt{display: none;}
    
    .main_left{
        position: relative;
        width: 68.8%;
        height: 100%;
        -webkit-transform-origin: 100% 0;
        transform-origin: 100% 0;
        -webkit-transform: matrix(1, 0, -0.364, 1, 0, 0);
        transform: matrix(1, 0, -0.364, 1, 0, 0);
    }
    
    .main_left::before{
        content: "";
        display: block;
        width: 100%;
        height: 189.466vw;
        background: #333333;
        position: absolute;
        top: 0;
        left: 0;
    }
    
    .main_left .main_l_inner{
        position: relative;
        height: 100%;
        overflow: hidden;
        -webkit-transform-origin: 100% 0;
        transform-origin: 100% 0;
    }
    
    .main_left .main_l_inner .main_l_bg{
    position: absolute;
    width: 100%;
    height: 100%;
    background: url("../img/home/sp/bg_main01.jpg") no-repeat left;
    background-size: cover;
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
    -webkit-transform: matrix(1, 0, 0.364, 1, 0, 0);
    transform: matrix(1, 0, 0.364, 1, 0, 0);
    }

    .main_r{
        height: 100%;
        background: url(../img/home/sp/bg_main02.jpg) no-repeat top 0% left 27%;
        background-size: cover;
        position: absolute;
        top: 0;
        right: 0;
        z-index: -1;
        width: 76.533% !important;
    }
    
    .txt_main{
        color: #fff;
        font-size: 3.8rem;
        font-weight: bold;
        line-height: 1.4;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 15px;
        display: flex;
        align-items: center;
        z-index: 9999;
    }
    
     /* WORKS 事業内容
	---------------------------------------------- */
    .bk_container01{
        padding: 50px 15px 30px;
        position: relative;
    }
    
    .bk_container01::before{
        content: "";
        background: #232020;
        background-size: cover;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: -999;
    }
    
    .sec_works{margin-bottom: 60px;}
    
    .wrap_works01{
        counter-reset: num 0;
        margin-bottom: 40px;
    }
    
    .wrap_works01 .item{
        margin-bottom: 40px;
    }
    
    .wrap_works01 .item:last-child{margin-bottom: 0;}
    
    .wrap_works01 .item figure img{width: 100%;}
    
    .wrap_works01 .item .txt{
        background: #333;
        padding: 20px 10px;
        color: #fff;
        position: relative;
        width: calc(100% - 40px);
        margin: -40px auto 0;
    }
    
    .wrap_works01 .item .txt h3{
        font-size: 1.7rem;
        font-weight: bold;
        line-height: 1;
        margin-bottom: 12px;
        position: relative;
    }
    
    .wrap_works01 .item .txt h3::before{
        counter-increment: num 1;
        content: counter(num, decimal-leading-zero);
        position: absolute;
        top: -35px;
        right: 0;
        font-family: 'Oswald', sans-serif;
        font-size: 3.2rem;
        font-weight: 500;
        background: linear-gradient(to bottom, #EB933C, #ED4818);
        -webkit-background-clip: text;
        color: transparent;
    }
    
    .bn_unit01 a{display: block;}
    
    .bn_unit01 a img{width: 100%;}
    
    /* 外国人技能実習制度
	---------------------------------------------- */
    .wrap_foreigner01{
        position: relative;
        margin-bottom: 60px;
        background: url(../img/home/bg_foreigner01.png) no-repeat;
        background-size: contain;
    }
    
    .wrap_foreigner01 .col_l{padding-bottom: 26px;}
    
    .wrap_foreigner01 .col_l h2{
        color: #fff;
        font-size: 2.5rem;
        font-weight: bold;
        line-height: 1;
        margin-bottom: 30px;
    }
    
    .wrap_foreigner01 .col_l p{
        color: #fff;
        font-size: 1.6rem;
    }
    
    .wrap_foreigner01 .col_r{height: 52.933vw;}
    
    .wrap_foreigner01 .col_r img{width: 100%;}
    
    /* COMPANY会社概要
	---------------------------------------------- */
    .sec_company{margin-bottom: 60px;}
    
    .sec_company table.type01 p{
        display: flex;
        margin-bottom: 4px;
    }
    
    .sec_company table.type01 p:last-child{margin-bottom: 0;}
    
    .sec_company table.type01 p span:nth-child(1){
        width: calc(100% - 71.014%);
        flex: none;
    }
    
    /* ACCESSアクセス
	---------------------------------------------- */
    .sec_access .inner{filter: grayscale(1);}
    
    .sec_access .inner iframe{
        width: 100%;
        height: 92vw;
    }
    
    /* CONTACTお問い合わせ
	---------------------------------------------- */
    .bk_container02{
        padding: 55px 15px 60px;
        position: relative;
    }
    
    .bk_container02::before{
        content: "";
        background: url(../img/home/sp/bg_contact01.jpg) no-repeat center;
        background-size: cover;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 66.666vw;
        z-index: -999;
    }
    
    .bk_container02::after{
        content: "";
        background:rgba(35,32,32,0.9);
        width: 100%;
        height: 100%;
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: -998;
    }
    

}/*--@media--*/