@charset "utf-8";
/* 
サイト固有の記述
*/

/* 全体（色系）*/
body {
}

/* パソコン以上*/
@media screen and (min-width: 1281px) {
    body {
		
		header .h1 a img{
		height: 80px;
	}
		
        .hf01 .txtbox {
            padding: 5% 8%;
        }

        &.recruit {
            .sec01 {
                .txtbox .ttl08 {
                    width: 430px;
                }
            }
        }

        .flow_list li.flow_in_flex .imgbox {
            width: 15%;
        }

        .flow_list02 li .body_area {
            width: 75%;
        }
    }
}

/* モニター以上*/
@media screen and (min-width: 1860px) {
    body {
        .hf01 .txtbox {
            padding: 5% 10%;
        }
    }
}

/* タブレット*/
@media screen and (max-width: 1024px) {
    body {
    }
}

/* 携帯*/
@media screen and (max-width: 767px) {
    body {
		
		header .h1 a img{
		height: 50px;
	}
		.footerUpper .footer_flex .f_company{
			text-align: center;
		}
    }
}