@charset "UTF-8";
/* ==========================================================
Name:
    lp.css

Description:
    lpのスタイルを記述する

Contents:
    lp
========================================================== */
/* ---------------------------------------------
*   c-lp-3
--------------------------------------------- */
body.ichiban-matcha2022 {
    overflow: hidden;
    height: 100vh;
}

body.ichiban-matcha2022.load-finish {
    overflow: visible;
    height: auto;
}

*::-webkit-media-controls-panel {
    display: none !important;

    -webkit-appearance: none;
}

*::--webkit-media-controls-play-button {
    display: none !important;

    -webkit-appearance: none;
}

*::-webkit-media-controls-start-playback-button {
    display: none !important;

    -webkit-appearance: none;
}

@-webkit-keyframes load-color {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@keyframes load-color {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@-webkit-keyframes load-blur {
    0% {
        opacity: 1;
        -webkit-filter: blur(0);
        filter: blur(0);
    }
    100% {
        opacity: 0;
        -webkit-filter: blur(5px);
        filter: blur(5px);
    }
}

@keyframes load-blur {
    0% {
        opacity: 1;
        -webkit-filter: blur(0);
        filter: blur(0);
    }
    100% {
        opacity: 0;
        -webkit-filter: blur(5px);
        filter: blur(5px);
    }
}

@-webkit-keyframes load-bg {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    50% {
        opacity: 1;
        -webkit-transform: scale(25);
        transform: scale(25);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(50);
        transform: scale(50);
    }
}

@keyframes load-bg {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    50% {
        opacity: 1;
        -webkit-transform: scale(25);
        transform: scale(25);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(50);
        transform: scale(50);
    }
}

.c-lp-3 *::-moz-selection {
    background-color: #1e7837;
    color: #fff;
}

.c-lp-3 *::selection {
    background-color: #1e7837;
    color: #fff;
}

.letter-wrap {
    display: inline-block;
    opacity: 0;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-property: opacity,-webkit-transform;
    transition-property: opacity,-webkit-transform;
    transition-property: transform,opacity;
    transition-property: transform,opacity,-webkit-transform;
    -webkit-transform: translateY(10%);
    transform: translateY(10%);

    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    will-change: transform;
}

.js-ttl-split.fadein .letter-wrap {
    opacity: 1;
    -webkit-transform: translate(0);
    transform: translate(0);
}

.letter-wrap:nth-of-type(1) {
    -webkit-transition-delay: 0.03s;
    transition-delay: 0.03s;
}

.letter-wrap:nth-of-type(2) {
    -webkit-transition-delay: 0.06s;
    transition-delay: 0.06s;
}

.letter-wrap:nth-of-type(3) {
    -webkit-transition-delay: 0.09s;
    transition-delay: 0.09s;
}

.letter-wrap:nth-of-type(4) {
    -webkit-transition-delay: 0.12s;
    transition-delay: 0.12s;
}

.letter-wrap:nth-of-type(5) {
    -webkit-transition-delay: 0.15s;
    transition-delay: 0.15s;
}

.letter-wrap:nth-of-type(6) {
    -webkit-transition-delay: 0.18s;
    transition-delay: 0.18s;
}

.letter-wrap:nth-of-type(7) {
    -webkit-transition-delay: 0.21s;
    transition-delay: 0.21s;
}

.letter-wrap:nth-of-type(8) {
    -webkit-transition-delay: 0.24s;
    transition-delay: 0.24s;
}

.letter-wrap:nth-of-type(9) {
    -webkit-transition-delay: 0.27s;
    transition-delay: 0.27s;
}

.letter-wrap:nth-of-type(10) {
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
}

.letter-wrap:nth-of-type(11) {
    -webkit-transition-delay: 0.33s;
    transition-delay: 0.33s;
}

.letter-wrap:nth-of-type(12) {
    -webkit-transition-delay: 0.36s;
    transition-delay: 0.36s;
}

.letter-wrap:nth-of-type(13) {
    -webkit-transition-delay: 0.39s;
    transition-delay: 0.39s;
}

.letter-wrap:nth-of-type(14) {
    -webkit-transition-delay: 0.42s;
    transition-delay: 0.42s;
}

.letter-wrap:nth-of-type(15) {
    -webkit-transition-delay: 0.45s;
    transition-delay: 0.45s;
}

.letter-wrap:nth-of-type(16) {
    -webkit-transition-delay: 0.48s;
    transition-delay: 0.48s;
}

.letter-wrap:nth-of-type(17) {
    -webkit-transition-delay: 0.51s;
    transition-delay: 0.51s;
}

.letter-wrap:nth-of-type(18) {
    -webkit-transition-delay: 0.54s;
    transition-delay: 0.54s;
}

.letter-wrap:nth-of-type(19) {
    -webkit-transition-delay: 0.57s;
    transition-delay: 0.57s;
}

.letter-wrap:nth-of-type(20) {
    -webkit-transition-delay: 0.6s;
    transition-delay: 0.6s;
}

.js-ttl-split--2 .letter-wrap:nth-of-type(1) {
    -webkit-transition-delay: 0.13s;
    transition-delay: 0.13s;
}

.js-ttl-split--2 .letter-wrap:nth-of-type(2) {
    -webkit-transition-delay: 0.16s;
    transition-delay: 0.16s;
}

.js-ttl-split--2 .letter-wrap:nth-of-type(3) {
    -webkit-transition-delay: 0.19s;
    transition-delay: 0.19s;
}

.js-ttl-split--2 .letter-wrap:nth-of-type(4) {
    -webkit-transition-delay: 0.22s;
    transition-delay: 0.22s;
}

.js-ttl-split--2 .letter-wrap:nth-of-type(5) {
    -webkit-transition-delay: 0.25s;
    transition-delay: 0.25s;
}

.js-ttl-split--2 .letter-wrap:nth-of-type(6) {
    -webkit-transition-delay: 0.28s;
    transition-delay: 0.28s;
}

.js-ttl-split--2 .letter-wrap:nth-of-type(7) {
    -webkit-transition-delay: 0.31s;
    transition-delay: 0.31s;
}

.js-ttl-split--2 .letter-wrap:nth-of-type(8) {
    -webkit-transition-delay: 0.34s;
    transition-delay: 0.34s;
}

.js-ttl-split--2 .letter-wrap:nth-of-type(9) {
    -webkit-transition-delay: 0.37s;
    transition-delay: 0.37s;
}

.js-ttl-split--2 .letter-wrap:nth-of-type(10) {
    -webkit-transition-delay: 0.4s;
    transition-delay: 0.4s;
}

.js-ttl-split--2 .letter-wrap:nth-of-type(11) {
    -webkit-transition-delay: 0.43s;
    transition-delay: 0.43s;
}

.js-ttl-split--2 .letter-wrap:nth-of-type(12) {
    -webkit-transition-delay: 0.46s;
    transition-delay: 0.46s;
}

.js-ttl-split--2 .letter-wrap:nth-of-type(13) {
    -webkit-transition-delay: 0.49s;
    transition-delay: 0.49s;
}

.js-ttl-split--2 .letter-wrap:nth-of-type(14) {
    -webkit-transition-delay: 0.52s;
    transition-delay: 0.52s;
}

.js-ttl-split--2 .letter-wrap:nth-of-type(15) {
    -webkit-transition-delay: 0.55s;
    transition-delay: 0.55s;
}

.js-ttl-split--2 .letter-wrap:nth-of-type(16) {
    -webkit-transition-delay: 0.58s;
    transition-delay: 0.58s;
}

.js-ttl-split--2 .letter-wrap:nth-of-type(17) {
    -webkit-transition-delay: 0.61s;
    transition-delay: 0.61s;
}

.js-ttl-split--2 .letter-wrap:nth-of-type(18) {
    -webkit-transition-delay: 0.64s;
    transition-delay: 0.64s;
}

.js-ttl-split--2 .letter-wrap:nth-of-type(19) {
    -webkit-transition-delay: 0.67s;
    transition-delay: 0.67s;
}

.js-ttl-split--2 .letter-wrap:nth-of-type(20) {
    -webkit-transition-delay: 0.7s;
    transition-delay: 0.7s;
}

.js-ttl-split--3 .letter-wrap:nth-of-type(1) {
    -webkit-transition-delay: 0.23s;
    transition-delay: 0.23s;
}

.js-ttl-split--3 .letter-wrap:nth-of-type(2) {
    -webkit-transition-delay: 0.26s;
    transition-delay: 0.26s;
}

.js-ttl-split--3 .letter-wrap:nth-of-type(3) {
    -webkit-transition-delay: 0.29s;
    transition-delay: 0.29s;
}

.js-ttl-split--3 .letter-wrap:nth-of-type(4) {
    -webkit-transition-delay: 0.32s;
    transition-delay: 0.32s;
}

.js-ttl-split--3 .letter-wrap:nth-of-type(5) {
    -webkit-transition-delay: 0.35s;
    transition-delay: 0.35s;
}

.js-ttl-split--3 .letter-wrap:nth-of-type(6) {
    -webkit-transition-delay: 0.38s;
    transition-delay: 0.38s;
}

.js-ttl-split--3 .letter-wrap:nth-of-type(7) {
    -webkit-transition-delay: 0.41s;
    transition-delay: 0.41s;
}

.js-ttl-split--3 .letter-wrap:nth-of-type(8) {
    -webkit-transition-delay: 0.44s;
    transition-delay: 0.44s;
}

.js-ttl-split--3 .letter-wrap:nth-of-type(9) {
    -webkit-transition-delay: 0.47s;
    transition-delay: 0.47s;
}

.js-ttl-split--3 .letter-wrap:nth-of-type(10) {
    -webkit-transition-delay: 0.5s;
    transition-delay: 0.5s;
}

.js-ttl-split--3 .letter-wrap:nth-of-type(11) {
    -webkit-transition-delay: 0.53s;
    transition-delay: 0.53s;
}

.js-ttl-split--3 .letter-wrap:nth-of-type(12) {
    -webkit-transition-delay: 0.56s;
    transition-delay: 0.56s;
}

.js-ttl-split--3 .letter-wrap:nth-of-type(13) {
    -webkit-transition-delay: 0.59s;
    transition-delay: 0.59s;
}

.js-ttl-split--3 .letter-wrap:nth-of-type(14) {
    -webkit-transition-delay: 0.62s;
    transition-delay: 0.62s;
}

.js-ttl-split--3 .letter-wrap:nth-of-type(15) {
    -webkit-transition-delay: 0.65s;
    transition-delay: 0.65s;
}

.js-ttl-split--3 .letter-wrap:nth-of-type(16) {
    -webkit-transition-delay: 0.68s;
    transition-delay: 0.68s;
}

.js-ttl-split--3 .letter-wrap:nth-of-type(17) {
    -webkit-transition-delay: 0.71s;
    transition-delay: 0.71s;
}

.js-ttl-split--3 .letter-wrap:nth-of-type(18) {
    -webkit-transition-delay: 0.74s;
    transition-delay: 0.74s;
}

.js-ttl-split--3 .letter-wrap:nth-of-type(19) {
    -webkit-transition-delay: 0.77s;
    transition-delay: 0.77s;
}

.js-ttl-split--3 .letter-wrap:nth-of-type(20) {
    -webkit-transition-delay: 0.8s;
    transition-delay: 0.8s;
}

.js-ttl-split--4 .letter-wrap:nth-of-type(1) {
    -webkit-transition-delay: 0.33s;
    transition-delay: 0.33s;
}

.js-ttl-split--4 .letter-wrap:nth-of-type(2) {
    -webkit-transition-delay: 0.36s;
    transition-delay: 0.36s;
}

.js-ttl-split--4 .letter-wrap:nth-of-type(3) {
    -webkit-transition-delay: 0.39s;
    transition-delay: 0.39s;
}

.js-ttl-split--4 .letter-wrap:nth-of-type(4) {
    -webkit-transition-delay: 0.42s;
    transition-delay: 0.42s;
}

.js-ttl-split--4 .letter-wrap:nth-of-type(5) {
    -webkit-transition-delay: 0.45s;
    transition-delay: 0.45s;
}

.js-ttl-split--4 .letter-wrap:nth-of-type(6) {
    -webkit-transition-delay: 0.48s;
    transition-delay: 0.48s;
}

.js-ttl-split--4 .letter-wrap:nth-of-type(7) {
    -webkit-transition-delay: 0.51s;
    transition-delay: 0.51s;
}

.js-ttl-split--4 .letter-wrap:nth-of-type(8) {
    -webkit-transition-delay: 0.54s;
    transition-delay: 0.54s;
}

.js-ttl-split--4 .letter-wrap:nth-of-type(9) {
    -webkit-transition-delay: 0.57s;
    transition-delay: 0.57s;
}

.js-ttl-split--4 .letter-wrap:nth-of-type(10) {
    -webkit-transition-delay: 0.6s;
    transition-delay: 0.6s;
}

.js-ttl-split--4 .letter-wrap:nth-of-type(11) {
    -webkit-transition-delay: 0.63s;
    transition-delay: 0.63s;
}

.js-ttl-split--4 .letter-wrap:nth-of-type(12) {
    -webkit-transition-delay: 0.66s;
    transition-delay: 0.66s;
}

.js-ttl-split--4 .letter-wrap:nth-of-type(13) {
    -webkit-transition-delay: 0.69s;
    transition-delay: 0.69s;
}

.js-ttl-split--4 .letter-wrap:nth-of-type(14) {
    -webkit-transition-delay: 0.72s;
    transition-delay: 0.72s;
}

.js-ttl-split--4 .letter-wrap:nth-of-type(15) {
    -webkit-transition-delay: 0.75s;
    transition-delay: 0.75s;
}

.js-ttl-split--4 .letter-wrap:nth-of-type(16) {
    -webkit-transition-delay: 0.78s;
    transition-delay: 0.78s;
}

.js-ttl-split--4 .letter-wrap:nth-of-type(17) {
    -webkit-transition-delay: 0.81s;
    transition-delay: 0.81s;
}

.js-ttl-split--4 .letter-wrap:nth-of-type(18) {
    -webkit-transition-delay: 0.84s;
    transition-delay: 0.84s;
}

.js-ttl-split--4 .letter-wrap:nth-of-type(19) {
    -webkit-transition-delay: 0.87s;
    transition-delay: 0.87s;
}

.js-ttl-split--4 .letter-wrap:nth-of-type(20) {
    -webkit-transition-delay: 0.9s;
    transition-delay: 0.9s;
}

.js-ttl-split--5 .letter-wrap:nth-of-type(1) {
    -webkit-transition-delay: 0.43s;
    transition-delay: 0.43s;
}

.js-ttl-split--5 .letter-wrap:nth-of-type(2) {
    -webkit-transition-delay: 0.46s;
    transition-delay: 0.46s;
}

.js-ttl-split--5 .letter-wrap:nth-of-type(3) {
    -webkit-transition-delay: 0.49s;
    transition-delay: 0.49s;
}

.js-ttl-split--5 .letter-wrap:nth-of-type(4) {
    -webkit-transition-delay: 0.52s;
    transition-delay: 0.52s;
}

.js-ttl-split--5 .letter-wrap:nth-of-type(5) {
    -webkit-transition-delay: 0.55s;
    transition-delay: 0.55s;
}

.js-ttl-split--5 .letter-wrap:nth-of-type(6) {
    -webkit-transition-delay: 0.58s;
    transition-delay: 0.58s;
}

.js-ttl-split--5 .letter-wrap:nth-of-type(7) {
    -webkit-transition-delay: 0.61s;
    transition-delay: 0.61s;
}

.js-ttl-split--5 .letter-wrap:nth-of-type(8) {
    -webkit-transition-delay: 0.64s;
    transition-delay: 0.64s;
}

.js-ttl-split--5 .letter-wrap:nth-of-type(9) {
    -webkit-transition-delay: 0.67s;
    transition-delay: 0.67s;
}

.js-ttl-split--5 .letter-wrap:nth-of-type(10) {
    -webkit-transition-delay: 0.7s;
    transition-delay: 0.7s;
}

.js-ttl-split--5 .letter-wrap:nth-of-type(11) {
    -webkit-transition-delay: 0.73s;
    transition-delay: 0.73s;
}

.js-ttl-split--5 .letter-wrap:nth-of-type(12) {
    -webkit-transition-delay: 0.76s;
    transition-delay: 0.76s;
}

.js-ttl-split--5 .letter-wrap:nth-of-type(13) {
    -webkit-transition-delay: 0.79s;
    transition-delay: 0.79s;
}

.js-ttl-split--5 .letter-wrap:nth-of-type(14) {
    -webkit-transition-delay: 0.82s;
    transition-delay: 0.82s;
}

.js-ttl-split--5 .letter-wrap:nth-of-type(15) {
    -webkit-transition-delay: 0.85s;
    transition-delay: 0.85s;
}

.js-ttl-split--5 .letter-wrap:nth-of-type(16) {
    -webkit-transition-delay: 0.88s;
    transition-delay: 0.88s;
}

.js-ttl-split--5 .letter-wrap:nth-of-type(17) {
    -webkit-transition-delay: 0.91s;
    transition-delay: 0.91s;
}

.js-ttl-split--5 .letter-wrap:nth-of-type(18) {
    -webkit-transition-delay: 0.94s;
    transition-delay: 0.94s;
}

.js-ttl-split--5 .letter-wrap:nth-of-type(19) {
    -webkit-transition-delay: 0.97s;
    transition-delay: 0.97s;
}

.js-ttl-split--5 .letter-wrap:nth-of-type(20) {
    -webkit-transition-delay: 1s;
    transition-delay: 1s;
}

.js-ttl-split--6 .letter-wrap:nth-of-type(1) {
    -webkit-transition-delay: 0.53s;
    transition-delay: 0.53s;
}

.js-ttl-split--6 .letter-wrap:nth-of-type(2) {
    -webkit-transition-delay: 0.56s;
    transition-delay: 0.56s;
}

.js-ttl-split--6 .letter-wrap:nth-of-type(3) {
    -webkit-transition-delay: 0.59s;
    transition-delay: 0.59s;
}

.js-ttl-split--6 .letter-wrap:nth-of-type(4) {
    -webkit-transition-delay: 0.62s;
    transition-delay: 0.62s;
}

.js-ttl-split--6 .letter-wrap:nth-of-type(5) {
    -webkit-transition-delay: 0.65s;
    transition-delay: 0.65s;
}

.js-ttl-split--6 .letter-wrap:nth-of-type(6) {
    -webkit-transition-delay: 0.68s;
    transition-delay: 0.68s;
}

.js-ttl-split--6 .letter-wrap:nth-of-type(7) {
    -webkit-transition-delay: 0.71s;
    transition-delay: 0.71s;
}

.js-ttl-split--6 .letter-wrap:nth-of-type(8) {
    -webkit-transition-delay: 0.74s;
    transition-delay: 0.74s;
}

.js-ttl-split--6 .letter-wrap:nth-of-type(9) {
    -webkit-transition-delay: 0.77s;
    transition-delay: 0.77s;
}

.js-ttl-split--6 .letter-wrap:nth-of-type(10) {
    -webkit-transition-delay: 0.8s;
    transition-delay: 0.8s;
}

.js-ttl-split--6 .letter-wrap:nth-of-type(11) {
    -webkit-transition-delay: 0.83s;
    transition-delay: 0.83s;
}

.js-ttl-split--6 .letter-wrap:nth-of-type(12) {
    -webkit-transition-delay: 0.86s;
    transition-delay: 0.86s;
}

.js-ttl-split--6 .letter-wrap:nth-of-type(13) {
    -webkit-transition-delay: 0.89s;
    transition-delay: 0.89s;
}

.js-ttl-split--6 .letter-wrap:nth-of-type(14) {
    -webkit-transition-delay: 0.92s;
    transition-delay: 0.92s;
}

.js-ttl-split--6 .letter-wrap:nth-of-type(15) {
    -webkit-transition-delay: 0.95s;
    transition-delay: 0.95s;
}

.js-ttl-split--6 .letter-wrap:nth-of-type(16) {
    -webkit-transition-delay: 0.98s;
    transition-delay: 0.98s;
}

.js-ttl-split--6 .letter-wrap:nth-of-type(17) {
    -webkit-transition-delay: 1.01s;
    transition-delay: 1.01s;
}

.js-ttl-split--6 .letter-wrap:nth-of-type(18) {
    -webkit-transition-delay: 1.04s;
    transition-delay: 1.04s;
}

.js-ttl-split--6 .letter-wrap:nth-of-type(19) {
    -webkit-transition-delay: 1.07s;
    transition-delay: 1.07s;
}

.js-ttl-split--6 .letter-wrap:nth-of-type(20) {
    -webkit-transition-delay: 1.1s;
    transition-delay: 1.1s;
}

.c-lp-3-load {
    position: fixed;
    z-index: 10000;
    width: 100%;
    height: 100vh;
}

.c-lp-3-load__bg-wrap {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 00%;
    width: 300vw;
    height: 100%;
    height: 300vw;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.c-lp-3-load__bg {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    background: radial-gradient(ellipse at center, transparent 0%, #ffffff 3%, #ffffff 100%);
}

@media screen and (max-width: 750px) {
    .c-lp-3-load__bg {
        background: radial-gradient(ellipse at center, transparent 0%, #ffffff 5%, #ffffff 100%);
    }
}

.is-load .c-lp-3-load__bg {
    -webkit-animation: load-bg 1s linear 1s forwards;
    animation: load-bg 1s linear 1s forwards;
}

.c-lp-3-load__logo {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 15.48148vw;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

@media screen and (max-width: 750px) {
    .c-lp-3-load__logo {
        width: 27.86667vw;
    }
}

.is-load .c-lp-3-load__logo {
    -webkit-animation: load-blur 0.5s linear 0.5s forwards;
    animation: load-blur 0.5s linear 0.5s forwards;
}

.c-lp-3-load__logo::after {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: -1;
    width: 98%;
    height: 98%;
    background-color: #000;
    content: "";
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.is-load .c-lp-3-load__logo::after {
    -webkit-animation: load-color 0.5s linear forwards;
    animation: load-color 0.5s linear forwards;
}

.c-lp-3-load__logo img {
    width: 100%;
}

.c-lp-3-logo {
    position: absolute;
    top: 2.59259vw;
    left: 2.96296vw;
    z-index: 200;
    width: 5.25926vw;
}

@media screen and (max-width: 750px) {
    .c-lp-3-logo {
        top: 5.33333vw;
        left: 4.66667vw;
        width: 9.33333vw;
    }
}

.c-lp-3-logo__link {
    display: block;
    -webkit-transition: opacity 300ms;
    transition: opacity 300ms;
}

.c-lp-3-logo__link:hover {
    opacity: 0.8;
}

.c-lp-3 {
    opacity: 0;
}

.is-load .c-lp-3 {
    opacity: 1;
}

.c-lp-3 .c-lp-1-box {
    padding-top: 9.62963vw;
    background: url("../img/lp/matcha/img_bg-campaign.jpg") 0 0 no-repeat;
    background-size: 100% auto;
}

@media screen and (max-width: 750px) {
    .c-lp-3 .c-lp-1-box {
        padding-top: 22vw;
        background-image: url("../img/lp/matcha/sp/img_bg-campaign.jpg");
    }
}

.c-lp-3 .c-lp-1-box::before, .c-lp-3 .c-lp-1-box::after {
    content: none;
}

.c-lp-3 .c-lp-1-box__sub-ttl {
    color: #fff;
}

.c-lp-3 .c-lp-1-box__contents {
    border: none;
}

.c-lp-3 .c-lp-1-box__date-txt {
    color: #006837;
}

.c-lp-3 .c-lp-1-box__txt-l {
    color: #006837;
}

.c-lp-3 .c-lp-1-box__col-l {
    position: relative;
    margin: 0 auto;
    margin-top: 1.85185vw;
    margin-bottom: 2.59259vw;
    padding-top: 2.59259vw;
    padding-bottom: 7.40741vw;
    width: 37.77778vw;
    border-radius: 0.74074vw;
    background-color: #EFEFEF;
}

@media screen and (max-width: 750px) {
    .c-lp-3 .c-lp-1-box__col-l {
        margin-top: 4.66667vw;
        margin-bottom: 7.33333vw;
        padding-top: 4.66667vw;
        padding-bottom: 4.66667vw;
        width: 78.66667vw;
        border-radius: 1.33333vw;
    }
}

.c-lp-3 .c-lp-1-box__col-list {
    margin-left: 5.92593vw;
}

.c-lp-3 .c-lp-1-box__col-list-label {
    border-color: #006837;
    color: #006837;
}

.c-lp-3 .c-lp-1-box__col-list-txt {
    color: #4D4D4D;
}

.c-lp-3 .c-lp-1-box__col-ttl--tw {
    margin-left: 13.7037vw;
    width: 8.74074vw;
}

@media screen and (max-width: 750px) {
    .c-lp-3 .c-lp-1-box__col-ttl--tw {
        margin-left: 25.33333vw;
        width: 26.26667vw;
    }
}

.c-lp-3 .c-lp-1-box__btn {
    width: 26.07407vw;
    background-color: #006837;
}

@media screen and (max-width: 750px) {
    .c-lp-3 .c-lp-1-box__btn {
        width: 68vw;
    }
}

.c-lp-3-kv {
    position: relative;
    max-height: 80vw;
    width: 100%;
    background: url("../img/lp/matcha/img_bg-kv.jpg") center center no-repeat;
    background-size: cover;
    color: #fff;
}

@media screen and (max-width: 750px) {
    .c-lp-3-kv {
        min-height: 133.33333vw;
        max-height: 100%;
        background-image: url("../img/lp/matcha/sp/img_bg-kv.jpg");
    }
}

.c-lp-3-kv__img {
    position: absolute;
    top: 15%;
    right: 7.5%;
    width: 54.25926vw;
}

@media screen and (max-width: 750px) {
    .c-lp-3-kv__img {
        top: auto;
        right: -1%;
        bottom: 3%;
        width: 100vw;
    }
}

.c-lp-3-kv__img img {
    width: 100%;
}

.c-lp-3-kv__txt-area {
    position: relative;
    z-index: 100;
    padding-top: 6.66667vw;
    padding-left: 11.85185vw;
}

@media screen and (max-width: 750px) {
    .c-lp-3-kv__txt-area {
        padding-top: 6.66667vw;
        padding-left: 0;
    }
}

.c-lp-3-kv__date {
    padding-left: 3.33333vw;
    font-size: 2.51852vw;
    font-family: "Cinzel", serif;
}

@media screen and (max-width: 750px) {
    .c-lp-3-kv__date {
        padding-left: 0;
        text-align: center;
        font-size: 5.46667vw;
    }
}

.c-lp-3-kv__date-s {
    font-size: 1.11111vw;
}

@media screen and (max-width: 750px) {
    .c-lp-3-kv__date-s {
        font-size: 2.4vw;
    }
}

.c-lp-3-kv__ttl {
    padding-left: 2.96296vw;
    font-size: 5.55556vw;
    font-family: "Cinzel", serif;
    line-height: 1.1;
}

@media screen and (max-width: 750px) {
    .c-lp-3-kv__ttl {
        padding-left: 0;
        text-align: center;
        font-size: 10.4vw;
    }
}

.c-lp-3-kv__ttl-txt {
    display: block;
}

.c-lp-3-kv__ttl-txt--1 {
    letter-spacing: 0.15em;
}

.c-lp-3-kv__ttl-txt--2 {
    letter-spacing: 0.1em;
}

@media screen and (max-width: 750px) {
    .c-lp-3-kv__ttl-txt--2 {
        margin-top: -0.1em;
    }
}

.c-lp-3-kv__list {
    margin-top: 3.33333vw;
    width: 21.48148vw;
}

@media screen and (max-width: 750px) {
    .c-lp-3-kv__list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        -ms-flex-pack: end;
        margin-top: 4vw;
        margin-left: 6.66667vw;
        width: auto;

        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -webkit-box-pack: end;
        justify-content: flex-end;
    }
}

.c-lp-3-kv__list-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    -ms-flex-align: center;

    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
}

@media screen and (max-width: 750px) {
    .c-lp-3-kv__list-item {
        display: block;
    }
}

@media screen and (max-width: 750px) {
    .c-lp-3-kv__list-item:nth-of-type(1) {
        margin-left: 4vw;
    }
}

.c-lp-3-kv__list-item:nth-of-type(2) {
    margin-top: 2.22222vw;
}

@media screen and (max-width: 750px) {
    .c-lp-3-kv__list-item:nth-of-type(2) {
        margin-top: 0;
    }
}

.c-lp-3-kv__list-txt {
    font-weight: 600;
    font-size: 1.62963vw;
    font-family: "Noto Serif JP", serif;
    line-height: 1.27;

    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
}

@media screen and (max-width: 750px) {
    .c-lp-3-kv__list-txt {
        -ms-writing-mode: tb-rl;
        font-size: 3.2vw;

        -webkit-writing-mode: vertical-rl;
        writing-mode: vertical-rl;
    }
}

.c-lp-3-kv__list-txt-s {
    display: block;
    padding-top: 0.37037vw;
    font-weight: 500;
    font-size: 0.88889vw;
}

@media screen and (max-width: 750px) {
    .c-lp-3-kv__list-txt-s {
        font-weight: 600;
        font-size: 2.4vw;
    }
}

.c-lp-3-kv__list-price {
    text-align: center;
    font-size: 0.74074vw;
    font-family: "Cinzel", serif;
}

@media screen and (max-width: 750px) {
    .c-lp-3-kv__list-price {
        margin-top: 2.66667vw;
        font-weight: bold;
        font-size: 2.13333vw;
    }
}

.c-lp-3-kv__list-price-num {
    display: block;
    text-align: right;
    font-weight: 400;
    font-size: 2vw;
    font-family: "Noto Serif JP", serif;
    line-height: 1;
}

@media screen and (max-width: 750px) {
    .c-lp-3-kv__list-price-num {
        text-align: center;
        font-size: 3.86667vw;
    }
}

.c-lp-3-kv__logo {
    position: absolute;
    right: 3.7037vw;
    bottom: 4.07407vw;
    width: 13.48148vw;
}

@media screen and (max-width: 750px) {
    .c-lp-3-kv__logo {
        right: 5.33333vw;
        bottom: 6.66667vw;
        width: 24.26667vw;
    }
}

.c-lp-3-kv__deco {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 26.66667vw;
}

@media screen and (max-width: 750px) {
    .c-lp-3-kv__deco {
        right: 0;
        bottom: 26.66667vw;
        left: auto;
        width: 39.6vw;
    }
}

.c-lp-3-kv__inner {
    position: relative;
    z-index: 100;
    padding-top: 13.33333vw;
    padding-left: 10vw;
}

@media screen and (max-width: 750px) {
    .c-lp-3-kv__inner {
        padding-top: 25.33333vw;
        padding-left: 7.33333vw;
    }
}

.c-lp-3-kv__txt {
    margin-bottom: 3.33333vw;
    letter-spacing: 0.05em;
    font-weight: 600;
    font-size: 2.37037vw;
    font-family: "Noto Serif JP", serif;
    line-height: 1.4375;
}

@media screen and (max-width: 750px) {
    .c-lp-3-kv__txt {
        margin-bottom: 5.33333vw;
        font-size: 4.26667vw;
    }
}

.c-lp-3-kv__date-img {
    width: 14.14815vw;
}

@media screen and (max-width: 750px) {
    .c-lp-3-kv__date-img {
        width: 28.26667vw;
    }
}

.c-lp-3-kv__date-img img {
    width: 100%;
}

@-webkit-keyframes picAppearY {
    0% {
        height: 0;
    }
    100% {
        height: 100%;
    }
}

@keyframes picAppearY {
    0% {
        height: 0;
    }
    100% {
        height: 100%;
    }
}

@-webkit-keyframes picAppearX {
    0% {
        width: 0;
    }
    100% {
        width: 100%;
    }
}

@keyframes picAppearX {
    0% {
        width: 0;
    }
    100% {
        width: 100%;
    }
}

@-webkit-keyframes transX0plus {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    100% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}

@keyframes transX0plus {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    100% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}

@-webkit-keyframes transXplus0 {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    100% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
}

@keyframes transXplus0 {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    100% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
}

@-webkit-keyframes transYminus0 {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes transYminus0 {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes drop {
    0% {
        top: 0;
    }
    100% {
        top: 90%;
    }
}

@keyframes drop {
    0% {
        top: 0;
    }
    100% {
        top: 90%;
    }
}

@keyframes drop {
    0% {
        top: 0;
    }
    100% {
        top: 90%;
    }
}

.c-lp-3-main {
    position: relative;
    padding-top: 10.37037vw;
    padding-bottom: 8.88889vw;
    background: url("../img/lp/matcha/img_bg-pic_01.jpg") 0 0 no-repeat;
    background-size: cover;
}

@media screen and (max-width: 750px) {
    .c-lp-3-main {
        padding-top: 17.33333vw;
        padding-bottom: 27.33333vw;
        background-image: url("../img/lp/matcha/sp/img_bg-pic_01.jpg");
    }
}

.c-lp-3-main__pic {
    margin: 0 auto 3.7037vw;
    width: 81.48148vw;
}

@media screen and (max-width: 750px) {
    .c-lp-3-main__pic {
        margin-bottom: 12.66667vw;
        width: 84vw;
    }
}

.c-lp-3-main__pic img {
    width: 100%;
}

.c-lp-3-main__lead {
    position: absolute;
    top: 31.48148vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

@media screen and (max-width: 750px) {
    .c-lp-3-main__lead {
        top: 10.66667vw;
        z-index: 100;
    }
}

.c-lp-3-main__lead-txt {
    padding: 0 0.1em;
    color: #09573D;
    white-space: nowrap;
    font-size: 15.55556vw;
    font-family: "Cinzel", serif;
    -webkit-animation: transX0plus 13s linear infinite;
    animation: transX0plus 13s linear infinite;
}

@media screen and (max-width: 750px) {
    .c-lp-3-main__lead-txt {
        padding: 0 0.2em;
        letter-spacing: 0.1em;
        font-size: 23.46667vw;
    }
}

.c-lp-3-main__img-area {
    position: relative;
}

.c-lp-3-main__img-wrap {
    overflow: hidden;
    margin: 0 auto;
    width: 34.22222vw;
    height: 51.25926vw;
}

@media screen and (max-width: 750px) {
    .c-lp-3-main__img-wrap {
        width: 61.6vw;
        height: 92.26667vw;
    }
}

.c-lp-3-main__img {
    position: relative;
    overflow: hidden;
    height: 0;
}

.c-lp-3-main__img video {
    width: 34.22222vw;
    height: 51.25926vw;
}

@media screen and (max-width: 750px) {
    .c-lp-3-main__img video {
        width: 61.6vw;
        height: 92.26667vw;
    }
}

.c-lp-3-main__img.fadein {
    -webkit-animation: picAppearY 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
    animation: picAppearY 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
}

.c-lp-3-main__img-txt {
    position: absolute;
    right: 28.14815vw;
    bottom: 0;
    width: 2.74074vw;
    opacity: 0;
    -webkit-transition: opacity 1s ease-out;
    transition: opacity 1s ease-out;
}

@media screen and (max-width: 750px) {
    .c-lp-3-main__img-txt {
        right: 10.66667vw;
        bottom: 0.66667vw;
        width: 5.33333vw;
    }
}

.c-lp-3-main__img-txt img {
    width: 100%;
}

.c-lp-3-main__img-txt.fadein {
    opacity: 1;
}

.c-lp-3-main__ttl {
    position: relative;
    margin-bottom: 3.7037vw;
    color: #09573D;
    text-align: center;
    font-size: 4.66667vw;
    font-family: "Noto Serif JP", serif;
}

@media screen and (max-width: 750px) {
    .c-lp-3-main__ttl {
        margin-bottom: 8.66667vw;
        font-size: 8.4vw;
    }
}

.c-lp-3-main__ttl::after {
    position: absolute;
    bottom: -2.59259vw;
    left: 50%;
    width: 1.62963vw;
    height: 1.62963vw;
    background: url("../img/lp/matcha/img_diagonal-line.svg") 0 0 no-repeat;
    background-size: 100% auto;
    content: "";
    opacity: 0;
    -webkit-transition: opacity 1s ease-out 1s;
    transition: opacity 1s ease-out 1s;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

@media screen and (max-width: 750px) {
    .c-lp-3-main__ttl::after {
        bottom: -6vw;
        width: 2.93333vw;
        height: 2.93333vw;
    }
}

.c-lp-3-main__ttl.fadein::after {
    opacity: 1;
}

@media screen and (max-width: 750px) {
    .c-lp-3-main__ttl-txt {
        display: block;
    }
}

.c-lp-3-main__txt {
    color: #666666;
    text-align: center;
    font-weight: bold;
    font-size: 1.18519vw;
    line-height: 2.125;
    opacity: 0;
    -webkit-transition: opacity 1s ease-out 1s;
    transition: opacity 1s ease-out 1s;
}

@media screen and (max-width: 750px) {
    .c-lp-3-main__txt {
        font-size: 3.2vw;
        line-height: 2;
    }
}

.c-lp-3-main__txt.fadein {
    opacity: 1;
}

.c-lp-3-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    margin-top: 5.55556vw;

    -webkit-box-pack: center;
    justify-content: center;
}

@media screen and (max-width: 750px) {
    .c-lp-3-list {
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        margin-top: 14.66667vw;

        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
    }
}

.c-lp-3-list__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

@media screen and (max-width: 750px) {
    .c-lp-3-list__item {
        position: relative;
        display: block;
    }
}

@media screen and (min-width: 751px) {
    .c-lp-3-list__item--1 {
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;

        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
    }
}

@media screen and (max-width: 750px) {
    .c-lp-3-list__item--1 {
        margin-top: 9.33333vw;
        margin-right: 2vw;
    }
}

@media screen and (max-width: 750px) {
    .c-lp-3-list__item--2 {
        margin-left: 10.66667vw;
    }
}

.firefox .c-lp-3-list__item {
    position: relative;
}

.c-lp-3-list__img {
    position: relative;
    width: 29.62963vw;
    opacity: 0;
    -webkit-transition: opacity 1s ease-out, -webkit-transform 1s;
    transition: opacity 1s ease-out, -webkit-transform 1s;
    transition: opacity 1s ease-out, transform 1s;
    transition: opacity 1s ease-out, transform 1s, -webkit-transform 1s;
}

@media screen and (max-width: 750px) {
    .c-lp-3-list__img {
        position: absolute;
        width: 53.33333vw;
    }
}

.c-lp-3-list__img--1 {
    left: 3.7037vw;
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
}

@media screen and (max-width: 750px) {
    .c-lp-3-list__img--1 {
        top: 0;
        right: 0;
        left: auto;
        -webkit-transform: translateX(50%);
        transform: translateX(50%);
    }
}

.c-lp-3-list__item.fadein .c-lp-3-list__img--1 {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

.c-lp-3-list__img--2 {
    left: 1.48148vw;
    -webkit-transform: translateX(100px);
    transform: translateX(100px);
}

@media screen and (max-width: 750px) {
    .c-lp-3-list__img--2 {
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }
}

.c-lp-3-list__item.fadein .c-lp-3-list__img--2 {
    top: 0;
    right: 0;
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

.c-lp-3-list__mid-txt {
    padding-top: 14.81481vw;
    width: 1.03704vw;
    opacity: 0;
    -webkit-transition: opacity 1s ease-out 1s;
    transition: opacity 1s ease-out 1s;
}

@media screen and (max-width: 750px) {
    .c-lp-3-list__mid-txt {
        margin: 0 auto;
        padding-top: 11.33333vw;
        width: 2.4vw;
    }
}

.c-lp-3-list__mid-txt.fadein {
    opacity: 1;
}

.c-lp-3-list__txt-area {
    position: relative;
    padding-top: 2.96296vw;
}

@media screen and (min-width: 751px) {
    .safari .c-lp-3-list__txt-area--1 {
        left: -7.40741vw;
    }
    .firefox .c-lp-3-list__txt-area--1 {
        position: absolute;
        left: -7.40741vw;
        width: 8.14815vw;
        height: 100%;
    }
}

@media screen and (max-width: 750px) {
    .c-lp-3-list__txt-area--1 {
        padding-top: 0;
        padding-right: 44vw;
    }
}

@media screen and (min-width: 751px) {
    .firefox .c-lp-3-list__txt-area--2 {
        position: absolute;
        right: -7.40741vw;
        width: 8.14815vw;
        height: 100%;
    }
}

@media screen and (max-width: 750px) {
    .c-lp-3-list__txt-area--2 {
        padding-top: 6.66667vw;
        padding-left: 36vw;
    }
}

.c-lp-3-list__txt {
    color: #09573D;
    -ms-writing-mode: tb-rl;
    white-space: nowrap;
    font-size: 2.22222vw;
    font-family: "Noto Serif JP", serif;
    line-height: 1.4;
    opacity: 0;
    -webkit-transition: opacity 1s ease-out 1s;
    transition: opacity 1s ease-out 1s;

    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
}

@media screen and (max-width: 750px) {
    .c-lp-3-list__txt {
        margin: 0 auto;
        font-size: 5.33333vw;
    }
}

.c-lp-3-list__item.fadein .c-lp-3-list__txt {
    opacity: 1;
}

.ie .c-lp-3-list__txt {
    max-height: 25.92593vw;
}

@media screen and (max-width: 750px) {
    .ie .c-lp-3-list__txt {
        margin-left: 15vw;
        max-height: 60vw;
    }
}

@media screen and (max-width: 750px) {
    .firefox .c-lp-3-list__txt {
        width: 21.73333vw;
    }
}

.iphone .c-lp-3-list__txt {
    width: 21.73333vw;
}

.c-lp-3-list__txt-s {
    display: block;
    padding-right: 0.5em;
    font-size: 1.03704vw;
}

@media screen and (max-width: 750px) {
    .c-lp-3-list__txt-s {
        margin-right: 1.33333vw;
        font-size: 2.93333vw;
    }
}

.c-lp-3-list__txt-s-plus {
    position: relative;
    left: 0.1em;
}

.firefox .c-lp-3-list__txt-s-plus {
    left: 0;
}

.ie .c-lp-3-list__txt-s-plus {
    left: 0.2em;
}

.c-lp-3-list__price {
    position: absolute;
    bottom: 1.48148vw;
    left: 0;
    width: 100%;
    color: #09573D;
    text-align: center;
    white-space: nowrap;
    font-weight: bold;
    font-size: 1.03704vw;
    font-family: "Cinzel", serif;
    opacity: 0;
    -webkit-transition: opacity 1s ease-out 1s;
    transition: opacity 1s ease-out 1s;
}

@media screen and (min-width: 751px) {
    .c-lp-3-list__price {
        width: 8.14815vw;
    }
}

@media screen and (max-width: 750px) {
    .c-lp-3-list__price {
        position: static;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        -ms-flex-align: center;
        white-space: nowrap;
        font-weight: bold;
        font-size: 2.93333vw;

        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
    }
}

.c-lp-3-list__item.fadein .c-lp-3-list__price {
    opacity: 1;
}

@media screen and (max-width: 750px) {
    .c-lp-3-list__price--1 {
        margin-top: 2.66667vw;
    }
}

@media screen and (max-width: 750px) {
    .c-lp-3-list__price--2 {
        margin-top: 4vw;
    }
}

.c-lp-3-list__price-num {
    display: block;
    font-size: 2.96296vw;
    font-family: "Noto Serif JP", serif;
    line-height: 1;
}

@media screen and (max-width: 750px) {
    .c-lp-3-list__price-num {
        margin-left: 2.66667vw;
        padding-bottom: 0.2em;
        font-size: 6.4vw;
    }
}

.c-lp-3-list-2 {
    margin: 0 5.92593vw;
}

@media screen and (max-width: 750px) {
    .c-lp-3-list-2 {
        margin: 0;
    }
}

.c-lp-3-list-2__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;

    -webkit-box-pack: justify;
    justify-content: space-between;
}

@media screen and (max-width: 750px) {
    .c-lp-3-list-2__item {
        display: block;
    }
}

.c-lp-3-list-2__item--1 {
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -ms-flex-pack: end;

    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-box-pack: end;
    justify-content: flex-end;
}

.c-lp-3-list-2__item--2 {
    margin-top: -19.25926vw;
}

@media screen and (max-width: 750px) {
    .c-lp-3-list-2__item--2 {
        margin-top: 16vw;
    }
}

.c-lp-3-list-2__head {
    position: relative;
    margin-bottom: 2.59259vw;
    padding-top: 1.48148vw;
}

@media screen and (max-width: 750px) {
    .c-lp-3-list-2__head {
        padding-top: 0;
    }
}

.c-lp-3-list-2__head::after {
    position: absolute;
    bottom: -1.85185vw;
    left: 50%;
    width: 1.18519vw;
    height: 1.18519vw;
    background: url("../img/lp/matcha/img_diagonal-line.svg") 0 0 no-repeat;
    background-size: 100% auto;
    content: "";
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

@media screen and (max-width: 750px) {
    .c-lp-3-list-2__head::after {
        content: none;
    }
}

.c-lp-3-list-2__num {
    display: block;
    margin-bottom: 0.74074vw;
    color: #09573D;
    text-align: center;
    font-style: italic;
    font-size: 6.66667vw;
    font-family: "Cinzel", serif;
    line-height: 1;
}

@media screen and (max-width: 750px) {
    .c-lp-3-list-2__num {
        font-size: 14.66667vw;
    }
}

.c-lp-3-list-2__num span {
    position: relative;
    width: 1em;
}

.c-lp-3-list-2__num span:nth-of-type(1) {
    right: -0.2em;
}

.c-lp-3-list-2__num span:nth-of-type(2) {
    left: -0.2em;
}

.c-lp-3-list-2__ttl {
    display: block;
    color: #09573D;
    text-align: center;
    white-space: nowrap;
    font-size: 5.92593vw;
    font-family: "Cinzel", serif;
    line-height: 1;
}

@media screen and (max-width: 750px) {
    .c-lp-3-list-2__ttl {
        font-size: 12vw;
    }
}

.c-lp-3-list-2__ttl--2 {
    font-size: 5.55556vw;
}

@media screen and (max-width: 750px) {
    .c-lp-3-list-2__ttl--2 {
        font-size: 12vw;
    }
}

.c-lp-3-list-2__ttl-ja {
    display: block;
    color: #09573D;
    text-align: center;
    font-weight: bold;
    font-size: 1.40741vw;
    font-family: "Noto Serif JP", serif;
}

@media screen and (max-width: 750px) {
    .c-lp-3-list-2__ttl-ja {
        margin-top: 0.66667vw;
        font-size: 3.2vw;
    }
}

.c-lp-3-list-2__txt-area {
    width: calc(100% - 47.7037vw);
}

@media screen and (max-width: 750px) {
    .c-lp-3-list-2__txt-area {
        width: 100%;
    }
}

@media screen and (max-width: 1000px) {
    .c-lp-3-list-2__txt-area--1 {
        padding-left: 3.7037vw;
    }
}

@media screen and (max-width: 750px) {
    .c-lp-3-list-2__txt-area--1 {
        padding-left: 0;
    }
}

.c-lp-3-list-2__txt-area--2 {
    padding-top: 25.92593vw;
    padding-right: 4.44444vw;
}

@media screen and (max-width: 750px) {
    .c-lp-3-list-2__txt-area--2 {
        padding-top: 0;
    }
}

.c-lp-3-list-2__txt {
    color: #4D4D4D;
    text-align: center;
    font-weight: bold;
    font-size: 1.03704vw;
    line-height: 2;
    opacity: 0;
    -webkit-transition: opacity 1s ease-out;
    transition: opacity 1s ease-out;
}

@media screen and (max-width: 750px) {
    .c-lp-3-list-2__txt {
        font-size: 3.2vw;
    }
}

.c-lp-3-list-2__txt.fadein {
    opacity: 1;
}

.c-lp-3-list-2__img-area {
    position: relative;
    width: 47.7037vw;
    height: 58.07407vw;
}

@media screen and (max-width: 750px) {
    .c-lp-3-list-2__img-area {
        height: 87.73333vw;
    }
}

@media screen and (max-width: 750px) {
    .c-lp-3-list-2__img-area--1 {
        margin-top: 23.33333vw;
        margin-bottom: 8.66667vw;
        width: 84.66667vw;
    }
}

@media screen and (max-width: 750px) {
    .c-lp-3-list-2__img-area--2 {
        margin-top: 6.66667vw;
        margin-right: 0;
        margin-bottom: 18.66667vw;
        margin-left: auto;
        width: 85.86667vw;
    }
}

.c-lp-3-list-2__bg-img {
    overflow: hidden;
    height: 100%;
}

.c-lp-3-list-2__bg-img--1 img {
    margin-top: -38.88889vw;
}

.c-lp-3-list-2__bg-img--2 img {
    margin-top: -40vw;
}

.c-lp-3-list-2__img-item {
    position: absolute;
}

.c-lp-3-list-2__img-item--1 {
    top: 0;
    left: 4.81481vw;
    width: 42.7037vw;
}

@media screen and (max-width: 750px) {
    .c-lp-3-list-2__img-item--1 {
        top: -4vw;
        left: 6vw;
        width: 80vw;
    }
}

.c-lp-3-list-2__img-item--2 {
    top: 18.51852vw;
    left: 4.44444vw;
    width: 44.96296vw;
}

@media screen and (max-width: 750px) {
    .c-lp-3-list-2__img-item--2 {
        top: 14.66667vw;
        left: 7.33333vw;
        width: 80vw;
    }
}

.c-lp-3-list-2__img-txt {
    position: absolute;
    display: block;
    width: 1.03704vw;
}

@media screen and (max-width: 750px) {
    .c-lp-3-list-2__img-txt {
        right: -7.33333vw;
        width: 2.66667vw;
    }
}

.c-lp-3-list-2__img-txt--1 {
    top: 1.48148vw;
    right: -2.22222vw;
}

@media screen and (max-width: 750px) {
    .c-lp-3-list-2__img-txt--1 {
        top: 0;
        right: -6vw;
    }
}

.c-lp-3-list-2__img-txt--2 {
    bottom: 1.48148vw;
    left: -2.59259vw;
}

@media screen and (max-width: 750px) {
    .c-lp-3-list-2__img-txt--2 {
        top: 0;
        bottom: 0;
        left: -6vw;
    }
}

.c-lp-3-list-2__bottom {
    position: relative;
    overflow: hidden;
}

.c-lp-3-list-2__bottom-top {
    position: absolute;
    top: -1px;
    left: 0;
    z-index: 100;
    width: 100%;
    height: 30%;
    background: url("../img/lp/matcha/img_bg-top.jpg") 0 0 no-repeat;
    background-size: 100% auto;
    -webkit-transition: 4s cubic-bezier(0.11, 1.21, 0, 0.97);
    transition: 4s cubic-bezier(0.11, 1.21, 0, 0.97);

    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

@media screen and (max-width: 750px) {
    .c-lp-3-list-2__bottom-top {
        background-image: url("../img/lp/matcha/sp/img_bg-top.jpg");
    }
}

.c-lp-3-list-2__bottom.fadein .c-lp-3-list-2__bottom-top {
    height: 0;
}

.c-lp-3-list-2__bottom-left {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    width: 30%;
    height: 100%;
    background: url("../img/lp/matcha/img_bg-left.jpg") 0 0 no-repeat;
    background-size: auto 100%;
    -webkit-transition: 4s cubic-bezier(0.11, 1.21, 0, 0.97);
    transition: 4s cubic-bezier(0.11, 1.21, 0, 0.97);

    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

@media screen and (max-width: 750px) {
    .c-lp-3-list-2__bottom-left {
        background-image: url("../img/lp/matcha/sp/img_bg-left.jpg");
    }
}

.c-lp-3-list-2__bottom.fadein .c-lp-3-list-2__bottom-left {
    width: 0;
}

.c-lp-3-list-2__bottom-right {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 100;
    width: 30%;
    height: 100%;
    background: url("../img/lp/matcha/img_bg-right.jpg") 100% 100% no-repeat;
    background-size: auto 100%;
    -webkit-transition: 4s cubic-bezier(0.11, 1.21, 0, 0.97);
    transition: 4s cubic-bezier(0.11, 1.21, 0, 0.97);
    -webkit-transform-origin: right;
    transform-origin: right;

    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

@media screen and (max-width: 750px) {
    .c-lp-3-list-2__bottom-right {
        background-image: url("../img/lp/matcha/sp/img_bg-right.jpg");
    }
}

.c-lp-3-list-2__bottom.fadein .c-lp-3-list-2__bottom-right {
    width: 0;
}

.c-lp-3-mobile {
    background-color: #fff;
}

.c-lp-3-mobile__link {
    display: block;
    background-color: #7B9320;
    -webkit-transition: opacity 300ms;
    transition: opacity 300ms;
}

.c-lp-3-mobile__link:hover {
    opacity: 0.8;
}

.c-lp-3-mobile__img {
    position: relative;
    top: -1.11111vw;
    left: -0.37037vw;
    margin: 0 auto;
    width: 61.66667vw;
    opacity: 0;
    -webkit-transition: opacity 0.6s ease-out;
    -webkit-transition: opacity 1s ease-out;
    transition: opacity 0.6s ease-out;
    transition: opacity 1s ease-out;
}

.c-lp-3-mobile__img.fadein {
    opacity: 1;
}

@media screen and (max-width: 750px) {
    .c-lp-3-mobile__img {
        top: -3.33333vw;
        width: 89.86667vw;
    }
    .ie .c-lp-3-mobile__img {
        top: -1.11111vw;
    }
}

.c-lp-3-sec-1 {
    padding-top: 9.25926vw;
    height: 81.48148vw;
    background: url("../img/lp/matcha/img_bg-pic_02.jpg") 0 0 no-repeat;
    background-size: cover;
}

@media screen and (max-width: 750px) {
    .c-lp-3-sec-1 {
        padding-top: 18.66667vw;
        height: 227.33333vw;
        background-image: url("../img/lp/matcha/sp/img_bg-pic_02.jpg");
    }
}

.c-lp-3-sec-1__ttl {
    color: #09573D;
    text-align: center;
    letter-spacing: 0.02em;
    font-size: 8.66667vw;
    font-family: "Cinzel", serif;
    line-height: 1.2;
}

@media screen and (max-width: 750px) {
    .c-lp-3-sec-1__ttl {
        font-size: 10.66667vw;
    }
}

.c-lp-3-sec-1__ttl-ja {
    display: block;
    color: #09573D;
    text-align: center;
    letter-spacing: 0.1em;
    font-size: 2.07407vw;
    font-family: "Noto Serif JP", serif;
}

@media screen and (max-width: 750px) {
    .c-lp-3-sec-1__ttl-ja {
        margin-top: 1.33333vw;
        font-size: 3.2vw;
    }
}

.c-lp-3-sec-1__cont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -ms-flex-pack: center;

    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-box-pack: center;
    justify-content: center;
}

@media screen and (max-width: 750px) {
    .c-lp-3-sec-1__cont {
        display: block;
    }
}

.c-lp-3-sec-1__txt-area {
    margin-left: 1.11111vw;
    padding-top: 8.88889vw;
}

@media screen and (max-width: 750px) {
    .c-lp-3-sec-1__txt-area {
        margin-left: 0;
        padding-top: 12.66667vw;
    }
}

.c-lp-3-sec-1__cont-ttl {
    margin-bottom: 2.22222vw;
    margin-left: -0.1em;
    color: #09573D;
    font-size: 3.11111vw;
    font-family: "Noto Serif JP", serif;
    line-height: 1.64;
}

@media screen and (max-width: 750px) {
    .c-lp-3-sec-1__cont-ttl {
        margin-bottom: 2vw;
        text-align: center;
        font-size: 5.6vw;
    }
}

.c-lp-3-sec-1__cont-ttl-txt {
    display: block;
}

.c-lp-3-sec-1__cont-txt {
    color: #666666;
    font-weight: bold;
    font-size: 1.18519vw;
    line-height: 2;
    opacity: 0;
    -webkit-transition: opacity 1s ease-out;
    transition: opacity 1s ease-out;
}

@media screen and (max-width: 750px) {
    .c-lp-3-sec-1__cont-txt {
        text-align: center;
        font-size: 3.2vw;
    }
}

.c-lp-3-sec-1__cont-txt.fadein {
    opacity: 1;
}

.c-lp-3-sec-1__drop {
    position: relative;
    margin-top: -2.96296vw;
    margin-left: 16.66667vw;
    width: 1px;
    height: 12.37037vw;
    background-color: #09573D;
}

@media screen and (max-width: 750px) {
    .c-lp-3-sec-1__drop {
        margin: -12vw auto 0;
        height: 22.26667vw;
    }
}

.c-lp-3-sec-1__drop-img {
    position: absolute;
    top: 0;
    left: 50%;
    width: 0.81481vw;
    line-height: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-animation: drop 5s cubic-bezier(0.25, 0.46, 0.45, 0.94) infinite;
    animation: drop 5s cubic-bezier(0.25, 0.46, 0.45, 0.94) infinite;
}

@media screen and (max-width: 750px) {
    .c-lp-3-sec-1__drop-img {
        width: 1.46667vw;
    }
}

.c-lp-3-sec-1__pic {
    overflow: hidden;
    margin-top: 4.07407vw;
    width: 26.81481vw;
    height: 8.88889vw;
}

@media screen and (max-width: 750px) {
    .c-lp-3-sec-1__pic {
        margin: 13.33333vw auto 0;
        width: 75.06667vw;
        height: 30.66667vw;
    }
}

.c-lp-3-sec-1__pic-img {
    overflow: hidden;
    width: 0;
    height: 100%;
}

@media screen and (max-width: 750px) {
    .c-lp-3-sec-1__pic-img {
        width: 100%;
        height: 0;
    }
}

@media screen and (min-width: 751px) {
    .c-lp-3-sec-1__pic.fadein .c-lp-3-sec-1__pic-img {
        -webkit-animation: picAppearX 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
        animation: picAppearX 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
    }
}

@media screen and (max-width: 750px) {
    .c-lp-3-sec-1__pic.fadein .c-lp-3-sec-1__pic-img {
        -webkit-animation: picAppearY 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
        animation: picAppearY 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
    }
}

.c-lp-3-sec-1__pic-img img {
    max-width: 26.81481vw;
    width: 26.81481vw;
    height: 8.88889vw;
}

@media screen and (max-width: 750px) {
    .c-lp-3-sec-1__pic-img img {
        max-width: 75.06667vw;
        width: 75.06667vw;
        height: 30.66667vw;
    }
}

@media screen and (max-width: 750px) {
    .c-lp-3-sec-1__img-area {
        margin-top: -25.33333vw;
    }
}

.c-lp-3-sec-1__img {
    position: relative;
}

.c-lp-3-sec-1__img--1 {
    margin-top: 2.59259vw;
    width: 34.81481vw;
}

@media screen and (max-width: 750px) {
    .c-lp-3-sec-1__img--1 {
        left: 1.33333vw;
        margin: 0 auto;
        width: 62.8vw;
    }
}

.c-lp-3-sec-1__img--2 {
    margin-top: -2.96296vw;
    width: 37.55556vw;
}

@media screen and (max-width: 750px) {
    .c-lp-3-sec-1__img--2 {
        left: 4vw;
        margin: 0 auto;
        margin-top: -13.33333vw;
        width: 67.6vw;
    }
}

.c-lp-3-sec-2 {
    padding-bottom: 12.59259vw;
    color: #fff;
}

@media screen and (max-width: 750px) {
    .c-lp-3-sec-2 {
        padding-bottom: 23.33333vw;
    }
}

.c-lp-3-sec-2__bg-img {
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
    display: none;
    width: 100%;
    height: 100%;
    background-color: #08080A;
}

.c-lp-3-sec-2.fadein .c-lp-3-sec-2__bg-img {
    display: block;
}

.c-lp-3-sec-2__logo {
    margin-bottom: 2.59259vw;
    width: 22.22222vw;
}

@media screen and (max-width: 750px) {
    .c-lp-3-sec-2__logo {
        position: relative;
        left: 1.33333vw;
        margin: 0 auto 8vw;
        width: 38.66667vw;
    }
}

.c-lp-3-sec-2__logo img {
    width: 100%;
}

.c-lp-3-sec-2__ttl {
    margin-bottom: 3.33333vw;
    font-size: 2.88889vw;
    font-family: "Noto Serif JP", serif;
    line-height: 1.53;
}

@media screen and (max-width: 750px) {
    .c-lp-3-sec-2__ttl {
        margin-bottom: 5.33333vw;
        text-align: center;
        font-size: 5.6vw;
    }
}

.c-lp-3-sec-2__ttl-txt {
    display: block;
}

.c-lp-3-sec-2__cont {
    position: relative;
    z-index: 1000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    padding-top: 11.11111vw;

    -webkit-box-pack: end;
    justify-content: flex-end;
}

@media screen and (max-width: 750px) {
    .c-lp-3-sec-2__cont {
        display: block;
        padding-top: 28.66667vw;
    }
}

.c-lp-3-sec-2__txt {
    font-size: 1.03704vw;
    line-height: 2;
    opacity: 0;
    -webkit-transition: opacity 1s ease-out 1s;
    transition: opacity 1s ease-out 1s;
}

@media screen and (max-width: 750px) {
    .c-lp-3-sec-2__txt {
        text-align: center;
        font-size: 3.2vw;
    }
}

.c-lp-3-sec-2__txt.fadein {
    opacity: 1;
}

.c-lp-3-sec-2__img-area {
    overflow: hidden;
    margin-top: 9.25926vw;
    margin-left: 6.2963vw;
    width: 50vw;
}

@media screen and (max-width: 750px) {
    .c-lp-3-sec-2__img-area {
        margin: 16vw auto 0;
        width: 84vw;
    }
}

.c-lp-3-sec-2__bottom {
    position: relative;
    margin: 13.33333vw auto 0;
    width: 76.2963vw;
}

@media screen and (max-width: 750px) {
    .c-lp-3-sec-2__bottom {
        margin-top: 22.66667vw;
        width: 89.33333vw;
    }
}

.c-lp-3-sec-2__bottom::before {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 1px;
    height: 100%;
    background-color: #808080;
    content: "";
    -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.79, 0.17, 0.15, 0.96);
    transition: -webkit-transform 0.5s cubic-bezier(0.79, 0.17, 0.15, 0.96);
    transition: transform 0.5s cubic-bezier(0.79, 0.17, 0.15, 0.96);
    transition: transform 0.5s cubic-bezier(0.79, 0.17, 0.15, 0.96), -webkit-transform 0.5s cubic-bezier(0.79, 0.17, 0.15, 0.96);
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: bottom;
    transform-origin: bottom;
}

.c-lp-3-sec-2__bottom.fadein::before {
    -webkit-transform: scale(1);
    transform: scale(1);
}

.c-lp-3-sec-2__bottom-inner {
    position: relative;
    padding-left: 2.96296vw;
}

@media screen and (max-width: 750px) {
    .c-lp-3-sec-2__bottom-inner {
        padding: 0 4vw;
    }
}

.c-lp-3-sec-2__bottom-inner::before, .c-lp-3-sec-2__bottom-inner::after {
    position: absolute;
    background-color: #808080;
    content: "";
    -webkit-transform: scale(0);
    transform: scale(0);
}

.c-lp-3-sec-2__bottom.fadein .c-lp-3-sec-2__bottom-inner::before, .c-lp-3-sec-2__bottom.fadein .c-lp-3-sec-2__bottom-inner::after {
    -webkit-transform: scale(1);
    transform: scale(1);
}

.c-lp-3-sec-2__bottom-inner::before {
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    -webkit-transition: 0.7s 0.42s cubic-bezier(0.79, 0.17, 0.15, 0.96);
    transition: 0.7s 0.42s cubic-bezier(0.79, 0.17, 0.15, 0.96);
    -webkit-transform-origin: right;
    transform-origin: right;
}

.c-lp-3-sec-2__bottom-inner::after {
    right: 0;
    bottom: 0;
    width: 1px;
    height: 100%;
    -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.79, 0.17, 0.15, 0.96);
    transition: -webkit-transform 0.5s cubic-bezier(0.79, 0.17, 0.15, 0.96);
    transition: transform 0.5s cubic-bezier(0.79, 0.17, 0.15, 0.96);
    transition: transform 0.5s cubic-bezier(0.79, 0.17, 0.15, 0.96), -webkit-transform 0.5s cubic-bezier(0.79, 0.17, 0.15, 0.96);
    -webkit-transform-origin: top;
    transform-origin: top;
}

.c-lp-3-sec-2__bottom-border {
    position: absolute;
    display: block;
    height: 1px;
    background-color: #808080;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left;
    transform-origin: left;
}

.c-lp-3-sec-2__bottom.fadein .c-lp-3-sec-2__bottom-border {
    -webkit-transform: scale(1);
    transform: scale(1);
}

.c-lp-3-sec-2__bottom-border::after {
    position: absolute;
    width: 1.03704vw;
    height: 1px;
    background-color: #808080;
    content: "";
    -webkit-transform: rotate(-225deg);
    transform: rotate(-225deg);
}

@media screen and (max-width: 750px) {
    .c-lp-3-sec-2__bottom-border::after {
        width: 2.26667vw;
    }
}

.c-lp-3-sec-2__bottom-border--1 {
    left: 0;
    width: 5.92593vw;
    -webkit-transition: 0.05s 0.42s cubic-bezier(0.79, 0.17, 0.15, 0.96);
    transition: 0.05s 0.42s cubic-bezier(0.79, 0.17, 0.15, 0.96);
}

@media screen and (max-width: 750px) {
    .c-lp-3-sec-2__bottom-border--1 {
        width: 22.93333vw;
        -webkit-transition: 0.18s 0.42s cubic-bezier(0.79, 0.17, 0.15, 0.96);
        transition: 0.18s 0.42s cubic-bezier(0.79, 0.17, 0.15, 0.96);
    }
}

.c-lp-3-sec-2__bottom-border--1::after {
    right: -0.44444vw;
}

@media screen and (max-width: 750px) {
    .c-lp-3-sec-2__bottom-border--1::after {
        right: -1.06667vw;
    }
}

.c-lp-3-sec-2__bottom-border--2 {
    right: 0;
    width: 50.37037vw;
    -webkit-transition: 0.44s 0.65s cubic-bezier(0.79, 0.17, 0.15, 0.96);
    transition: 0.44s 0.65s cubic-bezier(0.79, 0.17, 0.15, 0.96);
}

@media screen and (max-width: 750px) {
    .c-lp-3-sec-2__bottom-border--2 {
        width: 22.93333vw;
        -webkit-transition: 0.18s 0.94s cubic-bezier(0.79, 0.17, 0.15, 0.96);
        transition: 0.18s 0.94s cubic-bezier(0.79, 0.17, 0.15, 0.96);
    }
}

.c-lp-3-sec-2__bottom-border--2::after {
    left: -0.44444vw;
}

@media screen and (max-width: 750px) {
    .c-lp-3-sec-2__bottom-border--2::after {
        left: -1.06667vw;
    }
}

.c-lp-3-sec-2__bottom-cont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 6.2963vw;
    padding-bottom: 2.22222vw;
}

@media screen and (max-width: 750px) {
    .c-lp-3-sec-2__bottom-cont {
        display: block;
        padding-top: 0;
        padding-bottom: 6.66667vw;
    }
}

.c-lp-3-sec-2__bottom-head {
    position: absolute;
    top: -2.51852vw;
    left: 6.07407vw;
    width: 20vw;
    text-align: center;
}

@media screen and (max-width: 750px) {
    .c-lp-3-sec-2__bottom-head {
        top: -4.66667vw;
        left: 50%;
        width: 44vw;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }
}

.c-lp-3-sec-2__bottom-deco {
    position: absolute;
    top: -16.2963vw;
    right: -12.22222vw;
    z-index: 100;
    width: 31.11111vw;
    -webkit-transition: opacity 1s ease-out 1s, -webkit-transform 1s ease-out 1s;
    transition: opacity 1s ease-out 1s, -webkit-transform 1s ease-out 1s;
    transition: opacity 1s ease-out 1s, transform 1s ease-out 1s;
    transition: opacity 1s ease-out 1s, transform 1s ease-out 1s, -webkit-transform 1s ease-out 1s;
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
}

@media screen and (max-width: 750px) {
    .c-lp-3-sec-2__bottom-deco {
        top: -12.66667vw;
        right: -6.66667vw;
        width: 31.2vw;
    }
}

.c-lp-3-sec-2__bottom-deco.fadein {
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

.c-lp-3-sec-2__bottom-img {
    margin-top: 2.59259vw;
    margin-right: 2.96296vw;
    width: 28.66667vw;
}

@media screen and (max-width: 750px) {
    .c-lp-3-sec-2__bottom-img {
        position: absolute;
        top: 0;
        left: 0;
        margin-top: 19.33333vw;
        margin-right: 0;
        margin-left: 2.66667vw;
        width: 38.66667vw;
    }
}

.c-lp-3-sec-2__bottom-ttl {
    font-size: 3.33333vw;
    font-family: "Cinzel", serif;
}

@media screen and (max-width: 750px) {
    .c-lp-3-sec-2__bottom-ttl {
        font-size: 7.2vw;
        line-height: 1.3;
    }
}

.c-lp-3-sec-2__bottom-ttl-ja {
    font-size: 1.25926vw;
    font-family: "Noto Serif JP", serif;
}

@media screen and (max-width: 750px) {
    .c-lp-3-sec-2__bottom-ttl-ja {
        font-size: 2.66667vw;
    }
}

.c-lp-3-sec-2__bottom-txt-l {
    margin-bottom: 2.22222vw;
    font-size: 1.92593vw;
    font-family: "Noto Serif JP", serif;
    line-height: 1.84;
}

@media screen and (max-width: 750px) {
    .c-lp-3-sec-2__bottom-txt-l {
        margin-bottom: 6.66667vw;
        margin-left: 41.33333vw;
        padding-top: 20vw;
        font-size: 4vw;
    }
}

.c-lp-3-sec-2__bottom-txt-l-line {
    display: block;
}

@media screen and (max-width: 750px) {
    .c-lp-3-sec-2__bottom-txt-l-line {
        white-space: nowrap;
    }
}

.c-lp-3-sec-2__bottom-txt {
    font-size: 1.03704vw;
    line-height: 2;
    opacity: 0;
    -webkit-transition: opacity 1s ease-out 1s;
    transition: opacity 1s ease-out 1s;
}

@media screen and (max-width: 750px) {
    .c-lp-3-sec-2__bottom-txt {
        font-size: 3.2vw;
    }
}

.c-lp-3-sec-2__bottom-txt.fadein {
    opacity: 1;
}

@-webkit-keyframes slide-loader {
    0% {
        stroke-dasharray: 0 144;
    }
    100% {
        stroke-dasharray: 144 144;
    }
}

@keyframes slide-loader {
    0% {
        stroke-dasharray: 0 144;
    }
    100% {
        stroke-dasharray: 144 144;
    }
}

.c-lp-3-slider__slide {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
}

.ie .c-lp-3-slider__slide {
    opacity: 0;
}

.c-lp-3-slider.fadein .c-lp-3-slider__slide {
    -webkit-animation: transYminus0 1s cubic-bezier(0.87, 0, 0.13, 1) forwards;
    animation: transYminus0 1s cubic-bezier(0.87, 0, 0.13, 1) forwards;
}

.ie .c-lp-3-slider.fadein .c-lp-3-slider__slide {
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-animation: none;
    animation: none;
}

.c-lp-3-slider .slick-dots {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    margin-top: 2.22222vw;

    -webkit-box-pack: center;
    justify-content: center;
}

@media screen and (max-width: 750px) {
    .c-lp-3-slider .slick-dots {
        margin-top: 4vw;
    }
}

.c-lp-3-slider .slick-dots li {
    position: relative;
    margin-right: 2.22222vw;
    width: 3.40741vw;
    height: 3.40741vw;
    text-align: center;
    cursor: pointer;
    -webkit-transition: opacity 300ms;
    transition: opacity 300ms;
}

.c-lp-3-slider .slick-dots li:hover {
    opacity: 0.8;
}

@media screen and (max-width: 750px) {
    .c-lp-3-slider .slick-dots li {
        margin-right: 5.33333vw;
        width: 11.6vw;
        height: 11.6vw;
    }
}

.c-lp-3-slider .slick-dots li:last-of-type {
    margin-right: 0;
}

.c-lp-3-slider .slick-dots button {
    width: 100%;
    height: 100%;
    color: #B2B2B2;
    font-size: 1.25926vw;
    font-family: "Noto Serif JP", serif;
}

@media screen and (max-width: 1000px) {
    .c-lp-3-slider .slick-dots button {
        padding-bottom: 0.1em;
    }
}

@media screen and (max-width: 750px) {
    .c-lp-3-slider .slick-dots button {
        font-size: 4.26667vw;
    }
}

.c-lp-3-slider .slick-dots .dots-circle {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.c-lp-3-slider .slick-dots .dots-circle svg {
    stroke-dasharray: 0 144;
}

.c-lp-3-slider .slick-dots .slick-active button {
    color: #fff;
}

.c-lp-3-slider .slick-dots .slick-active svg {
    -webkit-animation: slide-loader 6s linear forwards;
    animation: slide-loader 6s linear forwards;
}

.ie .c-lp-3-slider .slick-dots .slick-active svg {
    stroke-dasharray: 144 144;
}

.c-lp-3-sec-3 {
    padding-top: 22.22222vw;
    padding-bottom: 12.59259vw;
    background: url("../img/lp/matcha/img_bg-pic_03.jpg") 0 100% no-repeat;
    background-size: 100% 100%;
}

@media screen and (max-width: 750px) {
    .c-lp-3-sec-3 {
        padding-top: 19.33333vw;
        padding-bottom: 26.66667vw;
        background-image: url("../img/lp/matcha/sp/img_bg-pic_03.jpg");
    }
}

.c-lp-3-sec-3__ttl {
    margin-bottom: 1.11111vw;
    color: #09573D;
    text-align: center;
    font-size: 10.51852vw;
    font-family: "Cinzel", serif;
    line-height: 1;
}

@media screen and (max-width: 750px) {
    .c-lp-3-sec-3__ttl {
        font-size: 12vw;
    }
}

.c-lp-3-sec-3__ttl-s {
    display: block;
    margin-top: -0.2em;
    font-size: 7.40741vw;
}

@media screen and (max-width: 750px) {
    .c-lp-3-sec-3__ttl-s {
        margin-top: 0;
        font-size: 7.33333vw;
    }
}

.c-lp-3-sec-3__txt {
    color: #09573D;
    text-align: center;
    font-size: 2.96296vw;
    font-family: "Noto Serif JP", serif;
}

@media screen and (max-width: 750px) {
    .c-lp-3-sec-3__txt {
        font-size: 4vw;
    }
}

.c-lp-3-sec-3__lower {
    position: relative;
    padding-top: 15.55556vw;
}

@media screen and (max-width: 750px) {
    .c-lp-3-sec-3__lower {
        padding-top: 33.33333vw;
    }
}

/* ---------------------------------------------
*   c-lp-4
--------------------------------------------- */
body.gyugyutto-peach2022 .c-sns__ttl-inner {
    color: #FF5078;
}

@media screen and (max-width: 750px) {
    body.gyugyutto-peach2022 .c-sns__ttl-inner {
        color: #FF647C;
    }
}

body.gyugyutto-peach2022 .c-sns-list {
    color: #FF5078;
}

@media screen and (max-width: 750px) {
    body.gyugyutto-peach2022 .c-sns-list {
        color: #FF647C;
    }
}

body.gyugyutto-peach2022 .c-lp-bottom {
    position: relative;
    z-index: 100;
}

.c-lp-4 {
    opacity: 0;
}

.is-load .c-lp-4 {
    opacity: 1;
}

.c-lp-4 *::-moz-selection {
    background-color: #FF647C;
    color: #fff;
}

.c-lp-4 *::selection {
    background-color: #FF647C;
    color: #fff;
}

.c-lp-4 .c-lp-1-box {
    padding-top: 9.62963vw;
    background: url("../img/lp/peach/img_bg-campaign.jpg") center 100% no-repeat;
    background-size: cover;
}

@media screen and (max-width: 750px) {
    .c-lp-4 .c-lp-1-box {
        padding-top: 22vw;
        background-image: url("../img/lp/peach/sp/img_bg-campaign.jpg");
    }
}

.c-lp-4 .c-lp-1-box::before, .c-lp-4 .c-lp-1-box::after {
    content: none;
}

.c-lp-4 .c-lp-1-box__ttl-txt {
    color: #FF647C;
}

.c-lp-4 .c-lp-1-box__sub-ttl {
    color: #FF647C;
}

.c-lp-4 .c-lp-1-box__contents {
    border: none;
}

.c-lp-4 .c-lp-1-box__date-txt {
    color: #FF647C;
}

.c-lp-4 .c-lp-1-box__txt-l {
    color: #FF647C;
}

.c-lp-4 .c-lp-1-box__col-l {
    position: relative;
    margin: 0 auto;
    margin-top: 1.85185vw;
    margin-bottom: 2.59259vw;
    padding-top: 2.59259vw;
    padding-bottom: 7.40741vw;
    width: 37.77778vw;
    border-radius: 0.74074vw;
    background-color: #EFEFEF;
    background-color: rgba(255, 187, 140, 0.15);
}

@media screen and (max-width: 750px) {
    .c-lp-4 .c-lp-1-box__col-l {
        margin-top: 4.66667vw;
        margin-bottom: 7.33333vw;
        padding-top: 4.66667vw;
        padding-bottom: 4.66667vw;
        width: 78.66667vw;
        border-radius: 1.33333vw;
    }
}

.c-lp-4 .c-lp-1-box__col-list {
    margin-left: 5.92593vw;
}

.c-lp-4 .c-lp-1-box__col-list-label {
    border-color: #FF647C;
    color: #FF647C;
}

.c-lp-4 .c-lp-1-box__col-list-txt {
    color: #4D4D4D;
}

.c-lp-4 .c-lp-1-box__col-ttl--tw {
    margin-left: 13.7037vw;
    width: 8.74074vw;
}

@media screen and (max-width: 750px) {
    .c-lp-4 .c-lp-1-box__col-ttl--tw {
        margin-left: 25.33333vw;
        width: 26.26667vw;
    }
}

.c-lp-4 .c-lp-1-box__btn {
    width: 26.07407vw;
    background-color: #FF647C;
}

@media screen and (max-width: 750px) {
    .c-lp-4 .c-lp-1-box__btn {
        width: 68vw;
    }
}

/*  c-lp-4-logo
--------------------------------------------- */
.c-lp-4-logo {
    position: absolute;
    top: 2.59259vw;
    left: 2.96296vw;
    z-index: 200;
    width: 5.25926vw;
}

@media screen and (max-width: 750px) {
    .c-lp-4-logo {
        top: 5.33333vw;
        left: 4.66667vw;
        width: 9.33333vw;
    }
}

.c-lp-4-logo__link {
    display: block;
    -webkit-transition: opacity 300ms;
    transition: opacity 300ms;
}

.c-lp-4-logo__link:hover {
    opacity: 0.8;
}

/*  c-lp-4-kv
--------------------------------------------- */
.c-lp-4-kv {
    position: relative;
    width: 100%;
    background: url("../img/lp/peach/img_kv.png") center top no-repeat;
    background-size: 100% 100%;
    color: #fff;
}

@media screen and (min-width: 751px) {
    .c-lp-4-kv {
        height: calc(1670/2700 * 100vw) !important;
    }
}

@media screen and (max-width: 750px) {
    .c-lp-4-kv {
        min-height: 133.33333vw;
        max-height: 100%;
        background-image: url("../img/lp/peach/sp/img_kv.png");
        background-size: 100% 100%;
    }
}

.c-lp-4-kv__inner {
    position: relative;
    z-index: 100;
    padding-top: 13.33333vw;
    padding-left: 10vw;
}

@media screen and (max-width: 750px) {
    .c-lp-4-kv__inner {
        padding-top: 22vw;
        padding-left: 5.06667vw;
    }
}

.c-lp-4-kv__ttl {
    margin-bottom: 2.22222vw;
    color: #FF4B6D;
    letter-spacing: -.02em;
    font-weight: bold;
    font-size: 1.77778vw;
    line-height: 1.4375;
}

@media screen and (max-width: 750px) {
    .c-lp-4-kv__ttl {
        margin-bottom: 3.33333vw;
        font-size: 4.26667vw;
        line-height: 1.28;
    }
}

.c-lp-4-kv__txt-wrap {
    margin-top: 2.96296vw;
}

@media screen and (max-width: 750px) {
    .c-lp-4-kv__txt-wrap {
        margin-top: 4.66667vw;
    }
}

.c-lp-4-kv__txt {
    border-radius: 3px;
    color: #FF647C;
    letter-spacing: 0.06em;
    font-weight: 600;
    font-size: 2.37037vw;

    -webkit-font-feature-settings: "palt" 1;
    font-feature-settings: "palt" 1;
}

.c-lp-4-kv__txt--top, .c-lp-4-kv__txt--bottom {
    display: inline-block;
    padding-right: 0.37037vw;
    padding-left: 0.37037vw;
    background-color: #fff;
    line-height: 1.2;
}

.windows .c-lp-4-kv__txt--top, .windows .c-lp-4-kv__txt--bottom {
    padding-top: 0.22222vw;
}

.c-lp-4-kv__txt--bottom {
    margin-top: 0.74074vw;
}

@media screen and (max-width: 750px) {
    .c-lp-4-kv__txt {
        font-size: 4.26667vw;
    }
    .c-lp-4-kv__txt--top, .c-lp-4-kv__txt--bottom {
        padding-right: 0.53333vw;
        padding-left: 0.53333vw;
    }
    .windows .c-lp-4-kv__txt--top, .windows .c-lp-4-kv__txt--bottom {
        padding-top: 0.66667vw;
    }
    .c-lp-4-kv__txt--bottom {
        margin-top: 1.33333vw;
    }
}

.c-lp-4-kv__txt-large {
    font-size: 3.55852vw;
}

@media screen and (max-width: 750px) {
    .c-lp-4-kv__txt-large {
        font-size: 6.40533vw;
    }
}

.c-lp-4-kv__txt-middle {
    vertical-align: bottom;
    font-size: 3.08vw;
}

@media screen and (max-width: 750px) {
    .c-lp-4-kv__txt-middle {
        font-size: 5.544vw;
    }
}

.c-lp-4-kv__txt-small {
    font-size: 3.01111vw;
}

@media screen and (max-width: 750px) {
    .c-lp-4-kv__txt-small {
        font-size: 5.42vw;
    }
}

.c-lp-4-kv__img-date {
    width: 14.14815vw;
}

@media screen and (max-width: 750px) {
    .c-lp-4-kv__img-date {
        width: 23.46667vw;
    }
}

.c-lp-4-kv__img-date img {
    width: 100%;
}

.c-lp-4-kv__img-peach {
    position: absolute;
    right: -0.2963vw;
    bottom: 6.37037vw;
    width: 13.33333vw;
    -webkit-animation: wave-move-anim 8s cubic-bezier(1, 0, 0.9, 1) forwards infinite;
    animation: wave-move-anim 8s cubic-bezier(1, 0, 0.9, 1) forwards infinite;
}

@-webkit-keyframes wave-move-anim {
    0% {
        right: -13.33333vw;
        bottom: 6.66667vw;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    25% {
        bottom: 8.14815vw;
    }
    45% {
        bottom: -1.48148vw;
    }
    50% {
        right: 100vw;
        bottom: 9.62963vw;
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg);
    }
    100% {
        right: 100vw;
        bottom: 9.62963vw;
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg);
    }
}

@keyframes wave-move-anim {
    0% {
        right: -13.33333vw;
        bottom: 6.66667vw;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    25% {
        bottom: 8.14815vw;
    }
    45% {
        bottom: -1.48148vw;
    }
    50% {
        right: 100vw;
        bottom: 9.62963vw;
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg);
    }
    100% {
        right: 100vw;
        bottom: 9.62963vw;
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg);
    }
}

@media screen and (max-width: 750px) {
    .c-lp-4-kv__img-peach {
        right: 0vw;
        bottom: 16vw;
        width: 21.33333vw;
        -webkit-animation: wave-move-anim 8s cubic-bezier(1, 0, 0.9, 1) forwards infinite;
        animation: wave-move-anim 8s cubic-bezier(1, 0, 0.9, 1) forwards infinite;
    }
    @-webkit-keyframes wave-move-anim {
        0% {
            right: -21.33333vw;
            bottom: 13.33333vw;
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
        }
        30% {
            bottom: 17.33333vw;
        }
        45% {
            bottom: 0vw;
        }
        50% {
            right: 100vw;
            bottom: 8vw;
            -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg);
        }
        100% {
            right: 100vw;
            bottom: 8vw;
            -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg);
        }
    }
    @keyframes wave-move-anim {
        0% {
            right: -21.33333vw;
            bottom: 13.33333vw;
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
        }
        30% {
            bottom: 17.33333vw;
        }
        45% {
            bottom: 0vw;
        }
        50% {
            right: 100vw;
            bottom: 8vw;
            -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg);
        }
        100% {
            right: 100vw;
            bottom: 8vw;
            -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg);
        }
    }
    @keyframes wave-move-anim {
        0% {
            right: -21.33333vw;
            bottom: 10.66667vw;
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
        }
        60% {
            bottom: 14.66667vw;
        }
        90% {
            bottom: 0vw;
        }
        100% {
            right: 100vw;
            bottom: 8vw;
            -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg);
        }
    }
}

.c-lp-4-kv__img-peach--2 {
    right: -100%;
    -webkit-animation-delay: 4s;
    animation-delay: 4s;
}

@media screen and (max-width: 750px) {
    .c-lp-4-kv__img-peach--2 {
        -webkit-animation-delay: 8s;
        animation-delay: 8s;
    }
}

/*  c-lp-4-info
--------------------------------------------- */
.c-lp-4-info__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    margin: 0.74074vw auto 0;
    width: 73.33333vw;

    -webkit-box-pack: justify;
    justify-content: space-between;
}

@media screen and (max-width: 750px) {
    .c-lp-4-info__inner {
        display: block;
        margin-top: 13.33333vw;
        width: 100%;

        -webkit-font-feature-settings: "palt" 1;
        font-feature-settings: "palt" 1;
    }
}

.c-lp-4-info__txt-area {
    padding-top: 12.59259vw;
}

@media screen and (max-width: 750px) {
    .c-lp-4-info__txt-area {
        padding-top: 0;
        text-align: center;
    }
}

.c-lp-4-info__ttl {
    color: #FF647C;
    letter-spacing: .05em;
    font-weight: bold;
    font-size: 2.66667vw;
    line-height: 1.6;

    -webkit-font-feature-settings: "palt" 1;
    font-feature-settings: "palt" 1;
}

@media screen and (max-width: 750px) {
    .c-lp-4-info__ttl {
        font-size: 5.33333vw;
        line-height: 1.875;
    }
}

.c-lp-4-info__txt {
    margin-top: 1.85185vw;
    color: #FF647C;
    font-weight: bold;
    font-size: 1.48148vw;
    line-height: 2;
}

@media screen and (max-width: 750px) {
    .c-lp-4-info__txt {
        margin-top: 4vw;
        font-size: 3.46667vw;
    }
}

.c-lp-4-info__txt-img {
    display: inline-block;
    opacity: 0;
    -webkit-transition: opacity 1s;
    transition: opacity 1s;
    -webkit-transition-delay: 1s;
    transition-delay: 1s;
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
}

.c-lp-4-info__txt-img--01 {
    margin-right: -0.88889vw;
    margin-left: -0.74074vw;
    width: 18.14815vw;
}

.c-lp-4-info__ttl.fadein .c-lp-4-info__txt-img--01 {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

.c-lp-4-info__txt-img--02 {
    margin-right: -0.14815vw;
    width: 13.18519vw;
}

.c-lp-4-info__txt.fadein .c-lp-4-info__txt-img--02 {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

@media screen and (max-width: 750px) {
    .c-lp-4-info__txt-img--01 {
        position: relative;
        top: -1.06667vw;
        margin-right: -0.66667vw;
        margin-left: -0.66667vw;
        width: 36vw;
    }
    .c-lp-4-info__txt-img--02 {
        position: relative;
        top: -0.26667vw;
        margin-right: -0.66667vw;
        width: 25.2vw;
    }
}

.c-lp-4-info__img {
    position: relative;
    right: -0.88889vw;
    bottom: -0.2963vw;
    width: 29.62963vw;
    opacity: 0;
    -webkit-transition: opacity 1s ease-out, -webkit-transform 1s;
    transition: opacity 1s ease-out, -webkit-transform 1s;
    transition: opacity 1s ease-out, transform 1s;
    transition: opacity 1s ease-out, transform 1s, -webkit-transform 1s;
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
}

@media screen and (max-width: 750px) {
    .c-lp-4-info__img {
        position: static;
        margin-top: 5.33333vw;
        margin-left: 25.33333vw;
        width: 41.86667vw;
    }
}

.c-lp-4-info__img.fadein {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

/*  c-lp-4-product
--------------------------------------------- */
.c-lp-4-product {
    background: url("../img/lp/peach/img_bg_main.jpg") 0 0 no-repeat;
    background-size: 100% auto;
}

.c-lp-4-product--01 {
    margin-top: -1.33333vw;
}

@media screen and (max-width: 750px) {
    .c-lp-4-product--01 {
        margin-top: -14.66667vw;
        background-image: url("../img/lp/peach/sp/img_bg_main_01.jpg");
    }
    .c-lp-4-product--02 {
        margin-top: 24.53333vw;
        background-image: url("../img/lp/peach/sp/img_bg_main_02.jpg");
    }
}

.c-lp-4-product__inner {
    position: relative;
}

.c-lp-4-product__inner::before {
    position: absolute;
    bottom: -5px;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: url("../img/lp/peach/img_bg_white_curve.png") no-repeat;
    background-size: 100% auto;
    content: '';
}

@media screen and (max-width: 750px) {
    .c-lp-4-product__inner {
        padding-top: 34.66667vw;
    }
    .c-lp-4-product__inner::before {
        bottom: -2px;
        background-image: url("../img/lp/peach/sp/img_bg_white_curve_01.png");
    }
}

.c-lp-4-product__img-wrap-peach {
    position: relative;
}

.c-lp-4-product__img-peach {
    position: absolute;
    opacity: 0;
}

.c-lp-4-product__img-peach--01 {
    top: 20.81481vw;
    left: 48.96296vw;
    width: 25.55556vw;
    -webkit-animation: drop-anim1-pc 4s ease-in infinite;
    animation: drop-anim1-pc 4s ease-in infinite;
}

@-webkit-keyframes drop-anim1-pc {
    0% {
        top: -4.44444vw;
        opacity: 0;
    }
    20% {
        opacity: 1;
    }
    50% {
        top: 67.40741vw;
        opacity: 1;
    }
    100% {
        top: 67.40741vw;
        opacity: 1;
    }
}

@keyframes drop-anim1-pc {
    0% {
        top: -4.44444vw;
        opacity: 0;
    }
    20% {
        opacity: 1;
    }
    50% {
        top: 67.40741vw;
        opacity: 1;
    }
    100% {
        top: 67.40741vw;
        opacity: 1;
    }
}

.c-lp-4-product__img-peach--02 {
    top: -11.85185vw;
    left: 66.66667vw;
    width: 46.66667vw;
    -webkit-animation: drop-anim2-pc 4s ease-in infinite;
    animation: drop-anim2-pc 4s ease-in infinite;
}

@-webkit-keyframes drop-anim2-pc {
    0% {
    }
    25% {
        top: -16.2963vw;
        opacity: 0;
    }
    45% {
        opacity: 1;
    }
    74% {
        opacity: 0.9;
    }
    75% {
        top: 55.55556vw;
        opacity: 0.8;
    }
    75.5% {
        opacity: 0.7;
    }
    76% {
        opacity: 0;
    }
    100% {
        top: 55.55556vw;
        opacity: 0;
    }
}

@keyframes drop-anim2-pc {
    0% {
    }
    25% {
        top: -16.2963vw;
        opacity: 0;
    }
    45% {
        opacity: 1;
    }
    74% {
        opacity: 0.9;
    }
    75% {
        top: 55.55556vw;
        opacity: 0.8;
    }
    75.5% {
        opacity: 0.7;
    }
    76% {
        opacity: 0;
    }
    100% {
        top: 55.55556vw;
        opacity: 0;
    }
}

.c-lp-4-product__img-peach--03 {
    top: 35.55556vw;
    left: -8.88889vw;
    width: 42.66667vw;
    -webkit-animation: drop-anim3-pc 4s ease-in infinite;
    animation: drop-anim3-pc 4s ease-in infinite;
}

@-webkit-keyframes drop-anim3-pc {
    0% {
    }
    40% {
        top: -8.14815vw;
        opacity: 0;
    }
    60% {
        opacity: 1;
    }
    89% {
        opacity: 0.9;
    }
    90% {
        top: 63.7037vw;
        opacity: 0.8;
    }
    90.5% {
        opacity: 0.7;
    }
    91% {
        opacity: 0;
    }
    100% {
        top: 63.7037vw;
        opacity: 0;
    }
}

@keyframes drop-anim3-pc {
    0% {
    }
    40% {
        top: -8.14815vw;
        opacity: 0;
    }
    60% {
        opacity: 1;
    }
    89% {
        opacity: 0.9;
    }
    90% {
        top: 63.7037vw;
        opacity: 0.8;
    }
    90.5% {
        opacity: 0.7;
    }
    91% {
        opacity: 0;
    }
    100% {
        top: 63.7037vw;
        opacity: 0;
    }
}

@media screen and (max-width: 750px) {
    .c-lp-4-product__img-peach--01 {
        top: -3.06667vw;
        left: 42vw;
        width: 46.02667vw;
        -webkit-animation: drop-anim1-sp 4s ease-in infinite;
        animation: drop-anim1-sp 4s ease-in infinite;
    }
    @-webkit-keyframes drop-anim1-sp {
        0% {
            top: -20vw;
            opacity: 0;
        }
        20% {
            opacity: 1;
        }
        50% {
            top: 76vw;
            opacity: 1;
        }
        100% {
            top: 76vw;
            opacity: 1;
        }
    }
    @keyframes drop-anim1-sp {
        0% {
            top: -20vw;
            opacity: 0;
        }
        20% {
            opacity: 1;
        }
        50% {
            top: 76vw;
            opacity: 1;
        }
        100% {
            top: 76vw;
            opacity: 1;
        }
    }
    .c-lp-4-product__img-peach--02 {
        top: -9.33333vw;
        right: -39.06667vw;
        left: auto;
        width: 77.68vw;
        -webkit-animation: drop-anim2-sp 4s ease-in infinite;
        animation: drop-anim2-sp 4s ease-in infinite;
    }
    @-webkit-keyframes drop-anim2-sp {
        0% {
        }
        25% {
            top: -40vw;
            opacity: 0;
        }
        45% {
            opacity: 1;
        }
        73% {
            opacity: 0.9;
        }
        73.5% {
            opacity: 0.8;
        }
        74% {
            opacity: 0.7;
        }
        74.5% {
            opacity: 0.6;
        }
        75% {
            top: 42.66667vw;
            opacity: 0.5;
        }
        75.5% {
            opacity: 0.4;
        }
        76% {
            opacity: 0;
        }
        100% {
            top: 42.66667vw;
            opacity: 0;
        }
    }
    @keyframes drop-anim2-sp {
        0% {
        }
        25% {
            top: -40vw;
            opacity: 0;
        }
        45% {
            opacity: 1;
        }
        73% {
            opacity: 0.9;
        }
        73.5% {
            opacity: 0.8;
        }
        74% {
            opacity: 0.7;
        }
        74.5% {
            opacity: 0.6;
        }
        75% {
            top: 42.66667vw;
            opacity: 0.5;
        }
        75.5% {
            opacity: 0.4;
        }
        76% {
            opacity: 0;
        }
        100% {
            top: 42.66667vw;
            opacity: 0;
        }
    }
    .c-lp-4-product__img-peach--03 {
        top: 0vw;
        left: -15.33333vw;
        width: 63.69333vw;
        -webkit-animation: drop-anim3-sp 4s ease-in infinite;
        animation: drop-anim3-sp 4s ease-in infinite;
    }
    @-webkit-keyframes drop-anim3-sp {
        0% {
        }
        40% {
            top: -26.66667vw;
            opacity: 0;
        }
        60% {
            opacity: 1;
        }
        89% {
            opacity: 0.9;
        }
        90% {
            top: 61.33333vw;
            opacity: 0.8;
        }
        90.5% {
            opacity: 0.7;
        }
        91% {
            opacity: 0;
        }
        100% {
            top: 61.33333vw;
            opacity: 0;
        }
    }
    @keyframes drop-anim3-sp {
        0% {
        }
        40% {
            top: -26.66667vw;
            opacity: 0;
        }
        60% {
            opacity: 1;
        }
        89% {
            opacity: 0.9;
        }
        90% {
            top: 61.33333vw;
            opacity: 0.8;
        }
        90.5% {
            opacity: 0.7;
        }
        91% {
            opacity: 0;
        }
        100% {
            top: 61.33333vw;
            opacity: 0;
        }
    }
    .c-lp-4-product__img-peach--04 {
        top: -4.8vw;
        right: 9.73333vw;
        left: auto;
        width: 46.02667vw;
        -webkit-animation: drop-anim4 4s ease-in infinite;
        animation: drop-anim4 4s ease-in infinite;
    }
    @-webkit-keyframes drop-anim4 {
        0% {
        }
        25% {
            top: -21.33333vw;
            opacity: 0;
        }
        45% {
            opacity: 1;
        }
        74% {
            opacity: 0.9;
        }
        75% {
            top: 76vw;
            opacity: 0.8;
        }
        75.5% {
            opacity: 0.7;
        }
        76% {
            opacity: 0;
        }
        100% {
            top: 76vw;
            opacity: 0;
        }
    }
    @keyframes drop-anim4 {
        0% {
        }
        25% {
            top: -21.33333vw;
            opacity: 0;
        }
        45% {
            opacity: 1;
        }
        74% {
            opacity: 0.9;
        }
        75% {
            top: 76vw;
            opacity: 0.8;
        }
        75.5% {
            opacity: 0.7;
        }
        76% {
            opacity: 0;
        }
        100% {
            top: 76vw;
            opacity: 0;
        }
    }
    .c-lp-4-product__img-peach--05 {
        top: -18vw;
        left: 18.66667vw;
        width: 34.22667vw;
        -webkit-animation: drop-anim5 4s ease-in infinite;
        animation: drop-anim5 4s ease-in infinite;
    }
    @-webkit-keyframes drop-anim5 {
        0% {
            top: -34.66667vw;
            opacity: 0;
        }
        20% {
            opacity: 1;
        }
        50% {
            top: 66.66667vw;
            opacity: 1;
        }
        100% {
            top: 66.66667vw;
            opacity: 1;
        }
    }
    @keyframes drop-anim5 {
        0% {
            top: -34.66667vw;
            opacity: 0;
        }
        20% {
            opacity: 1;
        }
        50% {
            top: 66.66667vw;
            opacity: 1;
        }
        100% {
            top: 66.66667vw;
            opacity: 1;
        }
    }
    .c-lp-4-product__img-peach--06 {
        top: 0vw;
        left: -15.33333vw;
        width: 63.69333vw;
        -webkit-animation: drop-anim6 4s ease-in infinite;
        animation: drop-anim6 4s ease-in infinite;
    }
    @-webkit-keyframes drop-anim6 {
        0% {
        }
        40% {
            top: -26.66667vw;
            opacity: 0;
        }
        60% {
            opacity: 1;
        }
        89% {
            opacity: 0.9;
        }
        90% {
            top: 61.33333vw;
            opacity: 0.8;
        }
        90.5% {
            opacity: 0.7;
        }
        91% {
            opacity: 0;
        }
        100% {
            top: 61.33333vw;
            opacity: 0;
        }
    }
    @keyframes drop-anim6 {
        0% {
        }
        40% {
            top: -26.66667vw;
            opacity: 0;
        }
        60% {
            opacity: 1;
        }
        89% {
            opacity: 0.9;
        }
        90% {
            top: 61.33333vw;
            opacity: 0.8;
        }
        90.5% {
            opacity: 0.7;
        }
        91% {
            opacity: 0;
        }
        100% {
            top: 61.33333vw;
            opacity: 0;
        }
    }
}

.c-lp-4-product__list {
    z-index: 999;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    padding-top: 44.44444vw;

    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-flow: row-reverse;
    flex-flow: row-reverse;
}

@media screen and (max-width: 750px) {
    .c-lp-4-product__list {
        position: relative;
        bottom: -31.33333vw;
        display: block;
        padding-top: 0;
    }
}

.c-lp-4-product__list-item {
    z-index: 999;
}

.c-lp-4-product__list-item--01 {
    margin-left: -4.44444vw;
}

.c-lp-4-product__list-item--02 {
    margin-right: -4.44444vw;
}

@media screen and (max-width: 750px) {
    .c-lp-4-product__list-item--01 {
        margin-left: 0;
    }
    .c-lp-4-product__list-item--02 {
        margin-right: 0;
    }
}

.c-lp-4-product__img {
    width: 40vw;
    opacity: 0;
    -webkit-transition: opacity 1s ease-out, -webkit-transform 1s;
    transition: opacity 1s ease-out, -webkit-transform 1s;
    transition: opacity 1s ease-out, transform 1s;
    transition: opacity 1s ease-out, transform 1s, -webkit-transform 1s;
}

@media screen and (max-width: 750px) {
    .c-lp-4-product__img {
        margin-top: 2.13333vw;
        margin-left: 14.4vw;
        width: 72vw;
    }
}

.c-lp-4-product__img--01 {
    -webkit-transform: translateX(100px);
    transform: translateX(100px);
}

.c-lp-4-product__list-item.fadein .c-lp-4-product__img--01 {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

.c-lp-4-product__img--02 {
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
}

.c-lp-4-product__list-item.fadein .c-lp-4-product__img--02 {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

.c-lp-4-product__txt-area {
    margin-top: -3.48148vw;
    padding-left: 7.25926vw;
    opacity: 0;
    -webkit-transition: opacity 1s ease-out, -webkit-transform 1s;
    transition: opacity 1s ease-out, -webkit-transform 1s;
    transition: opacity 1s ease-out, transform 1s;
    transition: opacity 1s ease-out, transform 1s, -webkit-transform 1s;
    -webkit-transition-delay: 0.6s;
    transition-delay: 0.6s;
    -webkit-transform: translateY(100px);
    transform: translateY(100px);

    -webkit-font-feature-settings: "palt" 1;
    font-feature-settings: "palt" 1;
}

@media screen and (max-width: 750px) {
    .c-lp-4-product__txt-area {
        margin-top: -6.4vw;
        padding-left: 0;
        text-align: center;
    }
}

.c-lp-4-product__list-item.fadein .c-lp-4-product__txt-area {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.c-lp-4-product__txt {
    color: #FF647C;
    letter-spacing: .04em;
    font-weight: bold;
    font-size: 2.37037vw;
}

@media screen and (max-width: 750px) {
    .c-lp-4-product__txt {
        letter-spacing: .08em;
        font-size: 6.66667vw;
        line-height: 1.2;
    }
}

.c-lp-4-product__lower {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    -ms-flex-align: end;
    margin-top: -3.11111vw;
    font-family: "Montserrat", sans-serif;

    -webkit-box-align: end;
    align-items: flex-end;
    -webkit-box-pack: justify;
    justify-content: space-between;
}

@media screen and (min-width: 751px) {
    .c-lp-4-product__lower--01 {
        width: 24.81481vw;
    }
    .c-lp-4-product__lower--02 {
        width: 27.77778vw;
    }
}

@media screen and (max-width: 750px) {
    .c-lp-4-product__lower {
        display: block;
        margin-top: 0;
    }
}

.c-lp-4-product__txt-en {
    color: #FF9D2C;
    letter-spacing: .05em;
    font-size: 0.96296vw;
}

@media screen and (max-width: 750px) {
    .c-lp-4-product__txt-en {
        margin-top: 2.66667vw;
        color: #FF6D02;
        font-size: 2.93333vw;
    }
}

.c-lp-4-product__price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    color: #FF647C;
    text-align: center;
    font-weight: bold;
    font-size: 1.03704vw;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
}

@media screen and (min-width: 751px) {
    .c-lp-4-product__price--01 {
        width: 6.66667vw;
    }
    .c-lp-4-product__price--02 {
        width: 8.88889vw;
    }
}

@media screen and (max-width: 750px) {
    .c-lp-4-product__price {
        display: block;
        margin-top: 0.66667vw;
        margin-left: 0;
        letter-spacing: -.01em;
        font-size: 2.66667vw;
    }
}

.c-lp-4-product__price-num {
    color: #FF647C;
    font-weight: 600;
    font-size: 2.96296vw;
    line-height: 1;
}

@media screen and (max-width: 750px) {
    .c-lp-4-product__price-num {
        position: relative;
        bottom: -0.66667vw;
        padding-left: 1.86667vw;
        font-size: 6.4vw;
    }
}

/*  c-lp-4-mobile
--------------------------------------------- */
.c-lp-4-mobile {
    margin-top: 7.40741vw;
    margin-bottom: 12.88889vw;
}

@media screen and (max-width: 750px) {
    .c-lp-4-mobile {
        margin-top: 40vw;
        margin-bottom: 26.66667vw;
    }
}

.c-lp-4-mobile__link {
    display: block;
    margin: 0 auto;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    border-radius: 10px;
    -webkit-transition: opacity 300ms;
    transition: opacity 300ms;
}

.c-lp-4-mobile__link:hover {
    opacity: 0.8;
}

.c-lp-4-mobile__img {
    margin: 0 auto;
    width: 72.96296vw;
    opacity: 0;
    -webkit-transition: opacity 1s ease-out;
    transition: opacity 1s ease-out;
}

.c-lp-4-mobile__img.fadein {
    opacity: 1;
}

@media screen and (max-width: 750px) {
    .c-lp-4-mobile__img {
        top: -3.33333vw;
        width: 81.33333vw;
    }
    .ie .c-lp-4-mobile__img {
        top: -1.11111vw;
    }
}

/*  c-lp-4-bg-contents
--------------------------------------------- */
/*  c-lp-4-box
--------------------------------------------- */
.c-lp-4-box {
    height: 200vh;
}

.c-lp-4-box.js-circle-cover {
    opacity: 1;
}

.c-lp-4-box.js-circle-cover.is-none {
    z-index: -1;
    opacity: 0;
}

.c-lp-4-box .js-circle-inner {
    position: relative;
    top: 0;
    left: 0;
    overflow: hidden;
    width: 100vw;
    height: 100vh;
}

.c-lp-4-box .js-circle-inner.is-fixed {
    position: fixed;
}

.c-lp-4-box__loop {
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.c-lp-4-box__loop--1 {
    margin-top: -11.85185vw;
}

@media screen and (max-width: 750px) {
    .c-lp-4-box__loop--1 {
        margin-top: -18.66667vw;
    }
}

.c-lp-4-box__loop--2 {
    right: 0;
    left: auto;
}

.c-lp-4-box__loop--3 {
    margin-top: 11.85185vw;
}

@media screen and (max-width: 750px) {
    .c-lp-4-box__loop--3 {
        margin-top: 18.66667vw;
    }
}

.c-lp-4-box__loop-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.c-lp-4-box__loop-inner--1 {
    margin-left: -50.37037vw;
}

@media screen and (max-width: 750px) {
    .c-lp-4-box__loop-inner--1 {
        margin-left: -10vw;
    }
}

.c-lp-4-box__loop-inner--2 {
    margin-left: -25.18519vw;
}

@media screen and (max-width: 750px) {
    .c-lp-4-box__loop-inner--2 {
        margin-left: -68vw;
    }
}

.c-lp-4-box__loop-inner--3 {
    margin-left: -40vw;
}

@media screen and (max-width: 750px) {
    .c-lp-4-box__loop-inner--3 {
        margin-left: -90.66667vw;
    }
}

.c-lp-4-box__loop-txt {
    padding: 0 0.5em;
    width: 175.18519vw;
    -webkit-animation: transX0plus 13s linear infinite;
    animation: transX0plus 13s linear infinite;
}

@media screen and (max-width: 750px) {
    .c-lp-4-box__loop-txt {
        width: 274.13333vw;
    }
}

.c-lp-4-box__loop-txt--reverse {
    -webkit-animation: transXplus0 13s linear infinite;
    animation: transXplus0 13s linear infinite;
}

/*  c-lp-4-contents
--------------------------------------------- */
.c-lp-4-contents {
    top: 0;
    left: 0;
    overflow: hidden;
    width: 100%;
}

.c-lp-4-contents.js-circle-cont {
    position: relative;
    height: 100vh;
    opacity: 1;
}

.c-lp-4-contents.js-circle-cont.is-none {
    z-index: -1;
    opacity: 0;
}

.c-lp-4-contents.js-circle-cont-2 {
    opacity: 0;
}

.c-lp-4-contents.js-circle-cont-2.is-fade {
    opacity: 1;
}

.c-lp-4-contents.is-fixed {
    position: fixed;
}

.c-lp-4-contents__inner {
    -webkit-transition: background 0.3s;
    transition: background 0.3s;
}

.c-lp-4-contents__inner.js-circle-large {
    height: 100vh;
}

.c-lp-4-contents__upper {
    background: url("../img/lp/peach/img_bg_contents_01.jpg") 0 0 no-repeat;
    background-size: 100% 101%;
}

@media screen and (max-width: 750px) {
    .c-lp-4-contents__upper {
        background-image: url("../img/lp/peach/sp/img_bg_contents_01.jpg");
    }
}

.c-lp-4-contents__middle {
    background: url("../img/lp/peach/img_bg_contents_02.jpg") 0 0 repeat-y;
    background-size: 100% 100%;
}

@media screen and (max-width: 750px) {
    .c-lp-4-contents__middle {
        background-image: url("../img/lp/peach/sp/img_bg_contents_02.jpg");
    }
}

.c-lp-4-contents__lower {
    background: url("../img/lp/peach/img_bg_contents_03.jpg") 0 100% no-repeat;
    background-size: 100% 101%;
}

@media screen and (max-width: 750px) {
    .c-lp-4-contents__lower {
        background-image: url("../img/lp/peach/sp/img_bg_contents_03.jpg");
    }
}

.c-lp-4-contents__container {
    position: relative;
}

.c-lp-4-contents__img-peach-top {
    margin: 0 auto;
    padding-top: 14.51852vw;
    width: 43.7037vw;
}

@media screen and (max-width: 750px) {
    .c-lp-4-contents__img-peach-top {
        padding-top: 23.46667vw;
        width: 47.2vw;
    }
}

.c-lp-4-contents__head {
    margin-top: 1.62963vw;
}

@media screen and (max-width: 750px) {
    .c-lp-4-contents__head {
        margin-top: 6.4vw;
        text-align: center;
    }
}

.c-lp-4-contents__ttl {
    position: relative;
    z-index: 99;
    display: inline-block;
    padding-left: 12.59259vw;
}

@media screen and (max-width: 750px) {
    .c-lp-4-contents__ttl {
        padding-left: 0;
    }
}

.c-lp-4-contents__ttl-first, .c-lp-4-contents__ttl-last {
    color: #fff;
    letter-spacing: .05em;
    font-weight: bold;
    font-size: 8.88889vw;
    font-family: "Montserrat", sans-serif;
}

@media screen and (max-width: 750px) {
    .c-lp-4-contents__ttl-first, .c-lp-4-contents__ttl-last {
        font-size: 18.26667vw;
    }
}

.c-lp-4-contents__ttl-last {
    margin-left: 12.2963vw;
}

@media screen and (max-width: 750px) {
    .c-lp-4-contents__ttl-last {
        position: relative;
        top: -5.33333vw;
        margin-left: 0;
    }
}

.c-lp-4-contents__txt-peach-circle {
    position: absolute;
    top: 2.66667vw;
    left: 47.55556vw;
    display: inline-block;
    width: 8.68148vw;
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-animation: rotate 15s linear infinite;
    animation: rotate 15s linear infinite;
}

@media screen and (max-width: 750px) {
    .c-lp-4-contents__txt-peach-circle {
        top: 16vw;
        left: 38%;
        z-index: 999;
        width: 17.61333vw;
    }
}

.c-lp-4-contents__txt-ampersand {
    position: absolute;
    top: 5.03704vw;
    left: 50.66667vw;
    display: inline-block;
    width: 2.91852vw;
}

@media screen and (max-width: 750px) {
    .c-lp-4-contents__txt-ampersand {
        top: 21.33333vw;
        left: 51%;
        z-index: 999;
        width: 5.77333vw;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }
}

.c-lp-4-contents__txt-peach-circle, .c-lp-4-contents__txt-ampersand {
    opacity: 0;
    -webkit-transition: opacity 1s ease-out;
    transition: opacity 1s ease-out;
}

.c-lp-4-contents__ttl.fadein .c-lp-4-contents__txt-peach-circle, .c-lp-4-contents__ttl.fadein .c-lp-4-contents__txt-ampersand {
    opacity: 1;
}

.c-lp-4-contents__sub-ttl {
    color: #fff;
    text-align: center;
    letter-spacing: .05em;
    font-weight: bold;
    font-size: 4.05185vw;
    line-height: 1;

    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
}

@media screen and (max-width: 750px) {
    .c-lp-4-contents__sub-ttl {
        margin-top: -7.46667vw;
        font-size: 6.66667vw;
    }
}

.c-lp-4-contents__img-wrap-peach {
    position: relative;
}

.c-lp-4-contents__img-peach {
    position: absolute;
    -webkit-transition: opacity 0.6s ease-out, -webkit-transform 0.6s;
    transition: opacity 0.6s ease-out, -webkit-transform 0.6s;
    transition: opacity 0.6s ease-out, transform 0.6s;
    transition: opacity 0.6s ease-out, transform 0.6s, -webkit-transform 0.6s;
    -webkit-transform: translateY(15px);
    transform: translateY(15px);
}

.is-load .c-lp-4-contents__img-peach {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.c-lp-4-contents__img-peach--01 {
    top: -85.03704vw;
    right: 8.14815vw;
    width: 35.11111vw;
    opacity: 0;
}

@media screen and (max-width: 750px) {
    .c-lp-4-contents__img-peach--01 {
        top: -141.06667vw;
        right: 1.6vw;
        width: 51.46667vw;
    }
}

.c-lp-4-contents__img-peach--02 {
    top: -71.25926vw;
    left: -15.18519vw;
    width: 41.18519vw;
}

@media screen and (max-width: 750px) {
    .c-lp-4-contents__img-peach--02 {
        top: -115.33333vw;
        left: -18.66667vw;
        width: 48.50667vw;
    }
}

.c-lp-4-contents__img-peach--03 {
    top: -67.11111vw;
    right: -13.03704vw;
    width: 33.33333vw;
}

@media screen and (max-width: 750px) {
    .c-lp-4-contents__img-peach--03 {
        top: -109.33333vw;
        right: -17.33333vw;
        width: 37.73333vw;
    }
}

.c-lp-4-contents__img-peach--04 {
    top: -48.14815vw;
    left: 1.11111vw;
    width: 31.03704vw;
}

@media screen and (max-width: 750px) {
    .c-lp-4-contents__img-peach--04 {
        top: -91.6vw;
        left: -1.33333vw;
        width: 35.33333vw;
    }
}

.c-lp-4-contents__img-peach--05 {
    top: -50.96296vw;
    right: -17.03704vw;
    width: 52.96296vw;
}

@media screen and (max-width: 750px) {
    .c-lp-4-contents__img-peach--05 {
        top: -93.33333vw;
        right: -17.33333vw;
        width: 53vw;
    }
}

.c-lp-4-contents__img-peach--06 {
    top: -10.22222vw;
    left: -5.77778vw;
    width: 41.25926vw;
}

@media screen and (max-width: 750px) {
    .c-lp-4-contents__img-peach--06 {
        top: -61.33333vw;
        left: -11.2vw;
        width: 45.6vw;
    }
}

.c-lp-4-contents__img-peach--07 {
    top: -1.85185vw;
    left: 19.25926vw;
    width: 22.07407vw;
}

@media screen and (max-width: 750px) {
    .c-lp-4-contents__img-peach--07 {
        top: -0.8vw;
        right: -6vw;
        left: auto;
        width: 36.76vw;
    }
}

.c-lp-4-contents__img-peach--08 {
    top: 20.59259vw;
    right: -6.07407vw;
    width: 43.18519vw;
}

@media screen and (max-width: 750px) {
    .c-lp-4-contents__img-peach--08 {
        top: 44vw;
        left: -22vw;
        width: 51.65333vw;

        rigt: auto;
    }
}

.c-lp-4-contents__img-peach--09 {
    top: 53.7037vw;
    right: -16.2963vw;
    width: 41.92593vw;
}

@media screen and (max-width: 750px) {
    .c-lp-4-contents__img-peach--09 {
        top: 12.66667vw;
        right: -18vw;
        width: 35.86667vw;
    }
}

.c-lp-4-contents__img-peach--10 {
    top: 59.85185vw;
    left: 2.66667vw;
    width: 17.92593vw;
}

@media screen and (max-width: 750px) {
    .c-lp-4-contents__img-peach--10 {
        top: 104.26667vw;
        right: -16.53333vw;
        left: auto;
        width: 42vw;
    }
}

.c-lp-4-contents__img-peach--11 {
    top: 72.96296vw;
    left: 10.88889vw;
    width: 37.77778vw;
}

@media screen and (max-width: 750px) {
    .c-lp-4-contents__img-peach--11 {
        top: 160.66667vw;
        left: -8vw;
        width: 46.26667vw;
    }
}

@media screen and (max-width: 750px) {
    .c-lp-4-contents__img-peach--12 {
        top: 225.6vw;
        right: -17.33333vw;
        width: 37.86667vw;
    }
}

@media screen and (max-width: 750px) {
    .c-lp-4-contents__img-peach--13 {
        top: 241.33333vw;
        left: -11.33333vw;
        width: 41.33333vw;
    }
}

@media screen and (max-width: 750px) {
    .c-lp-4-contents__img-peach--14 {
        top: 127.33333vw;
        right: -16.66667vw;
        width: 62.66667vw;
    }
}

.c-lp-4-contents__img-wrap-light {
    position: relative;
}

.c-lp-4-contents__img-light {
    position: absolute;
    -webkit-transition: opacity 0.6s ease-out, -webkit-transform 0.6s;
    transition: opacity 0.6s ease-out, -webkit-transform 0.6s;
    transition: opacity 0.6s ease-out, transform 0.6s;
    transition: opacity 0.6s ease-out, transform 0.6s, -webkit-transform 0.6s;
    -webkit-transform: translateY(15px);
    transform: translateY(15px);
}

.is-load .c-lp-4-contents__img-light {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.c-lp-4-contents__img-light--01 {
    top: -66.22222vw;
    left: 28.14815vw;
    width: 12.37037vw;
}

@media screen and (max-width: 750px) {
    .c-lp-4-contents__img-light--01 {
        top: -112vw;
        left: 24vw;
        width: 17.33333vw;
    }
}

.c-lp-4-contents__img-light--02 {
    top: -42.07407vw;
    right: 13.33333vw;
    width: 9.51852vw;
}

@media screen and (max-width: 750px) {
    .c-lp-4-contents__img-light--02 {
        top: -86vw;
        right: 12.66667vw;
        width: 14.73333vw;
    }
}

.c-lp-4-contents__img-light--03 {
    top: -20.74074vw;
    left: 5.92593vw;
    width: 8.77778vw;
}

@media screen and (max-width: 750px) {
    .c-lp-4-contents__img-light--03 {
        top: -65.33333vw;
        left: 6vw;
        width: 13.8vw;
    }
}

.c-lp-4-contents__img-light--04 {
    top: 2.59259vw;
    right: 25.92593vw;
    width: 10vw;
}

@media screen and (max-width: 750px) {
    .c-lp-4-contents__img-light--04 {
        top: -39.46667vw;
        right: 26vw;
        width: 11.2vw;
    }
}

.c-lp-4-contents__img-light--05 {
    top: 54.07407vw;
    right: 2.07407vw;
    width: 8.2963vw;
}

@media screen and (max-width: 750px) {
    .c-lp-4-contents__img-light--05 {
        top: 13.33333vw;
        right: 30.66667vw;
        width: 19.46667vw;
    }
}

.c-lp-4-contents__img-light--06 {
    top: 67.40741vw;
    left: 14.81481vw;
    width: 10.66667vw;
}

@media screen and (max-width: 750px) {
    .c-lp-4-contents__img-light--06 {
        top: 112.53333vw;
        left: 4vw;
        width: 18vw;
    }
}

@media screen and (max-width: 750px) {
    .c-lp-4-contents__img-light--07 {
        top: 218.26667vw;
        right: 0vw;
        width: 13.6vw;
    }
}

/*  c-lp-4-block-1
--------------------------------------------- */
.c-lp-4-block-1 {
    margin-top: 19.25926vw;
}

@media screen and (max-width: 750px) {
    .c-lp-4-block-1 {
        margin-top: 33.33333vw;
    }
}

.c-lp-4-block-1__container {
    position: relative;
}

.c-lp-4-block-1__txt-peach {
    position: absolute;
    top: -2.96296vw;
    left: 12.59259vw;
    z-index: 1;
    width: 19.77778vw;
}

@media screen and (min-width: 751px) {
    .c-lp-4-block-1__txt-peach {
        opacity: 0;
        -webkit-transition: opacity 1s ease-out, -webkit-transform 1s;
        transition: opacity 1s ease-out, -webkit-transform 1s;
        transition: opacity 1s ease-out, transform 1s;
        transition: opacity 1s ease-out, transform 1s, -webkit-transform 1s;
        -webkit-transform: translateY(100px);
        transform: translateY(100px);
    }
    .c-lp-4-block-1__container.fadein .c-lp-4-block-1__txt-peach {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

.tab .c-lp-4-block-1__txt-peach {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

@media screen and (max-width: 750px) {
    .c-lp-4-block-1__txt-peach {
        top: -22.66667vw;
        left: 8vw;
        width: 35.90667vw;
    }
}

.tab .c-lp-4-block-1__txt-peach {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.c-lp-4-block-1__img-product-intro {
    position: relative;
    z-index: 2;
    margin-left: 30.37037vw;
    width: 56.88889vw;
    height: 61.11111vw;
}

@media screen and (max-width: 750px) {
    .c-lp-4-block-1__img-product-intro {
        margin-left: 16vw;
        width: 96.4vw;
        height: 103.66667vw;
    }
}

.c-lp-4-block-1__img-product-intro img {
    width: 100%;
    height: 100%;
}

.c-lp-4-block-1__item {
    position: absolute;
    z-index: 3;
    opacity: 0;
    -webkit-transition: opacity 1s ease-out, -webkit-transform 1s;
    transition: opacity 1s ease-out, -webkit-transform 1s;
    transition: opacity 1s ease-out, transform 1s;
    transition: opacity 1s ease-out, transform 1s, -webkit-transform 1s;
    -webkit-transform: translateY(100px);
    transform: translateY(100px);

    -webkit-font-feature-settings: "palt" 1;
    font-feature-settings: "palt" 1;
}

@media screen and (min-width: 751px) {
    .c-lp-4-block-1__container.fadein .c-lp-4-block-1__item {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@media screen and (max-width: 750px) {
    .c-lp-4-block-1__item {
        position: relative;
    }
    .androidphone .c-lp-4-block-1__item {
        width: 85%;
    }
    .c-lp-4-block-1__list.fadein .c-lp-4-block-1__item {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

.tab .c-lp-4-block-1__item {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.c-lp-4-block-1__item--01 {
    top: -1.62963vw;
    right: 8.59259vw;
    padding-top: 3.40741vw;
    padding-left: 4.81481vw;
    width: 32.37037vw;
    height: 22.96296vw;
    background: url("../img/lp/peach/img_balloon_01.png") 100% 100% no-repeat;
    background-size: 100% 100%;
    -webkit-transition-delay: 0.6s;
    transition-delay: 0.6s;
}

.c-lp-4-block-1__item--01::before {
    position: absolute;
    top: -3.55556vw;
    left: 4.74074vw;
    width: 5.18519vw;
    height: 6.05926vw;
    background: url("../img/lp/peach/txt_num_01.png") 100% 100% no-repeat;
    background-size: 100% 100%;
    content: '';
}

.c-lp-4-block-1__item--01::after {
    position: absolute;
    top: -3.7037vw;
    right: 0.74074vw;
    width: 8.07407vw;
    height: 10.44444vw;
    background: url("../img/lp/peach/icon_drink_tea.png") 100% 100% no-repeat;
    background-size: 100% 100%;
    content: '';
}

@media screen and (max-width: 750px) {
    .c-lp-4-block-1__item--01 {
        top: auto;
        right: auto;
        margin: 7.46667vw auto 0;
        padding-top: 5.33333vw;
        padding-right: 5.86667vw;
        padding-left: 5.86667vw;
        width: 78.70667vw;
        height: 48vw;
        background-image: url("../img/lp/peach/sp/img_balloon_01.png");
        -webkit-transition-delay: 0s;
        transition-delay: 0s;
    }
    .c-lp-4-block-1__item--01::before {
        top: -8.8vw;
        left: 5.86667vw;
        width: 12.53333vw;
        height: 13.6vw;
        background-image: url("../img/lp/peach/sp/txt_num_01.png");
    }
    .c-lp-4-block-1__item--01::after {
        top: -6.66667vw;
        right: 2.13333vw;
        width: 22.77333vw;
        height: 26.66667vw;
        background-image: url("../img/lp/peach/sp/icon_drink_tea.png");
    }
}

.c-lp-4-block-1__item--02 {
    top: 20.59259vw;
    left: 8.74074vw;
    padding-top: 3.40741vw;
    padding-left: 2.66667vw;
    min-width: 265px;
    width: 32.62963vw;
    height: 22.96296vw;
    background: url("../img/lp/peach/img_balloon_02.png") 100% 100% no-repeat;
    background-size: 100% 100%;
    -webkit-transition-delay: 1.2s;
    transition-delay: 1.2s;
}

.c-lp-4-block-1__item--02::before {
    position: absolute;
    top: -3.55556vw;
    left: 2.74074vw;
    width: 6.00741vw;
    height: 5.88889vw;
    background: url("../img/lp/peach/txt_num_02.png") 100% 100% no-repeat;
    background-size: 100% 100%;
    content: '';
}

@media screen and (max-width: 750px) {
    .c-lp-4-block-1__item--02 {
        top: auto;
        left: auto;
        margin: 12.4vw auto 0;
        padding-top: 5.33333vw;
        padding-right: 5.86667vw;
        padding-left: 5.86667vw;
        min-width: auto;
        width: 78.70667vw;
        height: 48vw;
        background-image: url("../img/lp/peach/sp/img_balloon_02.png");
        -webkit-transition-delay: 0.6s;
        transition-delay: 0.6s;
    }
    .c-lp-4-block-1__item--02::before {
        top: -8.8vw;
        left: 5.86667vw;
        width: 15.46667vw;
        height: 13.33333vw;
        background-image: url("../img/lp/peach/sp/txt_num_02.png");
    }
}

.c-lp-4-block-1__item--03 {
    right: 8.59259vw;
    bottom: -2.88889vw;
    padding-top: 3.40741vw;
    padding-left: 5.48148vw;
    width: 32.78519vw;
    height: 22.96296vw;
    background: url("../img/lp/peach/img_balloon_03.png") 100% 100% no-repeat;
    background-size: 100% 100%;
    -webkit-transition-delay: 1.8s;
    transition-delay: 1.8s;
}

.c-lp-4-block-1__item--03::before {
    position: absolute;
    top: -3.55556vw;
    left: 5.33333vw;
    width: 6.03704vw;
    height: 5.97778vw;
    background: url("../img/lp/peach/txt_num_03.png") 100% 100% no-repeat;
    background-size: 100% 100%;
    content: '';
}

.c-lp-4-block-1__item--03::after {
    position: absolute;
    top: -2.81481vw;
    right: 1.11111vw;
    width: 10.46667vw;
    height: 8.23704vw;
    background: url("../img/lp/peach/icon_jelly_peach.png") 100% 100% no-repeat;
    background-size: 100% 100%;
    content: '';
}

@media screen and (max-width: 750px) {
    .c-lp-4-block-1__item--03 {
        right: auto;
        bottom: auto;
        margin: 12.4vw auto 0;
        padding-top: 5.33333vw;
        padding-right: 5.86667vw;
        padding-left: 5.86667vw;
        width: 78.70667vw;
        height: 48vw;
        background-image: url("../img/lp/peach/sp/img_balloon_03.png");
        -webkit-transition-delay: 1.2s;
        transition-delay: 1.2s;
    }
    .c-lp-4-block-1__item--03::before {
        top: -8.8vw;
        left: 5.86667vw;
        width: 15.46667vw;
        height: 13.33333vw;
        background-image: url("../img/lp/peach/sp/txt_num_03.png");
    }
    .c-lp-4-block-1__item--03::after {
        top: -5.86667vw;
        right: 2.66667vw;
        width: 26.77333vw;
        height: 21.06667vw;
        background-image: url("../img/lp/peach/sp/icon_jelly_peach.png");
    }
}

.c-lp-4-block-1__list-txt-large {
    display: inline;
    padding-bottom: 0.22222vw;
    border-bottom: 2px solid #FF505A;
    color: #FF505A;
    font-weight: bold;
    font-size: 2.22222vw;
    line-height: 1.6;
}

@media screen and (max-width: 750px) {
    .c-lp-4-block-1__list-txt-large {
        padding-bottom: 0.13333vw;
        border-width: 0.26667vw;
        font-size: 4.8vw;
        line-height: 1.7;
    }
}

.windows .c-lp-4-block-1__list-txt-large {
    padding-bottom: 0;
    line-height: 1.7;
}

@media screen and (max-width: 750px) {
    .windows .c-lp-4-block-1__list-txt-large {
        padding-bottom: 0;
    }
}

.c-lp-4-block-1__list-txt {
    margin-top: 1.33333vw;
    margin-bottom: 0;
    color: #4D4D4D;
    letter-spacing: .05em;
    font-weight: bold;
    font-size: 1.18519vw;
    line-height: 1.75;
}

@media screen and (max-width: 750px) {
    .c-lp-4-block-1__list-txt {
        margin-top: 1.86667vw;
        font-size: 3.2vw;
        line-height: 1.5;
    }
}

@media screen and (max-width: 750px) {
    .c-lp-4-block-1__arr {
        position: absolute;
        z-index: 999;
        opacity: 0;
        -webkit-transition: opacity 1s ease-out, -webkit-transform 1s;
        transition: opacity 1s ease-out, -webkit-transform 1s;
        transition: opacity 1s ease-out, transform 1s;
        transition: opacity 1s ease-out, transform 1s, -webkit-transform 1s;
        -webkit-transform: translateY(100px);
        transform: translateY(100px);
    }
    .c-lp-4-block-1__container.fadein .c-lp-4-block-1__arr {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    .c-lp-4-block-1__arr--01 {
        top: 21.33333vw;
        right: 8.53333vw;
        width: 24.68vw;
        -webkit-transition-delay: 0.6s;
        transition-delay: 0.6s;
    }
    .c-lp-4-block-1__arr--02 {
        top: 52vw;
        left: 8.26667vw;
        width: 28.37333vw;
        -webkit-transition-delay: 0.9s;
        transition-delay: 0.9s;
    }
    .c-lp-4-block-1__arr--03 {
        top: 67.73333vw;
        right: 11.46667vw;
        width: 28.93333vw;
        -webkit-transition-delay: 1.2s;
        transition-delay: 1.2s;
    }
}

/*  c-lp-4-block-2
--------------------------------------------- */
.c-lp-4-block-2 {
    position: relative;
    padding-top: 25.03704vw;
}

@media screen and (max-width: 750px) {
    .c-lp-4-block-2 {
        padding-top: 24.53333vw;
    }
}

.c-lp-4-block-2__scroll {
    height: 300vh;
}

.c-lp-4-block-2__head {
    margin-bottom: 5.92593vw;

    -webkit-font-feature-settings: "palt" 1;
    font-feature-settings: "palt" 1;
}

@media screen and (max-width: 750px) {
    .c-lp-4-block-2__head {
        margin-bottom: 9.86667vw;
    }
}

.c-lp-4-block-2__ttl {
    color: #FF505A;
    text-align: center;
    letter-spacing: .02em;
    font-weight: bold;
    font-size: 3.33333vw;
    line-height: 1.3;
}

@media screen and (max-width: 750px) {
    .c-lp-4-block-2__ttl {
        font-size: 4.26667vw;
        line-height: 1.5;
    }
    .androidphone .c-lp-4-block-2__ttl {
        letter-spacing: -.05em;
    }
}

.c-lp-4-block-2__ttl--large {
    position: relative;
    letter-spacing: .06em;
    font-size: 5.79556vw;
}

@media screen and (max-width: 750px) {
    .c-lp-4-block-2__ttl--large {
        letter-spacing: .03em;
        font-size: 7.46667vw;
    }
    .androidphone .c-lp-4-block-2__ttl--large {
        letter-spacing: -.05em;
    }
}

.c-lp-4-block-2__ttl--large::before, .c-lp-4-block-2__ttl--large::after {
    position: absolute;
    bottom: -0.74074vw;
    display: inline-block;
    width: 0.37037vw;
    height: 10.42904vw;
    background-color: #FF505A;
    content: '';
}

@media screen and (max-width: 750px) {
    .c-lp-4-block-2__ttl--large::before, .c-lp-4-block-2__ttl--large::after {
        bottom: 0;
        height: 8.13333vw;
    }
}

.c-lp-4-block-2__ttl--large::before {
    left: -4.44444vw;
    -webkit-transform: rotate(-32.4deg);
    transform: rotate(-32.4deg);
}

@media screen and (max-width: 750px) {
    .c-lp-4-block-2__ttl--large::before {
        left: -2.4vw;
        -webkit-transform: rotate(-22.5deg);
        transform: rotate(-22.5deg);
    }
}

.c-lp-4-block-2__ttl--large::after {
    right: -4.44444vw;
    -webkit-transform: rotate(32.4deg);
    transform: rotate(32.4deg);
}

@media screen and (max-width: 750px) {
    .c-lp-4-block-2__ttl--large::after {
        right: -1.86667vw;
        -webkit-transform: rotate(22.5deg);
        transform: rotate(22.5deg);
    }
}

.c-lp-4-block-2__sub-ttl {
    margin-top: 1.48148vw;
    color: #FF505A;
    text-align: center;
    letter-spacing: .07em;
    font-weight: bold;
    font-size: 1.62963vw;
    opacity: 0;
    -webkit-transition: opacity 1s ease-out 0.3s;
    -webkit-transition: opacity 1s ease-out, -webkit-transform 1s;
    transition: opacity 1s ease-out 0.3s;
    transition: opacity 1s ease-out, -webkit-transform 1s;
    transition: opacity 1s ease-out, transform 1s;
    transition: opacity 1s ease-out, transform 1s, -webkit-transform 1s;
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
}

.c-lp-4-block-2__sub-ttl.fadein {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

@media screen and (max-width: 750px) {
    .c-lp-4-block-2__sub-ttl {
        margin-top: 1.06667vw;
        letter-spacing: .05em;
        font-size: 3.2vw;
        line-height: 1.9;
    }
    .androidphone .c-lp-4-block-2__sub-ttl {
        letter-spacing: -.05em;
    }
}

.c-lp-4-block-2__circle {
    position: relative;
    top: -0.59259vw;
    margin-right: 1.48148vw;
    margin-left: 1.48148vw;
    font-size: 2.22222vw;
    font-family: "Montserrat", sans-serif;
}

@media screen and (max-width: 750px) {
    .c-lp-4-block-2__circle {
        font-size: 2.93333vw;
    }
    .androidphone .c-lp-4-block-2__circle {
        letter-spacing: normal;
    }
}

.c-lp-4-block-2__circle::before {
    position: absolute;
    top: -10%;
    left: 50%;
    width: 3.5763vw;
    height: 3.5763vw;
    border: 2px solid #FF505A;
    border-radius: 50px;
    content: '';
    opacity: 0;
    -webkit-transition: opacity 1s ease-out;
    transition: opacity 1s ease-out;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

@media screen and (max-width: 750px) {
    .c-lp-4-block-2__circle::before {
        top: -5%;
        width: 4.53333vw;
        height: 4.53333vw;
        border-width: 1.33px;
    }
}

.c-lp-4-block-2__ttl.fadein .c-lp-4-block-2__circle::before {
    opacity: 1;
}

/*  c-lp-4-block-2-product
--------------------------------------------- */
.c-lp-4-block-2-product {
    top: 0;
    left: 0;
    z-index: 1000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    -ms-flex-align: center;
    width: 100vw;
    height: 100vh;
    color: #FF505A;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);

    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
}

.c-lp-4-block-2-product.is-fixed {
    position: fixed;
}

.c-lp-4-block-2-product.is-absolute {
    position: absolute;
    top: auto;
    bottom: 0;
}

.c-lp-4-block-2-product--02 {
    display: none;
}

.c-lp-4-block-2-product__inner {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: 14.07407vw;
}

@media screen and (max-width: 750px) {
    .c-lp-4-block-2-product__inner {
        display: block;
        margin-left: 0;
    }
}

.c-lp-4-block-2-product__contents {
    width: 100%;
}

.c-lp-4-block-2-product__txt-area {
    position: relative;

    -webkit-font-feature-settings: "palt" 1;
    font-feature-settings: "palt" 1;
}

@media screen and (max-width: 750px) {
    .c-lp-4-block-2-product__txt-area {
        margin: 0 auto;
        width: 84vw;
    }
}

@media screen and (min-width: 751px) {
    .c-lp-4-block-2-product__txt-area-cont-1 {
        opacity: 0;
        -webkit-transition: opacity 0.3s;
        transition: opacity 0.3s;
    }
    .c-lp-4-block-2-product__txt-area-cont-1.is-fade {
        opacity: 1;
    }
}

.c-lp-4-block-2-product__txt-area-cont-2 {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
}

.c-lp-4-block-2-product__txt-area-cont-2.is-fade {
    opacity: 1;
}

.c-lp-4-block-2-product__line {
    border: none;
    background: none;
}

@media screen and (max-width: 750px) {
    .c-lp-4-block-2-product__head {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;

        -webkit-box-align: center;
        align-items: center;
    }
}

.c-lp-4-block-2-product__ttl-num {
    letter-spacing: .06em;
    font-weight: bold;
    font-size: 7.40741vw;
    font-family: "Montserrat", sans-serif;
}

@media screen and (max-width: 750px) {
    .c-lp-4-block-2-product__ttl-num {
        font-size: 15.33333vw;
        opacity: 0;
        -webkit-transition: opacity 0.3s;
        transition: opacity 0.3s;
    }
    .c-lp-4-block-2-product__ttl-num.is-fade {
        opacity: 1;
    }
}

.c-lp-4-block-2-product__ttl-hash-tag {
    position: relative;
    top: -0.74074vw;
    margin-right: 0.59259vw;
    font-size: 5.18519vw;
}

@media screen and (max-width: 750px) {
    .c-lp-4-block-2-product__ttl-hash-tag {
        top: -1.6vw;
        margin-right: 0;
        font-size: 10.66667vw;
    }
}

.c-lp-4-block-2-product__ttl {
    margin-top: -0.74074vw;
    letter-spacing: .07em;
    font-weight: bold;
    font-size: 2.81481vw;
    line-height: 1.364;
}

@media screen and (max-width: 750px) {
    .c-lp-4-block-2-product__ttl {
        display: inline-block;
        margin-top: 0;
        margin-left: 2.66667vw;
        font-size: 5.33333vw;
        line-height: 1.3;
        opacity: 0;
        -webkit-transition: opacity 0.3s;
        transition: opacity 0.3s;
    }
    .c-lp-4-block-2-product__ttl.is-fade {
        opacity: 1;
    }
    .androidphone .c-lp-4-block-2-product__ttl {
        margin-left: 1.33333vw;
    }
}

.c-lp-4-block-2-product__txt-lead {
    position: relative;
    display: inline-block;
    margin-top: 2.81481vw;
    letter-spacing: .06em;
    font-weight: 600;
    font-size: 1.18519vw;
    font-family: "Montserrat", sans-serif;
}

.c-lp-4-block-2-product__txt-lead::before {
    position: absolute;
    top: 50%;
    right: -0.59259vw;
    width: 11.77778vw;
    height: 1px;
    background-color: #FF505A;
    content: '';
    -webkit-transform: translate(100%, -50%);
    transform: translate(100%, -50%);
}

@media screen and (max-width: 750px) {
    .c-lp-4-block-2-product__txt-lead {
        top: -1.86667vw;
        margin-top: 0;
        font-size: 2.66667vw;
        opacity: 0;
        -webkit-transition: opacity 0.3s;
        transition: opacity 0.3s;
    }
    .c-lp-4-block-2-product__txt-lead.is-fade {
        opacity: 1;
    }
    .c-lp-4-block-2-product__txt-lead::before {
        right: -0.53333vw;
        width: 7.46667vw;
    }
}

.c-lp-4-block-2-product__txt {
    margin-top: 1.33333vw;
    width: 18.81481vw;
    text-align: justify;
    letter-spacing: .06em;
    font-weight: bold;
    font-size: 1.18519vw;
    line-height: 2;
}

@media screen and (max-width: 750px) {
    .c-lp-4-block-2-product__txt {
        margin-top: 0;
        width: auto;
        font-size: 2.93333vw;
        line-height: 1.59;
        opacity: 0;
        -webkit-transition: opacity 0.3s;
        transition: opacity 0.3s;
    }
    .c-lp-4-block-2-product__txt.is-fade {
        opacity: 1;
    }
}

.c-lp-4-block-2-product__img-area {
    position: relative;
    padding-left: 9.85185vw;
    height: 43.7037vw;
    opacity: 0;
}

@media screen and (max-width: 750px) {
    .c-lp-4-block-2-product__img-area {
        margin-top: 6.4vw;
        padding-left: 0;
        height: 78.66667vw;
    }
}

.c-lp-4-block-2-product__img-area.is-fade {
    opacity: 1;
}

.c-lp-4-block-2-product__img-inner {
    position: relative;
}

.c-lp-4-block-2-product__img-inner--2 {
    position: absolute;
    top: 0;
    right: 0;
}

.c-lp-4-block-2-product__img {
    position: relative;
    height: 100%;

    -webkit-clip-path: inset(100% 0 0 0);
    clip-path: inset(100% 0 0 0);
}

.c-lp-4-block-2-product__peach {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: -2.22222vw;
}

@media screen and (max-width: 750px) {
    .c-lp-4-block-2-product__peach {
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }
}

.c-lp-4-block-2-product__peach-icon {
    width: 7.40741vw;
    height: 7.40741vw;
    opacity: 0;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
}

@media screen and (max-width: 750px) {
    .c-lp-4-block-2-product__peach-icon {
        width: 13.33333vw;
        height: 13.33333vw;
    }
}

.c-lp-4-block-2-product__peach-icon.is-fade {
    opacity: 1;
}

.c-lp-4-block-2-product__peach-icon img {
    -webkit-transform: scale(1.25);
    transform: scale(1.25);
}

.c-lp-4-block-2-product__img {
    width: 37.76296vw;
}

@media screen and (max-width: 750px) {
    .c-lp-4-block-2-product__img {
        margin-left: 15.73333vw;
        width: 67.4vw;
    }
}

.c-lp-4-block-2-product__txt-name {
    position: absolute;
    bottom: 12.22222vw;
    letter-spacing: .06em;
    font-weight: bold;
    font-size: 1.33333vw;
    opacity: 0;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);

    -webkit-font-feature-settings: "palt" 1;
    font-feature-settings: "palt" 1;
}

.c-lp-4-block-2-product__txt-name::before {
    position: absolute;
    top: 50%;
    left: -1.03704vw;
    width: 1.18519vw;
    height: 1.18519vw;
    background-color: #FF505A;
    content: '';
    -webkit-transform: translate(-100%, -50%);
    transform: translate(-100%, -50%);
}

@media screen and (max-width: 750px) {
    .c-lp-4-block-2-product__txt-name {
        bottom: 22.66667vw;
        font-size: 2.66667vw;
    }
    .c-lp-4-block-2-product__txt-name::before {
        left: -1.86667vw;
        width: 2.13333vw;
        height: 2.13333vw;
    }
}

.c-lp-4-block-2-product__txt-name.is-fade {
    opacity: 1;
}

.c-lp-4-block-2-product__txt-name--1 {
    right: -9.33333vw;
}

@media screen and (max-width: 750px) {
    .c-lp-4-block-2-product__txt-name--1 {
        right: -15.46667vw;
    }
}

.c-lp-4-block-2-product__txt-name--2 {
    right: -10.22222vw;
}

@media screen and (max-width: 750px) {
    .c-lp-4-block-2-product__txt-name--2 {
        right: -17.33333vw;
    }
}

.c-lp-4-block-2-product__border {
    position: relative;
    margin: 3.7037vw auto 0 14.07407vw;
    width: 80.74074vw;
}

@media screen and (max-width: 750px) {
    .c-lp-4-block-2-product__border {
        opacity: 0;
        -webkit-transition: opacity 0.3s;
        transition: opacity 0.3s;
    }
    .c-lp-4-block-2-product__border.is-fade {
        opacity: 1;
    }
}

.c-lp-4-block-2-product__border::before {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 0.22222vw;
    background-color: #FF546B;
    content: '';
}

@media screen and (max-width: 750px) {
    .c-lp-4-block-2-product__border {
        margin-top: 2.66667vw;
        margin-left: auto;
        width: 84vw;
    }
}

.c-lp-4-block-2-product__border-inner {
    display: inline-block;
    padding-top: 0.14815vw;
    width: 8.96296vw;
    height: 2vw;
    background-color: #FF546B;
    color: #FDECCB;
    vertical-align: bottom;
    text-align: center;
    letter-spacing: .04em;
    font-weight: 600;
    font-size: 1.18519vw;
    font-family: "Montserrat", sans-serif;

    -webkit-font-feature-settings: "palt" 1;
    font-feature-settings: "palt" 1;
}

@media screen and (max-width: 750px) {
    .c-lp-4-block-2-product__border-inner {
        padding-top: 0;
        width: 20vw;
        height: 3.86667vw;
        font-size: 2.66667vw;
    }
}

/*  c-lp-4-block-3
--------------------------------------------- */
.c-lp-4-block-3__container {
    position: relative;
    padding-top: 15.40741vw;
    padding-bottom: 13.7037vw;
}

@media screen and (max-width: 750px) {
    .c-lp-4-block-3__container {
        padding-top: 28.53333vw;
        padding-bottom: 37.33333vw;
    }
}

.c-lp-4-block-3__img-area {
    position: relative;
}

.c-lp-4-block-3__img {
    position: relative;
    z-index: 999;
    overflow: hidden;
    margin: 0 auto;
    width: 44.44444vw;
    height: 51.33333vw;
}

@media screen and (max-width: 750px) {
    .c-lp-4-block-3__img {
        z-index: 0;
        width: 67.33333vw;
        height: 77.86667vw;
    }
}

.c-lp-4-block-3__img video {
    margin-top: -2px;
    margin-left: -2px;
    width: calc(100% + 4px);
    height: calc(100% + 4px);
}

.c-lp-4-block-3__img.fadein {
    -webkit-animation: picAppearY 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
    animation: picAppearY 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
}

.c-lp-4-block-3__lead {
    position: relative;
}

.c-lp-4-block-3__letter {
    position: absolute;
    display: block;
    height: 7.03704vw;
    opacity: 0;
    -webkit-animation: bgLoop-pc 16s linear infinite;
    animation: bgLoop-pc 16s linear infinite;
}

@-webkit-keyframes bgLoop-pc {
    0% {
        right: -8.14815vw;
        bottom: 3.7037vw;
        opacity: 1;
        -webkit-transform: rotate(6deg);
        transform: rotate(6deg);
    }
    21% {
        right: 28.14815vw;
        bottom: 9.25926vw;
        -webkit-transform: rotate(16deg);
        transform: rotate(16deg);
    }
    54% {
        right: 64.44444vw;
        bottom: 31.48148vw;
        -webkit-transform: rotate(16deg);
        transform: rotate(16deg);
    }
    75% {
        right: 100.74074vw;
        bottom: 37.03704vw;
        opacity: 1;
        -webkit-transform: rotate(6deg);
        transform: rotate(6deg);
    }
    100% {
        right: 100.74074vw;
        bottom: 37.03704vw;
        opacity: 0;
    }
}

@keyframes bgLoop-pc {
    0% {
        right: -8.14815vw;
        bottom: 3.7037vw;
        opacity: 1;
        -webkit-transform: rotate(6deg);
        transform: rotate(6deg);
    }
    21% {
        right: 28.14815vw;
        bottom: 9.25926vw;
        -webkit-transform: rotate(16deg);
        transform: rotate(16deg);
    }
    54% {
        right: 64.44444vw;
        bottom: 31.48148vw;
        -webkit-transform: rotate(16deg);
        transform: rotate(16deg);
    }
    75% {
        right: 100.74074vw;
        bottom: 37.03704vw;
        opacity: 1;
        -webkit-transform: rotate(6deg);
        transform: rotate(6deg);
    }
    100% {
        right: 100.74074vw;
        bottom: 37.03704vw;
        opacity: 0;
    }
}

@media screen and (max-width: 750px) {
    .c-lp-4-block-3__letter {
        height: 9.33333vw;
        -webkit-animation: bgLoop-sp 16.4s linear infinite;
        animation: bgLoop-sp 16.4s linear infinite;
    }
    @-webkit-keyframes bgLoop-sp {
        0% {
            right: -10.66667vw;
            bottom: -11.33333vw;
            opacity: 1;
            -webkit-transform: rotate(-14deg);
            transform: rotate(-14deg);
        }
        14% {
            right: 17.33333vw;
            bottom: -14vw;
            -webkit-transform: rotate(4deg);
            transform: rotate(4deg);
        }
        15% {
            bottom: -13.73333vw;
            -webkit-transform: rotate(6deg);
            transform: rotate(6deg);
        }
        16% {
            bottom: -13.33333vw;
            -webkit-transform: rotate(10deg);
            transform: rotate(10deg);
        }
        17% {
            bottom: -12.93333vw;
            -webkit-transform: rotate(12deg);
            transform: rotate(12deg);
        }
        18% {
            bottom: -12.4vw;
            -webkit-transform: rotate(14deg);
            transform: rotate(14deg);
        }
        26% {
            -webkit-transform: rotate(20deg);
            transform: rotate(20deg);
        }
        38% {
            right: 61.33333vw;
            bottom: 2.66667vw;
            -webkit-transform: rotate(25deg);
            transform: rotate(25deg);
        }
        64% {
            right: 110.66667vw;
            bottom: 22.66667vw;
            opacity: 1;
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
        }
        100% {
            right: 110.66667vw;
            bottom: 20.8vw;
            outline: 0;
        }
    }
    @keyframes bgLoop-sp {
        0% {
            right: -10.66667vw;
            bottom: -11.33333vw;
            opacity: 1;
            -webkit-transform: rotate(-14deg);
            transform: rotate(-14deg);
        }
        14% {
            right: 17.33333vw;
            bottom: -14vw;
            -webkit-transform: rotate(4deg);
            transform: rotate(4deg);
        }
        15% {
            bottom: -13.73333vw;
            -webkit-transform: rotate(6deg);
            transform: rotate(6deg);
        }
        16% {
            bottom: -13.33333vw;
            -webkit-transform: rotate(10deg);
            transform: rotate(10deg);
        }
        17% {
            bottom: -12.93333vw;
            -webkit-transform: rotate(12deg);
            transform: rotate(12deg);
        }
        18% {
            bottom: -12.4vw;
            -webkit-transform: rotate(14deg);
            transform: rotate(14deg);
        }
        26% {
            -webkit-transform: rotate(20deg);
            transform: rotate(20deg);
        }
        38% {
            right: 61.33333vw;
            bottom: 2.66667vw;
            -webkit-transform: rotate(25deg);
            transform: rotate(25deg);
        }
        64% {
            right: 110.66667vw;
            bottom: 22.66667vw;
            opacity: 1;
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
        }
        100% {
            right: 110.66667vw;
            bottom: 20.8vw;
            outline: 0;
        }
    }
}

.c-lp-4-block-3__letter--01, .c-lp-4-block-3__letter--06, .c-lp-4-block-3__letter--11, .c-lp-4-block-3__letter--16 {
    width: 5.92593vw;
}

.c-lp-4-block-3__letter--02, .c-lp-4-block-3__letter--07, .c-lp-4-block-3__letter--12, .c-lp-4-block-3__letter--17 {
    width: 5.7037vw;
}

.c-lp-4-block-3__letter--03, .c-lp-4-block-3__letter--08, .c-lp-4-block-3__letter--13, .c-lp-4-block-3__letter--18 {
    width: 7.77778vw;
}

.c-lp-4-block-3__letter--04, .c-lp-4-block-3__letter--09, .c-lp-4-block-3__letter--14, .c-lp-4-block-3__letter--19 {
    width: 6.66667vw;
}

.c-lp-4-block-3__letter--05, .c-lp-4-block-3__letter--10, .c-lp-4-block-3__letter--15, .c-lp-4-block-3__letter--20 {
    width: 6.51852vw;
}

@media screen and (max-width: 750px) {
    .c-lp-4-block-3__letter--01, .c-lp-4-block-3__letter--06, .c-lp-4-block-3__letter--11, .c-lp-4-block-3__letter--16 {
        width: 8vw;
    }
    .c-lp-4-block-3__letter--02, .c-lp-4-block-3__letter--07, .c-lp-4-block-3__letter--12, .c-lp-4-block-3__letter--17 {
        width: 7.46667vw;
    }
    .c-lp-4-block-3__letter--03, .c-lp-4-block-3__letter--08, .c-lp-4-block-3__letter--13, .c-lp-4-block-3__letter--18 {
        width: 10.4vw;
    }
    .c-lp-4-block-3__letter--04, .c-lp-4-block-3__letter--09, .c-lp-4-block-3__letter--14, .c-lp-4-block-3__letter--19 {
        width: 8.8vw;
    }
    .c-lp-4-block-3__letter--05, .c-lp-4-block-3__letter--10, .c-lp-4-block-3__letter--15, .c-lp-4-block-3__letter--20 {
        width: 8.66667vw;
    }
}

.c-lp-4-block-3__letter--01 {
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
}

.c-lp-4-block-3__letter--02 {
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
}

.c-lp-4-block-3__letter--03 {
    -webkit-animation-delay: 1.4s;
    animation-delay: 1.4s;
}

.c-lp-4-block-3__letter--04 {
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
}

.c-lp-4-block-3__letter--05 {
    -webkit-animation-delay: 2.7s;
    animation-delay: 2.7s;
}

.c-lp-4-block-3__letter--06 {
    -webkit-animation-delay: 4s;
    animation-delay: 4s;
}

.c-lp-4-block-3__letter--07 {
    -webkit-animation-delay: 4.6s;
    animation-delay: 4.6s;
}

.c-lp-4-block-3__letter--08 {
    -webkit-animation-delay: 5.4s;
    animation-delay: 5.4s;
}

.c-lp-4-block-3__letter--09 {
    -webkit-animation-delay: 6s;
    animation-delay: 6s;
}

.c-lp-4-block-3__letter--10 {
    -webkit-animation-delay: 6.7s;
    animation-delay: 6.7s;
}

.c-lp-4-block-3__letter--11 {
    -webkit-animation-delay: 8s;
    animation-delay: 8s;
}

.c-lp-4-block-3__letter--12 {
    -webkit-animation-delay: 8.6s;
    animation-delay: 8.6s;
}

.c-lp-4-block-3__letter--13 {
    -webkit-animation-delay: 9.4s;
    animation-delay: 9.4s;
}

.c-lp-4-block-3__letter--14 {
    -webkit-animation-delay: 10s;
    animation-delay: 10s;
}

.c-lp-4-block-3__letter--15 {
    -webkit-animation-delay: 10.7s;
    animation-delay: 10.7s;
}

.c-lp-4-block-3__letter--16 {
    -webkit-animation-delay: 12s;
    animation-delay: 12s;
}

.c-lp-4-block-3__letter--17 {
    -webkit-animation-delay: 12.6s;
    animation-delay: 12.6s;
}

.c-lp-4-block-3__letter--18 {
    -webkit-animation-delay: 13.4s;
    animation-delay: 13.4s;
}

.c-lp-4-block-3__letter--19 {
    -webkit-animation-delay: 14s;
    animation-delay: 14s;
}

.c-lp-4-block-3__letter--20 {
    -webkit-animation-delay: 14.7s;
    animation-delay: 14.7s;
}

@media screen and (max-width: 750px) {
    .c-lp-4-block-3__letter--01 {
        -webkit-animation-delay: 0s;
        animation-delay: 0s;
    }
    .c-lp-4-block-3__letter--02 {
        -webkit-animation-delay: 0.7s;
        animation-delay: 0.7s;
    }
    .c-lp-4-block-3__letter--03 {
        -webkit-animation-delay: 1.6s;
        animation-delay: 1.6s;
    }
    .c-lp-4-block-3__letter--04 {
        -webkit-animation-delay: 2.3s;
        animation-delay: 2.3s;
    }
    .c-lp-4-block-3__letter--05 {
        -webkit-animation-delay: 3.1s;
        animation-delay: 3.1s;
    }
    .c-lp-4-block-3__letter--06 {
        -webkit-animation-delay: 4.1s;
        animation-delay: 4.1s;
    }
    .c-lp-4-block-3__letter--07 {
        -webkit-animation-delay: 4.8s;
        animation-delay: 4.8s;
    }
    .c-lp-4-block-3__letter--08 {
        -webkit-animation-delay: 5.7s;
        animation-delay: 5.7s;
    }
    .c-lp-4-block-3__letter--09 {
        -webkit-animation-delay: 6.4s;
        animation-delay: 6.4s;
    }
    .c-lp-4-block-3__letter--10 {
        -webkit-animation-delay: 7.2s;
        animation-delay: 7.2s;
    }
    .c-lp-4-block-3__letter--11 {
        -webkit-animation-delay: 8.2s;
        animation-delay: 8.2s;
    }
    .c-lp-4-block-3__letter--12 {
        -webkit-animation-delay: 8.9s;
        animation-delay: 8.9s;
    }
    .c-lp-4-block-3__letter--13 {
        -webkit-animation-delay: 9.8s;
        animation-delay: 9.8s;
    }
    .c-lp-4-block-3__letter--14 {
        -webkit-animation-delay: 10.5s;
        animation-delay: 10.5s;
    }
    .c-lp-4-block-3__letter--15 {
        -webkit-animation-delay: 11.3s;
        animation-delay: 11.3s;
    }
    .c-lp-4-block-3__letter--16 {
        -webkit-animation-delay: 12.3s;
        animation-delay: 12.3s;
    }
    .c-lp-4-block-3__letter--17 {
        -webkit-animation-delay: 13s;
        animation-delay: 13s;
    }
    .c-lp-4-block-3__letter--18 {
        -webkit-animation-delay: 13.9s;
        animation-delay: 13.9s;
    }
    .c-lp-4-block-3__letter--19 {
        -webkit-animation-delay: 14.6s;
        animation-delay: 14.6s;
    }
    .c-lp-4-block-3__letter--20 {
        -webkit-animation-delay: 15.4s;
        animation-delay: 15.4s;
    }
}

/*  c-lp-4-band
--------------------------------------------- */
.c-lp-4-band {
    height: 6.66667vw;
    background-color: #c32032;
}

@media screen and (max-width: 750px) {
    .c-lp-4-band {
        height: 14vw;
    }
}

.c-lp-4-band__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    -ms-flex-align: center;
    height: 100%;

    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}

.c-lp-4-band__img-txt {
    margin-right: 2.22222vw;
    width: 26.22222vw;
    line-height: 0;
}

@media screen and (max-width: 750px) {
    .c-lp-4-band__img-txt {
        margin-right: 3.33333vw;
        width: 42.66667vw;
    }
}

.c-lp-4-band__txt {
    color: #fff;
    font-weight: bold;
    font-size: 2.22222vw;
}

@media screen and (max-width: 750px) {
    .c-lp-4-band__txt {
        font-size: 3.73333vw;
    }
}

/* ---------------------------------------------
*   c-lp-5
--------------------------------------------- */
.c-lp-5 {
    position: relative;

    -webkit-font-smoothing: auto;
    -moz-osx-font-smoothing: auto;
}

.c-lp-5 *::-moz-selection {
    background-color: #d28c3c;
    color: #fff;
}

.c-lp-5 *::selection {
    background-color: #d28c3c;
    color: #fff;
}

.c-lp-5 svg {
    width: 100%;
    height: 100%;
}

.c-lp-5 .c-lp-3-sec-3__lower {
    padding-top: 0;
}

.c-lp-5 .c-lp-3-main__lead {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media screen and (max-width: 750px) {
    .c-lp-5 .c-lp-3-main__lead {
        z-index: 0;
    }
}

.c-lp-5 .c-lp-3-main__lead-txt {
    padding-left: 2.2963vw;
    width: 135.62963vw;
    font-size: 0;
    -webkit-animation: transX0plus 30s linear infinite;
    animation: transX0plus 30s linear infinite;
}

@media screen and (max-width: 750px) {
    .c-lp-5 .c-lp-3-main__lead-txt {
        padding-left: 5.33333vw;
        width: 251.86667vw;
    }
}

.c-lp-5 .c-lp-3-main__img-wrap {
    width: 52.59259vw;
    height: 48.88889vw;
}

@media screen and (max-width: 750px) {
    .c-lp-5 .c-lp-3-main__img-wrap {
        width: 60vw;
        height: 73.33333vw;
    }
}

.c-lp-5 .c-lp-3-main__img {
    height: auto;
}

.c-lp-5 .c-lp-3-main__img video {
    width: 100%;
    height: 100%;
}

.c-lp-5 .c-sns__ttl-inner {
    color: #fff;
}

.c-lp-5 .c-sns__ttl-inner::before, .c-lp-5 .c-sns__ttl-inner::after {
    background-color: #fff;
}

.c-lp-5 .c-sns-list__txt {
    color: #fff;
}

.c-lp-5 .c-lp-5-scroll-wrap {
    position: relative;
}

/*  c-lp-5-block-3types
--------------------------------------------- */
.c-lp-5-block-3types__txt .c-lp-5-txt {
    color: #d28c3c;
    letter-spacing: .05em;
    font-weight: 500;
    font-family: "Noto Serif JP", serif;
    line-height: 1.92857;

    -webkit-font-feature-settings: "palt" 1;
    font-feature-settings: "palt" 1;
}

@media screen and (max-width: 750px) {
    .c-lp-5-block-3types__txt .c-lp-5-txt {
        line-height: 1.63636;
    }
}

.c-lp-5-block-3types__scroll-area {
    margin-top: 10.37037vw;
    padding-left: 4.07407vw;
}

@media screen and (max-width: 750px) {
    .c-lp-5-block-3types__scroll-area {
        margin-top: 107.6vw;
        padding-right: 5.33333vw;
        padding-left: 0;
    }
}

.c-lp-5-block-3types__move {
    position: relative;
    margin-bottom: 2.14815vw;
    width: 10vw;
    height: 1px;
}

@media screen and (max-width: 750px) {
    .c-lp-5-block-3types__move {
        position: absolute;
        top: 129.46667vw;
        right: 8vw;
        margin-bottom: 0;
        width: 1px;
        height: 20.13333vw;
    }
}

.c-lp-5-block-3types__move-icon {
    position: absolute;
    top: 50%;
    left: 0;
    width: 1.40741vw;
    font-size: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media screen and (max-width: 750px) {
    .c-lp-5-block-3types__move-icon {
        top: 0;
        left: 50%;
        width: 3.33333vw;
        height: 3.33333vw;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }
}

.c-lp-5-block-3types__move-line {
    position: relative;
}

.c-lp-5-block-3types__move-line::before {
    position: absolute;
    top: 50%;
    left: 0.51852vw;
    width: 10.07407vw;
    height: 1px;
    background-color: #d28c3c;
    content: "";
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media screen and (max-width: 750px) {
    .c-lp-5-block-3types__move-line::before {
        top: 0.8vw;
        left: 50%;
        width: 1px;
        height: 20.53333vw;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }
}

.c-lp-5-block-3types__move-circle::before, .c-lp-5-block-3types__move-circle::after {
    position: absolute;
    top: 50%;
    width: 0.66667vw;
    height: 0.66667vw;
    border-radius: 50%;
    background-color: #d28c3c;
    content: "";
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media screen and (max-width: 750px) {
    .c-lp-5-block-3types__move-circle::before, .c-lp-5-block-3types__move-circle::after {
        right: 50%;
        width: 1.6vw;
        height: 1.6vw;
        -webkit-transform: translateX(50%);
        transform: translateX(50%);
    }
}

.c-lp-5-block-3types__move-circle::before {
    left: 0.44444vw;
}

@media screen and (max-width: 750px) {
    .c-lp-5-block-3types__move-circle::before {
        top: 0.8vw;
        left: auto;
    }
}

.c-lp-5-block-3types__move-circle::after {
    right: -1.03704vw;
}

@media screen and (max-width: 750px) {
    .c-lp-5-block-3types__move-circle::after {
        top: auto;
        right: 50%;
        bottom: -2.4vw;
    }
}

.c-lp-5-block-3types__content-wrap {
    position: relative;
}

.c-lp-5-block-3types__content {
    position: relative;
    padding: 2.74074vw 2.14815vw 3.73333vw;
    border: 1px solid #d28c3c;
}

.c-lp-5-block-3types__content--frozen {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-color: transparent;
}

@media screen and (max-width: 750px) {
    .c-lp-5-block-3types__content {
        padding: 9.46667vw 5.06667vw 9.06667vw 6.4vw;
        border-width: 0.26667vw;
    }
}

.c-lp-5-block-3types__content::before {
    position: absolute;
    top: 0;
    left: 0.51852vw;
    width: 1px;
    height: 100%;
    background-color: #d28c3c;
    content: "";
}

@media screen and (max-width: 750px) {
    .c-lp-5-block-3types__content::before {
        left: 0.8vw;
        width: 0.26667vw;
    }
}

@media screen and (max-width: 850px) and (min-width: 751px) {
    .chrome .c-lp-5-block-3types__content,
    .edge .c-lp-5-block-3types__content {
        padding-bottom: 2vw;
    }
}

.c-lp-5-block-3types__content-lead {
    padding-bottom: 1.48148vw;
    border-bottom: 1px solid #d28c3c;
    color: #d28c3c;
    letter-spacing: .03em;
    font-weight: 600;
    font-size: 2.22222vw;
    font-family: "Cormorant Garamond", serif;
    line-height: 1;
    opacity: 0;
    -webkit-transition: .5s;
    transition: .5s;
}

.c-lp-5-block-3types__content-lead.is-fade {
    opacity: 1;
}

@media screen and (max-width: 750px) {
    .c-lp-5-block-3types__content-lead {
        padding-bottom: 2.66667vw;
        border-width: 0.26667vw;
        font-size: 4.4vw;
    }
}

.c-lp-5-block-3types__content-txt {
    margin-top: 1.18519vw;
    opacity: 0;
    -webkit-transition: .5s;
    transition: .5s;
}

.c-lp-5-block-3types__content-txt.is-fade {
    opacity: 1;
}

@media screen and (max-width: 750px) {
    .c-lp-5-block-3types__content-txt {
        margin-top: 2.26667vw;
    }
}

.c-lp-5-block-3types__content-txt .c-lp-5-txt {
    color: #d28c3c;
    font-weight: 500;
    font-family: "Noto Serif JP", serif;
    line-height: 2;

    -webkit-font-feature-settings: "palt" 1;
    font-feature-settings: "palt" 1;
}

@media screen and (max-width: 750px) {
    .c-lp-5-block-3types__content-txt .c-lp-5-txt {
        line-height: 1.54545;
    }
}

@media screen and (max-width: 830px) and (min-width: 751px) {
    .chrome .c-lp-5-block-3types__content-txt .c-lp-5-txt,
    .edge .c-lp-5-block-3types__content-txt .c-lp-5-txt {
        letter-spacing: .03em;
    }
}

.c-lp-5-block-3types__img {
    position: absolute;
    top: 9.18519vw;
    right: 3.77778vw;
    z-index: 2;
    width: 43.07407vw;
    -webkit-transition: .5s;
    transition: .5s;
}

.c-lp-5-block-3types__img img {
    -webkit-transition: 1.5s ease-out;
    transition: 1.5s ease-out;
    -webkit-transform: translateX(70px) rotate(-6deg);
    transform: translateX(70px) rotate(-6deg);
}

.fadein .c-lp-5-block-3types__img img {
    -webkit-transform: translateX(0) rotate(0);
    transform: translateX(0) rotate(0);
}

.c-lp-5-block-3types__img.is-fade {
    opacity: 0;
}

@media screen and (max-width: 830px) and (min-width: 751px) {
    .chrome .c-lp-5-block-3types__img,
    .edge .c-lp-5-block-3types__img {
        right: 0vw;
    }
}

@media screen and (max-width: 750px) {
    .c-lp-5-block-3types__img {
        top: 61.6vw;
        right: 50%;
        width: 78.66667vw;
        -webkit-transform: translateX(50%);
        transform: translateX(50%);
    }
}

.c-lp-5-block-3types__img--bottom {
    top: 11.40741vw;
    right: 4.59259vw;
    z-index: 1;
    width: 42.81481vw;
}

.c-lp-5-block-3types__img--bottom img {
    -webkit-transform: translateX(-70px) rotate(6deg);
    transform: translateX(-70px) rotate(6deg);
}

.fadein .c-lp-5-block-3types__img--bottom img {
    -webkit-transform: translateX(0) rotate(0);
    transform: translateX(0) rotate(0);
}

@media screen and (max-width: 830px) and (min-width: 751px) {
    .chrome .c-lp-5-block-3types__img--bottom,
    .edge .c-lp-5-block-3types__img--bottom {
        right: 0.81481vw;
    }
}

@media screen and (max-width: 750px) {
    .c-lp-5-block-3types__img--bottom {
        top: 63.86667vw;
        right: 50%;
        width: 78.13333vw;
    }
}

/*  c-lp-5-block-7th
--------------------------------------------- */
.c-lp-5-block-7th__txt {
    text-align: center;
    opacity: 0;
    -webkit-transition: 1s;
    transition: 1s;
    transition: 1s;
    -webkit-transition-delay: .6s;
    -webkit-transition-delay: .3s;
    transition-delay: .6s;
    transition-delay: .3s;
    -webkit-transform: translateY(120px);
    transform: translateY(120px);
}

.c-lp-5-block-7th__txt.fadein {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.c-lp-5-block-7th__txt .c-lp-5-txt {
    color: #fff;

    -webkit-font-feature-settings: "palt" 1;
    font-feature-settings: "palt" 1;
}

/*  c-lp-5-block-point
--------------------------------------------- */
.c-lp-5-block-point {
    position: relative;
}

.c-lp-5-block-point__rotate {
    position: absolute;
    top: -38.66667vw;
    left: 29.62963vw;
    z-index: 1;
}

@media screen and (max-width: 750px) {
    .c-lp-5-block-point__rotate {
        top: -114.8vw;
        left: 23.86667vw;
    }
}

.c-lp-5-block-point__rotate-outside {
    width: 21.55556vw;
    -webkit-animation: rotate-reverse 15s linear infinite;
    animation: rotate-reverse 15s linear infinite;
}

@media screen and (max-width: 750px) {
    .c-lp-5-block-point__rotate-outside {
        width: 33.33333vw;
    }
}

.c-lp-5-block-point__star {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

/*  c-lp-5-block-movie
--------------------------------------------- */
.c-lp-5-block-movie {
    padding-top: 20vw;
}

@media screen and (max-width: 750px) {
    .c-lp-5-block-movie {
        padding-top: 25.33333vw;
    }
}

/*  c-lp-5-block-product
--------------------------------------------- */
.c-lp-5-block-product {
    position: relative;
}

.c-lp-5-block-product__txt {
    text-align: center;
    opacity: 0;
    -webkit-transition: 1s;
    transition: 1s;
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
}

.c-lp-5-block-product__txt.fadein {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.c-lp-5-block-product__txt .c-lp-5-txt {
    color: #d28c3c;
    font-family: "Noto Sans JP", sans-serif;

    -webkit-font-feature-settings: "palt" 1;
    font-feature-settings: "palt" 1;
}

.c-lp-5-block-product__star {
    position: absolute;
    top: 8.44444vw;
    right: 13.7037vw;
}

@media screen and (max-width: 750px) {
    .c-lp-5-block-product__star {
        top: 58.8vw;
        right: 7.86667vw;
    }
}

@media screen and (max-width: 750px) {
    .c-lp-5-block-product__star--next {
        top: 153.6vw;
        right: 22.93333vw;
    }
}

.c-lp-5-block-product__box-wrap {
    margin-top: 5.40741vw;
}

@media screen and (max-width: 750px) {
    .c-lp-5-block-product__box-wrap {
        margin-top: 19.06667vw;
    }
}

.c-lp-5-block-product__box-wrap.fadein .c-lp-5-block-product__box-img--milk01 {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

.c-lp-5-block-product__box-wrap.fadein .c-lp-5-block-product__box-img--milk02 {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.c-lp-5-block-product__box-wrap.fadein .c-lp-5-block-product__box-img--frozen {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

.c-lp-5-block-product__box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

@media screen and (max-width: 750px) {
    .c-lp-5-block-product__box {
        display: block;
    }
    .c-lp-5-block-product__box:nth-of-type(2) {
        margin-top: 16.93333vw;
    }
}

@media screen and (max-width: 750px) {
    .c-lp-5-block-product__box-img-wrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;

        -webkit-box-pack: center;
        justify-content: center;
    }
    .c-lp-5-block-product__box-img-wrap.fadein .c-lp-5-block-product__box-img--milk01 {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    .c-lp-5-block-product__box-img-wrap.fadein .c-lp-5-block-product__box-img--milk02 {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    .c-lp-5-block-product__box-img-wrap.fadein .c-lp-5-block-product__box-img--frozen {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

.c-lp-5-block-product__box-img {
    position: relative;
    width: 34.74074vw;
    opacity: 0;
    -webkit-transition: 1s;
    transition: 1s;

    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.c-lp-5-block-product__box-img--milk01 {
    top: 0.81481vw;
    left: 15.18519vw;
    width: 34.74074vw;
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
}

@media screen and (max-width: 750px) {
    .c-lp-5-block-product__box-img--milk01 {
        top: 5.73333vw;
        left: 0.13333vw;
        width: 60.26667vw;
        -webkit-transition-delay: .3s;
        transition-delay: .3s;
        -webkit-transform: translateX(100px);
        transform: translateX(100px);
    }
}

.c-lp-5-block-product__box-img--milk02 {
    top: 3.40741vw;
    left: 3.92593vw;
    -webkit-transition-delay: .6s;
    transition-delay: .6s;
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
}

@media screen and (max-width: 750px) {
    .c-lp-5-block-product__box-img--milk02 {
        top: 0;
        left: 21.2vw;
        width: 62.13333vw;
        -webkit-transition-delay: 0s;
        transition-delay: 0s;
        -webkit-transform: translateX(-100px);
        transform: translateX(-100px);
    }
}

.c-lp-5-block-product__box-img--frozen {
    position: relative;
    right: 8vw;
    -webkit-transition-delay: .3s;
    transition-delay: .3s;
    -webkit-transform: translateX(100px);
    transform: translateX(100px);
}

@media screen and (max-width: 750px) {
    .c-lp-5-block-product__box-img--frozen {
        top: 0;
        right: -10.13333vw;
        width: 63.06667vw;
        -webkit-transition-delay: 0;
        transition-delay: 0;
        -webkit-transform: translateY(100px);
        transform: translateY(100px);
    }
}

.c-lp-5-block-product__cassette {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    margin: 0 auto;
    margin-top: 3.7037vw;
    width: 70vw;
    opacity: 0;
    -webkit-transition: 1s;
    transition: 1s;
    -webkit-transform: translateY(50px);
    transform: translateY(50px);

    -webkit-box-pack: justify;
    justify-content: space-between;
}

.c-lp-5-block-product__cassette.fadein {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

@media screen and (min-width: 751px) {
    .c-lp-5-block-product__cassette {
        left: 1.7037vw;
    }
}

@media screen and (max-width: 750px) {
    .c-lp-5-block-product__cassette {
        display: block;
        margin-top: 4.66667vw;
        width: 71.33333vw;
    }
}

@media screen and (max-width: 750px) {
    .c-lp-5-block-product__cassette--frozen {
        margin-top: 1.86667vw;
    }
}

.c-lp-5-block-product__banner {
    margin: 0 auto;
    margin-top: 7.85185vw;
    width: 72.96296vw;
    opacity: 0s;
    -webkit-transition: 1s;
    transition: 1s;
    -webkit-transform: translateY(120px);
    transform: translateY(120px);
}

.c-lp-5-block-product__banner.fadein {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

@media screen and (max-width: 750px) {
    .c-lp-5-block-product__banner {
        margin-top: 8vw;
        width: 81.33333vw;
    }
}

/*  c-lp-5-box-point
--------------------------------------------- */
.c-lp-5-box-point {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    padding-right: 5.33333vw;

    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
}

@media screen and (max-width: 750px) {
    .c-lp-5-box-point {
        display: block;
        padding: 0;
    }
}

@media screen and (max-width: 750px) {
    .c-lp-5-box-point--tea .c-lp-5-box-point__sentence-lead {
        padding-right: 11.46667vw;
        text-align: right;
    }
}

.c-lp-5-box-point--tea .c-lp-5-box-point__num {
    display: inline-block;
    margin-right: 0.22222vw;
    width: 2vw;
    font-size: 0;
}

@media screen and (max-width: 750px) {
    .c-lp-5-box-point--tea .c-lp-5-box-point__num {
        margin-right: 0.4vw;
        width: 5.6vw;
    }
}

@media screen and (max-width: 750px) {
    .c-lp-5-box-point--tea .c-lp-5-box-point__sentence-ttl {
        position: relative;
        left: 1.33333vw;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;

        -webkit-box-pack: center;
        justify-content: center;
    }
}

.c-lp-5-box-point--tea .c-lp-5-box-point__sentence-cassette {
    position: relative;
    right: 1.33333vw;
}

@media screen and (max-width: 750px) {
    .c-lp-5-box-point--tea .c-lp-5-box-point__sentence-cassette-txt {
        position: relative;
        top: 0.26667vw;
        left: 2.13333vw;
    }
}

.c-lp-5-box-point--milk {
    -ms-flex-direction: row;
    flex-direction: row;
    margin-top: 12.81481vw;
    padding-right: 0;
    padding-left: 9.62963vw;

    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
}

@media screen and (max-width: 750px) {
    .c-lp-5-box-point--milk {
        margin-top: 96.4vw;
        padding: 0 13.46667vw 0 10.8vw;
    }
}

.c-lp-5-box-point--milk .c-lp-5-box-point__img {
    top: 8.51852vw;
    right: -32.51852vw;
    left: auto;
    width: 79.33333vw;
}

@media screen and (max-width: 750px) {
    .c-lp-5-box-point--milk .c-lp-5-box-point__img {
        top: -60.66667vw;
        right: -57.46667vw;
        width: 142.8vw;
    }
}

.c-lp-5-box-point--milk .c-lp-5-box-point__sentence-cassette {
    margin-top: 2vw;
}

@media screen and (max-width: 750px) {
    .c-lp-5-box-point--milk .c-lp-5-box-point__sentence-cassette {
        margin-top: 3.2vw;
    }
}

@media screen and (max-width: 750px) {
    .c-lp-5-box-point--milk .c-lp-5-box-point__sentence-ttl {
        margin-top: 10.4vw;
        letter-spacing: .13em;
    }
}

.c-lp-5-box-point--milk .c-lp-5-box-point__line {
    top: 3.03704vw;
    left: 0;
    width: 57.48148vw;
}

@media screen and (max-width: 750px) {
    .c-lp-5-box-point--milk .c-lp-5-box-point__line {
        top: -27.6vw;
        width: 76.8vw;
    }
}

.c-lp-5-box-point--topping {
    margin-top: 24.37037vw;
    padding-right: 9.62963vw;
}

@media screen and (max-width: 750px) {
    .c-lp-5-box-point--topping {
        margin-top: 116.8vw;
        padding: 0 10.8vw;
    }
}

.c-lp-5-box-point--topping .c-lp-5-box-point__img {
    top: -14vw;
    left: -9.33333vw;
    width: 51.33333vw;
}

@media screen and (max-width: 750px) {
    .c-lp-5-box-point--topping .c-lp-5-box-point__img {
        top: -93.33333vw;
        left: -26.66667vw;
        width: 92.4vw;
    }
}

@media screen and (max-width: 750px) {
    .c-lp-5-box-point--topping .c-lp-5-box-point__sentence-lead {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: end;
        padding-right: 0;

        -webkit-box-pack: end;
        justify-content: flex-end;
    }
}

.c-lp-5-box-point--topping .c-lp-5-box-point__sentence-ttl {
    margin-top: 4.44444vw;
}

@media screen and (max-width: 750px) {
    .c-lp-5-box-point--topping .c-lp-5-box-point__sentence-ttl {
        margin-top: 13.46667vw;
        letter-spacing: .08em;
    }
    .safari .c-lp-5-box-point--topping .c-lp-5-box-point__sentence-ttl,
    .firefox .c-lp-5-box-point--topping .c-lp-5-box-point__sentence-ttl,
    .windows {
        letter-spacing: .05em;
    }
}

.c-lp-5-box-point--topping .c-lp-5-box-point__sentence-cassette {
    margin-top: 2.07407vw;
    padding-left: 0.59259vw;
}

@media screen and (max-width: 750px) {
    .c-lp-5-box-point--topping .c-lp-5-box-point__sentence-cassette {
        margin-top: 3.2vw;
        padding-left: 0;
    }
}

.c-lp-5-box-point--topping .c-lp-5-box-point__line {
    top: 1.03704vw;
    left: -33.92593vw;
    width: 49.11111vw;
}

@media screen and (max-width: 750px) {
    .c-lp-5-box-point--topping .c-lp-5-box-point__line {
        top: -67.46667vw;
        left: 7.73333vw;
        width: 70.8vw;
    }
}

.c-lp-5-box-point__img {
    position: absolute;
    top: -30.51852vw;
    left: -1.92593vw;
    width: 45.74074vw;
    opacity: 0;
    -webkit-transition: 1s;
    transition: 1s;
    -webkit-transform: translateY(120px);
    transform: translateY(120px);
}

.c-lp-5-box-point__img.fadein {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

@media screen and (max-width: 750px) {
    .c-lp-5-box-point__img {
        top: -97.6vw;
        left: -16.26667vw;
        width: 73.46667vw;
    }
}

.c-lp-5-box-point__sentence {
    position: relative;
    opacity: 0;
    -webkit-transition: 1s;
    transition: 1s;
    -webkit-transition-delay: .3s;
    transition-delay: .3s;
    -webkit-transform: translateY(120px);
    transform: translateY(120px);
    transform: translateY(120px);
}

.c-lp-5-box-point__sentence.fadein {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.c-lp-5-box-point__sentence-lead {
    color: #fff;
    letter-spacing: .03em;
    font-weight: 600;
    font-size: 2.59259vw;
    font-family: "Cormorant Garamond", serif;
    line-height: 1;

    -webkit-font-feature-settings: "palt" 1;
    font-feature-settings: "palt" 1;
}

@media screen and (max-width: 750px) {
    .c-lp-5-box-point__sentence-lead {
        font-size: 7.2vw;
    }
}

.c-lp-5-box-point__line {
    position: absolute;
    top: 2.66667vw;
    left: -16.66667vw;
    width: 26.81481vw;
    opacity: 0;
    -webkit-transition: 1s;
    transition: 1s;
    -webkit-transition-delay: .6s;
    transition-delay: .6s;
}

@media screen and (max-width: 750px) {
    .c-lp-5-box-point__line {
        top: -11.86667vw;
        left: 34.4vw;
        width: 54.93333vw;
    }
}

.fadein .c-lp-5-box-point__line {
    opacity: 1;
}

.c-lp-5-box-point__sentence-ttl {
    margin-top: 5.25926vw;
    color: #fff;
    letter-spacing: .05em;
    font-weight: 500;
    font-size: 2.37037vw;
    font-family: "Noto Serif JP", serif;
    line-height: 1.6875;

    -webkit-font-feature-settings: "palt" 1;
    font-feature-settings: "palt" 1;
}

@media screen and (max-width: 750px) {
    .c-lp-5-box-point__sentence-ttl {
        margin-top: 17.2vw;
        letter-spacing: .07em;
        font-size: 4.8vw;
        line-height: 1.66667;
    }
}

.c-lp-5-box-point__sentence-cassette {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 2.51852vw;

    gap: 0 1.48148vw;
}

@media screen and (max-width: 750px) {
    .c-lp-5-box-point__sentence-cassette {
        -ms-flex-pack: center;
        margin-top: 6vw;

        gap: 0 1.73333vw;
        -webkit-box-pack: center;
        justify-content: center;
    }
}

.c-lp-5-box-point__sentence-cassette-img {
    padding-top: 0.66667vw;
    width: 8.66667vw;
}

@media screen and (max-width: 750px) {
    .c-lp-5-box-point__sentence-cassette-img {
        padding-top: 1.2vw;
        width: 17.73333vw;
    }
}

.c-lp-5-box-point__sentence-cassette-txt .c-lp-5-txt {
    color: #fff;
    letter-spacing: .1em;
    font-weight: 500;
    font-family: "Noto Serif JP", serif;

    -webkit-font-feature-settings: "palt" 1;
    font-feature-settings: "palt" 1;
}

@media screen and (max-width: 750px) {
    .c-lp-5-box-point__sentence-cassette-txt .c-lp-5-txt {
        letter-spacing: .08em;
    }
}

.c-lp-5-box-point__sentence-label {
    position: relative;
    margin-top: 3.92593vw;
    padding-bottom: 4.14815vw;
    width: 45.25926vw;
    background-image: url(../img/lp/queen-milktea/img_line_pottery.svg);
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

@media screen and (max-width: 750px) {
    .c-lp-5-box-point__sentence-label {
        margin: 0 auto;
        margin-top: 10.4vw;
        padding-right: 6vw;
        padding-bottom: 5.33333vw;
        width: 84.93333vw;
        background-image: url(../img/lp/queen-milktea/sp/img_line_pottery.svg);
    }
}

.c-lp-5-box-point__sentence-label-lead {
    position: relative;
    top: -0.66667vw;
    padding-left: 5.03704vw;
    font-size: 0;
}

@media screen and (max-width: 750px) {
    .c-lp-5-box-point__sentence-label-lead {
        top: -2.13333vw;
        padding-left: 0;
        text-align: center;
    }
    .safari .c-lp-5-box-point__sentence-label-lead {
        top: -1.73333vw;
    }
}

.c-lp-5-box-point__sentence-label-txt {
    position: relative;
    top: -0.96296vw;
    padding-top: 1.7037vw;
    padding-left: 2.66667vw;
}

@media screen and (max-width: 750px) {
    .c-lp-5-box-point__sentence-label-txt {
        top: -3.33333vw;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        padding: 3.46667vw 0 2.66667vw;

        -webkit-box-pack: center;
        justify-content: center;
    }
}

.c-lp-5-box-point__sentence-label-txt .c-lp-5-txt {
    color: #fff;
    letter-spacing: .07em;
    font-weight: 500;
    font-family: "Noto Serif JP", serif;
    line-height: 2.07143;

    -webkit-font-feature-settings: "palt" 1;
    font-feature-settings: "palt" 1;
}

@media screen and (max-width: 750px) {
    .c-lp-5-box-point__sentence-label-txt .c-lp-5-txt {
        letter-spacing: .1em;
        line-height: 1.72727;
    }
}

.c-lp-5-box-point__sentence-box {
    margin-top: 3.85185vw;
    padding: 2.51852vw 3.03704vw 2.74074vw 3.33333vw;
    border: 1px solid #fff;
    border-radius: 0.74074vw;
}

@media screen and (max-width: 750px) {
    .c-lp-5-box-point__sentence-box {
        margin-top: 8.13333vw;
        padding: 4.66667vw 5.33333vw 6vw;
        border-width: 0.26667vw;
        border-radius: 1.33333vw;
    }
}

.c-lp-5-box-point__sentence-box-cassette {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 1.48148vw;

    gap: 0 1.85185vw;
}

@media screen and (max-width: 750px) {
    .c-lp-5-box-point__sentence-box-cassette {
        gap: 0 4.53333vw;
    }
}

.c-lp-5-box-point__sentence-box-txt .c-lp-5-txt {
    color: #fff;
    text-align: justify;
    letter-spacing: .11em;
    font-weight: 500;
    font-family: "Noto Serif JP", serif;
    line-height: 2;

    -webkit-font-feature-settings: "palt" 1;
    font-feature-settings: "palt" 1;
}

@media screen and (max-width: 750px) {
    .c-lp-5-box-point__sentence-box-txt .c-lp-5-txt {
        letter-spacing: .08em;
        line-height: 1.77273;
    }
}

.c-lp-5-box-point__sentence-box-img {
    padding-top: 0.2963vw;
    width: 13.55556vw;

    -ms-flex-negative: 0;
    flex-shrink: 0;
}

@media screen and (max-width: 750px) {
    .c-lp-5-box-point__sentence-box-img {
        padding-top: 1.6vw;
        width: 24.4vw;
    }
}

.c-lp-5-box-point__sentence-box-lead {
    text-align: center;
}

.c-lp-5-box-point__sentence-box-lead .c-lp-5-txt-icon {
    font-size: 1.55556vw;
    line-height: 1.19048;
}

@media screen and (max-width: 750px) {
    .c-lp-5-box-point__sentence-box-lead .c-lp-5-txt-icon {
        letter-spacing: .18em;
        font-size: 3.73333vw;
        line-height: 1.28571;
    }
}

.c-lp-5-box-point__sentence-box-lead--sp-txt {
    font-size: 0;
}

.c-lp-5-box-point__sentence-box-lead--sp-txt .c-lp-5-txt-icon::before, .c-lp-5-box-point__sentence-box-lead--sp-txt .c-lp-5-txt-icon::after {
    top: 52%;
}

@media screen and (max-width: 750px) {
    .c-lp-5-box-point__sentence-box-lead--sp-txt .c-lp-5-txt-icon::before, .c-lp-5-box-point__sentence-box-lead--sp-txt .c-lp-5-txt-icon::after {
        top: 50%;
    }
}

.c-lp-5-box-point__sentence-box-lead--sp-txt .c-lp-5-txt-icon::before {
    left: -2.22222vw;
}

@media screen and (max-width: 750px) {
    .c-lp-5-box-point__sentence-box-lead--sp-txt .c-lp-5-txt-icon::before {
        left: -6vw;
    }
}

.c-lp-5-box-point__sentence-box-lead--sp-txt .c-lp-5-txt-icon::after {
    right: -2.22222vw;
}

@media screen and (max-width: 750px) {
    .c-lp-5-box-point__sentence-box-lead--sp-txt .c-lp-5-txt-icon::after {
        right: -5.46667vw;
    }
}

/*  c-lp-5-cassette
--------------------------------------------- */
.c-lp-5-cassette {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    gap: 0 4.37037vw;
}

.c-lp-5-cassette--frozen {
    position: relative;
}

@media screen and (min-width: 751px) {
    .c-lp-5-cassette--frozen {
        top: -0.59259vw;
    }
}

.c-lp-5-cassette--frozen .c-lp-5-cassette__value {
    position: relative;
}

@media screen and (min-width: 751px) {
    .c-lp-5-cassette--frozen .c-lp-5-cassette__value {
        top: 1.33333vw;
        right: 1.62963vw;
    }
}

@media screen and (max-width: 750px) {
    .c-lp-5-cassette--frozen .c-lp-5-cassette__value {
        top: -2.8vw;
        right: 0.53333vw;
    }
}

@media screen and (max-width: 750px) {
    .c-lp-5-cassette {
        -ms-flex-pack: justify;
        -ms-flex-align: end;

        -webkit-box-pack: justify;
        justify-content: space-between;
        gap: 0;
        -webkit-box-align: end;
        align-items: flex-end;
    }
}

.c-lp-5-cassette__name-en {
    color: #d28c3c;
    letter-spacing: .05em;
    font-weight: 600;
    font-size: 0.88889vw;
    font-family: "Noto Serif JP", serif;

    -webkit-font-feature-settings: "palt" 1;
    font-feature-settings: "palt" 1;
}

@media screen and (max-width: 750px) {
    .c-lp-5-cassette__name-en {
        font-size: 2.66667vw;
    }
}

.c-lp-5-cassette__name-ja {
    margin-top: 0.37037vw;
    color: #fff;
    letter-spacing: .08em;
    font-weight: 500;
    font-size: 1.85185vw;
    font-family: "Noto Serif JP", serif;
    line-height: 1.32;

    -webkit-font-feature-settings: "palt" 1;
    font-feature-settings: "palt" 1;
}

@media screen and (max-width: 750px) {
    .c-lp-5-cassette__name-ja {
        margin-top: 1.06667vw;
        font-size: 6.26667vw;
        line-height: 1.23404;
    }
}

.c-lp-5-cassette__value {
    padding-top: 3px;
    text-align: center;
}

@media screen and (max-width: 750px) {
    .c-lp-5-cassette__value {
        position: relative;
        top: -3.2vw;
        right: 1.73333vw;
        padding-top: 0;
    }
}

.c-lp-5-cassette__value-txt {
    color: #fff;
    letter-spacing: -.01em;
    font-weight: 600;
    font-size: 1.03704vw;
    font-family: "Montserrat", sans-serif;
    line-height: 1.21429;

    -webkit-font-feature-settings: "palt" 1;
    font-feature-settings: "palt" 1;
}

@media screen and (max-width: 750px) {
    .c-lp-5-cassette__value-txt {
        font-size: 2.66667vw;
        line-height: 1.3;
    }
}

.c-lp-5-cassette__value-num {
    position: relative;
    margin: 0 auto;
    width: 5.7037vw;
}

@media screen and (min-width: 751px) {
    .c-lp-5-cassette__value-num {
        top: 0.81481vw;
    }
}

@media screen and (max-width: 750px) {
    .c-lp-5-cassette__value-num {
        top: 2vw;
        width: 13.73333vw;
        font-size: 9.33333vw;
        font-size: 0;
        line-height: 0.94286;
    }
}

/*  c-lp-5-kv
--------------------------------------------- */
.c-lp-5-kv {
    position: absolute;
    z-index: 1;
    opacity: 0;
    -webkit-transition: .5s;
    transition: .5s;
}

.c-lp-5-kv.fadein {
    opacity: 1;
}

.c-lp-5-kv__round {
    position: absolute;
    top: 3.11111vw;
    right: 50%;
    width: 12.74074vw;
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
}

@media screen and (max-width: 750px) {
    .c-lp-5-kv__round {
        top: 5.86667vw;
        width: 37.46667vw;
    }
}

.c-lp-5-kv__logo {
    position: absolute;
    top: 11.25926vw;
    left: 21.85185vw;
    width: 5.03704vw;
    -webkit-transition: .5s;
    transition: .5s;
    -webkit-transition-delay: .6s;
    transition-delay: .6s;

    -webkit-clip-path: inset(100% 0 0 0);
    clip-path: inset(100% 0 0 0);
}

@media screen and (max-width: 750px) {
    .c-lp-5-kv__logo {
        top: 35.06667vw;
        left: 50%;
        width: 9.06667vw;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }
}

.fadein .c-lp-5-kv__logo {
    -webkit-clip-path: inset(0);
    clip-path: inset(0);
}

@media screen and (min-width: 751px) {
    .c-lp-5-kv__logo-link {
        -webkit-transition: opacity 300ms;
        transition: opacity 300ms;
    }
    .c-lp-5-kv__logo-link:hover {
        opacity: 0.8;
    }
}

.c-lp-5-kv__ttl-wrap {
    position: absolute;
    top: 20.59259vw;
    left: 12.81481vw;
}

@media screen and (max-width: 750px) {
    .c-lp-5-kv__ttl-wrap {
        top: 50.26667vw;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }
}

.c-lp-5-kv__ttl {
    display: block;
}

.c-lp-5-kv__ttl picture {
    display: block;
}

.c-lp-5-kv__ttl-top {
    display: block;
    width: 22.66667vw;
    font-size: 0;

    -webkit-clip-path: inset(0 -1em 0 -1em);
    clip-path: inset(0 -1em 0 -1em);
}

@media screen and (max-width: 750px) {
    .c-lp-5-kv__ttl-top {
        width: 48.13333vw;
    }
}

.c-lp-5-kv__ttl-top img {
    -webkit-transition: -webkit-transform 1s;
    transition: -webkit-transform 1s;
    transition: transform 1s;
    transition: transform 1s, -webkit-transform 1s;
    -webkit-transition-delay: .7s;
    transition-delay: .7s;
    -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    -webkit-transform: translate3d(0, 120%, 0);
    transform: translate3d(0, 120%, 0);
}

.fadein .c-lp-5-kv__ttl-top img {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.c-lp-5-kv__ttl-center {
    position: relative;
    top: 0.96296vw;
    left: 0.2963vw;
    display: block;
    margin: 0 auto;
    width: 19.55556vw;
    font-size: 0;

    -webkit-clip-path: inset(0 -1em 0 -1em);
    clip-path: inset(0 -1em 0 -1em);
}

.c-lp-5-kv__ttl-center img {
    -webkit-transition: -webkit-transform 1s;
    transition: -webkit-transform 1s;
    transition: transform 1s;
    transition: transform 1s, -webkit-transform 1s;
    -webkit-transition-delay: .8s;
    transition-delay: .8s;
    -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    -webkit-transform: translate3d(0, 120%, 0);
    transform: translate3d(0, 120%, 0);
}

.fadein .c-lp-5-kv__ttl-center img {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

@media screen and (max-width: 750px) {
    .c-lp-5-kv__ttl-center {
        top: 1.86667vw;
        left: 0.26667vw;
        width: 48.8vw;
        font-size: 0;
    }
}

.c-lp-5-kv__ttl-bottom {
    position: relative;
    top: 3.25926vw;
    left: 0.37037vw;
    display: block;
    margin: 0 auto;
    width: 18.66667vw;
    font-size: 0;

    -webkit-clip-path: inset(0 -1em 0 -1em);
    clip-path: inset(0 -1em 0 -1em);
}

.c-lp-5-kv__ttl-bottom img {
    -webkit-transition: -webkit-transform 1s;
    transition: -webkit-transform 1s;
    transition: transform 1s;
    transition: transform 1s, -webkit-transform 1s;
    -webkit-transition-delay: .9s;
    transition-delay: .9s;
    -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    -webkit-transform: translate3d(0, 120%, 0);
    transform: translate3d(0, 120%, 0);
}

.fadein .c-lp-5-kv__ttl-bottom img {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

@media screen and (max-width: 750px) {
    .c-lp-5-kv__ttl-bottom {
        top: 7.2vw;
        left: 0;
        width: 38.66667vw;
    }
}

/*  c-lp-5-leaf
--------------------------------------------- */
.c-lp-5-leaf {
    position: absolute;
    top: 75.25926vw;
    right: 6.51852vw;
    z-index: 1;
    width: calc((254 / 2) / 1350 * 100vw);
    height: calc((191 / 2) / 1350 * 100vw);
    background-image: url(../img/lp/queen-milktea/img_leaf_01.png);
    background-size: 100% 100%;
    -webkit-filter: brightness(0.4);
    filter: brightness(0.4);
}

@media screen and (max-width: 750px) {
    .c-lp-5-leaf {
        top: 193.86667vw;
        right: 5.33333vw;
        width: 18.93333vw;
        height: 14.13333vw;
    }
}

.c-lp-5-leaf--2 {
    top: 91.77778vw;
    right: 79.18519vw;
    width: calc((521 / 2) / 1350 * 100vw);
    height: calc((448 / 2) / 1350 * 100vw);
    background-image: url(../img/lp/queen-milktea/img_leaf_02.png);
}

@media screen and (max-width: 750px) {
    .c-lp-5-leaf--2 {
        top: 386.8vw;
        right: 68.66667vw;
        width: 34.66667vw;
        height: 29.86667vw;
    }
}

.c-lp-5-leaf--3 {
    top: 175.62963vw;
    right: 5.48148vw;
    width: calc((402 / 2) / 1350 * 100vw);
    height: calc((537 / 2) / 1350 * 100vw);
    background-image: url(../img/lp/queen-milktea/img_leaf_03.png);
}

@media screen and (max-width: 750px) {
    .c-lp-5-leaf--3 {
        top: 545.86667vw;
        right: 6.4vw;
        width: 26.8vw;
        height: 35.73333vw;
    }
}

.c-lp-5-leaf--4 {
    top: 44.51852vw;
    right: 4.44444vw;
    width: calc((286 / 2) / 1350 * 100vw);
    height: calc((251 / 2) / 1350 * 100vw);
    background-image: url(../img/lp/queen-milktea/img_leaf_04.png);
}

.c-lp-5-leaf--5 {
    top: 110.66667vw;
    right: 77.92593vw;
    width: calc((597 / 2) / 1350 * 100vw);
    height: calc((513 / 2) / 1350 * 100vw);
    background-image: url(../img/lp/queen-milktea/img_leaf_05.png);
}

/*  c-lp-5-section
--------------------------------------------- */
.c-lp-5-section--product {
    position: relative;
    padding-top: 86.14815vw;
    padding-bottom: 182.96296vw;
    background-image: url(../img/lp/queen-milktea/bg_blue_top.jpg);
    background-size: cover;
}

@media screen and (max-width: 750px) {
    .c-lp-5-section--product {
        padding-top: 218vw;
        padding-bottom: 366.13333vw;
    }
}

.c-lp-5-section--3types {
    position: relative;
    padding-top: 1.48148vw;
    min-height: 100vh;
    width: 100%;
    opacity: 0;
    -webkit-transition: 1s;
    transition: 1s;
    -webkit-transform: translateY(120px);
    transform: translateY(120px);

    -ms-overflow-style: none;
    scrollbar-width: none;
}

@media screen and (max-width: 750px) {
    .c-lp-5-section--3types {
        padding-top: 2.66667vw;
    }
}

.c-lp-5-section--3types::-webkit-scrollbar {
    display: none;
}

.c-lp-5-section--3types.fadein {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.c-lp-5-section--3types.is-fixed {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    overflow: auto;
    height: 100vh;
}

@media screen and (max-width: 750px) {
    .c-lp-5-section--3types.is-fixed {
        padding-bottom: 2.66667vw;
    }
}

.c-lp-5-section--3types.is-absolute {
    position: absolute;
    top: auto;
    bottom: 0;
    overflow: hidden;
    width: 100%;
}

.c-lp-5-section--3types .c-lp-5-section__container {
    padding: 0 8.88889vw 0 5.55556vw;
}

@media screen and (max-width: 750px) {
    .c-lp-5-section--3types .c-lp-5-section__container {
        padding: 0;
        padding-left: 5.33333vw;
    }
}

.c-lp-5-section--3types .c-lp-5-section__head {
    position: relative;
    z-index: 3;
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.c-lp-5-section--3types .c-lp-5-section__head-img {
    position: absolute;
    top: 0;
    z-index: 3;
    width: 71.25926vw;
}

@media screen and (max-width: 750px) {
    .c-lp-5-section--3types .c-lp-5-section__head-img {
        position: static;
        width: 96.47887%;
    }
}

.c-lp-5-section--3types .c-lp-5-section__head-star {
    position: absolute;
    top: 1.48148vw;
    right: 26.2963vw;
}

@media screen and (max-width: 750px) {
    .c-lp-5-section--3types .c-lp-5-section__head-star {
        top: -1.6vw;
        right: 17.33333vw;
    }
}

.c-lp-5-section--3types .c-lp-5-section__body {
    margin-top: 0;
    padding-top: 24.07407vw;
}

@media screen and (max-width: 750px) {
    .c-lp-5-section--3types .c-lp-5-section__body {
        margin-top: 2.4vw;
        padding-top: 0;
    }
}

.c-lp-5-section--7th {
    position: relative;
    padding-top: 19.40741vw;
    padding-bottom: 19.40741vw;
}

@media screen and (max-width: 750px) {
    .c-lp-5-section--7th {
        margin-top: 32vw;
        padding-top: 19.33333vw;
        padding-bottom: 19.33333vw;
    }
}

.c-lp-5-section--7th::before {
    position: absolute;
    top: 7.03704vw;
    left: 0;
    width: 100%;
    height: 59.11111vw;
    background-image: url(../img/lp/queen-milktea/img_bg_7th.png);
    background-size: contain;
    content: "";
    pointer-events: none;
}

@media screen and (max-width: 750px) {
    .c-lp-5-section--7th::before {
        top: -18vw;
        height: 71.33333vw;
        background-image: url(../img/lp/queen-milktea/sp/img_bg_7th.png);
    }
}

.c-lp-5-section--7th .c-lp-5-section__head-icon {
    margin: 0 auto;
    width: 21.62963vw;
    opacity: 0;
    -webkit-transition: 1s;
    transition: 1s;
}

.c-lp-5-section--7th .c-lp-5-section__head-icon.fadein {
    opacity: 1;
}

@media screen and (max-width: 750px) {
    .c-lp-5-section--7th .c-lp-5-section__head-icon {
        width: 51.46667vw;
    }
}

.c-lp-5-section--7th .c-lp-5-section__head {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.c-lp-5-section--7th .c-lp-5-section__head-ttl {
    margin-top: 0.96296vw;
    color: #fff;
    letter-spacing: .24em;
    font-weight: 500;
    font-size: 2vw;
    font-family: "Noto Sans JP", sans-serif;
    line-height: 1.74074;
    opacity: 0;
    -webkit-transition: .8s;
    transition: .8s;
    -webkit-transition-delay: .3s;
    transition-delay: .3s;
    -webkit-transform: translateY(120px);
    transform: translateY(120px);

    -webkit-font-feature-settings: "palt" 1;
    font-feature-settings: "palt" 1;
}

.c-lp-5-section--7th .c-lp-5-section__head-ttl.fadein {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

@media screen and (max-width: 750px) {
    .c-lp-5-section--7th .c-lp-5-section__head-ttl {
        margin-top: 1.2vw;
        font-size: 4.26667vw;
        line-height: 1.46875;
    }
}

.c-lp-5-section--7th .c-lp-5-section__body {
    margin-top: 0.96296vw;
}

@media screen and (max-width: 750px) {
    .c-lp-5-section--7th .c-lp-5-section__body {
        margin-top: 4.53333vw;
    }
}

.c-lp-5-section--7th .c-lp-5-section__body-txt {
    margin-left: 52.51852vw;
    width: 15.77778vw;
    opacity: 0;
}

@media screen and (max-width: 750px) {
    .c-lp-5-section--7th .c-lp-5-section__body-txt {
        margin-top: 1.73333vw;
        margin-left: 54.4vw;
        width: 35.6vw;
    }
}

.c-lp-5-section--7th .c-lp-5-section__body-txt.fadein {
    opacity: 1;
}

.c-lp-5-section__head {
    text-align: center;
    opacity: 0;
    -webkit-transition: 1s;
    transition: 1s;
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
}

.c-lp-5-section__head.fadein {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.c-lp-5-section__head-ttl {
    color: #d28c3c;
    letter-spacing: .2em;
    font-weight: 700;
    font-size: 2.81481vw;
    font-family: "Noto Sans JP", sans-serif;
    line-height: 1.71053;

    -webkit-font-feature-settings: "palt" 1;
    font-feature-settings: "palt" 1;
}

@media screen and (max-width: 750px) {
    .c-lp-5-section__head-ttl {
        letter-spacing: .11em;
        font-size: 4.13333vw;
        line-height: 2.09677;
    }
}

.c-lp-5-section__body {
    margin-top: 3.18519vw;
}

@media screen and (max-width: 750px) {
    .c-lp-5-section__body {
        margin-top: 6.8vw;
    }
}

/*  c-lp-5-section-point
--------------------------------------------- */
.c-lp-5-section-point {
    position: absolute;
    top: 200.37037vw;
    left: 0;
    z-index: 1;
    padding-top: 21.92593vw;
    padding-bottom: 32.14815vw;
    width: calc(100% + 1px);
    height: 204.07407vw;
    background-image: url(../img/lp/queen-milktea/bg_brown.png);
    background-size: 100% 100%;
    opacity: 0;
    -webkit-transition: .7s;
    transition: .7s;
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
}

.c-lp-5-section-point.fadein {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

@media screen and (max-width: 750px) {
    .c-lp-5-section-point {
        top: 598.13333vw;
        padding-top: 82.66667vw;
        padding-bottom: 54.66667vw;
        height: auto;
        background-image: url(../img/lp/queen-milktea/sp/bg_brown.png);
    }
}

/*  c-lp-5-section-wrap
--------------------------------------------- */
.c-lp-5-section-wrap {
    position: relative;
    padding-top: 53.40741vw;
    background-image: url(../img/lp/queen-milktea/bg_blue_bottom.jpg);
    background-size: 100% 100%;
}

@media screen and (max-width: 750px) {
    .c-lp-5-section-wrap {
        padding-top: 366.13333vw;
    }
}

/*  c-lp-5-star
--------------------------------------------- */
.c-lp-5-star {
    width: 3.92593vw;
    -webkit-animation: rotate 15s linear infinite;
    animation: rotate 15s linear infinite;
}

@media screen and (max-width: 750px) {
    .c-lp-5-star {
        width: 7.06667vw;
    }
}

/*  c-lp-5-txt
--------------------------------------------- */
.c-lp-5-txt {
    letter-spacing: .05em;
    font-size: 1.03704vw;
    line-height: 2.14286;
}

@media screen and (max-width: 750px) {
    .c-lp-5-txt {
        letter-spacing: .08em;
        font-size: 2.93333vw;
        line-height: 1.72727;
    }
}

.c-lp-5-txt--s {
    letter-spacing: .14em;
    font-size: 0.96296vw;
    line-height: 2.07692;
}

@media screen and (max-width: 750px) {
    .c-lp-5-txt--s {
        font-size: 2.66667vw;
        line-height: 2;
    }
}

.c-lp-5-txt--l {
    letter-spacing: .14em;
    font-size: 1.18519vw;
    line-height: 2;
}

@media screen and (max-width: 750px) {
    .c-lp-5-txt--l {
        letter-spacing: .15em;
        font-weight: 500;
        font-size: 3.33333vw;
        line-height: 1.68;
    }
}

@media screen and (max-width: 750px) {
    .c-lp-5-txt--margin {
        margin-top: 2.66667vw;
    }
}

/*  c-lp-5-txt-icon
--------------------------------------------- */
.c-lp-5-txt-icon {
    position: relative;
    display: inline-block;
    color: #fff;
    letter-spacing: .16em;
    font-weight: 500;
    font-size: 1.48148vw;
    font-family: "Noto Serif JP", serif;
    line-height: 1;

    -webkit-font-feature-settings: "palt" 1;
    font-feature-settings: "palt" 1;
}

@media screen and (max-width: 750px) {
    .c-lp-5-txt-icon {
        font-size: 3.73333vw;
    }
}

.c-lp-5-txt-icon::before, .c-lp-5-txt-icon::after {
    position: absolute;
    top: 50%;
    width: 1.11111vw;
    height: 1.03704vw;
    background-image: url(../img/lp/queen-milktea/rhombus_white.svg);
    background-size: 100% 100%;
    content: "";
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media screen and (max-width: 750px) {
    .c-lp-5-txt-icon::before, .c-lp-5-txt-icon::after {
        top: 60%;
        width: 2vw;
        height: 1.86667vw;
    }
    .safari .c-lp-5-txt-icon::before, .safari .c-lp-5-txt-icon::after {
        top: 50%;
    }
}

.c-lp-5-txt-icon::before {
    left: -1.92593vw;
}

@media screen and (max-width: 750px) {
    .c-lp-5-txt-icon::before {
        left: -3.86667vw;
    }
}

.c-lp-5-txt-icon::after {
    right: -1.92593vw;
}

@media screen and (max-width: 750px) {
    .c-lp-5-txt-icon::after {
        right: -3.86667vw;
    }
}

/* ---------------------------------------------
*   animation
--------------------------------------------- */
/* ---------------------------------------------
*   rotate
--------------------------------------------- */
@-webkit-keyframes rotate {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes rotate {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-webkit-keyframes rotate-reverse {
    0% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
}

@keyframes rotate-reverse {
    0% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
}

/*  svg-elem
--------------------------------------------- */
@-webkit-keyframes animate-svg-stroke-1 {
    0% {
        stroke-dashoffset: 376.409912109375px;
        stroke-dasharray: 376.409912109375px;
    }
    100% {
        stroke-dashoffset: 0;
        stroke-dasharray: 376.409912109375px;
    }
}

@keyframes animate-svg-stroke-1 {
    0% {
        stroke-dashoffset: 376.409912109375px;
        stroke-dasharray: 376.409912109375px;
    }
    100% {
        stroke-dashoffset: 0;
        stroke-dasharray: 376.409912109375px;
    }
}

.c-lp-5-box-point__sentence.fadein .svg-elem-1 {
    -webkit-animation: animate-svg-stroke-1 0.6s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s both;
    animation: animate-svg-stroke-1 0.6s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s both;
}

@-webkit-keyframes animate-svg-stroke-2 {
    0% {
        stroke-dashoffset: 173.4681270329309px;
        stroke-dasharray: 173.4681270329309px;
    }
    100% {
        stroke-dashoffset: 0;
        stroke-dasharray: 173.4681270329309px;
    }
}

@keyframes animate-svg-stroke-2 {
    0% {
        stroke-dashoffset: 173.4681270329309px;
        stroke-dasharray: 173.4681270329309px;
    }
    100% {
        stroke-dashoffset: 0;
        stroke-dasharray: 173.4681270329309px;
    }
}

.c-lp-5-box-point__sentence.fadein .svg-elem-2 {
    -webkit-animation: animate-svg-stroke-2 0.6s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s both;
    animation: animate-svg-stroke-2 0.6s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s both;
}

/*  svg-elem-2
--------------------------------------------- */
@-webkit-keyframes animate-svg-stroke-3 {
    0% {
        stroke-dashoffset: 844.3800048828125px;
        stroke-dasharray: 844.3800048828125px;
    }
    100% {
        stroke-dashoffset: 0;
        stroke-dasharray: 844.3800048828125px;
    }
}

@keyframes animate-svg-stroke-3 {
    0% {
        stroke-dashoffset: 844.3800048828125px;
        stroke-dasharray: 844.3800048828125px;
    }
    100% {
        stroke-dashoffset: 0;
        stroke-dasharray: 844.3800048828125px;
    }
}

.c-lp-5-box-point__sentence.fadein .svg-elem-2-1 {
    -webkit-animation: animate-svg-stroke-3 0.6s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s both;
    animation: animate-svg-stroke-3 0.6s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s both;
}

@-webkit-keyframes animate-svg-stroke-4 {
    0% {
        stroke-dashoffset: 173.4681270329309px;
        stroke-dasharray: 173.4681270329309px;
    }
    100% {
        stroke-dashoffset: 0;
        stroke-dasharray: 173.4681270329309px;
    }
}

@keyframes animate-svg-stroke-4 {
    0% {
        stroke-dashoffset: 173.4681270329309px;
        stroke-dasharray: 173.4681270329309px;
    }
    100% {
        stroke-dashoffset: 0;
        stroke-dasharray: 173.4681270329309px;
    }
}

.c-lp-5-box-point__sentence.fadein .svg-elem-2-2 {
    -webkit-animation: animate-svg-stroke-4 0.6s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s both;
    animation: animate-svg-stroke-4 0.6s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s both;
}

/*  svg-elem-3
--------------------------------------------- */
@-webkit-keyframes animate-svg-stroke-5 {
    0% {
        stroke-dashoffset: 525.5px;
        stroke-dasharray: 525.5px;
    }
    100% {
        stroke-dashoffset: 1051px;
        stroke-dasharray: 525.5px;
    }
}

@keyframes animate-svg-stroke-5 {
    0% {
        stroke-dashoffset: 525.5px;
        stroke-dasharray: 525.5px;
    }
    100% {
        stroke-dashoffset: 1051px;
        stroke-dasharray: 525.5px;
    }
}

.c-lp-5-box-point__sentence.fadein .svg-elem-3-1 {
    -webkit-animation: animate-svg-stroke-5 0.6s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s both;
    animation: animate-svg-stroke-5 0.6s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s both;
}

@-webkit-keyframes animate-svg-stroke-6 {
    0% {
        stroke-dashoffset: 382.33001708984375px;
        stroke-dasharray: 382.33001708984375px;
    }
    100% {
        stroke-dashoffset: 0;
        stroke-dasharray: 382.33001708984375px;
    }
}

@keyframes animate-svg-stroke-6 {
    0% {
        stroke-dashoffset: 382.33001708984375px;
        stroke-dasharray: 382.33001708984375px;
    }
    100% {
        stroke-dashoffset: 0;
        stroke-dasharray: 382.33001708984375px;
    }
}

.c-lp-5-box-point__sentence.fadein .svg-elem-3-2 {
    -webkit-animation: animate-svg-stroke-6 0.6s cubic-bezier(0.47, 0, 0.745, 0.715) 1s both;
    animation: animate-svg-stroke-6 0.6s cubic-bezier(0.47, 0, 0.745, 0.715) 1s both;
}

@-webkit-keyframes animate-svg-stroke-7 {
    0% {
        stroke-dashoffset: 173.4681270329309px;
        stroke-dasharray: 173.4681270329309px;
    }
    100% {
        stroke-dashoffset: 0;
        stroke-dasharray: 173.4681270329309px;
    }
}

@keyframes animate-svg-stroke-7 {
    0% {
        stroke-dashoffset: 173.4681270329309px;
        stroke-dasharray: 173.4681270329309px;
    }
    100% {
        stroke-dashoffset: 0;
        stroke-dasharray: 173.4681270329309px;
    }
}

.c-lp-5-box-point__sentence.fadein .svg-elem-3-3 {
    -webkit-animation: animate-svg-stroke-7 0.6s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s both;
    animation: animate-svg-stroke-7 0.6s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s both;
}

@-webkit-keyframes animate-svg-stroke-8 {
    0% {
        stroke-dashoffset: 173.4681270329309px;
        stroke-dasharray: 173.4681270329309px;
    }
    100% {
        stroke-dashoffset: 0;
        stroke-dasharray: 173.4681270329309px;
    }
}

@keyframes animate-svg-stroke-8 {
    0% {
        stroke-dashoffset: 173.4681270329309px;
        stroke-dasharray: 173.4681270329309px;
    }
    100% {
        stroke-dashoffset: 0;
        stroke-dasharray: 173.4681270329309px;
    }
}

.c-lp-5-box-point__sentence.fadein .svg-elem-3-4 {
    -webkit-animation: animate-svg-stroke-8 0.6s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s both;
    animation: animate-svg-stroke-8 0.6s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s both;
}

/*  svg-elem-4
--------------------------------------------- */
@-webkit-keyframes animate-svg-stroke-9 {
    0% {
        stroke-dashoffset: 422.00543212890625px;
        stroke-dasharray: 422.00543212890625px;
    }
    100% {
        stroke-dashoffset: 0;
        stroke-dasharray: 422.00543212890625px;
    }
}

@keyframes animate-svg-stroke-9 {
    0% {
        stroke-dashoffset: 422.00543212890625px;
        stroke-dasharray: 422.00543212890625px;
    }
    100% {
        stroke-dashoffset: 0;
        stroke-dasharray: 422.00543212890625px;
    }
}

.c-lp-5-box-point__sentence.fadein .svg-elem-4-1 {
    -webkit-animation: animate-svg-stroke-9 0.6s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s both;
    animation: animate-svg-stroke-9 0.6s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s both;
}

@-webkit-keyframes animate-svg-stroke-10 {
    0% {
        stroke-dashoffset: 207.77431881013146px;
        stroke-dasharray: 207.77431881013146px;
    }
    100% {
        stroke-dashoffset: 0;
        stroke-dasharray: 207.77431881013146px;
    }
}

@keyframes animate-svg-stroke-10 {
    0% {
        stroke-dashoffset: 207.77431881013146px;
        stroke-dasharray: 207.77431881013146px;
    }
    100% {
        stroke-dashoffset: 0;
        stroke-dasharray: 207.77431881013146px;
    }
}

.c-lp-5-box-point__sentence.fadein .svg-elem-4-2 {
    -webkit-animation: animate-svg-stroke-10 0.6s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s both;
    animation: animate-svg-stroke-10 0.6s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s both;
}

/*  svg-elem-5
--------------------------------------------- */
@-webkit-keyframes animate-svg-stroke-11 {
    0% {
        stroke-dashoffset: 629.8934936523438px;
        stroke-dasharray: 629.8934936523438px;
    }
    100% {
        stroke-dashoffset: 0;
        stroke-dasharray: 629.8934936523438px;
    }
}

@keyframes animate-svg-stroke-11 {
    0% {
        stroke-dashoffset: 629.8934936523438px;
        stroke-dasharray: 629.8934936523438px;
    }
    100% {
        stroke-dashoffset: 0;
        stroke-dasharray: 629.8934936523438px;
    }
}

.c-lp-5-box-point__sentence.fadein .svg-elem-5-1 {
    -webkit-animation: animate-svg-stroke-11 0.6s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s both;
    animation: animate-svg-stroke-11 0.6s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s both;
}

@-webkit-keyframes animate-svg-stroke-12 {
    0% {
        stroke-dashoffset: 207.77431881013146px;
        stroke-dasharray: 207.77431881013146px;
    }
    100% {
        stroke-dashoffset: 0;
        stroke-dasharray: 207.77431881013146px;
    }
}

@keyframes animate-svg-stroke-12 {
    0% {
        stroke-dashoffset: 207.77431881013146px;
        stroke-dasharray: 207.77431881013146px;
    }
    100% {
        stroke-dashoffset: 0;
        stroke-dasharray: 207.77431881013146px;
    }
}

.c-lp-5-box-point__sentence.fadein .svg-elem-5-2 {
    -webkit-animation: animate-svg-stroke-12 0.6s cubic-bezier(0.47, 0, 0.745, 0.715) 1s both;
    animation: animate-svg-stroke-12 0.6s cubic-bezier(0.47, 0, 0.745, 0.715) 1s both;
}

/*  svg-elem-6
--------------------------------------------- */
@-webkit-keyframes animate-svg-stroke-13 {
    0% {
        stroke-dashoffset: 915px;
        stroke-dasharray: 915px;
    }
    100% {
        stroke-dashoffset: 0;
        stroke-dasharray: 915px;
    }
}

@keyframes animate-svg-stroke-13 {
    0% {
        stroke-dashoffset: 915px;
        stroke-dasharray: 915px;
    }
    100% {
        stroke-dashoffset: 0;
        stroke-dasharray: 915px;
    }
}

.c-lp-5-box-point__sentence.fadein .svg-elem-6-1 {
    -webkit-animation: animate-svg-stroke-13 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s both;
    animation: animate-svg-stroke-13 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s both;
}

@-webkit-keyframes animate-svg-stroke-14 {
    0% {
        stroke-dashoffset: 207.77431881013146px;
        stroke-dasharray: 207.77431881013146px;
    }
    100% {
        stroke-dashoffset: 0;
        stroke-dasharray: 207.77431881013146px;
    }
}

@keyframes animate-svg-stroke-14 {
    0% {
        stroke-dashoffset: 207.77431881013146px;
        stroke-dasharray: 207.77431881013146px;
    }
    100% {
        stroke-dashoffset: 0;
        stroke-dasharray: 207.77431881013146px;
    }
}

.c-lp-5-box-point__sentence.fadein .svg-elem-6-2 {
    -webkit-animation: animate-svg-stroke-14 0.6s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s both;
    animation: animate-svg-stroke-14 0.6s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s both;
}

@-webkit-keyframes animate-svg-stroke-15 {
    0% {
        stroke-dashoffset: 207.77431881013146px;
        stroke-dasharray: 207.77431881013146px;
    }
    100% {
        stroke-dashoffset: 0;
        stroke-dasharray: 207.77431881013146px;
    }
}

@keyframes animate-svg-stroke-15 {
    0% {
        stroke-dashoffset: 207.77431881013146px;
        stroke-dasharray: 207.77431881013146px;
    }
    100% {
        stroke-dashoffset: 0;
        stroke-dasharray: 207.77431881013146px;
    }
}

.c-lp-5-box-point__sentence.fadein .svg-elem-6-3 {
    -webkit-animation: animate-svg-stroke-15 0.6s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s both;
    animation: animate-svg-stroke-15 0.6s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s both;
}

@-webkit-keyframes animate-svg-stroke-16 {
    0% {
        stroke-dashoffset: 304.6300048828125px;
        stroke-dasharray: 304.6300048828125px;
    }
    100% {
        stroke-dashoffset: 0;
        stroke-dasharray: 304.6300048828125px;
    }
}

@keyframes animate-svg-stroke-16 {
    0% {
        stroke-dashoffset: 304.6300048828125px;
        stroke-dasharray: 304.6300048828125px;
    }
    100% {
        stroke-dashoffset: 0;
        stroke-dasharray: 304.6300048828125px;
    }
}

.c-lp-5-box-point__sentence.fadein .svg-elem-6-4 {
    -webkit-animation: animate-svg-stroke-16 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s both;
    animation: animate-svg-stroke-16 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s both;
}

/* ---------------------------------------------
*   txt animation
--------------------------------------------- */
@-webkit-keyframes animate-svg-fill-1 {
    0% {
        fill: transparent;
    }
    100% {
        fill: #d0b408;
    }
}

@keyframes animate-svg-fill-1 {
    0% {
        fill: transparent;
    }
    100% {
        fill: #d0b408;
    }
}

.c-lp-5-section__body-txt.fadein .svg-elem-thank-1 {
    -webkit-animation: animate-svg-fill-1 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 1s both;
    animation: animate-svg-fill-1 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 1s both;
}

@-webkit-keyframes animate-svg-fill-2 {
    0% {
        fill: transparent;
    }
    100% {
        fill: #d0b408;
    }
}

@keyframes animate-svg-fill-2 {
    0% {
        fill: transparent;
    }
    100% {
        fill: #d0b408;
    }
}

.c-lp-5-section__body-txt.fadein .svg-elem-thank-2 {
    -webkit-animation: animate-svg-fill-2 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s both;
    animation: animate-svg-fill-2 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s both;
}

@-webkit-keyframes animate-svg-fill-3 {
    0% {
        fill: transparent;
    }
    100% {
        fill: #d0b408;
    }
}

@keyframes animate-svg-fill-3 {
    0% {
        fill: transparent;
    }
    100% {
        fill: #d0b408;
    }
}

.c-lp-5-section__body-txt.fadein .svg-elem-thank-3 {
    -webkit-animation: animate-svg-fill-3 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s both;
    animation: animate-svg-fill-3 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s both;
}

@-webkit-keyframes animate-svg-fill-4 {
    0% {
        fill: transparent;
    }
    100% {
        fill: #d0b408;
    }
}

@keyframes animate-svg-fill-4 {
    0% {
        fill: transparent;
    }
    100% {
        fill: #d0b408;
    }
}

.c-lp-5-section__body-txt.fadein .svg-elem-thank-4 {
    -webkit-animation: animate-svg-fill-4 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s both;
    animation: animate-svg-fill-4 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s both;
}

@-webkit-keyframes animate-svg-fill-5 {
    0% {
        fill: transparent;
    }
    100% {
        fill: #d0b408;
    }
}

@keyframes animate-svg-fill-5 {
    0% {
        fill: transparent;
    }
    100% {
        fill: #d0b408;
    }
}

.c-lp-5-section__body-txt.fadein .svg-elem-thank-5 {
    -webkit-animation: animate-svg-fill-5 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4s both;
    animation: animate-svg-fill-5 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4s both;
}

@-webkit-keyframes animate-svg-fill-6 {
    0% {
        fill: transparent;
    }
    100% {
        fill: #d0b408;
    }
}

@keyframes animate-svg-fill-6 {
    0% {
        fill: transparent;
    }
    100% {
        fill: #d0b408;
    }
}

.c-lp-5-section__body-txt.fadein .svg-elem-thank-6 {
    -webkit-animation: animate-svg-fill-6 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s both;
    animation: animate-svg-fill-6 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s both;
}

@-webkit-keyframes animate-svg-fill-7 {
    0% {
        fill: transparent;
    }
    100% {
        fill: #d0b408;
    }
}

@keyframes animate-svg-fill-7 {
    0% {
        fill: transparent;
    }
    100% {
        fill: #d0b408;
    }
}

.c-lp-5-section__body-txt.fadein .svg-elem-thank-7 {
    -webkit-animation: animate-svg-fill-7 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s both;
    animation: animate-svg-fill-7 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s both;
}

@-webkit-keyframes animate-svg-fill-8 {
    0% {
        fill: transparent;
    }
    100% {
        fill: #d0b408;
    }
}

@keyframes animate-svg-fill-8 {
    0% {
        fill: transparent;
    }
    100% {
        fill: #d0b408;
    }
}

.c-lp-5-section__body-txt.fadein .svg-elem-thank-8 {
    -webkit-animation: animate-svg-fill-8 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7s both;
    animation: animate-svg-fill-8 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7s both;
}

/* ---------------------------------------------
*   c-lp-6
--------------------------------------------- */
body.ichigo-pistachio2022 {
    overflow: hidden;

    scroll-behavior: smooth;
}

body.ichigo-pistachio2022.done {
    overflow: auto;
}

body.ichigo-pistachio2022.done-first {
    overflow: auto;
}

.c-lp-6 {
    opacity: 0;
}

.is-load .c-lp-6 {
    opacity: 1;
}

.c-lp-6 *::-moz-selection {
    background-color: #6A0000;
    color: #F5C273;
}

.c-lp-6 *::selection {
    background-color: #6A0000;
    color: #F5C273;
}

.c-lp-6 .c-lp-1-box {
    padding-top: 9.62963vw;
    background-color: transparent;
}

@media screen and (max-width: 750px) {
    .c-lp-6 .c-lp-1-box {
        padding-top: 22vw;
        background: transparent;
    }
}

.c-lp-6 .c-lp-1-box::before, .c-lp-6 .c-lp-1-box::after {
    content: none;
}

.c-lp-6 .c-lp-1-box__ttl-txt {
    color: #FFFFBF;
}

.c-lp-6 .c-lp-1-box__sub-ttl {
    color: #FFFFBF;
}

.c-lp-6 .c-lp-1-box__contents {
    border: none;
}

.c-lp-6 .c-lp-1-box__date-txt {
    color: #C38135;
}

.c-lp-6 .c-lp-1-box__txt-l {
    color: #C38135;
}

.c-lp-6 .c-lp-1-box__col-l {
    position: relative;
    margin: 0 auto;
    margin-top: 1.85185vw;
    margin-bottom: 2.59259vw;
    padding-top: 2.59259vw;
    padding-bottom: 7.40741vw;
    width: 37.77778vw;
    border-radius: 0.74074vw;
    background-color: #FFF6DD;
}

@media screen and (max-width: 750px) {
    .c-lp-6 .c-lp-1-box__col-l {
        margin-top: 4.66667vw;
        margin-bottom: 7.33333vw;
        padding-top: 4.66667vw;
        padding-bottom: 4.66667vw;
        width: 78.66667vw;
        border-radius: 1.33333vw;
    }
}

.c-lp-6 .c-lp-1-box__col-list {
    margin-left: 5.92593vw;
}

.c-lp-6 .c-lp-1-box__col-list-label {
    border-color: #C38135;
    color: #C38135;
}

.c-lp-6 .c-lp-1-box__col-list-txt {
    color: #4D4D4D;
}

.c-lp-6 .c-lp-1-box__col-ttl--tw {
    margin-left: 13.7037vw;
    width: 8.74074vw;
}

@media screen and (max-width: 750px) {
    .c-lp-6 .c-lp-1-box__col-ttl--tw {
        margin-left: 25.33333vw;
        width: 26.26667vw;
    }
}

.c-lp-6 .c-lp-1-box__btn {
    width: 26.07407vw;
    background-color: #C38135;
}

@media screen and (max-width: 750px) {
    .c-lp-6 .c-lp-1-box__btn {
        width: 68vw;
    }
}

main {
    position: fixed;
    top: 0px;
    left: 0px;
    overflow: hidden;
    width: 100%;
    height: 100%;
}

@media screen and (max-width: 750px) {
    main {
        position: relative;
    }
}

#fixedScope {
    -webkit-transition: margin-top .1s ease;
    transition: margin-top .1s ease;

    will-change: margin-top;
}

/*  c-lp-6-loading
--------------------------------------------- */
.c-lp-6-loading {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    width: 100vw;
    height: 100vh;
    -webkit-transition: all 1s;
    transition: all 1s;
    pointer-events: none;
}

.c-lp-6-loading.done {
    display: none;
}

.c-lp-6-loading__inner {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    -ms-flex-align: center;
    width: 100%;
    height: 100vh;
    -webkit-transition: 1.5s;
    transition: 1.5s;

    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
}

.c-lp-6-loading__bg {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    height: 100vh;
    background-color: #8C000C;
    -webkit-transition: 1s;
    transition: 1s;
}

@media screen and (max-width: 750px) {
    .c-lp-6-loading__bg {
        -webkit-transition: 1s;
        transition: 1s;
    }
}

.c-lp-6-loading__bg.done {
    height: 0;
}

.c-lp-6-loading__img-outer {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 11;
    width: 27.40741vw;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

@media screen and (max-width: 750px) {
    .c-lp-6-loading__img-outer {
        left: 53%;
        width: 60vw;
    }
}

.c-lp-6-loading__img-outer span {
    opacity: .3;
}

.c-lp-6-loading__img-outer .ttl-target {
    position: absolute;
    bottom: 0;
    left: 50%;
    overflow: hidden;
    width: 27.40741vw;
    height: 0;
    -webkit-transform: translate3d(-50%, 0, 0) !important;
    transform: translate3d(-50%, 0, 0) !important;
}

@media screen and (max-width: 750px) {
    .c-lp-6-loading__img-outer .ttl-target {
        width: 60vw;
    }
}

.done-first .c-lp-6-loading__img-outer .ttl-target {
    height: 100%;
    -webkit-transition: height 1s 1s;
    transition: height 1s 1s;
}

.c-lp-6-loading__img-outer .ttl-target:after {
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 27.40741vw;
    height: 10.81481vw;
    background: url(../img/txt_kv-01.svg) 0 0 no-repeat;
    background-size: 100% auto;
    content: '' !important;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

@media screen and (max-width: 750px) {
    .c-lp-6-loading__img-outer .ttl-target:after {
        width: 60vw;
        height: 23.73333vw;
    }
}

/*  c-lp-6-logo
--------------------------------------------- */
.c-lp-6-logo {
    position: absolute;
    top: 2.59259vw;
    left: 2.96296vw;
    z-index: 200;
    width: 5.25926vw;
    opacity: 0;
}

.done-first .c-lp-6-logo {
    opacity: 1;
    -webkit-transition: opacity 1s 4.5s;
    transition: opacity 1s 4.5s;
}

.done .c-lp-6-logo {
    opacity: 1;
    -webkit-transition: opacity 1s 2.5s;
    transition: opacity 1s 2.5s;
}

@media screen and (max-width: 750px) {
    .c-lp-6-logo {
        top: 5.33333vw;
        left: 4.66667vw;
        width: 9.33333vw;
    }
    .done-first .c-lp-6-logo {
        opacity: 1;
        -webkit-transition: opacity 1s 4s;
        transition: opacity 1s 4s;
    }
    .done .c-lp-6-logo {
        opacity: 1;
        -webkit-transition: opacity 1s 2s;
        transition: opacity 1s 2s;
    }
}

.c-lp-6-logo__link {
    display: block;
    -webkit-transition: opacity 300ms;
    transition: opacity 300ms;
}

.c-lp-6-logo__link:hover {
    opacity: 0.8;
}

/*  c-lp-6-kv
--------------------------------------------- */
.c-lp-6-kv {
    position: relative;
    background: url("../img/img_kv.png") center top no-repeat;
    background-size: 100% 100%;
}

@media screen and (min-width: 751px) {
    .c-lp-6-kv {
        height: calc(1825/2700 * 100vw) !important;
    }
}

@media screen and (max-width: 750px) {
    .c-lp-6-kv {
        height: 185.06667vw !important;
        background-image: url("../img/sp/img_kv.jpg");
        background-size: 100% 100%;
    }
}

.c-lp-6-kv__inner {
    position: absolute;
    top: 18vw;
    left: 50%;
    width: 94.07407vw;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

@media screen and (max-width: 750px) {
    .c-lp-6-kv__inner {
        top: 0;
        width: 100%;
    }
}

.c-lp-6-kv__ttl {
    position: relative;
    margin-left: 0.5vw;
    width: 58.66667vw;
    height: 23.18519vw;
}

@media screen and (max-width: 750px) {
    .c-lp-6-kv__ttl {
        position: relative;
        top: 20.5vw;
        left: 48%;
        margin-left: 0;
        width: 97vw;
        height: 30.66667vw;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }
}

.c-lp-6-kv__ttl-img {
    display: block;
    overflow: hidden;
    height: 0;
}

.done-first .c-lp-6-kv__ttl-img {
    height: 23.18519vw;
    -webkit-transition: height 2s 3s;
    transition: height 2s 3s;
}

.done .c-lp-6-kv__ttl-img {
    height: 23.18519vw;
    -webkit-transition: height 2s 1s;
    transition: height 2s 1s;
}

@media screen and (max-width: 750px) {
    .c-lp-6-kv__ttl-img {
        display: block;
        overflow: hidden;
        height: 0;
    }
    .done-first .c-lp-6-kv__ttl-img {
        height: 30.66667vw;
        -webkit-transition: height 1s 3s;
        transition: height 1s 3s;
    }
    .done .c-lp-6-kv__ttl-img {
        height: 30.66667vw;
        -webkit-transition: height 1s 1s;
        transition: height 1s 1s;
    }
}

.c-lp-6-kv__date {
    margin-top: 5.8vw;
    margin-left: 4.2vw;
    width: 28.5vw;
    opacity: 0;
}

.done-first .c-lp-6-kv__date {
    opacity: 1;
    -webkit-transition: opacity 1s 4.5s;
    transition: opacity 1s 4.5s;
}

.done .c-lp-6-kv__date {
    opacity: 1;
    -webkit-transition: opacity 1s 2.5s;
    transition: opacity 1s 2.5s;
}

@media screen and (max-width: 750px) {
    .c-lp-6-kv__date {
        position: absolute;
        top: 7.5vw;
        right: 6vw;
        margin-top: 0;
        margin-left: 0;
        width: 40vw;
    }
    .done-first .c-lp-6-kv__date {
        opacity: 1;
        -webkit-transition: opacity 1s 4s;
        transition: opacity 1s 4s;
    }
    .done .c-lp-6-kv__date {
        opacity: 1;
        -webkit-transition: opacity 1s 2s;
        transition: opacity 1s 2s;
    }
}

.c-lp-6-kv__date img {
    width: 100%;
}

/*  c-lp-6-wrap01
--------------------------------------------- */
.c-lp-6-wrap01 {
    position: relative;
    z-index: 10;
    margin-top: -2vw;
    padding-bottom: 35.7vw;
    background: url("../img/bg-01.jpg") 0 0 no-repeat;
    background-size: cover;
}

@media screen and (max-width: 750px) {
    .c-lp-6-wrap01 {
        margin-top: -1vw;
        padding-top: 2vw;
        padding-bottom: 65.6vw;
        background: url("../img/sp/bg-01.jpg") 0 0 no-repeat;
        background-size: cover;
    }
}

/*  c-lp-6-wrap02
--------------------------------------------- */
.c-lp-6-wrap02 {
    position: relative;
    z-index: 10;
    background: url("../img/bg-02.jpg") 0 0 repeat-y;
    background-size: 100% auto;
}

@media screen and (max-width: 750px) {
    .c-lp-6-wrap02 {
        margin-top: 0;
        padding-top: 2vw;
        background: url("../img/sp/bg-02.jpg") 0 0 repeat-y;
        background-size: 100% auto;
    }
}

/*  c-lp-6-item01
--------------------------------------------- */
.c-lp-6-item01 {
    margin-right: auto;
    margin-left: auto;
    width: 75.55556vw;
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
}

@media screen and (max-width: 750px) {
    .c-lp-6-item01 {
        width: 78.66667vw;
    }
}

.c-lp-6-item01__inner {
    display: block;
    padding-top: 3.7vw;
    padding-bottom: 3vw;
    border-top: 1px solid #DDAE68;
    border-bottom: 1px solid #DDAE68;
}

@media screen and (min-width: 751px) {
    .c-lp-6-item01__inner {
        -webkit-transition: opacity 300ms;
        transition: opacity 300ms;
    }
    .c-lp-6-item01__inner:hover {
        opacity: 0.8;
    }
}

@media screen and (max-width: 750px) {
    .c-lp-6-item01__inner {
        padding-top: 0;
        padding-bottom: 0;
        border: none;
    }
}

.c-lp-6-item01__img {
    margin-right: auto;
    margin-left: auto;
    width: 60vw;
}

@media screen and (max-width: 750px) {
    .c-lp-6-item01__img {
        width: 100%;
    }
}

/*  c-lp-6-about
--------------------------------------------- */
.c-lp-6-about {
    position: relative;
    margin-top: 5.3vw;
}

@media screen and (max-width: 750px) {
    .c-lp-6-about {
        margin-top: 28.6vw;
    }
}

.c-lp-6-about__item {
    position: absolute;
    top: 3%;
    left: 48.7%;
    width: 90vw;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    pointer-events: none;
}

@media screen and (max-width: 750px) {
    .c-lp-6-about__item {
        top: 0;
        left: 50%;
        width: 84.3vw;
    }
}

.c-lp-6-about__inner {
    margin-right: auto;
    margin-left: auto;
    width: 92.59259vw;
}

@media screen and (max-width: 750px) {
    .c-lp-6-about__inner {
        width: 86.66667vw;
    }
}

.c-lp-6-about__catch {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    margin-right: auto;
    margin-left: auto;
    width: 65vw;

    -webkit-box-pack: justify;
    justify-content: space-between;
}

@media screen and (max-width: 750px) {
    .c-lp-6-about__catch {
        display: block;
        width: 100%;
    }
}

.c-lp-6-about__ttl {
    position: relative;
    width: 18.1vw;
}

@media screen and (max-width: 750px) {
    .c-lp-6-about__ttl {
        margin-right: auto;
        margin-left: auto;
        width: 62.66667vw;
    }
}

.c-lp-6-about__ttl .ttl-target {
    position: absolute;
    bottom: 0;
    left: 50%;
    overflow: hidden;
    width: 18.1vw;
    height: 0;
    -webkit-transform: translate3d(-50%, 0, 0) !important;
    transform: translate3d(-50%, 0, 0) !important;
}

.fadein .c-lp-6-about__ttl .ttl-target {
    height: 100%;
    -webkit-transition: height 1s 1s;
    transition: height 1s 1s;
}

.c-lp-6-about__ttl .ttl-target:after {
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 18.07407vw;
    height: 42.44444vw;
    background: url("../img/txt_01.svg") 0 0 no-repeat;
    background-size: 100% auto;
    content: '' !important;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

@media screen and (max-width: 750px) {
    .c-lp-6-about__ttl .ttl-target:after {
        width: 62.66667vw;
        height: 26.66667vw;
        background: url(../img/sp/txt_01.png) 0 0 no-repeat;
        background-size: 100% auto;
    }
}

@media screen and (max-width: 750px) {
    .c-lp-6-about__ttl .ttl-target {
        width: 62.66667vw;
    }
}

.c-lp-6-about__ttl-img {
    opacity: .3;
}

.c-lp-6-about__desc {
    margin-top: 6.2vw;
    width: 35.3vw;
}

@media screen and (max-width: 750px) {
    .c-lp-6-about__desc {
        margin-top: 0;
        width: 100%;
    }
}

.c-lp-6-about__new {
    width: 6.66667vw;
    opacity: 0;
    -webkit-transition: .3s;
    transition: .3s;
}

.fadein .c-lp-6-about__new {
    opacity: 1;
}

@media screen and (max-width: 750px) {
    .c-lp-6-about__new {
        position: absolute;
        top: 1.5vw;
        left: 17vw;
        margin-top: 0;
        width: 13.33333vw;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }
}

.c-lp-6-about__desc-box {
    margin-top: -0.2vw;
    margin-left: 2.8vw;
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
}

@media screen and (max-width: 750px) {
    .c-lp-6-about__desc-box {
        margin-top: 9.33333vw;
        margin-left: 0;
        text-align: center;
    }
}

.c-lp-6-about__desc-ttl {
    color: #F5C273;
    letter-spacing: 0.01em;
    font-weight: 500;
    font-size: 2.44444vw;
    font-family: "Noto Serif JP", serif;
    line-height: 1.36;
}

@media screen and (max-width: 750px) {
    .c-lp-6-about__desc-ttl {
        font-size: 5.06667vw;
        line-height: 1.6;
    }
}

.c-lp-6-about__txt {
    margin-top: 2.3vw;
    color: #F5C273;
    letter-spacing: 0.08em;
    font-weight: 500;
    font-size: 1.25926vw;
    font-family: "Noto Serif JP", serif;
    line-height: 2.41;
}

@media screen and (max-width: 750px) {
    .c-lp-6-about__txt {
        margin-top: 4.2vw;
        font-size: 3.46667vw;
        line-height: 2.07;
    }
}

.c-lp-6-about__list {
    position: relative;
    left: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    margin-top: 8.5vw;
    margin-left: 5vw;
    width: 100vw;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);

    -webkit-box-pack: center;
    justify-content: center;
}

@media screen and (max-width: 750px) {
    .c-lp-6-about__list {
        margin-top: 33vw;
        margin-left: 0;

        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

.c-lp-6-about__list-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 28.88889vw;
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
}

.fadein .c-lp-6-about__list-item {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

@media screen and (max-width: 750px) {
    .c-lp-6-about__list-item {
        width: 50%;
        -webkit-transform: translateY(50px);
        transform: translateY(50px);
    }
    .fadein .c-lp-6-about__list-item {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

.c-lp-6-about__list-item:nth-of-type(1) {
    margin-top: 2.4vw;
}

.fadein .c-lp-6-about__list-item:nth-of-type(1) {
    -webkit-transition: all 1s 1s;
    transition: all 1s 1s;
}

@media screen and (max-width: 750px) {
    .c-lp-6-about__list-item:nth-of-type(1) {
        position: relative;
        left: 1vw;
        -ms-flex-order: 3;
        margin-top: 2.1vw;

        -webkit-box-ordinal-group: 4;
        order: 3;
    }
    .fadein .c-lp-6-about__list-item:nth-of-type(1) {
        -webkit-transition: all 1s 1s;
        transition: all 1s 1s;
    }
}

@media screen and (max-width: 750px) {
    .c-lp-6-about__list-item:nth-of-type(1) .c-lp-6-about__list-img {
        position: relative;
        left: 3vw;
        width: 47.7vw;
    }
}

.fadein .c-lp-6-about__list-item:nth-of-type(1) .c-lp-6-about__list-desc {
    opacity: 1;
    -webkit-transition: all 1s 2s;
    transition: all 1s 2s;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

@media screen and (max-width: 750px) {
    .fadein .c-lp-6-about__list-item:nth-of-type(1) .c-lp-6-about__list-desc {
        -webkit-transition: all 1s 1.5s;
        transition: all 1s 1.5s;
    }
}

.c-lp-6-about__list-item:nth-of-type(2) {
    position: relative;
    left: -2vw;
    margin-top: 6.6vw;
}

.fadein .c-lp-6-about__list-item:nth-of-type(2) {
    -webkit-transition: all 1s .5s;
    transition: all 1s .5s;
}

@media screen and (max-width: 750px) {
    .c-lp-6-about__list-item:nth-of-type(2) {
        left: 8vw;
        -ms-flex-order: 1;
        margin-top: 0;

        -webkit-box-ordinal-group: 2;
        order: 1;
    }
}

@media screen and (max-width: 750px) {
    .c-lp-6-about__list-item:nth-of-type(2) .c-lp-6-about__list-img {
        position: relative;
        left: 3vw;
    }
}

.c-lp-6-about__list-item:nth-of-type(2) .c-lp-6-about__list-desc {
    margin-left: 2.6vw;
}

.fadein .c-lp-6-about__list-item:nth-of-type(2) .c-lp-6-about__list-desc {
    opacity: 1;
    -webkit-transition: all 1s 2s;
    transition: all 1s 2s;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

@media screen and (max-width: 750px) {
    .c-lp-6-about__list-item:nth-of-type(2) .c-lp-6-about__list-desc {
        margin-left: 0;
    }
    .fadein .c-lp-6-about__list-item:nth-of-type(2) .c-lp-6-about__list-desc {
        opacity: 1;
        -webkit-transition: all 1s 1.5s;
        transition: all 1s 1.5s;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

.c-lp-6-about__list-item:nth-of-type(3) {
    position: relative;
    left: -2.5vw;
}

.fadein .c-lp-6-about__list-item:nth-of-type(3) {
    -webkit-transition: all 1s 1.5s;
    transition: all 1s 1.5s;
}

@media screen and (max-width: 750px) {
    .c-lp-6-about__list-item:nth-of-type(3) {
        left: 0;
        -ms-flex-order: 3;
        -ms-flex-pack: center;
        margin-top: 9vw;
        padding-right: 8vw;
        width: 100%;

        -webkit-box-pack: center;
        justify-content: center;
        -webkit-box-ordinal-group: 4;
        order: 3;
    }
}

@media screen and (max-width: 750px) {
    .c-lp-6-about__list-item:nth-of-type(3) .c-lp-6-about__list-img {
        position: relative;
        left: 9vw;
    }
}

.c-lp-6-about__list-item:nth-of-type(3) .c-lp-6-about__list-desc {
    margin-left: 3.8vw;
}

.fadein .c-lp-6-about__list-item:nth-of-type(3) .c-lp-6-about__list-desc {
    opacity: 1;
    -webkit-transition: all 1s 2s;
    transition: all 1s 2s;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

@media screen and (max-width: 750px) {
    .c-lp-6-about__list-item:nth-of-type(3) .c-lp-6-about__list-desc {
        position: relative;
        margin-left: 0;
    }
}

@media screen and (max-width: 750px) {
    .c-lp-6-about__list-item:nth-of-type(3) .c-lp-6-about__list-price {
        position: absolute;
        top: 50%;
        right: 0;
        -webkit-transform: translate(60%, -50%);
        transform: translate(60%, -50%);
    }
    .ssafari .c-lp-6-about__list-item:nth-of-type(3) .c-lp-6-about__list-price {
        -webkit-transform: translate(60%, -70%);
        transform: translate(60%, -70%);
    }
}

@media screen and (max-width: 750px) {
    .c-lp-6-about__list-img {
        width: 46.66667vw;
    }
}

.c-lp-6-about__list-desc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 3.3vw;
    margin-left: 1.7vw;
    opacity: 0;
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
}

@media screen and (max-width: 750px) {
    .c-lp-6-about__list-desc {
        margin-top: 2.66667vw;
        margin-left: 0;
    }
}

.c-lp-6-about__list-desc-inner {
    text-align: center;
}

.c-lp-6-about__list-ttl {
    color: #F5C273;
    font-weight: 500;
    font-size: 1.85185vw;
    font-family: "Noto Serif JP", serif;
    line-height: 1.28;
}

@media screen and (max-width: 750px) {
    .c-lp-6-about__list-ttl {
        font-size: 4.53333vw;
    }
    .c-lp-6-about__list-ttl span {
        letter-spacing: 0.1em;
    }
}

.c-lp-6-about__list-name {
    margin-top: 0.6vw;
    color: #F5C273;
    letter-spacing: -0.025em;
    font-style: italic;
    font-size: 1.18519vw;
    font-family: "Baskervville", serif;
    opacity: .8;
}

@media screen and (max-width: 750px) {
    .c-lp-6-about__list-name {
        margin-top: 0.66667vw;
        white-space: nowrap;
        font-size: 2.66667vw;
    }
}

.c-lp-6-about__list-price {
    display: block;
    margin-top: 0.7vw;
    color: #F5C273;
    letter-spacing: -0.025em;
    font-weight: bold;
    font-size: 4.37037vw;
    font-family: "Butler", serif;
}

@media screen and (max-width: 750px) {
    .c-lp-6-about__list-price {
        margin-top: 1.33333vw;
        font-size: 8vw;
    }
}

/*  c-lp-6-feature
--------------------------------------------- */
.c-lp-6-feature {
    position: relative;
    margin-top: 12.8vw;
}

@media screen and (max-width: 750px) {
    .c-lp-6-feature {
        margin-top: 26.6vw;
    }
}

.c-lp-6-feature__inner {
    margin-right: auto;
    margin-left: auto;
    width: 81.8vw;
}

@media screen and (max-width: 750px) {
    .c-lp-6-feature__inner {
        width: 80vw;
    }
}

.c-lp-6-feature__catch {
    text-align: center;
}

.c-lp-6-feature__catch-ttl {
    position: relative;
    color: #F5C273;
    font-size: 8.88889vw;
    font-family: "Butler", serif;
    line-height: 1;
}

.c-lp-6-feature__catch-ttl span {
    opacity: .3;
}

.c-lp-6-feature__catch-ttl .ttl-target {
    position: absolute;
    bottom: 0;
    left: 50%;
    overflow: hidden;
    width: 81.77778vw;
    height: 0;
    -webkit-transform: translate3d(-50%, 0, 0) !important;
    transform: translate3d(-50%, 0, 0) !important;
}

.fadein .c-lp-6-feature__catch-ttl .ttl-target {
    height: 100%;
    -webkit-transition: height 1s .5s;
    transition: height 1s .5s;
}

.c-lp-6-feature__catch-ttl .ttl-target:after {
    position: absolute;
    bottom: 0;
    left: 50%;
    color: #F5C273;
    content: 'FEATURE' !important;
    font-size: 8.88889vw;
    font-family: "Butler", serif;
    line-height: 1;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

@media screen and (max-width: 750px) {
    .c-lp-6-feature__catch-ttl .ttl-target:after {
        font-size: 14.66667vw;
    }
}

@media screen and (max-width: 750px) {
    .c-lp-6-feature__catch-ttl {
        font-size: 14.66667vw;
    }
}

.c-lp-6-feature__catch-txt {
    display: block;
    margin-top: .5vw;
    color: #F5C273;
    letter-spacing: 0.1em;
    font-weight: 500;
    font-size: 1.48148vw;
    font-family: "Noto Serif JP", serif;
    line-height: 1;
}

@media screen and (max-width: 750px) {
    .c-lp-6-feature__catch-txt {
        font-size: 3.73333vw;
    }
    .safari .c-lp-6-feature__catch-txt {
        margin-top: .5vw;
    }
    .android .c-lp-6-feature__catch-txt {
        margin-top: 2vw;
    }
}

.c-lp-6-feature__list {
    margin-top: 10.2vw;
}

@media screen and (max-width: 750px) {
    .c-lp-6-feature__list {
        margin-top: 15.3vw;
    }
}

.c-lp-6-feature__list-item {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;

    -webkit-box-pack: justify;
    justify-content: space-between;
}

@media screen and (max-width: 750px) {
    .c-lp-6-feature__list-item {
        display: block;
    }
}

.c-lp-6-feature__list-item:nth-of-type(1) {
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;

    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
}

.c-lp-6-feature__list-item:nth-of-type(1) .c-lp-6-feature__list-desc {
    margin-left: 0.7vw;
}

@media screen and (max-width: 750px) {
    .c-lp-6-feature__list-item:nth-of-type(1) .c-lp-6-feature__list-desc {
        margin-left: 0;
    }
}

.c-lp-6-feature__list-item:nth-of-type(1) .c-lp-6-feature__list-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;

    -webkit-box-pack: end;
    justify-content: flex-end;
}

.c-lp-6-feature__list-item:nth-of-type(1) .c-lp-6-feature__list-img-outer {
    width: 36.81481vw;
    border-radius: 10px;
}

@media screen and (max-width: 750px) {
    .c-lp-6-feature__list-item:nth-of-type(1) .c-lp-6-feature__list-img-outer {
        right: -4vw;
        width: 73.33333vw;
    }
}

.c-lp-6-feature__list-item:nth-of-type(1) .c-lp-6-feature__list-img {
    bottom: -20%;
    height: 104.44444vw;
}

@media screen and (max-width: 750px) {
    .c-lp-6-feature__list-item:nth-of-type(1) .c-lp-6-feature__list-img {
        height: 154.66667vw;
    }
}

.c-lp-6-feature__list-item:nth-of-type(1) .c-lp-6-feature__list-parts {
    top: 11.62963vw;
    left: 24.4vw;
    width: 25.48148vw;
}

@media screen and (max-width: 750px) {
    .c-lp-6-feature__list-item:nth-of-type(1) .c-lp-6-feature__list-parts {
        top: 4vw;
        right: -10vw;
        left: auto;
        width: 37.33333vw;
    }
}

.c-lp-6-feature__list-item:nth-of-type(2) {
    margin-top: 15.92593vw;
}

@media screen and (max-width: 750px) {
    .c-lp-6-feature__list-item:nth-of-type(2) {
        margin-top: 35.33333vw;
    }
}

.c-lp-6-feature__list-item:nth-of-type(2) .c-lp-6-feature__list-desc {
    margin-top: 7.8vw;
    margin-left: 5.7vw;
}

@media screen and (max-width: 750px) {
    .c-lp-6-feature__list-item:nth-of-type(2) .c-lp-6-feature__list-desc {
        margin-top: 8.3vw;
        margin-left: 0;
    }
}

.c-lp-6-feature__list-item:nth-of-type(2) .c-lp-6-feature__list-img-outer {
    left: -9.25926vw;
    width: 48.44444vw;
    border-radius: 0 10px 10px 0;
}

@media screen and (max-width: 750px) {
    .c-lp-6-feature__list-item:nth-of-type(2) .c-lp-6-feature__list-img-outer {
        left: -10vw;
        width: 76.66667vw;
    }
}

.c-lp-6-feature__list-item:nth-of-type(2) .c-lp-6-feature__list-img {
    bottom: -10%;
    height: 66.59259vw;
}

@media screen and (max-width: 750px) {
    .c-lp-6-feature__list-item:nth-of-type(2) .c-lp-6-feature__list-img {
        bottom: 20%;
        height: 92.66667vw;
    }
}

.c-lp-6-feature__list-item:nth-of-type(2) .c-lp-6-feature__list-ttl {
    margin-top: 3.1vw;
}

@media screen and (max-width: 750px) {
    .c-lp-6-feature__list-item:nth-of-type(2) .c-lp-6-feature__list-ttl {
        margin-top: 5.8vw;
        white-space: nowrap;
        letter-spacing: 0;
    }
}

.c-lp-6-feature__list-item:nth-of-type(2) .c-lp-6-feature__list-txt {
    letter-spacing: 0.1em;
}

@media screen and (max-width: 750px) {
    .c-lp-6-feature__list-item:nth-of-type(2) .c-lp-6-feature__list-txt {
        margin-top: 3vw;
        letter-spacing: 0.05em;
    }
}

.c-lp-6-feature__list-item:nth-of-type(2) .c-lp-6-feature__list-parts {
    right: -15.03704vw;
    bottom: -0.6vw;
    width: 22.74074vw;
}

@media screen and (max-width: 750px) {
    .c-lp-6-feature__list-item:nth-of-type(2) .c-lp-6-feature__list-parts {
        top: 62.3vw;
        right: -18vw;
        bottom: auto;
        width: 35.9vw;
    }
}

.c-lp-6-feature__list-item:nth-of-type(3) {
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    margin-top: 11.85185vw;

    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
}

@media screen and (max-width: 750px) {
    .c-lp-6-feature__list-item:nth-of-type(3) {
        margin-top: 20vw;
    }
}

.c-lp-6-feature__list-item:nth-of-type(3) .c-lp-6-feature__list-desc {
    margin-top: 6.5vw;
    margin-left: 0.7vw;
}

@media screen and (max-width: 750px) {
    .c-lp-6-feature__list-item:nth-of-type(3) .c-lp-6-feature__list-desc {
        margin-top: 9.33333vw;
        margin-left: 0;
    }
}

.c-lp-6-feature__list-item:nth-of-type(3) .c-lp-6-feature__list-img-outer {
    right: -4.3vw;
    width: 45.85185vw;
    border-radius: 10px 0 0 10px;
}

@media screen and (max-width: 750px) {
    .c-lp-6-feature__list-item:nth-of-type(3) .c-lp-6-feature__list-img-outer {
        right: -10vw;
        margin: 0 0 0 auto;
        width: 77.33333vw;
    }
}

.c-lp-6-feature__list-item:nth-of-type(3) .c-lp-6-feature__list-img {
    bottom: -10%;
    height: 104.44444vw;
}

@media screen and (max-width: 750px) {
    .c-lp-6-feature__list-item:nth-of-type(3) .c-lp-6-feature__list-img {
        bottom: 50%;
        height: 205.73333vw;
    }
}

.c-lp-6-feature__list-item:nth-of-type(3) .c-lp-6-feature__list-ttl {
    margin-top: 3.6vw;
}

@media screen and (max-width: 750px) {
    .c-lp-6-feature__list-item:nth-of-type(3) .c-lp-6-feature__list-ttl {
        margin-top: 4.4vw;
    }
}

@media screen and (max-width: 750px) {
    .c-lp-6-feature__list-item:nth-of-type(3) .c-lp-6-feature__list-ttl {
        margin-top: 3vw;
        letter-spacing: 0.04em;
    }
}

.c-lp-6-feature__list-item:nth-of-type(3) .c-lp-6-feature__list-parts {
    bottom: -2.7vw;
    left: -11vw;
    width: 28.88889vw;
}

@media screen and (max-width: 750px) {
    .c-lp-6-feature__list-item:nth-of-type(3) .c-lp-6-feature__list-parts {
        bottom: -8vw;
        left: -4.66vw;
        width: 48.3vw;
    }
}

.c-lp-6-feature__list-box {
    position: relative;
    width: 50%;
}

@media screen and (max-width: 750px) {
    .c-lp-6-feature__list-box {
        width: 100%;
    }
}

.c-lp-6-feature__list-img-outer {
    position: relative;
    overflow: hidden;
    height: 44vw;
}

@media screen and (max-width: 750px) {
    .c-lp-6-feature__list-img-outer {
        z-index: 10;
        height: 58vw;
    }
}

.c-lp-6-feature__list-img {
    position: absolute;
    left: 0;
    width: 100%;
}

.c-lp-6-feature__list-img img {
    width: 100%;
    height: 100%;
}

.c-lp-6-feature__list-parts {
    position: absolute;
    z-index: 11;
}

.c-lp-6-feature__list-desc {
    margin-top: 5.7vw;
    width: 50%;
}

@media screen and (max-width: 750px) {
    .c-lp-6-feature__list-desc {
        margin-top: 10.3vw;
        width: 100%;
    }
}

.c-lp-6-feature__list-catch {
    overflow: hidden;
    color: #F5C273;
    letter-spacing: 0.05em;
    font-size: 6.22222vw;
    font-family: "Butler", serif;
    line-height: 1.04;
}

@media screen and (max-width: 750px) {
    .c-lp-6-feature__list-catch {
        letter-spacing: 0.03em;
        font-size: 12.66667vw;
    }
}

.c-lp-6-feature__list-catch--size01 {
    font-size: 3.81481vw;
}

@media screen and (max-width: 750px) {
    .c-lp-6-feature__list-catch--size01 {
        letter-spacing: 0.07em;
        font-size: 8.13333vw;
    }
}

.c-lp-6-feature__list-catch--size02 {
    font-size: 7.92593vw;
}

@media screen and (max-width: 750px) {
    .c-lp-6-feature__list-catch--size02 {
        display: block;
        margin-top: -1vw;
        letter-spacing: 0.07em;
        font-size: 17.06667vw;
    }
}

.c-lp-6-feature__list-catch--size03 {
    letter-spacing: -0.01em;
    font-size: 3.77778vw;
}

@media screen and (max-width: 750px) {
    .c-lp-6-feature__list-catch--size03 {
        letter-spacing: 0.03em;
        font-size: 7.6vw;
    }
}

.c-lp-6-feature__list-catch--size04 {
    display: block;
    margin-top: -0.4vw;
    font-size: 7.40741vw;
}

@media screen and (max-width: 750px) {
    .c-lp-6-feature__list-catch--size04 {
        margin-top: -1vw;
        letter-spacing: 0.06em;
        font-size: 15.2vw;
    }
}

.c-lp-6-feature__list-catch--size05 {
    margin-left: 2vw;
}

@media screen and (max-width: 750px) {
    .c-lp-6-feature__list-catch--size05 {
        display: inline-block;
        font-size: 12.13333vw;
    }
}

@media screen and (max-width: 750px) {
    .c-lp-6-feature__list-catch--size06 {
        font-size: 13.33333vw;
    }
}

.c-lp-6-feature__list-catch .f-900 {
    font-weight: 900;
}

.c-lp-6-feature__list-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.c-lp-6-feature__list-ttl {
    margin-top: 4.3vw;
    color: #F5C273;
    letter-spacing: 0.08em;
    font-weight: bold;
    font-size: 1.33333vw;
    font-family: "Noto Serif JP", serif;
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
}

.c-lp-6-feature__list-item.fadein .c-lp-6-feature__list-ttl {
    opacity: 1;
    -webkit-transition: all 1s 1s;
    transition: all 1s 1s;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

@media screen and (max-width: 750px) {
    .c-lp-6-feature__list-ttl {
        margin-top: 6vw;
        letter-spacing: 0.05em;
        font-size: 4.26667vw;
        line-height: 1.68;
    }
}

.c-lp-6-feature__list-txt {
    margin-top: 2vw;
    color: #F5C273;
    letter-spacing: 0.03em;
    font-weight: 500;
    font-size: 1.18519vw;
    font-family: "Noto Serif JP", serif;
    line-height: 2.25;
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
}

.c-lp-6-feature__list-item.fadein .c-lp-6-feature__list-txt {
    opacity: 1;
    -webkit-transition: all 1s 1s;
    transition: all 1s 1s;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

@media screen and (max-width: 750px) {
    .c-lp-6-feature__list-txt {
        margin-top: 2vw;
        letter-spacing: 0.01em;
        font-size: 3.2vw;
        line-height: 1.91;
    }
}

.c-lp-6-feature__list-note {
    position: absolute;
    bottom: -1.8vw;
    left: 50%;
    width: 25.92593vw;
    border: 1px solid #F5C273;
    border-radius: 6px;
    -webkit-transform: translate(-25%, 100%);
    transform: translate(-25%, 100%);
}

@media screen and (max-width: 750px) {
    .c-lp-6-feature__list-note {
        position: relative;
        bottom: 0;
        left: 0;
        margin: 10.3vw auto 0;
        width: 59.33333vw;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}

.c-lp-6-feature__list-note:before {
    position: absolute;
    top: 0;
    left: 50%;
    width: 1.7037vw;
    height: 1.7037vw;
    background: url("../img/btn_01.svg") 0 0 no-repeat;
    background-size: 100% auto;
    content: '';
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

@media screen and (max-width: 750px) {
    .c-lp-6-feature__list-note:before {
        width: 5.33333vw;
        height: 5.33333vw;
    }
}

.c-lp-6-feature__list-note-inner {
    padding: 1.18519vw 0.74074vw 1.11111vw;
    text-align: center;
}

@media screen and (max-width: 750px) {
    .c-lp-6-feature__list-note-inner {
        padding: 4.66667vw 6vw;
        text-align: left;
    }
}

.c-lp-6-feature__list-note-ttl {
    color: #F5C273;
    letter-spacing: 0.05em;
    font-weight: bold;
    font-size: 1.22222vw;
    font-family: "Noto Serif JP", serif;
}

@media screen and (max-width: 750px) {
    .c-lp-6-feature__list-note-ttl {
        white-space: nowrap;
        font-size: 4vw;
        line-height: 1.46;
    }
    .safari .c-lp-6-feature__list-note-ttl {
        letter-spacing: 0;
    }
}

.c-lp-6-feature__list-note-txt {
    margin-top: 0.44444vw;
    padding-left: 0.6vw;
    color: #F5C273;
    font-weight: 500;
    font-size: 0.96296vw;
    font-family: "Noto Serif JP", serif;
}

.c-lp-6-feature__list-note-txt span {
    letter-spacing: 0.16em;
}

@media screen and (max-width: 750px) {
    .c-lp-6-feature__list-note-txt {
        margin-top: 1.33333vw;
        font-size: 3.2vw;
        line-height: 1.5;
    }
}

/*  c-lp-6-choice
--------------------------------------------- */
.c-lp-6-choice {
    position: relative;
    width: 100%;
}

.c-lp-6-choice__fixed {
    position: absolute;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    min-height: 100vh;
    width: 100%;
    background: url("../img/bg-02.jpg") 0 0 repeat-y;
    background-size: 100% auto;

    -webkit-box-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

@media screen and (max-width: 750px) {
    .c-lp-6-choice__fixed {
        -ms-flex-align: center;
        min-height: 100vh;
        min-height: 100dvh;
        background: url("../img/sp/bg-02.jpg") 0 0 repeat-y;
        background-size: 100% auto;

        -webkit-box-align: center;
        align-items: center;
    }
}

.c-lp-6-choice__inner-box {
    width: 100%;
}

.c-lp-6-choice__scroll {
    height: 400vh;
}

@media screen and (max-width: 750px) {
    .c-lp-6-choice__scroll {
        height: 400vh;
        height: 370dvh;
    }
}

.c-lp-6-choice__catch {
    width: 100%;
    text-align: center;
}

.c-lp-6-choice__catch-ttl {
    position: relative;
    color: #FFFFBF;
    letter-spacing: -0.02em;
    font-size: 8.88889vw;
    font-family: "Butler", serif;
    line-height: 1.2;
}

.c-lp-6-choice__catch-ttl span {
    opacity: .3;
}

.c-lp-6-choice__catch-ttl .ttl-target {
    position: absolute;
    bottom: 0;
    left: 50%;
    overflow: hidden;
    width: 100vw;
    height: 0;
    -webkit-transform: translate3d(-50%, 0, 0) !important;
    transform: translate3d(-50%, 0, 0) !important;
}

.fadein .c-lp-6-choice__catch-ttl .ttl-target {
    height: 100%;
    -webkit-transition: height 1s .5s;
    transition: height 1s .5s;
}

.c-lp-6-choice__catch-ttl .ttl-target:after {
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 100vw;
    color: #FFFFBF;
    content: '3 Types of Choices' !important;
    letter-spacing: -0.02em;
    font-size: 8.88889vw;
    font-family: "Butler", serif;
    line-height: 1.2;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

@media screen and (max-width: 750px) {
    .c-lp-6-choice__catch-ttl .ttl-target:after {
        font-size: 14.66667vw;
        line-height: 1;
    }
    .android .c-lp-6-choice__catch-ttl .ttl-target:after {
        line-height: 1.1;
    }
}

@media screen and (max-width: 750px) {
    .c-lp-6-choice__catch-ttl {
        font-size: 14.66667vw;
        line-height: 1;
    }
    .android .c-lp-6-choice__catch-ttl {
        line-height: 1.1;
    }
}

.c-lp-6-choice__catch-txt {
    display: block;
    margin-top: 1vw;
    color: #FFFFBF;
    font-weight: 500;
    font-size: 1.48148vw;
    font-family: "Noto Serif JP", serif;
    line-height: 1;
}

@media screen and (max-width: 750px) {
    .c-lp-6-choice__catch-txt {
        margin-top: 0.7vw;
        letter-spacing: 0.03em;
        font-size: 3.73333vw;
    }
    .safari .c-lp-6-choice__catch-txt {
        margin-top: 1.5vw;
    }
    .android .c-lp-6-choice__catch-txt {
        margin-top: 2vw;
    }
}

.c-lp-6-choice__list-outer {
    position: relative;
    margin-top: 4.44444vw;
    width: 100%;
}

@media screen and (max-width: 750px) {
    .c-lp-6-choice__list-outer {
        margin-top: 11.6vw;
    }
}

.c-lp-6-choice__step {
    position: absolute;
    top: 1.8vw;
    left: 0;
    padding: 1vw 1.4vw 1vw 2vw;
    border-radius: 0 4px 4px 0;
    background-color: #FFFFBF;
}

@media screen and (max-width: 750px) {
    .c-lp-6-choice__step {
        top: -2vw;
        padding: 2.66667vw 0;
        width: 11.33333vw;
        text-align: center;
    }
}

.c-lp-6-choice__step-item {
    position: relative;
    padding-top: 0.88889vw;
    padding-bottom: 0.88889vw;
    color: #A75500;
    font-weight: 800;
    font-size: 1.48148vw;
    font-family: "Butler", serif;
    opacity: .3;
}

.c-lp-6-choice__step-item--01:after, .c-lp-6-choice__step-item--02:after {
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 1px;
    height: 0.93333vw;
    background-color: #A75500;
    content: '';
    opacity: 1;
    -webkit-transform: translate(-50%, 40%);
    transform: translate(-50%, 40%);
}

@media screen and (max-width: 750px) {
    .c-lp-6-choice__step-item--01:after, .c-lp-6-choice__step-item--02:after {
        height: 2vw;
        -webkit-transform: translate(-50%, 30%);
        transform: translate(-50%, 30%);
    }
}

@media screen and (max-width: 750px) {
    .c-lp-6-choice__step-item {
        padding-top: 2vw;
        padding-bottom: 2vw;
        font-size: 4vw;
    }
    .android .c-lp-6-choice__step-item {
        padding-bottom: 2.66667vw;
    }
}

.c-lp-6-choice__step-item.is-active {
    opacity: 1;
}

.c-lp-6-choice__step-item.is-active:after {
    opacity: .7;
}

.c-lp-6-choice__list {
    position: relative;
    height: 32.37037vw;
}

@media screen and (max-width: 750px) {
    .c-lp-6-choice__list {
        height: 122.66667vw;
    }
}

.c-lp-6-choice__list-item {
    position: absolute;
    top: 0;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    opacity: 0;
    -webkit-transition: .5s;
    transition: .5s;

    -webkit-box-pack: end;
    justify-content: flex-end;
}

@media screen and (max-width: 750px) {
    .c-lp-6-choice__list-item {
        left: 0;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        -ms-flex-pack: center;

        -webkit-box-pack: center;
        justify-content: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

.c-lp-6-choice__list-item.is-active {
    opacity: 1;
}

.c-lp-6-choice__list-item:nth-of-type(1).is-active .c-lp-6-choice__list-ttl:after {
    opacity: 1;
    -webkit-transition: opacity 1s 1s ease, -webkit-transform 1s ease;
    transition: opacity 1s 1s ease, -webkit-transform 1s ease;
    transition: transform 1s ease, opacity 1s 1s ease;
    transition: transform 1s ease, opacity 1s 1s ease, -webkit-transform 1s ease;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.c-lp-6-choice__list-item:nth-of-type(1) .c-lp-6-choice__list-ttl {
    position: relative;
}

.c-lp-6-choice__list-item:nth-of-type(1) .c-lp-6-choice__list-ttl:after {
    position: absolute;
    right: 15.2vw;
    bottom: 1.4vw;
    width: 9.03704vw;
    height: 3.85185vw;
    background: url(../img/txt_choice-01-1.png) 0 0 no-repeat;
    background-size: 100% auto;
    content: '';
    opacity: 0;
    -webkit-transition-delay: 0.52s;
    transition-delay: 0.52s;
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
}

@media screen and (max-width: 750px) {
    .c-lp-6-choice__list-item:nth-of-type(1) .c-lp-6-choice__list-ttl:after {
        right: 0;
        bottom: 1.7vw;
        width: 17vw;
        height: 8vw;
    }
}

.c-lp-6-choice__list-item:nth-of-type(2).is-active .c-lp-6-choice__list-ttl:after {
    opacity: 1;
    -webkit-transition: opacity 1s 1s ease, -webkit-transform 1s ease;
    transition: opacity 1s 1s ease, -webkit-transform 1s ease;
    transition: transform 1s ease, opacity 1s 1s ease;
    transition: transform 1s ease, opacity 1s 1s ease, -webkit-transform 1s ease;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.c-lp-6-choice__list-item:nth-of-type(2) .c-lp-6-choice__list-img {
    margin: 1vw 0 0 auto;
    width: 95%;
}

@media screen and (max-width: 750px) {
    .c-lp-6-choice__list-item:nth-of-type(2) .c-lp-6-choice__list-img {
        margin: 0 0 0 auto;
        width: 66vw;
    }
}

.c-lp-6-choice__list-item:nth-of-type(2) .c-lp-6-choice__list-ttl {
    position: relative;
}

.c-lp-6-choice__list-item:nth-of-type(2) .c-lp-6-choice__list-ttl:after {
    position: absolute;
    right: 14.8vw;
    bottom: 1.4vw;
    width: 9.03704vw;
    height: 3.85185vw;
    background: url(../img/txt_choice-02-1.png) 0 0 no-repeat;
    background-size: 100% auto;
    content: '';
    opacity: 0;
    -webkit-transition-delay: 0.52s;
    transition-delay: 0.52s;
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
}

@media screen and (max-width: 750px) {
    .c-lp-6-choice__list-item:nth-of-type(2) .c-lp-6-choice__list-ttl:after {
        right: 0;
        bottom: 1.7vw;
        width: 17vw;
        height: 8vw;
    }
}

@media screen and (max-width: 750px) {
    .c-lp-6-choice__list-item:nth-of-type(3) .c-lp-6-choice__list-ttl {
        width: 52.667vw;
    }
}

.c-lp-6-choice__list-item:nth-of-type(3) .c-lp-6-choice__list-img {
    margin: -2vw 0 0 auto;
}

@media screen and (max-width: 750px) {
    .c-lp-6-choice__list-item:nth-of-type(3) .c-lp-6-choice__list-img {
        margin: 0 0 0 auto;
    }
}

.c-lp-6-choice__list-desc {
    width: 45.6vw;
}

@media screen and (max-width: 750px) {
    .c-lp-6-choice__list-desc {
        margin: 3.6vw auto 0;
        width: 80vw;
    }
}

.c-lp-6-choice__list-catch {
    color: #FFFFBF;
    letter-spacing: 0.09em;
    font-weight: 500;
    font-size: 1.92593vw;
    font-family: "Noto Serif JP", serif;
    opacity: 0;
}

.is-active .c-lp-6-choice__list-catch {
    opacity: 1;
    -webkit-transition: opacity 1s .25s;
    transition: opacity 1s .25s;
}

@media screen and (max-width: 750px) {
    .c-lp-6-choice__list-catch {
        text-align: center;
        font-size: 3.46667vw;
    }
}

.c-lp-6-choice__list-ttl {
    margin-top: 1.48148vw;
    width: 95%;
    color: #FFFFBF;
    letter-spacing: -0.12em;
    font-weight: bold;
    font-size: 4.37037vw;
    font-family: "Butler", serif;
    line-height: 1.3;
    opacity: 0;
}

.is-active .c-lp-6-choice__list-ttl {
    opacity: 1;
}

.c-lp-6-choice__list-ttl .letter {
    display: inline-block;
    opacity: 0;
    -webkit-transition: opacity 2s 2s ease, -webkit-transform 1s ease;
    transition: opacity 2s 2s ease, -webkit-transform 1s ease;
    transition: transform 1s ease, opacity 2s 2s ease;
    transition: transform 1s ease, opacity 2s 2s ease, -webkit-transform 1s ease;
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
}

.is-active .c-lp-6-choice__list-ttl .letter {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

@media screen and (max-width: 750px) {
    .c-lp-6-choice__list-ttl {
        margin: 1.6vw auto 0;
        width: 60.4vw;
        text-align: center;
        font-size: 9.33333vw;
        line-height: 1.08;
    }
    .c-lp-6-choice__list-ttl .logo {
        display: inline-block;
        margin-right: 17vw;
    }
}

.c-lp-6-choice__list-txt {
    margin-top: 1.4vw;
    width: 30.8vw;
    color: #FFFFBF;
    text-align: justify;
    letter-spacing: 0.1em;
    font-weight: 500;
    font-size: 1.18519vw;
    font-family: "Noto Serif JP", serif;
    line-height: 2.375;
    opacity: 0;
}

.is-active .c-lp-6-choice__list-txt {
    opacity: 1;
    -webkit-transition: all 1s .75s;
    transition: all 1s .75s;
}

@media screen and (max-width: 750px) {
    .c-lp-6-choice__list-txt {
        margin-top: 4.5vw;
        width: 100%;
        letter-spacing: 0.07em;
        font-size: 2.93333vw;
        line-height: 1.90;
    }
}

.c-lp-6-choice__list-box {
    position: relative;
    width: 39.48148vw;
}

@media screen and (max-width: 750px) {
    .c-lp-6-choice__list-box {
        width: 100%;
    }
}

.c-lp-6-choice__list-img {
    position: relative;
    width: 39.48148vw;
}

@media screen and (max-width: 750px) {
    .c-lp-6-choice__list-img {
        margin: 0 0 0 auto;
        width: 66vw;
    }
}

.c-lp-6-choice__list-parts-outer {
    position: absolute;
    top: -3.7037vw;
    left: 16.2963vw;
    width: 10.74074vw;
}

@media screen and (max-width: 750px) {
    .c-lp-6-choice__list-parts-outer {
        top: 0;
        right: 26.66667vw;
        left: auto;
        width: 20vw;
        -webkit-transform: translateY(-35%);
        transform: translateY(-35%);
    }
}

.c-lp-6-choice__list-parts {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-animation: rotate 15s linear infinite;
    animation: rotate 15s linear infinite;
}

/*  c-lp-6-sns
--------------------------------------------- */
.c-lp-6-sns {
    padding-top: 11vw;
    padding-bottom: 10.3vw;
}

@media screen and (max-width: 750px) {
    .c-lp-6-sns {
        padding-top: 16vw;
        padding-bottom: 18.66667vw;
    }
}

.c-lp-6-sns__ttl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    color: #FFFFBF;
    letter-spacing: 0.05em;
    font-size: 5.18519vw;
    font-family: "Baskervville", serif;

    -webkit-box-align: center;
    align-items: center;
    gap: .2em;
}

@media screen and (max-width: 750px) {
    .c-lp-6-sns__ttl {
        font-size: 10.66667vw;
    }
}

.c-lp-6-sns__ttl::before, .c-lp-6-sns__ttl::after {
    min-width: 1em;
    height: 1px;
    background-color: #FFFFBF;
    content: "";

    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.c-lp-6-sns__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    -ms-flex-align: center;
    margin-top: 2.96296vw;

    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
}

@media screen and (max-width: 750px) {
    .c-lp-6-sns__list {
        margin-top: 12vw;
    }
}

.c-lp-6-sns__list-item {
    margin-right: 3.7037vw;
}

@media screen and (max-width: 750px) {
    .c-lp-6-sns__list-item {
        margin-right: 8.66667vw;
    }
}

.c-lp-6-sns__list-item:last-of-type {
    margin-right: 0;
}

.c-lp-6-sns__list-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: end;

    -webkit-box-align: end;
    align-items: flex-end;
}

@media screen and (min-width: 751px) {
    .c-lp-6-sns__list-link {
        -webkit-transition: opacity 300ms;
        transition: opacity 300ms;
    }
    .c-lp-6-sns__list-link:hover {
        opacity: 0.8;
    }
}

@media screen and (max-width: 750px) {
    .c-lp-6-sns__list-link {
        display: block;
    }
}

.c-lp-6-sns__list-icn {
    margin-right: 1.11111vw;
    width: 1.18519vw;
}

@media screen and (max-width: 750px) {
    .c-lp-6-sns__list-icn {
        position: relative;
        margin: 0 auto;
        width: 6.93333vw;
        height: 9.33333vw;
    }
}

.c-lp-6-sns__list-icn img {
    width: 100%;
}

@media screen and (max-width: 750px) {
    .c-lp-6-sns__list-icn img {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }
}

.c-lp-6-sns__list-icn--tw {
    width: 1.33333vw;
}

@media screen and (max-width: 750px) {
    .c-lp-6-sns__list-icn--tw {
        width: 8vw;
    }
}

.c-lp-6-sns__list-icn--fb {
    position: relative;
    top: 0.14815vw;
    width: 0.74074vw;
}

@media screen and (max-width: 750px) {
    .c-lp-6-sns__list-icn--fb {
        width: 4.26667vw;
    }
}

.c-lp-6-sns__list-txt {
    color: #FFFFBF;
    letter-spacing: 0.1em;
    font-weight: bold;
    font-size: 1.18519vw;
    font-family: "Lato", sans-serif;
    line-height: 1;
}

@media screen and (max-width: 750px) {
    .c-lp-6-sns__list-txt {
        margin-top: 2vw;
        font-size: 2.93333vw;
    }
}

/*  c-lp-6-footer
--------------------------------------------- */
.c-lp-6-footer {
    background-color: #382B20;
}

.c-lp-6-footer__inner {
    padding-top: 2.9vw;
    padding-bottom: 1.7vw;
}

@media screen and (max-width: 750px) {
    .c-lp-6-footer__inner {
        padding-top: 10vw;
        padding-bottom: 9vw;
    }
}

.c-lp-6-footer__logo {
    margin-right: auto;
    margin-left: auto;
    width: 13.7037vw;
}

@media screen and (max-width: 750px) {
    .c-lp-6-footer__logo {
        width: 40vw;
    }
}

.c-lp-6-footer__logo-link {
    display: block;
}

@media screen and (min-width: 751px) {
    .c-lp-6-footer__logo-link {
        -webkit-transition: opacity 300ms;
        transition: opacity 300ms;
    }
    .c-lp-6-footer__logo-link:hover {
        opacity: 0.8;
    }
}

.c-lp-6-footer__txt {
    margin-top: 2.1vw;
    color: #fff;
    text-align: center;
    letter-spacing: 0.11em;
    font-weight: 300;
    font-size: 0.81481vw;
    font-family: "Lato", sans-serif;
}

@media screen and (max-width: 750px) {
    .c-lp-6-footer__txt {
        margin-top: 3.33333vw;
        letter-spacing: 0.12em;
        font-weight: 400;
        font-size: 2.66667vw;
    }
}

/*  js-txts-fadeup
--------------------------------------------- */
.js-txts-fadeup {
    opacity: 0;
}

.js-txts-fadeup.is-active {
    opacity: 1;
}

.js-txts-fadeup span {
    display: inline-block;
    opacity: 0;
    -webkit-transition: opacity 2s 2s ease, -webkit-transform 1s ease;
    transition: opacity 2s 2s ease, -webkit-transform 1s ease;
    transition: transform 1s ease, opacity 2s 2s ease;
    transition: transform 1s ease, opacity 2s 2s ease, -webkit-transform 1s ease;
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
}

.js-txts-fadeup.is-active span {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

/* ---------------------------------------------
*   c-lp
--------------------------------------------- */
.c-lp-inner {
    position: relative;
}

.c-lp-contents {
    position: relative;
    z-index: 10;
}

@media screen and (max-width: 750px) {
    .c-lp-contents {
        margin-bottom: 0;
    }
}

@-webkit-keyframes txt-zoomup {
    0% {
        -webkit-transform: translate(0px, 150%) scale(1, 1.5);
        transform: translate(0px, 150%) scale(1, 1.5);
    }
    100% {
        -webkit-transform: translate(0, 0) scale(1, 1);
        transform: translate(0, 0) scale(1, 1);
    }
}

@keyframes txt-zoomup {
    0% {
        -webkit-transform: translate(0px, 150%) scale(1, 1.5);
        transform: translate(0px, 150%) scale(1, 1.5);
    }
    100% {
        -webkit-transform: translate(0, 0) scale(1, 1);
        transform: translate(0, 0) scale(1, 1);
    }
}

/*  c-lp-1
--------------------------------------------- */
.c-lp-1__ttl {
    overflow: hidden;
    margin-left: 14.81481vw;
    width: 31.77778vw;
}

@media screen and (max-width: 750px) {
    .c-lp-1__ttl {
        margin-left: 25.33333vw;
        width: 68.4vw;
    }
}

.c-lp-1__ttl-inner {
    display: block;
    -webkit-transform: translate(0px, 150%) scale(1, 1.5);
    transform: translate(0px, 150%) scale(1, 1.5);
    -webkit-animation: txt-zoomup 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s forwards;
    animation: txt-zoomup 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s forwards;
}

.c-lp-1-head {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
}

.c-lp-1-head__inner {
    width: 31.62963vw;
    height: 14.51852vw;
    background: url("../img/lp/strawberry/img_bg-header.png") 0 0 no-repeat;
    background-size: 100% auto;
}

@media screen and (max-width: 750px) {
    .c-lp-1-head__inner {
        width: 41.86667vw;
        height: 21.2vw;
        background-image: url("../img/lp/strawberry/sp/img_bg-header.png");
    }
}

.c-lp-1-head__logo {
    display: block;
    margin-left: 4.07407vw;
    padding-top: 4.07407vw;
    width: 5.7037vw;
    -webkit-transition: opacity 300ms;
    transition: opacity 300ms;
}

.c-lp-1-head__logo:hover {
    opacity: 0.8;
}

@media screen and (max-width: 750px) {
    .c-lp-1-head__logo {
        width: 9.33333vw;
    }
}

.c-lp-1-kv {
    position: relative;
    padding-top: 17.03704vw;
    height: 53.33333vw;
    background: url("../img/lp/strawberry/img_kv.jpg") 0 0 no-repeat;
    background-size: cover;
}

@media screen and (max-width: 750px) {
    .c-lp-1-kv {
        padding-top: 15.33333vw;
        height: 166.66667vw;
        background-image: url("../img/lp/strawberry/sp/img_kv.jpg");
    }
}

.c-lp-1-kv__deco {
    position: absolute;
    bottom: 3.7037vw;
    left: -8.14815vw;
    display: block;
    width: 26.62963vw;
    opacity: 0;
    -webkit-transition: opacity 0.6s ease-out, -webkit-transform 0.6s;
    transition: opacity 0.6s ease-out, -webkit-transform 0.6s;
    transition: opacity 0.6s ease-out, transform 0.6s;
    transition: opacity 0.6s ease-out, transform 0.6s, -webkit-transform 0.6s;
    -webkit-transform: translateY(15px);
    transform: translateY(15px);
}

.is-load .c-lp-1-kv__deco {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.c-lp-1-kv__icon {
    position: absolute;
    top: 3.33333vw;
    right: 3.33333vw;
    display: block;
    width: 10.8vw;
}

@media screen and (min-width: 751px) {
    .c-lp-1-kv__icon {
        display: none;
    }
}

.c-lp-1-kv__contents {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 5.55556vw;
    margin-left: 28.51852vw;
    opacity: 0;
    -webkit-transition: opacity 0.6s ease-out, -webkit-transform 0.6s;
    transition: opacity 0.6s ease-out, -webkit-transform 0.6s;
    transition: opacity 0.6s ease-out, transform 0.6s;
    transition: opacity 0.6s ease-out, transform 0.6s, -webkit-transform 0.6s;
    -webkit-transform: translateY(15px);
    transform: translateY(15px);
}

@media screen and (max-width: 750px) {
    .c-lp-1-kv__contents {
        margin-left: 4vw;
    }
}

.is-load .c-lp-1-kv__contents {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.c-lp-1-kv__contents-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.c-lp-1-kv__contents-list-item {
    margin-left: 2.22222vw;
    width: 5.18519vw;
}

@media screen and (max-width: 750px) {
    .c-lp-1-kv__contents-list-item {
        margin-left: 4vw;
        width: 10vw;
    }
}

.c-lp-1-kv__contents-txt-en {
    color: #231815;
    -ms-writing-mode: tb-rl;
    font-size: 0.66667vw;

    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
}

@media screen and (max-width: 750px) {
    .c-lp-1-kv__contents-txt-en {
        font-size: 1.46667vw;
    }
}

.c-lp-1-kv__contents-txt {
    color: #231815;
    -ms-writing-mode: tb-rl;
    font-size: 1.55556vw;
    line-height: calc(31 / 21);

    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
}

@media screen and (max-width: 750px) {
    .c-lp-1-kv__contents-txt {
        font-size: 3.33333vw;
    }
}

.c-lp-1-kv__contents-icon {
    width: 3.92593vw;
}

.c-lp-1-inner {
    position: relative;
}

.c-lp-1-deco {
    position: absolute;
    z-index: 100;
    display: block;
}

.c-lp-1-deco--1 {
    top: 7.40741vw;
    right: -6.2963vw;
    width: 36.66667vw;
}

@media screen and (max-width: 750px) {
    .c-lp-1-deco--1 {
        top: 214.66667vw;
        width: 48.13333vw;
    }
}

.c-lp-1-deco--2 {
    top: 85.18519vw;
    left: -2.59259vw;
    width: 25.7037vw;
}

@media screen and (max-width: 750px) {
    .c-lp-1-deco--2 {
        top: 337.33333vw;
        left: 1.33333vw;
        width: 44.13333vw;
    }
}

.c-lp-1-main {
    position: relative;
    padding-top: 8.88889vw;
    height: 101.59259vw;
    background: url("../img/lp/strawberry/img_bg-main.jpg") 0 0 no-repeat;
    background-size: cover;
}

@media screen and (max-width: 750px) {
    .c-lp-1-main {
        padding-top: 20vw;
        height: 358.53333vw;
        background-image: url("../img/lp/strawberry/sp/img_bg-main.jpg");
    }
}

@media screen and (max-width: 750px) {
    .c-lp-1-main__container {
        padding: 0 7.33333vw;
    }
}

.c-lp-1-main__label {
    position: absolute;
    display: block;
    overflow: hidden;
}

.c-lp-1-main__label--1 {
    top: 5.18519vw;
    left: 8.88889vw;
    width: 7.85185vw;
}

@media screen and (max-width: 750px) {
    .c-lp-1-main__label--1 {
        top: 113.33333vw;
        width: 14.8vw;
    }
}

.c-lp-1-main__label--2 {
    top: 14.81481vw;
    left: -1.11111vw;
    width: 13.7037vw;
}

@media screen and (max-width: 750px) {
    .c-lp-1-main__label--2 {
        top: 128vw;
        left: 1.33333vw;
        width: 13.33333vw;
    }
}

.c-lp-1-main__label-inner {
    display: block;
    width: 100%;
    -webkit-transition: -webkit-transform 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: -webkit-transform 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: transform 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: transform 1s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-transform: translate(-150%, 0) scale(1.5, 1);
    transform: translate(-150%, 0) scale(1.5, 1);
}

.c-lp-1-main__label.fadein .c-lp-1-main__label-inner {
    -webkit-transform: translate(0, 0) scale(1, 1);
    transform: translate(0, 0) scale(1, 1);
}

.c-lp-1-main__label--2 .c-lp-1-main__label-inner {
    -webkit-transition-delay: .5s;
    transition-delay: .5s;
}

.c-lp-1-main__label-inner img {
    width: 100%;
}

.c-lp-1-main__ttl {
    margin-bottom: 2.59259vw;
    color: #fff;
    text-align: center;
    letter-spacing: 0.1em;
    font-weight: bold;
    font-size: 2.81481vw;
    line-height: calc(55 / 38);
}

@media screen and (max-width: 750px) {
    .c-lp-1-main__ttl {
        margin-bottom: 6.66667vw;
        font-size: 6.13333vw;
    }
}

.c-lp-1-main__txt {
    color: #fff;
    text-align: center;
    font-weight: bold;
    font-size: 1.18519vw;
    line-height: calc(35 / 16);
    line-height: 2.1875;
}

@media screen and (max-width: 750px) {
    .c-lp-1-main__txt {
        text-align: left;
        font-size: 3.6vw;
        line-height: calc(52 / 27);
    }
}

.c-lp-1-main__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    margin-top: 4.44444vw;

    -webkit-box-pack: center;
    justify-content: center;
}

@media screen and (max-width: 750px) {
    .c-lp-1-main__list {
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        margin-top: 0;

        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
    }
}

@media screen and (max-width: 750px) {
    .c-lp-1-main__list-item {
        margin-top: 21.33333vw;
    }
}

.c-lp-1-main__list-img {
    position: relative;
    width: 36.33333vw;
}

.c-lp-1-main__list-img--1 {
    top: -3vw;
    left: 4.81481vw;
}

@media screen and (max-width: 750px) {
    .c-lp-1-main__list-img--1 {
        top: 0;
        left: 0;
        margin-left: 13.33333vw;
    }
}

@media screen and (max-width: 750px) {
    .c-lp-1-main__list-img--2 {
        margin-left: 13.33333vw;
    }
}

@media screen and (max-width: 750px) {
    .c-lp-1-main__list-img {
        margin-right: auto;
        width: 65.4vw;
    }
}

.c-lp-1-main__list-label {
    display: block;
    margin-bottom: 0.74074vw;
}

.c-lp-1-main__list-label--1 {
    width: 15.55556vw;
}

@media screen and (max-width: 750px) {
    .c-lp-1-main__list-label--1 {
        width: 32vw;
    }
}

.c-lp-1-main__list-label--2 {
    width: 10.07407vw;
}

@media screen and (max-width: 750px) {
    .c-lp-1-main__list-label--2 {
        width: 20vw;
    }
}

.c-lp-1-main__list-txt-area {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: -8.5vw;
}

@media screen and (max-width: 750px) {
    .c-lp-1-main__list-txt-area {
        -ms-flex-pack: center;

        -webkit-box-pack: center;
        justify-content: center;
    }
}

.c-lp-1-main__list-txt-area--2 {
    -ms-flex-pack: end;
    margin-top: -5.5vw;

    -webkit-box-pack: end;
    justify-content: flex-end;
}

@media screen and (max-width: 750px) {
    .c-lp-1-main__list-txt-area--2 {
        -ms-flex-pack: center;
        margin-top: -8vw;

        -webkit-box-pack: center;
        justify-content: center;
    }
}

.c-lp-1-main__list-txt {
    color: #fff;
    font-weight: bold;
    font-size: 2.37037vw;
    font-family: "Noto Serif JP", serif;
}

@media screen and (max-width: 750px) {
    .c-lp-1-main__list-txt {
        font-size: 4.66667vw;
    }
}

.c-lp-1-main__list-bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: end;
    margin-top: 0.74074vw;

    -webkit-box-align: end;
    align-items: flex-end;
}

@media screen and (max-width: 750px) {
    .c-lp-1-main__list-bottom {
        -ms-flex-align: center;

        -webkit-box-align: center;
        align-items: center;
    }
}

@media screen and (max-width: 750px) {
    .c-lp-1-main__list-bottom--2 {
        -ms-flex-align: start;

        -webkit-box-align: start;
        align-items: flex-start;
    }
}

.c-lp-1-main__list-txt-en {
    display: block;
}

@media screen and (max-width: 750px) {
    .c-lp-1-main__list-txt-en {
        margin-right: 4vw;
    }
}

.c-lp-1-main__list-txt-en--1 {
    width: 13.55556vw;
}

@media screen and (max-width: 750px) {
    .c-lp-1-main__list-txt-en--1 {
        width: 29.06667vw;
    }
}

.c-lp-1-main__list-txt-en--2 {
    width: 12.07407vw;
}

@media screen and (max-width: 750px) {
    .c-lp-1-main__list-txt-en--2 {
        width: 33.2vw;
    }
}

.c-lp-1-main__list-price {
    display: block;
    padding-bottom: 0.37037vw;
}

.c-lp-1-main__list-price--1 {
    width: 11.33333vw;
}

@media screen and (max-width: 750px) {
    .c-lp-1-main__list-price--1 {
        width: 14.8vw;
    }
}

.c-lp-1-main__list-price--2 {
    margin-left: 0.74074vw;
    width: 9.25926vw;
}

@media screen and (max-width: 750px) {
    .c-lp-1-main__list-price--2 {
        margin-left: 0;
        width: 10.66667vw;
    }
}

.c-lp-1-main__list-price-num {
    color: #fff;
    font-size: 2.66667vw;
}

@media screen and (max-width: 750px) {
    .c-lp-1-main__list-price-num {
        font-size: 6.8vw;
    }
}

.c-lp-1-contents {
    position: relative;
    padding-top: 14.81481vw;
    padding-bottom: 25.18519vw;
    background-color: #FFE1DC;
}

@media screen and (max-width: 750px) {
    .c-lp-1-contents {
        padding-top: 37.33333vw;
    }
}

.c-lp-1-contents__spoon {
    position: absolute;
    z-index: 10;
}

.c-lp-1-contents__spoon--1 {
    top: 32.59259vw;
    left: -20.74074vw;
    width: 56.66667vw;
}

@media screen and (max-width: 750px) {
    .c-lp-1-contents__spoon--1 {
        top: 66vw;
        left: -33.33333vw;
        width: 89.33333vw;
    }
}

.c-lp-1-contents__spoon--2 {
    top: 76.2963vw;
    right: -32.59259vw;
    width: 65.18519vw;
}

@media screen and (max-width: 750px) {
    .c-lp-1-contents__spoon--2 {
        top: 220vw;
        right: -53.33333vw;
        width: 117.33333vw;
    }
}

.c-lp-1-contents__deco {
    position: absolute;
}

.c-lp-1-contents__deco--1 {
    top: 35.18519vw;
    right: -7.40741vw;
    width: 20.07407vw;
}

@media screen and (max-width: 750px) {
    .c-lp-1-contents__deco--1 {
        top: 135.33333vw;
        right: -13.33333vw;
        width: 36.13333vw;
    }
}

.c-lp-1-contents__deco--2 {
    top: 84.81481vw;
    left: -9.62963vw;
    width: 15.40741vw;
}

@media screen and (max-width: 750px) {
    .c-lp-1-contents__deco--2 {
        top: 290.66667vw;
        left: -2vw;
        width: 29.46667vw;
    }
}

.c-lp-1-contents__deco--3 {
    right: 0;
    bottom: -3.7037vw;
    width: 21.77778vw;
}

@media screen and (max-width: 750px) {
    .c-lp-1-contents__deco--3 {
        bottom: -6.66667vw;
        width: 34.13333vw;
    }
}

.c-lp-1-block--1 {
    margin-left: 8.51852vw;
}

@media screen and (max-width: 750px) {
    .c-lp-1-block--1 {
        margin-left: auto;
    }
}

.c-lp-1-block--2 {
    margin-top: 9.25926vw;
}

@media screen and (max-width: 750px) {
    .c-lp-1-block--2 {
        margin-top: 15.33333vw;
    }
}

.c-lp-1-block--3 {
    margin-top: 1.48148vw;
    margin-left: 6.2963vw;
}

@media screen and (max-width: 750px) {
    .c-lp-1-block--3 {
        margin-top: 16vw;
        margin-left: auto;
    }
}

.c-lp-1-block__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

@media screen and (max-width: 750px) {
    .c-lp-1-block__container {
        display: block;
    }
}

.c-lp-1-block__container--reverse {
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;

    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
}

.c-lp-1-block--3 .c-lp-1-block__container {
    -ms-flex-align: end;

    -webkit-box-align: end;
    align-items: flex-end;
}

.c-lp-1-block__img--1 {
    width: 37.22222vw;
}

@media screen and (max-width: 750px) {
    .c-lp-1-block__img--1 {
        margin: 0 auto;
        width: 67.33333vw;
    }
}

.c-lp-1-block__img--2 {
    margin-left: -11.11111vw;
    width: 48.92593vw;
}

@media screen and (max-width: 750px) {
    .c-lp-1-block__img--2 {
        margin-right: 0;
        margin-left: auto;
        width: 88.13333vw;
    }
}

.c-lp-1-block__img--3 {
    width: 54.77778vw;
}

@media screen and (max-width: 750px) {
    .c-lp-1-block__img--3 {
        margin: 0 auto;
        width: 94.66667vw;
    }
}

.c-lp-1-block--1 .c-lp-1-block__txt-area {
    margin-left: 6.66667vw;
    padding-top: 7.77778vw;
}

@media screen and (max-width: 750px) {
    .c-lp-1-block--1 .c-lp-1-block__txt-area {
        margin-left: 0;
        padding: 0 7.33333vw;
        padding-top: 14.66667vw;
    }
}

.c-lp-1-block--2 .c-lp-1-block__txt-area {
    padding-top: 4.44444vw;
}

@media screen and (max-width: 750px) {
    .c-lp-1-block--2 .c-lp-1-block__txt-area {
        padding: 0 7.33333vw;
        padding-top: 10.66667vw;
    }
}

.c-lp-1-block--3 .c-lp-1-block__txt-area {
    margin-bottom: -2.96296vw;
    margin-left: -2.22222vw;
}

@media screen and (max-width: 750px) {
    .c-lp-1-block--3 .c-lp-1-block__txt-area {
        margin: 0;
        padding: 0 7.33333vw;
        padding-top: 4vw;
    }
}

.c-lp-1-block__ttl {
    overflow: hidden;
    margin-bottom: 2.59259vw;
}

.c-lp-1-block__ttl--1 {
    margin-left: -2.22222vw;
    width: 35.62963vw;
}

@media screen and (max-width: 750px) {
    .c-lp-1-block__ttl--1 {
        margin-left: 0;
        width: 73.33333vw;
    }
}

.c-lp-1-block__ttl--2 {
    position: relative;
    left: -1.48148vw;
    width: 42.51852vw;
}

@media screen and (max-width: 750px) {
    .c-lp-1-block__ttl--2 {
        width: 87.46667vw;
    }
}

.c-lp-1-block__ttl--3 {
    width: 22.22222vw;
}

@media screen and (max-width: 750px) {
    .c-lp-1-block__ttl--3 {
        margin-bottom: 6.66667vw;
        width: 45.46667vw;
    }
}

.c-lp-1-block__ttl-inner {
    display: block;
    -webkit-transition: -webkit-transform 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: -webkit-transform 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: transform 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: transform 1s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-transform: translate(0px, 150%) scale(1, 1.5);
    transform: translate(0px, 150%) scale(1, 1.5);
}

.c-lp-1-block__ttl.fadein .c-lp-1-block__ttl-inner {
    -webkit-transform: translate(0, 0) scale(1, 1);
    transform: translate(0, 0) scale(1, 1);
}

.c-lp-1-block__txt-l {
    margin-bottom: 1.85185vw;
    color: #AD0619;
    letter-spacing: 0.2em;
    font-weight: bold;
    font-size: 2.14815vw;
    line-height: calc(40 / 29);

    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
}

@media screen and (max-width: 750px) {
    .c-lp-1-block__txt-l {
        margin-bottom: 4vw;
        font-size: 4.8vw;
        line-height: calc(56  / 36);
    }
}

.c-lp-1-block__txt {
    color: #40220F;
    font-weight: bold;
    font-size: 1.18519vw;
    line-height: 2;
}

@media screen and (max-width: 750px) {
    .c-lp-1-block__txt {
        letter-spacing: 0.05em;
        font-size: 3.46667vw;
        line-height: calc(40  / 26);
    }
}

.c-lp-1-block__note {
    margin-top: 1.11111vw;
    color: #AD0619;
    letter-spacing: 0.05em;
    font-weight: bold;
    font-size: 1.03704vw;
    line-height: calc(26 / 14);

    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
}

@media screen and (max-width: 750px) {
    .c-lp-1-block__note {
        white-space: nowrap;
        font-size: 2.93333vw;
    }
}

.c-lp-1-movie {
    width: 100%;
}

@media screen and (max-width: 750px) {
    .c-lp-1-movie {
        margin-top: -10vw;
    }
}

.c-lp-1-movie__contents {
    width: 100%;
}

.c-lp-1-movie img {
    width: 100%;
}

.ichigo-annin .c-sns {
    background-color: #800619;
}

.c-lp-1-box {
    position: relative;
    padding-top: 5.18519vw;
    padding-bottom: 7.40741vw;
    background-color: #FECCC8;
}

@media screen and (max-width: 750px) {
    .c-lp-1-box {
        padding-top: 21.33333vw;
        padding-bottom: 25.33333vw;
        background: -webkit-gradient(linear, left top, right top, from(#feccc8), to(#ffd8d1));
        background: linear-gradient(to right, #feccc8 0%, #ffd8d1 100%);
    }
}

.c-lp-1-box::before, .c-lp-1-box::after {
    position: absolute;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 9.25926vw;
    content: "";
}

@media screen and (max-width: 750px) {
    .c-lp-1-box::before, .c-lp-1-box::after {
        height: 13.33333vw;
    }
}

/*.c-lp-1-box::before {
    top: -8.14815vw;
    background: url("../img/lp/strawberry/img_bg-wave_02.png") 0 0 no-repeat;
    background-size: 100% auto;
}

@media screen and (max-width: 750px) {
    .c-lp-1-box::before {
        background-image: url("../img/lp/strawberry/sp/img_bg-wave_02.png");
    }
}

.c-lp-1-box::after {
    bottom: -5.55556vw;
    background: url("../img/lp/strawberry/img_bg-wave_01.png") 0 0 no-repeat;
    background-size: 100% auto;
}

@media screen and (max-width: 750px) {
    .c-lp-1-box::after {
        bottom: -8.66667vw;
        background-image: url("../img/lp/strawberry/sp/img_bg-wave_01.png");
    }
}*/

.c-lp-1-box__ttl {
    margin: 0 auto 1.11111vw;
    width: 30.14815vw;
}

@media screen and (max-width: 750px) {
    .c-lp-1-box__ttl {
        margin-bottom: 4vw;
        width: 63.6vw;
    }
}

.c-lp-1-box__ttl-txt {
    color: #fff;
    text-align: center;
    letter-spacing: 0.1em;
    font-weight: 600;
    font-size: calc(72vw / 1350 * 100);
    font-family: "Montserrat", sans-serif;
    line-height: 1.2;
}

@media screen and (max-width: 750px) {
    .c-lp-1-box__ttl-txt {
        font-size: calc(90vw / 750 * 100);
        line-height: 1.3;
    }
}

.c-lp-1-box__sub-ttl {
    color: #AD0619;
    text-align: center;
    letter-spacing: 0.2em;
    font-weight: bold;
    font-size: 1.77778vw;
}

@media screen and (max-width: 750px) {
    .c-lp-1-box__sub-ttl {
        font-size: 4.8vw;
    }
}

.c-lp-1-box__date {
    display: block;
    margin: 0 auto 1.48148vw 17.77778vw;
    width: 31.48148vw;
}

@media screen and (max-width: 750px) {
    .c-lp-1-box__date {
        margin: 0 auto 3.33333vw;
        width: 77.33333vw;
    }
}

.c-lp-1-box__date-l {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    -ms-flex-align: center;
    margin-bottom: calc(20vw / 1350 * 100);

    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}

@media screen and (max-width: 750px) {
    .c-lp-1-box__date-l {
        margin-bottom: calc(20vw / 750 * 100);
    }
}

.c-lp-1-box__date-icon {
    margin-right: calc(15vw / 1350 * 100);
    width: calc(70vw / 1350 * 100);
}

@media screen and (max-width: 750px) {
    .c-lp-1-box__date-icon {
        margin-right: calc(20vw / 750 * 100);
        width: calc(100vw / 750 * 100);
    }
}

.c-lp-1-box__date-txt {
    color: #AD0619;
    font-weight: 400;
    font-size: calc(60vw / 1350 * 100);
    font-family: 'Work Sans', sans-serif;
}

@media screen and (max-width: 750px) {
    .c-lp-1-box__date-txt {
        font-size: calc(81vw / 750 * 100);
    }
}

@media screen and (max-width: 750px) {
    .c-lp-1-box__date-txt--narrow {
        letter-spacing: -0.02em;
    }
}

.c-lp-1-box__date-txt-s {
    margin-left: 0.1em;
    font-weight: 500;
    font-size: calc(18vw / 1350 * 100);
}

@media screen and (max-width: 750px) {
    .c-lp-1-box__date-txt-s {
        font-size: calc(29vw / 750 * 100);
    }
}

.c-lp-1-box__date-txt-bar {
    margin-right: 0.1em;
}

.c-lp-1-box__contents {
    margin: 0 auto;
    margin-top: 2.22222vw;
    padding-top: 2.96296vw;
    padding-bottom: 3.33333vw;
    width: 68.81481vw;
    border: 1px solid #AD0619;
    border-radius: 1.48148vw;
    background-color: #fff;
}

@media screen and (max-width: 750px) {
    .c-lp-1-box__contents {
        margin-top: 8vw;
        padding-top: 9.33333vw;
        padding-bottom: 8.66667vw;
        width: 86.66667vw;
        border-radius: 2.66667vw;
    }
}

.c-lp-1-box__txt {
    color: #40220F;
    text-align: center;
    font-weight: bold;
    font-size: 1.18519vw;
    line-height: 1.63;
}

@media screen and (max-width: 750px) {
    .c-lp-1-box__txt {
        font-size: 4.26667vw;
        line-height: 1.625;
    }
}

.c-lp-1-box__txt-l {
    color: #AD0619;
    font-weight: bold;
    font-size: 1.62963vw;
}

@media screen and (max-width: 750px) {
    .c-lp-1-box__txt-l {
        font-size: 5.06667vw;
    }
}

.c-lp-1-box__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    margin-top: 1.48148vw;
    margin-bottom: 2.59259vw;

    -webkit-box-pack: center;
    justify-content: center;
}

@media screen and (max-width: 750px) {
    .c-lp-1-box__inner {
        display: block;
        margin-top: 6.66667vw;
        margin-bottom: 7.33333vw;
    }
}

.c-lp-1-box__col {
    position: relative;
    padding: 2.22222vw;
    padding-bottom: 6.66667vw;
    width: 30.37037vw;
    border-radius: 0.74074vw;
    background-color: #FFE1DC;
}

@media screen and (max-width: 750px) {
    .c-lp-1-box__col {
        margin: 0 auto;
        padding: 4vw 5.33333vw 5.33333vw;
        width: 78.66667vw;
    }
}

.c-lp-1-box__col:nth-of-type(1) {
    margin-right: 0.51852vw;
}

@media screen and (max-width: 750px) {
    .c-lp-1-box__col:nth-of-type(1) {
        margin-right: auto;
        margin-bottom: 2.66667vw;
    }
}

.c-lp-1-box__col-ttl {
    margin: 0 auto 1.85185vw;
}

@media screen and (max-width: 750px) {
    .c-lp-1-box__col-ttl {
        margin-bottom: 4.66667vw;
    }
}

.c-lp-1-box__col-ttl--tw {
    margin-left: 7.77778vw;
    width: 8.14815vw;
}

@media screen and (max-width: 750px) {
    .c-lp-1-box__col-ttl--tw {
        margin-left: 20vw;
        width: 24vw;
    }
}

.c-lp-1-box__col-ttl--insta {
    margin-left: 7.03704vw;
    width: 10.37037vw;
}

@media screen and (max-width: 750px) {
    .c-lp-1-box__col-ttl--insta {
        margin-left: 16.66667vw;
        width: 30.93333vw;
    }
}

.c-lp-1-box__col-list-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    margin-bottom: 0.88889vw;

    -webkit-box-align: center;
    align-items: center;
}

@media screen and (max-width: 750px) {
    .c-lp-1-box__col-list-item {
        margin-bottom: 1.33333vw;
    }
}

.c-lp-1-box__col-list-label {
    display: inline-block;
    margin-right: 1.11111vw;
    padding: 0 0.96296vw;
    padding-top: 0.1em;
    border: 1px solid #AD0619;
    border-radius: 0.37037vw;
    color: #AD0619;
    font-weight: bold;
    font-size: 1.03704vw;
}

@media screen and (max-width: 750px) {
    .c-lp-1-box__col-list-label {
        margin-right: 2.66667vw;
        padding: 0 1.5vw;
        padding-top: 0.1em;
        font-size: 2.8vw;
    }
}

.ie .c-lp-1-box__col-list-label {
    padding-top: 0.3em;
}

.safari .c-lp-1-box__col-list-label {
    padding-top: 0.2em;
}

.c-lp-1-box__col-list-txt {
    color: #40220F;
    font-weight: bold;
    font-size: 1.18519vw;
}

@media screen and (max-width: 750px) {
    .c-lp-1-box__col-list-txt {
        font-size: 3.33333vw;

        -webkit-font-feature-settings: "palt";
        font-feature-settings: "palt";
    }
}

.c-lp-1-box__btn {
    position: absolute;
    bottom: 2.22222vw;
    left: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    -ms-flex-align: center;
    margin: 2.22222vw auto 0;
    width: 23.55556vw;
    height: 4.14815vw;
    border-radius: 0.74074vw;
    background-color: #C32D3B;
    -webkit-box-shadow: 2px 4px 4px rgba(0, 0, 0, 0.3);
    box-shadow: 2px 4px 4px rgba(0, 0, 0, 0.3);
    -webkit-transition: opacity 300ms;
    transition: opacity 300ms;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);

    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}

.c-lp-1-box__btn:hover {
    opacity: 0.8;
}

@media screen and (max-width: 850px) {
    .c-lp-1-box__btn {
        width: 25vw;
    }
}

@media screen and (max-width: 750px) {
    .c-lp-1-box__btn {
        position: static;
        margin-top: 5.33333vw;
        width: 100%;
        height: 12.53333vw;
        border-radius: 1.33333vw;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

.c-lp-1-box__btn-icon {
    display: block;
    margin-right: 0.74074vw;
    line-height: 0;
}

@media screen and (max-width: 750px) {
    .c-lp-1-box__btn-icon {
        margin-right: 1.6vw;
    }
}

.c-lp-1-box__btn-icon--tw {
    width: 1.55556vw;
}

@media screen and (max-width: 750px) {
    .c-lp-1-box__btn-icon--tw {
        width: 4.93333vw;
    }
}

.c-lp-1-box__btn-icon--insta {
    width: 1.48148vw;
}

@media screen and (max-width: 750px) {
    .c-lp-1-box__btn-icon--insta {
        width: 4.26667vw;
    }
}

.c-lp-1-box__btn-txt {
    color: #fff;
    font-weight: bold;
    font-size: 1.18519vw;
}

@media screen and (max-width: 750px) {
    .c-lp-1-box__btn-txt {
        font-size: 3.46667vw;

        -webkit-font-feature-settings: "palt";
        font-feature-settings: "palt";
    }
}

.ie .c-lp-1-box__btn-txt {
    padding-top: 0.1em;
}

.c-lp-1-box__link-wrap {
    text-align: center;
}

.c-lp-1-box__link {
    position: relative;
    padding-right: 1.85185vw;
    padding-bottom: 0.37037vw;
    border-bottom: 1px solid;
    color: #40220F;
    font-weight: bold;
    font-size: 1.33333vw;
    -webkit-transition: opacity 300ms;
    transition: opacity 300ms;
}

.c-lp-1-box__link:hover {
    opacity: 0.8;
}

.ie .c-lp-1-box__link {
    padding-bottom: 0.15vw;
}

@media screen and (max-width: 750px) {
    .c-lp-1-box__link {
        padding-right: 4.5vw;
        padding-bottom: 1.33333vw;
        font-size: 3.46667vw;
    }
}

.c-lp-1-box__link::after {
    position: absolute;
    top: 10%;
    right: 0;
    width: 0.96296vw;
    height: 0.96296vw;
    background: url("../img/icon_open-link.png") 0 0 no-repeat;
    background-size: 100% auto;
    content: "";
}

@media screen and (max-width: 750px) {
    .c-lp-1-box__link::after {
        width: 2.93333vw;
        height: 2.93333vw;
    }
}

.c-lp-1-box__stamp {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: calc(80 / 1350 * 100vw);
}

@media screen and (max-width: 750px) {
    .c-lp-1-box__stamp {
        display: block;
        margin-left: 0;
    }
}

.c-lp-1-box__stamp-img {
    margin-top: calc(10 / 1350 * 100vw);
    margin-right: calc(40 / 1350 * 100vw);
    width: calc(237 / 1350 * 100vw);
}

@media screen and (max-width: 750px) {
    .c-lp-1-box__stamp-img {
        margin: calc(35 / 750 * 100vw) auto calc(50 / 750 * 100vw);
        width: calc(368 / 750 * 100vw);
    }
}

.c-lp-1-box__stamp-txt-l {
    margin-bottom: calc(25 / 1350 * 100vw);
    color: #AD0619;
    letter-spacing: 0.1em;
    font-weight: bold;
    font-size: calc(32 / 1350 * 100vw);
}

@media screen and (max-width: 750px) {
    .c-lp-1-box__stamp-txt-l {
        margin-bottom: calc(50 / 750 * 100vw);
        text-align: center;
        white-space: nowrap;
        letter-spacing: 0.05em;
        font-size: calc(47 / 750 * 100vw);
    }
}

.c-lp-1-box__stamp-txt-l-line {
    display: inline-block;
    border-bottom: 2px solid #AD0619;
}

.c-lp-1-box__stamp-txt {
    color: #AD0619;
    font-weight: bold;
    font-size: calc(16 / 1350 * 100vw);
    line-height: 1.75;
}

@media screen and (max-width: 750px) {
    .c-lp-1-box__stamp-txt {
        text-align: center;
        letter-spacing: 0.1em;
        font-size: calc(25 / 750 * 100vw);
    }
}

.c-lp-1-box__stamp-txt-marker {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, #FFFF00));
    background: linear-gradient(transparent 60%, #FFFF00 60%);
}

/*  c-lp-2
--------------------------------------------- */
@-webkit-keyframes wave-1 {
    0% {
        -webkit-transform: scale(1, 1) translateX(-15%);
        transform: scale(1, 1) translateX(-15%);
    }
    100% {
        -webkit-transform: scale(1.25, 1.125) translateX(15%);
        transform: scale(1.25, 1.125) translateX(15%);
    }
}
@keyframes wave-1 {
    0% {
        -webkit-transform: scale(1, 1) translateX(-15%);
        transform: scale(1, 1) translateX(-15%);
    }
    100% {
        -webkit-transform: scale(1.25, 1.125) translateX(15%);
        transform: scale(1.25, 1.125) translateX(15%);
    }
}

@-webkit-keyframes wave-2 {
    0% {
        -webkit-transform: scale(1, 1) translateY(-15%);
        transform: scale(1, 1) translateY(-15%);
    }
    100% {
        -webkit-transform: scale(1.25, 1.125) translateY(15%);
        transform: scale(1.25, 1.125) translateY(15%);
    }
}

@keyframes wave-2 {
    0% {
        -webkit-transform: scale(1, 1) translateY(-15%);
        transform: scale(1, 1) translateY(-15%);
    }
    100% {
        -webkit-transform: scale(1.25, 1.125) translateY(15%);
        transform: scale(1.25, 1.125) translateY(15%);
    }
}

@-webkit-keyframes wave-3 {
    0% {
        -webkit-transform: scale(1, 1) translate(-15%, 15%);
        transform: scale(1, 1) translate(-15%, 15%);
    }
    100% {
        -webkit-transform: scale(1.25, 1.125) translate(15%, -5%);
        transform: scale(1.25, 1.125) translate(15%, -5%);
    }
}

@keyframes wave-3 {
    0% {
        -webkit-transform: scale(1, 1) translate(-15%, 15%);
        transform: scale(1, 1) translate(-15%, 15%);
    }
    100% {
        -webkit-transform: scale(1.25, 1.125) translate(15%, -5%);
        transform: scale(1.25, 1.125) translate(15%, -5%);
    }
}

@-webkit-keyframes wave-4 {
    0% {
        -webkit-transform: scale(1, 1) translate(-15%, -15%);
        transform: scale(1, 1) translate(-15%, -15%);
    }
    100% {
        -webkit-transform: scale(1.25, 1.125) translate(10%, 10%);
        transform: scale(1.25, 1.125) translate(10%, 10%);
    }
}

@keyframes wave-4 {
    0% {
        -webkit-transform: scale(1, 1) translate(-15%, -15%);
        transform: scale(1, 1) translate(-15%, -15%);
    }
    100% {
        -webkit-transform: scale(1.25, 1.125) translate(10%, 10%);
        transform: scale(1.25, 1.125) translate(10%, 10%);
    }
}

@-webkit-keyframes txt-fade {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    100% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
}

@keyframes txt-fade {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    100% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
}

@-webkit-keyframes icon-zoom {
    0% {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes icon-zoom {
    0% {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@-webkit-keyframes circle-large {
    0% {
        -webkit-transform: scale(0.5) rotate(-50deg);
        transform: scale(0.5) rotate(-50deg);
    }
    100% {
        -webkit-transform: scale(1) rotate(0);
        transform: scale(1) rotate(0);
    }
}

@keyframes circle-large {
    0% {
        -webkit-transform: scale(0.5) rotate(-50deg);
        transform: scale(0.5) rotate(-50deg);
    }
    100% {
        -webkit-transform: scale(1) rotate(0);
        transform: scale(1) rotate(0);
    }
}

.c-lp .c-sns {
    padding-top: 90px;
}

@media screen and (max-width: 1350px) {
    .c-lp .c-sns {
        padding-top: 6.66667vw;
    }
}

@media screen and (max-width: 750px) {
    .c-lp .c-sns {
        padding-top: 18.66667vw;
    }
}

@media screen and (max-width: 750px) {
    .c-lp .footer {
        padding-bottom: 1.33333vw;
    }
}

/* ---------------------------------------------
*   c-lp-2-kv
--------------------------------------------- */
.c-lp-2-kv {
    position: relative;
    overflow: hidden;
    min-height: 45vw;
    height: 100vh;
}

@media (orientation: landscape) and (max-width: 750px) {
    .c-lp-2-kv {
        height: 177.86667vw !important;
    }
}

.c-lp-2-kv__img {
    width: 100%;
    height: 100%;
    background: url("../img/lp/iyokan/img_kv.jpg") center center no-repeat;
    background-size: cover;
    -webkit-transition: -webkit-transform 1.5s;
    transition: -webkit-transform 1.5s;
    transition: transform 1.5s;
    transition: transform 1.5s, -webkit-transform 1.5s;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

@media screen and (max-width: 750px) {
    .c-lp-2-kv__img {
        background-image: url("../img/lp/iyokan/sp/img_kv.jpg");
    }
}

.is-load .c-lp-2-kv__img {
    -webkit-transform: scale(1);
    transform: scale(1);
}

.c-lp-2-kv__site-logo {
    position: absolute;
    top: 2.96296vw;
    top: 4.6vh;
    left: 2.96296vw;
    z-index: 100;
    display: block;
    width: 5.25926vw;
    -webkit-transition: opacity 300ms;
    transition: opacity 300ms;
}

.c-lp-2-kv__site-logo:hover {
    opacity: 0.8;
}

@media screen and (max-width: 750px) {
    .c-lp-2-kv__site-logo {
        top: 5.33333vw;
        left: 4.66667vw;
        width: 9.33333vw;
    }
}

.c-lp-2-kv__page-logo {
    position: absolute;
    top: 3.11111vw;
    right: 3.7037vw;
    z-index: 100;
    display: block;
    width: 5.81481vw;
}

@media screen and (max-width: 750px) {
    .c-lp-2-kv__page-logo {
        top: 4vw;
        right: 4vw;
        width: 9.33333vw;
    }
}

.c-lp-2-kv__cont {
    position: absolute;
    z-index: 100;
    opacity: 0;
    -webkit-transition: opacity 0.6s;
    transition: opacity 0.6s;
    -webkit-transition-delay: 1.5s;
    transition-delay: 1.5s;
}

.is-load .c-lp-2-kv__cont {
    opacity: 1;
}

.c-lp-2-kv__cont--red {
    top: 12.59259vw;
    left: 12.74074vw;
}

@media screen and (max-width: 750px) {
    .c-lp-2-kv__cont--red {
        top: 17.33333vw;
        left: 45.33333vw;
        padding: 6.66667vw;
        background: url("../img/lp/iyokan/img_bg-txt-area_01.png") 0 0 no-repeat;
        background-size: 51.46667vw 39.33333vw;
    }
}

.c-lp-2-kv__cont--white {
    right: 14.07407vw;
    bottom: 14.81481vw;
}

@media screen and (max-width: 750px) {
    .c-lp-2-kv__cont--white {
        right: auto;
        bottom: 25.33333vw;
        left: 3.33333vw;
        padding: 6.66667vw;
        background: url("../img/lp/iyokan/img_bg-txt-area_02.png") 0 0 no-repeat;
        background-size: 37.86667vw 35.86667vw;
    }
}

.c-lp-2-kv__cont-icon {
    display: block;
    margin-bottom: 0.74074vw;
}

@media screen and (min-width: 751px) {
    .c-lp-2-kv__cont-icon {
        width: 1.18519vw !important;
        height: 1.18519vw !important;
        line-height: 1.18519vw;
    }
}

@media screen and (max-width: 750px) {
    .c-lp-2-kv__cont-icon {
        width: 4vw;
        height: 4vw;
        line-height: 4vw;
    }
}

@media screen and (max-width: 750px) {
    .c-lp-2-kv__cont-icon--2 {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }
}

.c-lp-2-kv__cont-icon img {
    width: 100%;
}

.c-lp-2-kv__cont-txt {
    margin-bottom: 0.37037vw;
    font-weight: bold;
    font-size: 1.40741vw;
    line-height: 1.25;
}

@media screen and (max-width: 750px) {
    .c-lp-2-kv__cont-txt {
        letter-spacing: -0.05em;
        font-size: 3.73333vw;
    }
}

.c-lp-2-kv__cont--red .c-lp-2-kv__cont-txt {
    color: #FF3702;
}

@media screen and (max-width: 750px) {
    .c-lp-2-kv__cont--red .c-lp-2-kv__cont-txt {
        color: #fff;
    }
}

.c-lp-2-kv__cont--white .c-lp-2-kv__cont-txt {
    color: #fff;
}

.c-lp-2-kv__cont-txt-en {
    font-size: 0.65556vw;
    font-family: "Montserrat", sans-serif;
}

@media screen and (max-width: 750px) {
    .c-lp-2-kv__cont-txt-en {
        font-size: 1.86667vw;
    }
}

.c-lp-2-kv__cont--red .c-lp-2-kv__cont-txt-en {
    color: #FF3702;
}

@media screen and (max-width: 750px) {
    .c-lp-2-kv__cont--red .c-lp-2-kv__cont-txt-en {
        color: #fff;
    }
}

.c-lp-2-kv__cont--white .c-lp-2-kv__cont-txt-en {
    color: #fff;
}

.c-lp-2-kv__cont-price {
    margin-top: 0.74074vw;
    font-weight: 600;
    font-size: 0.74074vw;
    font-family: "Montserrat", sans-serif;
}

@media screen and (max-width: 750px) {
    .c-lp-2-kv__cont-price {
        font-size: 1.86667vw;
    }
}

.c-lp-2-kv__cont--red .c-lp-2-kv__cont-price {
    color: #FF3702;
}

@media screen and (max-width: 750px) {
    .c-lp-2-kv__cont--red .c-lp-2-kv__cont-price {
        color: #fff;
    }
}

.c-lp-2-kv__cont--white .c-lp-2-kv__cont-price {
    color: #fff;
}

.c-lp-2-kv__cont-price-num {
    margin-left: 0.37037vw;
    font-size: 1.62963vw;
}

@media screen and (max-width: 750px) {
    .c-lp-2-kv__cont-price-num {
        font-size: 4.13333vw;
    }
}

.c-lp-2-kv__wave-wrap {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    width: 100vw;
}

.c-lp-2-kv__wave {
    position: absolute;
    z-index: 1;
}

.c-lp-2-kv__wave--1 {
    top: -1.48148vw;
    left: -101.48148vw;
    width: 290.96296vw;
}

@media screen and (min-width: 751px) {
    .c-lp-2-kv__wave--1 {
        -webkit-transform: scale(1, 1) translateX(-15%);
        transform: scale(1, 1) translateX(-15%);
    }
    .is-load .c-lp-2-kv__wave--1 {
        -webkit-animation: wave-1 15s ease 2.5s alternate infinite;
        animation: wave-1 15s ease 2.5s alternate infinite;
    }
}

@media screen and (max-width: 750px) {
    .c-lp-2-kv__wave--1 {
        top: -3.33333vw;
        left: -21.33333vw;
        width: 366.4vw;
        -webkit-transform: scale(1, 1) translate(-15%, -15%);
        transform: scale(1, 1) translate(-15%, -15%);
    }
    .is-load .c-lp-2-kv__wave--1 {
        -webkit-animation: wave-4 15s ease 2.5s alternate infinite;
        animation: wave-4 15s ease 2.5s alternate infinite;
    }
}

.c-lp-2-kv__wave--2 {
    top: -41.11111vw;
    top: -22.22222vw;
    left: -2.22222vw;
    width: 8.59259vw;
    height: 183.24538%;
    -webkit-transform: scale(1, 1) translateY(-15%);
    transform: scale(1, 1) translateY(-15%);
}

@media screen and (max-width: 750px) {
    .c-lp-2-kv__wave--2 {
        top: -27.33333vw;
        left: -10.66667vw;
        width: 20.26667vw;
    }
}

.is-load .c-lp-2-kv__wave--2 {
    -webkit-animation: wave-2 15s ease 2.5s alternate infinite;
    animation: wave-2 15s ease 2.5s alternate infinite;
}

.c-lp-2-kv__wave--2 img {
    width: 100%;
    height: 100%;
}

.c-lp-2-kv__wave--3 {
    bottom: -46.2963vw;
    left: -94.81481vw;
    width: 312vw;
    -webkit-transform: scale(1, 1) translate(-15%, 15%);
    transform: scale(1, 1) translate(-15%, 15%);
}

@media screen and (max-width: 750px) {
    .c-lp-2-kv__wave--3 {
        bottom: -59.33333vw;
        left: -216vw;
        width: 448.66667vw;
    }
}

.is-load .c-lp-2-kv__wave--3 {
    -webkit-animation: wave-3 15s ease 2.5s alternate infinite;
    animation: wave-3 15s ease 2.5s alternate infinite;
}

.c-lp-2-kv__wave--4 {
    top: -6.66667vw;
    left: 4.44444vw;
    width: 88.22222vw;
}

@media screen and (max-width: 750px) {
    .c-lp-2-kv__wave--4 {
        top: -5.33333vw;
        left: 6.66667vw;
        width: 95.06667vw;
    }
}

.c-lp-2-kv__wave--5 {
    top: -3.7037vw;
    right: -2.22222vw;
    width: 10.51852vw;
    height: 118.99736%;
}

@media screen and (max-width: 750px) {
    .c-lp-2-kv__wave--5 {
        top: 10.66667vw;
        right: -2vw;
        width: 14.66667vw;
        height: 92.05397%;
    }
}

.c-lp-2-kv__wave--5 img {
    width: 100%;
    height: 100%;
}

.c-lp-2-kv__wave--6 {
    bottom: -6.2963vw;
    left: -14.81481vw;
    width: 129.40741vw;
}

@media screen and (max-width: 750px) {
    .c-lp-2-kv__wave--6 {
        bottom: -1.33333vw;
        left: -27.33333vw;
        width: 144.53333vw;
    }
}

.c-lp-2-kv__wave--7 {
    top: -1.48148vw;
    left: -3.7037vw;
    width: 20.74074vw;
    height: 126.64908%;
}

@media screen and (max-width: 750px) {
    .c-lp-2-kv__wave--7 {
        top: 6.66667vw;
        left: -7.33333vw;
        width: 17.73333vw;
        height: 98.2009%;
    }
}

.c-lp-2-kv__wave--7 img {
    width: 100%;
    height: 100%;
}

.c-lp-2-kv__wave--8 {
    top: 0;
    right: 2.22222vw;
    width: 20.22222vw;
}

@media screen and (max-width: 750px) {
    .c-lp-2-kv__wave--8 {
        top: -12vw;
        right: -9.33333vw;
        width: 54.13333vw;
    }
}

@media screen and (max-width: 750px) {
    .c-lp-2-kv__wave--9 {
        top: 0;
        left: -12vw;
        width: 19.33333vw;
    }
}

@media screen and (max-width: 750px) {
    .c-lp-2-kv__wave--10 {
        top: -9.33333vw;
        left: -10.66667vw;
        width: 57.33333vw;
    }
}

.c-lp-2-kv__leaf {
    position: absolute;
    z-index: 100;
    opacity: 0;
    -webkit-transition: opacity 0.6s;
    transition: opacity 0.6s;
    -webkit-transition-delay: 1.5s;
    transition-delay: 1.5s;
}

.is-load .c-lp-2-kv__leaf {
    opacity: 1;
}

.c-lp-2-kv__leaf--1 {
    bottom: 1.85185vw;
    left: 4.44444vw;
    width: 8.66667vw;
}

@media screen and (max-width: 750px) {
    .c-lp-2-kv__leaf--1 {
        bottom: 6.66667vw;
        left: 8vw;
        width: 17.86667vw;
    }
}

.c-lp-2-kv__leaf--2 {
    right: 9.62963vw;
    bottom: 1.11111vw;
    width: 12.2963vw;
}

@media screen and (max-width: 750px) {
    .c-lp-2-kv__leaf--2 {
        right: 1.33333vw;
        bottom: 17.33333vw;
        width: 24vw;
    }
}

.c-lp-2-kv__leaf--3 {
    top: 2.59259vw;
    right: 12.96296vw;
    width: 10.14815vw;
}

@media screen and (max-width: 750px) {
    .c-lp-2-kv__leaf--3 {
        top: 0;
        right: 18vw;
        width: 28.13333vw;
    }
}

.c-lp-2-kv__start {
    position: absolute;
    bottom: 8.88889vw;
    left: 17.03704vw;
    z-index: 200;
    width: 13.48148vw;
    opacity: 0;
    -webkit-transition: opacity 0.6s;
    transition: opacity 0.6s;
    -webkit-transition-delay: 1.5s;
    transition-delay: 1.5s;
}

.is-load .c-lp-2-kv__start {
    opacity: 1;
}

@media screen and (max-width: 750px) {
    .c-lp-2-kv__start {
        bottom: 63.33333vw;
        left: 9.33333vw;
        width: 25.6vw;
    }
}

.c-lp-2-info {
    padding-top: 7.40741vw;
    padding-bottom: 9.25926vw;
    padding-left: 9.25926vw;
    background-color: #fff;
}

@media screen and (max-width: 750px) {
    .c-lp-2-info {
        padding-top: 11.33333vw;
        padding-bottom: 20.66667vw;
        padding-left: 6vw;
    }
}

.c-lp-2-info__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

@media screen and (max-width: 750px) {
    .c-lp-2-info__inner {
        display: block;
    }
}

.c-lp-2-info__img {
    margin-left: 5.18519vw;
    width: 33.33333vw;
    opacity: 0;
}

@media screen and (min-width: 751px) {
    .c-lp-2-info__img {
        -webkit-transition: opacity 1s ease-out, -webkit-transform 1s;
        transition: opacity 1s ease-out, -webkit-transform 1s;
        transition: opacity 1s ease-out, transform 1s;
        transition: opacity 1s ease-out, transform 1s, -webkit-transform 1s;
        -webkit-transform: translateY(100px);
        transform: translateY(100px);
    }
}

@media screen and (max-width: 750px) {
    .c-lp-2-info__img {
        margin-top: 8.66667vw;
        margin-left: 5.33333vw;
        width: 70.13333vw;
        -webkit-transition: opacity 0.6s ease-out;
        transition: opacity 0.6s ease-out;
    }
}

.c-lp-2-info__img.fadein {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.c-lp-2-info__ttl {
    margin-bottom: 1.85185vw;
    margin-left: -0.05em;
    color: #FF6D02;
    font-weight: bold;
    font-size: 3.40741vw;
    line-height: 1.52;
}

@media screen and (max-width: 750px) {
    .c-lp-2-info__ttl {
        margin-bottom: 7.33333vw;
        font-size: 6.66667vw;
    }
}

.c-lp-2-info__ttl-txt {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;

    -webkit-box-align: center;
    align-items: center;
}

.c-lp-2-info__ttl-txt-letter {
    opacity: 0;
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s cubic-bezier(0.12, 0.97, 0.72, 1.17);
    transition: opacity 0.3s, -webkit-transform 0.3s cubic-bezier(0.12, 0.97, 0.72, 1.17);
    transition: transform 0.3s cubic-bezier(0.12, 0.97, 0.72, 1.17), opacity 0.3s;
    transition: transform 0.3s cubic-bezier(0.12, 0.97, 0.72, 1.17), opacity 0.3s, -webkit-transform 0.3s cubic-bezier(0.12, 0.97, 0.72, 1.17);
    -webkit-transform: translate3d(0, 0, 0) translateY(100%) rotate(40deg);
    transform: translate3d(0, 0, 0) translateY(100%) rotate(40deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;

    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    will-change: transform;
}

.c-lp-2-info.fadein .c-lp-2-info__ttl-txt-letter {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0) translateY(0) rotate(0deg);
    transform: translate3d(0, 0, 0) translateY(0) rotate(0deg);
}

.c-lp-2-info__ttl-txt-letter--2 {
    -webkit-transition-delay: 0.05s;
    transition-delay: 0.05s;
}

.c-lp-2-info__ttl-txt-letter--3 {
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
}

.c-lp-2-info__ttl-txt-letter--4 {
    -webkit-transition-delay: 0.15s;
    transition-delay: 0.15s;
}

.c-lp-2-info__ttl-txt-letter--5 {
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
}

.c-lp-2-info__ttl-txt-letter--6 {
    -webkit-transition-delay: 0.25s;
    transition-delay: 0.25s;
}

.c-lp-2-info__ttl-txt-letter--7 {
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
}

.c-lp-2-info__ttl-txt-letter--8 {
    -webkit-transition-delay: 0.35s;
    transition-delay: 0.35s;
}

.c-lp-2-info__ttl-txt-letter--9 {
    -webkit-transition-delay: 0.4s;
    transition-delay: 0.4s;
}

@media screen and (max-width: 750px) {
    .c-lp-2-info__ttl-txt-letter--9 {
        -webkit-transition-delay: 0.1s;
        transition-delay: 0.1s;
    }
}

.c-lp-2-info__ttl-txt-letter--10 {
    -webkit-transition-delay: 0.45s;
    transition-delay: 0.45s;
}

@media screen and (max-width: 750px) {
    .c-lp-2-info__ttl-txt-letter--10 {
        -webkit-transition-delay: 0.15s;
        transition-delay: 0.15s;
    }
}

.c-lp-2-info__ttl-txt-letter--11 {
    -webkit-transition-delay: 0.5s;
    transition-delay: 0.5s;
}

@media screen and (max-width: 750px) {
    .c-lp-2-info__ttl-txt-letter--11 {
        -webkit-transition-delay: 0.2s;
        transition-delay: 0.2s;
    }
}

.c-lp-2-info__ttl-txt-letter--12 {
    -webkit-transition-delay: 0.55s;
    transition-delay: 0.55s;
}

@media screen and (max-width: 750px) {
    .c-lp-2-info__ttl-txt-letter--12 {
        -webkit-transition-delay: 0.25s;
        transition-delay: 0.25s;
    }
}

.c-lp-2-info__ttl-txt-letter--13 {
    -webkit-transition-delay: 0.6s;
    transition-delay: 0.6s;
}

@media screen and (max-width: 750px) {
    .c-lp-2-info__ttl-txt-letter--13 {
        -webkit-transition-delay: 0.3s;
        transition-delay: 0.3s;
    }
}

.c-lp-2-info__ttl-txt-letter--14 {
    -webkit-transition-delay: 0.65s;
    transition-delay: 0.65s;
}

@media screen and (max-width: 750px) {
    .c-lp-2-info__ttl-txt-letter--14 {
        -webkit-transition-delay: 0.35s;
        transition-delay: 0.35s;
    }
}

.c-lp-2-info__ttl-txt-letter--15 {
    -webkit-transition-delay: 0.7s;
    transition-delay: 0.7s;
}

@media screen and (max-width: 750px) {
    .c-lp-2-info__ttl-txt-letter--15 {
        -webkit-transition-delay: 0.4s;
        transition-delay: 0.4s;
    }
}

.c-lp-2-info__ttl-txt-letter--16 {
    -webkit-transition-delay: 0.75s;
    transition-delay: 0.75s;
}

@media screen and (max-width: 750px) {
    .c-lp-2-info__ttl-txt-letter--16 {
        -webkit-transition-delay: 0.45s;
        transition-delay: 0.45s;
    }
}

.c-lp-2-info__ttl-txt-letter--17 {
    -webkit-transition-delay: 0.8s;
    transition-delay: 0.8s;
}

@media screen and (max-width: 750px) {
    .c-lp-2-info__ttl-txt-letter--17 {
        -webkit-transition-delay: 0.5s;
        transition-delay: 0.5s;
    }
}

.c-lp-2-info__ttl-txt-letter--18 {
    -webkit-transition-delay: 0.85s;
    transition-delay: 0.85s;
}

@media screen and (max-width: 750px) {
    .c-lp-2-info__ttl-txt-letter--18 {
        -webkit-transition-delay: 0.55s;
        transition-delay: 0.55s;
    }
}

.c-lp-2-info__ttl-txt-letter--19 {
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
}

@media screen and (max-width: 750px) {
    .c-lp-2-info__ttl-txt-letter--19 {
        -webkit-transition-delay: 0.2s;
        transition-delay: 0.2s;
    }
}

.c-lp-2-info__ttl-txt-letter--20 {
    -webkit-transition-delay: 0.15s;
    transition-delay: 0.15s;
}

@media screen and (max-width: 750px) {
    .c-lp-2-info__ttl-txt-letter--20 {
        -webkit-transition-delay: 0.25s;
        transition-delay: 0.25s;
    }
}

.c-lp-2-info__ttl-txt-letter--21 {
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
}

@media screen and (max-width: 750px) {
    .c-lp-2-info__ttl-txt-letter--21 {
        -webkit-transition-delay: 0.3s;
        transition-delay: 0.3s;
    }
}

.c-lp-2-info__ttl-txt-letter--22 {
    -webkit-transition-delay: 0.25s;
    transition-delay: 0.25s;
}

@media screen and (max-width: 750px) {
    .c-lp-2-info__ttl-txt-letter--22 {
        -webkit-transition-delay: 0.35s;
        transition-delay: 0.35s;
    }
}

.c-lp-2-info__ttl-txt-letter--23 {
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
}

@media screen and (max-width: 750px) {
    .c-lp-2-info__ttl-txt-letter--23 {
        -webkit-transition-delay: 0.4s;
        transition-delay: 0.4s;
    }
}

.c-lp-2-info__ttl-txt-letter--24 {
    -webkit-transition-delay: 0.35s;
    transition-delay: 0.35s;
}

@media screen and (max-width: 750px) {
    .c-lp-2-info__ttl-txt-letter--24 {
        -webkit-transition-delay: 0.45s;
        transition-delay: 0.45s;
    }
}

.c-lp-2-info__ttl-txt-letter--25 {
    -webkit-transition-delay: 0.4s;
    transition-delay: 0.4s;
}

@media screen and (max-width: 750px) {
    .c-lp-2-info__ttl-txt-letter--25 {
        -webkit-transition-delay: 0.5s;
        transition-delay: 0.5s;
    }
}

.c-lp-2-info__ttl-txt-letter--26 {
    -webkit-transition-delay: 0.45s;
    transition-delay: 0.45s;
}

@media screen and (max-width: 750px) {
    .c-lp-2-info__ttl-txt-letter--26 {
        -webkit-transition-delay: 0.55s;
        transition-delay: 0.55s;
    }
}

.c-lp-2-info__ttl-txt-letter--27 {
    -webkit-transition-delay: 0.5s;
    transition-delay: 0.5s;
}

@media screen and (max-width: 750px) {
    .c-lp-2-info__ttl-txt-letter--27 {
        -webkit-transition-delay: 0.3s;
        transition-delay: 0.3s;
    }
}

.c-lp-2-info__ttl-txt-letter--28 {
    -webkit-transition-delay: 0.55s;
    transition-delay: 0.55s;
}

@media screen and (max-width: 750px) {
    .c-lp-2-info__ttl-txt-letter--28 {
        -webkit-transition-delay: 0.35s;
        transition-delay: 0.35s;
    }
}

.c-lp-2-info__ttl-txt-letter--29 {
    -webkit-transition-delay: 0.6s;
    transition-delay: 0.6s;
}

@media screen and (max-width: 750px) {
    .c-lp-2-info__ttl-txt-letter--29 {
        -webkit-transition-delay: 0.4s;
        transition-delay: 0.4s;
    }
}

.c-lp-2-info__ttl-txt-letter--30 {
    -webkit-transition-delay: 0.65s;
    transition-delay: 0.65s;
}

@media screen and (max-width: 750px) {
    .c-lp-2-info__ttl-txt-letter--30 {
        -webkit-transition-delay: 0.45s;
        transition-delay: 0.45s;
    }
}

.c-lp-2-info__ttl-txt-letter--31 {
    -webkit-transition-delay: 0.7s;
    transition-delay: 0.7s;
}

@media screen and (max-width: 750px) {
    .c-lp-2-info__ttl-txt-letter--31 {
        -webkit-transition-delay: 0.5s;
        transition-delay: 0.5s;
    }
}

.c-lp-2-info__ttl-txt-letter--32 {
    -webkit-transition-delay: 0.75s;
    transition-delay: 0.75s;
}

@media screen and (max-width: 750px) {
    .c-lp-2-info__ttl-txt-letter--32 {
        -webkit-transition-delay: 0.55s;
        transition-delay: 0.55s;
    }
}

.c-lp-2-info__ttl-txt-letter--33 {
    -webkit-transition-delay: 0.8s;
    transition-delay: 0.8s;
}

@media screen and (max-width: 750px) {
    .c-lp-2-info__ttl-txt-letter--33 {
        -webkit-transition-delay: 0.6s;
        transition-delay: 0.6s;
    }
}

.c-lp-2-info__ttl-txt-letter--34 {
    -webkit-transition-delay: 0.85s;
    transition-delay: 0.85s;
}

@media screen and (max-width: 750px) {
    .c-lp-2-info__ttl-txt-letter--34 {
        -webkit-transition-delay: 0.65s;
        transition-delay: 0.65s;
    }
}

.c-lp-2-info__ttl-txt-letter--35 {
    -webkit-transition-delay: 0.9s;
    transition-delay: 0.9s;
}

@media screen and (max-width: 750px) {
    .c-lp-2-info__ttl-txt-letter--35 {
        -webkit-transition-delay: 0.7s;
        transition-delay: 0.7s;
    }
}

.c-lp-2-info__ttl-txt-letter--36 {
    -webkit-transition-delay: 0.95s;
    transition-delay: 0.95s;
}

@media screen and (max-width: 750px) {
    .c-lp-2-info__ttl-txt-letter--36 {
        -webkit-transition-delay: 0.75s;
        transition-delay: 0.75s;
    }
}

.c-lp-2-info__ttl-txt-letter--37 {
    -webkit-transition-delay: 1s;
    transition-delay: 1s;
}

@media screen and (max-width: 750px) {
    .c-lp-2-info__ttl-txt-letter--37 {
        -webkit-transition-delay: 0.8s;
        transition-delay: 0.8s;
    }
}

.c-lp-2-info__ttl-txt-letter--38 {
    -webkit-transition-delay: 1.05s;
    transition-delay: 1.05s;
}

@media screen and (max-width: 750px) {
    .c-lp-2-info__ttl-txt-letter--38 {
        -webkit-transition-delay: 0.85s;
        transition-delay: 0.85s;
    }
}

.c-lp-2-info__ttl-icon {
    display: inline-block;
    margin-left: -1.48148vw;
    width: 7.48148vw;
    opacity: 0;
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s cubic-bezier(0.12, 0.97, 0.72, 1.17);
    transition: opacity 0.3s, -webkit-transform 0.3s cubic-bezier(0.12, 0.97, 0.72, 1.17);
    transition: transform 0.3s cubic-bezier(0.12, 0.97, 0.72, 1.17), opacity 0.3s;
    transition: transform 0.3s cubic-bezier(0.12, 0.97, 0.72, 1.17), opacity 0.3s, -webkit-transform 0.3s cubic-bezier(0.12, 0.97, 0.72, 1.17);
    -webkit-transition-delay: 1.1s;
    transition-delay: 1.1s;
    -webkit-transform: translate3d(0, 0, 0) translateY(100%) rotate(40deg);
    transform: translate3d(0, 0, 0) translateY(100%) rotate(40deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;

    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    will-change: transform;
}

.c-lp-2-info.fadein .c-lp-2-info__ttl-icon {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0) translateY(0) rotate(0deg);
    transform: translate3d(0, 0, 0) translateY(0) rotate(0deg);
}

@media screen and (max-width: 750px) {
    .c-lp-2-info__ttl-icon {
        position: relative;
        left: -1.33333vw;
        width: 13.46667vw;
        -webkit-transition-delay: 0.85s;
        transition-delay: 0.85s;
    }
}

.c-lp-2-info__txt {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    height: 2.8em;
    color: #FF6D02;
    font-weight: bold;
    font-size: 1.48148vw;
    line-height: 2.8em;

    -webkit-box-align: center;
    align-items: center;
}

@media screen and (max-width: 750px) {
    .c-lp-2-info__txt {
        height: 3em;
        font-size: 4vw;
        font-size: 3.46667vw;
        line-height: 2.5;
        line-height: 3em;
    }
}

.c-lp-2-info__txt-letter {
    opacity: 0;
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s cubic-bezier(0.12, 0.97, 0.72, 1.17);
    transition: opacity 0.3s, -webkit-transform 0.3s cubic-bezier(0.12, 0.97, 0.72, 1.17);
    transition: transform 0.3s cubic-bezier(0.12, 0.97, 0.72, 1.17), opacity 0.3s;
    transition: transform 0.3s cubic-bezier(0.12, 0.97, 0.72, 1.17), opacity 0.3s, -webkit-transform 0.3s cubic-bezier(0.12, 0.97, 0.72, 1.17);
    -webkit-transform: translate3d(0, 0, 0) translateY(100%) rotate(40deg);
    transform: translate3d(0, 0, 0) translateY(100%) rotate(40deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;

    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    will-change: transform;
}

.c-lp-2-info.fadein .c-lp-2-info__txt-letter {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0) translateY(0) rotate(0deg);
    transform: translate3d(0, 0, 0) translateY(0) rotate(0deg);
}

.c-lp-2-info__txt-letter--1 {
    -webkit-transition-delay: 1s;
    transition-delay: 1s;
}

.c-lp-2-info__txt-letter--2 {
    -webkit-transition-delay: 1.05s;
    transition-delay: 1.05s;
}

.c-lp-2-info__txt-letter--3 {
    -webkit-transition-delay: 1.1s;
    transition-delay: 1.1s;
}

.c-lp-2-info__txt-letter--4 {
    -webkit-transition-delay: 1.15s;
    transition-delay: 1.15s;
}

.c-lp-2-info__txt-letter--5 {
    -webkit-transition-delay: 1.2s;
    transition-delay: 1.2s;
}

.c-lp-2-info__txt-letter--6 {
    -webkit-transition-delay: 1.25s;
    transition-delay: 1.25s;
}

.c-lp-2-info__txt-letter--7 {
    -webkit-transition-delay: 1.3s;
    transition-delay: 1.3s;
}

.c-lp-2-info__txt-letter--8 {
    -webkit-transition-delay: 1.35s;
    transition-delay: 1.35s;
}

.c-lp-2-info__txt-letter--9 {
    -webkit-transition-delay: 1.4s;
    transition-delay: 1.4s;
}

.c-lp-2-info__txt-letter--10 {
    -webkit-transition-delay: 1.45s;
    transition-delay: 1.45s;
}

.c-lp-2-info__txt-letter--11 {
    -webkit-transition-delay: 1.5s;
    transition-delay: 1.5s;
}

.c-lp-2-info__txt-letter--12 {
    margin-left: 0.5em;
    -webkit-transition-delay: 1.55s;
    transition-delay: 1.55s;
}

.c-lp-2-info__txt-letter--13 {
    -webkit-transition-delay: 1.6s;
    transition-delay: 1.6s;
}

.c-lp-2-info__txt-letter--14 {
    -webkit-transition-delay: 1.65s;
    transition-delay: 1.65s;
}

.c-lp-2-info__txt-letter--15 {
    margin-right: 0.5em;
    -webkit-transition-delay: 1.7s;
    transition-delay: 1.7s;
}

.c-lp-2-info__txt-letter--16 {
    -webkit-transition-delay: 1.75s;
    transition-delay: 1.75s;
}

.c-lp-2-info__txt-letter--17 {
    -webkit-transition-delay: 1.8s;
    transition-delay: 1.8s;
}

.c-lp-2-info__txt-letter--17-2 {
    -webkit-transition-delay: 1.85s;
    transition-delay: 1.85s;
}

.c-lp-2-info__txt-letter--17-3 {
    -webkit-transition-delay: 1.9s;
    transition-delay: 1.9s;
}

.c-lp-2-info__txt-letter--17-4 {
    -webkit-transition-delay: 1.95s;
    transition-delay: 1.95s;
}

.c-lp-2-info__txt-letter--17-5 {
    -webkit-transition-delay: 2s;
    transition-delay: 2s;
}

.c-lp-2-info__txt-letter--18 {
    -webkit-transition-delay: 2.05s;
    transition-delay: 2.05s;
}

.c-lp-2-info__txt-letter--19 {
    -webkit-transition-delay: 1.1s;
    transition-delay: 1.1s;
}

.c-lp-2-info__txt-letter--20 {
    -webkit-transition-delay: 1.15s;
    transition-delay: 1.15s;
}

.c-lp-2-info__txt-letter--21 {
    -webkit-transition-delay: 1.2s;
    transition-delay: 1.2s;
}

.c-lp-2-info__txt-letter--22 {
    -webkit-transition-delay: 1.25s;
    transition-delay: 1.25s;
}

.c-lp-2-info__txt-letter--23 {
    -webkit-transition-delay: 1.3s;
    transition-delay: 1.3s;
}

.c-lp-2-info__txt-letter--24 {
    -webkit-transition-delay: 1.35s;
    transition-delay: 1.35s;
}

.c-lp-2-info__txt-letter--25 {
    -webkit-transition-delay: 1.4s;
    transition-delay: 1.4s;
}

.c-lp-2-info__txt-letter--26 {
    -webkit-transition-delay: 1.45s;
    transition-delay: 1.45s;
}

.c-lp-2-info__txt-letter--27 {
    -webkit-transition-delay: 1.5s;
    transition-delay: 1.5s;
}

.c-lp-2-info__txt-letter--28 {
    -webkit-transition-delay: 1.55s;
    transition-delay: 1.55s;
}

.c-lp-2-info__txt-letter--29 {
    -webkit-transition-delay: 1.6s;
    transition-delay: 1.6s;
}

.c-lp-2-info__txt-letter--30 {
    -webkit-transition-delay: 1.65s;
    transition-delay: 1.65s;
}

.c-lp-2-info__txt-letter--30-2 {
    -webkit-transition-delay: 1.7s;
    transition-delay: 1.7s;
}

.c-lp-2-info__txt-letter--30-3 {
    -webkit-transition-delay: 1.75s;
    transition-delay: 1.75s;
}

.c-lp-2-info__txt-letter--30-4 {
    -webkit-transition-delay: 1.8s;
    transition-delay: 1.8s;
}

.c-lp-2-info__txt-letter--30-5 {
    -webkit-transition-delay: 1.85s;
    transition-delay: 1.85s;
}

.c-lp-2-info__txt-letter--30-6 {
    -webkit-transition-delay: 1.9s;
    transition-delay: 1.9s;
}

.c-lp-2-info__txt-letter--30-7 {
    -webkit-transition-delay: 1.95s;
    transition-delay: 1.95s;
}

.c-lp-2-info__txt-letter--30-8 {
    -webkit-transition-delay: 2s;
    transition-delay: 2s;
}

.c-lp-2-info__txt-letter--30-9 {
    -webkit-transition-delay: 2.05s;
    transition-delay: 2.05s;
}

.c-lp-2-info__txt-letter--31 {
    -webkit-transition-delay: 1.2s;
    transition-delay: 1.2s;
}

.c-lp-2-info__txt-letter--32 {
    -webkit-transition-delay: 1.25s;
    transition-delay: 1.25s;
}

.c-lp-2-info__txt-letter--33 {
    -webkit-transition-delay: 1.3s;
    transition-delay: 1.3s;
}

.c-lp-2-info__txt-letter--34 {
    -webkit-transition-delay: 1.35s;
    transition-delay: 1.35s;
}

.c-lp-2-info__txt-letter--35 {
    -webkit-transition-delay: 1.4s;
    transition-delay: 1.4s;
}

.c-lp-2-info__txt-letter--36 {
    -webkit-transition-delay: 1.45s;
    transition-delay: 1.45s;
}

.c-lp-2-info__txt-letter--37 {
    -webkit-transition-delay: 1.5s;
    transition-delay: 1.5s;
}

.c-lp-2-info__txt-letter--38 {
    -webkit-transition-delay: 1.55s;
    transition-delay: 1.55s;
}

.c-lp-2-info__txt-letter--39 {
    -webkit-transition-delay: 1.6s;
    transition-delay: 1.6s;
}

.c-lp-2-info__txt-letter--40 {
    -webkit-transition-delay: 1.65s;
    transition-delay: 1.65s;
}

.c-lp-2-info__txt-letter--41 {
    -webkit-transition-delay: 1.7s;
    transition-delay: 1.7s;
}

.c-lp-2-info__txt-letter--42 {
    -webkit-transition-delay: 1.75s;
    transition-delay: 1.75s;
}

.c-lp-2-info__txt-letter--43 {
    -webkit-transition-delay: 1.8s;
    transition-delay: 1.8s;
}

.c-lp-2-info__txt-letter--44 {
    -webkit-transition-delay: 1.85s;
    transition-delay: 1.85s;
}

.c-lp-2-info__txt-letter--45 {
    -webkit-transition-delay: 1.9s;
    transition-delay: 1.9s;
}

.c-lp-2-info__txt-letter--46 {
    -webkit-transition-delay: 1.95s;
    transition-delay: 1.95s;
}

.c-lp-2-info__txt-letter--47 {
    -webkit-transition-delay: 2s;
    transition-delay: 2s;
}

.c-lp-2-info__txt-letter--48 {
    -webkit-transition-delay: 2.05s;
    transition-delay: 2.05s;
}

.c-lp-2-info__txt-letter--49 {
    -webkit-transition-delay: 2.1s;
    transition-delay: 2.1s;
}

.c-lp-2-info__txt-letter--50 {
    -webkit-transition-delay: 2.15s;
    transition-delay: 2.15s;
}

@media screen and (max-width: 750px) {
    .c-lp-2-info__txt-letter--50 {
        -webkit-transition-delay: 1.3s;
        transition-delay: 1.3s;
    }
}

.c-lp-2-info__txt-letter--51 {
    -webkit-transition-delay: 2.2s;
    transition-delay: 2.2s;
}

@media screen and (max-width: 750px) {
    .c-lp-2-info__txt-letter--51 {
        -webkit-transition-delay: 1.35s;
        transition-delay: 1.35s;
    }
}

.c-lp-2-info__txt-letter--52 {
    -webkit-transition-delay: 2.25s;
    transition-delay: 2.25s;
}

@media screen and (max-width: 750px) {
    .c-lp-2-info__txt-letter--52 {
        -webkit-transition-delay: 1.4s;
        transition-delay: 1.4s;
    }
}

.c-lp-2-info__txt-letter--53 {
    -webkit-transition-delay: 2.3s;
    transition-delay: 2.3s;
}

@media screen and (max-width: 750px) {
    .c-lp-2-info__txt-letter--53 {
        -webkit-transition-delay: 1.45s;
        transition-delay: 1.45s;
    }
}

.c-lp-2-info__txt-letter--54 {
    -webkit-transition-delay: 2.35s;
    transition-delay: 2.35s;
}

@media screen and (max-width: 750px) {
    .c-lp-2-info__txt-letter--54 {
        -webkit-transition-delay: 1.5s;
        transition-delay: 1.5s;
    }
}

.c-lp-2-info__txt-letter--55 {
    -webkit-transition-delay: 2.4s;
    transition-delay: 2.4s;
}

@media screen and (max-width: 750px) {
    .c-lp-2-info__txt-letter--55 {
        -webkit-transition-delay: 1.55s;
        transition-delay: 1.55s;
    }
}

.c-lp-2-info__txt-letter--56 {
    -webkit-transition-delay: 2.45s;
    transition-delay: 2.45s;
}

@media screen and (max-width: 750px) {
    .c-lp-2-info__txt-letter--56 {
        -webkit-transition-delay: 1.6s;
        transition-delay: 1.6s;
    }
}

.c-lp-2-info__txt-letter--57 {
    -webkit-transition-delay: 2.5s;
    transition-delay: 2.5s;
}

@media screen and (max-width: 750px) {
    .c-lp-2-info__txt-letter--57 {
        -webkit-transition-delay: 1.65s;
        transition-delay: 1.65s;
    }
}

.c-lp-2-info__txt-letter--58 {
    -webkit-transition-delay: 1.3s;
    transition-delay: 1.3s;
}

@media screen and (max-width: 750px) {
    .c-lp-2-info__txt-letter--58 {
        -webkit-transition-delay: 1.4s;
        transition-delay: 1.4s;
    }
}

.c-lp-2-info__txt-letter--59 {
    -webkit-transition-delay: 1.35s;
    transition-delay: 1.35s;
}

@media screen and (max-width: 750px) {
    .c-lp-2-info__txt-letter--59 {
        -webkit-transition-delay: 1.45s;
        transition-delay: 1.45s;
    }
}

.c-lp-2-info__txt-letter--60 {
    -webkit-transition-delay: 1.4s;
    transition-delay: 1.4s;
}

@media screen and (max-width: 750px) {
    .c-lp-2-info__txt-letter--60 {
        -webkit-transition-delay: 1.5s;
        transition-delay: 1.5s;
    }
}

.c-lp-2-info__txt-letter--61 {
    -webkit-transition-delay: 1.45s;
    transition-delay: 1.45s;
}

@media screen and (max-width: 750px) {
    .c-lp-2-info__txt-letter--61 {
        -webkit-transition-delay: 1.55s;
        transition-delay: 1.55s;
    }
}

.c-lp-2-info__txt-letter--62 {
    -webkit-transition-delay: 1.5s;
    transition-delay: 1.5s;
}

@media screen and (max-width: 750px) {
    .c-lp-2-info__txt-letter--62 {
        -webkit-transition-delay: 1.6s;
        transition-delay: 1.6s;
    }
}

.c-lp-2-info__txt-letter--63 {
    -webkit-transition-delay: 1.55s;
    transition-delay: 1.55s;
}

@media screen and (max-width: 750px) {
    .c-lp-2-info__txt-letter--63 {
        -webkit-transition-delay: 1.65s;
        transition-delay: 1.65s;
    }
}

.c-lp-2-info__txt-letter--64 {
    -webkit-transition-delay: 1.6s;
    transition-delay: 1.6s;
}

@media screen and (max-width: 750px) {
    .c-lp-2-info__txt-letter--64 {
        -webkit-transition-delay: 1.7s;
        transition-delay: 1.7s;
    }
}

.c-lp-2-info__txt-letter--65 {
    -webkit-transition-delay: 1.65s;
    transition-delay: 1.65s;
}

@media screen and (max-width: 750px) {
    .c-lp-2-info__txt-letter--65 {
        -webkit-transition-delay: 1.75s;
        transition-delay: 1.75s;
    }
}

.c-lp-2-info__txt-letter--66 {
    -webkit-transition-delay: 1.7s;
    transition-delay: 1.7s;
}

@media screen and (max-width: 750px) {
    .c-lp-2-info__txt-letter--66 {
        -webkit-transition-delay: 1.8s;
        transition-delay: 1.8s;
    }
}

.c-lp-2-info__txt-letter--67 {
    -webkit-transition-delay: 1.75s;
    transition-delay: 1.75s;
}

@media screen and (max-width: 750px) {
    .c-lp-2-info__txt-letter--67 {
        -webkit-transition-delay: 1.85s;
        transition-delay: 1.85s;
    }
}

.c-lp-2-info__txt-letter--68 {
    -webkit-transition-delay: 1.8s;
    transition-delay: 1.8s;
}

@media screen and (max-width: 750px) {
    .c-lp-2-info__txt-letter--68 {
        -webkit-transition-delay: 1.9s;
        transition-delay: 1.9s;
    }
}

.c-lp-2-info__txt-letter--69 {
    -webkit-transition-delay: 1.85s;
    transition-delay: 1.85s;
}

@media screen and (max-width: 750px) {
    .c-lp-2-info__txt-letter--69 {
        -webkit-transition-delay: 1.95s;
        transition-delay: 1.95s;
    }
}

.c-lp-2-info__txt-letter--70 {
    -webkit-transition-delay: 1.9s;
    transition-delay: 1.9s;
}

@media screen and (max-width: 750px) {
    .c-lp-2-info__txt-letter--70 {
        -webkit-transition-delay: 2s;
        transition-delay: 2s;
    }
}

.c-lp-2-info__txt-letter--71 {
    -webkit-transition-delay: 1.95s;
    transition-delay: 1.95s;
}

@media screen and (max-width: 750px) {
    .c-lp-2-info__txt-letter--71 {
        -webkit-transition-delay: 2.05s;
        transition-delay: 2.05s;
    }
}

.c-lp-2-info__txt-letter--72 {
    -webkit-transition-delay: 2s;
    transition-delay: 2s;
}

@media screen and (max-width: 750px) {
    .c-lp-2-info__txt-letter--72 {
        -webkit-transition-delay: 2.1s;
        transition-delay: 2.1s;
    }
}

.c-lp-2-info__txt-letter--73 {
    -webkit-transition-delay: 2.05s;
    transition-delay: 2.05s;
}

@media screen and (max-width: 750px) {
    .c-lp-2-info__txt-letter--73 {
        -webkit-transition-delay: 2.15s;
        transition-delay: 2.15s;
    }
}

.c-lp-2-info__txt-letter--74 {
    -webkit-transition-delay: 2.1s;
    transition-delay: 2.1s;
}

@media screen and (max-width: 750px) {
    .c-lp-2-info__txt-letter--74 {
        -webkit-transition-delay: 2.2s;
        transition-delay: 2.2s;
    }
}

.c-lp-2-info__txt-letter--75 {
    -webkit-transition-delay: 2.15s;
    transition-delay: 2.15s;
}

@media screen and (max-width: 750px) {
    .c-lp-2-info__txt-letter--75 {
        -webkit-transition-delay: 2.25s;
        transition-delay: 2.25s;
    }
}

.c-lp-2-info__txt-letter--76 {
    -webkit-transition-delay: 2.2s;
    transition-delay: 2.2s;
}

@media screen and (max-width: 750px) {
    .c-lp-2-info__txt-letter--76 {
        -webkit-transition-delay: 2.3s;
        transition-delay: 2.3s;
    }
}

.c-lp-2-info__txt-letter--77 {
    -webkit-transition-delay: 2.25s;
    transition-delay: 2.25s;
}

@media screen and (max-width: 750px) {
    .c-lp-2-info__txt-letter--77 {
        -webkit-transition-delay: 2.35s;
        transition-delay: 2.35s;
    }
}

.c-lp-2-info__txt-letter--78 {
    -webkit-transition-delay: 2.3s;
    transition-delay: 2.3s;
}

@media screen and (max-width: 750px) {
    .c-lp-2-info__txt-letter--78 {
        -webkit-transition-delay: 2.4s;
        transition-delay: 2.4s;
    }
}

.c-lp-2-info__txt-letter--79 {
    -webkit-transition-delay: 1.4s;
    transition-delay: 1.4s;
}

@media screen and (max-width: 750px) {
    .c-lp-2-info__txt-letter--79 {
        -webkit-transition-delay: 1.5s;
        transition-delay: 1.5s;
    }
}

.c-lp-2-info__txt-letter--80 {
    -webkit-transition-delay: 1.45s;
    transition-delay: 1.45s;
}

@media screen and (max-width: 750px) {
    .c-lp-2-info__txt-letter--80 {
        -webkit-transition-delay: 1.55s;
        transition-delay: 1.55s;
    }
}

.c-lp-2-info__txt-letter--81 {
    -webkit-transition-delay: 1.5s;
    transition-delay: 1.5s;
}

@media screen and (max-width: 750px) {
    .c-lp-2-info__txt-letter--81 {
        -webkit-transition-delay: 1.6s;
        transition-delay: 1.6s;
    }
}

.c-lp-2-info__txt-letter--82 {
    -webkit-transition-delay: 1.55s;
    transition-delay: 1.55s;
}

@media screen and (max-width: 750px) {
    .c-lp-2-info__txt-letter--82 {
        -webkit-transition-delay: 1.65s;
        transition-delay: 1.65s;
    }
}

.c-lp-2-info__txt-letter--83 {
    -webkit-transition-delay: 1.6s;
    transition-delay: 1.6s;
}

@media screen and (max-width: 750px) {
    .c-lp-2-info__txt-letter--83 {
        -webkit-transition-delay: 1.7s;
        transition-delay: 1.7s;
    }
}

.c-lp-2-info__txt-letter--84 {
    -webkit-transition-delay: 1.65s;
    transition-delay: 1.65s;
}

@media screen and (max-width: 750px) {
    .c-lp-2-info__txt-letter--84 {
        -webkit-transition-delay: 1.75s;
        transition-delay: 1.75s;
    }
}

.c-lp-2-info__txt-letter--85 {
    -webkit-transition-delay: 1.7s;
    transition-delay: 1.7s;
}

@media screen and (max-width: 750px) {
    .c-lp-2-info__txt-letter--85 {
        -webkit-transition-delay: 1.8s;
        transition-delay: 1.8s;
    }
}

.c-lp-2-info__txt-letter--86 {
    -webkit-transition-delay: 1.75s;
    transition-delay: 1.75s;
}

@media screen and (max-width: 750px) {
    .c-lp-2-info__txt-letter--86 {
        -webkit-transition-delay: 1.85s;
        transition-delay: 1.85s;
    }
}

.c-lp-2-info__txt-letter--87 {
    -webkit-transition-delay: 1.8s;
    transition-delay: 1.8s;
}

@media screen and (max-width: 750px) {
    .c-lp-2-info__txt-letter--87 {
        -webkit-transition-delay: 1.9s;
        transition-delay: 1.9s;
    }
}

.c-lp-2-info__txt-letter--88 {
    -webkit-transition-delay: 1.85s;
    transition-delay: 1.85s;
}

@media screen and (max-width: 750px) {
    .c-lp-2-info__txt-letter--88 {
        -webkit-transition-delay: 1.95s;
        transition-delay: 1.95s;
    }
}

.c-lp-2-info__txt-letter--89 {
    -webkit-transition-delay: 1.9s;
    transition-delay: 1.9s;
}

@media screen and (max-width: 750px) {
    .c-lp-2-info__txt-letter--89 {
        -webkit-transition-delay: 2s;
        transition-delay: 2s;
    }
}

.c-lp-2-info__txt-letter--90 {
    -webkit-transition-delay: 1.95s;
    transition-delay: 1.95s;
}

@media screen and (max-width: 750px) {
    .c-lp-2-info__txt-letter--90 {
        -webkit-transition-delay: 2.05s;
        transition-delay: 2.05s;
    }
}

.c-lp-2-info__txt-letter--91 {
    -webkit-transition-delay: 2s;
    transition-delay: 2s;
}

@media screen and (max-width: 750px) {
    .c-lp-2-info__txt-letter--91 {
        -webkit-transition-delay: 2.1s;
        transition-delay: 2.1s;
    }
}

.c-lp-2-info__txt-letter--92 {
    -webkit-transition-delay: 2.05s;
    transition-delay: 2.05s;
}

@media screen and (max-width: 750px) {
    .c-lp-2-info__txt-letter--92 {
        -webkit-transition-delay: 2.15s;
        transition-delay: 2.15s;
    }
}

.c-lp-2-info__txt-letter--93 {
    -webkit-transition-delay: 2.1s;
    transition-delay: 2.1s;
}

@media screen and (max-width: 750px) {
    .c-lp-2-info__txt-letter--93 {
        -webkit-transition-delay: 2.2s;
        transition-delay: 2.2s;
    }
}

.c-lp-2-info__txt-letter--94 {
    -webkit-transition-delay: 2.15s;
    transition-delay: 2.15s;
}

@media screen and (max-width: 750px) {
    .c-lp-2-info__txt-letter--94 {
        -webkit-transition-delay: 2.25s;
        transition-delay: 2.25s;
    }
}

.c-lp-2-info__txt-letter--95 {
    -webkit-transition-delay: 2.2s;
    transition-delay: 2.2s;
}

@media screen and (max-width: 750px) {
    .c-lp-2-info__txt-letter--95 {
        -webkit-transition-delay: 2.3s;
        transition-delay: 2.3s;
    }
}

.c-lp-2-info__txt-letter--96 {
    -webkit-transition-delay: 2.25s;
    transition-delay: 2.25s;
}

@media screen and (max-width: 750px) {
    .c-lp-2-info__txt-letter--96 {
        -webkit-transition-delay: 2.35s;
        transition-delay: 2.35s;
    }
}

.c-lp-2-info__txt-letter--97 {
    -webkit-transition-delay: 2.3s;
    transition-delay: 2.3s;
}

@media screen and (max-width: 750px) {
    .c-lp-2-info__txt-letter--97 {
        -webkit-transition-delay: 2.4s;
        transition-delay: 2.4s;
    }
}

.c-lp-2-info__txt-letter--98 {
    -webkit-transition-delay: 2.35s;
    transition-delay: 2.35s;
}

@media screen and (max-width: 750px) {
    .c-lp-2-info__txt-letter--98 {
        -webkit-transition-delay: 2.45s;
        transition-delay: 2.45s;
    }
}

.c-lp-2-info__txt-letter--99 {
    -webkit-transition-delay: 2.4s;
    transition-delay: 2.4s;
}

@media screen and (max-width: 750px) {
    .c-lp-2-info__txt-letter--99 {
        -webkit-transition-delay: 2.5s;
        transition-delay: 2.5s;
    }
}

.c-lp-2-info__txt-letter--100 {
    -webkit-transition-delay: 2.45s;
    transition-delay: 2.45s;
}

@media screen and (max-width: 750px) {
    .c-lp-2-info__txt-letter--100 {
        -webkit-transition-delay: 2.55s;
        transition-delay: 2.55s;
    }
}

.c-lp-2-info__txt-letter--101 {
    -webkit-transition-delay: 2.5s;
    transition-delay: 2.5s;
}

@media screen and (max-width: 750px) {
    .c-lp-2-info__txt-letter--101 {
        -webkit-transition-delay: 1.85s;
        transition-delay: 1.85s;
    }
}

.c-lp-2-info__txt-letter--102 {
    -webkit-transition-delay: 2.3s;
    transition-delay: 2.3s;
}

@media screen and (max-width: 750px) {
    .c-lp-2-info__txt-letter--102 {
        -webkit-transition-delay: 2.25s;
        transition-delay: 2.25s;
    }
}

.c-lp-2-info__txt-letter--103 {
    -webkit-transition-delay: 2.35s;
    transition-delay: 2.35s;
}

@media screen and (max-width: 750px) {
    .c-lp-2-info__txt-letter--103 {
        -webkit-transition-delay: 1.6s;
        transition-delay: 1.6s;
    }
}

.c-lp-2-info__txt-letter--104 {
    -webkit-transition-delay: 2.4s;
    transition-delay: 2.4s;
}

@media screen and (max-width: 750px) {
    .c-lp-2-info__txt-letter--104 {
        -webkit-transition-delay: 1.65s;
        transition-delay: 1.65s;
    }
}

.c-lp-2-info__txt-letter--105 {
    -webkit-transition-delay: 2.45s;
    transition-delay: 2.45s;
}

@media screen and (max-width: 750px) {
    .c-lp-2-info__txt-letter--105 {
        -webkit-transition-delay: 1.7s;
        transition-delay: 1.7s;
    }
}

.c-lp-2-info__txt-letter--106 {
    -webkit-transition-delay: 2.5s;
    transition-delay: 2.5s;
}

@media screen and (max-width: 750px) {
    .c-lp-2-info__txt-letter--106 {
        -webkit-transition-delay: 1.75s;
        transition-delay: 1.75s;
    }
}

.c-lp-2-info__txt-letter--107 {
    -webkit-transition-delay: 2.55s;
    transition-delay: 2.55s;
}

@media screen and (max-width: 750px) {
    .c-lp-2-info__txt-letter--107 {
        -webkit-transition-delay: 1.8s;
        transition-delay: 1.8s;
    }
}

.c-lp-2-info__txt-letter--108 {
    -webkit-transition-delay: 2.6s;
    transition-delay: 2.6s;
}

@media screen and (max-width: 750px) {
    .c-lp-2-info__txt-letter--108 {
        -webkit-transition-delay: 1.85s;
        transition-delay: 1.85s;
    }
}

@media screen and (max-width: 750px) {
    .c-lp-2-info__txt-letter--109 {
        -webkit-transition-delay: 1.9s;
        transition-delay: 1.9s;
    }
}

.c-lp-2-info__txt-icon {
    display: inline-block;
    line-height: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}

.c-lp-2-info.fadein .c-lp-2-info__txt-icon {
    -webkit-animation: icon-zoom 0.2s linear forwards;
    animation: icon-zoom 0.2s linear forwards;
}

.c-lp-2-info__txt-icon--milk-tea {
    width: 3.40741vw;
}

@media screen and (max-width: 750px) {
    .c-lp-2-info__txt-icon--milk-tea {
        width: 8.26667vw;
    }
}

.c-lp-2-info.fadein .c-lp-2-info__txt-icon--milk-tea {
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
}

.c-lp-2-info__txt-icon--iyokan {
    width: 4.07407vw;
}

@media screen and (max-width: 750px) {
    .c-lp-2-info__txt-icon--iyokan {
        width: 10.8vw;
    }
}

.c-lp-2-info.fadein .c-lp-2-info__txt-icon--iyokan {
    -webkit-animation-delay: 2.05s;
    animation-delay: 2.05s;
}

.c-lp-2-info__txt-icon--mango {
    width: 3.33333vw;
}

@media screen and (max-width: 750px) {
    .c-lp-2-info__txt-icon--mango {
        width: 8vw;
    }
}

.c-lp-2-info.fadein .c-lp-2-info__txt-icon--mango {
    -webkit-animation-delay: 2.1s;
    animation-delay: 2.1s;
}

.c-lp-2-info__txt-img {
    position: relative;
    display: inline-block;
    overflow: hidden;
    line-height: 0;
}

.ie .c-lp-2-info__txt-img {
    top: -0.1em;
}

.c-lp-2-info__txt-img::after {
    position: absolute;
    top: -5%;
    left: 0;
    width: 100%;
    height: 110%;
    background-color: #fff;
    content: "";
}

.c-lp-2-info__txt-img--milk-tea {
    margin-right: 0.59259vw;
    width: 10.18519vw;
}

@media screen and (max-width: 750px) {
    .c-lp-2-info__txt-img--milk-tea {
        margin-right: 1.33333vw;
        width: 26.8vw;
    }
}

.c-lp-2-info.fadein .c-lp-2-info__txt-img--milk-tea::after {
    -webkit-animation: 0.2s txt-fade 2.5s linear forwards;
    animation: 0.2s txt-fade 2.5s linear forwards;
}

.c-lp-2-info__txt-img--frozen {
    margin-right: 0.59259vw;
    margin-left: 0.59259vw;
    width: 8.85185vw;
}

@media screen and (max-width: 750px) {
    .c-lp-2-info__txt-img--frozen {
        margin-right: 1.33333vw;
        margin-left: 1.33333vw;
        width: 21.46667vw;
    }
}

.c-lp-2-info.fadein .c-lp-2-info__txt-img--frozen::after {
    -webkit-animation: 0.2s txt-fade 2.55s linear forwards;
    animation: 0.2s txt-fade 2.55s linear forwards;
}

.c-lp-2-info__txt-line {
    position: relative;
    display: inline-block;
}

.c-lp-2-info__txt-line-inner {
    position: absolute;
    bottom: 0.88889vw;
    left: 0;
    display: inline-block;
    width: 15.92593vw;
    height: 0.23704vw;
}

@media screen and (max-width: 750px) {
    .c-lp-2-info__txt-line-inner {
        bottom: 1.6vw;
        width: 42.8vw;
        width: 38.66667vw;
        height: 0.66667vw;
    }
}

.c-lp-2-info__txt-line-inner::after {
    position: absolute;
    top: -25%;
    left: 0;
    width: 0;
    height: 100%;
    background: url("../img/lp/iyokan/img_underline.png") 0 0 no-repeat;
    background-color: #fff;
    background-size: 100% auto;
    content: "";
}

.c-lp-2-info.fadein .c-lp-2-info__txt-line-inner::after {
    width: 100%;
    -webkit-transition: 0.2s width 2.15s;
    transition: 0.2s width 2.15s;
}

.c-lp-2-product {
    position: relative;
}

@media screen and (max-width: 750px) {
    .c-lp-2-product {
        background: none;
    }
}

.ie .c-lp-2-product {
    background-attachment: inherit;
}

.c-lp-2-product__bg-img-wrap {
    position: absolute;
    z-index: -1;
    overflow: hidden;
    width: 100%;
}

@media screen and (min-width: 751px) {
    .c-lp-2-product__bg-img-wrap {
        top: 0;
        left: 0;
        height: 54.07407vw;
    }
    .c-lp-2-product__bg-img-wrap::before {
        position: absolute;
        bottom: -2.96296vw;
        left: -12.96296vw;
        z-index: 10;
        width: 121.48148vw;
        height: 29.74074vw;
        background: url("../img/lp/iyokan/img_bg-wave.png") 0 0 no-repeat;
        background-size: 100% auto;
        content: "";
    }
}

@media screen and (max-width: 750px) {
    .c-lp-2-product__bg-img-wrap--1 {
        top: 0;
        left: 0;
    }
    .c-lp-2-product__bg-img-wrap--1::before {
        position: absolute;
        bottom: -9.33333vw;
        left: 0;
        z-index: 10;
        width: 100vw;
        height: 43.6vw;
        background: url("../img/lp/iyokan/sp/img_bg-wave_1.png") 0 0 no-repeat;
        background-size: 100% auto;
        content: "";
    }
}

@media screen and (max-width: 750px) {
    .c-lp-2-product__bg-img-wrap--2 {
        top: 6.66667vw;
        left: 0;
    }
    .c-lp-2-product__bg-img-wrap--2::before {
        position: absolute;
        top: -31.33333vw;
        left: 0;
        z-index: 10;
        width: 100vw;
        height: 43.6vw;
        background: url("../img/lp/iyokan/sp/img_bg-wave_2.png") 0 0 no-repeat;
        background-size: 100% auto;
        content: "";
    }
    .c-lp-2-product__bg-img-wrap--2::after {
        position: absolute;
        bottom: -26.66667vw;
        left: 0;
        z-index: 10;
        width: 100vw;
        height: 78.66667vw;
        background: url("../img/lp/iyokan/sp/img_bg-wave_3.png") 0 0 no-repeat;
        background-size: 100% auto;
        content: "";
    }
}

.c-lp-2-product__bg-img {
    width: 100%;
}

@media screen and (min-width: 751px) {
    .c-lp-2-product__bg-img {
        margin-top: -22.22222vw;
    }
}

@media screen and (max-width: 750px) {
    .c-lp-2-product__bg-img--1 {
        margin-top: -31.33333vw;
    }
}

@media screen and (max-width: 750px) {
    .c-lp-2-product__bg-img--2 {
        margin-top: -13.33333vw;
    }
}

.c-lp-2-product__inner {
    position: relative;
    padding-bottom: 7.40741vw;
}

@media screen and (max-width: 750px) {
    .c-lp-2-product__inner {
        padding-bottom: 16vw;
    }
}

.c-lp-2-product__list {
    position: relative;
    z-index: 100;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    padding-top: 8.88889vw;

    -webkit-box-pack: center;
    justify-content: center;
}

@media screen and (max-width: 750px) {
    .c-lp-2-product__list {
        display: block;
        padding-top: 0;
    }
}

.c-lp-2-product__list-item {
    position: relative;
}

@media screen and (max-width: 750px) {
    .c-lp-2-product__list-item--1 {
        position: relative;
        padding-top: 24vw;
    }
    .ie .c-lp-2-product__list-item--1 {
        background-attachment: inherit;
    }
}

@media screen and (max-width: 750px) {
    .c-lp-2-product__list-item--2 {
        padding-top: 30.66667vw;
    }
    .ie .c-lp-2-product__list-item--2 {
        background-attachment: inherit;
    }
}

.c-lp-2-product__img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: end;
    width: 40vw;
    height: 40.37037vw;
    opacity: 0;
    -webkit-transition: opacity 1s ease-out, -webkit-transform 1s;
    transition: opacity 1s ease-out, -webkit-transform 1s;
    transition: opacity 1s ease-out, transform 1s;
    transition: opacity 1s ease-out, transform 1s, -webkit-transform 1s;
    -webkit-transform: translateY(-100px);
    transform: translateY(-100px);

    -webkit-box-align: end;
    align-items: flex-end;
}

@media screen and (max-width: 750px) {
    .c-lp-2-product__img {
        margin: 0 auto;
        width: 72vw;
        height: auto;
    }
}

.c-lp-2-product__img img {
    width: 100%;
}

.c-lp-2-product__img.fadein {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.c-lp-2-product__txt-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    opacity: 0;
    -webkit-transition: opacity 0.6s ease-out;
    transition: opacity 0.6s ease-out;

    -webkit-box-pack: center;
    justify-content: center;
}

.c-lp-2-product__txt-area.fadein {
    opacity: 1;
}

.c-lp-2-product__txt {
    color: #FF6D02;
    font-weight: bold;
    font-size: 2.37037vw;
    line-height: 1.375;
}

@media screen and (max-width: 750px) {
    .c-lp-2-product__txt {
        text-align: center;
        font-size: 6.66667vw;
        line-height: 1.2;
    }
}

.c-lp-2-product__lower {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    margin-top: 0.74074vw;

    -webkit-box-align: center;
    align-items: center;
}

@media screen and (max-width: 750px) {
    .c-lp-2-product__lower {
        display: block;
        margin-top: 1.33333vw;
    }
}

.c-lp-2-product__txt-en {
    color: #FF6D02;
    font-size: 0.96296vw;
    font-family: "Montserrat", sans-serif;
    line-height: 1.46;
}

@media screen and (max-width: 750px) {
    .c-lp-2-product__txt-en {
        text-align: center;
        font-size: 2.66667vw;
    }
}

.c-lp-2-product__price {
    margin-left: 2.96296vw;
    color: #FF6D02;
    font-weight: 700;
    font-size: 1.11111vw;
    font-family: "Montserrat", sans-serif;
}

@media screen and (max-width: 750px) {
    .c-lp-2-product__price {
        display: block;
        margin-top: 0.66667vw;
        margin-left: auto;
        text-align: center;
        font-size: 2.4vw;
    }
}

.c-lp-2-product__price-num {
    margin-left: 0.74074vw;
    font-weight: 600;
    font-size: 2.96296vw;
}

@media screen and (max-width: 750px) {
    .c-lp-2-product__price-num {
        margin-left: 1.33333vw;
        font-size: 6.4vw;
    }
}

.c-lp-2-product__mobile {
    background-color: #fff;
}

.c-lp-2-product__mobile-link {
    display: block;
    background-color: #FF6D02;
    -webkit-transition: opacity 300ms;
    transition: opacity 300ms;
}

.c-lp-2-product__mobile-link:hover {
    opacity: 0.8;
}

.c-lp-2-product__mobile-img {
    position: relative;
    top: -1.11111vw;
    left: -0.37037vw;
    margin: 0 auto;
    width: 61.66667vw;
    opacity: 0;
    -webkit-transition: opacity 0.6s ease-out;
    transition: opacity 0.6s ease-out;
}

@media screen and (max-width: 750px) {
    .c-lp-2-product__mobile-img {
        top: -3.33333vw;
        width: 89.86667vw;
    }
    .ie .c-lp-2-product__mobile-img {
        top: -1.11111vw;
    }
}

.c-lp-2-product__mobile-img.fadein {
    opacity: 1;
}

.c-lp-2-feature {
    padding-top: 5.55556vw;
    background-color: #fff;
}

@media screen and (max-width: 750px) {
    .c-lp-2-feature {
        padding-top: 12vw;
    }
}

.c-lp-2-feature__inner {
    padding-top: 9.62963vw;
    background-color: #FFF6DD;
}

@media screen and (max-width: 750px) {
    .c-lp-2-feature__inner {
        padding-top: 18.66667vw;
    }
}

.c-lp-2-feature__ttl {
    margin: 0 auto;
    width: 26.17037vw;
    opacity: 0;
    -webkit-transition: opacity 0.6s ease-out;
    transition: opacity 0.6s ease-out;
}

@media screen and (max-width: 750px) {
    .c-lp-2-feature__ttl {
        width: 52.26667vw;
    }
}

.c-lp-2-feature__ttl.fadein {
    opacity: 1;
}

.c-lp-2-feature__cont {
    position: relative;
    padding-bottom: 12.96296vw;
}

.c-lp-2-feature__cont--1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;

    -webkit-box-pack: center;
    justify-content: center;
}

@media screen and (max-width: 750px) {
    .c-lp-2-feature__cont--1 {
        padding-top: 9.33333vw;
        padding-bottom: 36.66667vw;
    }
}

@media screen and (max-width: 750px) {
    .c-lp-2-feature__cont--2 {
        padding-bottom: 66.66667vw;
    }
}

.c-lp-2-feature__cont-inner {
    position: relative;
    z-index: 10;
}

.c-lp-2-feature__cont-inner--2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

@media screen and (max-width: 750px) {
    .c-lp-2-feature__cont-inner--2 {
        display: block;
    }
}

.c-lp-2-feature__cont-ttl {
    margin-bottom: 1.48148vw;
    color: #FF6D02;
    font-weight: bold;
    font-size: 2.96296vw;
    line-height: 1.4;
    opacity: 0;
    -webkit-transition: opacity 0.6s ease-out;
    transition: opacity 0.6s ease-out;

    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
}

@media screen and (max-width: 750px) {
    .c-lp-2-feature__cont-ttl {
        margin-bottom: 2.66667vw;
        font-size: 5.33333vw;
    }
}

.c-lp-2-feature__cont-ttl.fadein {
    opacity: 1;
}

.c-lp-2-feature__cont-txt-area {
    position: relative;
}

.c-lp-2-feature__cont-txt-area--1 {
    padding-top: 3.33333vw;
    text-align: center;
}

@media screen and (max-width: 850px) {
    .c-lp-2-feature__cont-txt-area--1 {
        padding-right: 1.48148vw;
    }
}

@media screen and (max-width: 750px) {
    .c-lp-2-feature__cont-txt-area--1 {
        margin-left: 24vw;
    }
}

.c-lp-2-feature__cont-txt-area--2 {
    margin-top: 10.37037vw;
    margin-left: 7.77778vw;
}

@media screen and (max-width: 750px) {
    .c-lp-2-feature__cont-txt-area--2 {
        margin-left: 10vw;
    }
}

.c-lp-2-feature__cont-arrow {
    position: absolute;
    top: 18.88889vw;
    left: -0.37037vw;
    width: 29.03704vw;
    background-size: 100% auto;
    opacity: 0;
    -webkit-transition: opacity 0.6s ease-out;
    transition: opacity 0.6s ease-out;
}

@media screen and (min-width: 751px) {
    .windows .c-lp-2-feature__cont-arrow {
        left: 0.22222vw;
    }
}

@media screen and (max-width: 750px) {
    .c-lp-2-feature__cont-arrow {
        top: 33.33333vw;
        left: -24.66667vw;
        width: 34vw;
    }
}

.c-lp-2-feature__cont-arrow.fadein {
    opacity: 1;
}

.c-lp-2-feature__cont-txt {
    color: #FF6D02;
    letter-spacing: 0.1em;
    font-weight: bold;
    font-size: 1.03704vw;
    line-height: 2;
    opacity: 0;
    -webkit-transition: opacity 0.6s ease-out;
    transition: opacity 0.6s ease-out;
}

@media screen and (max-width: 750px) {
    .c-lp-2-feature__cont-txt {
        font-size: 3.2vw;
        line-height: 1.9;
    }
}

.c-lp-2-feature__cont-txt.fadein {
    opacity: 1;
}

.c-lp-2-feature__cont-txt-anime {
    overflow: hidden;
    margin-left: -15.55556vw;
    padding-top: 3.7037vw;
}

@media screen and (max-width: 750px) {
    .c-lp-2-feature__cont-txt-anime {
        margin-bottom: 3.33333vw;
        margin-left: 3.33333vw;
        padding-top: 4vw;
    }
}

.c-lp-2-feature__cont-txt-anime-letter {
    position: relative;
    display: inline-block;
    opacity: 0;
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s cubic-bezier(0.12, 0.97, 0.72, 1.17);
    transition: opacity 0.3s, -webkit-transform 0.3s cubic-bezier(0.12, 0.97, 0.72, 1.17);
    transition: transform 0.3s cubic-bezier(0.12, 0.97, 0.72, 1.17), opacity 0.3s;
    transition: transform 0.3s cubic-bezier(0.12, 0.97, 0.72, 1.17), opacity 0.3s, -webkit-transform 0.3s cubic-bezier(0.12, 0.97, 0.72, 1.17);
    -webkit-transform: translate3d(0, 0, 0) translateY(100%) rotate(40deg);
    transform: translate3d(0, 0, 0) translateY(100%) rotate(40deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;

    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    will-change: transform;
}

.c-lp-2-feature__cont-txt-anime.fadein .c-lp-2-feature__cont-txt-anime-letter {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0) translateY(0) rotate(0deg);
    transform: translate3d(0, 0, 0) translateY(0) rotate(0deg);
}

.c-lp-2-feature__cont-txt-anime-letter--1 {
    width: 4.66667vw;
}

@media screen and (max-width: 750px) {
    .c-lp-2-feature__cont-txt-anime-letter--1 {
        width: 10.13333vw;
    }
}

.c-lp-2-feature__cont-txt-anime-letter--2 {
    top: -0.59259vw;
    left: -0.37037vw;
    width: 3.7037vw;
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
}

@media screen and (max-width: 750px) {
    .c-lp-2-feature__cont-txt-anime-letter--2 {
        top: -0.66667vw;
        left: -1.33333vw;
        width: 8.13333vw;
    }
}

.c-lp-2-feature__cont-txt-anime-letter--3 {
    top: -1.48148vw;
    width: 2.2963vw;
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
}

@media screen and (max-width: 750px) {
    .c-lp-2-feature__cont-txt-anime-letter--3 {
        top: -2vw;
        left: -0.66667vw;
        width: 5.33333vw;
    }
}

.c-lp-2-feature__cont-txt-anime-letter--4 {
    top: -2.22222vw;
    left: -0.37037vw;
    width: 2.18519vw;
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
}

@media screen and (max-width: 750px) {
    .c-lp-2-feature__cont-txt-anime-letter--4 {
        top: -4vw;
        left: -3.33333vw;
        width: 4.66667vw;
    }
}

.c-lp-2-feature__cont-txt-anime-letter--5 {
    top: -2.22222vw;
    left: -0.37037vw;
    width: 2.48148vw;
    -webkit-transition-delay: 0.4s;
    transition-delay: 0.4s;
}

@media screen and (max-width: 750px) {
    .c-lp-2-feature__cont-txt-anime-letter--5 {
        top: -3.33333vw;
        left: -3.33333vw;
        width: 6.13333vw;
    }
}

.c-lp-2-feature__cont-txt-anime-letter--6 {
    top: -2.96296vw;
    width: 1.11111vw;
    -webkit-transition-delay: 0.5s;
    transition-delay: 0.5s;
}

@media screen and (max-width: 750px) {
    .c-lp-2-feature__cont-txt-anime-letter--6 {
        top: -4.66667vw;
        left: -4vw;
        width: 2.66667vw;
    }
}

.c-lp-2-feature__cont-pic-area--1 {
    position: absolute;
    top: 4.44444vw;
    right: 0;
}

@media screen and (max-width: 750px) {
    .c-lp-2-feature__cont-pic-area--1 {
        top: 102.13333vw;
    }
}

.c-lp-2-feature__cont-pic-area--2 {
    position: relative;
    width: 20.14815vw;
}

@media screen and (max-width: 750px) {
    .c-lp-2-feature__cont-pic-area--2 {
        width: 59.2vw;
    }
}

.c-lp-2-feature__cont-pic-inner {
    position: relative;
}

.c-lp-2-feature__cont-pic--1 {
    width: 29.77778vw;
    opacity: 0;
    -webkit-transition: opacity 1s ease-out, -webkit-transform 1s;
    transition: opacity 1s ease-out, -webkit-transform 1s;
    transition: opacity 1s ease-out, transform 1s;
    transition: opacity 1s ease-out, transform 1s, -webkit-transform 1s;
    -webkit-transform: translateX(100px);
    transform: translateX(100px);
}

@media screen and (max-width: 750px) {
    .c-lp-2-feature__cont-pic--1 {
        width: 44.8vw;
    }
}

.c-lp-2-feature__cont-pic--1.fadein {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.c-lp-2-feature__cont-pic--2 {
    width: 100%;
    opacity: 0;
    -webkit-transition: opacity 1s ease-out, -webkit-transform 1s;
    transition: opacity 1s ease-out, -webkit-transform 1s;
    transition: opacity 1s ease-out, transform 1s;
    transition: opacity 1s ease-out, transform 1s, -webkit-transform 1s;
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
}

.c-lp-2-feature__cont-pic--2.fadein {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.c-lp-2-feature__cont-pic-s {
    position: absolute;
}

.c-lp-2-feature__cont-pic-s--1 {
    bottom: -7.40741vw;
    left: -5.55556vw;
    width: 22.2963vw;
    opacity: 0;
    -webkit-transition: opacity 1s ease-out, -webkit-transform 1s;
    transition: opacity 1s ease-out, -webkit-transform 1s;
    transition: opacity 1s ease-out, transform 1s;
    transition: opacity 1s ease-out, transform 1s, -webkit-transform 1s;
    -webkit-transform: translateX(100px);
    transform: translateX(100px);
}

@media screen and (max-width: 750px) {
    .c-lp-2-feature__cont-pic-s--1 {
        bottom: -9.33333vw;
        left: -33.33333vw;
        width: 47.73333vw;
    }
}

.c-lp-2-feature__cont-pic-s--1.fadein {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.c-lp-2-feature__cont-pic-s--2 {
    top: -9.62963vw;
    right: -13.7037vw;
    width: 23.33333vw;
    opacity: 0;
    -webkit-transition: opacity 1s ease-out, -webkit-transform 1s;
    transition: opacity 1s ease-out, -webkit-transform 1s;
    transition: opacity 1s ease-out, transform 1s;
    transition: opacity 1s ease-out, transform 1s, -webkit-transform 1s;
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
}

@media screen and (max-width: 750px) {
    .c-lp-2-feature__cont-pic-s--2 {
        top: -22.66667vw;
        right: -36vw;
        width: 50.66667vw;
    }
}

.c-lp-2-feature__cont-pic-s--2.fadein {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.c-lp-2-feature__cont-img {
    position: relative;
    position: absolute;
    top: 5.92593vw;
    left: 0;
    width: 32.59259vw;
    opacity: 0;
    -webkit-transition: opacity 1s ease-out, -webkit-transform 1s;
    transition: opacity 1s ease-out, -webkit-transform 1s;
    transition: opacity 1s ease-out, transform 1s;
    transition: opacity 1s ease-out, transform 1s, -webkit-transform 1s;
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
}

@media screen and (max-width: 750px) {
    .c-lp-2-feature__cont-img {
        top: 4.66667vw;
        width: 40.8vw;
    }
    .ie .c-lp-2-feature__cont-img {
        top: 26.66667vw;
        left: -8vw;
    }
}

.c-lp-2-feature__cont-img.fadein {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.c-lp-2-feature__cont-box {
    position: relative;
    margin-top: 8.88889vw;
    margin-left: 30.37037vw;
    padding: 2.96296vw 2.96296vw 2.59259vw;
    width: 52.2963vw;
    border: 1px solid #FF6D02;
    border-radius: 0.37037vw;
    opacity: 0;
    -webkit-transition: opacity 0.6s ease-out;
    transition: opacity 0.6s ease-out;
}

@media screen and (max-width: 750px) {
    .c-lp-2-feature__cont-box {
        margin: 0;
        margin-top: 69.33333vw;
        padding: 8vw 6.66667vw;
        width: 89.33333vw;
        border-radius: 1.33333vw;
    }
}

.c-lp-2-feature__cont-box.fadein {
    opacity: 1;
}

.c-lp-2-feature__cont-box-icon {
    position: absolute;
    top: -2.96296vw;
    left: 50%;
    width: 7.77778vw;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

@media screen and (max-width: 750px) {
    .c-lp-2-feature__cont-box-icon {
        top: -8.66667vw;
        width: 21.73333vw;
    }
}

.c-lp-2-feature__cont-box-ttl {
    margin-right: 0.1em;
    margin-bottom: 1.11111vw;
    color: #FF6D02;
    text-align: center;
    letter-spacing: 0.05em;
    font-weight: bold;
    font-size: 2.07407vw;
    opacity: 0;
    -webkit-transition: opacity 0.6s ease-out;
    transition: opacity 0.6s ease-out;
}

@media screen and (max-width: 750px) {
    .c-lp-2-feature__cont-box-ttl {
        margin-bottom: 4.66667vw;
        font-size: 5.33333vw;
        line-height: 1.2;
    }
}

.c-lp-2-feature__cont-box-ttl.fadein {
    opacity: 1;
}

.c-lp-2-feature__cont-box-ttl-l {
    margin-right: 0.2em;
    letter-spacing: 0.01em;
    font-weight: 600;
    font-style: italic;
    font-size: 3.40741vw;
    font-family: "Montserrat", sans-serif;
}

@media screen and (max-width: 750px) {
    .c-lp-2-feature__cont-box-ttl-l {
        font-size: 7.33333vw;
    }
}

.c-lp-2-feature__cont-box-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    opacity: 0;
    -webkit-transition: opacity 0.6s ease-out;
    transition: opacity 0.6s ease-out;
}

@media screen and (max-width: 750px) {
    .c-lp-2-feature__cont-box-inner {
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;

        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
    }
}

.c-lp-2-feature__cont-box-inner.fadein {
    opacity: 1;
}

.c-lp-2-feature__cont-box-img-area {
    position: relative;
    margin-left: 1.11111vw;
}

@media screen and (max-width: 750px) {
    .c-lp-2-feature__cont-box-img-area {
        margin-left: 0;
    }
}

.c-lp-2-feature__cont-box-img {
    width: 15vw;
}

@media screen and (max-width: 750px) {
    .c-lp-2-feature__cont-box-img {
        margin: 0 auto 2.66667vw;
        width: 76vw;
    }
}

.c-lp-2-feature__cont-box-img-icon {
    position: absolute;
    top: -1.11111vw;
    right: -1.11111vw;
    width: 5.77778vw;
}

@media screen and (max-width: 750px) {
    .c-lp-2-feature__cont-box-img-icon {
        width: 12.8vw;
    }
}

.c-lp-2-feature__cont-box-txt {
    color: #FF6D02;
    letter-spacing: 0.1em;
    font-weight: bold;
    font-size: 1.03704vw;
    line-height: 2;
}

@media screen and (max-width: 750px) {
    .c-lp-2-feature__cont-box-txt {
        font-size: 3.2vw;
    }
}

.c-lp-2-feature__cont-box-txt:nth-of-type(n + 2) {
    margin-top: 0.5em;
}

@media screen and (max-width: 750px) {
    .c-lp-2-feature__cont-box-txt:nth-of-type(n + 2) {
        margin-top: 1em;
    }
}

.c-lp-2-feature__cont-box-link {
    margin-top: 1.48148vw;
    text-align: center;
    opacity: 0;
    -webkit-transition: opacity 0.6s ease-out;
    transition: opacity 0.6s ease-out;
}

@media screen and (max-width: 750px) {
    .c-lp-2-feature__cont-box-link {
        margin-top: 4vw;
    }
}

.c-lp-2-feature__cont-box-link.fadein {
    opacity: 1;
}

.c-lp-2-feature__cont-box-link-txt {
    position: relative;
    padding-bottom: 0.51852vw;
    border-bottom: 1px solid #FF6D02;
    color: #FF6D02;
    font-weight: bold;
    font-size: 1.48148vw;
    -webkit-transition: opacity 300ms;
    transition: opacity 300ms;
}

.c-lp-2-feature__cont-box-link-txt:hover {
    opacity: 0.8;
}

.ie .c-lp-2-feature__cont-box-link-txt {
    padding-bottom: 0;
}

@media screen and (max-width: 750px) {
    .c-lp-2-feature__cont-box-link-txt {
        padding-bottom: 1.33333vw;
        font-size: 4vw;
    }
}

.c-lp-2-feature__cont-box-link-txt::after {
    position: absolute;
    top: 0;
    right: -1.48148vw;
    width: 1.18519vw;
    height: 1.25926vw;
    background: url("../img/lp/iyokan/icon_open-link.png") 0 0 no-repeat;
    background-size: 100% 100%;
    content: "";
}

@media screen and (max-width: 750px) {
    .c-lp-2-feature__cont-box-link-txt::after {
        top: 0;
        right: -5.33333vw;
        width: 4vw;
        height: 4.13333vw;
    }
}

.windows .c-lp-2-feature__cont-box-link-txt::after {
    top: 0.15em;
}

.c-lp-2-feature__cont-circle {
    position: absolute;
    top: -7.77778vw;
    right: -10vw;
}

@media screen and (max-width: 750px) {
    .c-lp-2-feature__cont-circle {
        top: 89.33333vw;
        right: -13.33333vw;
    }
    .ie .c-lp-2-feature__cont-circle {
        top: 160vw;
    }
}

.c-lp-2-feature__cont-circle-wrap {
    opacity: 0;
    -webkit-transition: opacity 1s ease-out, -webkit-transform 1s;
    transition: opacity 1s ease-out, -webkit-transform 1s;
    transition: opacity 1s ease-out, transform 1s;
    transition: opacity 1s ease-out, transform 1s, -webkit-transform 1s;
    -webkit-transform: translateX(100px);
    transform: translateX(100px);
}

.c-lp-2-feature__cont-circle-wrap.fadein {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.c-lp-2-feature__cont-circle-inner {
    position: relative;
    -webkit-transform: scale(0.5) rotate(-50deg);
    transform: scale(0.5) rotate(-50deg);
}

.c-lp-2-feature__cont-circle-inner.fadein {
    -webkit-animation: circle-large 1.5s cubic-bezier(0.25, 1, 0.5, 1) forwards;
    animation: circle-large 1.5s cubic-bezier(0.25, 1, 0.5, 1) forwards;
}

.c-lp-2-feature__cont-circle-txt {
    width: 40.51852vw;
}

@media screen and (max-width: 750px) {
    .c-lp-2-feature__cont-circle-txt {
        width: 73.33333vw;
    }
}

.c-lp-2-feature__cont-circle-txt.fadein {
    -webkit-animation: rotate 20s linear 1s infinite;
    animation: rotate 20s linear 1s infinite;
}

.c-lp-2-feature__cont-circle-pic {
    position: absolute;
    bottom: -4.44444vw;
    left: -7.40741vw;
    width: 28.07407vw;
    opacity: 0;
    -webkit-transition: opacity 1s ease-out, -webkit-transform 1s;
    transition: opacity 1s ease-out, -webkit-transform 1s;
    transition: opacity 1s ease-out, transform 1s;
    transition: opacity 1s ease-out, transform 1s, -webkit-transform 1s;
    -webkit-transition-delay: 0.5s;
    transition-delay: 0.5s;
    -webkit-transform: translateX(100px);
    transform: translateX(100px);
}

.c-lp-2-feature__cont-circle-pic.fadein {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

@media screen and (max-width: 750px) {
    .c-lp-2-feature__cont-circle-pic {
        bottom: -10vw;
        left: -11.33333vw;
        width: 58.26667vw;
    }
}

.c-lp-2-type {
    position: relative;
    padding-top: 9.25926vw;
    padding-bottom: 8.88889vw;
    background: url("../img/lp/iyokan/img_bg-type.jpg") 0 0 no-repeat;
    background-color: #fff;
    background-size: 100% auto;
}

@media screen and (max-width: 750px) {
    .c-lp-2-type {
        padding-top: 17.33333vw;
        padding-bottom: 15.33333vw;
    }
}

@media screen and (max-width: 750px) {
    .c-lp-2-type {
        background-image: url("../img/lp/iyokan/sp/img_bg-type.jpg");
    }
}

.c-lp-2-type__ttl-txt {
    display: block;
    margin-bottom: 0.74074vw;
    color: #fff;
    text-align: center;
    letter-spacing: 0.15em;
    font-weight: bold;
    font-size: 1.33333vw;
}

@media screen and (max-width: 750px) {
    .c-lp-2-type__ttl-txt {
        margin-bottom: 2.66667vw;
        font-size: 4vw;
    }
}

.c-lp-2-type__ttl {
    margin-bottom: 1.85185vw;
    color: #fff;
    text-align: center;
    font-weight: bold;
    font-size: 2.96296vw;
    opacity: 0;
    -webkit-transition: opacity 0.6s ease-out;
    transition: opacity 0.6s ease-out;
}

@media screen and (max-width: 750px) {
    .c-lp-2-type__ttl {
        margin-bottom: 4vw;
        font-size: 6.66667vw;
    }
}

.c-lp-2-type__ttl.fadein {
    opacity: 1;
}

.c-lp-2-type__txt {
    color: #fff;
    text-align: center;
    letter-spacing: 0.1em;
    font-weight: bold;
    font-size: 1.03704vw;
    line-height: 2;
    opacity: 0;
    -webkit-transition: opacity 0.6s ease-out;
    transition: opacity 0.6s ease-out;
}

@media screen and (max-width: 750px) {
    .c-lp-2-type__txt {
        font-size: 3.2vw;
    }
}

.c-lp-2-type__txt.fadein {
    opacity: 1;
}

.c-lp-2-type__list {
    position: relative;
    z-index: 10;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    margin-top: 1.48148vw;

    -webkit-box-pack: center;
    justify-content: center;
}

@media screen and (max-width: 750px) {
    .c-lp-2-type__list {
        margin-top: 34.66667vw;
    }
}

.c-lp-2-type__list-item {
    position: relative;
    width: 28.74074vw;
}

@media screen and (max-width: 750px) {
    .c-lp-2-type__list-item {
        width: 48.26667vw;
    }
}

.c-lp-2-type__list-item--1 {
    right: -3.7037vw;
    opacity: 0;
    -webkit-transition: opacity 1s ease-out, -webkit-transform 1s;
    transition: opacity 1s ease-out, -webkit-transform 1s;
    transition: opacity 1s ease-out, transform 1s;
    transition: opacity 1s ease-out, transform 1s, -webkit-transform 1s;
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
}

@media screen and (max-width: 750px) {
    .c-lp-2-type__list-item--1 {
        right: -6.66667vw;
        -webkit-transition-delay: 0.5s;
        transition-delay: 0.5s;
    }
}

.c-lp-2-type__list-item--1.fadein {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.c-lp-2-type__list-item--2 {
    top: 1.48148vw;
    left: -3.7037vw;
    opacity: 0;
    -webkit-transition: opacity 1s ease-out, -webkit-transform 1s;
    transition: opacity 1s ease-out, -webkit-transform 1s;
    transition: opacity 1s ease-out, transform 1s;
    transition: opacity 1s ease-out, transform 1s, -webkit-transform 1s;
    -webkit-transform: translateX(100px);
    transform: translateX(100px);
}

@media screen and (max-width: 750px) {
    .c-lp-2-type__list-item--2 {
        top: 3.33333vw;
        left: -6.66667vw;
        -webkit-transition-delay: 0.5s;
        transition-delay: 0.5s;
    }
}

.c-lp-2-type__list-item--2.fadein {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.c-lp-2-type__cont {
    position: absolute;
}

.c-lp-2-type__cont--1 {
    top: 9.62963vw;
    left: 6.2963vw;
    opacity: 0;
    -webkit-transition: opacity 1s ease-out, -webkit-transform 1s;
    transition: opacity 1s ease-out, -webkit-transform 1s;
    transition: opacity 1s ease-out, transform 1s;
    transition: opacity 1s ease-out, transform 1s, -webkit-transform 1s;
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
}

@media screen and (max-width: 750px) {
    .c-lp-2-type__cont--1 {
        top: 74.66667vw;
        left: 3.33333vw;
    }
}

.c-lp-2-type__cont--1.fadein {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.c-lp-2-type__cont--2 {
    top: 9.62963vw;
    right: 4.44444vw;
    opacity: 0;
    -webkit-transition: opacity 1s ease-out, -webkit-transform 1s;
    transition: opacity 1s ease-out, -webkit-transform 1s;
    transition: opacity 1s ease-out, transform 1s;
    transition: opacity 1s ease-out, transform 1s, -webkit-transform 1s;
    -webkit-transform: translateX(100px);
    transform: translateX(100px);
}

@media screen and (max-width: 750px) {
    .c-lp-2-type__cont--2 {
        top: 74.66667vw;
        right: 6vw;
    }
}

.c-lp-2-type__cont--2.fadein {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.c-lp-2-type__cont-label {
    display: block;
    margin: 0 auto 0.37037vw;
    line-height: 0;
}

@media screen and (max-width: 750px) {
    .c-lp-2-type__cont-label {
        margin-bottom: 2.66667vw;
    }
}

.c-lp-2-type__cont-label--1 {
    width: 4.81481vw;
}

@media screen and (max-width: 750px) {
    .c-lp-2-type__cont-label--1 {
        width: 10.4vw;
    }
}

.c-lp-2-type__cont-label--2 {
    width: 5.62963vw;
}

@media screen and (max-width: 750px) {
    .c-lp-2-type__cont-label--2 {
        width: 12.13333vw;
    }
}

.c-lp-2-type__cont-txt--1 {
    width: 26.22222vw;
}

@media screen and (max-width: 750px) {
    .c-lp-2-type__cont-txt--1 {
        width: 42.93333vw;
    }
}

.c-lp-2-type__cont-txt--2 {
    width: 23.40741vw;
}

@media screen and (max-width: 750px) {
    .c-lp-2-type__cont-txt--2 {
        position: relative;
        left: 1.33333vw;
        width: 40.26667vw;
    }
}

.c-lp-2-type__cont-img {
    margin: 0 auto;
    width: 13.33333vw;
}

@media screen and (max-width: 750px) {
    .c-lp-2-type__cont-img {
        width: 24vw;
    }
}

@media screen and (max-width: 750px) {
    .c-lp-2-type__cont-img--1 {
        margin-top: -6.66667vw;
        margin-left: -6vw;
    }
}

.c-lp-2-type__cont-img--2 {
    margin-top: 1.48148vw;
}

@media screen and (max-width: 750px) {
    .c-lp-2-type__cont-img--2 {
        margin-top: -4.66667vw;
        margin-right: -8.66667vw;
    }
}

.c-lp-2 .c-lp-1-box {
    z-index: 100;
    padding-top: 11.11111vw;
    padding-bottom: 12.22222vw;
    min-height: 80.96296vw;
    background: url("../img/lp/iyokan/img_bg-campaign.png") 0 0 no-repeat;
    background-size: 100% 100%;
}

@media screen and (max-width: 750px) {
    .c-lp-2 .c-lp-1-box {
        padding-top: 26vw;
        min-height: 292.4vw;
        background-image: url("../img/lp/iyokan/sp/img_bg-campaign.png");
    }
}

.c-lp-2 .c-lp-1-box::before, .c-lp-2 .c-lp-1-box::after {
    content: none;
}

.c-lp-2 .c-lp-1-box__sub-ttl {
    color: #fff;
}

.c-lp-2 .c-lp-1-box__contents {
    border: none;
}

.c-lp-2 .c-lp-1-box__date-l {
    margin-bottom: 0.74074vw;
}

.c-lp-2 .c-lp-1-box__date-txt {
    color: #FF6D02;
}

.c-lp-2 .c-lp-1-box__txt {
    color: #FF6D02;
}

.c-lp-2 .c-lp-1-box__txt-l {
    color: #FF6D02;
}

.c-lp-2 .c-lp-1-box__col {
    padding-bottom: 8.14815vw;
    background-color: #FFF6DD;
}

.c-lp-2 .c-lp-1-box__col-list-label {
    border-color: #FF6D02;
    color: #FF6D02;
}

.c-lp-2 .c-lp-1-box__col-list-txt {
    color: #4D4D4D;
}

.c-lp-2 .c-lp-1-box__btn {
    background-color: #FF6D02;
}

.c-lp-2-movie {
    position: relative;
    margin-top: -7.40741vw;
}

@media screen and (max-width: 750px) {
    .c-lp-2-movie {
        margin-top: -10.66667vw;
    }
}

.c-lp-2-movie__contents {
    width: 100%;
}

.c-lp-2-movie__contents video {
    width: 100%;
}