@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;
}
.lp_wrap .sticky {
    position: sticky;
    top: 0;
}
/* -----------------------------------------------

offer

----------------------------------------------- */
.lp_wrap .offer {
    overflow: hidden;
}
.lp_wrap .offer .btn_otoku {
    position: absolute;
    inset: 26.7% 0 auto;
    margin: auto;
    width: 77.6%;
    animation: 2s btn_otoku ease-in-out infinite;
}
@keyframes btn_otoku {
    0% {
        transform: translateX(0px);
    }
    8% {
        transform: translateX(10px);
    }
    16% {
        transform: translateX(-6px);
    }
    24% {
        transform: translateX(4px);
    }
    32% {
        transform: translateX(-2px);
    }
    40% {
        transform: translateX(0px);
    }
}
.lp_wrap .offer .btn_onetry {
    position: absolute;
    inset: 95% 0 0 33%;
    margin: auto;
    width: 46.267%;
}

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

各コンテンツ

----------------------------------------------- */
.lp_wrap .float {
    position: fixed;
    bottom: 1%;
    right: 50%;
    transform: translateX(50%);
    z-index: 10;
    max-width: 660px;
    width: 88%;
    display: none;
}
.lp_wrap .eyelike_1_3b {
    z-index: 10;
}
.lp_wrap .eyelike_1_3 .en1 {
    position: absolute;
    top: 23.5%;
    left: 29%;
    width: 42%;
    transition: 0.8s;
    opacity: 0;
    transform: translateY(-10%);
    z-index: 100;
}
.lp_wrap .eyelike_1_3 .en1.trigger.move {
    opacity: 1;
    transform: translateY(0);
}
.lp_wrap .eyelike_1_3 .en2 {
    position: absolute;
    top: 40%;
    left: 6%;
    width: 41.6%;
    transition: 0.8s;
    opacity: 0;
    transform: translateX(-10%);
    z-index: 100;
}
.lp_wrap .eyelike_1_3 .en2.trigger.move {
    opacity: 1;
    transform: translateX(0);
}
.lp_wrap .eyelike_1_3 .en3 {
    position: absolute;
    top: 40%;
    left: 52%;
    width: 41.6%;
    transition: 0.8s 0.3s;
    opacity: 0;
    transform: translateX(10%);
    z-index: 100;
}
.lp_wrap .eyelike_1_3 .en3.trigger.move {
    opacity: 1;
    transform: translateX(0);
}
.lp_wrap .eyelike_1_3 .eye_zoom{
    overflow: hidden;
    position: absolute;
    top: 78.32%;
    left: 0;
    width: 100%;
    max-width: 750px;
    max-height: 400px;
    z-index: 1;
}
.lp_wrap .eyelike_1_3 .eye_zoom img{
    width: 100%;
    transition: 1.5s;
    opacity: 1;
    transform: scale(1);
}
.lp_wrap .eyelike_1_3 .eye_zoom.trigger.move img{
    opacity: 1;
    transform: scale(2);
}
.lp_wrap .eyelike_1_3 .eyelike_1_3one{
    position: absolute;
    top: 66%;
    width: 100%;
    z-index: 999;
}
.lp_wrap .eyelike_1_3 .eyelike_1_3finder{
    position: absolute;
    top: 78.32%;
    width: 100%;
    z-index: 333;
}
/* -------------------------------------------- */
.eyelike_1_4{
    position: relative;
}
.lp_wrap .eyelike_1_4 .video-wrap {
    position: relative;
    z-index: 1;
}
.lp_wrap p {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 100;
  width: 100%;
}
/* -------------------------------------------- */
.eyelike_1_5mov1 {
    position: absolute;
    top: 6%;
    left: 0;
    width: 93.33%;
}
.lp_wrap .eyelike_1_5 .eyelike_1_5rt{
    position: absolute;
    top: 4%;
    left: 73.2%;
    width: 16.533%;
}
.lp_wrap .eyelike_1_5 .eyelike_1_5rt.trigger{
    -webkit-transition: all .8s ease;
    transition: all .8s ease;
    -webkit-clip-path: inset(0 0 100% 0);
    clip-path: inset(0 0 100% 0);
}
.lp_wrap .eyelike_1_5 .eyelike_1_5rt.trigger.move {
    -webkit-clip-path: inset(0);
    clip-path: inset(0);
}
.lp_wrap .eyelike_1_5 .eyelike_1_5mten{
    position: absolute;
    top: 27.48%;
    left: 5.388%;
    width: 69.0667%;
    z-index: 999;
}
.eyelike_1_5mov2 {
    position: absolute;
    top: 43%;
    right: 0;
    width: 93.33%;
}
.eyelike_1_5mov2 video{
    width: 100%;
}
.lp_wrap .eyelike_1_5 .eyelike_1_5lt{
    position: absolute;
    top: 41.5%;
    left: 11.2%;
    width: 16.533%;
}
.lp_wrap .eyelike_1_5 .eyelike_1_5lt.trigger{
    -webkit-transition: all .8s ease;
    transition: all .8s ease;
    -webkit-clip-path: inset(0 0 100% 0);
    clip-path: inset(0 0 100% 0);
}
.lp_wrap .eyelike_1_5 .eyelike_1_5lt.trigger.move {
    -webkit-clip-path: inset(0);
    clip-path: inset(0);
}
/* -------------------------------------------- */
.lp_wrap .eyelike_2_1 .eyelike_2_1txt {
    position: absolute;
    top: 20.5%;
    left: 11%;
    width: 75.867%;
}
/* -------------------------------------------- */
.lp_wrap .eyelike_2_2 .eyelike_2_2arrow{
    overflow: hidden;
    position: absolute;
    top: 53%;
    left: 42%;
    width: 38.267%;
    transition: 1s 0.2s;
    opacity: 0;
    transform-origin: 0% top;
    transform: scale(0);
}
.lp_wrap .eyelike_2_2 .eyelike_2_2arrow.trigger.move {
    opacity: 1;
    transform: scale(1);
}
.lp_wrap .eyelike_2_2 .eyelike_2_2ml1 {
    position: absolute;
    top: 77%;
    left: 4.5%;
    margin: auto;
    width: 35.2%;
}
.lp_wrap .eyelike_2_2 .eyelike_2_2mr1 {
    position: absolute;
    top: 77%;
    left: 64%;
    margin: auto;
    width: 32%;
}
.lp_wrap .eyelike_2_2 .eyelike_2_2ml2 {
    position: absolute;
    top: 89%;
    left: 5%;
    margin: auto;
    width: 30.1334%;
}
.lp_wrap .eyelike_2_2 .eyelike_2_2mr2 {
    position: absolute;
    top: 88%;
    left: 60%;
    margin: auto;
    width: 31.067%;
}
.lp_wrap .eyelike_2_2 .eyelike_2_2ml1.trigger {
    animation: 1s moya ease-in-out alternate infinite;
}
.lp_wrap .eyelike_2_2 .eyelike_2_2mr1.trigger {
    animation: 1.4s moya ease-in-out alternate infinite;
}
.lp_wrap .eyelike_2_2 .eyelike_2_2ml2.trigger {
    animation: 1.2s moya ease-in-out alternate infinite;
}
.lp_wrap .eyelike_2_2 .eyelike_2_2mr2.trigger {
    animation: 0.8s moya ease-in-out alternate infinite;
}
.lp_wrap .eyelike_2_2 .eyelike_2_2ml1.trigger img {
    animation: 0.8s moya_img ease-in-out alternate infinite;
}
.lp_wrap .eyelike_2_2 .eyelike_2_2mr1.trigger img {
    animation: 1s moya_img ease-in-out alternate infinite;
}
.lp_wrap .eyelike_2_2 .eyelike_2_2ml2.trigger img {
    animation: 1s moya_img ease-in-out alternate infinite;
}
.lp_wrap .eyelike_2_2 .eyelike_2_2mr2.trigger img {
    animation: 0.9s moya_img ease-in-out alternate infinite;
}
@keyframes moya {
    from {
        transform: translateY(-5px);
    }
    to {
        transform: translateY(5px);
    }
}
@keyframes moya_img {
    from {
        transform: scaleX(1.03) scaleY(0.97);
    }
    to {
        transform: scaleX(0.97) scaleY(1.03);
    }
}
/* -------------------------------------------- */
.lp_wrap .eyelike_2_3 .eyelike_2_3l {
    position: absolute;
    top: 22%;
    left: 6%;
    width: 42%;
    transition: 0.8s;
    opacity: 0;
    transform: translateX(-10%);
}
.lp_wrap .eyelike_2_3 .eyelike_2_3l.trigger.move {
    opacity: 1;
    transform: translateX(0);
}
.lp_wrap .eyelike_2_3 .eyelike_2_3r {
    position: absolute;
    top: 22%;
    left: 52%;
    width: 42%;
    transition: 0.8s;
    opacity: 0;
    transform: translateX(10%);
}
.lp_wrap .eyelike_2_3 .eyelike_2_3r.trigger.move {
    opacity: 1;
    transform: translateX(0);
}
/* -------------------------------------------- */
.lp_wrap .eyelike_2_4 .eyelike_2_4txt {
    position: absolute;
    top: 18%;
    left: 6%;
    width: 66.8%;
}
/* -------------------------------------------- */
.lp_wrap .eyelike_2_5 .eyelike_2_5txt {
    position: absolute;
    top: 73%;
    left: 5%;
    width: 88.5334%;
    -webkit-perspective: 1000px;
    perspective: 1000px;
}
.lp_wrap .eyelike_2_5 .eyelike_2_5txt.trigger.move img {
    opacity: 1;
    transform: rotateY(359deg);
}
.lp_wrap .eyelike_2_5 .eyelike_2_5txt.trigger img {
    transition: 1s;
    opacity: 0;
    transform: rotateY(0);
}
/* -------------------------------------------- */
.lp_wrap .eyelike_2_6 .en1 {
    position: absolute;
    top: 31%;
    left: 30%;
    width: 38%;
    transition: 0.8s;
    opacity: 0;
    transform: translateY(-10%);
}
.lp_wrap .eyelike_2_6 .en1.trigger.move {
    opacity: 1;
    transform: translateY(0);
}
.lp_wrap .eyelike_2_6 .en2 {
    position: absolute;
    top: 50%;
    left: 8%;
    width: 37.8667%;
    transition: 0.8s;
    opacity: 0;
    transform: translateX(-10%);
}
.lp_wrap .eyelike_2_6 .en2.trigger.move {
    opacity: 1;
    transform: translateX(0);
}
.lp_wrap .eyelike_2_6 .en3 {
    position: absolute;
    top: 50%;
    left: 53%;
    width: 37.8667%;
    transition: 0.8s 0.3s;
    opacity: 0;
    transform: translateX(10%);
}
.lp_wrap .eyelike_2_6 .en3.trigger.move {
    opacity: 1;
    transform: translateX(0);
}
/* -------------------------------------------- */
.lp_wrap .eyelike_2_7 .eyelike_2_7txt{
    position: absolute;
    top: 9%;
    left: 74.5%;
    width: 18.8%;
    z-index: 100;
}
.lp_wrap .eyelike_2_7 .eyelike_2_7txt.trigger{
    -webkit-transition: all 1.2s ease;
    transition: all 1.2s ease;
    -webkit-clip-path: inset(0 0 100% 0);
    clip-path: inset(0 0 100% 0);
}
.lp_wrap .eyelike_2_7 .eyelike_2_7txt.trigger.move {
    -webkit-clip-path: inset(0);
    clip-path: inset(0);
}
/* -----------------------------------------------

eyelike_3

----------------------------------------------- */
.lp_wrap .eyelike_3_1 .eyelike_3_1r {
    position: absolute;
    top: 40%;
    left: 52%;
    width: 42.6667%;
    transition: 1s;
    opacity: 0;
}
.lp_wrap .eyelike_3_1 .eyelike_3_1r.trigger.move {
    opacity: 1;
}
.lp_wrap .eyelike_3_1 .eyelike_3_1l {
    position: absolute;
    top: 60%;
    left: 6%;
    width: 42.6667%;
    transition: 1s;
    opacity: 0;
}
.lp_wrap .eyelike_3_1 .eyelike_3_1l.trigger.move {
    opacity: 1;
}
/* -------------------------------------------- */
.lp_wrap .eyelike_3_2mov {
    position: absolute;
    top: 46%;
    left: 6.5%;
    width: 86.6667%;
}
/* -------------------------------------------- */
.lp_wrap .eyelike_3_3movl {
    position: absolute;
    top: 85%;
    left: 9%;
    width: 36%;
}
.lp_wrap .eyelike_3_3movr {
    position: absolute;
    top: 85%;
    left: 54.5%;
    width: 36%;
}
/* -------------------------------------------- */
.lp_wrap .eyelike_3_4 .eyelike_3_4en1 {
    position: absolute;
    top: 13%;
    left: 65%;
    margin: auto;
    width: 30.5334%;
}
.lp_wrap .eyelike_3_4 .eyelike_3_4en2 {
    position: absolute;
    top: 21.5%;
    left: 59%;
    margin: auto;
    width: 30.5334%;
}
.lp_wrap .eyelike_3_4 .eyelike_3_4en1.trigger {
    animation: 0.8s fuwa ease-in-out alternate infinite;
}
.lp_wrap .eyelike_3_4 .eyelike_3_4en2.trigger {
    animation: 1s fuwa ease-in-out alternate infinite;
}
@keyframes fuwa {
    from {
        transform: translateY(-5px);
    }
    to {
        transform: translateY(5px);
    }
}
/* -------------------------------------------- */
.lp_wrap .eyelike_3_5 .eyelike_3_5txt1 {
    position: absolute;
    top: 20.5%;
    left: 14%;
    margin: auto;
    width: 71.3334%;
    transition: 0.8s;
    opacity: 0;
    transform: translateY(10%);
}
.lp_wrap .eyelike_3_5 .eyelike_3_5txt1.trigger.move {
    opacity: 1;
    transform: translateY(0);
}
.lp_wrap .eyelike_3_5 .eyelike_3_5txt2 {
    position: absolute;
    top: 42%;
    left: 12%;
    margin: auto;
    width: 76.8%;
    transition: 0.8s;
    opacity: 0;
    transform: translateY(10%);
}
.lp_wrap .eyelike_3_5 .eyelike_3_5txt2.trigger.move {
    opacity: 1;
    transform: translateY(0);
}
.lp_wrap .eyelike_3_5 .eyelike_3_5txt3 {
    position: absolute;
    top: 73%;
    left: 16%;
    margin: auto;
    width: 68.2667%;
    transition: 0.8s;
    opacity: 0;
    transform: translateY(10%);
}
.lp_wrap .eyelike_3_5 .eyelike_3_5txt3.trigger.move {
    opacity: 1;
    transform: translateY(0);
}
/* -----------------------------------------------

eyelike_4

----------------------------------------------- */
.lp_wrap .eyelike_4_1 .eyelike_4_1tate1 {
    position: absolute;
    top: 0;
    right: 0;
    margin: auto;
    width: 16.6667%;
    transition: 0.8s;
    opacity: 0;
}
.lp_wrap .eyelike_4_1 .eyelike_4_1tate1.trigger.move {
    opacity: 1;
}
.lp_wrap .eyelike_4_1 .eyelike_4_1tate2 {
    position: absolute;
    top: 0;
    left: 74%;
    margin: auto;
    width: 9.3334%;
    transition: 0.8s 0.5s;
    opacity: 0;
}
.lp_wrap .eyelike_4_1 .eyelike_4_1tate2.trigger.move {
    opacity: 1;
}
.lp_wrap .eyelike_4_1 .eyelike_4_1tate3 {
    position: absolute;
    top: 0;
    left: 64.5%;
    margin: auto;
    width: 9.3334%;
    transition: 0.8s 1s;
    opacity: 0;
}
.lp_wrap .eyelike_4_1 .eyelike_4_1tate3.trigger.move {
    opacity: 1;
}
/* -------------------------------------------- */
.lp_wrap .eyelike_4_2wrap {
    position: relative;
    overflow: hidden;
    clip-path: inset(0%);
    width: 100%;
    height: 310vh;
    height: 310dvh;
}
.lp_wrap .eyelike_4_2wrap section {
    height: 30vh;
    height: 30dvh;
}
.lp_wrap .eyelike_4_2wrap section.eyelike_4_2part6 {
    height: 100vh;
    height: 100dvh;
}
.lp_wrap .eyelike_4_2wrap section .bg::after {
    content: "";
    display: block;
    position: fixed;
    top: 0%;
    width: 100%;
    max-width: 750px;
    height: 100vh;
    height: 100dvh;
    opacity: 0;
    transition: 0.6s;
}
.lp_wrap .eyelike_4_2wrap section.trigger.move .bg::after {
    opacity: 1;
}
.lp_wrap .eyelike_4_2wrap .eyelike_4_2part1 .bg::after {
    opacity: 1;
    background: url("https://www.for-my.jp/Lp/eyelike/design01/image/eyelike_4_2pb1.jpg") center center/cover no-repeat;
}
.lp_wrap .eyelike_4_2wrap .eyelike_4_2part2 .bg::after {
    background: url("https://www.for-my.jp/Lp/eyelike/design01/image/eyelike_4_2pb2.jpg") center center/cover no-repeat;
}
.lp_wrap .eyelike_4_2wrap .eyelike_4_2part3 .bg::after {
    background: url("https://www.for-my.jp/Lp/eyelike/design01/image/eyelike_4_2pb3.jpg") center center/cover no-repeat;
}
.lp_wrap .eyelike_4_2wrap .eyelike_4_2part4 .bg::after {
    background: url("https://www.for-my.jp/Lp/eyelike/design01/image/eyelike_4_2pb4.jpg") center center/cover no-repeat;
}
.lp_wrap .eyelike_4_2wrap .eyelike_4_2part5 .bg::after {
    background: url("https://www.for-my.jp/Lp/eyelike/design01/image/eyelike_4_2pb4.jpg") center center/cover no-repeat;
    z-index: 2;
}
.lp_wrap .eyelike_4_2wrap .eyelike_4_2part6 .bg::after {
    background: url("https://www.for-my.jp/Lp/eyelike/design01/image/eyelike_4_2pb4.jpg") center center/cover no-repeat;
    z-index: 2;
}
.lp_wrap .eyelike_4_2wrap .eyelike_4_2part1 .text {
    position: fixed;
    top: 0;
    width: 100%;
    max-width: 750px;
    z-index: 1;
}
@media screen and (min-width: 751px) {
    .lp_wrap .eyelike_4_2wrap .eyelike_4_2part1 .text {
        left: 50%;
        margin-left: -300px;
        max-width: 445px;
    }
}
.lp_wrap .eyelike_4_2wrap .eyelike_4_2part1.trigger .text {
    transition: 0.6s;
    transform: translateX(100%);
    opacity: 0;
}
.lp_wrap .eyelike_4_2wrap .eyelike_4_2part1.trigger.move .text {
    transform: translateX(0%);
    opacity: 1;
}
/* -------------------------------------------- */
.lp_wrap .eyelike_4_2wrap .eyelike_4_2part2 .text {
    position: fixed;
    top: 40%;
    width: 100%;
    max-width: 750px;
    opacity: 0;
    z-index: 1;
}
@media screen and (min-width: 751px) {
    .lp_wrap .eyelike_4_2wrap .eyelike_4_2part2 .text {
        top: 35%;
        left: 50%;
        margin-left: -300px;
        max-width: 445px;
    }
}
.lp_wrap .eyelike_4_2wrap .eyelike_4_2part2.trigger .text {
    transition: 0.6s;
    transform: translateX(-100%);
    opacity: 0;
}
.lp_wrap .eyelike_4_2wrap .eyelike_4_2part2.trigger.move .text {
    transform: translateX(0%);
    opacity: 1;
}
/* -------------------------------------------- */
.lp_wrap .eyelike_4_2wrap .eyelike_4_2part3 .text {
    position: fixed;
    top: 60.91%;
    width: 100%;
    max-width: 750px;
    opacity: 0;
    z-index: 1;
}
@media screen and (min-width: 751px) {
    .lp_wrap .eyelike_4_2wrap .eyelike_4_2part3 .text {
        top: 53%;
        left: 50%;
        margin-left: -300px;
        max-width: 445px;
    }
}
.lp_wrap .eyelike_4_2wrap .eyelike_4_2part3.trigger .text {
    transition: 0.6s;
    transform: translateX(100%);
    opacity: 0;
}
.lp_wrap .eyelike_4_2wrap .eyelike_4_2part3.trigger.move .text {
    transform: translateX(0%);
    opacity: 1;
}
/* -------------------------------------------- */
.lp_wrap .eyelike_4_2wrap .eyelike_4_2part4 .text {
    position: fixed;
    top: 73.182%;
    width: 100%;
    max-width: 750px;
    opacity: 0;
}
@media screen and (min-width: 751px) {
    .lp_wrap .eyelike_4_2wrap .eyelike_4_2part4 .text {
        top: 65%;
        left: 50%;
        margin-left: -300px;
        max-width: 445px;
    }
}
.lp_wrap .eyelike_4_2wrap .eyelike_4_2part4.trigger .text {
    transition: 0.6s;
    transform: translateY(100%);
    opacity: 0;
}
.lp_wrap .eyelike_4_2wrap .eyelike_4_2part4.trigger.move .text {
    transform: translateY(0%);
    opacity: 1;
}
/* -------------------------------------------- */
.lp_wrap .eyelike_4_2wrap .eyelike_4_2part5 .text {
    position: fixed;
    top: 0;
    width: 100%;
    max-width: 750px;
    opacity: 0;
    z-index: 2;
}
@media screen and (min-width: 751px) {
    .lp_wrap .eyelike_4_2wrap .eyelike_4_2part5 .text {
        top: 0;
        left: 50%;
        margin-left: -300px;
        max-width: 445px;
    }
}
.lp_wrap .eyelike_4_2wrap .eyelike_4_2part5.trigger .text {
    transition: 1s;
    filter: blur(8px);
    opacity: 0;
}
.lp_wrap .eyelike_4_2wrap .eyelike_4_2part5.trigger.move .text {
    filter: blur(0px);
    opacity: 1;
}
/* -------------------------------------------- */
.lp_wrap .eyelike_4_2wrap .eyelike_4_2part6 .text {
    position: fixed;
    top: 0;
    width: 100%;
    max-width: 750px;
    opacity: 0;
    z-index: 2;
}
@media screen and (min-width: 751px) {
    .lp_wrap .eyelike_4_2wrap .eyelike_4_2part6 .text {
        top: 0;
        left: 50%;
        margin-left: -300px;
        max-width: 445px;
    }
}
.lp_wrap .eyelike_4_2wrap .eyelike_4_2part6.trigger .text {
    opacity: 0;
}
.lp_wrap .eyelike_4_2wrap .eyelike_4_2part6.trigger.move .text {
    opacity: 1;
}
/* -------------------------------------------- */
.lp_wrap .eyelike_4_3 .eyelike_4_3txt {
    position: absolute;
    top: 24.5%;
    right: 0;
    width: 40%;
    transition: 1.2s;
    opacity: 0;
    filter: blur(6px);
}
.lp_wrap .eyelike_4_3 .eyelike_4_3txt.trigger.move {
    opacity: 1;
    filter: blur(0px);
}
/* -------------------------------------------- */
.lp_wrap .eyelike_4_5 .eyelike_4_5txt {
    position: absolute;
    top: 13%;
    width: 42%;
    -webkit-transition: all 1.2s ease;
    transition: all 1.2s ease;
    -webkit-clip-path: inset(0 100% 0 0);
    clip-path: inset(0 100% 0 0);
}
.lp_wrap .eyelike_4_5 .eyelike_4_5txt.trigger.move {
    -webkit-clip-path: inset(0);
    clip-path: inset(0);
}
/* -------------------------------------------- */
.lp_wrap .eyelike_4_6 .eyelike_4_6txt {
    position: absolute;
    top: 29%;
    left: 0;
    margin: auto;
    width: 100%;
    transition: 0.8s;
    opacity: 0;
    transform: translateY(10%);
}
.lp_wrap .eyelike_4_6 .eyelike_4_6txt.trigger.move {
    opacity: 1;
    transform: translateY(0);
}
/* -------------------------------------------- */
.lp_wrap .eyelike_4_7 .video-wrap {
    position: absolute;
    top: 2%;
    left: 0%;
    z-index: -1;
}
/* -----------------------------------------------

eyelike_5

----------------------------------------------- */
.lp_wrap .eyelike_5_3 .en1 {
    position: absolute;
    top: 3%;
    left: 35.3%;
    width: 30%;
    transition: 0.8s;
    opacity: 0;
}
.lp_wrap .eyelike_5_3 .en1.trigger.move {
    opacity: 1;
}
.lp_wrap .eyelike_5_3 .en2 {
    position: absolute;
    top: 22%;
    left: 67%;
    width: 30%;
    transition: 0.8s 0.3s;
    opacity: 0;
}
.lp_wrap .eyelike_5_3 .en2.trigger.move {
    opacity: 1;
}
.lp_wrap .eyelike_5_3 .en3 {
    position: absolute;
    top: 52%;
    left: 67%;
    width: 30%;
    transition: 0.8s 0.6s;
    opacity: 0;
}
.lp_wrap .eyelike_5_3 .en3.trigger.move {
    opacity: 1;
}
.lp_wrap .eyelike_5_3 .en4 {
    position: absolute;
    top: 72%;
    left: 35.3%;
    width: 30%;
    transition: 0.8s 0.9s;
    opacity: 0;
}
.lp_wrap .eyelike_5_3 .en4.trigger.move {
    opacity: 1;
}
.lp_wrap .eyelike_5_3 .en5 {
    position: absolute;
    top: 52%;
    left: 3%;
    width: 30%;
    transition: 0.8s 1.2s;
    opacity: 0;
}
.lp_wrap .eyelike_5_3 .en5.trigger.move {
    opacity: 1;
}
.lp_wrap .eyelike_5_3 .en6 {
    position: absolute;
    top: 22%;
    left: 3%;
    width: 30%;
    transition: 0.8s 1.5s;
    opacity: 0;
}
.lp_wrap .eyelike_5_3 .en6.trigger.move {
    opacity: 1;
}
/* -------------------------------------------- */
.lp_wrap .eyelike_5_6 .eyelike_5_m1 {
    position: absolute;
    top: 35.2%;
    left: 6.8%;
    width: 86.667%;
    transition: 0.8s;
    opacity: 0;
}
.lp_wrap .eyelike_5_6 .eyelike_5_m1.trigger.move {
    opacity: 1;
}
.lp_wrap .eyelike_5_6 .eyelike_5_m2 {
    position: absolute;
    top: 55.2%;
    left: 6.8%;
    width: 86.667%;
    transition: 0.8s;
    opacity: 0;
}
.lp_wrap .eyelike_5_6 .eyelike_5_m2.trigger.move {
    opacity: 1;
}
.lp_wrap .eyelike_5_6 .eyelike_5_m3 {
    position: absolute;
    top: 75.2%;
    left: 6.8%;
    width: 86.667%;
    transition: 0.8s;
    opacity: 0;
}
.lp_wrap .eyelike_5_6 .eyelike_5_m3.trigger.move {
    opacity: 1;
}

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

eyelike_6

----------------------------------------------- */
.lp_wrap .eyelike_6_1 .eyelike_6_1txt {
    position: absolute;
    top: 59.8%;
    left: 6.8%;
    width: 86.667%;
    transition: 1s;
    opacity: 0;
}
.lp_wrap .eyelike_6_1 .eyelike_6_1txt.trigger.move {
    opacity: 1;
}
/* -------------------------------------------- */
.lp_wrap .eyelike_6_point12345 .sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    width: 100%;
}
/* -------------------------------------------- */
.lp_wrap .eyelike_6_9 .eyelike_6_9txt {
    position: absolute;
    top: 11.6%;
    left: 75%;
    width: 13.7334%;
    transition: 1.2s;
    opacity: 0;
    filter: blur(6px);
}
.lp_wrap .eyelike_6_9 .eyelike_6_9txt.trigger.move {
    opacity: 1;
    filter: blur(0px);
}
/* -----------------------------------------------

eyelike_7 slider

----------------------------------------------- */
.lp_wrap .eyelike_7_2_slider .slider_wrap {
    position: absolute;
    top: 9%;
    left: 0%;
    width: 100%;
}
.lp_wrap .eyelike_7_2_slider .slider_wrap img {
    width: 94.6%;
    margin: auto;
}
.lp_wrap .eyelike_7_2_slider .slick-slide {
    position: relative;
}
.lp_wrap .eyelike_7_2_slider .movie {
    position: absolute;
    top: 0%;
    left: 3%;
    width: 94.4%;
    z-index: -1;
}
/* -----------------------------------------------

faq

----------------------------------------------- */
.lp_wrap .faq {
    overflow: hidden;
}
.lp_wrap .faq dl {
    padding: 0 5% 10% 5%;
    background: #012350;
}
.lp_wrap .faq dt {
    position: relative;
    cursor: pointer;
}
.lp_wrap .faq dt::after {
    content: "";
    display: block;
    position: absolute;
    top: 0%;
    right: 0%;
    width: 8.6%;
    height: 100%;
    background: url("https://www.for-my.jp/Lp/eyelike/design01/image/faq_open.jpg") center center/100% no-repeat;
    transition-duration: 0.6s;
}
.lp_wrap .faq dt.open::after {
    background: url("https://www.for-my.jp/Lp/eyelike/design01/image/faq_close.jpg") center center/100% no-repeat;
}
.lp_wrap .faq dt:nth-of-type(n + 2) {
    margin-top: 3%;
}
.lp_wrap .faq dd {
    display: none;
    width: 100%;
    margin: auto;
}