@charset "utf-8";@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;700&display=swap";

@media (max-width: 1023px) {
    .mainContents {
        padding-left: 18px;
        padding-right: 17px
    }
}

@media (min-width: 1024px) {
    .tb_show{display: none !important;}
    .mainContents {
        width: min(100% - 80px, 1440px);
        margin: auto
    }
}

@media (max-width: 1023px) {
    .inner--tb {
        padding-left: 18px;
        padding-right: 17px
    }
}

.mainContents .page-ttl {
    font-size: 1.1875rem;
    font-weight: 500;
    margin-bottom: 20px
}

@media (min-width: 1024px) {
    .mainContents .page-ttl {
        font-size: 1.625rem;
        margin-bottom: 38px
    }
}

.worldshipping {
    font-family: "Poppins", "Noto Sans JP", sans-serif;
    letter-spacing: .13em;
}

@media (max-width: 1023px) {
    .worldshipping {
        padding: 0
    }
}

@media (min-width: 1024px) {
    .worldshipping {
        border: solid 1px #DCDCDC;
        padding: 87px min(11.5277777778vw, 166px) 128px
    }
}

.worldshipping .page-ttl {
    margin-bottom: 26px
}

@media (min-width: 1024px) {
    .worldshipping .page-ttl {
        margin-bottom: 10px;
        text-align: center
    }
}

.worldshipping__intro {
    margin-bottom: 46px
}

@media (min-width: 1024px) {
    .worldshipping__intro {
        text-align: center;
        margin-bottom: 56px
    }
}

.worldshipping__nav {
    margin-bottom: 86px;
    font-size: 1rem
}

@media (max-width: 1023px) {
    .worldshipping__nav {
        margin-bottom: 20px
    }
}

@media (min-width: 1024px) {
    .worldshipping__nav__list {
        display: flex;
        justify-content: center;
        align-items: center
    }

    .worldshipping__nav__list li:not(:last-child) {
        display: flex;
        align-items: center
    }

    .worldshipping__nav__list li:not(:last-child):after {
        content: "/";
        display: block;
        margin: 0 .5em
    }
}

.worldshipping__nav__link {
    opacity: .4
}

.worldshipping__nav__link:hover,
.worldshipping__nav__link.active {
    opacity: 1
}

.worldshipping__nav li:not(:has(.active)):after {
    opacity: .4
}

.worldshipping__nav .select-area {
    position: relative;
    z-index: 2
}

.worldshipping__nav .select-area a {
    color: unset;
}

@media (max-width: 1023px) {
    .worldshipping__nav .select-box {
        display: none;
        position: absolute;
        width: 100%;
        bottom: 0;
        transform: translateY(100%);
        background: #fff;
        border: solid 1px #F9F5F3;
        border-radius: 0 0 4px 4px;
        padding: .75em 0
    }

    .worldshipping__nav .select-box.show {
        display: block
    }

    .worldshipping__nav .select-box a {
        display: block;
        padding: .25em 1em
    }

    .worldshipping__nav .select-box--show {
        display: flex;
        align-items: center;
        height: 50px;
        border-radius: 4px;
        letter-spacing: .08em;
        font-weight: 500;
        background: #F9F5F3 url(/assets/front/img/worldshipping/ico-down.svg) no-repeat right 14px center;
        padding-left: 30px
    }
}

.worldshipping__content__top {
    margin-bottom: 30px;
    text-align: center
}

@media (min-width: 1024px) {
    .worldshipping__content__top {
        margin-bottom: 86px
    }
}

.worldshipping .worldshipping-section {
    padding-bottom: 50px
}

@media (min-width: 1024px) {
    .worldshipping .worldshipping-section {
        padding-bottom: 90px
    }
}

.worldshipping .worldshipping-section__ttl {
    font-size: 1rem;
    padding-bottom: 13px;
    margin-bottom: 20px;
    font-weight: 500;
    border-bottom: solid 1px #707070;
}

@media (min-width: 1024px) {
    .worldshipping .worldshipping-section__ttl {
        text-align: center;
        font-size: 1.625rem;
        padding-bottom: 24px;
        margin-bottom: 35px
    }
}

.worldshipping .worldshipping-section__txt {
    line-height: 2
}

.worldshipping .worldshipping-section__txt a {
    color: #49a3d8
}

.worldshipping__ol {
    line-height: 2;
    padding: 0;
}

.worldshipping__ol li:not(:last-child) {
    margin-bottom: 50px
}

@media (min-width: 1024px) {
    .worldshipping__ol li:not(:last-child) {
        margin-bottom: 160px
    }
}

.worldshipping__ol__txt {
    margin-bottom: 30px
}

@media (min-width: 1024px) {
    .worldshipping__ol__txt {
        margin-bottom: 60px
    }
}

.worldshipping__ol__txt a {
    color: #49a3d8
}

.worldshipping__ol__img {
    text-align: center
}

.worldshipping__ol__img img {
 width:100%
}

@media (min-width: 768px) {
    .worldshipping .button-area {
        width: 300px;
        margin: auto
    }
}