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

/* 全体（色系）*/
body {
    .non_thum_list li:first-child {
        border-top: 1px solid #ccc;
    }

    hr.co_blue {
        color: #008dd4;
        border-bottom: dotted 2px #008dd4;
    }

    &.job-description {
        .sec02 {
            .ttl05.type01 {
                border-bottom: dotted 2px #16a466;
            }
        }
    }

    &.contact {
        .ttl08::before {
            border-bottom: solid 2px #008dd4;
        }
    }
}

/* パソコン以上*/
@media screen and (min-width: 1281px) {
    body {
		.swiper-slide {
			margin-bottom: 50px;
		}
		
        .tp_sec01 {
            .layout_a .imgbox {
                width: 35%;
            }
        }

        .tp_sec02 {
            .lead {
                padding: 180px 0;
            }
        }

        .footerUpper .footer_flex .f_company {
            width: 45%;
        }

        .footerUpper .footer_flex .footerUpper_nav_area {
            width: 55%;
            justify-content: center;
        }

        header .header-r-area .h-contact .telbox {
            padding-right: 20px;
        }

        &.building-maintenance,
        &.sorting-out-belongings,
        &.organizing-before-death,
        &.special-cleaning,
        &.garbage-house-cleaning,
        &.recycling-business,
        &.house-cleaning,
        &.mowing,
        &.disinfection-sterilization {
            .sec02 {
                .layout_a .imgbox {
                    width: 55%;
                }
            }
        }

        &.job-description {
            .sec03 {
                .layout_b .imgbox {
                    width: 55%;
                }
            }
        }

        &.recruit {
            .sec02 {
                .sub_images_ul .li {
                    width: calc(50% - 15px);
                }
            }
        }
    }
}

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

/* タブレット*/
@media screen and (max-width: 1024px) {
    body {
        .daily_flow_dl dt .timer01 {
            bottom: -20px;
            left: -20%;
        }

        &.recruit {
            .sec02 {
                .sub_images_ul .li {
                    width: calc(50% - 15px);
                }
            }
        }
    }
}

/* 携帯*/
@media screen and (max-width: 767px) {
    body {
		
		.swiper-slide {
			margin-bottom: 25px;
		}

        .daily_flow_dl dt {
            width: auto;
        }

        .daily_flow_dl dd {
            margin-left: 0;
            margin-top: 20px;
        }

        .daily_flow_dl dt .timer01 {
            left: -5%;
        }

        .non_thum_list li {
                padding: 20px;
        }

        .non_thum_list li:after {
            right: 20px;
        }

        .accordion-area .faq_title {
            padding: 15px 9% 15px 40px;
        }

        &.recruit {
            .sec02 {
                .sub_images_ul .li {
                    width: 100%;
                }
            }
        }
    }
}