@charset "UTF-8";
/* =====================================
	product
===================================== */

.product{
    width: 750px;
    margin: 0 auto;
    padding: 100px 0 120px;
    background: #f5f7ed;
}

.product .flexbox{
    padding: 8% 0 0;
}

.product .flexbox .imgArea{
    width: 100%;
}

.product .flexbox .imgArea img{
    width: 100%;
}

.product .flexbox .txtArea{
    width: 100%;
}

.product .flexbox .txtArea h3{
    text-align: center;
    line-height: 1.77;
    font-weight: bold;
    margin: 0 0 4%;
}

.product .flexbox .txtArea p{
    line-height: 1.714;
    font-size: 1.4rem;
    margin-bottom: 6.933%;
    padding: 0 5.33%;
}

.product a{
    display: table;
    margin: 0 auto;
}

.product02{
    background: #f1efed;
}

.product03{
    background: #e6edeb;
}


@media screen and (max-width: 768px) {

.product{
    width: 100%;
    padding: 13.33vw 0 16vw;
}

.product .flexbox{
    padding: 8vw 0 0;
}

.product .flexbox .txtArea h3{
    margin: 0 0 4vw;
}

.product .flexbox .txtArea p{
    font-size: 2.66vw;
    margin-bottom: 6.933vw;
    padding: 0 5.33vw;
}

}