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

/* 全体（色系）*/
body {
    .add_contact {
        .ttl02:after {
            border-bottom: solid 2px #ffffff;
        }
    }

    .add_contact,
    .add_company {
        .ttl02b.wht:before {
            background-image: url(../images/common/ttl02b_logo.svg);
        }
    }

    .tp_news {
        .non_thum_list li {
                border-bottom: dotted 2px #fff;
        }
    }

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

        .sub_images_ul.cul2 {
            margin-bottom: 30px;
        }
    }
}

/* モニター以上*/
@media screen and (min-width: 1860px) {
    body {
        .tp_sec02 .bnr {
            .sub_images_ul.cul2 li {
                text-align: center;
            }

            .sub_images_ul.cul2 {
                gap: 30px 0;
            }
        }
    }
}

/* パソコン以上*/
@media screen and (min-width: 1281px) {
    body {
        &.company {
            .layout_c li {
                width: calc(100% / 2);
            }
        }

        .tp_sec02 .bnr {
            .sub_images_ul.cul2 li {
                text-align: center;
            }

            .sub_images_ul.cul2 {
                gap: 10px;
            }
        }
    }
}

/* タブレット*/
@media screen and (max-width: 1024px) {
    body {
        .tp_news .img_area {
            display: none;
        }

        .tp_news .news_list {
            width: 100%;
        }

        .unkmenu li a {
            font-size: 15px;
        }

        .contents_wrap {
            .contents_wrap {
                padding: 0;
            } 
        }

        .unkmenu {
            margin-top: 50px;
        } 
    }
}

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

        .tp_news .ttl01:before {
            left: 50%;
        }

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

        .swiper-container .swiper-wrapper .swiper-slide {
           height: calc(93vh);
        }
		
		.non_thum_list li {
			padding: 20px 10px;
		}
    }
}