/* font-family: 'IBM Plex Sans', sans-serif; */


@media (min-width:1441px){
    

 .logo{
    position:fixed;
    top:30px;
    left:50px;
    width:45px;
    height:auto;
}

.menu{
    position:fixed;
    width:880px;
    top:0;
    height:70px;
    right:0;
    display:flex;
    justify-content: end;
    align-items: end;
    font-size: 18px;
    transition:all 0.4s ease-in-out;
}
a{
    color:rgb(255,255,255);
}

.menu_bottom_line{
    width:0%;
    height:1px;
    position:absolute;
    right:0;
    bottom:-6px;
    background-color:rgb(255,255,255,0.5);
    transition:all 0.4s ease-in-out;
}

.menu00{
    margin-right:40px;
    position:relative;
    transition:all 0.4s ease-in-out;    
}

.recruitment{
    margin-right: 50px;
}

.menu_grid_line{
    width:1px;
    height:0px;
    position:absolute;
    background-color: rgb(255,255,255,0.5);
    top:45px;
    right:50px;
    transition:all 0.4s ease-in-out;
}

.menu_line00{
    width:0;
    height:2px;
    background-color: rgb(255,255,255,0.5);
    position:absolute;
    bottom:-13px;
    transition:all 0.4s ease-in-out; 
    transform-origin :center center;
}

.menu_mobile_container{
    display: none;
}

.book_mark{
    width:30px;
    height:200px;
    position:absolute;
    left:50px;
    background-color:#8e8f8d;
    border-radius: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.book_mark_shadow{
    width:100%;
    height:100%;
    position:absolute;
    left:0;
    top:0;
    border-radius: 15px;
    box-shadow: 4px 4px 6px rgba(50,50,50,0.6);

}
.book_mark_high{
    width:100%;
    height:100%;
    position:absolute;
    left:0;
    top:0;
    border-radius: 15px;
    box-shadow: -3px -3px 6px rgba(178,178,178,0.7);

}

.book_mark_text{
    writing-mode: vertical-lr;
    color:rgba(255,255,255,0.8);
    font-size: 16px;
    font-weight: 400;

}


.page_navi{
    width:15px;
    height:70px;
    position:fixed;
    right:50px;
    top:50%;
    transform:translateY(-50%);
    display:flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    transition:all 0.6s ease-in-out 0.3s;
}
.page_navi00{
    width:8px;
    height:8px;
    border-radius: 50%;
    background-color:white;
    opacity:0.3;
    transition:all 0.6s ease-in-out 0.3s;
}
.page_navi01{
    width:15px;
    height:15px;
    opacity:1;
}

.page_navi04{
    display:none;
}







body{
    overflow: hidden;
}




.grey_container{
    width:100%;
    height:300vh;
    height:300dvh;
    position:absolute;
    overflow: hidden;
    transition:all 0.6s ease-in-out;
    top:0;
}

.business01{
    position:relative;
    width:100%;
    height:100vh;
    height:100dvh;
    display:flex;
    justify-content: center;
    background-color:#8e8f8d;
}
.business02{
    position:relative;
    width:100%;
    height:100vh;
    height:100dvh;
    display:flex;
    justify-content: center;
    background-color:#8e8f8d;
}
.business03{
    position:relative;
    width:100%;
    height:100vh;
    height:100dvh;
    display:flex;
    justify-content: center;
    background-color:#8e8f8d;
}

.business_content{
    width:800px;
    height:550px;
    position:absolute;
    top:30vh;
    top:30dvh;
    display: flex;
    flex-direction:column;
    align-items: center;
    justify-content: flex-start;
}

@media(max-height:830px){
    .business_content{
        top:25vh;
        top:25dvh;
    }
 }
 
 @media(max-height:750px){
    .business_content{
        top:20vh;
        top:20dvh;
    }
 }

.business_title{
    width:100%;
}

.business_title p{
    font-size: 48px;
    font-weight: 900;
    text-align: center;
    color: white;
}

.business_text{
    width:100%;
    margin-top:68px;
}

.business_text p{
    font-size: 20px;
    line-height: 34px;
    font-weight:300;
    color: white;
}


.more_grey_circle{
    display:none;
}


.more{
    width:270px;
    height:270px;
    position:absolute;
    bottom:0;
    display:flex;
    justify-content: center;
    align-items: center;
}

.more_img{
    position: absolute;
    width:100%;
    height:100%;
}

.more_container01{
    position:absolute;
    width:125px;
    height:125px;
    border-radius: 50%;
    background-color: none;
}
.more_container02{
    position:absolute;
    width:125px;
    height:125px;
    border-radius: 50%;
    background-color: none;
}
.more_container03{
    position:absolute;
    width:125px;
    height:125px;
    border-radius: 50%;
    background-color: none;
}

.more_green{
    width:125px;
    height:125px;
    background-color: #a0d228;
    position: absolute;
    border-radius: 50%;
    opacity:0;
    transform:scale(0);
}


.more_text{
    position: absolute;
    width:45%;
    height:45%;
    display:flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 50%;;
}

.more_text p{
    font-size: 18px;
    font-weight: 700;
    color: #a0d228;
}

.more_line{
    width:45px;
    height:2px;
    background-color: #a0d228;
    margin-top: 10px;
}


@keyframes moreopen{
    from{
        transform:scale(1);
    }
    to{
        transform:scale(18);
    }
}

@keyframes to_big{
    from{
        transform:scale(0.6);
        opacity:0;
        transform-origin: 50% 85%;
    }
    to{
        transform:scale(1);
        opacity:1;
        transform-origin:50% 85%;
    }
}
@keyframes img_big{
    from{
        transform:scale(0.6);
        opacity:0;
        transform-origin:-70% 90%;
    }
    to{
        transform:scale(1);
        opacity:1;
        transform-origin:-70% 90%;
    }
}


@keyframes to_small{
    from{
        transform:scale(1);
        transform-origin:50% 85%;
        opacity:1;
    }
    to{
        transform:scale(0.6);
        transform-origin:50% 85%;
        opacity:0;
    }
}
@keyframes img_small{
    from{
        transform:scale(1);
        opacity:1;
        transform-origin: -70% 90%;
    }
    to{
        transform:scale(0.6);
        opacity:0;
        transform-origin: -70% 90%;
    }
}

@keyframes back_click{
    from{
        transform:scale(18);
    }
    to{
        transform:scale(1);
    }

}

@keyframes more_ani_on{
    from{
        opacity: 0;
        transform:scale(0);
    }
    to{
        opacity:1;
        transform:scale(1);
    }
}

@keyframes more_ani_off{
    from{
        opacity: 1;
        transform:scale(1);
    }
    to{
        opacity:0;
        transform:scale(0);
    }
}

.more_ani_on{
    animation:more_ani_on 0.3s cubic-bezier(0.25, 1, 0.5, 1) both;
}
.more_ani_off{
    animation:more_ani_off 0.3s cubic-bezier(0.25, 1, 0.5, 1) both;
}







.business_img{
    position:absolute;
}




.business01_img{
    width:28.64%;
    height:78.5%;
    height:auto;
    right:6.5%;
    bottom:-1.5%;
}

.business02_img{
    width:22.7%;
    height:auto;
    right:11.7%;
    bottom:-1.5%;
}

.business03_img{
    width:35.4%;
    height:87%;
    right:0;
    bottom:1%;
    transform:translateX(15px);
}

.business03_img_mobile{
    display:none;
}





.business01_green01{
    width:100%;
    height:100vh;
    height:100dvh;
    position:relative;
    background-color:#9bcd28;
    display:flex;
    justify-content: center;
    align-items: center;
}

.business01_green_content{
    width:800px;
    position:absolute;
    left:14.58%;
    display: flex;
    flex-direction:column;
    align-items: flex-start;
    
}


.business01_green_title p{
    font-size: 28px;
    font-weight: 700;
    color:rgb(34,48,03);
}

.business01_green01_text{
    margin-top:55px;
}

.business01_green01_text p{
    font-size: 18px;
    font-weight: 500;
    line-height: 30px;
    color:rgba(34,48,03,0.8);
}










.business01_green02{
    width:100%;
    background-color:#9bcd28;
    height:100vh;
    height:100dvh;
    position:relative;
    display:flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.business01_green02_content{
    transform:translateY(-5%);
}

.business01_green02_text_container{
    margin-top: 5.5%;
    display:flex;
    flex-direction: column;
    align-items: flex-start;
}

.business01_green02_text00{
    margin-top:4.5%;
}
.business01_green02_text01{
    margin-top: 0;
}
.business01_green02_text_title_box{
    height:25px;
    display:flex;
    align-items: center;
}
.business01_green02_text_rect{
    width:6px;
    height:25px;
    background-color: rgb(34,48,3);
}

.business01_green02_text_title p{
    font-size: 20px;
    font-weight: 800;
    color: rgb(34,48,3);
    padding-left: 5px;
}

.business01_green02_text_text{
    margin-top: 6px;
}
.business01_green02_text_text p{
    font-size: 18px;
    line-height: 28px;
    font-weight: 500;
    color:rgba(34,48,03,0.8);
}










.business02_green01{
    width:100%;
    height:100vh;
    height:100dvh;
    position:relative;
    display:flex;
    align-items: center;
    background-color: #9bcd28;
}

.business02_green_content{
    width:800px;
    position:absolute;
    left:14.58%;
    display: flex;
    flex-direction:column;
    align-items: flex-start;
}

.business02_green01_title p{
    font-size: 28px;
    font-weight: 700;
    color:rgb(34,48,03);
    line-height: 44px;
}

.business02_green01_text{
    margin-top:8.5vh;
    margin-top:8.5dvh;
}

.business02_green01_text p{
    font-size: 18px;
    font-weight: 500;
    line-height: 30px;
    color:rgba(34,48,03,0.8);
}











.business02_green02{
    width:100%;
    height:100vh;
    height:100dvh;
    position:relative;
    display:flex;
    flex-direction:column;
    justify-content: center;
    align-items: flex-start;
    background-color: #9bcd28;
}

.business02_green02_content{
    transform:translateY(-5%);
}

.business02_green02_title p{
    font-size: 28px;
    font-weight: 700;
    color:rgb(34,48,03);
}

.business02_green02_text_container{
    margin-top: 5.5%;
    display:flex;
    flex-direction: column;
    align-items: flex-start;
}

.business02_green02_text00{
    margin-top:5%;
}
.business02_green02_text01{
    margin-top: 0;
}
.business02_green02_text_title_box{
    height:25px;
    display:flex;
    align-items: center;
}
.business02_green02_text_rect{
    width:6px;
    height:25px;
    background-color: rgb(34,48,3);
}

.business02_green02_text_title p{
    font-size: 20px;
    font-weight: 800;
    color: rgb(34,48,3);
    padding-left: 5px;
}

.business02_green02_text_text{
    margin-top: 6px;
}
.business02_green02_text_text p{
    font-size: 18px;
    line-height: 28px;
    font-weight: 500;
    color:rgba(34,48,03,0.8);
}








.business03_green{
    width:100%;
    height:100vh;
    height:100dvh;
    position:relative;
    display:flex;
    flex-direction:column;
    background-color: #9bcd28;
    justify-content: center;
    align-items: flex-start;
    overflow: hidden;
}

.business03_green_content{
    width:800px;
    position:absolute;
    left:14.58%;
    display: flex;
    flex-direction:column;
    align-items: flex-start;
    transform: translateY(-5%);
}

.business03_green_title p{
    font-size: 36px;
    font-weight: 800;
    color:rgb(34,48,03);
}

.business03_green_subtitle{
    margin-top:4%;
}
.business03_green_subtitle p{
    font-size: 24px;
    font-weight: 700;
    line-height: 38px;
    color:rgb(34,48,03);
}
.business03_green_text{
    margin-top:8.5%;
}
.business03_green_text p{
    font-size: 18px;
    font-weight: 500;
    line-height: 30px;
    color: rgba(34,48,03,0.8);
}








.business_green_back{
    position:absolute;
    width:8%;
    height:150px;
    display:flex;
    justify-content: center;
    align-items: center;
    bottom:10%;
    left:32%;
}
@media(max-height :850px){
    .business_green_back{
        bottom:5%;
    }
}

.business_green_back_text{
    position:absolute;
}

.business_green_back_text p{
    font-size: 18px;
    font-weight: 700;
    color: rgb(82,83,81);
}


.business_green_back_line{
    width:45px;
    height:3px;
    background-color:rgb(82,83,81);
    margin-top: 7px;
}
.business_green_back_bg{
    position: absolute;
    width:100%;
    height:auto;
}






@media (min-width:1441px){
    .business01_green_content{
      left:7.3%;
    }
    .business02_green_content{
        left:7.3%;
    }
    .business03_green_content{
        left:7.3%;
    }
}

@media (min-width:1530px){
    .business01_green_content{
        left:8.5%;
    }
    .business02_green_content{
        left:8.5%;
    }
    .business03_green_content{
        left:8.5%;
    }
}


@media (min-width:1600px){
    .business01_green_content{
        left:9.375%;
    }
    .business02_green_content{
        left:9.375%;
    }
    .business03_green_content{
        left:9.375%;
    }
}


@media (min-width:1800px){
    .business01_green_content{
        left:14.58%;
    }
    .business02_green_content{
        left:14.58%;
    }
    .business03_green_content{
        left:14.58%;
    }
}


.green_img01{
    position:fixed;
    width:28.64%;
    height:auto;
    right:6.5%;
    bottom:0;
    opacity:0;   
    transform:scale(0.6);
}

.green_img02{
    position:fixed;
    width:22.7%;
    height:auto;
    right:11.7%;
    bottom:0;
    opacity:0; 
    transform:scale(0.6);
}


.green_img03{
    position:fixed;
    width:54.68%;
    height:87%;
    right:-12.24%;
    bottom:1%;
    opacity:0;
    transform:scale(0.6);
}
.green_img03_mobile{
    display:none;
}


.business01_green01_container{
    position:absolute;
    width:100%;
    height:100%;
    display:flex;
    flex-direction:column;
    justify-content: center;
    align-items: flex-start;
    opacity:0;
    transform:scale(0.6);
    transform-origin:50% 85%;
}

.business01_green02_container{
    position:absolute;
    width:100%;
    height:100%;
    display:flex;
    flex-direction:column;
    justify-content: center;
    align-items: flex-start;
}

.business02_green01_container{
    position:absolute;
    width:100%;
    height:100%;
    display:flex;
    flex-direction:column;
    justify-content: center;
    align-items: flex-start;
    opacity:0;
    transform:scale(0.6);
    transform-origin:50% 85%;
}

.business02_green02_container{
    width:100%;
    height:100%;
    position:absolute;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:flex-start;
}
.business03_green_container{
    width:100%;
    height:100%;
    position:absolute;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:flex-start;
    opacity:0;
    transform:scale(0.6);
    transform-origin:50% 85%;
}



.green01_container{
    width:100%;
    position:absolute;
    height:200vh;
    height:200dvh;
    transition:all 0.6s ease-in-out;
    display:none;
}
.green02_container{
    width:100%;
    position:absolute;
    height:200vh;
    height:200dvh;
    transition:all 0.6s ease-in-out;
    display:none;
}
.green03_container{
    width:100%;
    position:absolute;
    height:100vh;
    height:100dvh;
    transition:all 0.6s ease-in-out;
    display:none;
}


}