@charset "utf-8";

.page_contents.id_topics {
    background: linear-gradient(39deg, #212121 24.17%, #3D3D3D 54.77%, #8B8A8A 88.1%);
}

.topics_inner {
    width: 77.882353vw;
    margin: 30px auto 40px;
    padding: 3.676vw;
    background: #fff;
}

.page_contents.id_topics.policy h2 {
    font-size: 22px;
}

.topics_inner p {
    color: #212121;
}

ul.topics_cat {
    display: flex;
}

li.category_link {
    margin: 0 1.471vw;
}

li.category_link a {
    font-family: Inter;
    color: #9e9e9e;
}

li.category_link.active {
    color: #212121;
}

.news_wrap {
    margin: 40px auto 50px;
}

h3.post_title {
    color: var(--System-Gray-900, #212121);
    font-family: "Noto Sans JP";
    font-size: 1.176vw;
    font-style: normal;
    font-weight: 500;
    line-height: 1.765vw;
    letter-spacing: 0.047vw;
}

.news_page_wrap {
    display: flex;
    flex-wrap: wrap;
}

.post_card {
    margin: .5% .5% 40px;
    width: 24%;
}

.post_tag {
    display: flex;
    margin: 0.662vw 0 0.294vw;
    align-items: center;
}

.category {
    display: flex;
    line-height: normal;
}

.category span {
    font-size: 0.882vw;
    font-family: Inter;
    padding: 0.221vw 0.735vw;
    margin-right: 0.294vw;
    color: #fff;

}

span.blog {
    background: #FF7742;
}

span.news {
    background: #00C0B5;
}

span.campaign {
    background: #BED1D7;
}

span.event {
    background: #F1A9CE;
}

p.date {
    font-family: Inter;
    font-size: 0.882vw;
    font-style: normal;
    font-weight: 500;
    line-height: 1.103vw;
    letter-spacing: 0.035vw;
    color: #9e9e9e;
}

.wp-pagenavi {
    display: flex;
    justify-content: center;
}

span.pages {
    display: none;
}

span.current {
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: Inter;
    font-weight: 500;
    color: #9E9E9E;
    background: #fff;
    border-radius: 50%;
    font-size: 1.176vw;
    width: 2.5vw;
    height: 2.5vw;
    margin: 0 0.294vw;
}

a.page.smaller,
a.page.larger,
a.nextpostslink,
a.previouspostslink {
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: Inter;
    font-weight: 500;
    color: #9E9E9E;
    background: #424242;
    border-radius: 50%;
    font-size: 1.176vw;
    width: 2.5vw;
    height: 2.5vw;
    margin: 0 0.294vw;
}

a.nextpostslink,
a.previouspostslink {
    font-size: 1.029vw;
}

.default_h1 span {
    display: inline-block;
    margin-left: 8px;
    vertical-align: middle;
}

span.tel_no {
    display: flex;
}


.page_contents.id_topics.policy {

    .legal-inner {
        max-width: 800px;
        margin: auto;
    }

    dl {
        display: flex;
        padding: 15px 0;
        border-bottom: dotted 1px;

        dt {
            width: 30%;
            font-weight: 500;
        }

        dd {
            width: 70%;
        }


    }
}


/* privacy */

@media(max-width:767px) {


    .page_contents {
        padding: 17.949vw 0 5.128vw;
    }

    .topics_inner {
        width: 71vw;
        margin: 5.128vw auto 5.128vw;
        padding: 5.128vw 6.692308vw;
    }

    .page_contents.id_topics {
        background: linear-gradient(67deg, #212121 24.17%, #3D3D3D 54.77%, #8B8A8A 88.1%);
    }

    .page_contents.id_topics.policy h2 {
        font-size: 18px;
    }


    h1.default_h1 {
        font-size: 8.205128205128204vw;
        line-height: 38px;
        /* 118.75% */
    }

    h1.default_h1.wht span {
        font-size: 3.877vw;
        margin-top: 10px;
        font-weight: 400;
        letter-spacing: 0.3px;
        vertical-align: bottom;
        margin-left: 8px;
    }

    .topics_inner h2 {
        font-size: 4.615384615384616vw;
    }

    .topics_inner p {
        font-size: 3.5897435897435894vw;
    }

    ul.topics_cat {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    li.category_link {
        margin: 0 15px;
        font-size: 14px;
    }

    .news_wrap {
        margin: 30px auto 0px;
    }

    .post_card {
        width: 100%;
        margin: 0 0 10px;
    }

    .category span {
        text-align: center;
        font-family: Inter;
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: 15px;
        letter-spacing: 0.56px;
        padding :3px 10px;
        margin-top: 10px;
    }

    p.date {
        font-size: 12px;
        font-style: normal;
        font-weight: 500;
        line-height: 15px;
        letter-spacing: 0.48px;
        margin: 8px 2px 0;
    }

    h3.post_title {
        font-size: 16px;
        line-height: 1.2;
        margin-top: 3px;
    }

    span.current,
    a.page.smaller,
    a.page.larger {
        font-size: 16px;
        width: 34px;
        height: 34px;
        margin: 0 5px;
    }

    a.nextpostslink,
    a.previouspostslink {
        font-size: 12px;
        width: 34px;
        height: 34px;
        margin: 0 5px;
    }

    .page_contents.id_topics.policy {
        dl {
            display: flex;
            padding: 15px 0;
            border-bottom: dotted 1px;
            flex-direction: column;

            dt {
                width: 100%;
                font-weight: 500;
            }

            dd {
                width: 100%;
            }
        }
    }
}