@charset "UTF-8";

[data-astro-cid-nvj2yqlp],
[data-astro-cid-nvj2yqlp]:before,
[data-astro-cid-nvj2yqlp]:after {
    box-sizing: border-box
}

[data-astro-cid-nvj2yqlp] {
    margin: 0;
    padding: 0
}

img[data-astro-cid-nvj2yqlp],
picture[data-astro-cid-nvj2yqlp],
video[data-astro-cid-nvj2yqlp],
canvas[data-astro-cid-nvj2yqlp],
svg[data-astro-cid-nvj2yqlp] {
    display: block;
    max-width: 100%;
    height: auto
}

input[data-astro-cid-nvj2yqlp],
button[data-astro-cid-nvj2yqlp],
textarea[data-astro-cid-nvj2yqlp],
select[data-astro-cid-nvj2yqlp] {
    font: inherit
}

p[data-astro-cid-nvj2yqlp],
h1[data-astro-cid-nvj2yqlp],
h2[data-astro-cid-nvj2yqlp],
h3[data-astro-cid-nvj2yqlp],
h4[data-astro-cid-nvj2yqlp],
h5[data-astro-cid-nvj2yqlp],
h6[data-astro-cid-nvj2yqlp] {
    overflow-wrap: break-word
}

a[data-astro-cid-nvj2yqlp] {
    color: inherit;
    text-decoration: none
}

ul[data-astro-cid-nvj2yqlp],
ol[data-astro-cid-nvj2yqlp] {
    list-style: none
}

table[data-astro-cid-nvj2yqlp] {
    border-collapse: collapse;
    border-spacing: 0
}

button[data-astro-cid-nvj2yqlp] {
    background: none;
    border: none;
    cursor: pointer
}

[data-astro-cid-nvj2yqlp]:focus-visible {
    outline: 2px solid #007731;
    outline-offset: 2px
}

[data-astro-cid-nvj2yqlp]:focus:not(:focus-visible) {
    outline: none
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(20px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

.p-fv[data-astro-cid-nvj2yqlp] {
    position: relative;
    overflow: hidden
}

.p-fv__top[data-astro-cid-nvj2yqlp] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1
}

.p-fv__mainImg[data-astro-cid-nvj2yqlp] {
    position: relative;
    width: 100%
}

.p-fv__bottom[data-astro-cid-nvj2yqlp] {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 0
}

.p-fv__group[data-astro-cid-nvj2yqlp] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px
}

.p-fv__group--first[data-astro-cid-nvj2yqlp] {
    animation: fadeInUp .8s ease-out forwards
}

.p-fv__group--second[data-astro-cid-nvj2yqlp] {
    animation: fadeInUp .8s ease-out .3s forwards;
    opacity: 0;
    flex-direction: row;
    justify-content: flex-end;
    width: 100%;
    gap: 0
}

.p-fv__bg[data-astro-cid-nvj2yqlp] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 0
}

.p-fv__bgImg[data-astro-cid-nvj2yqlp] {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.p-fv__inner[data-astro-cid-nvj2yqlp] {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 30px
}

.p-fv__title[data-astro-cid-nvj2yqlp] {
    width: 349px;
    position: absolute;
    left: 50%;
    translate: -50% -40%;
    bottom: 20%
}

.p-fv__titleImg[data-astro-cid-nvj2yqlp] {
    width: 100%;
    max-width: clamp(300px, 60vw, 600px);
    height: auto
}

@media screen and (max-width:700px) {
    .p-fv__titleImg[data-astro-cid-nvj2yqlp] {
        max-width: 100%
    }
}

.p-fv__main[data-astro-cid-nvj2yqlp] {
    width: 230px
}

.p-fv__logo[data-astro-cid-nvj2yqlp] {
    width: 140px
}

.p-fv__mainImg[data-astro-cid-nvj2yqlp] {
    width: 100%;
    max-width: clamp(350px, 80vw, 800px);
    height: auto
}

@media screen and (max-width:700px) {
    .p-fv__mainImg[data-astro-cid-nvj2yqlp] {
        max-width: 100%
    }
}

.p-fv__title[data-astro-cid-nvj2yqlp] {
    font-weight: 700;
    font-size: 16px;
    line-height: 1.5;
    color: #ff69b4;
    text-align: center
}

[data-astro-cid-u63lc3nn],
[data-astro-cid-u63lc3nn]:before,
[data-astro-cid-u63lc3nn]:after {
    box-sizing: border-box
}

[data-astro-cid-u63lc3nn] {
    margin: 0;
    padding: 0
}

img[data-astro-cid-u63lc3nn],
picture[data-astro-cid-u63lc3nn],
video[data-astro-cid-u63lc3nn],
canvas[data-astro-cid-u63lc3nn],
svg[data-astro-cid-u63lc3nn] {
    display: block;
    max-width: 100%;
    height: auto
}

input[data-astro-cid-u63lc3nn],
button[data-astro-cid-u63lc3nn],
textarea[data-astro-cid-u63lc3nn],
select[data-astro-cid-u63lc3nn] {
    font: inherit
}

p[data-astro-cid-u63lc3nn],
h1[data-astro-cid-u63lc3nn],
h2[data-astro-cid-u63lc3nn],
h3[data-astro-cid-u63lc3nn],
h4[data-astro-cid-u63lc3nn],
h5[data-astro-cid-u63lc3nn],
h6[data-astro-cid-u63lc3nn] {
    overflow-wrap: break-word
}

a[data-astro-cid-u63lc3nn] {
    color: inherit;
    text-decoration: none
}

ul[data-astro-cid-u63lc3nn],
ol[data-astro-cid-u63lc3nn] {
    list-style: none
}

table[data-astro-cid-u63lc3nn] {
    border-collapse: collapse;
    border-spacing: 0
}

button[data-astro-cid-u63lc3nn] {
    background: none;
    border: none;
    cursor: pointer
}

[data-astro-cid-u63lc3nn]:focus-visible {
    outline: 2px solid #007731;
    outline-offset: 2px
}

[data-astro-cid-u63lc3nn]:focus:not(:focus-visible) {
    outline: none
}

@keyframes introFadeInUp {
    0% {
        opacity: 0;
        transform: var(--intro-base-transform, translateX(0)) translateY(30px)
    }

    to {
        opacity: 1;
        transform: var(--intro-base-transform, translateX(0)) translateY(0)
    }
}

[data-astro-cid-u63lc3nn][data-intro-animate] {
    opacity: 0
}

[data-astro-cid-u63lc3nn][data-intro-animate].is-visible {
    animation: introFadeInUp .8s ease-out forwards
}

[data-astro-cid-u63lc3nn][data-intro-animate="1"].is-visible {
    animation-delay: 0s
}

[data-astro-cid-u63lc3nn][data-intro-animate="2"].is-visible {
    animation-delay: .15s
}

[data-astro-cid-u63lc3nn][data-intro-animate="3"].is-visible {
    animation-delay: .3s
}

[data-astro-cid-u63lc3nn][data-intro-animate="4"].is-visible {
    animation-delay: .45s
}

[data-astro-cid-u63lc3nn][data-intro-animate="5"].is-visible {
    animation-delay: .6s
}

[data-astro-cid-u63lc3nn][data-intro-animate="6"].is-visible {
    animation-delay: .75s
}

[data-astro-cid-u63lc3nn][data-intro-animate="7"].is-visible {
    animation-delay: .9s
}

.p-about[data-astro-cid-u63lc3nn] {
    position: relative;
    background-image: var(--bnr-bg);
    background-size: 100% 100%;
    background-position: center;
    padding-block: 83px 130px
}

.p-about__title[data-astro-cid-u63lc3nn] {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    font-weight: 700;
    font-size: clamp(18px, 1.8vw, 18px);
    line-height: 26px;
    text-align: center;
    margin-bottom: 30px;
    padding-top: 60px;
    gap: 13px
}

.p-about__title[data-astro-cid-u63lc3nn]:before,
.p-about__title[data-astro-cid-u63lc3nn]:after {
    content: "";
    display: block;
    top: 0;
    left: 0;
    width: 3px;
    height: 26px;
    background-color: #eb91b4;
    border-radius: 3px;
    transform: rotate(30deg)
}

.p-about__title[data-astro-cid-u63lc3nn]:before {
    transform: rotate(-30deg)
}

.p-about__bnr[data-astro-cid-u63lc3nn] {
    position: relative;
    z-index: 1;
    margin-bottom: 57px
}

.p-about__bnr[data-astro-cid-u63lc3nn]:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: var(--bnr-mask);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    pointer-events: none;
    z-index: 0
}

.p-about__bnrSlider[data-astro-cid-u63lc3nn] {
    position: relative;
    overflow: hidden;
    padding-block: 0 51px
}

.p-about__bnrSlide[data-astro-cid-u63lc3nn] {
    width: 294px;
    position: relative;
    z-index: 1
}

.p-about__bnrImg[data-astro-cid-u63lc3nn] {
    width: 100%;
    height: auto;
    display: block;
    position: relative;
    z-index: 1
}

.p-about__bnrArrow[data-astro-cid-u63lc3nn] {
    position: absolute;
    top: 40%;
    transform: translateY(-50%);
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background-color: #eb91b4;
    border: 2px solid #fff;
    cursor: pointer;
    z-index: 10;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color .3s ease
}

@media(hover:hover)and (pointer:fine) {
    .p-about__bnrArrow[data-astro-cid-u63lc3nn]:hover {
        background-color: #f4b2cb
    }
}

.p-about__bnrArrow--prev[data-astro-cid-u63lc3nn] {
    left: 20px
}

.p-about__bnrArrow--next[data-astro-cid-u63lc3nn] {
    right: 20px;
    transform: translateY(-50%) rotate(180deg)
}

.p-about__bnrArrowImg[data-astro-cid-u63lc3nn] {
    width: 11px;
    height: 11px;
    object-fit: contain
}

.p-about__introInner[data-astro-cid-u63lc3nn] {
    padding-inline: 19px
}

.p-about__introLogo[data-astro-cid-u63lc3nn] {
    text-align: center
}

.p-about__introLogoImg[data-astro-cid-u63lc3nn] {
    width: 193px;
    height: auto;
    margin: -20px auto 0
}

.p-about__introTitle[data-astro-cid-u63lc3nn] {
    text-align: center;
    margin-bottom: 37px;
    min-inline: auto
}

.p-about__introTitleImg[data-astro-cid-u63lc3nn] {
    width: 100%;
    max-width: 400px;
    height: auto;
    margin: 0 auto
}

.p-about__introText[data-astro-cid-u63lc3nn] {
    font-weight: 700;
    font-size: 16px;
    line-height: 28px;
    text-align: center;
    color: #fff;
    text-shadow: 0px 3px 12px rgba(229, 154, 154, .4)
}

.p-about__introSubTitle[data-astro-cid-u63lc3nn] {
    font-weight: 700;
    font-size: 24px;
    line-height: 46px;
    text-align: center;
    color: #fff;
    text-shadow: 0px 3px 12px rgba(229, 154, 154, .4);
    margin-top: 28px
}

.p-about__introImages[data-astro-cid-u63lc3nn] {
    display: flex;
    flex-direction: column;
    gap: 34px;
    margin-top: 30px;
    position: relative
}

.p-about__introItem[data-astro-cid-u63lc3nn] {
    width: 100%
}

.p-about__introItem[data-astro-cid-u63lc3nn]:nth-child(1) {
    width: 175px;
    height: 175px
}

@media screen and (max-width:700px) {
    .p-about__introItem[data-astro-cid-u63lc3nn]:nth-child(1) {
        width: max(50%, 175px);
        height: max(50%, 175px)
    }
}

.p-about__introItem[data-astro-cid-u63lc3nn]:nth-child(2) {
    --intro-base-transform: translateY(-50%);
    width: 167px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%)
}

@media screen and (max-width:700px) {
    .p-about__introItem[data-astro-cid-u63lc3nn]:nth-child(2) {
        width: max(50%, 167px);
        height: max(40%, 118px)
    }
}

.p-about__introItem[data-astro-cid-u63lc3nn]:nth-child(3) {
    --intro-base-transform: translateX(-10%);
    width: 168px;
    height: 173px;
    margin: 0 auto;
    transform: translate(-10%)
}

@media screen and (max-width:700px) {
    .p-about__introItem[data-astro-cid-u63lc3nn]:nth-child(3) {
        width: max(50%, 168px);
        height: max(50%, 168px)
    }
}

.p-about__introImg[data-astro-cid-u63lc3nn] {
    width: 100%;
    height: auto;
    display: block
}

.p-about__movie[data-astro-cid-u63lc3nn] {
    position: relative;
    margin-top: 106px
}

.p-about__movieTitle[data-astro-cid-u63lc3nn] {
    font-weight: 700;
    font-size: clamp(20px, 2vw, 20px);
    line-height: 28px;
    text-align: center;
    color: #fff;
    margin-bottom: 32px
}

.p-about__movieSlider[data-astro-cid-u63lc3nn] {
    position: relative;
    overflow: hidden;
    margin-top: 32px
}

.p-about__movieSlide[data-astro-cid-u63lc3nn] {
    width: 294px
}

.p-about__moviePlayer[data-astro-cid-u63lc3nn] {
    width: 100%
}

.p-about__movieEmbed[data-astro-cid-u63lc3nn] {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
    background-color: #000;
    border-radius: 12px;
    overflow: hidden
}

.p-about__movieEmbed[data-astro-cid-u63lc3nn] iframe[data-astro-cid-u63lc3nn] {
    position: absolute;
    top: 0;
    left: 0;
    width: 150%;
    height: 150%;
    transform: scale(.6666666667);
    transform-origin: top left;
    border: none
}

.p-about__movieCaption[data-astro-cid-u63lc3nn] {
    font-family: Hiragino Kaku Gothic ProN, Hiragino Sans, ヒラギノ角ゴ ProN W3, sans-serif;
    font-weight: 400;
    font-size: 14px;
    letter-spacing: 0em;
    line-height: 28px;
    text-align: left;
    color: #fff;
    margin-top: 6px
}

.p-about__movieArrow[data-astro-cid-u63lc3nn] {
    position: absolute;
    top: 65%;
    transform: translateY(-50%);
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background-color: #eb91b4;
    border: 2px solid #fff;
    cursor: pointer;
    z-index: 10;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 8px #00000026
}

@media(hover:hover)and (pointer:fine) {
    .p-about__movieArrow[data-astro-cid-u63lc3nn]:hover {
        opacity: .7
    }
}

.p-about__movieArrow--prev[data-astro-cid-u63lc3nn] {
    left: 20px
}

.p-about__movieArrow--next[data-astro-cid-u63lc3nn] {
    right: 20px;
    transform: translateY(-50%) rotate(180deg)
}

.p-about__movieArrowImg[data-astro-cid-u63lc3nn] {
    width: 11px;
    height: 11px;
    object-fit: contain
}

.p-about__moviePagination[data-astro-cid-u63lc3nn] {
    display: flex;
    justify-content: center;
    gap: 8px;
    margin-top: 20px
}

.p-about__moviePagination[data-astro-cid-u63lc3nn] .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    background-color: #d9d9d9;
    border-radius: 50%;
    opacity: 1;
    cursor: pointer;
    transition: background-color .3s ease
}

.p-about__moviePagination[data-astro-cid-u63lc3nn] .swiper-pagination-bullet-active {
    background-color: #eb91b4
}

#point {
    scroll-margin-top: 110px
}

.p-point {
    background-image: var(--bg-image);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100% auto;
    padding-block: 105px 110px;
    position: relative;
    z-index: 1;
    margin-top: -40px
}

.p-point__introTitle {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    font-weight: 700;
    font-size: 16px;
    text-align: center;
    color: #675a5f
}

.p-point__introTitle:before,
.p-point__introTitle:after {
    content: "";
    display: block;
    width: 3px;
    height: 20px;
    background-color: #eb91b4;
    border-radius: calc(infinity * 1px)
}

.p-point__introTitle:before {
    transform: rotate(-30deg)
}

.p-point__introTitle:after {
    transform: rotate(30deg)
}

.p-point__size {
    width: 100%;
    padding: 0 20px
}

.p-point__sizeImg {
    width: 100%;
    height: auto;
    display: block;
    margin-top: 24px
}

.p-point__sizeGuide {
    font-size: 12px;
    line-height: 20px;
    color: #675a5f;
    text-align: center;
    margin-top: 16px
}

.p-point__content {
    padding: 0 20px;
    margin-top: 76px
}

.p-point__header {
    text-align: center;
    margin-bottom: 28px
}

.p-point__label {
    font-weight: 700;
    font-size: 14px;
    line-height: 28px;
    color: #675a5f;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px
}

.p-point__dot {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #eb91b4
}

.p-point__subTitle {
    font-weight: 700;
    font-size: 14px;
    line-height: 28px;
    color: #675a5f
}

.p-point__title {
    font-weight: 700;
    font-size: 20px;
    line-height: 28px;
    color: #675a5f;
    margin-top: 0
}

.p-point__tabNav {
    margin-bottom: 30px
}

.p-point__tabGuide {
    font-family: Noto Sans JP, sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    text-align: center;
    color: #675a5f;
    margin-bottom: 18px
}

.p-point__tabs {
    display: flex;
    flex-direction: column;
    gap: 10px 6px
}

.p-point__tabRow {
    display: flex;
    gap: 4px
}

.p-point__tab {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    flex: 1;
    background-color: #eb91b4;
    border-radius: 20px;
    padding: 8px 4px;
    border: none;
    cursor: pointer;
    text-align: center;
    transition: background-color .3s ease;
    position: relative;
    height: 84px
}

.p-point__tab--pants {
    background-color: #7faaea
}

@media(hover:hover)and (pointer:fine) {
    .p-point__tab--pants:hover {
        background-color: #abc7f2 !important
    }
}

@media(hover:hover)and (pointer:fine) {
    .p-point__tab:hover {
        background-color: #f4b2cb
    }
}

.p-point__tabLabel {
    font-family: Noto Sans JP, sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 1;
    color: #fff;
    display: block
}

.p-point__tabSizes {
    display: flex;
    flex-direction: column
}

.p-point__tabSize {
    white-space: nowrap;
    font-weight: 700;
    font-size: 13px;
    line-height: 20px;
    letter-spacing: -.04em;
    color: #fff
}

.p-point__tabArrow {
    display: block
}

.p-point__panel {
    display: none
}

.p-point__panel.is-active {
    display: block
}

.p-point__card {
    background-color: #fff;
    border-radius: 60px;
    padding: 43px 22px 62px
}

.p-point__cardHeader {
    text-align: center;
    margin-bottom: 32px
}

.p-point__cardTitle {
    font-family: Zen Maru Gothic, sans-serif;
    font-weight: 700;
    font-size: 20px;
    line-height: 28px;
    color: #675a5f;
    margin-bottom: 10px
}

.p-point__cardTag {
    display: inline-block;
    background-color: #eb91b4;
    border-radius: 14px;
    padding: 2px 22px
}

.p-point__cardTag--blue {
    background-color: #7faaea
}

.p-point__cardTagText {
    font-family: Noto Sans JP, sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #fff
}

.p-point__products {
    display: flex;
    justify-content: center;
    gap: 18px;
    margin-bottom: 32px
}

.p-point__products--single {
    justify-content: center
}

.p-point__product {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center
}

.p-point__productSize {
    background-color: #fff7fb;
    border: 2px dashed #fadada;
    border-radius: 10px;
    padding: 5px 12px 7px;
    margin-bottom: 18px;
    width: 88px;
    height: 60px;
    display: grid;
    place-items: center
}

.p-point__productSize--blue {
    background-color: #f0f6ff;
    border-color: #c8daf5
}

.p-point__productSizeLabel {
    font-family: Noto Sans JP, sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    color: #675a5f;
    display: block
}

.p-point__productSizeWeight {
    font-weight: 700;
    font-size: 18px;
    line-height: 1;
    color: #675a5f;
    display: block
}

.p-point__productImg {
    width: 144px;
    height: 117px;
    object-fit: contain
}

.p-point__productSizeImg {
    width: 88px;
    height: auto;
    margin-bottom: 18px;
    object-fit: contain
}

.p-point__section+.p-point__section {
    margin-top: 52px
}

.p-point__sectionHeader {
    background-color: #eb91b4;
    border-radius: 16px;
    padding: 14px 0;
    text-align: center;
    margin-bottom: 16px;
    position: relative
}

.p-point__sectionHeader--blue {
    background-color: #7faaea
}

.p-point__sectionHeaderArrow {
    position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translate(-50%);
    width: 20px;
    height: auto
}

.p-point__sectionHeaderText {
    font-weight: 700;
    font-size: 15px;
    line-height: 24px;
    color: #fff
}

.p-point__sectionTitleImg {
    display: block;
    width: auto;
    height: auto;
    max-width: 100%;
    height: 45px;
    margin: 0 auto 30px
}

.p-point__sectionTitle {
    width: fit-content;
    margin: 0 auto 30px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    gap: 4px;
    border-bottom: 2px dashed #EB91B4
}

.p-point__sectionTitle--blue {
    border-bottom: 2px dashed #7FAAEA
}

.p-point__sectionTitleText {
    font-weight: 700;
    font-size: 18px;
    line-height: 35px;
    color: #675a5f
}

.p-point__sectionTitleZero {
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #eb91b4;
    padding-bottom: 4px
}

.p-point__sectionTitleZero--blue {
    color: #7faaea
}

.p-point__sectionTitleZeroRuby {
    font-family: Noto Sans JP, sans-serif;
    font-weight: 400;
    font-size: 10px;
    line-height: 14px
}

.p-point__sectionTitleZeroNum {
    font-weight: 700;
    font-size: 30px;
    line-height: 30px
}

.p-point__features {
    display: flex;
    flex-direction: column;
    gap: 35px
}

.p-point__feature {
    display: flex;
    align-items: flex-start;
    gap: 14px
}

.p-point__featureIcon {
    width: 90px;
    height: auto;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden
}

.p-point__featureIcon--blue {
    border-color: #7faaea
}

.p-point__featureIconImg {
    width: 100%;
    height: 100%;
    object-fit: contain
}

.p-point__featureContent {
    flex: 1
}

.p-point__featureLabel {
    display: inline-block;
    font-family: Zen Maru Gothic, sans-serif;
    font-size: 11px;
    line-height: 1;
    color: #eb91b4;
    border: 1px solid #eb91b4;
    border-radius: 20px;
    padding: 4px 8px;
    margin-bottom: 4px
}

.p-point__featureTitle {
    font-family: Zen Maru Gothic, sans-serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    color: #675a5f;
    margin-bottom: 4px
}

.p-point__featureDesc {
    font-family: Noto Sans JP, sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #675a5f
}

.p-point__guide {
    background-color: #fdf2f8;
    border-radius: 40px;
    padding: 41px 20px 45px;
    margin-bottom: 59px;
    margin-top: 55px
}

.p-point__guideTitle {
    font-weight: 700;
    font-size: 18px;
    line-height: 28px;
    text-align: center;
    color: #675a5f;
    margin-bottom: 24px;
    white-space: nowrap
}

.p-point__guideSteps {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 28px
}

.p-point__guideStep {
    position: relative;
    text-align: center
}

.p-point__guideStepNum {
    display: grid;
    place-items: center;
    width: 31px;
    height: 31px;
    background-color: #eb91b4;
    border-radius: 50%;
    color: #fff;
    font-weight: 700;
    font-size: 16px;
    line-height: 1;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    transform: translate(-30%, -30%);
    padding-bottom: 1px
}

.p-point__guideStepImg {
    width: 120px;
    height: 86px;
    border-radius: 16px;
    margin: 0 auto 12px;
    overflow: hidden
}

@media screen and (max-width:700px) {
    .p-point__guideStepImg {
        width: 100%;
        height: auto
    }
}

.p-point__guideStepImg img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.p-point__guideStepText {
    font-family: Noto Sans JP, sans-serif;
    font-weight: 400;
    font-size: 14px;
    letter-spacing: .05em;
    line-height: 20px;
    color: #675a5f;
    text-align: left
}

.p-point__video {
    text-align: center
}

.p-point__videoLabel {
    font-weight: 700;
    font-size: 16px;
    line-height: 28px;
    color: #675a5f;
    margin-bottom: 4px
}

.p-point__videoTitle {
    font-weight: 700;
    font-size: 18px;
    line-height: 28px;
    color: #675a5f;
    margin-bottom: 20px
}

.p-point__videoPlayer {
    width: 100%
}

.p-point__videoThumb {
    background-color: #f7d2e6;
    border-radius: 6px;
    aspect-ratio: 16/9;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: opacity .3s ease;
    overflow: hidden;
    position: relative
}

.p-point__videoThumb iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 150%;
    height: 150%;
    transform: scale(.6666666667);
    transform-origin: top left;
    border: none
}

@media(hover:hover)and (pointer:fine) {
    .p-point__videoThumb:hover {
        opacity: .8
    }
}

.p-point__videoPlayBtn {
    width: 48.5px;
    height: 48.5px;
    background-color: #eb91b4;
    border-radius: 50%;
    position: relative
}

.p-point__videoPlayBtn:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 55%;
    transform: translate(-50%, -50%);
    width: 0;
    height: 0;
    border-left: 18px solid #fff;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent
}

[data-astro-cid-qgmtqmwk],
[data-astro-cid-qgmtqmwk]:before,
[data-astro-cid-qgmtqmwk]:after {
    box-sizing: border-box
}

[data-astro-cid-qgmtqmwk] {
    margin: 0;
    padding: 0
}

img[data-astro-cid-qgmtqmwk],
picture[data-astro-cid-qgmtqmwk],
video[data-astro-cid-qgmtqmwk],
canvas[data-astro-cid-qgmtqmwk],
svg[data-astro-cid-qgmtqmwk] {
    display: block;
    max-width: 100%;
    height: auto
}

input[data-astro-cid-qgmtqmwk],
button[data-astro-cid-qgmtqmwk],
textarea[data-astro-cid-qgmtqmwk],
select[data-astro-cid-qgmtqmwk] {
    font: inherit
}

p[data-astro-cid-qgmtqmwk],
h1[data-astro-cid-qgmtqmwk],
h2[data-astro-cid-qgmtqmwk],
h3[data-astro-cid-qgmtqmwk],
h4[data-astro-cid-qgmtqmwk],
h5[data-astro-cid-qgmtqmwk],
h6[data-astro-cid-qgmtqmwk] {
    overflow-wrap: break-word
}

a[data-astro-cid-qgmtqmwk] {
    color: inherit;
    text-decoration: none
}

ul[data-astro-cid-qgmtqmwk],
ol[data-astro-cid-qgmtqmwk] {
    list-style: none
}

table[data-astro-cid-qgmtqmwk] {
    border-collapse: collapse;
    border-spacing: 0
}

button[data-astro-cid-qgmtqmwk] {
    background: none;
    border: none;
    cursor: pointer
}

[data-astro-cid-qgmtqmwk]:focus-visible {
    outline: 2px solid #007731;
    outline-offset: 2px
}

[data-astro-cid-qgmtqmwk]:focus:not(:focus-visible) {
    outline: none
}

.c-designCard[data-astro-cid-qgmtqmwk] {
    --base-scale: 1.2;
    --hover-scale: calc(var(--base-scale) * 1.1);
    --origin: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 auto
}

.c-designCard--clickable[data-astro-cid-qgmtqmwk] {
    border: none;
    background: transparent;
    cursor: pointer;
    padding: 0
}

@media(hover:hover)and (pointer:fine) {
    .c-designCard--clickable[data-astro-cid-qgmtqmwk]:hover .c-designCard__image[data-astro-cid-qgmtqmwk] {
        transform: rotate(var(--rotation, 0)) scale(var(--hover-scale))
    }
}

.c-designCard__imageWrap[data-astro-cid-qgmtqmwk] {
    position: relative;
    width: 150px;
    height: 130px;
    display: flex;
    align-items: center;
    justify-content: center
}

.c-designCard__image[data-astro-cid-qgmtqmwk] {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transform: rotate(var(--rotation, 0)) scale(var(--base-scale));
    transform-origin: var(--origin);
    transition: transform .3s ease;
    filter: drop-shadow(0px 3px 12px rgba(177, 87, 199, .2))
}

.c-designCard__zoom[data-astro-cid-qgmtqmwk] {
    position: absolute;
    top: var(--zoom-top, auto);
    right: var(--zoom-right, 0);
    bottom: var(--zoom-bottom, 0);
    left: var(--zoom-left, auto);
    width: 31px;
    height: 31px;
    background-color: #c1a8ef;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center
}

.c-designCard__zoomIcon[data-astro-cid-qgmtqmwk] {
    position: relative;
    width: 14px;
    height: 14px
}

.c-designCard__zoomIcon[data-astro-cid-qgmtqmwk]:before,
.c-designCard__zoomIcon[data-astro-cid-qgmtqmwk]:after {
    content: "";
    position: absolute;
    background-color: #fff;
    border-radius: 2px
}

.c-designCard__zoomIcon[data-astro-cid-qgmtqmwk]:before {
    width: 2px;
    height: 14px;
    left: 50%;
    top: 0;
    transform: translate(-50%)
}

.c-designCard__zoomIcon[data-astro-cid-qgmtqmwk]:after {
    width: 14px;
    height: 2px;
    top: 50%;
    left: 0;
    transform: translateY(-50%)
}

.c-designCard__title[data-astro-cid-qgmtqmwk] {
    font-weight: 700;
    font-size: 16px;
    line-height: 1.5;
    color: #675a5f;
    text-align: center;
    margin-top: 8px
}

.c-designCard--04[data-astro-cid-qgmtqmwk] .c-designCard__title[data-astro-cid-qgmtqmwk] {
    transform: translate(4px, -18px)
}

.c-designCard--01[data-astro-cid-qgmtqmwk] {
    --base-scale: 1.3;
    --zoom-right: -16px;
    --zoom-bottom: 10px
}

.c-designCard--02[data-astro-cid-qgmtqmwk] {
    --zoom-right: -16px;
    --zoom-bottom: 10px
}

.c-designCard--03[data-astro-cid-qgmtqmwk] {
    --base-scale: 1.05;
    --origin: center bottom;
    --zoom-bottom: -10px;
    --zoom-right: -10px
}

.c-designCard--04[data-astro-cid-qgmtqmwk] {
    --base-scale: 1.3;
    --origin: center bottom;
    --zoom-right: -16px;
    --zoom-bottom: 10px
}

.c-designCard--05[data-astro-cid-qgmtqmwk] {
    --zoom-right: -16px;
    --zoom-bottom: 0px
}

.c-designCard--06[data-astro-cid-qgmtqmwk] {
    --zoom-right: -16px;
    --zoom-bottom: 14px
}

[data-astro-cid-dfolblmb],
[data-astro-cid-dfolblmb]:before,
[data-astro-cid-dfolblmb]:after {
    box-sizing: border-box
}

[data-astro-cid-dfolblmb] {
    margin: 0;
    padding: 0
}

img[data-astro-cid-dfolblmb],
picture[data-astro-cid-dfolblmb],
video[data-astro-cid-dfolblmb],
canvas[data-astro-cid-dfolblmb],
svg[data-astro-cid-dfolblmb] {
    display: block;
    max-width: 100%;
    height: auto
}

input[data-astro-cid-dfolblmb],
button[data-astro-cid-dfolblmb],
textarea[data-astro-cid-dfolblmb],
select[data-astro-cid-dfolblmb] {
    font: inherit
}

p[data-astro-cid-dfolblmb],
h1[data-astro-cid-dfolblmb],
h2[data-astro-cid-dfolblmb],
h3[data-astro-cid-dfolblmb],
h4[data-astro-cid-dfolblmb],
h5[data-astro-cid-dfolblmb],
h6[data-astro-cid-dfolblmb] {
    overflow-wrap: break-word
}

a[data-astro-cid-dfolblmb] {
    color: inherit;
    text-decoration: none
}

ul[data-astro-cid-dfolblmb],
ol[data-astro-cid-dfolblmb] {
    list-style: none
}

table[data-astro-cid-dfolblmb] {
    border-collapse: collapse;
    border-spacing: 0
}

button[data-astro-cid-dfolblmb] {
    background: none;
    border: none;
    cursor: pointer
}

[data-astro-cid-dfolblmb]:focus-visible {
    outline: 2px solid #007731;
    outline-offset: 2px
}

[data-astro-cid-dfolblmb]:focus:not(:focus-visible) {
    outline: none
}

.c-designModal[data-astro-cid-dfolblmb] {
    position: fixed;
    inset: 0;
    z-index: 6000000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    opacity: 0;
    visibility: hidden;
    transition: opacity .3s ease, visibility .3s ease;
    pointer-events: none;
    overflow-y: auto
}

.c-designModal[data-astro-cid-dfolblmb].is-open {
    opacity: 1;
    visibility: visible;
    pointer-events: auto
}

.c-designModal__overlay[data-astro-cid-dfolblmb] {
    position: fixed;
    inset: 0;
    background-color: #00000080;
    pointer-events: auto
}

.c-designModal__wrapper[data-astro-cid-dfolblmb] {
    position: relative;
    width: calc(100% - 40px);
    max-width: 350px;
    z-index: 1
}

.c-designModal__content[data-astro-cid-dfolblmb] {
    background-color: #fff;
    border-radius: 40px;
    padding: 40px 25px 35px;
    width: 100%;
    max-height: calc(100vh - 120px);
    overflow-y: auto;
    box-shadow: 0 3px 15px #00000029;
    transform: translateY(20px);
    transition: transform .3s ease
}

.is-open[data-astro-cid-dfolblmb] .c-designModal__content[data-astro-cid-dfolblmb] {
    transform: translateY(0)
}

.c-designModal__close[data-astro-cid-dfolblmb] {
    position: absolute;
    top: -15px;
    right: -15px;
    width: 44px;
    height: 44px;
    background-color: #c1a8ef;
    border: none;
    border-radius: 50%;
    cursor: pointer;
    z-index: 2;
    box-shadow: 0 2px 8px #0003
}

.c-designModal__close[data-astro-cid-dfolblmb]:before,
.c-designModal__close[data-astro-cid-dfolblmb]:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 18px;
    height: 2px;
    background-color: #fff;
    border-radius: 1px
}

.c-designModal__close[data-astro-cid-dfolblmb]:before {
    transform: translate(-50%, -50%) rotate(45deg)
}

.c-designModal__close[data-astro-cid-dfolblmb]:after {
    transform: translate(-50%, -50%) rotate(-45deg)
}

@media(hover:hover)and (pointer:fine) {
    .c-designModal__close[data-astro-cid-dfolblmb]:hover {
        background-color: #b399e0
    }
}

.c-designModal__title[data-astro-cid-dfolblmb] {
    font-family: Zen Maru Gothic, sans-serif;
    font-weight: 700;
    font-size: 20px;
    line-height: 1.4;
    color: #675a5f;
    text-align: center;
    margin-bottom: 20px
}

.c-designModal__section[data-astro-cid-dfolblmb] {
    margin-bottom: 20px
}

.c-designModal__section[data-astro-cid-dfolblmb]:last-child {
    margin-bottom: 0
}

.c-designModal__tag[data-astro-cid-dfolblmb] {
    display: block;
    width: fit-content;
    margin: 0 auto 15px;
    padding: 4px 20px;
    border-radius: 20px;
    font-family: Noto Sans JP, sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.5;
    color: #fff
}

.c-designModal__tag--pink[data-astro-cid-dfolblmb] {
    background-color: #eb91b4
}

.c-designModal__tag--blue[data-astro-cid-dfolblmb] {
    background-color: #7faaea
}

.c-designModal__images[data-astro-cid-dfolblmb] {
    display: flex;
    justify-content: center;
    gap: 10px
}

.c-designModal__image[data-astro-cid-dfolblmb] {
    width: 100%;
    height: auto;
    object-fit: contain
}

[data-astro-cid-nouda2hv],
[data-astro-cid-nouda2hv]:before,
[data-astro-cid-nouda2hv]:after {
    box-sizing: border-box
}

[data-astro-cid-nouda2hv] {
    margin: 0;
    padding: 0
}

img[data-astro-cid-nouda2hv],
picture[data-astro-cid-nouda2hv],
video[data-astro-cid-nouda2hv],
canvas[data-astro-cid-nouda2hv],
svg[data-astro-cid-nouda2hv] {
    display: block;
    max-width: 100%;
    height: auto
}

input[data-astro-cid-nouda2hv],
button[data-astro-cid-nouda2hv],
textarea[data-astro-cid-nouda2hv],
select[data-astro-cid-nouda2hv] {
    font: inherit
}

p[data-astro-cid-nouda2hv],
h1[data-astro-cid-nouda2hv],
h2[data-astro-cid-nouda2hv],
h3[data-astro-cid-nouda2hv],
h4[data-astro-cid-nouda2hv],
h5[data-astro-cid-nouda2hv],
h6[data-astro-cid-nouda2hv] {
    overflow-wrap: break-word
}

a[data-astro-cid-nouda2hv] {
    color: inherit;
    text-decoration: none
}

ul[data-astro-cid-nouda2hv],
ol[data-astro-cid-nouda2hv] {
    list-style: none
}

table[data-astro-cid-nouda2hv] {
    border-collapse: collapse;
    border-spacing: 0
}

button[data-astro-cid-nouda2hv] {
    background: none;
    border: none;
    cursor: pointer
}

[data-astro-cid-nouda2hv]:focus-visible {
    outline: 2px solid #007731;
    outline-offset: 2px
}

[data-astro-cid-nouda2hv]:focus:not(:focus-visible) {
    outline: none
}

.c-flowCard[data-astro-cid-nouda2hv] {
    border-radius: 30px;
    position: relative
}

.c-flowCard__number[data-astro-cid-nouda2hv] {
    position: absolute;
    top: 0;
    left: 0;
    transform: translate(-20%, -20%);
    width: 31px;
    height: 31px;
    background-color: #c1a8ef;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: Zen Maru Gothic, sans-serif;
    font-weight: 700;
    font-size: 16px;
    color: #fff;
    padding-bottom: 2px
}

.c-flowCard__imageWrap[data-astro-cid-nouda2hv] {
    width: 100%;
    aspect-ratio: 1/1;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 12px
}

.c-flowCard__image[data-astro-cid-nouda2hv] {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain
}

.c-flowCard__text[data-astro-cid-nouda2hv] {
    font-family: Noto Sans JP, sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.43;
    color: #675a5f;
    letter-spacing: .05em
}

.p-design {
    background-image: var(--bg-image);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100% 100%;
    padding: 100px 20px 130px;
    position: relative;
    z-index: 2;
    margin-top: -60px
}

.p-design__header {
    text-align: center;
    margin-bottom: 30px;
    position: relative
}

.p-design__label {
    font-weight: 700;
    font-size: 14px;
    line-height: 28px;
    color: #675a5f;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px
}

.p-design__dot {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #eb91b4
}

.p-design__title {
    font-weight: 700;
    font-size: 20px;
    line-height: 1.4;
    color: #675a5f;
    margin-top: 0
}

.p-design__subtitle {
    font-family: Noto Sans JP, sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #675a5f;
    margin-top: 32px
}

.p-design__dec {
    position: absolute;
    width: 50px;
    height: auto
}

.p-design__dec--left {
    left: 45px;
    top: 20px
}

.p-design__dec--right {
    right: 40px;
    top: 15px
}

.p-design__cards {
    display: flex;
    flex-direction: column;
    margin-bottom: 27px
}

.p-design__cardItem {
    width: 50%
}

.p-design__cardItem:nth-child(odd) {
    align-self: flex-start
}

.p-design__cardItem:nth-child(2n) {
    align-self: flex-end;
    margin-top: -70px
}

.p-design__cardItem:nth-child(n+3):nth-child(odd) {
    margin-top: -70px
}

.p-design__note {
    font-family: Noto Sans JP, sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 22px;
    color: #675a5f;
    text-align: center;
    margin-bottom: 53px
}

.p-design__download {
    background-color: #fff;
    border-radius: 60px;
    padding: 44px 25px 30px;
    margin-bottom: 30px
}

.p-design__downloadInner {
    text-align: center
}

.p-design__downloadTextWrap {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center
}

.p-design__downloadTextWrap:before,
.p-design__downloadTextWrap:after {
    content: "";
    display: block;
    flex-shrink: 0;
    width: 25px;
    height: 64px;
    background-image: var(--dec-nami);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

.p-design__downloadTextWrap:after {
    transform: scaleX(-1)
}

.p-design__downloadText {
    gap: 10px;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    color: #675a5f;
    margin-bottom: 20px;
    position: relative
}

.p-design__downloadText span {
    color: #eb91b4
}

.p-design__downloadBtn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    background: linear-gradient(90deg, #f2aab6, #eb91c2);
    border-radius: 39px;
    padding: 18px 40px;
    color: #fff;
    font-weight: 700;
    font-size: 16px;
    text-decoration: none;
    position: relative;
    overflow: hidden;
    z-index: 1
}

.p-design__downloadBtn:before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(to left, #f2bdda, #f5c6cd);
    border-radius: 39px;
    opacity: 0;
    transition: opacity .3s ease;
    z-index: -1
}

@media(hover:hover)and (pointer:fine) {
    .p-design__downloadBtn:hover:before {
        opacity: 1
    }
}

.p-design__downloadIcon {
    flex-shrink: 0;
    width: 17px;
    height: auto
}

.p-design__flow {
    margin-bottom: 50px;
    border-radius: 60px;
    background-color: #f8ebfc
}

.p-design__flowHeader {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    background-color: #fff;
    border-radius: 30px;
    padding: 30px 25px;
    border: none;
    cursor: pointer;
    transition: background-color .3s ease;
    position: relative
}

@media(hover:hover)and (pointer:fine) {
    .p-design__flowHeader:hover {
        background-color: #f5f5f5
    }
}

.p-design__flowHeader.is-open {
    border-radius: 30px
}

.p-design__flowHeader.is-open .p-design__flowToggle {
    transform: rotate(0) !important;
    transform: translateY(-50%) rotate(0) !important
}

.p-design__flowTitle {
    font-weight: 700;
    font-size: 16px;
    line-height: 1;
    color: #675a5f
}

.p-design__flowHeaderIcon {
    width: 36px;
    height: 24px;
    display: grid;
    place-items: center;
    position: absolute;
    left: 24px;
    top: 50%;
    transform: translateY(-50%)
}

.p-design__flowToggle {
    width: 31px;
    height: 31px;
    background-color: #c1a8ef;
    border-radius: 50%;
    background-image: var(--arrow-icon);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 12px auto;
    transition: transform .3s ease;
    transform: rotate(180deg);
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%) rotate(180deg);
    transform-origin: center
}

.p-design__flowContent {
    background-color: #f8ebfc;
    border-radius: 0 0 60px 60px;
    padding: 30px 22px 40px;
    display: none
}

.p-design__flowContent.is-open {
    display: block
}

.p-design__flowGrid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 20px;
    margin-bottom: 30px
}

.p-design__flowLast {
    text-align: center;
    position: relative
}

.p-design__flowLastNumber {
    position: absolute;
    top: 0;
    left: 0%;
    transform: translate(-20%, -20%);
    width: 31px;
    height: 31px;
    background-color: #c1a8ef;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: Zen Maru Gothic, sans-serif;
    font-weight: 700;
    font-size: 16px;
    color: #fff
}

.p-design__flowLastImg {
    width: 100%;
    height: auto;
    margin-bottom: 15px
}

.p-design__flowLastText {
    font-weight: 700;
    font-size: 16px;
    line-height: 1;
    color: #675a5f;
    display: inline-flex;
    align-items: center;
    gap: 8px
}

.p-design__flowLastText:before,
.p-design__flowLastText:after {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

.p-design__flowLastText:before {
    width: 36px;
    height: 42px;
    background-image: var(--dec01)
}

.p-design__flowLastText:after {
    width: 35px;
    height: 32px;
    background-image: var(--dec02)
}

.p-design__illustrator {
    background-color: #fff;
    border-radius: 60px;
    padding: 35px 22px 60px
}

.p-design__illustratorLabel {
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    color: #675a5f;
    text-align: center;
    margin-bottom: 8px;
    position: relative
}

.p-design__illustratorLabel:after {
    content: "";
    position: absolute;
    bottom: -2px;
    left: 50%;
    transform: translate(-50%);
    width: 142px;
    height: 6px;
    background-color: #fbdce7;
    border-radius: 99px
}

.p-design__illustratorLabelText {
    position: relative;
    z-index: 1
}

.p-design__illustratorProfile {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    margin: 25px 0 30px
}

.p-design__illustratorImg {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    object-fit: cover
}

.p-design__illustratorName {
    font-weight: 700;
    font-size: 18px;
    line-height: 1;
    color: #675a5f;
    margin-bottom: 8px
}

.p-design__illustratorNameEn {
    font-weight: 700;
    font-size: 14px;
    line-height: 1;
    color: #675a5f
}

.p-design__illustratorDesc {
    font-family: Noto Sans JP, sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .1em;
    color: #675a5f;
    margin-bottom: 35px
}

.p-design__illustratorLink {
    width: fit-content;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    font-weight: 700;
    font-size: 16px;
    color: #675a5f;
    text-decoration: none;
    position: relative;
    padding-bottom: 8px
}

.p-design__illustratorLink:visited,
.p-design__illustratorLink:active {
    color: #675a5f !important
}

.p-design__illustratorLink:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 6px;
    background-image: var(--underline-img);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% auto
}

@media(hover:hover)and (pointer:fine) {
    .p-design__illustratorLink:hover {
        opacity: .7
    }
}

.p-design__illustratorArrow {
    display: block;
    width: 6px;
    height: auto
}

.p-lineup {
    padding: 95px 20px 100px;
    position: relative;
    background-image: var(--bg-image);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100% 100%;
    z-index: 3;
    margin-top: -60px
}

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

.p-lineup__label {
    font-family: Zen Maru Gothic, sans-serif;
    font-weight: 700;
    font-size: 14px;
    line-height: 28px;
    color: #675a5f;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px
}

.p-lineup__dot {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #eb91b4
}

.p-lineup__title {
    font-weight: 700;
    font-size: 20px;
    line-height: 1.4;
    color: #675a5f;
    margin-top: 8px
}

.p-lineup__category {
    margin-bottom: 71px
}

.p-lineup__categoryHeader {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    margin-bottom: 30px
}

.p-lineup__categoryHeaderImg {
    display: block;
    width: auto;
    height: auto;
    max-width: 100%;
    margin: 0 auto
}

.p-lineup__line {
    width: 100px;
    height: 2px;
    border-bottom: 2px dashed #EB91B4
}

.p-lineup__line--blue {
    border-bottom: 2px dashed #7FAAEA
}

.p-lineup__categoryLabel {
    font-family: Noto Sans JP, sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #fff;
    padding: 2px 20px;
    border-radius: 14px
}

.p-lineup__categoryLabel--tape {
    background-color: #eb91b4
}

.p-lineup__categoryLabel--pants {
    background-color: #7faaea
}

.p-lineup__products {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 32px 16px
}

.p-lineup__product {
    text-align: center
}

.p-lineup__productImage {
    margin-bottom: 10px
}

.p-lineup__productImage img {
    width: 100%;
    max-width: 160px;
    height: auto;
    margin: 0 auto
}

.p-lineup__productName {
    font-weight: 700;
    font-size: 16px;
    line-height: 1.4;
    color: #675a5f;
    margin-bottom: 4px
}

.p-lineup__productWeight {
    font-family: Noto Sans JP, sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #675a5f;
    margin-bottom: 12px
}

.p-lineup__productBtn {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 6px 24px;
    border-radius: 20px;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #fff;
    text-decoration: none;
    transition: opacity .3s ease
}

.p-lineup__productBtn--tape {
    background-color: #eb91b4
}

.p-lineup__productBtn--pants {
    background-color: #7faaea
}

@media(hover:hover)and (pointer:fine) {
    .p-lineup__productBtn:hover {
        opacity: .8
    }
}

.p-lineup__productArrow {
    width: 5px;
    height: 9px;
    position: relative;
    position: absolute;
    top: 50%;
    right: 14px;
    transform: translateY(-50%)
}

.p-lineup__productArrow:before,
.p-lineup__productArrow:after {
    content: "";
    position: absolute;
    width: 6px;
    height: 1.5px;
    background-color: #fff;
    border-radius: 1px;
    right: 0
}

.p-lineup__productArrow:before {
    top: 2px;
    transform: rotate(45deg)
}

.p-lineup__productArrow:after {
    bottom: 2px;
    transform: rotate(-45deg)
}

.p-lineup__sizeup {
    background-color: #fdf2f8;
    border-radius: 60px;
    padding: 36px 29px 50px
}

.p-lineup__sizeupTitle {
    font-family: Zen Maru Gothic, sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    color: #675a5f;
    text-align: center;
    margin-bottom: 26px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    gap: 8px
}

.p-lineup__sizeupTitle:before,
.p-lineup__sizeupTitle:after {
    content: "";
    display: block;
    flex-shrink: 0;
    width: 3px;
    height: 45px;
    background-color: #eb91b4
}

.p-lineup__sizeupTitle:before {
    transform: rotate(-30deg)
}

.p-lineup__sizeupTitle:after {
    transform: rotate(30deg)
}

.p-lineup__sizeupDec {
    width: 16px;
    height: 42px;
    flex-shrink: 0
}

.p-lineup__sizeupDec--left {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 42'%3E%3Cpath d='M8 0C8 4 4 8 0 12M8 14C8 18 4 22 0 26M8 28C8 32 4 36 0 40' stroke='%23EB91B4' stroke-width='2' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center;
    background-size: contain
}

.p-lineup__sizeupDec--right {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 42'%3E%3Cpath d='M8 0C8 4 12 8 16 12M8 14C8 18 12 22 16 26M8 28C8 32 12 36 16 40' stroke='%23EB91B4' stroke-width='2' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center;
    background-size: contain
}

.p-lineup__sizeupList {
    display: flex;
    flex-direction: column;
    gap: 0
}

.p-lineup__sizeupItem {
    display: flex;
    align-items: center;
    gap: 30px;
    padding: 12px 0;
    position: relative
}

.p-lineup__sizeupDivider {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: auto
}

.p-lineup__sizeupIcon {
    width: 82px;
    height: 82px;
    flex-shrink: 0;
    border-radius: 30px;
    overflow: hidden;
    border: 3px solid #fff
}

.p-lineup__sizeupIcon img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.p-lineup__sizeupText {
    font-family: Zen Maru Gothic, sans-serif;
    font-weight: 700;
    font-size: 15px;
    line-height: 24px;
    color: #675a5f
}

.p-reviews {
    padding: 98px 20px 140px;
    position: relative;
    background-image: var(--bg-image);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100% auto;
    min-height: 800px
}

.p-reviews__header {
    text-align: center;
    margin-bottom: 22px
}

.p-reviews__label {
    font-family: Zen Maru Gothic, sans-serif;
    font-weight: 700;
    font-size: 14px;
    line-height: 28px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px
}

.p-reviews__dot {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #fff
}

.p-reviews__title {
    font-family: Zen Maru Gothic, sans-serif;
    font-weight: 700;
    font-size: 20px;
    line-height: 1.4;
    color: #fff;
    margin-top: 8px
}

.p-reviews__embed {
    background-color: #fffc;
    border-radius: 0;
    padding: 0;
    min-height: 473px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 60px
}

.p-reviews__embedText {
    font-family: Zen Maru Gothic, sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    color: #675a5f;
    text-align: center
}

.p-reviews__instagram {
    position: relative;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    margin: 0 auto 80px;
    max-width: 347px
}

.p-reviews__phone {
    width: 224px;
    flex-shrink: 0;
    position: relative;
    z-index: 1;
    position: absolute;
    top: 10px;
    left: -40px
}

.p-reviews__phone img {
    width: 100%;
    height: auto
}

.p-reviews__bubble {
    background-color: #fff;
    border-radius: 51px;
    padding: 24px 0;
    position: relative;
    margin-left: auto;
    margin-top: 52px;
    width: 210px
}

.p-reviews__bubbleIcon {
    width: 50px;
    height: 50px;
    margin: 0 auto 12px
}

.p-reviews__bubbleIcon img {
    width: 100%;
    height: 100%;
    object-fit: contain
}

.p-reviews__bubbleText {
    text-align: center;
    position: relative
}

.p-reviews__hashtag {
    display: block;
    font-family: Zen Maru Gothic, sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 30px;
    color: #eb91b4;
    position: relative;
    width: fit-content;
    margin: 0 auto;
    z-index: 0
}

.p-reviews__hashtag:after {
    content: "";
    position: absolute;
    bottom: 2px;
    left: 50%;
    transform: translate(-50%);
    width: 100%;
    height: 6px;
    background-color: #fbdce7;
    border-radius: 99px;
    z-index: 0
}

.p-reviews__hashtagText {
    position: relative;
    z-index: 1
}

.p-reviews__hashtagSub {
    display: block;
    font-family: Zen Maru Gothic, sans-serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 30px;
    color: #675a5f
}

.p-reviews__bubbleTail {
    position: absolute;
    bottom: -20px;
    left: 50%;
    transform: translate(-50%);
    width: 30px;
    height: 25px;
    background-image: var(--bubble-tail);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

.p-reviews__followBtn {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    border-radius: 28px;
    padding: 8px 50px 8px 30px;
    width: 282px;
    height: 56px;
    margin: 0 auto;
    text-decoration: none;
    position: relative;
    transition: opacity .3s ease
}

@media(hover:hover)and (pointer:fine) {
    .p-reviews__followBtn:hover {
        opacity: .7
    }
}

.p-reviews__followText {
    font-family: Zen Maru Gothic, sans-serif;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -.7px;
    color: #675a5f;
    text-align: center
}

.p-reviews__followArrow {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    display: block;
    width: 6px;
    height: auto
}

#shop {
    scroll-margin-top: 0
}

@media screen and (max-width:700px) {
    #shop {
        scroll-margin-top: 70px
    }
}

.p-shop {
    padding: 98px 20px 150px;
    position: relative;
    z-index: 3;
    background-image: var(--bg-image);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100% auto;
    margin-top: -40px
}

@media screen and (max-width:700px) {
    .p-shop {
        padding: 40px 20px 80px;
        margin-bottom: 0
    }
}

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

.p-shop__label {
    font-weight: 700;
    font-size: 14px;
    line-height: 28px;
    color: #675a5f;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px
}

.p-shop__dot {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #eb91b4
}

.p-shop__title {
    font-weight: 700;
    font-size: 20px;
    line-height: 1.4;
    color: #675a5f
}

.p-shop__list {
    display: flex;
    flex-direction: column;
    gap: 5px
}

.p-shop__item {
    height: var(--item-height)
}

@media screen and (max-width:700px) {
    .p-shop__item {
        width: 100%;
        height: auto
    }
}

.p-shop__link {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    border-radius: 5px;
    background-color: #fff;
    transition: opacity .3s ease
}

@media(hover:hover)and (pointer:fine) {
    .p-shop__link:hover {
        opacity: .8
    }
}

.p-shop__image {
    object-fit: contain
}

[data-astro-cid-kcdaf6n7],
[data-astro-cid-kcdaf6n7]:before,
[data-astro-cid-kcdaf6n7]:after {
    box-sizing: border-box
}

[data-astro-cid-kcdaf6n7] {
    margin: 0;
    padding: 0
}

img[data-astro-cid-kcdaf6n7],
picture[data-astro-cid-kcdaf6n7],
video[data-astro-cid-kcdaf6n7],
canvas[data-astro-cid-kcdaf6n7],
svg[data-astro-cid-kcdaf6n7] {
    display: block;
    max-width: 100%;
    height: auto
}

input[data-astro-cid-kcdaf6n7],
button[data-astro-cid-kcdaf6n7],
textarea[data-astro-cid-kcdaf6n7],
select[data-astro-cid-kcdaf6n7] {
    font: inherit
}

p[data-astro-cid-kcdaf6n7],
h1[data-astro-cid-kcdaf6n7],
h2[data-astro-cid-kcdaf6n7],
h3[data-astro-cid-kcdaf6n7],
h4[data-astro-cid-kcdaf6n7],
h5[data-astro-cid-kcdaf6n7],
h6[data-astro-cid-kcdaf6n7] {
    overflow-wrap: break-word
}

a[data-astro-cid-kcdaf6n7] {
    color: inherit;
    text-decoration: none
}

ul[data-astro-cid-kcdaf6n7],
ol[data-astro-cid-kcdaf6n7] {
    list-style: none
}

table[data-astro-cid-kcdaf6n7] {
    border-collapse: collapse;
    border-spacing: 0
}

button[data-astro-cid-kcdaf6n7] {
    background: none;
    border: none;
    cursor: pointer
}

[data-astro-cid-kcdaf6n7]:focus-visible {
    outline: 2px solid #007731;
    outline-offset: 2px
}

[data-astro-cid-kcdaf6n7]:focus:not(:focus-visible) {
    outline: none
}

.c-bgSlideshow[data-astro-cid-kcdaf6n7] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: -1
}

.c-bgSlideshow__slide[data-astro-cid-kcdaf6n7] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0;
    animation: fadeSlide 24s infinite linear
}

@keyframes fadeSlide {
    0% {
        opacity: 0
    }

    4.17% {
        opacity: 1
    }

    25% {
        opacity: 1
    }

    29.17% {
        opacity: 0
    }

    to {
        opacity: 0
    }
}

*,
*:before,
*:after {
    box-sizing: border-box
}

* {
    margin: 0;
    padding: 0
}

html {
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent
}

body {
    min-height: 100vh;
    line-height: 1.5;
    -webkit-font-smoothing: antialiased
}

img,
picture,
video,
canvas,
svg {
    display: block;
    max-width: 100%;
    height: auto
}

input,
button,
textarea,
select {
    font: inherit
}

p,
h1,
h2,
h3,
h4,
h5,
h6 {
    overflow-wrap: break-word
}

a {
    color: inherit;
    text-decoration: none
}

ul,
ol {
    list-style: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

button {
    background: none;
    border: none;
    cursor: pointer
}

:focus-visible {
    outline: 2px solid #007731;
    outline-offset: 2px
}

:focus:not(:focus-visible) {
    outline: none
}

.p-pageTitle {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0
}

.p-campaign-page {
    position: relative;
    font-family: Zen Maru Gothic, sans-serif;
    font-feature-settings: "palt"on;
    overflow-x: hidden;
    min-height: 100dvh
}

.p-campaign-page::-webkit-scrollbar {
    display: none
}

.p-campaign-page a:active,
.p-campaign-page a:visited {
    color: #fff
}

@media(hover:hover)and (pointer:fine) {
    .p-campaign-page a:hover {
        text-decoration: none !important
    }
}

.p-campaign-inner {
    width: 1004px;
    margin: 0 auto;
    position: relative
}

.p-campaign-aside {
    position: fixed;
    top: 0;
    height: 100vh;
    z-index: 0;
    opacity: 1;
    transition: opacity .5s ease
}

.p-campaign-aside.is-hidden {
    opacity: 0;
    pointer-events: none
}

.p-campaign-aside--left {
    left: 50%;
    transform: translate(-502px);
    width: 368px;
    pointer-events: none
}

.p-campaign-aside--right {
    left: 50%;
    transform: translate(374px);
    width: 128px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    padding-bottom: clamp(100px, 10vw, 100px);
    pointer-events: none
}

.p-campaign-aside__logo {
    width: 100%;
    height: auto
}

.p-campaign-aside__inner {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    padding-top: 80px
}

.p-campaign-aside__illust {
    width: 323px;
    height: 74px;
    margin-bottom: 17px
}

.p-campaign-aside__illustImg {
    width: 100%;
    height: 100%;
    object-fit: contain
}

.p-campaign-aside__nav {
    width: 100%;
    padding-left: 36px
}

.p-campaign-aside__navList {
    list-style: none;
    margin: 0;
    padding: 0;
    pointer-events: auto
}

.p-campaign-aside__navItem {
    display: flex;
    width: fit-content;
    align-items: center;
    gap: 8px;
    margin-bottom: 18px;
    position: relative
}

.p-campaign-aside__navItem:after {
    content: "";
    position: absolute;
    left: 8px;
    bottom: -4px;
    width: 100%;
    height: 2px;
    background-repeat: no-repeat;
    background-size: 100% auto;
    opacity: 0;
    transition: opacity .3s ease
}

.p-campaign-aside__navItem[data-nav-target=about]:after {
    background-image: url(/images/goon/morezero/line_message.png)
}

.p-campaign-aside__navItem[data-nav-target=point]:after {
    background-image: url(/images/goon/morezero/line_point.png)
}

.p-campaign-aside__navItem[data-nav-target=movie]:after {
    background-image: url(/images/goon/morezero/line_movie.png)
}

.p-campaign-aside__navItem[data-nav-target=edm1]:after {
    background-image: url(/images/goon/morezero/line_design.png)
}
.p-campaign-aside__navItem[data-nav-target=edm2]:after {
    background-image: url(/images/goon/morezero/line_design.png)
}
.p-campaign-aside__navItem[data-nav-target=design]:after {
    background-image: url(/images/goon/morezero/line_design.png)
}

.p-campaign-aside__navItem[data-nav-target=lineup]:after {
    background-image: url(/images/goon/morezero/line_lineup.png)
}

.p-campaign-aside__navItem[data-nav-target=reviews]:after {
    background-image: url(/images/goon/morezero/line_review.png)
}

.p-campaign-aside__navItem--hasSeparator:after {
    opacity: 1
}

.p-campaign-aside__navDot {
    width: 6px;
    height: 6px;
    background-color: #fff;
    border-radius: 50%;
    flex-shrink: 0
}

.p-campaign-aside__navLink {
    font-family: Zen Maru Gothic, sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 28px;
    color: #fff;
    text-decoration: none;
    text-shadow: 0px 3px 6px rgba(229, 154, 154, .4);
    transition: opacity .3s ease
}

.p-campaign-aside__navLink:visited {
    color: #fff !important
}

@media(hover:hover)and (pointer:fine) {
    .p-campaign-aside__navLink:hover {
        opacity: .8
    }
}

.p-campaign-aside__btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 230px;
    height: 60px;
    margin-top: 12px;
    background: linear-gradient(to right, #f2aab6, #eb91c2);
    border: 2px solid #fff;
    border-radius: 39px;
    font-family: Zen Maru Gothic, sans-serif;
    font-weight: 700;
    font-size: 16px;
    color: #fff;
    text-decoration: none;
    position: relative;
    overflow: hidden;
    z-index: 1;
    margin-left: 36px;
    pointer-events: auto
}

.p-campaign-aside__btn:visited {
    color: #fff !important
}

.p-campaign-aside__btn:before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(to left, #f2bdda, #f5c6cd);
    border-radius: 39px;
    opacity: 0;
    transition: opacity .3s ease;
    z-index: -1
}

@media(hover:hover)and (pointer:fine) {
    .p-campaign-aside__btn:hover:before {
        opacity: 1
    }
}

.p-campaign-container {
    width: 488px;
    margin-left: 368px;
    padding-block: 0;
    box-sizing: border-box;
    position: relative;
    z-index: 12
}

@media screen and (max-width:700px) {
    .p-campaign-container {
        width: 100%;
        margin: 0 auto;
        padding-block: 0px;
        overflow: hidden
    }
}

.p-campaign-mask {
    background-color: #fff;
    padding-block: 40px
}

@media screen and (max-width:700px) {
    .p-campaign-mask {
        padding-block: 0px;
        mask-image: none;
        mask-size: 100% auto;
        mask-repeat: no-repeat;
        mask-position: center;
        mask-composite: exclude;
        z-index: 1
    }
}

.p-campaign-content {
    width: 390px;
    margin: 0 auto;
    box-shadow: 0 3px 30px #d3bcc966;
    border-radius: 30px;
    overflow: hidden
}

@media screen and (max-width:700px) {
    .p-campaign-content {
        width: 100%;
        border-radius: 0;
        box-shadow: none
    }
}

.p-campaign-spNav {
    display: none
}

@media screen and (max-width:700px) {
    .p-campaign-spNav {
        display: flex;
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 100;
        justify-content: center;
        align-items: center;
        gap: 8px;
        height: 60px;
        padding: 0 20px;
        background: linear-gradient(-90deg, #fdbab4, #f08fc2 33.9%, #ebafda 69.46%, #a0d8f5);
        backdrop-filter: blur(4px);
        -webkit-backdrop-filter: blur(4px)
    }
}

.p-campaign-spNav__item {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 82px;
    height: 43px;
    background-color: #fff;
    border: 1px solid #f0d1dd;
    border-radius: 16px;
    text-decoration: none;
    transition: opacity .3s ease
}

@media(hover:hover)and (pointer:fine) {
    .p-campaign-spNav__item:hover {
        opacity: .8
    }
}

.p-campaign-spNav__item--primary {
    background-color: #eb91b4;
    border-color: #fff
}

.p-campaign-spNav__item--primary .p-campaign-spNav__text {
    color: #fff
}

.p-campaign-spNav__text {
    font-family: Zen Maru Gothic, sans-serif;
    font-weight: 700;
    font-size: 12px;
    line-height: 14px;
    letter-spacing: -.03em;
    text-align: center;
    color: #675a5f
}

@media screen and (max-width:1000px) {
    .p-campaign-aside {
        display: none
    }

    .p-campaign-container {
        margin: 0 auto
    }

    .p-campaign-inner {
        width: 100%
    }
}