


@media (min-width:1281px) {

body{
    box-sizing: border-box;
    overflow: hidden;
}

h1{
    font-family:'Mukta', sans-serif; 
    font-size: 3.8rem;
    font-weight: 900;
}
h2{
    font-family: 'Mukta', sans-serif;
    font-size: 3rem;
    font-weight: 900;
    color: white;
}

h3{
    font-family: 'Mukta', sans-serif;
    font-size: 1.87rem;
    font-weight: 600;
    color: white;
}

h4{
    font-family: 'Mukta', sans-serif;
    font-size: 2.25rem;
    font-weight: 900;
    color:white;
}
h5{
    font-family: 'Mukta', sans-serif;
    font-size: 1.5rem;
    font-weight: 500;
    color:black;
}
p{
    font-family: 'Mukta', sans-serif;
    font-size: 1.3rem;
    font-weight:400;
    line-height: 1.7rem;
}






.greyback{
    position:fixed;
    width:100%;
    height:100dvh;
    left:0;
    top:0;
}

.greyback img{
    width:100%;
    height:100dvh;
}







.head{
    width:100%;
    position:fixed;
    height:5dvh;
    left:0;
    top:3dvh;
    display:flex;
    justify-content: space-between;
    align-items: center;
}

.homebutton{
    width:8%;
    height:auto;
    padding-left:3%;
}
.menu{
    width:40%;
    height:5dvh;
    display:flex;
    justify-content: space-around;
    align-items: center;
}
.menu p{
    font-family: 'Mukta', sans-serif; 
    font-weight:400;
}
.menu_x{
    display:none;
}
.menu_button{
    display:none;
}
.menu_content{
    display:none;
}



.section{
    position:relative;
    width:100%;
    height:100dvh;
}
















.main_img{
    position:absolute;
    width:85%;
    height:auto;
    left:25%;
    top:15dvh;
    opacity:0;
}

.main_content{
    position:absolute;
    width:50%;
    height:auto;
    display:flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    top:15dvh;
    left:15%;
}

.main_logo{
    width: 40%;
    height:auto;
    position:relative;
    padding-left: 10%;
    padding-bottom: 5dvh;
}

.main_tit{
    padding-bottom:5dvh;
}

.home_stagger{
    transform:translateY(100px);
    opacity:0;
}




.circle{
    width:13%;
    height:auto;
    position:absolute;
    right:20%;
    opacity:0;
    transform:translateY(-70%);
    transform-origin: center 120%;
}
/* 
.izumi01{
    top:50%;
    transform:scaleX(0);
} */
.circle_up{
    top:-10dvh;
}
.circle_down{
    top:110dvh;
}
.about01_content{
    position:relative;
    margin-left: 12%;
    margin-top: 15dvh;
    padding-bottom:100px;
    width:50%;
    height:74dvh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}

.about01_tit{
    padding-bottom: 2dvh;
}
.about01_subtit{
    padding-bottom:5dvh;
}

.about01_text01{
    padding-bottom:5dvh;
}









.izumi{
    width:40%;
    height:auto;
    position:absolute;
    right:6.5%;
    transform:scale(0);
}
.izumi_01{
    top:45dvh;
}
.izumi_02{
    top:49dvh;
}
.izumi_03{
    top:54dvh;
}
.izumi_04{
    top:58dvh;
}
.izumi_05{
    top:62dvh;
}

.izumi_06{
    top:66dvh;
}
.izumi_07{
    top:70dvh;
}


.about02_content{
    width:45%;
    height:70dvh;
    position:relative;
    margin-left:12%;
    margin-top:20dvh;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}
.about02_tit{
    padding-bottom: 2dvh;
}
.about02_subtit{
    padding-bottom: 5dvh;
}
.about02_text{
    width:80%;
}

/* .izumi01{
    display:none;
} */





.drop{
    width:13%;
    height:auto;
    position:absolute;
    right:20%;
    top: 27dvh;
    transform:scale(0);
}

/* .drop01,.drop02,.drop03,.drop04,.drop05{
    opacity:0;
    transition:opacity 1.4s ease-in 2s;
} */

.about03_content{
    width:45%;
    height:70dvh;
    position:relative;
    margin-top: 15dvh;
    margin-left: 12%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}

.about03_tit{
    padding-bottom: 5dvh;
}





.stagger{
    opacity:0;
    transform:translateY(80px);
}




.service01{
    display:flex;
    justify-content: flex-start;
    align-items: center;
    overflow: hidden;
}

.solution_content{
    width:40%;
    height:100dvh;
    position:relative;
    margin-left: 8%;
    margin-right: 5%;
}

.service01_content{
    display:flex;
    flex-direction: column;
    width:100%;
    height:100dvh;
    justify-content:center;
    align-items: flex-start;
    position:relative;
    padding-left: 10%;
}

.solution_main{
    display:flex;
    flex-direction: column;
    width:100%;
    height:100dvh;
    justify-content: center;
    align-items: flex-start;
    position:relative;
    padding-left: 10%;
}
.solution_main_text{
    text-align: left;
    width:80%;
    padding-bottom:7dvh;
}

.solution_main_tit h2{
    text-align: center;
    color: black;
}

.solution_tit h2{
    text-align: center;
    color: black;
}

.solution_main_subtit h4{
    font-weight: 500;
}

.solution_subtit h4{
    font-weight: 500;
}

.solution_text{
    width:80%;
    padding-bottom: 12dvh;
    text-align: left;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}
.solution_main_subtit{
    padding-top: 5dvh;
    padding-bottom: 7dvh;
}

.solution_subtit{
    padding-top: 5dvh;
    padding-bottom: 7dvh;
}




.tetris{
    position:relative;
    width:40%;
    height:100dvh;
    display:flex;
    justify-content: center;
    align-items: flex-start;
}

.tetris_container{
    width:60%;
    position:relative;
    margin-top:21dvh;
}

.tetris_img{
    padding-top: 125.37%;
    position:relative;
}
.tetris_img img{
    position:absolute;
}

.tetris_text{
    transition:all 0.4s ease-in-out;
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;

}

.tetris_text p{
    font-size: 1.4rem;
    font-weight: 600;
    line-height: 1.7rem;
    color:#212121;
    cursor: pointer;

}


.tetris_bg{
    width:100%;
    height:auto;
    top:0;
    left:0;
}

.tetris_rt_img{
    width:70%;
    right:3%;
    top:2%;
}
.tetris_lt_img{
    width:46%;
    left:2%;
    top:3%;
}
.tetris_lb_img{
    width:70%;
    left:2%;
    bottom:2%;
}
.tetris_rb_img{
    width:47%;
    right:2%;
    bottom:2%;
}
.tetris_center_img{
    width:47%;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
}



.tetris_lt_text{
    width:50%;
    height:20%;
    display:flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    position:absolute;
    top:20%;
    left:0;
    transition:all 0.7s ease-in-out;
}
.tetris_rt_text{
    width:75%;
    height:20%;
    display:flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    position:absolute;
    top:0;
    right:0;
    transition:all 0.7s ease-in-out;;
}
.tetris_center_text{
    width:50%;
    height:20%;
    display:flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    position:absolute;
    top:40%;
    left:25%;
    transition:all 0.7s ease-in-out;
}
.tetris_lb_text{
    width:75%;
    height:20%;
    display:flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    position:absolute;
    bottom:0;
    left:0;
    transition:all 0.7s ease-in-out;
}
.tetris_rb_text{
    width:50%;
    height:20%;
    display:flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    position:absolute;
    right:0;
    bottom:20%;
    transition:all 0.7s ease-in-out;
}

.solution_main{
    display:flex;
}

.solution_lt{
    display:none;
}
.solution_rt{
    display:none;
}
.solution_center{
    display:none;
}
.solution_lb{
    display:none;
}
.solution_rb{
    display:none;
}



.solution_back p{
    font-size: 1.5rem;
    font-weight: 500;
    text-align: center;
}

.solution_back{
    width:10%;
    height:4dvh;
    margin-left: 30%;
    border: solid 1px #161616;
    display:flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.list{
    width:35%;
    text-align: start;
}
.list02{
    width:70%;
    text-align: start;
}

.solution_stagger{
    transform:translateY(80px);
    opacity:0;
}

















.service02_tit{
    width:100%;
    padding-top:16dvh;
    display:flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.service02_content{
    width:100%;
    padding-top: 12dvh;
    display:flex;
    justify-content: center;
    align-items: flex-start;
    overflow: hidden;
}

.service02_content01{
    width:38%;
    display:flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-end;
    position:relative;
}
.service02_content01_up{
    height:22dvh;
    width:100%;
    display:flex;
    justify-content: end;
    align-items: flex-start;
}

.service02_content01_up_text h3{
    color:black;
}
.service02_content01_up_text{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: end;
    width:50%;
}
.service02_content01_up p{
    text-align: end;
    padding-top: 2dvh;
    font-size: 1.25rem;
    line-height: 1.7rem;
    font-weight: 300;
}

.service02_content01_up_img{
    width:40%;
    display: flex;
    justify-content: end;
    align-items: center;
}

.service02_content01_up_circle{
    width:200px;
    height:200px;
    border-radius: 50%;
    border: solid 2px black;
    display:flex;
    justify-content: center;
    align-items: center;
}

.service02_content01_up_icon{
    width:75%;
    height:auto;
    transform:translate(5px,75px);
    opacity:0;
}

.service02_content01_up_line{
    width:50px;
    height:2px;
    background-color: black;
}






.service02_content01_down{
    height:22dvh;
    width:100%;
    display:flex;
    justify-content: end;
    align-items: flex-start;
    padding-top: 4.2dvh;
}

.service02_content01_down_text h3{
    color:black;
}
.service02_content01_down_text{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: end;
    width:50%;
}
.service02_content01_down p{
    text-align: end;
    padding-top: 2dvh;
    font-size: 1.25rem;
    line-height: 1.7rem;
    font-weight: 300;
}

.service02_content01_down_img{
    width:40%;
    display: flex;
    justify-content: end;
    align-items: center;
}

.service02_content01_down_circle{
    width:200px;
    height:200px;
    border-radius: 50%;
    border: solid 2px black;
    display:flex;
    justify-content: center;
    align-items: center;
}

.service02_content01_down_icon{
    width:78%;
    height:auto;
    transform:translate(5px,75px);
    opacity:0;
}

.service02_content01_down_line{
    width:50px;
    height:2px;
    background-color: black;
}


.service02_content02{
    width:13.3%;
    height:46.5dvh;
    border: solid 2px black;
    border-radius: 50px;
}


.service02_content03{
    width:38%;
    display:flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    position:relative;
}
.service02_content03_up{
    height:22dvh;
    width:100%;
    display:flex;
    justify-content: start;
    align-items: flex-start;
}

.service02_content03_up_text h3{
    color:black;
}
.service02_content03_up_text{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width:50%;
}
.service02_content03_up p{
    text-align: start;
    padding-top: 2dvh;
    font-size: 1.25rem;
    line-height: 1.7rem;
    font-weight: 300;
}

.service02_content03_up_img{
    width:40%;
    display: flex;
    justify-content:start;
    align-items: center;
}

.service02_content03_up_circle{
    width:200px;
    height:200px;
    border-radius: 50%;
    border: solid 2px black;
    display:flex;
    justify-content: center;
    align-items: center;
}

.service02_content03_up_icon{
    width:80%;
    height:auto;
    transform:translate(10px,73px);
    opacity:0;
}

.service02_content03_up_line{
    width:50px;
    height:2px;
    background-color: black;
}

.service02_content03_down{
    height:30dvh;
    width:100%;
    display:flex;
    justify-content: start;
    align-items: flex-start;
    padding-top: 4.2dvh;
}

.service02_content03_down_text h3{
    color:black;
}
.service02_content03_down_text{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 60%;
}
.service02_content03_down p{
    text-align: start;
    padding-top: 2dvh;
    font-size: 1.25rem;
    line-height: 1.7rem;
    font-weight: 300;
}

.service02_content03_down_img{
    width:40%;
    display: flex;
    justify-content:start;
    align-items: center;
}

.service02_content03_down_circle{
    width:200px;
    height:200px;
    border-radius: 50%;
    border: solid 2px black;
    display:flex;
    justify-content: center;
    align-items: center;
}

.service02_content03_down_icon{
    width:75%;
    height:auto;
    transform:translate(7px,85px);
    opacity:0;
}

.service02_content03_down_line{
    width:50px;
    height:2px;
    background-color: black;
}


.service_stagger{
    transform:translateY(80px);
    opacity:0;
}





.feature{
    width:100%;
    display:flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding:10dvh 10% 5dvh 10%;
}
.feature_tit{
    padding-top:2dvh;
    padding-bottom: 2dvh;
}
.feature_subtit p{
    font-size: 1.18rem;
    font-weight: 300;
}

.feature_subtit{
    padding-bottom: 5dvh;
}

.feature_content{
    height:64dvh;
    display:flex;
    justify-content: space-between;
    align-items: center;
    overflow: hidden;
}
.feature_content_box{
    width:22%;
    height:62dvh;
    border: solid 2px black;
    display:flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
}

.feature_content_icon{
    height:23dvh;
    display:flex;
    justify-content: center;
    align-items: end;
}
.feature_content01_icon{
    width:48%;
}
.feature_content02_icon{
    width:40%;
}

.feature_content03_icon{
    width:33%;
}

.feature_content04_icon{
    width:35%;
}
.feature_content_icon img{
    width:100%;
    height:auto;
}

.feature_content_tit{
    text-align: center;
    height:5dvh;
    padding-top: 5dvh;
    padding-bottom: 4dvh;
 }
 .feature_content_tit p{
    font-weight: 900;
    line-height: 1.6rem;
 }

 .feature_content_text{
    width:90%;
 }
 .feature_content_text p{
    font-size: 1.18rem;
    line-height: 1.6rem;
    font-weight: 300;
 }

.feature_stagger{
    transform:translateY(80px);
    opacity:0;
}






 .contact_container{
    width:100%;
    height:100vh;
    height:100dvh;
    overflow: auto;
 }

 .regulation{
    padding-top: 15dvh;
    display:flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-bottom: 7dvh;
 }
 .contact h4{
    color:black;
    font-weight: 900;
 }


 .contact p{
    font-size: 1.18rem;
    line-height: 1.6rem;
    font-weight: 300;
 }

 .regulation_tit{
    padding-bottom: 2dvh;
 }

 .regulation_text{
    width:60%;
 }


 .contact_info{
    display:flex;
    flex-direction: column;
    justify-content:flex-start;
    align-items: center;
    height:60vh;
    height:60dvh;
 }
 .contact_tit{
    padding-bottom: 2dvh;
 }
 .contact_content{
    width:60%;
    height:40vh;
    height:40dvh;
    display:flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;

 }
 .contact_map{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width:50%;
 }
 .contact_map_icon{
    width:50px;
    margin-right: 30px;
 }

 .contact_phone{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width:50%;
 }

 .contact_phone_icon{
    width:50px;
    margin-right: 30px;
 }
 .contact_mail{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width:50%;
 }
 .contact_mail_icon{
    width:50px;
    margin-right: 30px;
 }

 .contact_stagger{
    transform:translateY(80px);
    opacity:0;
 }
 .global_funding_content_mo{
    display:none;
 }
}
