/* LESS Document */

/* -------------------------------- ビネガードリンク*/
#kaiketsu_vinegar_img{
    text-align: right;
}
#kaiketsu_vinegar p img{
    margin-top: 80px;
}

/* -------------------------------- POINT01*/
.vinegar_logo{
    margin-bottom: 80px;
}

#vinegar_pt1{
    text-align: center;
    letter-spacing: 1px; 
    line-height: 2.2;
}
#vinegar_txt{
    margin-top: 7rem;
    margin-bottom: 3rem;
}
#vinegar_txt p{
    font-weight: normal;
    line-height: 2.2;
}
#vinegar_txt h4{ 
    font-size: 3.2rem;
    font-weight: bold;
    color: #8ec600;
    text-decoration: underline;
    text-decoration-color: #ffff00;
    text-decoration-thickness: auto;
    text-decoration-thickness:8px;
    text-underline-offset: 1px;
    letter-spacing: 2px;
    margin-bottom: 6rem;
}
#vinegar_pt_ttl{
    color: #8ec600;
    font-weight: bold;
    font-size: 2.2rem;
    margin-top: 6rem;
}
#vinegar_txt1{
    font-size: 2.2rem;
    font-weight: bold;
}
#vinegar_txt h5{ 
    font-size: 2.5rem;
    font-weight: bold;
    color: #8ec600;
    text-decoration: underline;
    text-decoration-color: #ffff00;
    text-decoration-thickness: auto;
    text-decoration-thickness:6px;
    text-underline-offset: 1px;
    letter-spacing: 1px;
    line-height: 2.2;
    margin-top: 7rem;
}
#vinegar_txt p em{
    color: #8ec600;
}

@media screen and (max-width: 767px) {
#vinegar_img{
    width: 75%;
    margin: 0 auto;
}
#kaiketsu_vinegar_img{
    text-align: center;
}
#kaiketsu_vinegar_txt{
    padding-top: 10px;
}
#kaiketsu_vinegar_txt p{
    text-align: center;
}
}
.vinegar_check{
    margin: 0 auto;
    background: url("../img/support4/bg_check.svg") no-repeat top;
    margin-bottom: 80px;
}
@media screen and (min-width: 767px) {
.vinegar_check{
    width: 950px;
}
.vineger_box{
    width: 950px;
    margin: 0 auto;
}
}
@media screen and (max-width: 767px) {
.ttl_bar_txt1 {
  font-size: 1.5rem !important;
}
}

/* -------------------------------- POINT02*/
#vinegar_pt2 h5{
    font-size: 2.5rem;
    font-weight: bold;
    color: #8ec600;
    text-decoration: underline;
    text-decoration-color: #ffff00;
    text-decoration-thickness: auto;
    text-decoration-thickness:6px;
    text-underline-offset: 1px;
    letter-spacing: 1px;
    line-height: 2.2;
    margin-top: 7rem;
}
#vinegar_pt2 p img{
    margin-bottom: 1rem;
}
#vinegar_pt2 p{
    font-weight: bold;
}

@media screen and (min-width: 767px) {
#vinegar_pt2_inner{
    width: 915px;
}
#vinegar_check{
    width: 1020px;
    margin: 0 auto;
}
}

@media screen and (max-width: 767px) {
#vinegar_pt2_inner{
    width: 915px;
}
.vinegar_osusume{
    margin-bottom: 5rem;
}
}

.vinegar_check2{
    background: #ffff00;
    color: #8ec600;
    border-radius: 50px;
    font-size: 2.3rem;
    font-weight: bold;
    padding-top: 2rem;
    padding-bottom: 2rem;
    margin-top: 1.5rem;
}


/* -------------------------------- POINT03*/
.vinegar_osusume{
    background: url("../img/support4/ttl_osusume_bg.svg") top no-repeat;
    padding-bottom: 6rem;
    letter-spacing: 1px;
}
.vinegar_osusume  h6{
    margin-bottom: 3rem;
}
.vinegar_osusume  h7{
    font-size: 2.6rem;
    font-weight: bold;
    text-decoration: underline;
    text-decoration-color: #ffff00;
    text-decoration-thickness: auto;
    text-decoration-thickness:6px;
    text-underline-offset: 1px;
    letter-spacing: 1px;
    line-height: 2.2;
}
.vinegar_osusume  p{
    font-weight: normal;
    margin-top: 1.5rem;
}
.vinegar_osusume_txt2{
    width: 75%;
    margin: 0 auto;
    margin-top: -2.5rem;
}
.vinegar_osusume_txt2 p{
    background: #fff;
    border: 1px solid #8ec600;
    padding: 1rem 2rem 1rem 2rem;
    border-radius: 2rem;
    font-weight: normal;
    font-size: 1.5rem;
    line-height: 1.5;
    margin-top: -6rem;
}
.vinegar_osusume_txt2 p strong{
    color: #8ec600;
    font-size: 2rem;
}

@media screen and (min-width: 767px){
.vinegar_osusume_box1{
    height: 170px;
}
.vinegar_osusume_box2{
    height: 180px;
}
}

@media screen and (max-width: 767px){
#vinegar_osusume1{
    background: url("../img/support4/ttl_osusume_bg1_sp.svg") top no-repeat;
}
#vinegar_osusume2{
    background: url("../img/support4/ttl_osusume_bg2_sp.svg") top no-repeat;
}
#vinegar_osusume3{
    background: url("../img/support4/ttl_osusume_bg2_sp.svg") top no-repeat;
}
#vinegar_osusume4{
    background: url("../img/support4/ttl_osusume_bg2_sp.svg") top no-repeat;
}
.vinegar_osusume_txt2{
    width: 85%;
}
.vinegar_osusume_txt2 p strong{
    line-height: 1.2;
    padding-top: 1rem;
}
.vinegar_osusume  h7{
    line-height: 1.8;
}
.vinegar_osusume .flex{
    margin-top: -1rem !important;
}
.vinegar_osusume_txt2 p{
        margin-top: 0.2rem;
}
}