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

.gallery-photo .gallery-slider .swiper-slide p img {
    object-fit: contain;
    aspect-ratio: inherit;
}

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

    .slick-slider::after {
        content: "";
        background-color: #F1F6FB;
        position: absolute;
        z-index: -1;
        /* 背景レイヤーに設定 */
        top: 100px;
        left: 0;
        right: 0;
        bottom: -35px;
    }

    .slick-slider {
        background-color: transparent;
    }


    hr {
        padding-bottom: 50px;
        margin-bottom: 50px;
    }

    .tp_sec02 .bnr_flex {
        margin-bottom: 40px;
    }

    .non_thum_list li {
        padding: 20px;
    }

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

    .tbl_list02 li {
        padding-left: 15px;
        padding-right: 15px;
    }

    .add_contact {
        padding: 40px 0;
    }

    &.obsession {
        img.border10 {
            border: 4px solid #BFD5D8;
        }

        .sec01 .layout_a:last-child {
            padding-bottom: 80px;
        }
    }

    .ttl10 {
        background-color: #1A4572;
    }

    .ttl10:before {
        border-top: 20px solid #1A4572;
    }

    &.car-coating .sec03 {
        padding: 80px 0 0 0;
    }


    &.car-wash .sec03,
    &.oil-change .sec03,
    &.car-interior-cleaning .sec03,
    &.sheet-metal .sec03 {
        padding: 80px 0;
    }

    &.car-wash .sec04,
    &.oil-change .sec04,
    &.car-interior-cleaning .sec04,
    &.car-coating .sec04,
    &.sheet-metal .sec04 {
        padding: 80px 0;
    }

    &.car-wash .sec05,
    &.oil-change .sec05,
    &.car-interior-cleaning .sec05,
    &.car-coating .sec05,
    &.sheet-metal .sec05 {
        padding: 80px 0;
    }

    .unkmenu li a:before {
        color: #DCDBD5;
        right: 20px;
    }

    .layout_c {
        padding: 0 3%;
        justify-content: flex-start;
    }

    .tbl_list01 li .tbl_ttl {
        font-weight: 600;
    }

    .h_compoany_btn:hover {
        border: solid 1px #EAF0F1;
        background-color: #EAF0F1;
    }

    .category-list li a:hover {
        border: solid 1px #1A4572;
        background-color: #1A4572;
    }
}

}

/* パソコン以上*/
@media screen and (min-width: 1281px) {
    body {
        &.company {
            .sec02 .ttl11 {
                border-left: solid 6px #1A4572;
            }
        }
    }
}

/* タブレット*/
@media screen and (max-width: 1024px) {
    body {
        .add_contact .add_contact_flex .txtbox {
            border-top: none;
            text-align: center;
        }

        .layout_c {
            justify-content: center;
        }

        &.car-coating .sec03 {
            padding: 50px 0 0 0;
        }

        &.car-wash .sec03,
        &.oil-change .sec03,
        &.car-interior-cleaning .sec03,
        &.sheet-metal .sec03 {
            padding: 50px 0;
        }

        &.car-wash .sec04,
        &.oil-change .sec04,
        &.car-interior-cleaning .sec04,
        &.car-coating .sec04,
        &.sheet-metal .sec04 {
            padding: 50px 0;
        }

        &.car-wash .sec05,
        &.oil-change .sec05,
        &.car-interior-cleaning .sec05,
        &.car-coating .sec05,
        &.sheet-metal .sec05 {
            padding: 50px 20px;
        }

        &.car-wash .sec05 .contents_wrap,
        &.oil-change .sec05 .contents_wrap,
        &.car-interior-cleaning .sec05 .contents_wrap,
        &.car-coating .sec05 .contents_wrap,
        &.sheet-metal .sec05 .contents_wrap {
            padding: 0px;
        }
    }
}

/* 携帯*/
@media screen and (max-width: 767px) {
    body {
        .gnav .gnav__inr .header-drawer-nav {
            margin: 30px auto;
        }

        #main_visual .mv_scr {
            padding-bottom: 75px;
        }

        #main_visual .mv_scr .line {
            height: 65px;
        }

        .footerUpper .f_menu {
            display: none;
        }

        .slick-slider::after {
            content: "";
            background-color: #F1F6FB;
            position: absolute;
            z-index: -1;
            top: 60px;
            left: 0;
            right: 0;
            bottom: -20px;
        }


    }
}