@charset "utf-8";

/* 追加css */

.wrap-contants-full {
	padding-top: -100px;
	margin: 100px auto 0;
    overflow-x: hidden;
}
.wrap-contants-full .block {
    margin: 0 auto;
    width: 980px;
}
#products .heading-products {
    font-size: 200%;
    line-height: 1.5;
}
#products .section-heading {
    font-size: 160%;
}
#products .block,
#home #product .block {
    padding-bottom: 80px;
}
#products .block .cf:not(:last-child) {
    margin-bottom: 50px;
}
#home #product .block .cf {
    margin-bottom: 5px;
}
#home #product .banner ul li {
    display: block;
}
#home #product .banner a {
    display: block;
}

.products-link {
    gap: 20px;
    display: flex;
    flex-wrap: wrap;
}
.products-link li {
    box-sizing: border-box;
    outline: none;
    float: none;
    margin: 0;
    width: calc( ( 100% - 40px ) / 3 );
}
.products-link li a {
    display: block;
    outline: none;
    transition: all 0.3s;
    /* text-decoration: none; */
}
.products-link li a:hover {
    opacity: 0.7;
}
.products-link li img {
    width: 100%;
    height: 47px;
    object-fit: cover;
}
.products-link li.current {
    opacity: 0.4;
}
.products-link li.current a {
    text-decoration: none;
}
.products-link li.current a:hover {
    opacity: 1;
}
.splide {
    margin: 20px 0 60px;
}
.splide__slide img {
    aspect-ratio: 4 / 3;
    object-fit: cover;
    width: 100%;
}

#home #recruit .link-btn {
    float: none;
    margin: 0 auto 30px 0;
}

@media screen and (max-width: 1024px) {
    .wrap-contants-full .block {
        margin: 0 auto;
        width: 96%;
    }
}

@media screen and (max-width: 656px) {
    .products-link {
        flex-direction: column;
        gap: 10px;
    }
    .products-link li {
        width: 100% !important;
    }
    .splide {
        margin: 10px 0 32px;
    }
    #products .block {
        padding-bottom: 50px;
    }
    #products .block.pages .cf:not(:last-child) {
        margin-bottom: 32px;
    }
    #products .heading-products {
        font-size: 180%;
        margin: 0 auto;
        width: 90%;
    }
    #home #product .banner a {
        margin-top: 20px;
    }
}

@media screen and (min-width: 657px) {
    .hide_pc {
        display: none;
    }
    .splide {
        margin: 0 auto 40px -5%;
        width: 110%;
    }
    .splide__slide img {
        transform: scale(0.8);
        transition: 0.5s;
    }
    .splide__slide.is-active img {
        transform: scale(1.1);
    }
    .splide__arrow--prev {
        left: 5.5% !important;
    }
    .splide__arrow--next {
        right: 5.5% !important;
    }
}