@media  (max-width:1440px) and (min-width:1281px){
/* font-family: 'IBM Plex Sans', sans-serif; */

    body{
     overflow: hidden;
    } 
 
 

 .logo{
     position:fixed;
     top:30px;
     left:35px;
     width:40px;
     height:auto;
 }
 
 .menu{
    position:fixed;
    top:0;
    width:800px;
    height:60px;
    right:0;
    display:flex;
    justify-content: end;
    align-items: end;
    font-size: 17px;
    transition:all 0.4s ease-in-out;
}
 a{
    color:white;
}
.menu_bottom_line{
    width:0%;
    background-color: rgb(255,255,255,0.5);
    height:1px;
    position:absolute;
    right:0;
    bottom:-6px;
    transition:all 0.4s ease-in-out;
}
.menu00{
    margin-right:30px;
    position:relative;
    transition:all 0.4s ease-in-out;
}
.recruitment{
    margin-right:35px;
}
.menu_grid_line{
    width:1px;
    height:0px;
    position:absolute;
    background-color: rgb(255,255,255,0.5);
    top:35px;
    right:35px;
    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:26px;
    height:180px;
    position:absolute;
    left:35px;
    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: 15px;
    font-weight: 500;
}

 
 
 

.page_navi{
    width:14px;
    height:70px;
    position:fixed;
    right:35px;
    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:14px;
    height:14px;
    opacity:1;
}
.page_navi04{
    display:none;
}

 

 
 
 
 
.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:800px){
    .business_content{
        top:25vh;
        top:25dvh;
    }
 }
 
 @media(max-height:700px){
    .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:6.8%;
 }
 
 .business_text p{
     font-size: 20px;
     line-height: 32px;
     font-weight:300;
     color: white;
 }


 .more_grey_circle{
    display:none;
}
 
 .more{
     width:220px;
     height:220px;
     position:absolute;
     bottom:10vh;
     bottom:10dvh;
     display:flex;
     justify-content: center;
     align-items: center;
 }

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







 .more_green{
     width:95px;
     height:95px;
     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:600px;
     position:absolute;
     left:12%;
     display: flex;
     flex-direction:column;
     align-items: flex-start;
     
 }
 
 
 .business01_green_title p{
     font-size: 26px;
     font-weight: 700;
     color:rgb(34,48,03);
 }
 
 .business01_green01_text{
     margin-top:55px;
 }
 
 .business01_green01_text p{
     font-size: 17px;
     font-weight: 500;
     line-height: 26px;
     color:rgba(34,48,03,0.8);
 }
 
 
 
 
 
 
 
 
 
 
 .business01_green02{
     width:100%;
     height:100vh;
     height:100dvh;
     background-color:#9bcd28;
     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: 18px;
     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: 17px;
     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:600px;
     position:absolute;
     left:12%;
     display: flex;
     flex-direction:column;
     align-items: flex-start;
 }
 
 .business02_green01_title p{
     font-size: 24px;
     font-weight: 700;
     color:rgb(34,48,03);
     line-height: 40px;
 }
 
 .business02_green01_text{
     margin-top:8.5vh;
     margin-top:8.5dvh;
 }
 
 .business02_green01_text p{
     font-size: 17px;
     font-weight: 500;
     line-height: 26px;
     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: 26px;
     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: 18px;
     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: 17px;
     line-height: 26px;
     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;
 }
 
 .business03_green_content{
     width:600px;
     position:absolute;
     left:12%;
     display: flex;
     flex-direction:column;
     align-items: flex-start;
     transform: translateY(-5%);
 }
 
 .business03_green_title p{
     font-size: 32px;
     font-weight: 800;
     color:rgb(34,48,03);
 }
 
 .business03_green_subtitle{
     margin-top:4%;
 }
 .business03_green_subtitle p{
     font-size: 20px;
     font-weight: 700;
     line-height: 32px;
     color:rgb(34,48,03);
 }
 .business03_green_text{
     margin-top:8.5%;
 }
 .business03_green_text p{
     font-size: 17px;
     font-weight: 500;
     line-height: 28px;
     color: rgba(34,48,03,0.8);
 }
 
 
 
 
 
 
 
 
 .business_green_back{
     position:absolute;
     width:8%;
     height:auto;
     display:flex;
     justify-content: center;
     align-items: center;
     bottom:15%;
     left:32%;
 }
 @media(max-height :750px){
    .business_green_back{
        bottom:10%;
    }
}
 .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;
 }
 
 





 
 .green_img01{
     position:fixed;
     width:28.64%;
     height:auto;
     right:6.5%;
     bottom:-1.5%;
     opacity:0;   
     transform:scale(0.6);
 }
 
 .green_img02{
     position:fixed;
     width:22.7%;
     height:auto;
     right:11.7%;
     bottom:-2%;
     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;
    transform:scale(0.6);
    opacity:0;
}

.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;
    transform:scale(0.6);
    opacity:0;
}

.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;
    transform:scale(0.6);
    opacity:0;
}


.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;
}


 }