@media (min-width:769px) and (max-width:999px){


    body{
        overflow: scroll;
    }
    .mousecursor{
        width:150px;
        height:150px;
        position:absolute;
        border-radius: 50%;
        background-color:rgb(244,244,240);
        pointer-events: none;
        transform: translate(-50%,-50%) scale(0);
        pointer-events: none;
        mix-blend-mode:difference;
        transition:transform 0.4s ease-in-out;
        display:none;
    }
    
    h1{
        font-size:4rem;
        font-weight: 700;
        color:#161616;
    }
    h2{
        font-size:2.4rem;
        font-weight: 500;
        display:flex;
        justify-items: center;
        color:#161616;
    
    }
    p{
        font-size: 1.5rem;
        font-weight:400;
        line-height: 1.8rem;
        color:#161616;
    }
    
    
    span{
        margin:0;
        padding:0;
        display: inline-block;
    }
    
    main{
        width:100%;
        height:100vh;
        overflow:scroll;
    }
    
    
    
    .head{
        width:100%;
        height:auto;
        display:flex;
        align-items: center;
        justify-content: space-between;
        position:fixed;
        z-index: 1000;
    }
    
    .home_button{
        width:6%;
        height:auto;
        transform:translate(40%,40%);
        display: block;
    }

    
    .home_button img{
        width:100%;
        height:auto;
    }
    
    /* .menu{
        width:100%;
        display:flex;
        justify-content: end;
    }
    
    .menu p{
        position:relative;
        margin-right:5%;
        font-size: 1.2rem;
        font-weight: 600;
    } */
    

    .menu{
        width:100%;
        display:none;
        flex-direction: column;
        align-items: center;
        justify-content: space-around;
        height:100vh;
        height:100dvh;
        background-color:rgb(244,244,240);
        transform:translateX(100%);
        animation:menu_ani 0.6s ease-in-out forwards;
    } 


@keyframes menu_ani{
    form{
        transform:translateX(100%);
    }
    to{
        transform:translateX(0);
    }
}


    
    .menu p{
        position:relative;
        font-size: 1.4rem;
        font-weight: 500;
        color:#161616;
        /* display:flex;
        justify-content: center; */
    }


    .menu a{
        color:#161616;
    }
    
    .menu_button{
        width:44px;
        height:44px;
        background-color: #056d3c;
        border-radius: 50%;
        z-index: 1100;
        transform:translate(-40%,40%);
        display:flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .menu_button01,.menu_button02,.menu_button03{
        position:relative;
        width:34px;
        height: 2px;
        background-color: rgb(244,244,240);
        margin-bottom: 6px;
    }

    .menu_button03{
        margin-bottom: 0;
    }

    .menu_x{
        width:44px;
        height:44px;
        border: solid 1px #161616;
        border-radius: 50%;
        display:none;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin-top: 40px;
        position: relative;
    }
 
    .menu_x01{
        transform: rotate(45deg);
        width:34px;
        height:1px;
        background-color: #161616;
    }
    .menu_x02{
        transform:rotate(-45deg);
        width:34px;
        height:1px;
        background-color: #161616;
    }

    .menu_recruit{
        margin-bottom: 40px;
    }
    
    
    
    
    
    .section01{
        width:100%;
        height:100vh;
        position:relative;
        display:flex;
        justify-content: center;
        align-items: center;
    }
    
    .section01 iframe{
        position:absolute;
        top:62vh;
        left:0;
        width:100%;
        height:28vh;
        opacity:0.8;
        /* z-index: 9; */
    }
    
    .main_text{
        position:absolute;
        width:100%;
        height:25vh;
        display: flex;
        flex-direction: column;
        justify-content:center;
        align-items: center;
        top:62vh;
        text-align: center;
    }

    .main_text_text{
        padding-top: 2vh;
    }

    .main_text p{
        font-size: 1.7rem;
    }
    
    .main_tit{
        height:auto;
        width:80%;
        position:absolute;
        top:30vh;
    }
    .main_tit img{
        height:auto;
        width:100%;
    }
    
    .main_mo{
        display: none;
    }
    
    
    
    
    
    

    #about{
        width:100%;
        /* height:180vh; */
        position:relative;
        padding-top: 10vh;
    }
    
    .section02{
        width:100%;
        margin:0 auto;
        /* height:60vh; */
        display:flex;
        justify-content:space-around;
        align-items: center;
        position:relative;
        padding-top:10vh;
    }
    
    .about01_img{
        /* height:60vh; */
        width:50%;
        position:relative;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    .about01_img img{
        width:100%;
        height:auto;
        position:absolute;
    }
    
    .about01_text{
        /* height:60vh; */
        width:50%;
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items:flex-start;
        padding-bottom: 10vh;
    }
    
    
    .about01_tit{
        display: flex;
        align-items: center;
        height:9vh;
        padding-bottom:3vh;
    }
    .about01_rect{
        width:10px;
        height:100%;
        background-color: #161616;
        position:relative;
        margin-right: 30px;
    }
    
    .about01_tit_text{
        position:relative;
        display: flex;
        justify-content: center;
        color:#161616;
    }
    
    .about01_text_text{
        width:90%;
        height:auto;
    }
    


    
    
    
    
    .section03{
        width:100%;
        margin:0 auto;
        /* height:60vh; */
        display:flex;
        justify-content:space-around;
        align-items: center;
        position:relative;
        padding-top: 20vh;
    }
    
    .about02_img{
        /* height:60vh; */
        width:50%;
        position:relative;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .about02_img img{
        width:100%;
        height:auto;
        position:absolute;
    }
    
    .about02_text{
        /* height:60vh; */
        width:50%;
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items:flex-start;
        padding-bottom: 10vh;
    }
    .about02_tit{
        display: flex;
        align-items: center;
        height:9vh;
        padding-bottom:3vh;
    }
    .about02_rect{
        width:10px;
        height:100%;
        background-color: #161616;
        position:relative;
        margin-right: 30px;
    }
    
    .about02_tit_text{
        position:relative;
        display: flex;
        justify-content: center;
        color:#161616;
    }
    
    .about02_text_text{
        width:90%;
        height:auto;
    }
    
    
    
    
    
    
    .section04{
        width:100%;
        margin:0 auto;
        /* height:60vh; */
        display:flex;
        justify-content:space-around;
        align-items: center;
        position:relative;
        padding-top: 20vh;
    }
    
    .about03_img{
        /* height:60vh; */
        width:50%;
        position:relative;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    .about03_img img{
        width:100%;
        height:auto;
        position:absolute;
    }
    
    .about03_text{
        /* height:60vh; */
        width:50%;
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items:flex-start;
        padding-bottom: 10vh;
    }
    
    .about03_tit{
        display: flex;
        align-items: center;
        height:10vh;
        padding-bottom:6vh;
    }
    .about03_rect{
        width:10px;
        height:100%;
        background-color: #161616;
        position:relative;
        margin-right: 30px;
    }
    
    .about03_tit_text{
        position:relative;
        display: flex;
        justify-content: center;
        color:#161616;
    }
    
    .about03_text_text{
        width:90%;
        height:auto;
    }
    
    
    
    
    
    
    
    
    
    
    #vision{
        width:100%;
        height:auto;
        position:relative;
        margin: 0 auto;
    }
    
    #vision h2{
        font-size: 2rem;
    }
    
    #vision_tit_wrapper{
        width:30%;
        /* height:150vh; */
        display:flex;
        justify-content: center;
        position:absolute;
        top:0;
        left:10%;
    }
    .vision_tit{
        position:relative;
        padding-top:15vh;
        height:10vh;
        display:flex;
        align-items: center;
        z-index: 500;
        display:none;
    }
    .vision_mo_tit{
        position:relative;
        padding-top:20vh;
        height:10vh;
        display:flex;
        align-items: center;
        z-index: 500;
    }
    
    .vision_rect{
        width:10px;
        height:100%;
        background-color: #161616;
    }
    
    .vision_tit_text{
        position:relative;
        padding-left:30px;
        color:#161616;
    }
    
    
    
    
    #vision01{
        width:100%;
        height:30vh;
        position:relative;
        display:flex;
        justify-content: center;
        align-items: center;
        padding-top: 30vh;
    }
    
    #vision02{
        width:100%;
        height:30vh;
        position:relative;
        display:flex;
        justify-content: center;
        align-items: center
    }
    
    #vision03{
        width:100%;
        height:30vh;
        position:relative;
        display:flex;
        justify-content: center;
        align-items: center
    }
    
    
    .please_wrapper01{
        position:relative;
        padding-left:35%;
        width:50%;
        display: flex;
        justify-content: flex-end;
        align-items: center;
    }
    
    .please_bottom01{
        width:200px;
        height:200px;
        position:absolute;
        border-radius: 50%;
        border: none;
        position: absolute;
    }
    
    .please_bottom01 img{
        width:100%;
        height:auto;
    }
    
    
    .please01{
        width:240px;
        height:240px;
        border-radius: 50%;
        background-image: url(../image/please_top.png);
        background-size: contain;
        cursor: pointer;
        position: absolute;
        z-index: 800;
        display: flex;
        justify-content: center;
        align-items: center;
        display:none;
    }
    
    .vision_logo{
        width:70px;
        height:auto;
        transform:translate(-5px,-5px);
    }
    
    
    
    
    .please_wrapper02{
        position:relative;
        padding-left:35%;
        width:50%;
        display: flex;
        justify-content: flex-end;
        align-items: center;
    }
    
    .please_bottom02{
        width:200px;
        height:200px;
        position:absolute;
        border-radius: 50%;
        border: none;
        position: absolute;
    }
    
    .please_bottom02 img{
        width:100%;
        height:auto;
    }
    
    
    .please02{
        width:240px;
        height:240px;
        border-radius: 50%;
        background-image: url(../image/please_top.png);
        background-size: contain;
        cursor: pointer;
        position: absolute;
        z-index: 800;
        display: flex;
        justify-content: center;
        align-items: center;
        display:none;
    }
    
    
    .please_wrapper03{
        position:relative;
        padding-left:35%;
        width:50%;
        display: flex;
        justify-content: flex-end;
        align-items: center;
    }
    
    .please_bottom03{
        width:200px;
        height:200px;
        position:absolute;
        border-radius: 50%;
        border: none;
        position: absolute;
    }
    
    .please_bottom03 img{
        width:100%;
        height:auto;
    }
    
    
    .please03{
        width:240px;
        height:240px;
        border-radius: 50%;
        background-image: url(../image/please_top.png);
        background-size: contain;
        cursor: pointer;
        position: absolute;
        z-index: 800;
        display: flex;
        justify-content: center;
        align-items: center;
        display:none;
    }
    
    
    
    .vision_text{
        width:40%;
        position:absolute;
        left:10%;
        display:flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
    }
    
    .waveve{
        opacity:1;
    }
    
    .wave{
        opacity:1;
    }
    
    
    
    
    
    
    
    


    .section08{
        width:100%;
        position:relative;
        padding-top:17vh;
    }
    
    .product_tit{
        width:100%;
        position:absolute;
        display:flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    
    .product_tit_wrapper{
        width:100%;
        height:10vh;
        position:relative;
        display:flex;
        justify-content: center;
        align-items: center;
    }
    .product_rect{
        width:10px;
        height:100%;
        background-color: #161616;
    }
    .product_tit_tit{
        padding-left:2%;
    }
    .product_tit_text{
        width:100%;
        display: flex;
        justify-content: center;
        text-align: center;
        padding-top: 3vh;
    }
    
    
    
    .icon_center{
        display:none;
    }
    
    .product_wrapper{
        display:flex;
        align-items: center;
        width:100%;
        height:70vh;
        justify-content: center;
        position:relative;
        padding-top: 13vh;
    }
    
    .product_content_wrapper{
        width:450px;
        height:70vh;
        position:relative;
        display: flex;
        align-items: center;
        transform:translateX(160px);
    }
    .product_circle{
        width:100%;
        height:auto;
        position:absolute;
        transition:all 0.6s cubic-bezier(0.16, 1, 0.3, 1);
        transform:rotate(-51deg);
    }
    .product_circle img{
        width:100%;
        height:auto;
    }
   
    
    
    
    
    
    .product_icon{
        width:100%;
        height:auto;
        position:absolute;
    }
    
    .product_icon img{
        width:95%;
        height:auto;
    }
    
    .product_content_tit{
        position:absolute;
        width:80%;
        height:auto;
        display:flex;
        justify-content:center;
        align-items: center;
        text-align: center;
        transform:translateX(-30%);
    }
    
    .product_content_box{
        height:7vh;
        width:100%;
        position:absolute;
        display: flex;
        justify-content:end;
        align-items: center;
        transform-origin:right center;
    }
    
    .product_content_box p{
        display: flex;
        align-items: center;
    }
    
    .product01_tit{
        transform:rotate(36deg);
    }

    .product02_tit{
        transform:rotate(18deg);
    }
    .product04_tit{
        transform:rotate(-18deg);
    }
    .product05_tit{
        transform:rotate(-36deg);
    }
    
    
    
    .product_content_tit p{
        padding-right:220px;
        height:7vh;
        transition:all 1s cubic-bezier(0.16, 1, 0.3, 1);
        font-size:1.8rem;
        text-decoration: underline;
        /* font-size: 2.2rem;
        font-weight: 700; */
    }
    
    .product01_tit p{
        font-size: 2.2rem;
        font-weight: 700;
    }
    
    .product_jack{
        width:21%;
        height:auto;
        position:absolute;
        top:58vh;
        right:15%;
        display:none;
    }
    
    .product_jack img{
        width:100%;
        height:auto;
    }
    
    
    /* .product01_ani{
        animation:product01_ani 0.8s cubic-bezier(0.87, 0, 0.13, 1) 1.1s forwards;
    }
    
    @keyframes product01_ani{
        from{
            opacity:0;
        }
        to{
            opacity:1;
        }
    }
    
    .product01_back{
        animation:product01_back 0.4s cubic-bezier(0.87, 0, 0.13, 1); 
    }
    
    @keyframes product01_back{
        from{
            opacity:1;
        }
        to{
            opacity:0;
        }
    } */
    
    .product01_icon{
        opacity:1;
        transition:all 0.4s cubic-bezier(0.87, 0, 0.13, 1) 0.1s;
    }
    
    .product02_icon{
        opacity:0;
        transition:all 0.4s cubic-bezier(0.87, 0, 0.13, 1) 0.1s;
    }
    
    .product03_icon{
        opacity:0;
        transition:all 0.4s cubic-bezier(0.87, 0, 0.13, 1) 0.1s;
    }
    .product04_icon{
        opacity:0;
        transition:all 0.4s cubic-bezier(0.87, 0, 0.13, 1) 0.1s;
    }
    .product05_icon{
        opacity:0;
        transition:all 0.4s cubic-bezier(0.87, 0, 0.13, 1) 0.1s;
    }
    
    .product_mo_wrapper{
        display:none;
    }










    
    #partner01{
        width:100%;
        height:40vh;
        position:relative;
    }
    
    #partner02{
        width:100%;
        height:60vh;
        position:relative;
    }
    #partner03{
        width:100%;
        height:80vh;
        position:relative;
        display:flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
    }
    
    .partner_tit{
        position:absolute;
        width:100%;
        height:10vh;
        top:30vh;
        justify-content: center;
        display: flex;
        align-items: center;
    }
    
    .partner_tit img{
        width:70%;
        height:auto;
    }
    
    .hand_top{
        position:absolute;
        width:100%;
        top:10vh;
        display: flex;
        justify-content: center;
    }
    
    .hand{
        opacity:1;
    }
    
    .hand_top img{
        width:80%;
        height:auto;
    }
    
    .hand_bottom{
        position:absolute;
        width:100%;
        top:40vh;
        display:flex;
        justify-content: center;
    }
    
    .hand_bottom img{
        width:80%;
        height:auto;
    }
    
    
    
    
    
    
    
    
    .greenball_partner{
        width:20%;
        height:auto;
        position:absolute;
        top: 40vh;
        left:80%;
        display:none;
    }
    .greenball_partner img{
        width:100%;
        height:auto;
    }
    
    .greyball{
        width:20%;
        height:auto;
        position:absolute;
        top:40vh;
        left:70%;
        display:none;
    }
    
    .greyball img{
        width:100%;
        height:auto;
    }
    
    .partner_globe{
        width:30%;
        height:auto;
        position:absolute;
        top:45vh;
        left:25%;
    }
    
    .fx_globe{
        display:block;
    }
    
    .partner_globe img{
        width:100%;
        height:auto;
    }
    
    .partner_f{
        width:25%;
        height:auto;
        position:absolute;
        top:30vh;
        left:10%;
    }
    
    .partner_f img{
        width:100%;
        height:auto;
    }
    
    .partner_x{
        width:25%;
        height:auto;
        position:absolute;
        top:35vh;
        left:32%;
    }
    
    .partner_x img{
        width:100%;
        height:auto;
    }
    
    .partner_text01{
        width:35%;
        height:auto;
        position:absolute;
        top:40vh;
        left:60%;
    }
    
    
    .diagram{
        width:70%;
        padding-top: 60vh;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        position:relative;
        
    }
    
    .diagram_back{
        width:75%;
        height:auto;
        position:absolute;
    }
    .diagram_1{
        width:75%;
        height:auto;
        position:absolute;
        
    }
    
    .diagram_2{
        width:75%;
        height:auto;
        position:absolute;
        opacity:0;
        
    }
    .diagram_3{
        width:75%;
        height:auto;
        position:absolute;
        opacity:0;
    }
    
    .diagram_4{
        width:75%;
        height:auto;
        position:absolute;
        opacity:0;
    }
    
    .diagram_5{
        width:75%;
        height:auto;
        position:absolute;
        opacity:0;
    }
    
    
    .diagram_ani01{
        animation:diagram_ani01 0.2s ease-in-out forwards; 
        animation:diagram_ani03 0.6s ease-in-out 1.2s forwards;
    }
    
    @keyframes diagram_ani01{
        from{
            opacity:1;
        }
        to{
            opacity:0;
        }
    }
    
    .diagram_ani02{
        animation:diagram_ani02 0.8s ease-in-out 0.4s forwards;
    }
    
    .diagram_ani05{
        animation:diagram_ani02 0.8s ease-in-out 1s forwards;
    }
    
    @keyframes diagram_ani02{
        from{
            opacity:0;
        }
        50%{
            opacity:1;
        }
        to{
            opacity:0;
        }
    }
    
    .diagram_ani03{
        animation:diagram_ani02 1s ease-in-out 0.6s forwards;
    }
    
    .diagram_ani04{
        animation:diagram_ani02 1s ease-in-out 0.8s forwards;
    }
    
    @keyframes diagram_ani03{
        from{
            opacity:0;
        }
        to{
            opacity:1;
        }
    }
    
    .partner_text02{
        width:80%;
        display:flex;
        flex-direction: column;
        justify-content: center;
        position:absolute;
        top:15vh;
    }
    
    .partner_text02_text01,.partner_text02_text02{
        padding-bottom:2vh;
    }
    
    
    
    
    .section12{
        width:100%;
        height:60vh;
        position:relative;
        display:flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding-top: 20vh;
    }
    
    
    .contact_tit{
        height:10vh;
        width:100%;
        display:flex;
        justify-content: center;
        align-items: center;
    }
    
    
    .contact_rect{
        width:10px;
        height:100%;
        background-color: #161616;
    }
    
    .contact_tit_tit{
        padding-left:3%;
        position:relative;
        display: flex;
        justify-content: center;
        color:#161616;
    }
    
    .contact_tit_text{
        padding-top:1vh;
        color:#161616;
    }
    
    .contact_content{
        width:100%;
        display:flex;
        justify-content:center;
        position:relative;
        padding-top: 10vh;
    }
    
    .contact01{
        width:30%;
        position:relative;
    }
    
    .contact02{
        width:30%;
        position:relative;
        padding-left:2%;
    }
    
    .contact03{
        width:30%;
        position:relative;
        padding-left: 2%;
    }
    
    .contact_card img{
        width:100%;
        height:auto;
    }
    
    .contact_text{
        position:absolute;
        width:65%;
    }

    .contact_text p{
        font-size: 1.1rem;
        line-height: 1.4rem;
        font-weight: 600;
    }
    
    .contact_card{
        display:flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        background-image: url(../image/contact_card_active.png);
        background-size: cover;
    }
    
    
    .contact01_text,.contact02_text,.contact03_text{
        color:#161616;
    }
    .contact_card01,.contact_card02,.contact_card03{
        transition:all 0.4s ease-in-out;
    }
    
    
    .section13{
        width:100%;
        height:80vh;
        position:relative;
        display:flex;
        justify-content:center;
    }
    
    .legal_jack{
        width:30%;
        height:80vh;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    .footer_text{
        width:60%;
        height:80vh;
        display:flex;
        flex-direction: column;
        justify-content: center;
    }
    
    .legal_jack img{
        width:280px;
        height:auto;
    }
    
    .footer_logo{
        width:55%;
        height:auto;
        padding-bottom:3vh;
    
    }
    
    .footer_logo img{
        width:100%;
        height:auto;
    }
    
    .footer_text p{
        font-size: 1rem;
        line-height: 1.4rem;
    }
    
    .footer_text01{
        padding-bottom:6vh;
        width:100%;
    }
    
    .footer_text02{
        padding-bottom:6vh;
        width:100%;
    }
    .footer_document{
        width:100%;
        display:flex;
        justify-content: start;
        align-items: flex-start;
    
    }
    .footer_text03{
        width:40%;
        display:flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        position:relative;
    }
    
    .footer_text03 p{
        font-weight:600;
    }
    .footer_text04{
        position:relative;
        padding-left:5%;
        width:60%;
    }
    
    .warning{
        font-size: 1.2rem;
        font-weight: 700;
    }
    
    .legal{
        padding-bottom:2vh;
    }
    
    
    
    .info{
        width:95%;
        height:15vh;
        position:relative;
        display:flex;
        justify-content: space-around;
        border-top: solid 1px rgba(22,22,22, 0.5);
        padding-top:2vh;
        margin:0 auto;
    }
    
    .info p{
        font-size: 0.9rem;
        line-height: 1.5rem;
    }
    .contact_info{
        width:10%;
        display: flex;
        justify-content: center;
        display:none;
    }
    .contact_info p{
        font-size: 1.4rem;
        font-weight:600;
    }
    .address{
        display:flex;
        flex-direction: column;
    }

    .pe{
        display: flex;
        flex-direction: column;
    }

    .phone{
        display:flex;
        flex-direction: column;
    }
    .email{
        display:flex;
        flex-direction: column;
    }
    
    .address_tit{
        font-weight:700;
        font-size: 1.1rem;
    }
    .phone_tit{
        font-weight:700;
        font-size: 1.1rem;
    }
    .email_tit{
        font-weight:700;
        font-size: 1.1rem;
    }


}