/*--------スマホ--------*/
    
    .fv_wrap {
        position: relative;
        overflow: hidden;
    }
    .fv_img {
        font-size: 0;
    }
    .fv_wipe {
        display: inline-block;
        width: 50000%;
        height: 50000%;
        position: absolute;
        top: 50%;
    	left: 50%;
    	transform: translate(-50%, -50%);
    	-webkit-transform: translate(-50%, -50%);
    	-ms-transform: translate(-50%, -50%);
        background-image: radial-gradient(circle, transparent  0%, white  5%, white 100%);
        animation: 3s fv_wipe_anime ease-in;
    }
    @keyframes fv_wipe_anime {
        0% {
            width: 100%;
            height: 100%;
        }
        100% {
            width: 50000%;
            height: 50000%;
        }
    }
    .nav-ham span {
    	display: block;
    	width: 70%;
    	height: 2px;
    	background-color: #fff;
    	position: absolute;
    	transition: transform 0.5s, opacity 0.5s, width 0.3s;
    	left: 50%;
    	transform: translateX(-50%);
    	-webkit-transform: translateX(-50%);
    	-ms-transform: translateX(-50%);
    }
    .nav-ham span:nth-child(1) {
    	top: 28%;
    }
    .nav-ham span:nth-child(2) {
    	top: 0;
    	bottom: 0;
    	margin: auto;
    }
    .nav-ham span:nth-child(3) {
    	bottom: 28%;
    }
    .sp-nav-layout {
    	position: fixed;
    	right: 0;
    	width: 100%;
    	max-width: 328px;
    	height: 100vh;
    	color: #ffffff;
    	display: flex;
    	justify-content: center;
    	visibility: hidden;
    	opacity: 0;
    	transform: translateX(100%);
    	transition: 0.5s ease-in-out;
    	z-index: 50;
    }
    /*sp nav*/
    .nav-ham {
    	display: block;
    	position: fixed;
    	right: 15px;
    	width: 35px;
    	height: 35px;
    	cursor: pointer;
    	z-index: 100;
    	background-image: url(../img/ham-bg.png);
    	background-position: center;
    	background-repeat: no-repeat;
    	background-size: contain;
        margin-top: 15px;

    }
    .open .nav-ham {
    	/*position: fixed;*/
    	background-image: none;
    }
    .open .nav-ham span {
    	background-color: #fff;
    }
    .open .nav-ham span:nth-child(1) {
    	transform: translateX(-50%) translateY(6.5px) rotate(45deg);
    	-webkit-transform: translateX(-50%) translateY(6.5px) rotate(45deg);
    	-ms-transform: translateX(-50%) translateY(6.5px) rotate(45deg);
    }
    .open .nav-ham span:nth-child(2) {
    	top: 0;
    	bottom: 0;
    	margin: auto;
    	width: 0px;
    	opacity: 0;
    }
    .open .nav-ham span:nth-child(3) {
    	transform: translateX(-50%) translateY(-6.5px) rotate(-45deg);
    	-webkit-transform: translateX(-50%) translateY(-6.5px) rotate(-45deg);
    	-ms-transform: translateX(-50%) translateY(-6.5px) rotate(-45deg);
    }
    .open .sp-nav-layout {
    	visibility: visible;
    	opacity: 1;
    	transform: translateX(0);
    }
    .open .sp-nav-layout ul li {
    	transform: translateX(0);
    }
    .spnav_menu {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        padding: 60px 0 0 12%;
    }
    .spmenu {
        padding: 0;
        text-align: center;
        list-style: none;
    }
    .spmenu li {
        font-size: 18px;
        font-weight: 600;
        line-height: 1.91;
        margin-bottom: 2em;
    }
    .spmenu li a {
        color: #FFF;
        text-decoration: none;
    }
    .image_block {
        font-size: 0;
    }
    .img3 {
        position: relative;
    }
    .btn1 {
        display: inline-block;
        font-size: 0;
        border-radius: 999px;
        position: absolute;
        z-index: 5;
        width: 77.78%;
        bottom: 23.5%;
        left: 11%;
        box-shadow: 0 6px 10px rgba(0,0,0,.3);
    }
    .btn2{
        display: inline-block;
        font-size: 0;
        border-radius: 999px;
        position: absolute;
        z-index: 5;
        bottom: 4%;
        left: 30vw;
        width: 35vw;
        box-shadow: 0 6px 10px rgba(0,0,0,.3);
    }
    .gsap_pc {
        display: none;
    }
    
    .slick_bg {
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,.7);
        z-index: 10;
        display: none;
    }
    .slick_bg.active {
        display: block;
    }
    .slick_wrap {
        width: calc(100% - 60px);
        max-width: 800px;
        position: absolute;
    	top: 50%;
    	left: 50%;
    	transform: translate(-50%, -50%);
    	-webkit-transform: translate(-50%, -50%);
    	-ms-transform: translate(-50%, -50%);
    }
    .slick_close {
        position: absolute;
        display: inline-block;
        width: 30px;
        height: 30px;
        cursor: pointer;
        top: 1.5vw;
        right: 4vw;
        z-index: 9999;
    }
    .slick_close::before, .slick_close::after {
        content: "";
        position: absolute;
        width: 100%;
        height: 5px;
        display: inline-block;
        background: #FFF;
        top: 50%;
    	left: 50%;
    	transform: translate(-50%, -50%) rotate(45deg);
    	-webkit-transform: translate(-50%, -50%) rotate(45deg);
    	-ms-transform: translate(-50%, -50%) rotate(45deg);
    }
    .slick_close::after {
        transform: translate(-50%, -50%) rotate(-45deg);
    	-webkit-transform: translate(-50%, -50%) rotate(-45deg);
    	-ms-transform: translate(-50%, -50%) rotate(-45deg);
    }
    .slickslider_sld {
        font-size: 0;
        text-align: center;
    }
    .slickslider_sld img {
        width: 748px;
        display: inline-block;
    }
    .slickslider .slick-next { right:-20px!important;}
    .slickslider .slick-prev { left:-20px!important; }
    .slickslider .slick-next:before {
        background: url(../img/arrow-right.png)!important;
        background-size: contain!important;
        background-repeat: no-repeat!important;
    }
    .slickslider .slick-prev:before {
        background: url(../img/arrow-left.png)!important;
        background-size: contain!important;
        background-repeat: no-repeat!important;
    }
    .slickslider .slick-arrow {
        z-index:2!important;
        width:15px!important;
        height:20px!important;
    }
    .slickslider .slick-arrow:before {
        content:""!important;
        width: 100%!important;
        height: 100%!important;
        position: absolute;
        top: 0;
        left: 0;
        opacity:1!important;
    }
    .spscroll {
        background-image: url(../img/slide-bg-sp.png);
    	background-attachment: fixed;
        background-size: cover;
        background-position: center;
    }
    .spscroll_sld {
        position: relative;
        font-size: 0;
    }
    .spscroll_img {
        font-size: 0;
    }
    .btn3 {
        display: inline-block;
        position: absolute;
        z-index: 5;
        width: 28.5%;
        left: 62%;
        bottom: 45%;
        font-size: 0;
        box-shadow: 0 3px 3px rgba(0,0,0,.15);
        border-radius: 999px;
        cursor: pointer;
    }
    .sec2 {
        display: none;
    }
    .sptestspace {
        height: 100vh;
        background: #999;
    }
    .sec2sp {
        background: #F7F8F8;
        display: block;
    }
    .sec2sp_in {
        position: relative;
        height: 180vw;
    }
    .sec2sp_img2 img {
        width: 100%;
    }
    .sec2sp_img2 {
        width: 3.857%;
        opacity: 0;
        font-size: 0;
        position: absolute;
        left: 48.8%;
    	top: .7%;
    	transform: translateX(-50%);
    	-webkit-transform: translateX(-50%);
    	-ms-transform: translateX(-50%);
    }
    .sec2sp_img2.active {
    	opacity: 1;
    	animation: 1.2s sec2sp_img2_anime;
    	z-index: 5;
    }
    @keyframes sec2sp_img2_anime {
        0% {
            width: 0%;
        }
        100% {
            width: 3.857%;
        }
    }
    .sec2sp_img1 {
        font-size: 0;
        text-align: center;
    }
    .sec2sp_img1 img {
        width: 94.5%;
    }
    .sec2sp_space {
        height: 101.5%;
        /*background: rgba(25,50,50,.5);*/
    }
    .sec2sp_img3 {
        position: absolute;
        width: 36.19%;
        font-size: 0;
        top: 31%;
        left: 3%;
        opacity: 0;
        transition: .75s;
    }
    .sec2sp_img3.active {
        opacity: 1;
    }
    
    
    
    
    /*--------タブレット--------*/
    @media screen and (min-width: 768px) {
        .nav-ham {
        	margin-top: 55px;
        	right: 215px;
        	width: 45px;
        	height: 45px;
        }
        .nav-ham span:nth-child(1) {
        	top: 26%;
        }
        .nav-ham span:nth-child(3) {
        	bottom: 26%;
        }
        .open .nav-ham span:nth-child(1) {
        	transform: translateX(-50%) translateY(10px) rotate(45deg);
        	-webkit-transform: translateX(-50%) translateY(10px) rotate(45deg);
        	-ms-transform: translateX(-50%) translateY(10px) rotate(45deg);
        }
        .open .nav-ham span:nth-child(3) {
        	transform: translateX(-50%) translateY(-10px) rotate(-45deg);
        	-webkit-transform: translateX(-50%) translateY(-10px) rotate(-45deg);
        	-ms-transform: translateX(-50%) translateY(-10px) rotate(-45deg);
        }
        .btn1 {
            width: 28.3%;
            bottom: 28%;
            left: 48%;
        }
        .gsap_bg_wrap {
            overflow: hidden;
        }
        .gsap_bg {
            background-image: url(../img/slide-bg.png);
        }
        .wrapper {
            display: flex;
            width: 500%;
        }
        .gsap_img {
            font-size: 0;
            position: relative;
        }
        .btn2 {
            display: inline-block;
            position: absolute;
            z-index: 5;
            width: 9%;
            left: 26%;
            bottom: 19%;
            font-size: 0;
            box-shadow: 0 5px 5px rgba(0,0,0,.3);
            border-radius: 999px;
            cursor: pointer;
        }
        .slickslider .slick-next { right:-50px!important;}
        .slickslider .slick-prev { left:-50px!important; }
        .slickslider .slick-arrow {
            width:31px!important;
            height:41px!important;
        }
        .spscroll {
            display: none;
        }
        .sec2 {
            background: #F7F8F8;
            display: block;
        }
        .sec2_in {
            position: relative;
            height: 112vw;
        }
        .sec2_img2 img {
            width: 100%;
        }
        .sec2_img2 {
            width: 2.65%;
            opacity: 0;
            font-size: 0;
            position: absolute;
            left: 50.2%;
        	top: 1.5%;
        	transform: translateX(-50%);
        	-webkit-transform: translateX(-50%);
        	-ms-transform: translateX(-50%);
        }
        .sec2_img2.active {
        	opacity: 1;
        	animation: 1.2s sec2_img2_anime;
        	z-index: 5;
        }
        @keyframes sec2_img2_anime {
            0% {
                width: 0%;
            }
            100% {
                width: 2.65%;
            }
        }
        .sec2_img1 {
            font-size: 0;
            text-align: center;
        }
        .sec2_img1 img {
            width: 68%;
        }
        .sec2_space {
            height: 50%;
            /*background: rgba(25,50,50,.5);*/
        }
        .sec2_img3 {
            position: absolute;
            width: 26.19%;
            font-size: 0;
            top: 37%;
            left: 13%;
            opacity: 0;
            transition: .75s;
        }
        .sec2_img3.active {
            opacity: 1;
        }
        .sptestspace {
            display: none;
        }
        .sec2sp {
            display: none;
        }
        
        
    }
    
    
    
    
    
    /*--------PC--------*/
    @media screen and (min-width: 1180px) {
    }