@media (min-width:501px) and (max-width:768px){
    body{
        overflow: scroll;
    }
    .mousecursor{
        width:120px;
        height:120px;
        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:1.6rem;
        font-weight: 600;
        display:flex;
        justify-items: center;
        color:#161616;
    
    }
    p{
        font-size: 1.2rem;
        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:8%;
        height:auto;
        transform:translate(40%,40%);
        display: block;
    }
    
    .home_button img{
        width:100%;
        height:auto;
    }
    
    .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);
        backdrop-filter: blur(30px);
        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;
    }
    
    .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;
        justify-content: center;
        align-items: center;
    }

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

    .menu_x{
        width:35px;
        height:35px;
        border: solid 1px #161616;
        border-radius: 50%;
        display:none;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin-top:40px;
    }

    .menu_x01{
        transform: rotate(45deg);
        width:30px;
        height:1px;
        background-color: #161616;
    }
    .menu_x02{
        transform:rotate(-45deg);
        width:30px;
        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:58vh;
        left:0;
        width:100%;
        height:28vh;
        opacity:0.6;
    }
    
    .main_text{
        position:absolute;
        width:90%;
        height:25vh;
        display: flex;
        flex-direction: column;
        justify-content:center;
        align-items: center;
        top:58vh;
        text-align: center;
    }

    .main_text p{
        font-size: 1.6rem;
        padding-top: 2vh;
    }
    
    .main_tit{
        height:auto;
        width:80%;
        display:none;
    }
    .main_tit img{
        height:auto;
        width:100%;
    }
    .main_mo{
        position:absolute;
        top:25vh;
        width:90%;
        height:25vh;
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        align-items: center;
    }
    .main_glovice{
        width:100%;
        height:auto;
    }
    .main_glovice img{
        width:100%;
        height:auto;
    }

    .main_fx{
        width:40%;
        height:auto;
        padding-top: 5vh;
    }
    
    .main_fx img{
        width:100%;
        height:auto;
    }
    
    
    
    
    

    
      
    
    #about{
        width:100%;
        height:auto;
        padding-top: 10vh;
        padding-top:10dvh;
    }

    #about p{
        font-size: 1.4rem;
    }
    
    .section02{
        width:100%;
        margin:0 auto;
        /* height:100vh; */
        display:flex;
        flex-direction: column-reverse ;
        justify-content:center;
        align-items: center;
        position:relative;
    }
    
    .about01_img{
        height:50vh;
        height:50dvh;
        width:60%;
        position:relative;
        display: flex;
        justify-content: center;
        align-items: center;
        padding-top:5vh;
        padding-top:5dvh;
    }
    
    .about01_img img{
        width:100%;
        height:auto;
        position:absolute;
    }

    
    .about01_text{
        /* height:60vh;
        height:60dvh; */
        width:80%;
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items:center;
        padding-bottom: 5vh;
        padding-bottom: 5dvh;
    }
    
    
    .about01_tit{
        display: flex;
        align-items: center;
        height:10vh;
        height:10dvh;
        padding-bottom:10vh;
        padding-bottom:10dvh;
    }
    .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:100%;
        height:auto;
        /* text-align: center; */
    }
    
    
    
    
    
    
    .section03{
        width:100%;
        margin:0 auto;
        /* height:100vh; */
        display:flex;
        flex-direction: column-reverse;
        justify-content:center;
        align-items: center;
        position:relative;
    }
    
    .about02_img{
        height:40vh;
        height:40dvh;
        width:60%;
        position:relative;
        display: flex;
        justify-content: center;
        align-items: center;
        padding-top:5vh;
        padding-top:5dvh;
    }
    
    .about02_img img{
        width:100%;
        height:auto;
        position:absolute;
    }
    .about02_text{
        /* height:40vh;
        height:40dvh; */
        width:80%;
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items:center;
        padding-top:5vh;
        padding-top: 5dvh;
        padding-bottom:7vh;
        padding-bottom:7dvh;
    }

    .about02_tit{
        display: none;
        align-items: center;
        height:10vh;
        height:10dvh;
        padding-bottom:6vh;
        padding-bottom:6dvh;
    }
    .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:100%;
        height:auto;
    }
    
    
    
    
    
    
    .section04{
        width:100%;
        margin:0 auto;
        /* height:100vh; */
        display:flex;
        flex-direction: column-reverse;
        justify-content:center;
        align-items: center;
        position:relative;
    }
    
    .about03_img{
        height:50vh;
        height:50dvh;
        width:60%;
        position:relative;
        display: flex;
        justify-content: center;
        align-items: center;
        padding-top:10vh;
        padding-top:10dvh;
    }
    
    .about03_img img{
        width:100%;
        height:auto;
        position:absolute;
    }
    
    .about03_text{
        /* height:40vh;
        height:40dvh; */
        width:80%;
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items:center;
        padding-top:5vh;
        padding-top: 5dvh;
    }
    
    .about03_tit{
        display: none;
        align-items: center;
        height:10vh;
        height:10dvh;
        padding-bottom:6vh;
        padding-bottom:6dvh;
    }
    .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:100%;
        height:auto;
    }
    
    
    
    
    
    
    
 
    #vision{
        width:100%;
        height:auto;
        position:relative;
        margin: 0 auto;
    }
    
    #vision h2{
        font-size: 1.6rem;
    }
    
    #vision_tit_wrapper{
        width:100%;
        /* height:150vh; */
        display:flex;
        justify-content: center;
        position:absolute;
        top:5vh;
    }
   
    .vision_tit{
        position:relative;
        height:10vh;
        display:none;
        align-items: center;
        z-index: 500;
        /* padding-bottom:10vh; */
    } 
    .vision_mo_tit{
        position:relative;
        padding-top:12vh;
        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:80%;
        /* height:60vh; */
        position:relative;
        display:flex;
        justify-content: center;
        align-items: center;
        padding-left: 10%;
    }
    
    #vision02{
        width:80%;
        /* height:60vh; */
        position:relative;
        display:flex;
        justify-content: center;
        align-items: center;
        padding-left: 10%;
    }
    
    #vision03{
        width:80%;
        /* height:60vh; */
        position:relative;
        display:flex;
        justify-content: center;
        align-items: center;
        padding-left: 10%;
    }
    
    
    .please_wrapper01{
        position:relative;
        width:35%;
        height:35vh;
        padding-top:28vh;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    .please_bottom01{
        width:180px;
        height:180px;
        position:absolute;
        border-radius: 50%;
        border: none;
        position: absolute;
    }
    
    .please_bottom01 img{
        width:100%;
        height:auto;
    }
    
    
    .please01{
        width:180px;
        height:180px;
        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:50px;
        height:auto;
        transform:translate(-5px,-5px);
    }
    
    
    
    
    .please_wrapper02{
        position:relative;
        width:35%;
        height:35vh;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    .please_bottom02{
        width:180px;
        height:180px;
        position:absolute;
        border-radius: 50%;
        border: none;
        position: absolute;
    }
    
    .please_bottom02 img{
        width:100%;
        height:auto;
    }
    
    
    .please02{
        width:180px;
        height:180px;
        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;
        width:35%;
        height:35vh;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    .please_bottom03{
        width:180px;
        height:180px;
        position:absolute;
        border-radius: 50%;
        border: none;
        position: absolute;
    }
    
    .please_bottom03 img{
        width:100%;
        height:auto;
    }
    
    
    .please03{
        width:180px;
        height:180px;
        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:60%;
        height:35vh;
        position:relative;
        display:flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        /* transform:translateX(10%); */
    }

    .vision_text01{
        padding-top:28vh;
    }
    
    .waveve{
        opacity:1;
    }
    
    .wave{
        opacity:1;
    }

    #vision h2{
        font-weight: 400;
    }
    
    
    
    
    
    
    
    .section08{
        width:100%;
        height:65vh;
        position:relative;
        padding-top:15vh;
    }
    
    .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:90%;
        display: flex;
        justify-content: center;
        text-align: center;
    }
    
    
    
    
    
    .product_wrapper{
        display:flex;
        align-items: center;
        width:100%;
        height:90vh;
        justify-content: center;
        position:relative;
        display:none;
    }
    
    .product_content_wrapper{
        width:520px;
        height:80vh;
        position:relative;
        display: flex;
        align-items: center;
    }
    .product_circle{
        width:100%;
        height:auto;
        position:absolute;
        transition:all 0.6s cubic-bezier(0.16, 1, 0.3, 1);
    }
    .product_circle img{
        width:100%;
        height:auto;
    }
    .circle_ani{
       animation: circle_ani 1s cubic-bezier(0.16, 1, 0.3, 1) 1s forwards;
    }
    
    
    @keyframes circle_ani{
        from{
            transform:rotate(0);
        }
        to{
            transform:rotate(-51deg);
        }
    }
    
    .timeset{
        transition:all 0.6s cubic-bezier(0.68, -0.6, 0.32, 1.6) 0.6s;
    }
    
    
    
    
    
    .product_icon{
        width:100%;
        height:auto;
        position:absolute;
        transform:translate(6%,1.5vh);
    }
    
    .product_icon img{
        width:85%;
        height:auto;
    }
    
    .product_content_tit{
        position:absolute;
        width:50%;
        height:auto;
        display:flex;
        justify-content:center;
        align-items: center;
        transform:translateX(-50%);
    }
    
    .product_content_box{
        height:7vh;
        width:100%;
        position:absolute;
        display: flex;
        justify-content:end;
        align-items: center;
        transform:rotate(0) scale(0);
        transform-origin:right center;
        opacity:0;
    }
    
    .product_content_box p{
        display: flex;
        align-items: center;
    }
    
    
    
    
    .product_ani01{
        animation:product_ani01 1.2s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
    }
    .product_ani02{
        animation:product_ani02 1.3s cubic-bezier(0.34, 1.56, 0.64, 1) forwards 0.02s;
    }
    .product_ani03{
        animation:product_ani03 1.4s cubic-bezier(0.34, 1.56, 0.64, 1) forwards 0.06s;
    }
    .product_ani04{
        animation:product_ani04 1.6s cubic-bezier(0.34, 1.56, 0.64, 1) forwards 0.14s;
    }
    .product_ani05{
        animation:product_ani05 1.7s cubic-bezier(0.34, 1.56, 0.64, 1) forwards 0.2s;
    }
    
    @keyframes product_ani01 {
        from{
            transform:rotate(0) scale(0);
            opacity:0;
        }
        100%{
            transform:rotate(36deg) scale(1);
            opacity:1;
        }
    }
    @keyframes product_ani02 {
        from{
            transform:rotate(0) scale(0);
            opacity:0;
        }
        100%{
            transform:rotate(18deg) scale(1);
            opacity:1;
        }
    }
    @keyframes product_ani03 {
        from{
            transform:scale(0);
            opacity:0;
        }
        100%{
            transform:scale(1);
            opacity:1;
        }
    }
    @keyframes product_ani04 {
        from{
            transform:rotate(0) scale(0);
            opacity:0;
        }
        100%{
            transform:rotate(-18deg) scale(1);
            opacity:1;
        }
    }
    @keyframes product_ani05 {
        from{
            transform:rotate(0) scale(0);
            opacity:0;
        }
        100%{
            transform:rotate(-36deg) scale(1);
            opacity:1;
        }
    }
    
    
    .product_content_tit p{
        padding-right:280px;
        height:7vh;
        transition:all 1s cubic-bezier(0.16, 1, 0.3, 1);
    }
    
    .active{
        font-size: 3rem;
        font-weight: 700;
    }
    
    .client{
        font-size: 3rem;
        font-weight: 700;
    }
    
    .font_back{
        font-size:1.6rem;
        font-weight:400;
    }
    
    

    .product_mo_wrapper{
        position:relative;
        width:100%;
        height:80vh;
        display:flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding-top: 7vh;
        display:none;
    }

    .product_mo_wrapper01{
        width:100%;
        height:auto;
        display:flex;
        justify-content: center;
    }
    .product_mo_wrapper02{
        width:100%;
        height:auto;
        display:flex;
        justify-content: center;
    }


    .product_mo{
        width:25%;
        height:auto;
        padding-right:6%;
    }

    .product_mo img{
        width:100%;
        height:auto;
    }

    .product_mo03{
        padding-right:0;
    }

    .product_mo05{
        padding-right:0;
    }

    .product_jack{
        width:55%;
        height:auto;
        position:relative;
        margin:0 auto;
        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:0;
        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;
    }
    



    .icon_center{
        position:relative;
        width:100%;
        height:80vh;
        display:flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        padding-top: 20vh;        
    }

    .icon_center01{
        width:100%;
        height:auto;
        display:flex;
        justify-content: center;
    }
    .icon_center02{
        width:100%;
        height:auto;
        display:flex;
        justify-content: center;
        padding-top:5vh;
    }

    .mo_icon_center{
        width:25%;
        height:auto;
        padding-right:4%;
    }
    .mo_icon_center img{
        width:100%;
        height:auto;
    }

    .risk_center{
        padding-right:0;
    }

    .portal_center{
        padding-right:0;
    }







 


    #partner01{
        width:100%;
        /* height:80vh; */
        position:relative;
    }
    
    #partner02{
        width:100%;
        /* height:80vh; */
        position:relative;
    }
    #partner03{
        width:100%;
        /* height:80vh; */
        position:relative;
        display:flex;
        justify-content: center;
        align-items: center;
    }
    
    .partner_tit{
        position:absolute;
        width:100%;
        height:10vh;
        top:35vh;
        justify-content: center;
        display: flex;
        align-items: center;
    }
    
    .partner_tit img{
        width:80%;
        height:auto;
    }
    
    .hand_top{
        position:absolute;
        width:100%;
        display: flex;
        justify-content: center;
        top:15vh;
    }
    
    .hand{
        opacity:1;
    }
    
    .hand_top img{
        width:80%;
        height:auto;
    }
    
    .hand_bottom{
        position:absolute;
        width:100%;
        top:45vh;
        display: flex;
        justify-content:center;
    }
    
    .hand_bottom img{
        width:80%;
        height:auto;
    }
    
    
    
    
    
    
    
    
    .greenball_partner{
        width:20%;
        height:auto;
        position:absolute;
        top: 30vh;
        left:70%;
        display:none;
    }
    .greenball_partner img{
        width:100%;
        height:auto;
    }
    
    .greyball{
        width:20%;
        height:auto;
        position:absolute;
        top:30vh;
        left:65%;
        display:none;
    }
    
    .greyball img{
        width:100%;
        height:auto;
    }
    
    .partner_globe{
        width:40%;
        height:auto;
        position:absolute;
        top:100vh;
        left:10%;
    }
    
    .fx_globe{
        display:block;
    }
    
    .partner_globe img{
        width:100%;
        height:auto;
    }
    
    .partner_f{
        width:27%;
        height:auto;
        position:absolute;
        top:87vh;
        left:37%;
    }
    
    .partner_f img{
        width:100%;
        height:auto;
    }
    
    .partner_x{
        width:27%;
        height:auto;
        position:absolute;
        top:97vh;
        right:12%;
    }
    
    .partner_x img{
        width:100%;
        height:auto;
    }
    
    .partner_text01{
        width:100%;
        height:auto;
        position:absolute;
        top:70vh;
        display:flex;
        justify-content: center;
    }
    #partnership p{
        font-size: 1.5rem;
    }
    
    .diagram{
        width:65%;
        /* height:80vh; */
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        position:relative;
        padding-top:195vh;
        padding-bottom: 5vh;
    }
    
    .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:140vh;
    }
    
    .partner_text02_text01,.partner_text02_text02{
        padding-bottom:2vh;
    }
    
    
    
    
    .section12{
        width:100%;
        height:80vh;
        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:3vh;
        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.05rem;
        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;
        display:none;
    }
    
    .footer_text{
        width:80%;
        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;
    
    }
    .footer_text03{
        width:30%;
        display:flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        position:relative;
    }
    
    .footer_text03 p{
        font-weight:600;
    }
    .footer_text04{
        width:60%;
        position:relative;
        padding-left:5%;
    }
    
    .warning{
        font-size: 1.4rem;
        font-weight: 700;
    }
    
    .legal{
        padding-bottom:2vh;
    }
    
    
    
    .info{
        width:90%;
        height:30vh;
        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;
    }
    .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;
    }
}