@charset "utf-8";

/* ======================
　　　　　common
======================= */

html {
    font-size: 62.5%;
    scroll-behavior: smooth;
}

body {
    font-family:
        "Shippori Mincho",
        "Spirax";
    font-size: 1.8rem;
    font-style: normal;
    background-color: #fff;
    line-height: 1.5;
}

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

.section__subtopic {
    font-family: "Shippori Mincho";
    font-size: 2.0rem;
    font-weight: bold;
    text-align: center;
    color: #000;
    padding-top: 40px;
}

.section__topic {
    position: relative;
    font-family: "Shippori Mincho";
    font-size: 3.0rem;
    font-weight: bold;
    text-align: center;
    color: #000;
    line-height: 50px;
    z-index: 10;
}

.section__topic .attention {
    font-family: "Shippori Mincho";
    font-size: 5.0rem;
    font-weight: bold;
    text-align: center;
    color: #000;
}

.sp{
    display: block;
}


/* common pc */

@media screen and (min-width: 769px) {

    .section__subtopic {
        font-family: "Shippori Mincho";
        font-size: 3.0rem;
        font-weight: bold;
        text-align: center;
        color: #000;
        padding-top: 50px;
    }
    .section__topic {
        font-family: "Shippori Mincho";
        font-size: 5.0rem;
        font-weight: bold;
        text-align: center;
        color: #000;
        padding-top: 10px;
        padding-bottom: 30px;
        line-height: 70px;
    }
    
    .section__topic .attention {
        font-family: "Shippori Mincho";
        font-size: 7.0rem;
        font-weight: 500;
        text-align: center;
        color: #000;
    }

    .sp{
        display: none;
    }

} /* common pc END */


/* ======================
　　　　　header
======================= */

.header {
    padding: 0px ;
}

.header__topic_sp {
    padding: 20px ;
}

.header__topic_pc {
    display: none;
}

/* .nav初期表示 */
.nav {
    background: rgba(255, 255, 255, 0.85);
    width: 100%;
    height: 445px;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    transform: translateX(-100%);
    transition: transform 0.4s;
}

.nav__topic {
    margin: 20px;
}

.nav__btn {
    padding: 18px 20px;
}

.nav__header {
    display: flex;
    justify-content: space-between;
}

.nav__list__sp {
    margin-top: 75px;
}

.nav__item__sp {
    font-family: Shippori Mincho;
    font-size: 2.0rem;
    font-weight: 500;
    line-height: normal;
    color: #4E764E;
    margin-top: 25px;
    text-align: center;
}

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

.header__btn {
    display: flex;
    top: 25px;
    right: 5.3%;
    cursor: pointer;
    position: absolute;

}


/* header pc */

@media screen and (min-width: 1074px) {

    .header {
        display: none;
    }

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

    .nav__list__sp {
        margin-top: 0;
        margin-left: 230px;
        display: flex;
        
    }

    .nav__item {
        margin-top: 0;
        color: #4E764E;
        font-family: Shippori Mincho;
        font-size: 2.0rem;
        font-weight: 400;
        line-height: 1.3;
        margin-left: 70px;
    }

    .nav__header {
        display: none;
    }

    .header__btn {
        display: none;
    }

} /* header pc END */



/* ======================
　　　　　main
======================= */

/* article header */

.article__header {
    height: 710px;
    background-color: #FFF9EA;
    background-image: url(../images/main_sp.svg);
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.nav__list__pc {
    display: none;
}

.copy__sp {
    display: block;
    margin-left: auto;
    padding-right: 47px;
} 

.copy__pc {
    display: none;
}

.bubble__sp {
    position: absolute;
    top: 40px;
    left: 20px;
}

.bubble__pc {
    display: none;
}

.btn__order__top {
    display: none;
}


/* article header pc */

@media screen and (min-width: 1074px) {

    .article__header {
        height: 922px;
        background-color: #FFF9EA;
        background-image: url(../images/main_pc.svg);
        background-repeat: no-repeat;
        background-size: cover;
        position: relative;
        z-index: 9999;
    }

    .top__menu {
        display: flex;
    }

    .header__topic_sp {
        display: none;
    }

    .header__topic_pc {
        display: block;
        padding: 30px 0px 0px 30px;
    }


    .nav__list__pc {
        display: flex;
        padding: 40px 0px 0px 150px;
        position: relative;
        z-index: 9999;
    }

    .nav__item__pc {
        margin-top: 0;
        color: #fff;
        font-family: Shippori Mincho;
        font-size: 2.0rem;
        font-weight: 400;
        line-height: 1.3;
        margin-left: 50px;
        text-shadow : 0px 0px 5px #000;
    }

    .btn__order__top {
        display: block;
        padding: 20px 20px 0px 40px;
        position: relative;
        z-index: 9999;
    }

    .copy__sp {
        display: none;
    }

    .copy__pc {
        display: block;
        padding: 120px 0px 0px 90px;
    }

    .bubble__sp {
        display: none;
    }

    .bubble__pc {
        display: block;
        position: absolute;
        top: 0px;
        left: 10px;
        z-index: 10;
    }

} /* article header pc END */


/* About */

.about {
    height: 710px;
    background-color: #FFF9EA;
    background-image: url(../images/background1_sp.svg);
    background-repeat: no-repeat;
    background-position: center 120px;
}

.About__title {
    display: none;
}

.about__sp {
    text-align: center;
    padding-top: 25px;
}

.about__pc {
    display: none;
}

.farmer__sp {
    text-align: center;
}

.farmer__pc {
    display: none;
}

.About__tytle {
    text-align: center;
    margin-top: 15px;
    color: #4E764E;
    font-size: 2.5rem;
    font-weight: 700;
}

.About__tytle__pc {
    display: none;
}

.About__txt {
    width: 293px;
    height: 270px;
    margin: auto;
    padding:20px 0px 16px 0px;
    font-size: 1.8rem;
    font-weight: bold;
}

.tab {
    display: none;
}

.About__txt2,
.About__txt3 {
    padding-top: 20px;
}

.About__order__sp {
    text-align: center;
    padding:0px 0px 150ox 0px;
}

.About__order__pc {
    display: none;
}


/* About pc*/

@media screen and (min-width: 769px) {
   
    .about {
        height: 742px;
        background-color: #FFF9EA;
        background-image: url(../images/background1_pc.svg);
        background-repeat: no-repeat;
        background-position: center 150px;
    }

    .About__title {
        display: none;
    }

    .about__sp {
        display: none;
        text-align: center;
        padding-top: 25px;
    }
    
    .about__pc {
        display: block;
        text-align: center;
        padding-top: 25px;
    }

    .farmer__sp {
        display: none;
    }
    
    .farmer__pc {
        display: block;
        text-align: center;
    }

    .About__tytle {
        display: none;
    }

    .About__tytle__pc {
        display: block;
        display: flex;
        justify-content: center;
        margin-top: -150px;
        margin-bottom: 50px;
        color: #4E764E;
        font-size: 4.0rem;
        font-weight: 700;
    }

    .About__tytle1__pc {
        text-align: center;
        padding-right: 100px;
    }

    .About__tytle2__pc {
        text-align: center;
        padding-left: 100px;
    }

    .About__txt {
        width: 700px;
        height: 132px;
        text-align: center;
        padding:20px 0px 140px 0px;
        font-size: 2.0rem;
        font-weight: bold;
        line-height: 20px;
    }

    .About__txt3 {
        line-height: 20px;
    }

    .tab {
        display: block;
    }

    .About__order__sp {
        display: none;
    }
    
    .About__order__pc {
        display: block;
        text-align: center;
    }
    
} 

@media screen and (min-width: 1090px) {

    .about {
        height: 742px;
        background-color: #FFF9EA;
        background-image: url(../images/background1_pc.svg);
        background-repeat: no-repeat;
        background-position: center 150px;
    }

    .about__sp {
        display: none;
        text-align: center;
        padding-top: 25px;
    }
    
    .about__pc {
        display: block;
        text-align: center;
        padding-top: 25px;
    }

    .farmer__sp {
        display: none;
    }
    
    .farmer__pc {
        display: block;
        text-align: center;
    }

    .About__tytle {
        display: none;
    }

    .About__tytle__pc {
        display: block;
        display: flex;
        justify-content: center;
        margin-top: -150px;
        margin-bottom: 50px;
        color: #4E764E;
        font-size: 4.0rem;
        font-weight: 700;
    }

    .About__tytle1__pc {
        text-align: center;
        padding-right: 100px;
    }

    .About__tytle2__pc {
        text-align: center;
        padding-left: 100px;
    }

    .About__txt {
        width: 900px;
        height: 132px;
        text-align: center;
        padding:80px 0px 140px 0px;
        font-size: 2.0rem;
        font-weight: bold;
        line-height: 20px;
    }

    .tab {
        display: none;
    }

    .About__order__sp {
        display: none;
    }
    
    .About__order__pc {
        display: block;
        text-align: center;
    }

} /* About pc END */


/* Reasons */

.reasons {
    background-color: #FFF9EA;
}

.reasons__title {
    position: relative;
}

.section__topic__reasons .attention {
    font-family: "Shippori Mincho";
    font-size: 5.0rem;
    font-weight: bold;
    text-align: center;
    color: #000;  
}

.underline__reasons__sp {
    position: relative;
    text-align: center;
    top: -30px;
    left: 0px;
    z-index: 1;
}

.underline__reasons__pc {
    display: none;
}

.Reason1__sp,
.Reason2__sp,
.Reason3__sp {
    text-align: center;
}

.Reason1__txt,
.Reason2__txt {
    padding:16px 20px 30px 35px;
    font-size: 1.4rem;
    font-weight: bold;
    line-height: 35px;
}

.Reason3__txt {
    padding:16px 20px 50px 35px;
    font-size: 1.4rem;
    font-weight: bold;
    line-height: 35px;
}

.ReasonsImg_pc {
    display: none;
}


/* Reasons pc */

@media screen and (min-width: 769px) {

    .reasons {
        background-color: #FFF9EA;
    }

    .underline__reasons__sp {
        display: none;
    }

    .underline__reasons__pc {
        display: block;
        position: relative;
        text-align: right;
        top: -60px;
        right: 25%;
        z-index: 1;
    }

    .ReasonsImg_sp {
        display: none;
    }

    .ReasonsImg_pc {
        display: block;
    }

    .Reasons__photo {
        display: flex;
        justify-content: center;
    }

    .Reason1__pc,
    .Reason2__pc,
    .Reason3__pc {
        margin-left: 50px;
    }

    .Reason3__pc {
        margin-right: 30px;
    }

    .Reasons__txt {
        display: flex;
        justify-content: center;
        font-size: 1.8rem;
        font-weight: 600;
        line-height: 35px;
        padding: 0px 30px 70px 50px;
    }

    .Reason1__txt {
        padding: 20px 20px 0px 0px;
    }

    .Reason2__txt {
        padding: 20px 0px 0px 20px;
    }

    .Reason3__txt  {
        padding: 20px 0px 0px 50px;
    }

} 

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

    .Reasons__txt {
        max-width: 1440px;
        margin: auto;
        display: flex;
        justify-content: center;
        font-size: 1.8rem;
        font-weight: 600;
        line-height: 35px;
        padding: 0px 120px 100px 150px;
    }

    .Reason1__txt {
        padding: 20px 50px 0px 0px;
    }

    .Reason2__txt {
        padding: 20px 0px 0px 50px;
    }

    .Reason3__txt  {
        padding: 20px 0px 0px 100px;
    }

}

/* Reasons pc END */


/* Trial */

.trial {
    background-image: url(../images/green.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.Set__sp {
    text-align: center;
    padding-top: 10px;
}

.set2__sp {
    padding: 10px 0px 20px 0px;
}

.Set__pc2 {
    display: none;
}

.Trial__order__sp {
    padding-bottom: 50px;
}

.Trial__order__pc {
    display: none;
}


/* Trial pc */

@media screen and (min-width: 769px) {

    .Set__sp {
        display: none;
    }

    .Set__pc2 {
        display: block;
        display: flex;
        justify-content: center;
    }

    .Trial__order__pc {
        display: block;
        text-align: center;
        padding-top: 20px;
        padding-bottom: 70px;
    }

} /* Trial pc END */


/* Statistics */

.statistics {
    height: 1731px;
    background-color: #FFF9EA;
    background-image: url(../images/background2_sp.svg);
    background-repeat: no-repeat;
    background-position: center ;
}

.section__subtopic__statistics {
    font-family: "Shippori Mincho";
    font-size: 2.0rem;
    font-weight: 500;
    text-align: center;
    color: #fff;
    padding-top: 70px;
    padding-bottom: 10px;
}

.section__topic_statistics {
    font-family: "Shippori Mincho";
    font-size: 3.0rem;
    font-weight: 500;
    text-align: center;
    color: #fff;
    padding-left: 10px;
    padding-bottom: 30px;
    line-height: 40px;
}

.Statistics__title {
    color: #fff;
    text-align: center;
}

.japan__sp {
    text-align: center;
    padding: 20px 0px 10px 0px;
}

.japan__pc {
    display: none;
}

.Statistics__txt {
    width: 302px;
    height: 390px;
    margin: auto;
    color: #fff;
    padding:16px 0px 30px 5px;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 35px;
}

.Statistics__txt2,
.Statistics__txt3 {
    padding-top: 10px;
}

.Cultivation__title {
    color: #fff;
    text-align: center;
    padding: 100px 0px 10px 0px;
}

.cultivation1__sp {
    text-align: center;
}

.cultivation23 {
    display: flex;
    justify-content: center;
}

.cultivation45 {
    display: flex;
    justify-content: center;
}

.cultivation1__txt__sp,
.cultivation2_3__txt__sp {
    color: #fff;
    text-align: center;
    font-size: 1.4rem;
    font-weight: 500;
    padding: 10px 0px 20px 0px;
}

.cultivation4_5__txt__sp {
    color: #fff;
    text-align: center;
    font-size: 1.4rem;
    font-weight: 500;
    padding: 10px 0px 40px 0px;
}

.Cultivation__pc {
    display: none;
}


/* Statistics pc */

@media screen and (min-width: 769px) {

    .statistics {
        height: 1184px;
        background-color: #FFF9EA;
        background-image: url(../images/background2_pc.svg);
        background-repeat: no-repeat;
        background-position: center ;
    }

    .section__subtopic__statistics {
        font-family: "Shippori Mincho";
        font-size: 3.0rem;
        font-weight: 500;
        text-align: center;
        color: #fff;
        padding-top: 150px;
        padding-bottom: 20px;
    }

    .section__topic_statistics {
        font-family: "Shippori Mincho";
        font-size: 5.0rem;
        font-weight: 500;
        text-align: center;
        color: #fff;
        padding-left: 10px;
        padding-bottom: 40px;
        line-height: 60px;
    }

    .Statistics__title {
        color: #fff;
        text-align: center;
        font-size: 2.5rem;
    }

    .japan__sp {
        display: none;
    }
    
    .japan__pc {
        display: block;
        padding-top: 60px;
        padding-left: 100px;
    }

    .yokonarabi_pc {
        height: 350px;
        display: flex;
        justify-content: center;

    }

    .Statistics__txt {
        width: 700px;
        height: 270px;
        margin: 0%;
        color: #fff;
        font-size: 1.8rem;
        font-weight: 500;
        line-height: 35px;
        padding: 30px 20px 0px 20px;
    }

    .Cultivation__title {
        padding: 20px 0px 10px 0px;
        color: #fff;
        text-align: center;
        font-size: 2.5rem;
    }

    .Cultivation__sp {
        display: none;
    }

    .Cultivation__pc {
        display: block;
    }

    .Cultivation__photo {
        display: flex;
        justify-content: center;
    }

    .cultivation1__pc,
    .cultivation2__pc,
    .cultivation3__pc,
    .cultivation4__pc,
    .cultivation5__pc {
        padding: 20px 20px 20px 20px;
    }

    .Cultivation__txt__pc {
        display: flex;
        justify-content: center;
        color: #fff;
        text-align: center;
        font-size: 1.8rem;
        font-weight: 500;
    }

    .cultivation1__txt__pc {
        padding: 0px 50px 0px 0px;
    }

    .cultivation2_3__txt__pc {
        padding: 0px 100px 0px 0px;
    }

} /* Statistics pc END */


/* Farmers */

.underline__farmers__sp {
    position: relative;
    text-align: center;
    top: -35px;
    left: -45px;
    z-index: 1;
}

.underline__farmers__pc {
    display: none;
}

.farmers {
    background-color: #FFF9EA;
}

.hidamari {
    position: relative;
}

.hidamari__txt {
    width: 340px;
    height: 150px;
    margin: auto;
    margin-top: -500px;
    padding-bottom: 500px;
}

.farmer1__name__sp {
    width: 340px;
    height: 50px;
    padding-top: 10px;
    color: #fff;
    font-size: 1.4rem;
    font-weight: 500;
}

.attention_name {
    color: #fff;
    font-size: 2.0rem;
    font-weight: 500;
}

.farmer1__txt__sp {
    width: 340px;
    height: 150px;
    color: #fff;
    font-size: 1.4rem;
    font-weight: 500;
    top: 80px;
    left:25px;
    line-height: 30px;
}

.farmer1__sp {
    text-align: center;
    width: 100%;
    height: auto;
}

.souryoku {
    position: relative;
}

.souryoku__txt {
    width: 340px;
    height: 150px;
    margin: auto;
    margin-top: -500px;
    padding-bottom: 500px;
}

.farmer2__name__sp {
    width: 340px;
    height: 50px;
    padding-top: 10px;
    color: #fff;
    font-size: 1.4rem;
    font-weight: 500;
}

.attention_name {
    color: #fff;
    font-size: 2.0rem;
    font-weight: 500;
}

.farmer2__txt__sp {
    width: 340px;
    height: 150px;
    color: #fff;
    font-size: 1.4rem;
    font-weight: 500;
    top: 80px;
    left:25px;
    line-height: 30px;
}

.farmer2__sp {
    padding-top: 20px;
    text-align: center;
    width: 100%;
    height: auto;
}

.Farmers__pc {
    display: none;
}


/* Farmers PC */

@media screen and (min-width: 769px) {

    .underline__farmers__sp {
        display: none;
    }

    .underline__farmers__pc {
        display: block;
        position: relative;
        text-align: right;
        top: -60px;
        right: 26%;
        z-index: 1;
    }

    .Farmers__sp {
        display: none;
    }

    .Farmers__pc {
        display: block;
    }

    .hidamari {
        max-width: 1200px;
        position: relative;
        padding-top: 10px;
        margin: 0 auto;
    }

    .hidamari__txt {
        left: 7%;
        bottom: 0;
        position: absolute;
        z-index: 999;
    }

    .farmer1__name__pc {
        color: #fff;
        font-size: 2.0rem;
        font-weight: 500;
        position: absolute;
        top: 120px;
        left: 40px;
    }

    .attention1_name__pc {
        color: #fff;
        font-size: 2.5rem;
        font-weight: 500;
        position: absolute;
        top: 170px;
        left: 100px;
    }

    .farmer1__txt__pc {
        width: 300px;
        height: 210px;
        color: #fff;
        font-size: 1.8rem;
        font-weight: 500;
        position: absolute;
        top: 220px;
        left: 40px;
        padding:10px 20px 16px 0px;
        line-height: 35px;
    }

    .farmer1__pc {
        text-align: center;
    }

    .souryoku {
        max-width: 1200px;
        position: relative;
        padding-top: 30px;
        margin: 0 auto;
    }

    .souryoku__txt {
        right: 7%;
        bottom: 0;
        position: absolute;
        z-index: 999;
    }

    .farmer2__name__pc {
        color: #fff;
        font-size: 2.0rem;
        font-weight: 500;
        position: absolute;
        top: 80px;
        left: 40px;
    }

    .attention2_name__pc {
        color: #fff;
        font-size: 2.5rem;
        font-weight: 500;
        position: absolute;
        top: 130px;
        left: 65px;
    }

    .farmer2__txt__pc {
        width: 300px;
        height: 210px;
        color: #fff;
        font-size: 1.8rem;
        font-weight: 500;
        position: absolute;
        top: 190px;
        left: 30px;
        padding:10px 20px 16px 0px;
        line-height: 35px;
    }

    .farmer2__pc {
        text-align: center;
        padding-bottom: 40px;
    }

} 

@media screen and (min-width: 1440px) {

} /* Farmers PC END */


/* Voices */

.underline__voices__sp {
    position: relative;
    text-align: center;
    top: -30px;
    left: 0px;
    z-index: 1;
}

.underline__voices__pc {
    display: none;
}

.section--Voices {
    background-color: #FFF9EA;
}

.voice1__sp {
    text-align: center;
}

.Voices__pc {
    display: none;
}


/* Voices PC */

    @media screen and (min-width: 769px) {

    .underline__voices__sp {
        display: none;
    }

    .underline__voices__pc {
        display: block;
        position: relative;
        text-align: right;
        top: -60px;
        right: 27%;
        z-index: 1;
    }

    .voice1__sp {
        display: none;
    }

    .Voices__pc {
        display: flex;
        justify-content: center;
        padding: 0px 30px;
    }

    .voice1__pc,
    .voice2__pc {
        padding-right: 40px;
    }

} /* Voices PC END */


/* Quality */

.section--Quality {
    background-color: #FFF9EA;
}

.Quality__title {
    display: none;
}

.Quality__pc {
    display: none;
}

.Quality__tab {
    display: none;
}

.Quality__sp {
    padding-bottom: 100px;
}

.QualityImg__sp {
    text-align: center;
}

.Quality__txt__sp {
    width: 315px;
    height: 345px;
    margin: auto;
    color: #fff;
    font-size: 1.4rem;
    font-weight: 400;
    top: 140px;
    left:25px;
    margin-top: -415px;
    padding:0px 0px 0px 35px;
    line-height: 23px;
    letter-spacing: -0.7px;
    text-shadow : 0px 0px 5px #000;
}


/* Quality PC */

    @media screen and (min-width: 769px) {

    .Quality__title {
        display: none;
    }

    .Quality__sp {
        display: none;
    }

    .Quality__tab {
        display: block;
    }

    .Quality__pc {
        display: none;
    }

    .Quality__pc {
        display: none;
    }

    .Quality__txt1__pc {
        width: 851px;
        color: #fff;
        font-size: 1.8rem;
        font-weight: 400;
        position: absolute;
        top: 180px;
        right:130px;
        line-height: 40px;
        letter-spacing: -0.7px;
        text-shadow : 0px 0px 5px #000;
    }

    .Quality__txt2__pc {
        width: 714px;
        color: #fff;
        font-size: 1.8rem;
        font-weight: 400;
        position: absolute;
        top: 410px;
        right:50px;
        padding:0px 30px 0px 40px;
        line-height: 40px;
        letter-spacing: -0.7px;
        text-shadow : 0px 0px 5px #000;
    }

} 

@media screen and (min-width: 1440px) {

    .Quality__tab {
        display: none;
    }

    .Quality__pc {
        max-width: 1440px;
        display: block;
        position: relative;
        padding-top: 40px;
        margin: 0 auto;
    }

    .Quality__txt1__pc {
        width: 851px;
        color: #fff;
        font-size: 1.8rem;
        font-weight: 400;
        position: absolute;
        top: 180px;
        right:130px;
        line-height: 40px;
        letter-spacing: -0.7px;
        text-shadow : 0px 0px 5px #000;
    }

    .Quality__txt2__pc {
        width: 714px;
        color: #fff;
        font-size: 1.8rem;
        font-weight: 400;
        position: absolute;
        top: 410px;
        right:50px;
        padding:0px 30px 0px 40px;
        line-height: 40px;
        letter-spacing: -0.7px;
        text-shadow : 0px 0px 5px #000;
    }


} /* Quality PC END */


/* Question */

.section--Question {
    background-color: #FFF9EA;
}

.icon__Q__pc,
.icon__A__pc,
.question1__btn__pc {
    display: none;
}

.QA1 {
    padding: 25px 0px 0px 0px;
}

.Question1 {
    display: flex;
    margin:  0 auto;
    width: 335px;
    background-color: #4E764E;
    padding: 0px 10px 0px 10px 
}

.question1__title {
    color: #fff;
    font-size: 1.8rem;
    font-weight: 400;
    padding: 10px 0px 10px 10px;
}

.question1__btn__sp {
    padding: 0px 0px 0px 10px;
}

.Answer1 {
    display: flex;
    margin:  0 auto;
    width: 335px;
    background-color: #fff;
    background-image: url(../images/answer1_sp.png);
    padding: 0px 10px 0px 10px 
}

.Answer1__txt {
    font-size: 1.4rem;
    font-weight: 500;
    letter-spacing: -0.7px;
    padding: 15px 10px 18px 10px 
}

.QA2 {
    padding: 25px 0px 40px 0px;
}

.Question2 {
    display: flex;
    margin:  0 auto;
    width: 335px;
    background-color: #4E764E;
    padding: 0px 10px 0px 10px 
}

.question2__title {
    color: #fff;
    font-size: 1.8rem;
    font-weight: 400;
    padding: 10px 0px 10px 10px;
}

.question2__btn__sp {
    padding: 0px 0px 0px 80px;
}

.question2__btn__pc {
    display: none;
}

.Answer2 {
    display: flex;
    margin:  0 auto;
    width: 335px;
    background-color: #fff;
    background-image: url(../images/answer2_sp.png);
    padding: 0px 10px 0px 10px 
}

.Answer2__txt {
    font-size: 1.4rem;
    font-weight: 500;
    letter-spacing: -0.7px;
    padding: 20px 10px 29px 10px 
}


/* Question PC */

@media screen and (min-width: 769px) {

    .QA12 {
        display: flex;
        justify-content: center;
    }

    .section--Question {
        background-color: #FFF9EA;
    }
    
    .icon__Q__pc,
    .icon__A__pc,
    .question1__btn__pc {
        display: none;
    }
    
    .QA1 {
        padding: 25px 20px 0px 0px;
    }
    
    .Question1 {
        display: flex;
        margin:  0 auto;
        width: 335px;
        background-color: #4E764E;
        padding: 0px 10px 0px 10px 
    }
    
    .question1__title {
        color: #fff;
        font-size: 1.8rem;
        font-weight: 400;
        padding: 10px 0px 10px 10px;
    }
    
    .question1__btn__sp {
        padding: 0px 0px 0px 10px;
    }
    
    .Answer1 {
        display: flex;
        margin:  0 auto;
        width: 335px;
        background-color: #fff;
        background-image: url(../images/answer1_sp.png);
        padding: 0px 10px 0px 10px 
    }
    
    .Answer1__txt {
        font-size: 1.4rem;
        font-weight: 500;
        letter-spacing: -0.7px;
        padding: 15px 10px 18px 10px 
    }
    
    .QA2 {
        padding: 25px 0px 60px 20px;
    }
    
    .Question2 {
        display: flex;
        margin:  0 auto;
        width: 335px;
        background-color: #4E764E;
        padding: 0px 10px 0px 10px 
    }
    
    .question2__title {
        color: #fff;
        font-size: 1.8rem;
        font-weight: 400;
        padding: 10px 0px 10px 10px;
    }
    
    .question2__btn__sp {
        padding: 0px 0px 0px 80px;
    }
    
    .question2__btn__pc {
        display: none;
    }
    
    .Answer2 {
        display: flex;
        margin:  0 auto;
        width: 335px;
        background-color: #fff;
        background-image: url(../images/answer2_sp.png);
        padding: 0px 10px 0px 10px 
    }
    
    .Answer2__txt {
        font-size: 1.4rem;
        font-weight: 500;
        letter-spacing: -0.7px;
        padding: 20px 10px 29px 10px 
    }

}


@media screen and (min-width: 1100px) {

    .sp {
        display: none;
    }

    .QA12 {
        display: block;
    }

    .QA1 {
        padding: 25px 0px 0px 0px;
    }

    .QA2 {
        padding: 25px 0px 0px 0px;
    }

    .icon__Q__sp,
    .icon__A__sp,
    .question1__btn__sp,
    .question2__btn__sp {
        display: none;
    }

    .icon__Q__pc,
    .icon__A__pc,
    .question1__btn__pc,
    .question2__btn__pc {
        display: block;
    }

    .QA2 {
        padding-bottom: 100px;
    }

    .Question1 {
        display: flex;
        margin:  0 auto;
        width: 989px;
        background-color: #4E764E;
        padding: 0px 10px 0px 10px 
    }

    .question1__title {
        color: #fff;
        font-size: 2.5rem;
        font-weight: 400;
        padding: 20px 10px 20px 10px;
    }
    
    .question1__btn__pc {
        padding: 0px 0px 0px 270px;
    }

    .Answer1 {
        display: flex;
        margin:  0 auto;
        width: 989px;
        background-color: #fff;
        background-image: url(../images/answer1_pc.png);
        background-repeat: no-repeat;
        padding: 0px 10px 0px 10px 
    }
    
    .Answer1__txt {
        font-size: 1.8rem;
        font-weight: 500;
        letter-spacing: -0.7px;
        padding: 35px 10px 35px 10px 
    }

    .Question2 {
        display: flex;
        margin:  0 auto;
        width: 989px;
        background-color: #4E764E;
        padding: 0px 10px 0px 10px 
    }

    .question2__title {
        color: #fff;
        font-size: 2.5rem;
        font-weight: 400;
        padding: 20px 10px 20px 10px;
    }
    
    .question2__btn__pc {
        padding: 0px 0px 0px 470px;
    }

    .Answer2 {
        display: flex;
        margin:  0 auto;
        width: 989px;
        background-color: #fff;
        background-image: url(../images/answer2_pc.png);
        background-repeat: no-repeat;
        padding: 0px 10px 0px 10px 
    }
    
    .Answer2__txt {
        font-size: 1.8rem;
        font-weight: 500;
        letter-spacing: -0.7px;
        padding: 38px 20px 38px 10px 
    }

} /* Question PC END */


/* Trial */

.trial {
    background-image: url(../images/green.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.Set__sp {
    text-align: center;
    padding-top: 10px;
}

.set2__sp {
    padding: 10px 0px 20px 0px;
}

.Set__pc {
    display: none;
}


/* Trial pc */

@media screen and (min-width: 769px) {

    .Set__sp {
        display: none;
    }

    .Set__pc2 {
        display: block;
        display: flex;
        justify-content: center;
    }

    .Trial__order__pc {
        display: block;
        text-align: center;
        padding-top: 20px;
    }

} /* Trial pc END */



/* ======================
　　　　　footer
======================= */

.footer {
    background-color: #FFF9EA;
}

.footer__logo__sp {
    text-align: center;
    padding-top: 10px;
}

.footer__logo__pc {
    display: none;
}

.copy {
    text-align: center;
    font-size: 0.8rem;
    font-weight: 500;
    padding-top: 5px;
    padding-bottom: 10px;
}


/* footer pc */

@media screen and (min-width: 769px) {

    .footer__logo__sp {
        display: none;
    }

    .footer__logo__pc {
        display: block;
        text-align: center;
        padding-top: 20px;
    }

    .copy {
        text-align: center;
        font-size: 1.0rem;
        font-weight: 500;
        padding-top: 10px;
        padding-bottom: 20px;
    }

} /* footer pc END */

/* * {
    outline: 2px solid blue;
  } */