@charset "UTF-8";

/* common */
.global-contents__inner {
    padding-bottom: 0;
}

.s-section {
    overflow: hidden;
}
.s-section__buttonWrap {
    display: flex;
    justify-content: center;
}
.s-section__button {
    width: min(28.28125svw, 54.3rem);
}

/* MV */
.s-mv {
    position: relative;
}
.s-mv__text {
    width: min(27.7svw, 53.184rem);
    position: absolute;
    z-index: 2;
    top: min(11.2svw, 21.502rem);
    left: min(18.1svw, 34.752rem);
}

/* section item */
.s-section__item {
    width: min(64.3229166667svw, 123.5rem);
    margin-inline: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: min(6svw, 11.52rem);
}
.s-section__itemImage {
    width: 53%;
}
.s-section__itemDetail {
    width: min(29.9822916667svw, 57.566rem);
}
.s-section__itemName {
    width: min(17.3958333333svw, 33.4rem);
    margin-bottom: min(2.2395833333svw, 4.3rem);
}
.s-section__itemPrice {
    width: min(16.5104166667svw, 31.7rem);
    margin-bottom: min(2.03125svw, 3.9rem);
}
.s-section__itemTag {
    width: min(17.3svw, 32.9rem);
    margin-top: min(1.6svw, 3.3216rem);
}
@media screen and (min-width: 768px) {
    .s-section__itemDetail {
        padding-bottom: min(0.4svw, 0.768svw);
    }
    .s-section__itemName,
    .s-section__itemDescription {
        margin-left: min(0.3svw, 0.576rem);
    }
    .s-section__itemTag {
        margin-left: min(0.2svw, 0.384rem);
    }
}

/* section 1 */
.s-section--1 {
    margin-block: min(11.5104166667svw, 22.1rem) min(14.53125svw, 27.9rem);
}
.s-section--1 .s-section__inner {
    width: min(64.3229166667svw, 123.5rem);
    margin-inline: auto;
    display: flex;
    flex-direction: row-reverse;
    justify-content: center;
    align-items: center;
    gap: min(6.5625svw, 12.6rem);
}
@media screen and (min-width: 768px) {
    .s-section--1 .s-section__inner {
        translate: max(-0.2rem, -0.1041666667svw) 0;
    }
}
.s-section--1 .s-section__image {
    width: min(26.7708333333svw, 51.4rem);
}
.s-section--1 .s-section__textWrap {
    display: flex;
    flex-direction: column;
    row-gap: min(3.5svw, 6.72rem);
    padding-bottom: min(0.3645833333svw, 0.7rem);
}
.s-section--1 .s-section__heading {
    width: min(27.7604166667svw, 53.3rem);
    margin-left: min(0.3svw, 0.576rem);
}
.s-section--1 .s-section__description {
    width: min(28.3072916667svw, 54.35rem);
}

/* section 2 */
.s-section--2 {
    padding-bottom: min(8.5416666667svw, 16.4rem);
}
.s-section--2 .s-section__heading {
    width: min(40.46875svw, 77.7rem);
    margin-inline: auto;
    margin-bottom: min(6.1197916667svw, 11.75rem);
}

/* section 3 */
.s-section--3 {
    padding-block: min(8.64svw, 16.588rem) min(8.5416666667svw, 16.4rem);
    background-color: #EBEAE8;
}
.s-section--3 .s-section__heading {
    width: min(26.40625svw, 50.7rem);
    margin-inline: auto;
    margin-bottom: min(4.12svw, 7.91rem);
}
.s-section--3 .s-section__text--1 {
    width: min(46.04166666667svw, 88.4rem);
    margin-inline: auto;
}
.s-section--3 .s-section__text--2 {
    width: min(43.3svw, 83.136rem);
    margin-top: min(3.1770833333svw, 6.1rem);
    margin-inline: auto;
}

/* section 4 */
.s-section--4 {
    padding-block: min(8.5416666667svw, 16.4rem) min(8.6svw, 16.512rem);
}
.s-section--4 .s-section__inner {
    position: relative;
}
.s-section--4 .s-section__heading {
    width: min(40.625svw, 78rem);
    position: absolute;
    z-index: 2;
    top: 4.3229166667svw;
    right: 40.9375svw;
}
.s-section--4 .s-section__image {
    width: 77.2916666667svw;
    translate: 1.9791666667svw 0;
    margin-left: auto;
    margin-right: 0;
    position: relative;
}
.s-section--4 .s-section__text--1 {
    position: absolute;
    width: min(13.02083333333svw, 25rem);
    right: 20svw;
    bottom: 3.3854166667svw;
}
.s-section--4 .s-section__buttonWrap,
.s-section--5 .s-section__buttonWrap {
    margin-top: min(3.1770833333svw, 6.1rem);
}
.s-section--4 .s-section__button,
.s-section--5 .s-section__button {
    width: min(22.3svw, 42.816rem);
}

/* section 5 */
.s-section--5 {
    position: relative;
    margin-bottom: min(4.9479166667svw, 9.5rem);
}
.s-section--5 .s-section__image {
    width: 75.7svw;
    translate: -1.328125svw;
    position: relative;
}
.s-section--5 .s-section__heading {
    position: absolute;
    z-index: 2;
    width: 41.3020833333svw;
    top: 4.3svw;
    left: 39.5833333333svw;
}
.s-section--5 .s-section__text--1 {
    width: 22.7083333333svw;
    position: absolute;
    z-index: 2;
    left: 19.4svw;
    bottom: 3.4svw;
}
/* .s-section--5 .s-section__buttonWrap {
    margin-top: min(3.1770833333svw, 6.1rem);
}
.s-section--5 .s-section__button {
    width: min(22.1875svw, 42.6rem);
} */
.s-section--5 .s-section__text--disclaimer {
    width: min(64.3229166667svw, 123.5rem);
    margin-top: min(2.8125svw, 5.4rem);
    margin-inline: auto;
    display: flex;
    justify-content: flex-end;
}
.s-section--5 .s-section__text--disclaimer img {
    width: min(4.4791666667svw, 8.6rem);
}

/* section 6 */
.s-section--6 {
    background-color: #EBEAE8;
}
.s-section--6 .s-section__inner {
    width: min(64.3229166667svw, 123.5rem);
    margin-inline: auto;
    padding-block: min(8.4svw, 16.128rem) min(8.4375svw, 16.2rem);
}
.s-section--6 .s-section__heading {
    width: min(35.4166666667svw, 68rem);
    margin-inline: auto;
    margin-bottom: min(4.4270833333svw, 8.5rem);
}
.s-section--6 .s-section__figure {
    width: min(50.8854166667svw, 97.7rem);
    margin-inline: auto;
    translate: min(0.2svw, 0.384rem);
}
.s-section--6 .s-section__text--disclaimer {
    width: min(31.3541666667svw, 60.2rem);
    margin-top: min(4.375svw, 8.4rem);
    margin-inline: auto;
}

/* section 7 */
.s-section--7 {
    padding-block: min(8.7svw, 16.704rem) min(8.4895833333svw, 16.3rem);
}
.s-section--7 .s-section__heading {
    width: min(44.84375svw, 86.1rem);
    margin-inline: auto;
    margin-bottom: min(5.25svw, 10.08rem);
}
@media screen and (min-width: 768px) {
    .s-section--7 .s-section__item {
        margin-bottom: min(4.65svw, 8.928rem);
    }
}

/* section 8 */
.s-section--8 {
    padding-block: min(8.4svw, 16.128rem) min(8.6979166667svw, 16.7rem);
    background-color: #EBEAE8;
}
.s-section--8 .s-section__inner {
    width: min(64.3229166667svw, 123.5rem);
    margin-inline: auto;
}
.s-section--8 .s-section__heading {
    width: min(31.25svw, 60rem);
    margin-inline: auto;
    margin-bottom: min(5.16svw, 9.907rem);
}
.s-section--8 .s-section__list {
    width: min(51.8svw, 99.456rem);
    margin-left: auto;
    margin-right: min(4.8svw, 9.5rem);
}

@media screen and (max-width: 767px) {
    /* common */
    .s-section__button {
        width: 71.6666666667svw;
    }
    /* MV */
    .s-mv__text {
        width: 74.1666666667svw;
        top: 20.2svw;
        left: 50%;
        translate: -50% 0;
    }
    /* section item */
    .s-section__item {
        width: 100%;
        margin-bottom: 8.8svw;
        flex-direction: column;
        align-items: stretch;
        row-gap: 7.6666666667svw;
    }
    .s-section__itemImage {
        width: 75.4166666667svw;
        margin-left: auto;
        margin-right: 10svw;
    }
    .s-section__itemDetail {
        width: 71.6666666667svw;
        margin-inline: auto;
    }
    .s-section__itemName {
        width: 44.5svw;
        margin-left: 0.9svw;
        margin-bottom: 5.6666666667svw;
    }
    .s-section__itemPrice {
        width: 41.3333333333svw;
        margin-left: 0.6svw;
        margin-bottom: 4.6svw;
    }
    .s-section__itemDescription {
        width: 68.1666666667svw;
        margin-left: 0.8svw;
    }
    .s-section__itemTag {
        width: 44.1666666667svw;
        margin-top: 3svw;
        margin-left: 0.5svw;
    }

    /* section 1 */
    .s-section--1 {
        margin-block: 19.5svw;
    }
    .s-section--1 .s-section__inner {
        width: 85.6666666667%;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        gap: 19.5svw;
    }
    .s-section--1 .s-section__image {
        width: 100%;
    }
    .s-section--1 .s-section__textWrap {
        row-gap: 9.6svw;
        padding-bottom: 0;
    }
    .s-section--1 .s-section__heading {
        width: 66svw;
        margin-left: auto;
        margin-right: auto;
    }
    .s-section--1 .s-section__description {
        width: 72.5svw;
        margin-inline: auto;
    }

    /* section 2 */
    .s-section--2 {
        padding-bottom: 19.5svw;
    }
    .s-section--2 .s-section__heading {
        width: 53.1666666667svw;
        margin-bottom: 7svw;
    }
    
    /* section 3 */
    .s-section--3 {
        padding-block: 19.3333333333svw;
    }
    .s-section--3 .s-section__heading {
        width: 56.3333333333svw;
        margin-bottom: 12.1666666667svw;
    }
    .s-section--3 .s-section__text--1 {
        width: 70.5833333333svw;
    }
    .s-section--3 .s-section__text--2 {
        width: 79.6666666667svw;
        margin-top: 11.75svw;
    }

    /* section 4 */
    .s-section--4 {
        padding-block: 19.3333333333svw 20.6svw;
    }
    .s-section--4 .s-section__heading {
        position: relative;
        top: unset;
        left: unset;
        right: unset;
        translate: unset;
        width: 73.5svw;
        margin-left: 10.5svw;
        margin-bottom: 8.1666666667svw;
    }
    .s-section--4 .s-section__image {
        width: 100svw;
        translate: 10.5svw 0;
    }
    .s-section--4 .s-section__text--1 {
        position: relative;
        width: 34svw;
        right: unset;
        bottom: unset;
        margin-top: 7.8333333333svw;
        margin-inline: auto;
    }
    .s-section--4 .s-section__buttonWrap {
        margin-top: 7svw;
    }
    .s-section--4 .s-section__button {
        width: 52.1666666667svw;
    }

    /* section 5 */
    .s-section--5 {
        position: relative;
        margin-bottom: 9.8333333333svw;
    }
    .s-section--5 .s-section__image {
        width: 100svw;
        translate: -10.4166666667svw 0;
        position: relative;
    }
    .s-section--5 .s-section__heading {
        position: relative;
        width: 73.6666666667svw;
        top: unset;
        left: unset;
        margin-left: 10.5svw;
        margin-bottom: 8.75svw;
    }
    .s-section--5 .s-section__text--1 {
        width: 51.3333333333svw;
        position: relative;
        left: unset;
        bottom: unset;
        margin-top: 9.5svw;
        margin-inline: auto;
    }
    .s-section--5 .s-section__buttonWrap {
        margin-top: 6.6666666667svw;
    }
    .s-section--5 .s-section__button {
        width: 52.1666666667svw;
    }
    .s-section--5 .s-section__text--disclaimer {
        width: 13.5svw;
        margin-top: 7svw;
        margin-left: auto;
        margin-right: 10.5svw;
    }
    .s-section--5 .s-section__text--disclaimer img {
        width: 100%;
    }

    /* section 6 */
    .s-section--6 .s-section__inner {
        width: 100%;
        margin-inline: auto;
        padding-block: 19.5svw 19.3333333333svw;
    }
    .s-section--6 .s-section__heading {
        width: 55svw;
        margin-inline: auto;
        margin-bottom: 10.6666666667svw;
    }
    .s-section--6 .s-section__figure {
        width: 59.8333333333svw;
        margin-inline: auto;
    }
    .s-section--6 .s-section__text--disclaimer {
        width: 46svw;
        margin-top: 9.3333333333svw;
        margin-inline: auto;
    }

    /* section 7 */
    .s-section--7 {
        padding-block: 19.3333333333svw 19.5svw;
    }
    .s-section--7 .s-section__heading {
        width: 64.5svw;
        margin-bottom: 4.6666666667svw;
        translate: 2.4svw 0;
    }
    
    /* section 8 */
    .s-section--8 {
        padding-block: 18.75svw 19.75svw;
    }
    .s-section--8 .s-section__inner {
        width: 100%;
    }
    .s-section--8 .s-section__heading {
        width: 66.6666666667svw;
        margin-bottom: 10.85svw;
    }
    .s-section--8 .s-section__list {
        width: 60.5svw;
        margin-right: auto;
        margin-left: auto;
        translate: -0.6svw 0;
    }
}