@charset "UFT-8";

/* ============================
common
=============================== */
:root{
    --black:#333333;
    --beige:#FBF7EE;
    --beige-faq:#F5F2EA;
    --green:#006532;
    --orange-btn:#FFAF41;
    --orange-txt:#FF762D;
    --red:#E32203;
    --white:#FCFCFC;
    --white-tryal:#ffffff;
    --yellow:#FFFBDA;
    --contentPadding:5.8%;
}

html{
    font-size: 62.5%;
}

body{
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 400;
    color: var(--black);
    background-color: var(--white);
    line-height: 1.8;
}

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

.btn{
    display: block;
    max-width: 270px;
    margin: 0 auto;
}

.btn__txt{
    text-align: center;
    font-size: 1.6rem;
    line-height: 1.3; /* 23.4px */
}

.btn__link{
    display: flex;
    padding: 20px 30px;
    justify-content: center;
    align-items: center;
    gap: 0 10px;
    border-radius: 40px;
    background-color: var(--orange_btn, #FFAF41);
    box-shadow: 2px 4px 4px 0px rgba(227, 34, 3, 0.25);
    margin-top: 10px;
    color: var(--black, #333);
    text-align: center;
    font-size: 1.6rem;
    line-height: 1.3; /* 23.4px */
    transition: 0.4s;
}

.btn__link::after{
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    background-image: url(../img/btn_right.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.btn__link--down::after{
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    background-image: url(../img/btn_down.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.btn__link:hover{
    opacity: 0.5;
}

.br__pc{
    display: none;
}

.br__sp--btn{
    display: block;
}

/* common pc */
@media screen and (min-width:350px) {
    .br__sp--btn{
        display: none;
    }
}

@media screen and (min-width:769px) {
    .btn{
        max-width: 300px;
    }

    .btn__txt{
        font-size: 1.6rem;
    }

    .btn__link{
        max-width: 300px;
        font-size: 1.8rem;
        margin: 5px auto 0;
    }

     .br__pc{
        display: block;
    }

    .br__sp{
        display: none;
    }
}
/* pc 769px */

/* ============================
nav
=============================== */
.nav{
    background-color: var(--white);
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    transform: translateX(100%);
    transition: transform 0.4s;
}

.nav__header{
    display: flex;
    padding: 10px 6.6%;
    justify-content: space-between;
    align-items: center;
}

.nav__logo img{
    width: 110px;
    height: 32px;
    object-fit: contain;
}

.nav__close{
    width: 20px;
    height: 20px;
    object-fit: contain;
}

.nav__list{
    padding: 45px 12%;
    background-image: url(../img/tryal_background_4.png);
    height: 100vh;

}

.nav__item{
    display: flex;
    align-items: center;
    font-family: "Noto Serif JP";
    font-size: 2.2rem;
    line-height: 1.3; /* 28.6px */
    margin-top: 30px;
}

.nav__item:first-of-type{
    margin-top: 0;
}

.nav__item::before{
    content: "";
    display: inline-block;
    width: 25px;
    height: 1px;
    background-color: var(--black);
    margin-right: 15px
}

.nav__item:last-of-type::after{
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url(../img/header_nav_insta.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    margin-left: 15px;
}

/* nav.active */
.nav.active{
    transform: translateX(0);
}

/* nav pc */
@media screen and (min-width:1025px) {
    .nav__header{
        display: none;
    }

    .nav{
        background-color: transparent;
        width: auto;
        height: auto;
        position: static;
        padding: 0;
        transform: translateX(0);       
    }

    .nav__list{
        background-image: none;
        display: flex;
        justify-content: center;
        align-items: center;
        max-width: 800px;
        padding: 0;
        gap: 0 30px;
    }

    .nav__item{
        font-family: "Noto Sans JP";
        font-size: 1.4rem;
        margin-top: 0;
    }

    .nav__item:last-of-type{
        font-size: 1.4rem;
    }

    .nav__item::before{
        display: none;
    }

    .nav__item:last-of-type::after{
        display: none;
    }
}
/* pc 769px */

/* ============================
header
=============================== */
.header{
    display: flex;
    padding: 10px 6.6%;
    justify-content: space-between;
    align-items: center;
}

.header__logo img{
    width: 110px;
    height: 32px;
    object-fit: contain;
}

.header__open{
    width: 25px;
    height: 14px;
    object-fit: cover;
}

@media screen and (min-width:1025px) {
    .header{
        /* min-width: 1440px; */
        height: 80px;
        padding: 20px 4.1%;
    }

    .header__logo img{
        width: 202px;
        height: 59px;
        object-fit: contain;
    }

    .header__open{
        display: none;
    }
}

/* ============================
mv
=============================== */
.article__header{
    width: 100%;
    position: relative;
}

.mainImg{
    /* min-width: 375px; */
    position: relative;
}

.mainImg__pc,
.mainImg__title__pc{
    display: none;
}

.mainImg__sp{
    width: 100%;
    height: 400px;
    object-fit: cover;
}

.mv__txtBox__sp{
    writing-mode: vertical-rl;
    position: absolute;
    top: 20px;
    left: 5.3%;
    height: 400px;
}

.mainImg__title__sp{
    display: inline-block;
    background-color: rgba(255, 255, 255, 0.90);
    padding: 10px 5px;
    color: var(--black, #333);
    font-family: "Noto Serif JP";
    font-size: 2rem;
    font-weight: 600;
    line-height: 1.3; /* 26px */
    margin-right: 8px;
    letter-spacing: 0.3em;
}

.mainImg__title__sp:nth-of-type(2){
    color: var(--green);
}

.mainImg__deco__sp{
    /* min-width: 375px; */
    min-height: 35px;
    object-fit: cover;
    position: absolute;
    bottom: -1px;
    left: 0px;
}

.mainImg__deco__pc{
    display: none;
}

/* main pc */
@media screen and (min-width:769px) {
    .mainImg{
        /* min-width: 1440px; */
        width: 100%;
    }

    .mainImg__sp,
    .mainImg__title__sp{
        display: none;
    }

    .mainImg__pc{
        display: block;
        width: 100%;
        height: 100vh;
        max-height: 700px;
        object-fit: cover;
    }

    .mainImg__title__pc{
        display: inline-block;
        background-color: rgba(255, 255, 255, 0.90);
        padding: 15px;
        font-family: "Noto Serif JP";
        font-size: 2.6rem;
        font-weight: 600;
        line-height: 1.3; /* 26px */
        margin-right: 10px;
        letter-spacing: 0.3em;
    }

    .mv__txtBox__pc{
        writing-mode: vertical-rl;
        position: absolute;
        top: 2vw;
        left: 3.4vw;
        max-height: 544px;
    }

    .mainImg__deco__sp{
        display: none;
    }

    .mainImg__deco__pc{
        display: block;
        /* min-width: 1440px; */
        width: 100%;
        min-height: 35px;
        object-fit: cover;
        position: absolute;
        bottom: -2px;
        left: 0px;
    }
}

/* ============================
about
=============================== */
.section{
    padding: 50px var(--contentPadding);
    /* min-width: 375px; */
}

.section--about{
    padding: 20px var(--contentPadding) 45px;
    overflow: hidden;
}

.topic{
    color: var(--orange_txt, #FF762D);
    text-align: center;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25);
    font-family: "Noto Serif JP";
    font-size: 2rem;
    font-weight: 600;
    line-height: 1.3; /* 36.4px */
    margin: 0 auto;
}

.carrot,
.onion{
    display: none;
}

.mainCaption__txt{
    font-size: 1.3rem;
    margin-top: 28px;
}

.mainCaption__txt span{
    color: var(--green, #006532);
}

.mainCaption__txtBox{
    width: 78vw;
    margin: 35px auto 0;
}

.btn--about{
    margin-top: 35px;
}

/* about pc */
@media screen and (min-width:320px) {
    .carrot{
        display: block;
        width: 480px;
        object-fit: contain;
        transform: rotate(145deg);
        position: absolute;
        right: -32px;
        top: -463px;
        overflow: hidden;
    }

    .onion{
        display: block;
        width: 480px;
        transform: rotate(33deg);
        position: absolute;
        left: -149px;
        bottom: -224px;
    }

    .mainCaption{
        position: relative;
    }
}

@media screen and (min-width:769px) {
    .section{
        padding: 90px 9.6% 90px;
        /* min-width: 1440px; */
        width: 100%;
    }

    .section--about{
        padding: 25px 0 50px;
    }

    .topic{
        font-size: 2.4rem;
    }

    .mainCaption__txtBox{
        width: 80vw;
        max-width: 1160px;
        margin: 50px auto 0;
    }

    .mainCaption__txt{
        line-height: 2; /* 32px */
        margin-top: 0;
        text-align: center;
        font-size: 1.4rem;
    }

    .btn--about{
        margin-top: 50px;
    }
}
/* pc 769px */

/* ============================
reason
=============================== */
.title--reason{
    text-align: center;
    font-family: "Noto Serif JP";
    font-size: 2rem;
    font-weight: 600;
    line-height: 1.3; /* 36.4px */
}

.title--reason span{
    color: var(--green, #006532);
    font-size: 2.4rem;
    letter-spacing: 0.15em;
}

.reason__list{
    margin-top: 35px;
}

.reason__item{
    margin-top: 60px;
    /* min-width: 330px; */
}

.reason__item:first-of-type{
    margin-top: 0;
}

.reason__num{
    color: var(--orange_txt, #FF762D);
    text-align: center;
    font-family: "Noto Serif JP";
    font-size: 2.4rem;
    font-weight: 600;
    line-height: 1; /* 48px */
}

.reason__num::before{
    content: "";
    display: inline-block;
    width: 7px;
    height: 21px;
    background-image: url(../img/reason_Vector\ 25.svg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    margin-right: 15px;
    margin-top: 10px;
    vertical-align: bottom;
}
.reason__num::after{
    content: "";
    display: inline-block;
    width: 7px;
    height: 21px;
    background-image: url(../img/reason_Vector\ 26.svg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    margin-left: 15px;
    margin-top: 10px;
    vertical-align: bottom;
}

.reason__img{
    margin: 20px auto 0;
    max-width: 300px;
    position: relative;
}

.reason__txt{
    font-size: 1.3rem;
}

.reason__txtBox{
    width: 85vw;
    margin: 20px auto 0;
}

.reason__itemTitle--2{
    right: 50px;
    width: 200px;
}

.reason__itemTitle--3{
    right: 30px;
    width: 240px; 
}

/* reason pc */
@media screen and (min-width:769px) {
    .title--reason{
        font-size: 2.4rem;
    }

    .title--reason span{
        font-size: 3rem;
        margin-left: 3px;
    }

    .reason__list{
        display: flex;
        justify-content: center;
        align-items: flex-start;
        max-width: 1160px;
        width: 80vw;
        margin: 35px auto 0;
        gap: 0 30px;
    }

    .reason__item{
        margin-top: 0;
    }

    .reason__itemTitle{
        width: 16.6vw;
        font-family: "Noto Serif JP";
        font-size: 2.4rem;
        right: 21px;
    }

    .reason__img{
        max-width: 280px;
    }

    .reason__txt{
        font-size: 1.4rem;
    }

    .reason__txtBox{
        width: auto;
        max-width: 300px;
    }

    .reason__num{
        font-size: 3rem;
    }

    .reason__num::before,
    .reason__num::after{
        height: 25px;
    }
}
/* pc 769px */

/* ============================
assurance
=============================== */
.section--assurance{
    background-image: url(../img/assurance.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    /* min-width: 375px; */
}

.assurance__content{
    background-color: rgba(252, 252, 252, 0.80);
    box-shadow: 2px -2px 3px 0px rgba(0, 0, 0, 0.10);
    /* min-width: 330px; */
    padding: 40px 20px;
}

.title--assurance{
    text-align: center;
    font-family: "Noto Serif JP";
    font-size: 2rem;
    font-weight: 600;
    line-height: 1.3; /* 36.4px */
}

.st--assurance{
    text-align: center;
    font-family: "Noto Serif JP";
    font-size: 2rem;
    font-weight: 500;
    line-height: 1.3; /* 33.8px */
    margin: 40px auto 0;
}

.assurance__red{
    color: var(--red, #E32203);
    font-family: "Noto Serif JP";
    font-size: 2.4rem;
    font-weight: 500;
    line-height: 1.3;
}

.assurance__txt{
    font-size: 1.3rem;
    margin: 28px auto 0;
    width: 77vw;
}

.assurance__txtBox{
    margin: 30px auto 0;
    /* min-width: 290px; */
}

.btn--assurance{
    margin-top: 30px;
    max-width: 300px;
}

.br__sp--assurance_340px{
    display: block;
}

.br__sp--assurance_460px{
    display: block;
}

/* assurance pc */
@media screen and (min-width:340px) {
    .br__sp--assurance_340px{
        display: none;
    }
}

@media screen and (min-width:460px) {
    .br__sp--assurance_460px{
        display: none;
    }
}

@media screen and (min-width:769px) {
    .section--assurance{
        /* min-width: 1440px; */
        width: 100%;
        padding: 70px 0;
    }

    .assurance__content{
        max-width: 1160px;
        width: 80.5vw;
        padding: 40px 0 50px;
        margin: 0 auto;
    }

    .title--assurance{
        font-size: 2.4rem;
    }

    .st--assurance{
        margin-top: 40px;
        max-width: 1160px;
    }

    .assurance__txtBox{
        margin-top: 25px;
        max-width: 1160px;
    }

    .assurance__txt{
        text-align: center;
        margin-top: 0;
    }

    .btn--assurance{
        margin-top: 25px;
        width: 350px;
    }

    .st--assurance{
        font-size: 2.4rem;
    }

    .assurance__red{
        font-size: 3rem;
    }

    .assurance__txt{
        font-size: 1.4rem;
    }

    .br__sp--assurance{
        display: block;
    }
}

@media screen and (min-width:1025px) {
    .br__sp--assurance{
        display: none;
    }
}
/* pc 769px */

/* ============================
tryal
=============================== */
.section--tryal{
    background-image: url(../img/tryal_background_4.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    /* min-width: 375px; */
}

.st--tryal{
    font-family: "Noto Serif JP";
    font-size: 2rem;
    font-weight: 500;
    line-height: 1.3;
    text-align: center;
}

.tryal__green{
    color: var(--green, #006532);
    text-align: center;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25);
    font-size: 2.4rem;
    font-weight: 600;
    line-height: 1.3; /* 41.6px */
}

.tryal__vecter1,
.tryal__vecter2{
    width: 17px;
    height: 60px;
    object-fit: contain;
}

.tryal__stBox{
    display: flex;
    justify-content: center;
    align-items: flex-end;
    gap: 0 10px;
}

.tryal__deco{
    color: var(--green, #006532);
    text-align: center;
    font-family: "Noto Serif JP";
    font-size: 3.2rem;
    font-weight: 700;
    line-height: 1.3; /* 41.6px */
}

.title--tryal{
    font-family: "Noto Serif JP";
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 1.3;
    text-align: center;
    margin-top: 40px;
}

.title--tryal span{
    color: var(--orange_txt, #FF762D);
    text-align: center;
    font-weight: 700;
    font-size: 2.4rem;
}

.title--tryal::before{
    content: "1回限り";
    display: block;
    width: 151px;
    padding: 10px 20px;
    background-color: var(--yellow);
    box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.25);

    color: var(--green, #006532);
    font-family: "Noto Serif JP";
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 1.3; /* 41.6px */
    margin: 0 auto 8px;
}

.tryal__list{
    margin-top: 20px;
    /* min-width: 330px; */
}

.tryal__itemContent{
    border-radius: 16px;
    background-color: var(--white-tryal);
    box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.25);
    padding: 30px 0;
    margin: 0 auto;
}

.tryal__item:last-of-type{
    margin-top: 60px;
}

.tryal__itemImg1{
    /* min-width: 330px; */
    object-fit: contain;
    display: block;
    margin: 0 auto;
}
.tryal__itemImg2{
    /* min-width: 280px; */
    object-fit: contain;
    display: block;
    margin: 0 auto;
}

.tryal__txtBox__tt{
    color: var(--green, #006532);
    text-align: center;
    font-family: "Noto Serif JP";
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.3; /* 31.2px */
}

.tryal__txtBox__tt1::before{
    content: "ベジックス";
    display: block;
    width: 100px;
    padding: 5px 10px;
    background-color: var(--yellow);
    box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.25);
    margin: 0 auto 8px;

    color: var(--green, #006532);
    font-family: "Noto Serif JP";
    font-size: 1.3rem;
    font-weight: 700;
    line-height: 1.3; /* 20.8px */
}
.tryal__txtBox__tt2::before{
    content: "くちぶえ農園";
    display: block;
    width: 116px;
    height: 31px;
    padding: 5px 10px;
    background-color: var(--yellow);
    box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.25);
    margin: 0 auto 8px;

    color: var(--green, #006532);
    font-family: "Noto Serif JP";
    font-size: 1.3rem;
    font-weight: 700;
    line-height: 1.3; /* 20.8px */
}

.tryal__txtBox__cost{
    text-align: center;
    font-size: 1.4rem;
}

.tryal__num{
    color: var(--orange_txt, #FF762D);
    font-family: "Noto Serif JP";
    font-size: 3rem;
    font-weight: 700;
    letter-spacing: 0.06em;
}

.tryal__txtBox__tax{
    font-size: 1.2rem;
}

.tryal__txtBox__txt{
    font-size: 1.3rem;
    line-height: 1.5; /* 21px */
    padding: 0 15px;
    width: 78vw;
    margin: 0 auto;
}

.tryal__txtBox{
    margin-top: 10px;
}

.btn--tryal{
    margin-top: 20px;
}

/* tryal pc */
@media screen and (min-width:769px) {
    .section--tryal{
        padding: 70px 9.6vw 90px;
        /* min-width: 1440px; */
        width: 100%;
    }

    .st--tryal{
        font-size: 2.4rem;
    }

    .tryal__green{
        font-size: 3rem;
    }
    
    .tryal__stBox{
        gap: 0 20px;
    }

    .tryal__vecter1,
    .tryal__vecter2{
        width: 22px;
        height: 60px;
    }

    .tryal__small{
        font-family: "Noto Serif JP";
        font-size: 2rem;
        font-weight: 500;
        line-height: 1.3;
    }

    .tryal__titleBox{
        margin-top: 40px;
    }

    .title--tryal::before{
        width: 155px;
        padding: 10px 25px;
        font-size: 3rem;
        margin: 0 30px 0 0;
        display: block;
    }

    .title--tryal{
        font-size: 2.4rem;
        margin-top: 0px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .title--tryal span{
        font-size: 3rem;
    }

    .tryal__list{
        margin: 30px auto 0;
        max-width: 900px;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 0 5vw;
    }

    .tryal__item{
        max-width: 400px;
    }

    .tryal__itemContent{
        max-width: 400px;
        padding: 30px 0 30px;
    }

    .tryal__txtBox{
        margin: 30px auto 0;
        max-width: 350px;
        padding: 0 15px 0;
    }

    .tryal__item:last-of-type{
        margin-top: 0px;
    }

    .tryal__itemImg1{
        /* min-width: 400px; */
        height: 267px;
    }

    .tryal__itemImg2{
        /* min-width: 358px; */
        height: 267px;
    }

    .tryal__txtBox__tt{
        font-size: 1.8rem;
    }

    .tryal__txtBox__txt{
        font-size: 1.4rem;
        line-height: 1.8;
        max-width: 350px;
        width: auto;
        padding: 0;
        min-height: 95px;
    }

    /* .tryal__txtBox__tt1{
        display: block;
        width: 350px;
        text-align: center;
    } */

    .tryal__txtBox__cost{
        text-align: left;
    }

    .tryal__txtBox__tt::before{
        margin: 0 0 8px;
    }

    .tryal__txtBox__tt2::before{
        font-size: 1.4rem;
    }

}
/* pc 769px */

/* ============================
farmer
=============================== */
.section--farmer{
    overflow: hidden;
    padding: 90px 5.8% 50px ;
}

.farmer__deco{
    position: relative;
}

.corn{
    width: 38vw;
    object-fit: contain;
    transform: rotate(110deg);
    position: absolute;
    right: -53px;
    top: -150px;
}

.hakusai{
    width: 37vw;
    transform: rotate(48deg);
    position: absolute;
    left: -81px;
    top: -103px;
}

.farmer__subttImg__pc{
    display: none;
}

.farmer__subttImg__sp{
    width: 250px;
    height: 107px;
    object-fit: cover;
    display: block;
    margin: 0 auto;
}

.title--farmer{
    font-family: "Noto Serif JP";
    font-size: 2rem;
    font-weight: 600;
    line-height: 1.3;
    text-align: center;
    margin-top: 15px;
}

.title--farmer span{
    color: var(--green, #006532);
    text-align: center;
    font-size: 2.4rem;
}

.farmer__list{
    margin-top: 30px;
}

.farmer__item{
    margin: 0 auto;
}

.farmer__item:last-of-type{
    margin-top: 40px;
}

.farmer__item:last-of-type::before{
    content: "";
    display: block;
    border: dotted 2.3px var(--orange-txt);
    margin-bottom: 40px;
}

.farmer{
    width: 88vw;
    width: 400px;
    aspect-ratio: 3/2;
    object-fit: contain;
    display: block;
    margin: 0 auto;
}

.fv__content{
    margin-top: 15px;
    /* min-width: 330px; */
}

.fv__itemTitle{
    color: var(--green, #006532);
    text-align: center;
    font-family: "Noto Serif JP";
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 1.3; /* 31.2px */
}

.fv__txtBox{
    margin: 10px auto 0;
    width: 85vw;
}

.fv__txt{
    font-size: 1.3rem;
    /* width: 330px; */
    width: 100%;
}

.fv__txt:last-of-type{
    text-align: right;
}

/* farmer pc */
@media screen and (min-width:550px) {
    .corn{
        width: 38vw;
        object-fit: contain;
        transform: rotate(110deg);
        position: absolute;
        right: -53px;
        top: -220px;
    }

    .hakusai{
        width: 37vw;
        transform: rotate(48deg);
        position: absolute;
        left: -81px;
        top: -123px;
    }
}

@media screen and (min-width:769px) {
    .section--farmer{
        padding: 90px 5.8% 70px ;
    }

    .corn{
        width: 460px;
        height: auto;
        transform: rotate(110deg);
        position: absolute;
        right: -135px;
        top: -325px;
    }

    .hakusai{
        width: 460px;
        height: auto;
        transform: rotate(49deg);
        position: absolute;
        left: -180px;
        top: -190px;
    }

    .farmer__subttImg__sp{
        display: none;
    }

    .farmer__subttImg__pc{
        display: block;
        width: 460px;
        height: 101px;
        object-fit: cover;
        margin: 0 auto;
    }

    .title--farmer{
        font-size: 2.4rem;
        margin-top: -23px;
    }

    .title--farmer span{
        font-size: 3rem;
    }

    .farmer__list{
        max-width: 1160px;
        margin: 40px auto 0;
        display: flex;
        justify-content: center;
        align-items: flex-start;
        gap: 0 30px;
    }

    .farmer__item{
        margin: 0;
        width: 400px;
    }

    .farmer__item:last-of-type{
        margin: 0;
    }

    .farmer__item:last-of-type::before{
        display: none;
    }

    /* .fv__content--farmer{
        min-width: 400px;
    } */

    .fv__txt--farmer{
        /* width: 400px; */
        width: 100%;
        height: 125px;
    }

    .fv__txt--farmer:last-of-type{
        margin-top: 10px;
    }

    .farmer{
        width: 400px;
        max-height: 267px;
    }

    .fv__itemTitle{
        font-size: 1.8rem;
    }

    .fv__txt{
        font-size: 1.4rem;
    }

    .fv__content--farmer{
        padding: 0 15px 0;
    }

    .fv__txtBox{
        width: auto;
    }
}
/* pc 769px */

/* ============================
voice
=============================== */
.section--voice{
    background-color: var(--beige);
}

.voice__subtt__pc{
    display: none;
}

.st--voice{
    position: relative;
}

.voice__subtt__sp{
    width: 165px;
    object-fit: cover;
    display: block;
    margin: 0 auto;
}

.title--voice{
    color: var(--orange_txt, #FF762D);
    text-align: center;
    text-shadow: 1px 1px 3px rgba(50, 50, 50, 0.25);
    font-family: "Noto Serif JP";
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.3; /* 41.6px */
    margin-top: 20px;
}

.voice__list{
    margin-top: 30px;
}

.voice__item{
    width: 100%;
    margin: 60px auto 0;
}

.voice__item:first-of-type{
    margin-top: 0;
}

.voice{
    width: 88vw;
    width: 400px;
    aspect-ratio: 3/2;
    object-fit: contain;
    display: block;
    margin: 0 auto;
}

.br__pc--voice_943px{
    display: none;
}

/* voice pc */
@media screen and (min-width:769px) {
    .section--voice{
        padding: 50px 9.6% 50px;
    }

    .voice__subtt__sp{
        display: none;
    }

    .voice__subtt__pc{
        display: block;
        width: 250px;
        height: auto;
        object-fit: cover;
        display: block;
        margin: 0 auto;
    }

    .title--voice{
        font-size: 2.4rem;
    }

    .voice__list{
        max-width: 1160px;
        margin: 50px auto 0;
        display: flex;
        justify-content: center;
        align-items: flex-start;
        gap: 0 30px;
    }

    .voice__item{
        max-width: 350px;
        margin: 0;
    }

    .fv__txt--voice{
        max-width: 350px;
        height: 240px;
    }

    .fv__txt--voice:last-of-type{
        height: auto;
        margin-top: 10px;
    }

    .voice{
        width: auto;
        object-fit: contain;
    }

    .fv__content--voice{
        max-width: 350px;
    }

    .br__pc--voice_943px{
        display: block;
    }
}
/* pc 769px */

@media screen and (min-width:920px) {
    .fv__txt--voice{
        max-width: 350px;
        height: 220px;
    }
}

@media screen and (min-width:943px){
    .br__pc--voice_943px{
        display: none;
    }
}

@media screen and (min-width:977px) {
    .fv__txt--voice{
        max-width: 350px;
        height: 170px;
    }
}

/* ============================
faq
=============================== */
.section--faq{
    padding: 50px 9.6%;
}

.st--faq{
    text-align: center;
    font-family: "Noto Serif JP";
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 1.3; /* 31.2px */
}

.title--faq{
    text-align: center;
    font-family: "Noto Serif JP";
    font-size: 2rem;
    font-weight: 600;
    line-height: 1.3; /* 36.4px */
    margin-top: 5px;
}

.faq__item{
    background-color: var(--beige-faq);
    padding: 30px;
    max-width: 330px;
    width: 100%;
    margin: 30px auto 0;
}

.faq__item:last-of-type{
    margin-top: 20px;
}

.q__img,
.a__img{
    width: 30px;
    height: 30px;
    object-fit: contain;
    display: block;
}

.q__txt{
    font-family: "Noto Serif JP";
    font-size: 2rem;
    font-weight: 500;
    line-height: 1.3; /* 31.2px */
    margin-top: 10px;
    position: relative;
}

.answer{
    display: none;
    margin-top: 40px;
}

.a__txt{
    margin-top: 10px;
    font-family: "Noto Serif JP";
    font-size: 2rem;
    font-weight: 500;
    line-height: 1.3; /* 28.6px */
}

.a__txt:last-of-type{
    margin-top: 15px;
    font-size: 1.3rem;
}

/* アコーディオンボタン表示 */
.q__txt::after{
    content: "";
    display: inline-block;
    background-image: url(../img/plus.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 20px;
    height: 20px;
    position: absolute;
    right: 10px;
    top: -40px;
    transition: transform 0.8s ease; 
}

.q__txt.active::after {
    transform: rotate(45deg);
    transition: transform 0.8s ease; 
}

/* faq pc */
@media screen and (min-width:769px){
    .st--faq{
        font-size: 1.8rem;
    }

    .title--faq{
        font-size: 2.4rem;
        margin-top: 10px;
    }

    .faq__item{
        max-width: 1160px;
        padding: 20px 30px;
    }

    .question{
        display: flex;
        justify-content: left;
        align-items: center;
        gap: 0 35px;
    }

    .q__txt{
        width: 1160px;
        font-size: 1.8rem;
        margin-top: 0;
        margin-right: 30px;
    }

    .answer{
        max-width: 1160px;
    }

    .a__content{
        display: flex;
        justify-content: left;
        align-items: flex-start;
        gap: 0 35px;
    }

    .a__txtBox{
        width: 950px;
    }

    .a__txt{
        font-size: 1.8rem;
        margin-top: 0;
    }

    .a__txt:last-of-type{
        font-size: 1.4rem;
    }

    .q__img{
        margin-left: 2px;
        width: 65px;
    }

    .a__img{
        width: 54px;
    }

    .q__img,
    .a__img{
        height: 30px;
    }

/* アコーディオンボタン表示 */
    .q__txt::after{
        content: "";
        display: inline-block;
        background-image: url(../img/plus.png);
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        width: 20px;
        height: 20px;
        position: absolute;
        right: 0;
        top: 0;
    }
}

/* ============================
footer
=============================== */
.footer{
    padding: 30px var(--contentPadding);
    /* min-width: 375px; */
}

.footer__logo{
    width: 165px;
    height: 48px;
    object-fit: contain;
    display: block;
    margin: 0 auto;
}

.copy{
    text-align: center;
    font-size: 1.6rem;
    margin: 20px auto 0;
}

/* footer pc */
@media screen and (min-width:769px){
    .footer{
        /* min-width: 1440px; */
        width: 100%;
        padding: 50px 0 30px;
    }

    .footer__logo{
        width: 202px;
        height: 59px;
        object-fit: contain;
    }

    .copy{
        max-width: 1160px;
        margin-top: 50px;
    }
}
/* pc 769px */