@charset "UTF-8";

/* privacy policy・transaction 共通 */
body.privacy, body.transaction {
    padding-top: 0;
}

.privacy #wrapper, .transaction #wrapper {
    padding-top: 2rem;
}

.privacy main, .transaction main {
    margin-top: 0;
}

.privacy__section, .transaction__section {
    width: 10.4rem;
    margin-left: auto;
    margin-right: auto;
    padding-top: .25rem;
}

.privacy__title .-jp, .transaction__title .-jp {
    margin-right: .3rem;
    font-size: .27rem;
    font-weight: 500;
    line-height: 1;
}

.privacy__title .-en, .transaction__title .-en {
    padding-top: .35em;
    font-size: .16rem;
    font-family: 'Metro Nova W01 Regular';
    font-weight: 400;
    letter-spacing: .05em;
    line-height: 1;
}

.privacy__content, .transaction__content {
    margin-top: .8rem;
}

/* privacy policy */
.privacy__content dl+dl {
    margin-top: .5rem;
}

.privacy__content dt {
    font-size: .2rem;
    font-weight: 500;
    line-height: 1.4;
}

.privacy__content dd {
    margin-top: .2rem;
    font-size: .14rem;
}

.privacy__content dd a.-tel {
    text-decoration: none;
}

@media screen and (min-width:768px) {
    .privacy__content dd a.-tel {
        pointer-events: none;
    }
}

/* transaction */
.transaction__content dl {
    padding: .22rem 0;
    border-top: 1px solid #afb7bc;
    display: flex;
    justify-content: space-between;
    gap: .1rem;
}

.transaction__content dl:nth-last-of-type(1) {
    border-bottom: 1px solid #afb7bc;
}

.transaction__content dt {
    width: 1.7rem;
    font-size: .16rem;
    font-weight: 500;
}

.transaction__content dd {
    flex: 1;
    font-size: .16rem;
}

.transaction__content dd a {
    text-decoration: none;
}

.transaction__accessMap {
    margin-top: .5rem;
    display: block;
}

.transaction__accessMap iframe {
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
}

@media screen and (min-width:768px) {
    .transaction__content dd a.-tel {
        pointer-events: none;
    }

    .transaction__accessMap .iframeParent {
        aspect-ratio: 16 / 7;
    }
}

/* footer　プライバシーポリシー/特定商取引法　リンク */
.footer__termsLink {
    margin-top: 0.33rem;
    display: flex;
    gap: 0.2rem;
    font-size: 0.14rem;
}

.footer__privacy {
    display: block;
    width: fit-content;
}

.footer__transaction {
    display: block;
    width: fit-content;
}

@media screen and (max-width:767px) {
    .privacy #wrapper, .transaction #wrapper {
        padding-top: 1.2rem;
    }

    .privacy__section, .transaction__section {
        width: auto;
        padding: .4rem 0 .3rem;
        margin-left: .3rem;
        margin-right: .3rem;
    }

    .privacy__title .-jp, .transaction__title .-jp {
        margin-right: 0;
        font-size: .2rem;
    }

    .privacy__title .-en, .transaction__title .-en {
        padding-top: .1rem;
        display: block;
        font-size: .15rem;
    }

    .privacy__content, .transaction__content {
        margin-top: .6rem;
    }

    .privacy__content dl+dl {
        margin-top: .4rem;
    }

    .privacy__content dt {
        font-size: .16rem;
    }

    .privacy__content dd {
        margin-top: .1rem;
        font-size: .14rem;
        line-height: 1.6;
    }

    .transaction__content dl {
        padding: .18rem 0;
        flex-direction: column;
        gap: .1rem;
    }

    .transaction__content dt {
        width: 100%;
        font-size: .14rem;
    }

    .transaction__content dd {
        flex: none;
        width: 100%;
        font-size: .14rem;
        line-height: 1.4;
    }

    .footer__termsLink {
        margin-top: 0.25rem;
        margin-bottom: 0.5rem;
        display: flex;
    }
}