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

/* 全体（色系）*/
body {
    
	.f80{
		font-size: clamp(42px, 1.545rem + 4.61vw, 70px);
	}
	
	.category-list li a{
		font-size: 14px;
	}
}

/* パソコン以上*/
@media screen and (min-width: 1281px) {
    body {
        .add_recruit {
            padding: 7% 0;
            
            .btn01 a {
                padding: 25px 35px;
            }
        }

        &.our-works,
        &.feature,
        &.know-people {
            .sec01,
            .sec02,
            .sec03 {
                .layout_a .imgbox,
                .layout_b .imgbox {
                    width: 55%;
                }
            }
        }

        &.hobetsu {
            .sec01,
            .sec03 {
                .layout_a .imgbox,
                .layout_b .imgbox {
                    width: 55%;
                }
            }
        }

        &.data {
            .layout_c {
                justify-content: space-around;
            }
        }
    }
}


/* モニター以上*/
@media screen and (min-width: 1860px) {
    body {

        .add_contact .add_contact_img01:before {
            left: 7%;
        }
    }
}

/* タブレット*/
@media screen and (max-width: 1024px) {
    body {
		
        main section .page_title {
            width: 100%;
        }
    }
}

/* 携帯*/
@media screen and (max-width: 767px) {
    body {
        
		#main_visual {
				height: 50vh;
		}
		.data_box01 .box_a {
			padding: 30px 15px;
		}
		
    }
}