@charset "UTF-8";

/* -----------------------------------------------

基本スタイル

----------------------------------------------- */
.lp_wrap .slider {
    display: none;
}
.lp_wrap .slider.slick-initialized {
    display: block;
}
.lp_wrap .slider .slick-arrow {
    cursor: pointer;
}
.lp_wrap .slider .slick-list {
    cursor: grab;
}
.lp_wrap .slider .slick-list:active {
    cursor: grabbing;
}
.lp_wrap .slider .slick-dots li * {
    display: none;
}
/* -----------------------------------------------

offer


----------------------------------------------- */
.lp_wrap .offer1 .btn {
    position: absolute;
    top: 30%;
    left: 0;
    right: 0;
    margin: auto;
    width: 88%;
    overflow: hidden;
    animation: offer_btn1 1s ease-in-out alternate infinite;
}
.lp_wrap .offer1 .btn::after {
    content: "";
    display: block;
    position: absolute;
    top: -50%;
    left: -50%;
    width: 20%;
    height: 200%;
    transform: rotate(45deg);
    background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%);
    animation: 2s offer1_btn ease-in-out infinite;
}




@keyframes offer1_btn {
    0% {
        left: -50%;
    }
    70%, 100% {
        left: 150%;
    }
}
.lp_wrap .offer2 .btn {
    position: absolute;
    top: 60.5%;
    left: 0;
    right: 0;
    margin: auto;
    width: 80%;
    animation: offer_btn 1s ease-in-out alternate infinite;
}
.lp_wrap .offer3 .btn {
    position: absolute;
    top: 66.6%;
    left: 0;
    right: 0;
    margin: auto;
    width: 80%;
    animation: offer_btn 1s ease-in-out alternate infinite;
}
.lp_wrap .offer4 .btn {
    position: absolute;
    top: 74%;
    left: 0;
    right: 0;
    margin: auto;
    width: 80%;
    animation: offer_btn 1s ease-in-out alternate infinite;
}
@keyframes offer_btn1 {
    0% {
        transform: scale(1.0);
    }
    100% {
        transform: scale(1.05);
    }
}
@keyframes offer_btn {
    0% {
        transform: scale(1.0);
    }
    100% {
        transform: scale(1.2);
    }
}

/* -----------------------------------------------

各コンテンツ

----------------------------------------------- */
.lp_wrap .regular_rule {
    position: absolute;
    right: 9%;
    bottom: 14.5%;
    width: 19%;
    height: 10%;
    cursor: pointer;
}
.lp_wrap .offer1_kinou dl dt {
    position: relative;
    cursor: pointer;
}
.lp_wrap .offer1_kinou dl dt::after {
    content: "";
    display: block;
    position: absolute;
    top: 0%;
    right: 6%;
    width: 9.333%;
    height: 100%;
    background: url("../img/kinousei_arrow.png") center center/contain no-repeat;
    transition: 0.6s;
    transform: rotateZ(180deg);
}
.lp_wrap .offer1_kinou dl dt.open::after {
    transform: rotateZ(0deg);
}
.lp_wrap .offer1_kinou dl dd {
    display: none;
}
/* -------------------------------------------- */
.lp_wrap .secret .head {
    position: absolute;
    top: 4.6%;
    left: 5.6%;
    width: 88.8%;
}
.lp_wrap .secret .head.trigger {
    transition: 1s;
    transform: translateY(20px);
    opacity: 0;
}
.lp_wrap .secret .head.trigger.move {
    transform: translateY(0px);
    opacity: 1;
}
.lp_wrap .secret .first .catch li {
    position: absolute;
    top: 14%;
    width: 17.733%;
}
.lp_wrap .secret .first .catch li:nth-child(1) {
    left: 23%;
}
.lp_wrap .secret .first .catch li:nth-child(2) {
    left: 40.7%;
    transition-delay: 0.2s !important;
}
.lp_wrap .secret .first .catch li:nth-child(3) {
    right: 23%;
    transition-delay: 0.4s !important;
}
.lp_wrap .secret .first .catch li.trigger,
.lp_wrap .secret .first .catch li.trigger ~ li {
    transform-origin: left bottom;
    transition: transform 1.5s cubic-bezier(0.32, 0.94, 0.6, 1), opacity 0.75s cubic-bezier(0.32, 0.94, 0.6, 1);
    transform: translate3d(30px, 0, 0) rotate(10deg) rotateY(110deg) rotateX(-30deg) scale(1.1);
    opacity: 0;
}
.lp_wrap .secret .first .catch li.trigger.move,
.lp_wrap .secret .first .catch li.trigger.move ~ li {
    transform: translateZ(0);
    opacity: 1;
}
.lp_wrap .secret .first .head {
    position: absolute;
    top: 19.3%;
    left: 7.4%;
    width: 85.2%;
}
.lp_wrap .secret .first .icon li {
    position: absolute;
    top: 23%;
    width: 36.8%;
}
.lp_wrap .secret .first .icon li:nth-child(1) {
    left: 7%;
}
.lp_wrap .secret .first .icon li:nth-child(2) {
    right: 7%;
}
.lp_wrap .secret .first .icon li.trigger {
    transition: 1s;
    transform: translateX(-120%);
}
.lp_wrap .secret .first .icon li.trigger + li {
    transition: 1s;
    transform: translateX(120%);
}
.lp_wrap .secret .first .icon li.trigger.move,
.lp_wrap .secret .first .icon li.trigger.move ~ li {
    transform: translateX(0%);
}
.lp_wrap .secret .first .banaba {
    position: absolute;
    top: 29.4%;
    right: 0%;
    width: 80%;
}
.lp_wrap .secret .first .banaba.trigger {
    transition: 1s;
    transform: translateY(20px);
    opacity: 0;
}
.lp_wrap .secret .first .banaba.trigger.move {
    transform: translateY(0px);
    opacity: 1;
}
.lp_wrap .secret .first .sarashia {
    position: absolute;
    top: 35.5%;
    right: 0%;
    width: 80%;
}
.lp_wrap .secret .first .sarashia.trigger {
    transition: 1s;
    transform: translateY(20px);
    opacity: 0;
}
.lp_wrap .secret .first .sarashia.trigger.move {
    transform: translateY(0px);
    opacity: 1;
}
.lp_wrap .secret .second .head {
    position: absolute;
    top: 53.3%;
    left: 4.533%;
    width: 90.933%;
}
.lp_wrap .secret .second .head.trigger {
    transition: 1s;
    transform: translateY(20px);
    opacity: 0;
}
.lp_wrap .secret .second .head.trigger.move {
    transform: translateY(0px);
    opacity: 1;
}
.lp_wrap .secret .second .gaba {
    position: absolute;
    top: 60%;
    right: 0%;
    width: 80%;
}
.lp_wrap .secret .second .gaba.trigger {
    transition: 1s;
    transform: translateY(20px);
    opacity: 0;
}
.lp_wrap .secret .second .gaba.trigger.move {
    transform: translateY(0px);
    opacity: 1;
}
.lp_wrap .secret .third .head {
    position: absolute;
    top: 75.3%;
    left: 12%;
    width: 76%;
}
.lp_wrap .secret .third .head.trigger {
    transition: 1s;
    transform: translateY(20px);
    opacity: 0;
}
.lp_wrap .secret .third .head.trigger.move {
    transform: translateY(0px);
    opacity: 1;
}
.lp_wrap .secret .third .book li {
    position: absolute;
    top: 86%;
    width: 22.8%;
}
.lp_wrap .secret .third .book li:nth-child(1) {
    left: 48%;
}
.lp_wrap .secret .third .book li:nth-child(2) {
    left: 65%;
}
.lp_wrap .secret .third .book li.trigger {
    transition: 1s;
    transform-origin: center bottom;
    transform: translateX(30%) scale(0.8);
    opacity: 0;
}
.lp_wrap .secret .third .book li.trigger + li {
    transition: 1s;
    transform-origin: center bottom;
    transform: translateX(-30%) scale(0.8);
    opacity: 0;
}
.lp_wrap .secret .third .book li.trigger.move {
    transform: translateX(0%) rotateZ(-10deg) scale(1);
    opacity: 1;
}
.lp_wrap .secret .third .book li.trigger.move + li {
    transform: translateX(0%) rotateZ(10deg) scale(1);
    opacity: 1;
}
/* -------------------------------------------- */
.lp_wrap .total .arrow {
    position: absolute;
    top: 0%;
    left: 32.667%;
    width: 34.667%;
}
.lp_wrap .total .arrow.trigger {
    transition: 1s;
    transform: translateY(-20px);
    opacity: 0;
}
.lp_wrap .total .arrow.trigger.move {
    transform: translateY(0px);
    opacity: 1;
}
.lp_wrap .total .odometer {
    position: absolute;
    top: 35%;
    left: 0%;
    width: 100%;
    text-align: center;
    padding-right: 5%;
    box-sizing: border-box;
    overflow: hidden;
}
.lp_wrap .total .odometer.trigger {
    opacity: 0;
}
.lp_wrap .total .odometer.trigger.move {
    opacity: 1;
}
.lp_wrap .total .odometer,
.lp_wrap .total .odometer * {
    font-family: 'Crimson Text', serif;
    font-size: min(21vw, 157.5px);
    line-height: 0.7em;
    color: #cb2600;
}
.lp_wrap .total .odometer .odometer-formatting-mark {
    font-size: min(12vw, 94.56px);
}
.lp_wrap .total .confetti {
    position: absolute;
    top: 7%;
    left: -5.467%;
    width: 110.933%;
}
.lp_wrap .total .odometer.trigger + .confetti {
    transition: 0.8s cubic-bezier(0.26, 1.1, 0.54, 1.29) 1.8s;
    transform: scale(0);
    opacity: 0;
}
.lp_wrap .total .odometer.trigger.move + .confetti {
    transform: scale(1);
    opacity: 1;
}
.lp_wrap .total .goods li {
    position: absolute;
    top: 57%;
    width: 32.133%;
}
.lp_wrap .total .goods li:nth-child(1) {
    left: 33.933%;
    z-index: 3;
}
.lp_wrap .total .goods li:nth-child(2) {
    left: 22%;
    z-index: 2;
    scale: 0.9;
    transition-delay: 0.2s !important;
}
.lp_wrap .total .goods li:nth-child(3) {
    right: 22%;
    z-index: 2;
    scale: 0.9;
    transition-delay: 0.2s !important;
}
.lp_wrap .total .goods li:nth-child(4) {
    left: 10%;
    z-index: 1;
    scale: 0.8;
    transition-delay: 0.6s !important;
}
.lp_wrap .total .goods li:nth-child(5) {
    right: 10%;
    z-index: 1;
    scale: 0.8;
    transition-delay: 0.6s !important;
}
.lp_wrap .total .goods li:nth-child(6) {
    left: -1%;
    scale: 0.7;
    transition-delay: 1s !important;
}
.lp_wrap .total .goods li:nth-child(7) {
    right: -1%;
    scale: 0.7;
    transition-delay: 1s !important;
}
.lp_wrap .total .goods li.trigger {
    transition: 1s;
    opacity: 0;
}
.lp_wrap .total .goods li.trigger ~ li:nth-child(even) {
    transition: 1s;
    transform: translateX(50%);
    opacity: 0;
}
.lp_wrap .total .goods li.trigger ~ li:nth-child(odd) {
    transition: 1s;
    transform: translateX(-50%);
    opacity: 0;
}
.lp_wrap .total .goods li.trigger.move {
    opacity: 1;
}
.lp_wrap .total .goods li.trigger.move ~ li {
    transform: translateX(0%);
    opacity: 1;
}
/* -------------------------------------------- */
.lp_wrap .bgl .bgl_pop {
    position: absolute;
    top: 8%;
    left: 0%;
    right: 0%;
    margin: auto;
    width: 28%;
}
.lp_wrap .bgl .bgl_pop.trigger {
    transition: 1s;
    transform: scale(0);
    transform-origin: bottom;
}
.lp_wrap .bgl .bgl_pop.trigger.move {
    transform: scale(1);
}
/* -------------------------------------------- */
.lp_wrap .why .head1 {
    position: absolute;
    top: 7.2%;
    left: 10.133%;
    width: 79.733%;
    overflow: hidden;
}
.lp_wrap .why .head1.trigger img {
    transition: 1s;
    transform: translateY(100%);
}
.lp_wrap .why .head1.trigger.move img {
    transform: translateY(0%);
}
.lp_wrap .why .icon li {
    position: absolute;
    width: 26.267%;
}
.lp_wrap .why .icon li:nth-child(1) {
    top: 18.6%;
    left: 68%;
}
.lp_wrap .why .icon li:nth-child(2) {
    top: 26%;
    left: 5%;
}
.lp_wrap .why .icon li.trigger,
.lp_wrap .why .icon li.trigger ~ li {
    transition: 1s;
    opacity: 0;
}
.lp_wrap .why .icon li.trigger.move,
.lp_wrap .why .icon li.trigger.move ~ li {
    opacity: 1;
}
.lp_wrap .why .icon li.trigger img,
.lp_wrap .why .icon li.trigger ~ li img {
    animation: 2s why_icon ease-in-out alternate infinite;
}
.lp_wrap .why .icon li:nth-child(2) img {
    animation-delay: -0.3s !important;
}
@keyframes why_icon {
    from {
        transform: translateY(-10px);
    }
    to {
        transform: translateY(10px);
    }
}
.lp_wrap .why .head2 {
    position: absolute;
    top: 48.4%;
    left: 4.867%;
    width: 90.267%;
}
.lp_wrap .why .head2.trigger {
    transition: 1s;
    transform-origin: center bottom;
    transform: scale(0);
    opacity: 0;
}
.lp_wrap .why .head2.trigger.move {
    transform: scale(1);
    opacity: 1;
}
.lp_wrap .why .gif {
    position: absolute;
    top: 61%;
    left: 0%;
    width: 100%;
}
.lp_wrap .why .check {
    position: absolute;
    left: 11%;
    width: 6.4%;
}
.lp_wrap .why .check.trigger {
    transition: 0.6s;
    clip-path: inset(0% 100% 0% 0%);
}
.lp_wrap .why .check.trigger.move {
    clip-path: inset(0%);
}
.lp_wrap .why .check1 {
    top: 85.7%;
}
.lp_wrap .why .check2 {
    top: 90.6%;
}
.lp_wrap .why .check_let {
    position: absolute;
    left: 21%;
}
.lp_wrap .why .check.trigger + .check_let {
    transition: 1s 0.4s;
    clip-path: inset(0% 100% 0% 0%);
}
.lp_wrap .why .check.trigger.move + .check_let {
    clip-path: inset(0%);
}
.lp_wrap .why .check_let1 {
    top: 84.9%;
    width: 27.067%;
}
.lp_wrap .why .check_let2 {
    top: 89.8%;
    width: 32.933%;
}
/* -------------------------------------------- */
.lp_wrap .functionality1 .catch1 {
    position: absolute;
    top: 0.3%;
    left: 30%;
    width: 40%;
}
.lp_wrap .functionality1 .catch1.trigger {
    transition: 1s;
    transform: translateY(-20px);
    opacity: 0;
}
.lp_wrap .functionality1 .catch1.trigger.move {
    transform: translateY(0px);
    opacity: 1;
}
.lp_wrap .functionality1 .balloon {
    position: absolute;
    top: 4.6%;
    left: 5.333%;
    width: 89.333%;
}
.lp_wrap .functionality1 .balloon.trigger {
    transition: 1s;
    transform: translateY(-20px);
    opacity: 0;
}
.lp_wrap .functionality1 .balloon.trigger.move {
    transform: translateY(0px);
    opacity: 1;
}
.lp_wrap .functionality1 .let {
    position: absolute;
    top: 45.3%;
    left: 9.2%;
    width: 81.6%;
}
.lp_wrap .functionality1 .let.trigger {
    transition: 1s;
    opacity: 0;
}
.lp_wrap .functionality1 .let.trigger.move {
    opacity: 1;
}
.lp_wrap .functionality1 .icon li {
    position: absolute;
    top: 51%;
    width: 38.133%;
}
.lp_wrap .functionality1 .icon li:nth-child(1) {
    left: 5%;
}
.lp_wrap .functionality1 .icon li:nth-child(2) {
    right: 5%;
}
.lp_wrap .functionality1 .icon li.trigger,
.lp_wrap .functionality1 .icon li.trigger + li {
    transition: 1s;
    transform: scale(0);
    opacity: 0;
}
.lp_wrap .functionality1 .icon li.trigger.move,
.lp_wrap .functionality1 .icon li.trigger.move + li {
    transform: scale(1);
    opacity: 1;
}
.lp_wrap .functionality1 .catch2 {
    position: absolute;
    top: 59.4%;
    left: 40.667%;
    width: 18.667%;
}
.lp_wrap .functionality1 .catch2.trigger {
    transition: 1s;
    transform: translateY(-20px);
    opacity: 0;
}
.lp_wrap .functionality1 .catch2.trigger.move {
    transform: translateY(0px);
    opacity: 1;
}
.lp_wrap .functionality1 .down {
    position: absolute;
    top: 82.5%;
    left: 66%;
    width: 24.8%;
    overflow: hidden;
}
.lp_wrap .functionality1 .down.trigger img {
    animation: 1s functionality1_down ease-in-out alternate infinite;
}
@keyframes functionality1_down {
    to {
        transform: translateY(-10%);
    }
}
/* -------------------------------------------- */
.lp_wrap .functionality2 .catch {
    position: absolute;
    top: 0.3%;
    left: 30%;
    width: 40%;
}
.lp_wrap .functionality2 .catch.trigger {
    transition: 1s;
    transform: translateY(-20px);
    opacity: 0;
}
.lp_wrap .functionality2 .catch.trigger.move {
    transform: translateY(0px);
    opacity: 1;
}
.lp_wrap .functionality2 .balloon {
    position: absolute;
    top: 6%;
    left: 5.333%;
    width: 89.333%;
}
.lp_wrap .functionality2 .balloon.trigger {
    transition: 1s;
    transform: translateY(-20px);
    opacity: 0;
}
.lp_wrap .functionality2 .balloon.trigger.move {
    transform: translateY(0px);
    opacity: 1;
}
.lp_wrap .functionality2 .approach li {
    position: absolute;
    top: 62.6%;
    width: 40%;
    overflow: hidden;
}
.lp_wrap .functionality2 .approach li:nth-child(1) {
    left: 8.2%;
}
.lp_wrap .functionality2 .approach li:nth-child(2) {
    right: 8.2%;
}
.lp_wrap .functionality2 .approach li.trigger img {
    transition: 1s;
    transform: translateX(-100%);
}
.lp_wrap .functionality2 .approach li.trigger + li img {
    transition: 1s;
    transform: translateX(100%);
}
.lp_wrap .functionality2 .approach li.trigger.move img,
.lp_wrap .functionality2 .approach li.trigger.move + li img {
    transform: translateX(0%);
}
.lp_wrap .functionality2 .gaba {
    position: absolute;
    top: 79%;
    right: 0%;
    width: 28.8%;
}
.lp_wrap .functionality2 .arrow {
    position: absolute;
    top: 84.3%;
    left: 36.667%;
    width: 26.667%;
}
.lp_wrap .functionality2 .arrow.trigger {
    animation: 1s functionality2_arrow ease-in-out alternate infinite;
}
@keyframes functionality2_arrow {
    from {
        transform: translateY(-5px);
    }
    to {
        transform: translateY(5px);
    }
}
.lp_wrap .functionality2 .head {
    position: absolute;
    top: 87%;
    left: 8.933%;
    width: 82.133%;
}
.lp_wrap .functionality2 .head.trigger {
    transition: 1s;
    transform: translateY(20px);
    opacity: 0;
}
.lp_wrap .functionality2 .head.trigger.move {
    transform: translateY(0px);
    opacity: 1;
}
/* -------------------------------------------- */
.lp_wrap .functionality3 .w {
    position: absolute;
    top: 1.5%;
    left: 38.267%;
    width: 23.466%;
}
.lp_wrap .functionality3 .w.trigger {
    transition: 1s;
    transform: scale(0);
    opacity: 0;
}
.lp_wrap .functionality3 .w.trigger.move {
    transform: scale(1);
    opacity: 1;
}
.lp_wrap .functionality3 .catch1 {
    position: absolute;
    top: 8.5%;
    left: 30%;
    width: 40%;
}
.lp_wrap .functionality3 .catch1.trigger {
    transition: 1s;
    transform: translateY(-20px);
    opacity: 0;
}
.lp_wrap .functionality3 .catch1.trigger.move {
    transform: translateY(0px);
    opacity: 1;
}
.lp_wrap .functionality3 .balloon {
    position: absolute;
    top: 11.7%;
    left: 5.333%;
    width: 89.333%;
}
.lp_wrap .functionality3 .balloon.trigger {
    transition: 1s;
    transform: translateY(-20px);
    opacity: 0;
}
.lp_wrap .functionality3 .balloon.trigger.move {
    transform: translateY(0px);
    opacity: 1;
}
.lp_wrap .functionality3 .head {
    position: absolute;
    top: 38.4%;
    left: 5.4%;
    width: 89.2%;
}
.lp_wrap .functionality3 .head.trigger {
    transition: 1s;
    transform: translateY(-20px);
    opacity: 0;
}
.lp_wrap .functionality3 .head.trigger.move {
    transform: translateY(0px);
    opacity: 1;
}
.lp_wrap .functionality3 .tab li {
    position: absolute;
    top: 47.3%;
    width: 44.667%;
}
.lp_wrap .functionality3 .tab li:nth-child(1) {
    left: 5.333%;
    background: url("../img/functionality3_intake_no_tab_on.png") center center/contain no-repeat;
}
.lp_wrap .functionality3 .tab li:nth-child(2) {
    right: 5.333%;
    background: url("../img/functionality3_intake_yes_tab_on.png") center center/contain no-repeat;
} 
.lp_wrap .functionality3 .tab li.active img {
    opacity: 0;
}
.lp_wrap .functionality3 .con li {
    position: absolute;
    top: 50%;
    left: 5.333%;
    width: 89.333%;
    display: none;
}
.lp_wrap .functionality3 .con li.active {
    display: block;
}
.lp_wrap .functionality3 .catch2 {
    position: absolute;
    top: 70.1%;
    left: 40.667%;
    width: 18.667%;
}
.lp_wrap .functionality3 .catch2.trigger {
    transition: 1s;
    transform: translateY(-20px);
    opacity: 0;
}
.lp_wrap .functionality3 .catch2.trigger.move {
    transform: translateY(0px);
    opacity: 1;
}
.lp_wrap .functionality3 .icon {
    position: absolute;
    top: 84%;
    left: 65%;
    width: 25.467%;
}
.lp_wrap .functionality3 .icon.trigger {
    transition: 1s;
    transform-origin: left center;
    transform: scale(0);
    opacity: 0;
}
.lp_wrap .functionality3 .icon.trigger.move {
    transform: scale(1);
    opacity: 1;
}
/* -------------------------------------------- */
.lp_wrap .intake .material {
    position: absolute;
    top: 5%;
    left: 21.733%;
    width: 56.533%;
}
.lp_wrap .intake .material.trigger {
    transition: 1s;
}
.lp_wrap .intake .material.trigger.move {
    opacity: 0;
}
.lp_wrap .intake .head {
    position: absolute;
    top: 10%;
    left: 23.4%;
    width: 53.2%;
}
.lp_wrap .intake .material.trigger ~ .head {
    transition: 1s;
    opacity: 0;
}
.lp_wrap .intake .material.trigger.move ~ .head {
    opacity: 1;
}
.lp_wrap .intake .functionality {
    position: absolute;
    top: 46%;
    width: 27.733%;
}
.lp_wrap .intake .functionality1 {
    left: 2.7%;
}
.lp_wrap .intake .functionality2 {
    left: 36.133%;
    animation-delay: 0.8s !important;
}
.lp_wrap .intake .functionality3 {
    right: 2.7%;
    animation-delay: 1.6s !important;
}
.lp_wrap .intake .functionality1.trigger.move,
.lp_wrap .intake .functionality1.trigger.move ~ .functionality {
    animation: 1s intake_functionality ease-in-out forwards;
}
@keyframes intake_functionality {
    0% {
        transform: translateY(0px);
    }
    25% {
        transform: translateY(-10px);
    }
    50% {
        transform: translateY(8px);
    }
    75% {
        transform: translateY(-4px);
    }
    100% {
        transform: translateY(0px);
    }
}
.lp_wrap .intake .illust {
    position: absolute;
    top: 66%;
    width: 26.8%;
}
.lp_wrap .intake .illust1 {
    left: 3%;
}
.lp_wrap .intake .illust2 {
    left: 36.6%;
    transition-delay: 0.8s !important;
}
.lp_wrap .intake .illust3 {
    right: 3%;
    transition-delay: 1.6s !important;
}
.lp_wrap .intake .functionality1.trigger ~ .illust {
    transition: 1s;
    transform: scale(0);
    opacity: 0;
}
.lp_wrap .intake .functionality1.trigger.move ~ .illust {
    transform: scale(1);
    opacity: 1;
}
/* -------------------------------------------- */
.lp_wrap .approach .name {
    position: absolute;
    top: 7%;
    left: 4.933%;
    width: 90.133%;
    overflow: hidden;
}
.lp_wrap .approach .name.trigger img {
    transition: 1s;
    transform: translateY(100%);
}
.lp_wrap .approach .name.trigger.move img {
    transform: translateY(0%);
}
.lp_wrap .approach .line {
    position: absolute;
    top: 10.4%;
    left: 5%;
    width: 90%;
}
.lp_wrap .approach .name.trigger + .line {
    transition: 1s 0.6s;
    clip-path: inset(0% 100% 0% 0%);
}
.lp_wrap .approach .name.trigger.move + .line {
    clip-path: inset(0%);
}
.lp_wrap .approach .balloon1 {
    position: absolute;
    top: 15%;
    left: 2%;
    width: 24.8%;
}
.lp_wrap .approach .balloon1.trigger {
    transition: 1s;
    clip-path: inset(0% 0% 100% 0%);
}
.lp_wrap .approach .balloon1.trigger.move {
    clip-path: inset(0%);
}
.lp_wrap .approach .hand {
    position: absolute;
    top: 26.9%;
    left: 10%;
    width: 28.533%;
}
.lp_wrap .approach .balloon2 {
    position: absolute;
    top: 41.5%;
    left: 36.666%;
    width: 26.667%;
}
.lp_wrap .approach .balloon2.trigger {
    transition: 1s;
    transform: translateY(-20px);
    opacity: 0;
}
.lp_wrap .approach .balloon2.trigger.move {
    transform: translateY(0px);
    opacity: 1;
}
.lp_wrap .approach .head {
    position: absolute;
    top: 55.8%;
    left: 9.133%;
    width: 81.733%;
}
.lp_wrap .approach .head.trigger {
    transition: 1s;
    transform: translateY(20px);
    opacity: 0;
}
.lp_wrap .approach .head.trigger.move {
    transform: translateY(0px);
    opacity: 1;
}
.lp_wrap .approach .banaba {
    position: absolute;
    top: 65.6%;
    left: 5%;
    z-index: 1;
    width: 28.533%;
}
.lp_wrap .approach .banaba.trigger {
    transition: 1s;
    transform: translateY(-20px);
    opacity: 0;
}
.lp_wrap .approach .banaba.trigger.move {
    transform: translateY(0px);
    opacity: 1;
}
.lp_wrap .approach .sarashia {
    position: absolute;
    top: 79.6%;
    left: 5%;
    width: 28.533%;
}
.lp_wrap .approach .sarashia.trigger {
    transition: 1s;
    transform: translateY(-20px);
    opacity: 0;
}
.lp_wrap .approach .sarashia.trigger.move {
    transform: translateY(0px);
    opacity: 1;
}
/* -------------------------------------------- */
.lp_wrap .supervision .pm1 {
    position: absolute;
    top: 5%;
    left: 0%;
    right: 0%;
    margin: auto;
    width: 78.666%;
}
.lp_wrap .supervision .pm1.trigger,
.lp_wrap .supervision .pm2.trigger {
    transition: 1s;
    transform: translateY(20px);
    opacity: 0;
}
.lp_wrap .supervision .pm1.trigger.move,
.lp_wrap .supervision .pm2.trigger.move {
    transform: translateY(0px);
    opacity: 1;
}
.lp_wrap .supervision .pm2 {
    position: absolute;
    bottom: 5%;
    left: 0%;
    right: 0%;
    margin: auto;
    width: 78.8%;
}
/* -------------------------------------------- */
.lp_wrap .voice .v_inner {
    position: absolute;
    top: 5%;
    left: 0%;
    right: 0%;
    margin: auto;
    width: 89.466%;
    overflow: hidden;
}
.lp_wrap .voice .v_inner.trigger img {
    transition: 1s;
    transform: translateY(100%);
}
.lp_wrap .voice .v_inner.trigger.move img {
    transform: translateY(0%);
}
.lp_wrap .voice .v_user:nth-of-type(1) dt {
    position: absolute;
    top: 9%;
    left: 0%;
    width: 100%;
}
.lp_wrap .voice .v_user:nth-of-type(1) dd {
    position: absolute;
    top: 10.7%;
    right: 4%;
    width: 50%;
}
.lp_wrap .voice .v_user:nth-of-type(2) dt {
    position: absolute;
    top: 32.7%;
    right: 0%;
    width: 90.4%;
}
.lp_wrap .voice .v_user:nth-of-type(2) dd {
    position: absolute;
    top: 35.1%;
    left: 4%;
    width: 43.333%;
}
.lp_wrap .voice .v_user:nth-of-type(3) dt {
    position: absolute;
    top: 54%;
    left: 0%;
    width: 100%;
}
.lp_wrap .voice .v_user:nth-of-type(3) dd {
    position: absolute;
    top: 55.8%;
    right: 4%;
    width: 43.333%;
}
.lp_wrap .voice .v_user:nth-of-type(4) dt {
    position: absolute;
    top: 78.9%;
    right: 0%;
    width: 90.533%;
}
.lp_wrap .voice .v_user:nth-of-type(4) dd {
    position: absolute;
    top: 77.5%;
    left: 4%;
    width: 42%;
}
.lp_wrap .voice .v_user dt.trigger {
    transition: 1s;
    transform: translateY(20px);
    opacity: 0;
}
.lp_wrap .voice .v_user dt.trigger.move {
    transform: translateY(0px);
    opacity: 1;
}
.lp_wrap .voice .v_user:nth-of-type(1) dt.trigger + dd,
.lp_wrap .voice .v_user:nth-of-type(3) dt.trigger + dd {
    transition: 1s 0.4s;
    right: -55%;
    opacity: 0;
}
.lp_wrap .voice .v_user:nth-of-type(1) dt.trigger.move + dd,
.lp_wrap .voice .v_user:nth-of-type(3) dt.trigger.move + dd {
    right: 4%;
    opacity: 1;
}
.lp_wrap .voice .v_user:nth-of-type(2) dt.trigger + dd,
.lp_wrap .voice .v_user:nth-of-type(4) dt.trigger + dd  {
    transition: 0.6s 0.4s;
    left: -44%;
    opacity: 0;
}
.lp_wrap .voice .v_user:nth-of-type(2) dt.trigger.move + dd,
.lp_wrap .voice .v_user:nth-of-type(4) dt.trigger.move + dd {
    left: 4%;
    opacity: 1;
}
/* -------------------------------------------- */
.lp_wrap .mm .mm_btn {
    position: absolute;
    bottom: 5%;
    left: 0%;
    right: 0%;
    margin: auto;
    width: 89.333%; 
}
/* -------------------------------------------- */
.lp_wrap .as .as_topic li {
    position: absolute;
    top: 66%;
    width: 26.666%;
}
.lp_wrap .as .as_topic li:nth-of-type(1) {
    left: 8%;
}
.lp_wrap .as .as_topic li:nth-of-type(2) {
    left: 0%;
    right: 0%;
    margin: auto;
}
.lp_wrap .as .as_topic li:nth-of-type(3) {
    right: 8%;
}
.lp_wrap .as .as_topic li.trigger,
.lp_wrap .as .as_topic li.trigger ~ li {
    opacity: 0;
    transition: 1s;
    transform: translateY(20px);
}
.lp_wrap .as .as_topic li.trigger.move,
.lp_wrap .as .as_topic li.trigger.move ~ li {
    opacity: 1;
    transform: translateY(0px);
}
/* -------------------------------------------- */
.lp_wrap .rf .arrow {
    position: absolute;
    top: 10.2%;
    left: 7.8%;
    width: 37.866%;
    animation: 15s rf_arrow linear infinite;
}
@keyframes rf_arrow {
    0% {
        transform: rotateZ(0deg);
    }
    100% {
        transform: rotateZ(360deg);
    }
}
.lp_wrap .rf .rf_product {
    position: absolute;
    top: 13.6%;
    left: 16.5%;
    width: 20.4%; 
}
/* -------------------------------------------- */
.lp_wrap .qa .list {
    padding: 0% 0% 5%;
}
.lp_wrap .qa .list dt {
    position: relative;
    cursor: pointer;
    left: 0%;
    right: 0%;
    margin: auto;
    width: 89.333%;
}
.lp_wrap .qa .list dd {
    left: 0%;
    right: 0%;
    margin: -5% auto auto;
    width: 89.333%;
}
.lp_wrap .qa .list dt:nth-of-type(n + 2) {
    margin-top: 5%;
}
.lp_wrap .qa .list dt::before {
    content: "";
    display: block;
    position: absolute;
    top: 0%;
    right: 8%;
    width: 4%;
    height: 100%;
    background: url("../img/qa_minus.png") center center/contain no-repeat;
    transition: 0.6s;
    opacity: 0;
}
.lp_wrap .qa .list dt.open::before {
    opacity: 1;
}
.lp_wrap .qa .list dt::after {
    content: "";
    display: block;
    position: absolute;
    top: 0%;
    right: 8%;
    width: 4%;
    height: 100%;
    background: url("../img/qa_plus.png") center center/contain no-repeat;
    transition: 0.6s;
}
.lp_wrap .qa .list dt.open::after {
    opacity: 0;
}
.lp_wrap .qa .list dd {
    display: none;
}
/* -------------------------------------------- */
.lp_wrap .detail .list {
    padding: 0% 0% 5%;
}
.lp_wrap .detail .list dt {
    position: relative;
    cursor: pointer;
    left: 0%;
    right: 0%;
    margin: auto;
    width: 89.333%;
}
.lp_wrap .detail .list dd {
    left: 0%;
    right: 0%;
    margin: auto;
    width: 89.333%;
}
.lp_wrap .detail .list dt {
    margin-bottom: -2%;
}
.lp_wrap .detail .list dt:nth-of-type(n + 2) {
    margin-top: 5%;
}
.lp_wrap .detail .list dt::after {
    content: "";
    display: block;
    position: absolute;
    top: 0%;
    right: 8%;
    width: 6%;
    height: 100%;
    background: url("../img/detail_arrow.png") center center/contain no-repeat;
    transition: 0.6s;
}
.lp_wrap .detail .list dt.open::after {
    transform: rotateZ(180deg);
}
.lp_wrap .detail .list dd {
    display: none;
}
.lp_wrap .detail .list dd img{
    margin-top: -11.9%;
}
/* -------------------------------------------- */
.lp_wrap .guide {
    margin-top: 5%;
}
.lp_wrap .guide .pay_method {
    position: absolute;
    top: 53.4%;
    left: 4.7%;
    width: 75.6%;
    height: 2.3%;
    cursor: pointer;
}
.lp_wrap .ct .ct_tel {
    position: absolute;
    top: 28.3%;
    left: 0%;
    right: 0%;
    margin: auto;
    width: 90.666%; 
}
.lp_wrap .ct .ct_mail {
    position: absolute;
    top: 59%;
    left: 0%;
    right: 0%;
    margin: auto;
    width: 90.666%; 
}

.footer-link {
  margin: 0;
  padding: 0;
  text-align: center;
  margin-top: 10%;
  list-style: none;
}

.footer-link li {
  margin: 0;
  padding: 0;
  font-size: 1.2em;
  color: #3c230f;
  padding-bottom: 1em;
  text-align: center;
  list-style: none;
}

#copy {
  background: #18512e;
  text-align: center;
  font-size: 0.72em;
  color: #fff;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  box-sizing: border-box;
  padding: 1em 0 1em;
  line-height: 1.7;
}
#copy p {
  text-align: center;
}