@charset "Shift_JIS";

@media screen and (min-width:751px), print {
    #footerCta {
        background-image: url(/img/bg_footer_pc.jpg);
        padding: 115px 10vw 105px;
        margin-top: 100px;
    }
    .footerCtaBox {
        max-width: 1500px;
        margin-inline: auto;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 25px;
    }
    .footerCtaBox > div {
        padding: 40px 15px 50px;
    }
    .footerCtaBox h2 {
        font-size: 2rem;
    }
    .footerCtaLink1 {
        margin-top: 30px;
        max-width: 510px;
        margin-inline: auto;
        gap: 20px;
    }
    .footerCtaLink1 a {
        height: 85px;
        font-size: 1.3rem;
    }
    .footerCtaBox h2 + p {
        margin-top: 30px;
        max-width: 550px;
        margin-inline: auto;
    }
    .footerCtaLink2 {
        margin-top: 35px;
        max-width: 420px;
        margin-inline: auto;
        gap: 20px;
    }
    .footerCtaLink2 a {
        box-sizing: border-box;
        height: 125px;
        padding-left: 30px;
        font-size: 1.3rem;
    }
    .topProducts {
        background-image: url(/img/index_bg_products_pc.jpg);
        padding: 70px 10vw;
    }
    .topProducts h2 {
        max-width: 1500px;
        margin-inline: auto;
        text-align: left;
        font-size: 2.5rem;
    }
    .topProductsList {
        margin-top: 60px;
        max-width: 1500px;
        width: 100%;
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        column-gap: 1px;
        row-gap: 5px;
    }
    .topProductsList a .__img {
        height: 160px;
    }
    .topProductsList a .__img img {
        height: 160px;
    }
    .topProductsList a .__txt {
        height: 50px;
        font-size: 1.2rem;
        padding-left: 28px;
        padding-right: 28px;
    }
    .topLinkList {
        margin-top: 38px;
        width: 100%;
        max-width: 1500px;
        margin-inline: auto;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 1px;
    }

    .ws_link_grid {
        margin-top: 40px;
    }
    .ws_link_grid li strong {
        height: 65px;
        font-size: 1.5rem;
        letter-spacing: 0.1em;
        background-position: right 30px center;
        background-size: 9px auto;
    }
    .ws_link_grid li p img {
        width: 100%;
        max-width: calc(100% + 1px);
    }
    .news .__more_button label {
        height: 85px;
        padding-bottom: 25px;
        background-position: center bottom 15px;
    }
    .news .__more_button label span {
        font-size: 1.3rem;
    }
    .news #chkNewsMore:checked ~ .__more_button label {
        padding-top: 25px;
        padding-bottom: 0;
        background-position: center 15px;
    }
}
@media screen and (min-width:951px), print {
    .footerCtaLink1 a {
        background-position: right 35px center;
    }
    .footerCtaLink2 a {
        background-position: right 30px center;
        padding-left: 90px;
    }
    .footerCtaLink2 a::before {
        left: 40px;
        top: 50%;
        transform: translateY(-50%);
    }
    .footerCtaLink2 a.__catalog::before {
        width: 72px;
        height: 56px;
    }
    .footerCtaLink2 a.__outline::before {
        width: 74px;
        height: 70px;
    }

    .topProductsList {
        grid-template-columns: repeat(5, 1fr);
    }
    .topLinkList {
        grid-template-columns: repeat(3, 1fr);
    }

    .ws_link_grid {
        width: calc(100% - 40px);
        max-width: 1200px;
        grid-template-columns: repeat(2, 1fr);
        column-gap: 10px;
        row-gap: 50px;
    }
}
@media screen and (min-width:1551px), print {
    .topProductsList a .__img {
        height: 200px;
    }
    .topProductsList a .__img img {
        height: auto;
    }
    .topProductsList a .__txt {
        height: 65px;
        font-size: 1.4rem;
    }
    .topLinkList {
        gap: 3px;
    }
    .topLinkList a {
        background-position: right 20px center;
        height: 110px;
        font-size: 1.4rem;
        padding: 0 40px;
    }
    .topLinkList a .__svg {
        width: 24%;
    }
    .topLinkList a .__svg img {
        height: 63px;
    }
}