@charset "utf-8";
/*--京home.css--*/
/* ##########PC########## */
.contents{
    padding-top: 0;
    padding-bottom: 0;
}

/*main_visual*/
.main_visual{
    height: calc(100vh - 9rem);
    position: relative;
    z-index: 1;
    margin-bottom: 6rem;
}
    .mv_slider{
        position: relative;
    }

    .mv_slider .slide_obj{
        width: 100vw;
        height: calc(100vh - 9rem);
        min-height: 500px;
        border-bottom-right-radius: 2000px 1200px;
        border-bottom-left-radius: 2000px 1200px;
        margin-left: -200px;
        margin-right: -200px;
        padding-left: 200px;
        padding-right: 200px;
        overflow: hidden;
        position: relative;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
    }

        .mv_slider .slide_obj.slide1{
            background-image: url(../shared/home/bg_mv1.jpg);
        }

        .mv_slider .slide_obj.slide2{
            background-image: url(../shared/home/bg_mv1.jpg);
        }

        .mv_slider .slide_obj.slide3{
            background-image: url(../shared/home/bg_mv1.jpg);
        }

        .mv_slider .slide_obj.slide4{
            background-image: url(../shared/home/bg_mv1.jpg);
        }

    .mv_slider .slick-dots{
        bottom: -3rem;
    }

    .mv_slider .slick-dots li button:before{
        font-size: 0.5rem;
        color: var(--base_color2);
    }

    .main_visual > .box_inner{
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        width: 100%;
        height: calc(100vh - 9rem);
    }

    .main_visual > .box_inner .main_visual_title_lead_en{
        box-sizing: border-box;
        width: 100%;
        height: 100%;
        position: relative;
        display: flex;
        flex-direction: column;
        /*padding-top: calc(7vh + 8.75rem);*/
        padding-top: 20vh;
        padding-left: 10vw;
    }

        .main_visual > .box_inner .main_visual_title_lead_en img{
            height: 100%;
            width: auto;
        }

        .main_visual > .box_inner .main_visual_title{
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            gap: 1.5rem;
        }

            .main_visual > .box_inner .main_visual_title img{
                height: 100%;
                width: auto;
            }

            .main_visual > .box_inner .main_visual_title .lbl1{
                display: block;
                min-width: 0;
                transition: 1s all ease;
                opacity: 0;
                filter: blur(20px);
                overflow: hidden;
            }

            .main_visual.init > .box_inner .main_visual_title .lbl1{
                opacity: 1;
                filter: blur(0);
            }

                .main_visual > .box_inner .main_visual_title .lbl1 .lbl1_1,
                .main_visual > .box_inner .main_visual_title .lbl1 .lbl1_2{
                    height: 5.25rem;
                    display: inline-block;
                }

            .main_visual > .box_inner .main_visual_title .lbl2{
                height: 4rem;
                transition: 1s all ease;
                opacity: 0;
                filter: blur(20px);
            }

            .main_visual.init > .box_inner .main_visual_title .lbl2{
                opacity: 1;
                filter: blur(0);
            }

        .main_visual > .box_inner .main_visual_lead_en{
            margin-top: 2rem;
            height: 4rem;
            transition: 1s all ease;
            transition-delay: .5s;
            opacity: 0;
            filter: blur(20px);
        }

        .main_visual.init > .box_inner .main_visual_lead_en{
            opacity: 1;
            filter: blur(0);
        }

    .fig_items{
        position: absolute;
        left: 0;
        width: 100%;
    }

        .fig_items ul{
            position: relative;
        }

        .fig_items ul li{
            position: absolute;
            transition: 1s all ease;
            transition-delay: .8s;
            opacity: 0;
        }

        .show .fig_items ul li{
            opacity: 1;
        }

        .fig_items img{
            max-width: 100%;
            height: auto;
        }


    .main_visual > .fig_items{
        bottom: 0;
        z-index: 2;
    }

        .main_visual > .fig_items > ul li.fig1{
            /*width: 19.25rem;*/
            width: 34vh;
            /*bottom: -5rem;*/
            bottom: -5vh;
            left: calc(50% - 38rem);
        }

        .main_visual > .fig_items > ul li.fig2{
            width: 10rem;
            bottom: -4rem;
            right: calc(50% - 40rem);
        }

.products_activity_box{
    position: relative;
    z-index: 2;
    margin-bottom: 5em;
}

    .products_activity_box > .box_inner{
        position: relative;
        z-index: 1;
    }

    .products_activity_box > .box_inner > ul{
        display: flex;
        justify-content: center;
        gap: 4em;
    }

    .products_activity_box > .box_inner > ul > li{
        transition: 1s all ease;
        transform: translateY(0.5rem);
        opacity: 0;
    }

    .products_activity_box > .box_inner > ul > li.for_activity{
        transition-delay: .3s;
    }

    .products_activity_box.show > .box_inner > ul > li{
        transform: translateY(0);
        opacity: 1;
    }

        .products_activity_box > .box_inner > ul > li a{
            display: block;
            position: relative;
            width: 28rem;
            color: var(--base_color1);
            text-decoration: none;
            transition: .3s all ease;
        }

        .products_activity_box > .box_inner > ul > li a:hover{
            transform: scale(1.03);
        }

            .products_activity_box > .box_inner > ul > li a::before{
                content: "";
                display: block;
                width: 100%;
                aspect-ratio: 448 / 200;
                position:absolute;
                bottom: 0;
                left: 0;
                z-index: 0;
                background: rgba(0,0,0,0.1);
                border-radius: 1rem;
                transform: translate(0.25rem, 0.25rem);
                transition: .3s all ease;
            }

            .products_activity_box > .box_inner > ul > li.for_products a:hover::before{
                background: #188254;
            }

            .products_activity_box > .box_inner > ul > li.for_activity a:hover::before{
                background: #c89307;
            }

            .products_activity_box > .box_inner > ul > li a .fig{
                position: relative;
                z-index: 1;
            }

                .products_activity_box > .box_inner > ul > li a .fig img{
                    max-width: 100%;
                    height: auto;
                }
                

            .products_activity_box > .box_inner > ul > li a p{
                box-sizing: border-box;
                display: flex;
                justify-content: center;
                align-items: center;
                position: absolute;
                left: 0;
                bottom: 0;
                z-index: 2;
                background: rgba(255,255,255,0.8);
                width: 100%;
                height: 4.5rem;
                padding-top: 0.1em;
                line-height: 1.5;
                text-align: center;
                border-radius: 0 0 1rem 1rem;
                font-weight: 500;
            }

    .products_activity_box > .fig_items{
        top: 0;
        z-index: 0;
    }

        .products_activity_box > .fig_items > ul li.fig1{
            width: 12.5rem;
            top: 5rem;
            left: calc(50% - 44rem);
        }

        .products_activity_box > .fig_items > ul li.fig2{
            width: 16rem;
            top: -7rem;
            right: calc(50% - 42rem);
        }

.producers_box{
    background-image: url(../shared/fig_bg_yellow.png);
    background-size: 0.8125rem auto;
    position: relative;
    z-index: 3;
    padding: 5em 0 3.5em;
    opacity: 0;
    transition: 1s all ease;
    transition-delay: .5s;
}

.producers_box.show{
    opacity: 1;
}

    .producers_box > .box_header{
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-bottom: 3em;
        position: relative;
        z-index: 1;
    }

        .producers_box > .box_header p{
            color: var(--base_color2);
            font-family: var(--font_family2);
            font-weight: 500;
            margin-bottom: 1em;
        }

        .producers_box > .box_header h2{
            font-size: 2em;
            font-weight: 600;
        }

    .producers_box > .box_inner{
        max-width: 66rem;
        margin: 0 auto 2em;
        position: relative;
        z-index: 1;
    }

        .producers_slider .slide_obj{
            width: 20rem;
            padding: 0 1rem;
            margin: 0.5rem 0;
        }

            .producers_slider .slide_obj a{
                color: var(--base_color1);
                background: #fff;
                text-decoration: none;
                display: flex;
                flex-direction: column;
                border-radius: 1rem;
                overflow: hidden;
                box-shadow: 0 0 10px 1px rgba(0,0,0,0.1);
                transition: .3s all ease;
            }

            .producers_slider .slide_obj a:hover{
                background: var(--base_color9);
                box-shadow: 0 0 10px 1px rgba(0,0,0,0.1), 0 0 0 2px var(--base_color2);
            }

                .producers_slider .slide_obj a .fig{}

                .producers_slider .slide_obj a .fig img{
                    max-width: 100%;
                    height: auto;
                    transition: .3s all ease;
                }

                .producers_slider .slide_obj a:hover .fig img{
                    transform: scale(1.05);
                    filter: brightness(1.1);
                }

                .producers_slider .slide_obj a .producer_info{
                    display: flex;
                    flex-direction: column;
                    align-items: center;
                    line-height: 1.4;
                    padding: 1.5em;
                    /*min-height: 9.5rem;*/
                }

                .producers_slider .slide_obj a .producer_info h3{
                    font-weight: 600;
                    font-size: 1.28em;
                    color: var(--base_color2);
                }

                .producers_slider .slide_obj a .producer_info .products_list{
                    /*margin: 1em 0;*/
                    margin: 0.5em 0 0 0;
                }

                .producers_slider .slide_obj a .producer_info .desc{
                    opacity: 0.8;
                }

        .producers_slider .slick-prev,
        .producers_slider .slick-next{
            width: 2rem;
            height: auto;
            aspect-ratio: 64 / 96;
            background-repeat: no-repeat;
            background-size: contain;
            z-index: 2;
            transition: .3s all ease;
        }

        .producers_slider .slick-prev::before,
        .producers_slider .slick-next::before{
            content: none;
        }

        .producers_slider .slick-prev{
            background-image: url(../shared/icon_slide_arrow_l.png);
            left: -3rem;
        }

        .producers_slider .slick-next{
            background-image: url(../shared/icon_slide_arrow_r.png);
            right: -3rem;
        }

    .producers_box > .box_footer{
        display: flex;
        justify-content: center;
        position: relative;
        z-index: 1;
    }

        .producers_box > .box_footer .more a{
            box-sizing: border-box;
            display: flex;
            align-items: center;
            gap: 1em;
            height: 3.75rem;
            padding: 0 0.75rem 0 3em;
            text-decoration: none;
            color: #fff;
            background: var(--base_color2);
            border-radius: 100vh;
            border: 2px solid var(--base_color2);
            position: relative;
            overflow: hidden;
            transition: .6s all ease;
        }

        .producers_box > .box_footer .more a:hover{
            color: var(--base_color2);
        }

            .producers_box > .box_footer .more a::before{
                content: "";
                display: block;
                height: 20rem;
                aspect-ratio: 1 / 1;
                border-radius: 50%;
                position: absolute;
                left: 0;
                top: calc(50% - 10rem);
                z-index: 0;
                background: #fff;                
                transform: scale(0);
                transform-origin: left center;
                transition: .6s all ease;
            }

            .producers_box > .box_footer .more a:hover::before{
                opacity: 1;
                transform: scale(1);
            }

            .producers_box > .box_footer .more a .lbl{
                padding-top: 0.1em;
                position: relative;
                z-index: 1;
            }

            .producers_box > .box_footer .more a::after{
                content: "";
                width: 2.25rem;
                aspect-ratio: 1 / 1;
                border-radius: 50%;
                background-color: #fff;
                background-image: url(../shared/icon_arrow_bk.png);
                background-size: 1rem auto;
                background-position: center center;
                background-repeat: no-repeat;
                position: relative;
                z-index: 1;
                transition: .6s all ease;
            }

            .producers_box > .box_footer .more a:hover::after{
                background-color: var(--base_color2);
                background-image: url(../shared/icon_arrow_w.png);
            }



    .producers_box > .fig_items{
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 0;
    }

    .producers_box > .fig_items ul{
        width: 100%;
        height: 100%;
    }

    .producers_box > .fig_items ul li.fig1,
    .producers_box > .fig_items ul li.fig2,
    .producers_box > .fig_items ul li.fig3,
    .producers_box > .fig_items ul li.fig4,
    .producers_box > .fig_items ul li.fig5,
    .producers_box > .fig_items ul li.fig6{
        width: 10rem;
    }

    .producers_box > .fig_items ul li.fig1{
        top: 0;
        left: calc(50% - 37rem);
    }

    .producers_box > .fig_items ul li.fig2{
        top: 11rem;
        left: calc(50% - 44rem);
    }

    .producers_box > .fig_items ul li.fig3{
        top: -2rem;
        right: calc(50% - 28rem);
    }

    .producers_box > .fig_items ul li.fig4{
        top: 3rem;
        right: calc(50% - 39rem);
    }

    .producers_box > .fig_items ul li.fig5{
        bottom: -4.5rem;
        left: calc(50% - 34rem);
    }

    .producers_box > .fig_items ul li.fig6{
        bottom: -6.5rem;
        right: calc(50% - 34rem);
    }

.common_box{
    max-width: 1060px;
    margin: 0 auto;
}

    .common_box > .box_inner{
        display: flex;
        gap: 5em;
    }

        .common_box > .box_inner .text{
            line-height: 1.8;
            width: 50%;
            transition: 1s all ease;
            transition-delay: .6s;
            opacity: 0;
        }

        .common_box.show > .box_inner .text{
            opacity: 1;
        }

            .common_box > .box_inner .text .section_label{
                font-weight: 700;
                color: var(--base_color2);
                font-size: 1.2em;
                margin-bottom: 0.5em;
            }

            .common_box > .box_inner .text h2{
                font-size: 2em;
                font-weight: 500;
                line-height: 1.6;
                margin-bottom: 1em;
            }

            .common_box > .box_inner .text .desc{
                font-size: 1.05em;
            }

            .common_box > .box_inner .text .more{
                display: flex;
                justify-content: center;
                margin-top: 2em;
            }

                .common_box > .box_inner .text .more a{
                    position: relative;
                    box-sizing: border-box;
                    display: flex;
                    align-items: center;
                    gap: 1em;
                    height: 3.75rem;
                    padding: 0 0.75rem 0 3em;
                    text-decoration: none;
                    border: 1px solid var(--base_color2);
                    color: var(--base_color2);
                    background: var(--base_color8);
                    border-radius: 100vh;
                    overflow: hidden;
                    transition: .3s all ease;
                }

                    .common_box > .box_inner .text .more a .lbl{
                        padding-top: 0.1em;
                        position: relative;
                        z-index: 1;
                    }

                    .common_box > .box_inner .text .more a::before{
                        content: "";
                        display: block;
                        height: 20rem;
                        aspect-ratio: 1 / 1;
                        border-radius: 50%;
                        position: absolute;
                        left: 0;
                        top: calc(50% - 10rem);
                        z-index: 0;
                        background: var(--base_color2);
                        transform: scale(0);
                        transform-origin: left center;
                        transition: .6s all ease;
                    }

                    .common_box > .box_inner .text .more a::after{
                        position: relative;
                        z-index: 1;
                        content: "";
                        width: 2.25rem;
                        aspect-ratio: 1 / 1;
                        border-radius: 50%;
                        background-color: var(--base_color2);
                        background-image: url(../shared/icon_arrow_w.png);
                        background-size: 1rem auto;
                        background-position: center center;
                        background-repeat: no-repeat;
                        transition: .6s all ease;
                    }

                    .common_box > .box_inner .text .more a:hover::before{
                        background: var(--base_color2);
                        transform: scale(1);
                        opacity: 1;
                    }

                    .common_box > .box_inner .text .more a:hover{
                        color: #fff;
                    }

                    .common_box > .box_inner .text .more a:hover::after{
                        background-color: #fff;
                        background-image: url(../shared/icon_arrow_bk.png);
                    }

        .common_box > .box_inner .fig_wrapper{
            flex: 1;
            position: relative;
            transition: 1s all ease;
            transition-delay: .3s;
            opacity: 0;
            transform: translateY(1rem);
        }

        .common_box.show > .box_inner .fig_wrapper{
            opacity: 1;
            transform: translateY(0);
        }

            .common_box > .box_inner .fig_wrapper .fig{
                position: absolute;
                border-radius: 1rem;
                overflow: hidden;
            }

                .common_box > .box_inner .fig_wrapper .fig img{
                    max-width: 100%;
                    height: auto;
                }

.thought_box_wrapper{
    width: 100%;
    overflow: hidden;
}

.thoght_box{
    position: relative;
    z-index: 2;
    padding-top: 10em;
    margin-bottom: 7em;
}

    .thoght_box > .box_inner .fig_wrapper .fig{
        width: 54.5rem;
        top: 0;
        left: 0;
    }

    .thoght_box > .fig_items{
        top: 0;
    }

    .thoght_box > .fig_items ul li.fig1{
        width: 10rem;
        top: 1rem;
        left: calc(50% - 11rem);
    }

.organic_farming_box{
    position: relative;
    padding-bottom: 5em;
}

    .organic_farming_box > .box_inner{
        flex-direction: row-reverse;
    }

    .organic_farming_box > .box_inner .fig_wrapper .fig{
        width: 27.5rem;
        top: 0;
        right: 0;
    }

    .organic_farming_box > .fig_items{
        top: 0;
    }

    .organic_farming_box > .fig_items ul li.fig1{
        width: 10rem;
        top: -5rem;
        right: calc(50% - 36rem);
    }


.news_box_wrapper{
    background-image: url(../shared/fig_bg_glay.png);
    background-size: 0.8125rem auto;
    padding: 5em;
    transition: 1s all ease;
    transition-delay: .5s;
    opacity: 0;
}

.news_box_wrapper.show{
    opacity: 1;
}

    .news_box{
        max-width: 66rem;
        margin: 0 auto;
        display: flex;
    }

    .news_box > .box_header{
        box-sizing: border-box;
        width: 11.25rem;
        min-height: 17rem;
        padding-top: 4.5rem;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-between;
        gap: 1em;
    }

        .news_box > .box_header .lbl_en_h2{
            display: flex;
            flex-direction: column;
            align-items: center;
        }

        .news_box > .box_header .lbl_en{
            font-family: var(--font_family2);
            color: var(--base_color2);
            margin-bottom: 1em;
        }

        .news_box > .box_header h2{
            font-weight: 700;
            font-size: 1.6em;
        }

        .news_box .more{
            width: 100%;
        }

        .news_box .more a{
            box-sizing: border-box;
            display: flex;
            justify-content: flex-end;
            align-items: center;
            gap: 1em;
            width: 100%;
            height: 3.75rem;
            padding: 0 0.75rem 0 0;
            text-decoration: none;
            color: #fff;
            background: var(--base_color2);
            border: 2px solid var(--base_color2);
            border-radius: 100vh;
            position: relative;
            overflow: hidden;
            transition: .6s all ease;
        }

        .news_box .more a:hover{
            color: var(--base_color2);
        }

            .news_box .more a::before{
                content: "";
                display: block;
                height: 20rem;
                aspect-ratio: 1 / 1;
                border-radius: 50%;
                position: absolute;
                left: 0;
                top: calc(50% - 10rem);
                z-index: 0;
                background: #fff;                
                transform: scale(0);
                transform-origin: left center;
                transition: .6s all ease;
            }

            .news_box .more a:hover::before{
                opacity: 1;
                transform: scale(1);
            }

            .news_box .more a .lbl{
                padding-top: 0.1em;
                position: relative;
                z-index: 1;
            }

            .news_box .more a::after{
                content: "";
                width: 2.25rem;
                aspect-ratio: 1 / 1;
                border-radius: 50%;
                background-color: #fff;
                background-image: url(../shared/icon_arrow_bk.png);
                background-size: 1rem auto;
                background-position: center center;
                background-repeat: no-repeat;
                position: relative;
                z-index: 1;
                transition: .6s all ease;
            }

            .news_box .more a:hover::after{
                background-color: var(--base_color2);
                background-image: url(../shared/icon_arrow_w.png);
            }


    .news_box > .box_inner{
        flex: 1;
        margin-left: 6rem;
    }

        .entry_list_box{
            line-height: 1.6;
        }

            .entry_list_box ul{}

                .entry_list_box ul li{
                    margin-bottom: 0.5em;
               }


                .entry_list_box ul li a{
                    color: var(--base_color1);
                    text-decoration: none;
                    display: flex;
                    align-items: center;
                    padding: 1em 1em 0.8em;
                    transition: .4s all ease;
                    border: 2px solid #ededed;
                    border-radius: 0.5rem;
                    background: #fff;
                }

                .entry_list_box ul li a:hover{
                    border-color: var(--base_color2);
                    background: var(--base_color9);
                }

                    .entry_list_box ul li a .entry_date_category{
                        display: flex;
                        align-items: center;
                        line-height: 1;
                    }

                    .entry_list_box ul li a .entry_date{
                        width: 6.5em;
                        color: var(--base_color2);
                        font-weight: 500;
                    }

                        .entry_list_box ul li a .entry_category{
                            width: 5em;
                            border-left: 1px solid var(--base_color1);
                            border-right: 1px solid var(--base_color1);
                            text-align: center;
                            display: flex;
                            flex-direction: column;
                            align-items: center;
                            gap: 0.3em;
                        }

                            .entry_list_box ul li a .entry_category .lbl_cat{
                                font-size: 0.94em;
                            }


                        .entry_list_box ul li a .entry_title{
                            flex: 1;
                            padding-left: 1em;
                        }

                        .entry_list_box ul li a:hover .entry_title{
                            color: var(--base_color2);
                            text-decoration: underline;
                        }


    .news_box > .box_footer{
        display: none;
    }


.cards_box{
    padding: 5em;
}

    .cards_box > .box_inner{}

        .cards_box > .box_inner ul{
            display: flex;
            justify-content: center;
            gap: 3em;
        }

            .cards_box > .box_inner ul li{
                transition: 1s all ease;
                opacity: 0;
                transform: translateY(0.5rem);
            }

            .cards_box > .box_inner ul li:nth-child(2){
                transition-delay: .3s;
            }

            .cards_box > .box_inner ul li:nth-child(3){
                transition-delay: .6s;
            }

            .cards_box.show > .box_inner ul li{
                opacity: 1;
                transform: translateY(0);
            }



                .cards_box > .box_inner ul li a{
                    display: flex;
                    flex-direction: column;
                    width: 20rem;
                    text-decoration: none;
                }

                .cards_box > .box_inner ul li a .icon_lbl_en{
                    box-sizing: border-box;
                    display: flex;
                    flex-direction: column;
                    align-items: center;
                    justify-content: flex-end;
                    background: var(--base_color3);
                    height: 8.75rem;
                    padding-bottom: 1rem;
                    gap: 0.75rem;
                    border-radius: 1rem;
                    margin-bottom: 1em;
                    transition: .3s all ease;
                }

                .cards_box > .box_inner ul li a .icon_lbl_en:hover{
                    transform: translateY(-0.25rem);
                    box-shadow: 0 0.125rem 10px 1px rgba(0,0,0,0.1);
                }

                .cards_box > .box_inner ul li a .icon{
                    width: 4rem;
                }

                    .cards_box > .box_inner ul li a .icon img{
                        max-width: 100%;
                        height: auto;
                    }

                .cards_box > .box_inner ul li a .lbl_en{
                    color: var(--base_color4);
                    font-family: var(--font_family2);
                    font-weight: 600;
                }

                .cards_box > .box_inner ul li a .lbl_ja{
                    box-sizing: border-box;
                    color: var(--base_color1);
                    font-size: 1.4em;
                    height: 2rem;
                    padding-top: 0.15em;
                    text-align: center;
                    position: relative;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                }

                .cards_box > .box_inner ul li a .lbl_ja::after{
                    content: "";
                    display: inline-block;
                    width: 2rem;
                    aspect-ratio: 1 / 1;
                    border-radius: 50%;
                    background-color: #dcdcdc;
                    background-image: url(../shared/icon_arrow_bk.png);
                    background-size: 1rem auto;
                    background-repeat: no-repeat;
                    background-position: center center;
                    position: absolute;
                    top: 0;
                    right: 0;
                }

@media screen and (min-width:1px) and (max-width:1920px) {
    .mv_slider .slide_obj{
        background-size: 1920px auto;
    }
}
   


@media screen and (min-width:1px) and (max-width:1400px) {

}

@media screen and (min-width:1px) and (max-width:1280px) {

}


@media screen and (min-width:1px) and (max-width:1200px) {

}

@media screen and (min-width:1px) and (max-width:1180px) {


}

@media screen and (min-width:1px) and (max-width:1080px) {

}



/*ipad*/
@media screen and (min-width:1px) and (max-width:1024px){
    .main_visual{
        height: 50vh;
    }

        .mv_slider .slide_obj{
            background-size: cover;
        }

        .main_visual > .box_inner{
            height: 50vh;
        }

        .main_visual > .box_inner .main_visual_title_lead_en{
            padding-top: calc(2vh + 8.75rem);
        }

        .mv_slider .slide_obj{
            height: 50vh;
        }

        .main_visual > .fig_items > ul li.fig1{
            left: 3vw;
            width: 19.25rem;
        }

        .main_visual > .fig_items > ul li.fig2{
            right: 3vw;
        }

    .products_activity_box > .box_inner > ul{
        gap: 3em;
        padding: 0 3vw;
    }

        .products_activity_box > .box_inner > ul > li{
            width: calc((100% - 3vw - 3em) / 2);
        }

        .products_activity_box > .box_inner > ul > li a{
            width: 100%;
        }

    .products_activity_box > .fig_items > ul li.fig1{
        left: 0;
    }

    .products_activity_box > .fig_items > ul li.fig2{
        right: 0;
    }

    .producers_box > .fig_items ul li.fig1{
        left: 0;
    }

    .producers_box > .fig_items ul li.fig2{
        left: 0;
    }

    .producers_box > .fig_items ul li.fig3{
        right: 9rem;
    }

    .producers_box > .fig_items ul li.fig4{
        right: 0;
    }

    .producers_box > .fig_items ul li.fig5{
        left: 0;
    }

    .producers_box > .fig_items ul li.fig6{
        right: 0;
    }

    .producers_box > .box_inner{
        width: 90vw;
    }

    .producers_slider .slide_obj{
        box-sizing: border-box;
        width: 30vw;
    }

    .common_box{}

        .common_box > .box_inner{
            gap: 3em;
        }

            .common_box > .box_inner .text{
                box-sizing: border-box;
            }

    .thoght_box > .box_inner .text{
        padding-left: 5vw;
    }

    .organic_farming_box > .box_inner .text{
        padding-right: 5vw;
    }

    .organic_farming_box > .fig_items ul li.fig1{
        right: 0;
    }

    .cards_box{
        padding-left: 5vw;
        padding-right: 5vw;
    }

        .cards_box > .box_inner ul{
            gap: 2em;
        }

        .cards_box > .box_inner ul li{
            width: calc((100% - 4em) / 3);
        }

        .cards_box > .box_inner ul li a{
            width: 100%;
        }


}

/* ##########SP横向き########## */
@media screen and (min-width:1px) and (max-width:768px) {


}

/* ##########SP########## */
@media screen and (min-width:1px) and (max-width:575px) {
    .contents{
        overflow: hidden;
    }

    .main_visual{
        height: 48vh;
        margin-bottom: 3.5rem;
    }

        .main_visual > .box_inner{
            height: 48vh;
        }

        .main_visual > .box_inner .main_visual_title_lead_en{
            padding-top: 22vw;
            padding-left: 8vw;
        }

        .mv_slider .slide_obj{
            height: 48vh;
            min-height: auto;
            min-height: initial;
        }


    .main_visual > .box_inner .main_visual_title{
        gap: 0.5rem;
    }

    .main_visual > .box_inner .main_visual_title .lbl1{
        flex-direction: column;
        height: auto;
        gap: 0.5rem;
    }

        .main_visual > .box_inner .main_visual_title .lbl1 .lbl1_1,
        .main_visual > .box_inner .main_visual_title .lbl1 .lbl1_2{
            height: 3rem;
        }

        .main_visual > .box_inner .main_visual_title .lbl2{
            height: calc(3rem / 168 * 128);
        }

        .main_visual > .box_inner .main_visual_lead_en{
            height: calc(3rem / 168 * 128);
            margin-top: 1rem;
        }

    .mv_slider .slick-dots{
        bottom: -2rem;
    }


    .main_visual > .fig_items > ul li.fig1{
        left: 0;
        bottom: -2rem;
        width: 35vw;
    }

    .main_visual > .fig_items > ul li.fig2{
        width: 20vw;
        bottom: -1.25rem;
    }


    .products_activity_box > .box_inner > ul{
        flex-direction: column;
        padding: 0 5vw;
        gap: 1.75em;
    }

        .products_activity_box > .box_inner > ul > li{
            width: 100%;
        }

    .products_activity_box > .fig_items > ul li.fig1{
        top: 14.5rem;
        left: -2rem;
        width: 20vw;
    }

    .products_activity_box > .fig_items > ul li.fig2{
        top: -4rem;
        right: -1rem;
        width: 25vw;
    }

    .producers_box{
        padding: 3em 0 2em;
    }

        .producers_box > .box_header{
            margin-bottom: 1.5em;
        }

        .producers_box > .box_header h2{
            font-size: 1.8em;
        }

        .producers_box > .box_inner{
            width: 100vw;
            margin-bottom: 1.5em;
        }

        .producers_slider .slide_obj{
            width: 70vw;
            padding: 0 1.125rem;
        }

            .producers_slider .slick-prev, .producers_slider .slick-next{
                width: 1.5rem;
            }

            .producers_slider .slick-prev{
                left: 9vw;
            }

            .producers_slider .slick-next{
                right: 9vw;
            }

        .producers_box > .box_footer .more a{
            height: 3rem;
            padding-right: 0.5rem;
        }

            .producers_box > .box_footer .more a::after{
                width: 2rem;
            }

    .producers_box > .fig_items ul li.fig1{
        width: 20vw;
        left: 3.5rem;
    }

    .producers_box > .fig_items ul li.fig2{
        width: 20vw;
        left: 0;
        top: 5.5rem;
    }

    .producers_box > .fig_items ul li.fig3{
        width: 20vw;
        right: 1vw;
    }

    .producers_box > .fig_items ul li.fig4{
        display: none;
    }

    .producers_box > .fig_items ul li.fig5{
        width: 20vw;
        bottom: -2rem;
    }

    .producers_box > .fig_items ul li.fig6{
        display: none;
    }

    .common_box > .box_inner{
        gap: 1.5em;
    }

    .common_box > .box_inner .text{
        width: 100%;
    }

        .common_box > .box_inner .text h2{
            font-size: 1.6em;
            margin-bottom: 0.8em;
        }

        .common_box > .box_inner .text .more a{
            height: 3rem;
            padding-right: 0.5rem;
        }

        .common_box > .box_inner .text .more a::after{
            width: 2rem;
        }

    .thoght_box{
        padding-top: 3em;
        margin-bottom: 3em;
    }

        .thoght_box > .box_inner{
            flex-direction: column-reverse;
        }

        .thoght_box > .box_inner .fig_wrapper .fig{
            position: relative;
            width: 130vw;
            left: 7vw;
        }

        .thoght_box > .box_inner .text{
            padding: 0 8vw;
        }

        .common_box > .box_inner .text .desc{
            font-size: 1.08em;
        }

        .thoght_box > .fig_items ul li.fig1{
            top: 25.5rem;
            left: auto;
            right: 1rem;
            width: 20vw;
        }

    .organic_farming_box{
        padding-bottom: 3em;
    }

    .organic_farming_box > .box_inner{
        display: block;
        position: relative;
    }

        .organic_farming_box > .box_inner .text{
            padding: 0 8vw;
        }

            .organic_farming_box > .box_inner .text .section_label,
            .organic_farming_box > .box_inner .text h2{
                margin-left: calc(23vw + 1.5rem);
            }

        .organic_farming_box > .box_inner .fig_wrapper{
            position: absolute;
            top: 0;
            left: -1vw;
            width: 100%;
        }

            .organic_farming_box > .box_inner .fig_wrapper .fig{
                position: relative;
                width: 33vw;
                border-top-left-radius: 0;
                border-bottom-left-radius: 0;
             }

        .organic_farming_box > .fig_items ul li.fig1{
            width: 20vw;
            top: -3rem;
            right: 1rem;
        }



    .news_box_wrapper{
        padding: 3em 5vw;
    }

        .news_box{
            flex-direction: column;
        }

            .news_box > .box_header{
                width: auto;
                margin-bottom: 1.5em;
                min-height: auto;
                min-height: initial;
                padding-top: 0;
            }

            .news_box > .box_header .more{
                display: none;
            }

            .news_box > .box_inner{
                margin-left: 0;
                margin-bottom: 1em;
            }

                .entry_list_box ul li a{
                    flex-direction: column;
                    align-items: stretch;
                }

                .entry_list_box ul li a .entry_date_category{
                    margin-bottom: 0.4em;
                }

                .entry_list_box ul li a .entry_category{
                    width: auto;
                    flex-direction: row;
                    padding: 0 0.5em;
                }

                .entry_list_box ul li a .entry_title{
                    padding-left: 0;
                }

            .news_box > .box_footer{
                display: flex;
                justify-content: center;
            }

            .news_box > .box_footer .more{
                width: auto;
            }

            .news_box > .box_footer .more a{
                padding-left: 3em;
                padding-right: 0.5rem;
                height: 3rem;
            }

                .news_box .more a::after{
                    width: 2rem;
                }

    .cards_box{
        padding-top: 2em;
        padding-bottom: 2.25em;
    }

        .cards_box > .box_inner ul{
            gap: 1em;
        }

            .cards_box > .box_inner ul li {
                width: calc((100% - 2em) / 3);
            }

            .cards_box > .box_inner ul li a .icon_lbl_en{
                height: 6.5rem;
                padding-bottom: 0.75rem;
                gap: 0.675rem;
            }

                .cards_box > .box_inner ul li a .icon{
                    width: 3rem;
                }

                .cards_box > .box_inner ul li a .lbl_en{
                    font-size: 0.9em;
                }

                .cards_box > .box_inner ul li a .lbl_ja{
                    font-size: 1.1em;
                    height: auto;
                    padding: 0;
                }

                    .cards_box > .box_inner ul li a .lbl_ja::after{
                        content: none;
                    }


}


/* ##########印刷用########## */
@media print{


}