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

/* 全体（色系）*/
body {
    header.fixed {
        border-bottom: solid 1px #ea633c;

        #menu-header-navi li {
            border-right: dotted 2px #ea633c;
        }
    }

    #menu-header-navi li.menu-item-has-children:hover ul.sub-menu li {
        border-right: none;
    }

    #menu-header-navi li.menu-item-has-children:hover ul.sub-menu li:hover {
        border-right: none;
    }

    &.company {
        .sec01::before {
            content: "";
            width: 100%;
            height: 50%;
            background-color: #fff2dc;
            position: absolute;
            bottom: 0;
            left: 0;
            z-index: 0;
        }

        .sec02 {
            color: #333;
        }
    }
}

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

/* パソコン以上*/
@media screen and (min-width: 1281px) {
    body {
        .add_company {
            .layout_a .imgbox {
                width: 60%;
            }
        }

        &.roller-stone .ttl05,
        &.ground-art-wall .ttl05,
        &.snow-removal .ttl05,
        &.disaster-recovery-prevention .ttl05,
        &.building-equipment .ttl05,
        &.civil-engineering .ttl05 {
            font-size: 24px;
        }

        &.roller-stone .sec01 .ttl01,
        &.ground-art-wall .sec01 .ttl01,
        &.snow-removal .sec01 .ttl01,
        &.disaster-recovery-prevention .sec01 .ttl01,
        &.building-equipment .sec01 .ttl01,
        &.civil-engineering .sec01 .ttl01,
        &.employee-benefits .sec01 .ttl01,
        &.employee-benefits .sec03 .ttl01 {
            margin-bottom: 20px;
        }

        &.roller-stone .sec01 .ttl01 .eng_txt,
        &.ground-art-wall .sec01 .ttl01 .eng_txt,
        &.snow-removal .sec01 .ttl01 .eng_txt,
        &.disaster-recovery-prevention .sec01 .ttl01 .eng_txt,
        &.building-equipment .sec01 .ttl01 .eng_txt,
        &.civil-engineering .sec01 .ttl01 .eng_txt,
        &.employee-benefits .sec01 .ttl01 .eng_txt {
            font-size: 18px;
        }

        &.employee-benefits .sec04 .font_bold {
            font-size: 20px;
        }

        &.company {
            .line01 {
                padding-bottom: 60px;
                margin-bottom: 60px;
            }
        }
    }
}

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

        &.roller-stone .layout_b .imgbox,
        &.ground-art-wall .layout_b .imgbox, 
        &.snow-removal .layout_b .imgbox, 
        &.disaster-recovery-prevention .layout_b .imgbox, 
        &.building-equipment .layout_b .imgbox, 
        &.civil-engineering .layout_b .imgbox {
            width: 100%;
        }

        &.roller-stone .layout_a .imgbox,
        &.ground-art-wall .layout_a .imgbox, 
        &.snow-removal .layout_a .imgbox, 
        &.disaster-recovery-prevention .layout_a .imgbox, 
        &.building-equipment .layout_a .imgbox, 
        &.civil-engineering .layout_a .imgbox {
            width: 100%;
        }

        &.roller-stone .sec01 .ttl01,
        &.ground-art-wall .sec01 .ttl01,
        &.snow-removal .sec01 .ttl01,
        &.disaster-recovery-prevention .sec01 .ttl01,
        &.building-equipment .sec01 .ttl01,
        &.civil-engineering .sec01 .ttl01,
        &.employee-benefits .sec01 .ttl01,
        &.employee-benefits .sec03 .ttl01 {
            margin-bottom: 20px;
        }

        &.employee-benefits {
            .sub_images_ul li {
                width: calc(100% / 2 - 30px);
            }
        }

        &.company {
            .sec01 figure {
                text-align: center;
            }
        }

        .tp_sec01 .ttl01 .eng_txt {
            font-size: 30px;
        }
        
    }
}

/* 携帯*/
@media screen and (max-width: 767px) {
    body {

        header a.tel_link01 {
            display: none;
        }

        .swiper-container .swiper-wrapper .swiper-slide {
            height: calc(70vh);
        }

        #main_visual {
            height: calc(76vh - 60px);
        }

        #main_visual .copy_text {
            top: calc(80% - 50px);
        }

        .add_contact {
            .bnr_flex li {
                width: auto;
            }
        }

		a.tel_link {
			font-size: 38px;
		}
		
		
        &.roller-stone .sec02, 
        &.ground-art-wall .sec02, 
        &.snow-removal .sec02, 
        &.disaster-recovery-prevention .sec02, 
        &.building-equipment .sec02, 
        &.civil-engineering .sec02 {
            padding: 80px 0;
        }

        &.roller-stone .ttl05,
        &.ground-art-wall .ttl05,
        &.snow-removal .ttl05,
        &.disaster-recovery-prevention .ttl05,
        &.building-equipment .ttl05,
        &.civil-engineering .ttl05 {
            font-size: 20px;
        }

        &.roller-stone .sec01 .ttl01 .eng_txt,
        &.ground-art-wall .sec01 .ttl01 .eng_txt,
        &.snow-removal .sec01 .ttl01 .eng_txt,
        &.disaster-recovery-prevention .sec01 .ttl01 .eng_txt,
        &.building-equipment .sec01 .ttl01 .eng_txt,
        &.civil-engineering .sec01 .ttl01 .eng_txt,
        &.employee-benefits .sec01 .ttl01 .eng_txt {
            font-size: 16px;
        }

        &.employee-benefits {
            .sub_images_ul li {
                width: calc(100% / 2 - 10px);
            }
        }

        .tab-switch:checked + .tab-label + .tab-content {
            padding: 30px 0;
        }

        &.recruit {
            .sticky_box .sticky_ul {
                display: none;
            }
        }
    }
}