/* <<<変更不可ここから>>> */
.lp-wrapper {
    -webkit-font-smoothing: antialiased;
    font-weight: 400;
    font-size: 13px;
    letter-spacing: 0em;
    line-height: 1.8;
    color: #000;
    margin-block: 40px 25px;
    font-family: 'Archivo', 'Noto Sans JP', sans-serif;
}

.lp-wrapper .h1, h2, h3, h4, h5, h6, button {
    font-family: 'Archivo', 'Noto Sans JP', sans-serif;
}

@media screen and (min-width: 768px) {
    .lp-wrapper {
        margin-block: 60px 55px;
    }
}

.lp-wrapper *,
.lp-wrapper::before,
.lp-wrapper::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

.lp-wrapper a {
    text-decoration: none;
}

.lp-container,
.lp-container-narrow,
.lp-container-wide {
    width: calc(100% - 32px);
    margin-inline: auto;
}

@media screen and (min-width: 768px) {
    .lp-container {
        width: min(1080px, calc(100% - 120px));
    }
}

@media screen and (min-width: 992px) {
    .lp-container-narrow {
        width: min(840px, calc(100% - 120px));
    }
}

@media screen and (min-width: 992px) {
    .lp-container-wide {
        width: min(1440px, calc(100% - 104px));
    }
}

.lp-h2 {
    font-size: 18px;
    text-align: center;
    margin-bottom: 40px;
    font-weight: 700;
}

@media screen and (min-width: 768px) {
    .lp-h2 {
        font-size: 24px;
    }
}


/* <<<変更不可ここまで>>> */

/*
ここからページ固有のスタイルを記述
ブレイクポイントは、PC：〜992px、Tab：〜768、SP：767〜
*/

#page-hub-edito p {
    font-size: 12px;
}

#page-hub-edito .lp-container {
    background-color: #ff000025;
}

#page-hub-edito .lp-container-narrow {
    background-color: #00ff0025;
}

#page-hub-edito .lp-container-wide {
    /*background-color: #0000ff25;*/
}

#page-hub-edito .shopify-section {
    padding-bottom: 60px;
    border-bottom: 1px solid;
}

/* app.css */

#page-hub-edito .row {
    max-width: 1440px;
    margin-right: auto;
    margin-left: auto;
    display: flex;
    flex-flow: row wrap;
}

#page-hub-edito .row {
    position: relative;
}

@media screen and (min-width: 768px) and (max-width: 1520px) {
    #page-hub-edito .row {
        /*padding: 0 60px;*/
        align-items: center;
    }
}

#page-hub-edito .section-spacing-padding {
    /*padding-top: 50px;*/
    padding-bottom: 50px;
}

@media only screen and (min-width: 768px) {
    #page-hub-edito .section-spacing-padding {
        /*padding-top: 60px;*/
        padding-bottom: 60px;
    }
}


/* rich-text.css */

#page-hub-edito .rich-text {
    background: var(--color-bg, var(--bg-body));
    color: var(--color-text, var(--color-body))
}

#page-hub-edito .rich-text__inner {
    max-width: 620px;
    margin: 0 auto;
    padding: 0 20px
}

#page-hub-edito .rich-text__inner h3 {
    color: inherit
}

#page-hub-edito .rich-text__inner img,
#page-hub-edito .rich-text__inner .thb-placeholder {
    margin-bottom: 30px
}

#page-hub-edito .rich-text__inner .thb-placeholder {
    display: inline-block;
    width: 120px;
    height: 120px
}

#page-hub-edito .rich-text .rte {
    margin-bottom: 35px
}

#page-hub-edito .rich-text .rte p:last-child {
    margin-bottom: 0
}

#page-hub-edito .rich-text.text-position-left .rich-text__inner {
    margin-left: 0
}

#page-hub-edito .rich-text.text-position-right .rich-text__inner {
    margin-right: 0
}

#page-hub-edito .rich-text.text-width-small .rich-text__inner {
    max-width: 400px
}

#page-hub-edito .rich-text.text-width-large .rich-text__inner {
    max-width: 800px
}

#page-hub-edito .rich-text.text-width-xlarge .rich-text__inner {
    max-width: 1000px
}

#page-hub-edito .rich-text.text-width-grid .rich-text__inner {
    max-width: 1380px
}

/*# sourceMappingURL=/cdn/shop/t/5/assets/rich-text.css.map?v=104470190786103623011735578276 */

/* custom-rich-text.css */

#page-hub-edito .rich-text__inner h3 {
    width: min(733px, 100%)
}

#page-hub-edito .rich-text__inner h3.h3 {
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    margin-bottom: 20px
}

#page-hub-edito .rich-text__inner .rte {
    width: min(733px, 100%)
}

#page-hub-edito .rich-text__inner .rte.text-size-regular {
    color: var(--repetto-colors-black-primary, #000);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    margin-bottom: 10px
}

#page-hub-edito .rich-text__inner .rte.text-size-regular:not(a) {
    color: var(--repetto-colors-black-primary, #7b7678)
}

@media screen and (max-width: 768px) {
    #page-hub-edito .rich-text__inner {
        padding: 30px 16px 0
    }

    #page-hub-edito .rich-text__inner h3,
    #page-hub-edito .rich-text__inner .rte {
        width: 100%
    }
}

/*# sourceMappingURL=/cdn/shop/t/5/assets/custom-rich-text.css.map?v=1623024959389885591744728106 */

/* image-content-with-button.css */

#page-hub-edito .image-content-with-button .row {
    justify-content: space-between;
    gap: 0 30px;
}

#page-hub-edito .image-content-with-button .row .section-column {
    position: relative;
    margin-bottom: 30px;
    padding-bottom: calc(100% * 600 / 1120);
    width: 100%
}

#page-hub-edito .image-content-with-button .row .section-column.half-column {
    width: calc((100% - 30px)/2)
}

#page-hub-edito .image-content-with-button .row .section-column video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 5
}

#page-hub-edito .image-content-with-button .row .section-column .image-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 5
}

#page-hub-edito .image-content-with-button .row .section-column .image-wrap .bg-img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover
}

#page-hub-edito .image-content-with-button .row .section-column .content {
    position: absolute;
    bottom: 58px;
    left: 0;
    z-index: 10;
    width: 100%;
    color: #fff;
    text-align: center
}

#page-hub-edito .image-content-with-button .row .section-column .content .main-title {
    margin-bottom: 5px;
    font-size: 20px;
    font-weight: bolder
}

#page-hub-edito .image-content-with-button .row .section-column .content .desc {
    margin: 0 auto 30px;
    width: 438px;
    font-size: 14px;
    line-height: 22px
}

#page-hub-edito .image-content-with-button .row .section-column .content .text-link {
    display: inline-block;
    padding: 0 40px;
    min-width: 280px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border: 1px solid #fff
}

#page-hub-edito .image-content-with-button .row .section-column .content .text-link span {
    font-size: 12px;
    color: #fff
}

@media only screen and (max-width: 768px) {
    #page-hub-edito .image-content-with-button .row {
        /*padding: 0 16px*/
    }

    #page-hub-edito .image-content-with-button .row .section-column {
        margin-bottom: 16px;
        padding: 0 16px calc(100% * 600 / 343)
    }

    #page-hub-edito .image-content-with-button .row .section-column.half-column {
        width: 100%
    }

    #page-hub-edito .image-content-with-button .row .section-column .content .desc {
        width: 290px
    }
}

/*# sourceMappingURL=/cdn/shop/t/5/assets/image-content-with-button.css.map?v=6460656305483921421735578275 */

/* help-links.css */

#page-hub-edito .help-links .small-12 .container {
    padding: 20px 0;
    display: flex;
    border-top: 1px solid #fcf2f4;
    border-bottom: 1px solid #fcf2f4;
    align-items: center
}

#page-hub-edito .help-links .small-12 .container .text {
    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-right: 40px;
    flex-shrink: 0
}

#page-hub-edito .help-links .small-12 .container .links {
    display: flex;
    overflow: hidden
}

#page-hub-edito .help-links .small-12 .container .links a {
    margin-right: 40px;
    display: flex;
    align-items: center;
    flex-shrink: 0
}

#page-hub-edito .help-links .small-12 .container .links a .icon {
    margin-right: 10px
}

#page-hub-edito .help-links .small-12 .container .links a span {
    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-decoration-line: underline
}

#page-hub-edito .help-links .small-12 .container .links a:last-child {
    margin-right: 0
}

@media screen and (max-width: 768px) {
    #page-hub-edito .help-links {
        display: none
    }
}

/*# sourceMappingURL=/cdn/shop/t/5/assets/help-links.css.map?v=27217720959688368951735578281 */

/* spacer.css */

#page-hub-edito .spacer {
    position: relative;
    height: var(--spacer-mobile, 50px)
}

#page-hub-edito .spacer:before,
#page-hub-edito .spacer:after {
    content: " ";
    display: table;
    clear: both
}

@media only screen and (min-width: 768px) {
    #page-hub-edito .spacer {
        height: var(--spacer-desktop, 100px)
    }
}

#page-hub-edito .spacer.has-border-separator:before {
    content: "";
    height: 1px;
    display: block;
    margin: 0 auto;
    background: var(--color-border);
    width: 100%;
    position: absolute;
    top: 50%;
    left: 0
}

/*# sourceMappingURL=/cdn/shop/t/5/assets/spacer.css.map?v=31000789687832430481735578278 */