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

/* 全体（色系）*/
body {
    .category-list li a:hover {
        border: solid 1px #2D64B8;
        background-color: #2D64B8;
    }

    .unkmenu li a:hover {
        background-color: #2D64B8;
    }

    .unkmenu li a:before {
        color: #979797;
    }

    .faq_contents .accordion_one .accordion_header {
        background-color: #E7EBEF;
    }

    &.flow .sec02 .point_list {
        border-bottom: solid 1px #ccc;
        padding-bottom: 15px;
        margin-bottom: 15px;
    }

    &.company .tbl_list01 li .tbl_ttl {
        background-color: #EEEDEA;
        border: none;
    }

    &.company .tbl_list01 li .tbl_body {
        background-color: #F8F8F8;
        border-top: none;
        border-bottom: none;
        border-right: none;
    }
}

/* パソコン以上*/
@media screen and (min-width: 1281px) {
    body {
        .ttl02 .eng_txt {
            font-size: 60px;
        }

        .tp_sec02 .ttl01 .eng_txt {
            font-size: 60px;
        }

        .add_works .ttl01 .eng_txt {
            font-size: 60px;
        }
    }
}

/* タブレット*/
@media screen and (max-width: 1024px) {
    body {
        .ttl02 .eng_txt {
            font-size: 60px;
        }

        .tp_sec02 .ttl01 .eng_txt {
            font-size: 60px;
        }

        .add_works .ttl01 .eng_txt {
            font-size: 60px;
        }

        .tp_sec02 .layout_b .imgbox img,
        .tp_sec02 .layout_a .imgbox img {
            border-radius: 40px;
            border: solid 5px #C4D0DB;
        }

        .header_drawer_toggle .gnav-trg span.line,
        .header_drawer_toggle .gnav-trg::before,
        .header_drawer_toggle .gnav-trg::after {
            background-color: #fff;
        }

        .gnav ul.links_sns li a.ig_icon::before {
            background-image: none;
        }

        .gnav ul.links_sns {
            justify-content: center;
            margin-left: 0px;
        }
        
        .add_guide:before {
            height: 60px;
        }
    }
}

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

        .tp_news .eng_txt {
            font-size: 30px;
        }

        .ttl02 .eng_txt {
            font-size: 42px;
        }

        .tp_sec02 .ttl01 .eng_txt {
            font-size: 42px;
        }

        .add_works .ttl01 .eng_txt {
            font-size: 42px;
        }

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

        .add_contact .ttl02b .jp_txt {
            font-size: 24px;
        }

        &.air-conditioner .sec02 .ttl01 .eng_txt {
            font-size: 30px;
        }

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

        .sub_images_ul.cul2 li {
            width: 100%;
        }

        .mail_form .mailform_address_flex {
            display: block;
        }

        .mail_form .mailform_address_flex li {
            width: auto;
            margin-bottom: 10px;
        }

        .ttl01b:after {
            border-bottom: solid 2px #ccc;
        }
		
		&.flow .sec02 .sub_images_ul li, 
		&.air-conditioner .sec02 .sub_images_ul li, 
		&.house .sec02 .sub_images_ul li, 
		&.special-cleaning .sec02 .sub_images_ul li, 
		&.corporations-cleaning .sec02 .sub_images_ul li {
			margin-top: 20px;
		}
    }
}