@charset "UTF-8";

html{
    width:100%;
}

body{
    color:#736357;
    background-color: #fffaf6;
    margin:0 auto;
    text-align: center;
}

a {
    display: inline-block;
    text-decoration: none;
    color:#75665F;
}

img {
    width: 100%;
    vertical-align: bottom;
    object-fit: cover;
    padding:0;
    margin:0;
}

/* SP */
@media(max-width:767px){
    /* header */
    .intro{
        margin:0 auto;
        background-color: #ffffff;
        background-image: url(../img/img_3bg.jpg),url(../img/herb_bg.png);
        height:auto;
        background-size:contain,contain;
        background-repeat: no-repeat;
        background-position:0 17%, 0 105%;
    }

    .intro img{
        width:85%;
        padding:10px 0;
    }

    .intro span img{
        padding:0
    }

    .intro img.recommendation,.intro img.herb4{
        width:100%;
    }

    /* main */
    section.reason{
        margin:0 auto;
        margin-top:20px;
        background-image: url(../img/\ reason_bg.png);
        background-size:cover;
        background-repeat: no-repeat;
        background-position: 15% 0%;
    }

    section.reason img{
        width:70%;
    }

    section.reason img.reason1,section.reason img.reason2,section.reason img.reason3{
        margin:5px 0;
    }

    section.reason img.reason2{
        width:80%;
    }

    section.reason img.top,section.reason img.bottom{
        width:100%;
    }

    section.voice{
        background-color: #fffaf6;
    }
    section.voice img{
        width:100%;
    }

    section.question{
        background-image: url(../img/qa_bg.png);
        background-size:contain;
        background-repeat: no-repeat;
    }
    
    section.buy{
        background-color: #fffaf6;
    }

    section.overview{
        background-color: #ffffff;
    }
    section img.tel{
        margin-top:20px;
    }

    /* footer */
    footer{
        margin:0 auto;
        font-size:12px;
        background-color: #f3ece9;
       
    }

    .text1{
        display: flex;
        justify-content: space-between;
        background-color: #ffffff;
        padding:2% 10%;
    }

    .text2{
        text-align: center;
    }

    .text2 p{
        line-height:1.7;
    }
}