@media   (max-width:743px) and (min-width:375px){

.modechange{
    width:20%;
    height:5vh;
    height:5dvh;
    position:fixed;
    z-index: 1000;
    left:50%;
    bottom:2vh;
    bottom:2dvh;
    transform:translateX(-50%);
    display:flex;
    justify-content: center;
    align-items: center;
}

.day{
    width:60px;
    height:60px;
    border-radius: 50%;
    background-color: rgba(0,0,0,0.2);
    backdrop-filter: blur(20px);
    -webkit-background-color: rgba(0,0,0,0.2);
    -webkit-backdrop-filter:blur(20px);
    -moz-background-color:rgba(0,0,0,0.2);
    -moz-backdrop-filter:blur(20px);
    display: flex;
    justify-content: center;
    align-items: center;
    position:relative;
    overflow: hidden;
}
.night{
    width:60px;
    height:60px;
    border-radius: 50%;
    background-color: rgba(0,0,0,0.2);
    backdrop-filter: blur(20px);
    -webkit-background-color: rgba(0,0,0,0.2);
    -webkit-backdrop-filter:blur(20px);
    -moz-background-color:rgba(0,0,0,0.2);
    -moz-backdrop-filter:blur(20px);
    display: flex;
    justify-content: center;
    align-items: center;
    position:relative;
    margin-left: 10%;
    overflow: hidden;
}

.mo_night{
    display:none;
}
.mo_night{
    position:absolute;
    width:100%;
    height:100vh;
    height:100dvh;
}

.day img{
    width:70%;
    height:auto;
}

.night img{
    width:60%;
    height:auto;
}

.nightimg{
    opacity:0.3;
}
.dayimg{
    opacity:1;
}



.day_display{
    display:block;
}


.night_display{
    display:none;
}


.font_color{
    color:rgb(0,99,42);
}











a{
    margin:0;
    padding:0;
    font-size: 100%;
    vertical-align: baseline;
    color:black;
    background: transparent;
}

.menu_button{
    position:fixed;
    width:50px;
    height:50px;
    border-radius: 50%;
    display:flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    right:12px;
    top:16px;  
    background-color: rgba(0,0,0,0.2);
    backdrop-filter: blur(20px);
    -webkit-background-color: rgba(0,0,0,0.2);
    -webkit-backdrop-filter:blur(20px);
    -moz-background-color:rgba(0,0,0,0.2);
    -moz-backdrop-filter:blur(20px);
}
.menu_button01,.menu_button02,.menu_button03{
    width:28px;
    height:2px;
    background-color:white;
}
.menu_button02{
    margin:6px 0;
}

.menu_content{
    width:100%;
    height:70vh;
    height:70dvh;
    display:flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: rgba(0,0,0,0.2);
    backdrop-filter: blur(20px);
    -webkit-background-color: rgba(0,0,0,0.2);
    -webkit-backdrop-filter:blur(20px);
    -moz-background-color:rgba(0,0,0,0.2);
    -moz-backdrop-filter:blur(20px);
    position: fixed;
    right:0;
    top:0;
    transform:translateX(100%);
    transition:all 1s ease-in-out;
}

.menu_content h6{
    font-size: 22px;
    color: white;
    position:relative;
    padding-bottom: 5vh;
    padding-bottom: 5dvh;
}

.menu_x{
    width:40px;
    height:40px;
    border-radius: 50%;
    border:solid 2px white;
    display:flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
}

.menu_x01,.menu_x02{
    width:27px;
    background-color: white;
    height:2px;
}

.menu_x01{
    transform:translate(-1px, 1px) rotate(45deg);
    transform-origin: center center;
}
.menu_x02{
    transform:rotate(-45deg);
    transform-origin:center center;
}

















.text_ani{
    animation:text_ani 1s ease-in-out both;
}

@keyframes text_ani{
    from{
        transform:translateY(20%);
        opacity:0;
    }
    to{
        transform:translateY(0);
        opacity:1;
    }
}

#fp-nav ul li .fp-tooltip{
    display:none;
    position:absolute;
    top:-2px;
    /* border-radius: 10%;
    background-color: rgba(266,266,266,0.2);
    backdrop-filter: blur(20px); */
    color:white;
    font-size:1.7rem;
    text-shadow: 1px 1px 3px rgba(0,0,0,0.4);
    font-family:'mukta',sans-serif;white-space:nowrap;font-weight:500;
    max-width:220px;overflow:hidden;
    display:none;width:0;opacity:0;cursor:pointer}

#fp-nav ul li a span,.fp-slidesNav ul li a span{
        display:none;
    }
    


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

.main_section{
    width:100%;
    height:100vh;
    height:100dvh;
    position:relative;
}
.s1{
    background:linear-gradient(to bottom,rgba(106,149,64),rgb(172,201,141) 20%,rgba(229,246,209) 50%) ;
    background:-webkit-linear-gradient(to bottom,rgba(106,149,64),rgb(172,201,141) 20%,rgba(229,246,209) 50%);
    background: -moz-linear-gradient(to bottom,rgba(106,149,64),rgb(172,201,141) 20%,rgba(229,246,209) 50%);
}

.s2{
    background-color:rgb(229,246,209);
    position:relative;
}


.s3{
    background-color:rgb(0,40,23);
    width:100%;
    height:100vh;
    height:100dvh;
    position:relative;
}
/* .s4{
    background-color:rgb(229,246,209);
    width:100%;
    height:100vh;
    height:100dvh;
    position:relative;
}

.s5{
    background-color:rgb(229,246,209);
    width:100%;
    height:100vh;
    height:100dvh;
    position:relative;
} */

.s6{
    background-color:rgb(229,246,209);
    width:100%;
    height:100vh;
    height:100dvh;
    position:relative;
}

/* h1{
    text-align: center;
    font-size: 3.6rem;
    font-weight: 600;
}

h2{
    text-align: center;
    font-size: 2.5rem;
}

h3{
    font-size:1.8rem;
    text-align: center;
}
p{
    font-size: 1.5rem;
    line-height: 2rem;
} */


.main_left{
    display:none;
}


.main_left img{
    position:absolute;
    width:100%;
    height:100vh;
    height:100dvh;
    left:0;
    top:0;
}


.main_left_tree{
    position:absolute;
    width:100%;
    height:100vh;
    height:100dvh;
    left:0;
    top:0;
}

.main_right img{
    position:absolute;
    width:215%;
    height:100vh;
    height:100dvh;
    right:0;
    top:0;
}

.main_right_tree{
    position:absolute;
    width:215%;
    height:100vh;
    height:100dvh;
    right:0;
    top:0;
}

.main_left_grass{
    transform-origin:left bottom;
}

.main_right_grass{
    transform-origin:right bottom;
}
.main_content img{
    width: 70%;
    height:auto;
    position:relative;
    padding-top:50vh;
    padding-top:50dvh;
    padding-bottom:3vh;
    padding-bottom:3dvh;
}
.logo{
    opacity:0;
    transform:translateY(20%);
    animation-delay:0.6s;
    margin-left: 7%;
}
.main_content{
    width:100%;
    height:100vh;
    height:100dvh;
    position:relative;
    display:flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}


.main_text{
    position:relative;
    opacity:0;
    width:93%;
    transform:translateY(20%);
    animation-delay:1s;
    margin-left: 7%;
}
.main_text_p{
    text-align:left;
    font-size: 24px;
    font-weight: 500;
    line-height: 32px;
}

.rmi_my_recruit_button{
    margin-left:7%;
}

.main_mori_dark_right{
    width:215%;
    height:100vh;
    height:100dvh;
    position:absolute;
    right:0;
    top:0;
}

.main_mori_dark_left{
    position:absolute;
    left:-200%;
}

.lan{
    position:absolute;
    top:24px;
    right:80px;
    display:flex;
    justify-content: center;
    align-items: center;
}

.lan_box{
    width:100px;
    height:36px;
    background-color: #00632A;
    border-radius: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 1px 1px 3px rgba(0,0,0,0.4);
}

.lan_box h4{
    color: white;
    font-size: 15px;
}

.Jp{
    margin-right: 10px;
}









.s2 img{
    width:220%;
    height:auto;
}


.story_content{
    width:100vw;
    height:auto;
    position:relative;
    display:flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    overflow: hidden;
}

.story_text_text{
    height:auto;
    position:relative;
    width:340px;
    margin-bottom: 70px;
}

.story_text{
    width:300px;
    height:auto;
    position:relative;
    opacity:0;
    padding:20px;
    transform:translateY(20%);
    animation-delay:0.6s;
}

.backdrop_filter{
    width:340px;
    height:100%;
    position:absolute;
    background-color: rgba(255,255,255,0.1);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(10px);
    -moz-backdrop-filter:blur(10px);
}

.story_backdrop_filter{
    display:block;
}


.story_tit{
    position:relative;
    padding-bottom: 30px;
    opacity:0;
    transform:translateY(20%);
    animation-delay:0.6s;
    padding-top: 80px;
}





.story_left{
    position:absolute;
    left:0;
    bottom:0;
    transform:translateX(-30%) rotate(-40deg);
    transform-origin: center bottom;
}
.story_right{
    position:absolute;
    right:0;
    bottom:0;
    transform:translateX(30%) rotate(40deg);
    transform-origin:center bottom;
}
.story_mori{
    position:absolute;
    left:50%;
    transform:translateX(-50%);
    bottom:0;
}






.value_center img{
    width:140%;
    height:auto;
    position:absolute;
    left:-20%;
    transform:scaleY(0);
    bottom:7vh;
    bottom:7dvh;
}

.shadow_ani{
    animation:shadow_ani 0.6s ease-in-out both;
}


.value_grass_shadow img{
    width:auto;
    height:auto;
    position:absolute;
}

.value_leftTop_shadow01,.value_leftTop_shadow02,.value_leftTop_shadow03{
    left:0;
    top:0;
}
.value_leftBottom_shadow01,.value_leftBottom_shadow02{
    left:0;
    bottom:0;
}
.value_rightTop_shadow01,.value_rightTop_shadow02,.value_rightTop_shadow03{
    right:0;
    top:0;
}
.value_rightBottom_shadow01,.value_rightBottom_shadow02{
    right:0;
    bottom:0;
}

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

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



.value_tit h1{
    color:rgb(226,200,109);
    position:relative;
}

.value_tit{
    /* height:0; */
    animation-delay:1.2s;
    opacity:0;
    transform:translateY(20%);
    padding-bottom:50px;
    padding-top: 20vw;
}

.value_tit_tit{
    transition:opacity 1s ease-in-out;
}

.value_text{
    width:100%;
    display:flex;
    flex-direction:column;
    justify-content: space-around;
    align-items: center;
    position:relative;
    transition:all 1s ease-in-out;
}

.sharing,.difference,.trust{
    width:320px;
    height:80px;
    border-radius: 40px;
    background-color: rgba(266,266,266,0.03);
    -webkit-background-color:rgba(266,266,266,0.03);
    -moz-background-color:rgba(266,266,26,0.03);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    -moz-backdrop-filter:blur(12px);
    display: flex;
    justify-content: center;
    align-items: center;
    /* color:white; */
    border-style: solid;
    border-width: 2px 0 0 2px;
    border-color:rgba(266,266,266,0.2);
    box-shadow:20px 20px 10px 5px rgba(0,0,0,0.3) ;
    opacity:0;
    transform:translateY(20%);
    animation-delay: 1.5s;
    transition:all 1s ease-in-out;
    position:relative;
}
.sharing,.difference{
    margin-bottom: 76px;
}

@media (max-height:740px){
    .value_tit{
        padding-bottom:30px;
    }
    .sharing,.difference{
        margin-bottom: 50px; 
    }

}



.background{
    background-color: rgba(266,266,266,0.03);
    -webkit-background-color:rgba(266,266,266,0.03);
    -moz-background-color:rgba(266,266,26,0.03);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    -moz-backdrop-filter:blur(12px);
}



.sharing_icon{
    display:none;
    width:183px;
    height:auto;
    animation:text_ani 0.6s ease-in-out 1s both;
    transform:translateY(20%);
    opacity:0;
}
.difference_icon{
    display:none;
    width:160px;
    height:auto;
    animation:text_ani 0.6s ease-in-out 1s both;
    transform:translateY(20%);
    opacity:0;
}

.trust_icon{
    display:none;
    width:210px;
    height:auto;
    animation:text_ani 0.6s ease-in-out 1s both;
    transform:translateY(20%);
    opacity:0;
}

.sharing_tit{
    cursor: pointer;
}
.difference_tit{
    cursor:pointer;
}
.trust_tit{
    cursor:pointer;
}

.sharing_text{
    display:none;
    width:343px;
    position:relative;
    padding-top:30px;
    padding-bottom:48px;
    /* text-align:center; */
    animation:text_ani 0.6s ease-in-out 1s both;
    transform:translateY(20%);
    opacity:0;
}

.difference_text{
    display:none;
    width:343px;
    position:relative;
    padding-top:30px;
    padding-bottom: 48px;
    /* text-align: center; */
    animation:text_ani 0.6s ease-in-out 1s both;
    transform:translateY(20%);
    opacity:0;
}

.trust_text{
    display:none;
    width:343px;
    position:relative;
    padding-top:30px;
    padding-bottom:48px;
    /* text-align: center; */
    animation:text_ani 0.6s ease-in-out 1s both;
    transform:translateY(20%);
    opacity:0;
}

._return{
    display:none;
    width:100px;
    height:50px;
    text-align: center;
    animation:text_ani 0.6s ease-in-out 1s both;
    transform:translateY(20%);
    opacity:0;
    cursor:pointer;
    padding-bottom: 100px;
}




.shadow{
    transform:scale(0);
}

.center{
    transform:scaleY(0);
    transform-origin: bottom center;
}

.v_active{
    width:100%;
    height:100vh;
    height:100dvh;
    border-radius:0;
    border:0;
    box-shadow: none;
    background-color: rgba(0,0,0,0.2);
    backdrop-filter: blur(15px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.tit_active{
    color:rgb(226,200,109);
    animation:text_ani 0.6s ease-in-out 1s both;
    transform:translateY(20%);
    opacity:0;
    padding-top: 100px;
    padding-bottom: 30px;
}








.fund{
    width:100%;
    height:100vh;
    height:100dvh;
    height:auto;
    position:relative;
    display:flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    /* background-color: rgb(229,246,209); */
}
.fund_title{
    padding-top:80px;
    padding-bottom: 20px;
    text-align: center;
}

.fund_title h1{
    font-size: 20px;
    color:#00632A;
}


.fund_container{
    position:relative;
    width:343px;
    height:auto;
    display:flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 150px;
}
.backdrop_filter{
    width:100%;
    height:100%;
    position:absolute;
    background-color: rgba(255,255,255,0.1);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(10px);
    -moz-backdrop-filter:blur(10px);
    top:0;
    left:0;
}

.fund_content{
    width:315px;
    height:auto;
    display:flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding:20px 14px;
}

.fund_content_list{
    width:100%;
    height:auto;
    display:flex;
    flex-direction: column;
    justify-content:flex-start;
    align-items: flex-start;
    margin-bottom: 36px;
    opacity:0;
    transform:translateY(80px);
}

.fund_content_list04{
    margin-bottom:0;
}

.fund_content_list_title{
    position:relative;
    width:100%;
    height:48px;
    border: solid 1px black;
    display: flex;
    justify-content: center;
    align-items: center;
}


.fund_content_list_text{
    position:relative;
    width:100%;
    height:auto;
    display:flex;
    justify-content: flex-start;
    align-items: center;
    border-bottom: solid 1px black;
    padding:12px 0;
}

.fund_content_list_text h5{
    font-weight: 550;
}

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











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

.info_title{
    padding-top: 80px;
    opacity:0;
    transform:translateY(80px);
    padding-bottom: 20px;
}

.info_title h1{
    color:#00632A;
    font-size: 24px;
}

.info_container{
    width:343px;
    position:relative;
    display:flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 150px;
    border-radius: 10px;
}
.info_backdrop_filter{
    transform:translateY(0);
    border:solid 1px black;
}

.info_filter_ani{
    animation:filter_opa_ani 0.6s ease-in-out 1s both;
}

@keyframes filter_opa_ani{
    from{
        opacity:0;
    }
    to{
        opacity:1;
    }
}

.info_content{
    width:315px;
    position:relative;
    display:flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding:30px 14px;
}

.info_content_list{
    width:100%;
    position:relative;
    border-bottom: solid 1px black;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding:16px 0 10px;
    opacity:0;
    transform:translateY(80px);
}

.info_content_list01{
    padding-top: 0;
}

.info_content_list08{
    border-bottom: none;
    padding-bottom: 0;
}


.info_content_list_title{
    width:100%;
    height:auto;
    display:flex;
    justify-content:flex-start;
    padding-bottom: 8px;
}


.info_content_list_text{
    position:relative;
    display:flex;
    justify-content: flex-start;
    align-items: flex-start;
    width:100%;
}

.info_content_list_text h5{
    font-weight: 500;
}














.service{
    transform:scaleY(0);
    transform-origin:left bottom;
}

.service_mori_content{
    display:none;
    position:fixed;
    width:115%;
    height:100%;
    right:0;
    bottom:0;
    background-color:rgb(229,246,209);
}

.service_mori_content img{
    width:100%;
    height:auto;
    position:absolute;
    right:0;
    bottom:0;
}

/* .service_dark{
    width:100%;
    height:100vh;
    height:100dvh;
    position:absolute;
    top:0;
    left:0;
}

.service_dark img{
    width:100%;
    height:100vh;
    height:100dvh;
} */











.s6{
    display:flex;
    flex-direction:column;
    width:100vw;
    height:100vh;
    height:100dvh; 
    justify-content:flex-start;
    align-items: center;
}

@media (max-height: 877px){
    .s6{
        height:877px;
    }
}
.contact_tit{
    width:100%;
    position:relative;
    text-align: center;
    padding-bottom:30px;
    padding-top: 100px;
}

.contact_logo{
    width:250px;
    height:auto;
    padding-bottom:30px;
    position:relative;
}

.contact_content{
    width:343px;
    position:relative;
    height:auto;
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
    align-items: center;
    margin-bottom: 150px;
}

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

.contact_text01_tit{
    padding-bottom: 10px;
    text-align: center;
    width:100%;
}

.contact_text01_text01{
    padding-bottom: 60px;
}

.contact_text01_text02{
    text-align: center;
}
.document_title{
    padding-bottom:10px;
}

.contact_pt01{
    padding-bottom:10px;
}



.contact_text02{
    width:100%;
    height: auto;
    position:relative;
    display:flex;
    flex-direction: column;
    justify-content:space-around;
    align-items: flex-start;
    margin-top:60px;
}

.address,.phone{
    padding-bottom: 36px;
}


.address,.phone,.mail{
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.address_text,.phone_text,.mail_text{
    position:relative;
    padding-left:16px;
}




.contact_text02 img{
    width:30px;
    height:auto;
}


.contact_footer{
    position:absolute;
    bottom:20px;
    display:flex;
    justify-content: center;
}

.contact{
    opacity:0;
    transform:translateY(50%);
}




/* ---------------------다크모드 온------------------------- */
.darkback{
    background:rgb(0,40,23);
}

.whitefont{
    color:white;
}

.maintext{
    font-size: 2.2rem;
    font-weight: 400;
    color:rgb(226,200,109);
}

.abouttext{
    font-weight: 300;
    color:white;
}
}