@charset "utf-8";


/************************************************/
/************** 雪下春緑LP開始 *******************/
/************************************************/

.post-boxbg {
    margin-top: -50px;
}

.post-boxbg > .page-sekkasyunryoku {
    max-width: 860px;
    margin: auto;
    line-height: 1.8;
    overflow: hidden;
}

.post-boxbg > .page-sekkasyunryoku * {
    box-sizing: border-box;
}

.post-boxbg > .page-sekkasyunryoku img {
    display: block;
    width: 100%;
    height: auto;
}

.post-boxbg > .page-sekkasyunryoku picture {
    display: block;
}

.post-boxbg > .page-sekkasyunryoku .lead {
    margin: 0px;
    padding: 0px 7% 35px 7%;
    font-size: clamp(18px, 3.4vw, 25px);
    text-align: center;
    color: #ffffff !important;
    background: #3b1b09;
    line-height: 1.6;
}

.post-boxbg > .page-sekkasyunryoku .tips {
    background: url("https://www.agrisystem.co.jp/img/sekkasyunryoku/sekka5.jpg") center / 100% 100% no-repeat;
}

.post-boxbg > .page-sekkasyunryoku .tips-copy {
    padding: 20px 7% 0;
}

.post-boxbg > .page-sekkasyunryoku .tip {
    margin-bottom: 65px;
    padding-bottom: 65px;
    border-bottom: 1px solid #ffffff99;
}

.post-boxbg > .page-sekkasyunryoku .tag1 {
    display: table;
    margin: 0 0 16px;
    padding: 7px 16px;
    color: #ffffff;
    background: #e3b173;
    font-size: clamp(16px, 4vw, 23px);
    font-weight: bold;
    line-height: 1.45;
}

.post-boxbg > .page-sekkasyunryoku .tag2 {
    display: table;
    margin: 0 0 16px;
    padding: 7px 16px;
    color: #ffffff;
    background: #c8885b;
    font-size: clamp(15px, 4vw, 23px);
    font-weight: bold;
    line-height: 1.45;
}

.post-boxbg > .page-sekkasyunryoku .tips small {
    font-size: clamp(10px, 2vw, 15px);
    letter-spacing: .15em;
    color: #ffffff;
}

.post-boxbg > .page-sekkasyunryoku .tips h2 {
    margin: 4px 0 20px;
    font-size: clamp(22px, 3.9vw, 40px);
    font-weight: 400;
    line-height: 1.2;
    color: #ffffff;
}

.post-boxbg > .page-sekkasyunryoku .tips p {
    color: #ffffff;
    font-size: clamp(15px, 1.9vw, 20px);
    line-height: 1.3;
}

.post-boxbg > .page-sekkasyunryoku .voices {
    color: #5a4037;
    background: #f2d9c5;
}

.post-boxbg > .page-sekkasyunryoku .voices-copy {
    padding: 30px 8%;
}

.post-boxbg > .page-sekkasyunryoku .voices-copy > div {
    margin: 0 0 45px 0;
}

.post-boxbg > .page-sekkasyunryoku .voices b {
    display: inline-block;
    padding: 5px 12px;
    color: #ffffff;
    background: #ce8b58;
    font-size: clamp(15px, 2vw, 18px);
}

.post-boxbg > .page-sekkasyunryoku .voices p {
    margin: 18px 0 15px 0;
    font-size: clamp(15px, 2vw, 18px);
    line-height: 1.3;
}

.post-boxbg > .page-sekkasyunryoku .voices strong {
    color: #a4573c;
    font-size: 1.2em;
}

.post-boxbg > .page-sekkasyunryoku .offer {
    padding: 45px 7%;
    color: #493732;
    background: #ffffff;
    text-align: center;
}

.post-boxbg > .page-sekkasyunryoku .offer p {
    margin: 0px 0px 10px 0px;
    font-size: clamp(20px, 7vw, 50px) !important;
    text-align: center;
    line-height: 1.3;
    font-weight: 400;
}

.post-boxbg > .page-sekkasyunryoku .offer strong {
    font-size: clamp(30px, 8vw, 60px) !important;
    color: #ca542d !important;
    font-weight: 800;
}

.post-boxbg > .page-sekkasyunryoku > a {
    display: block;
    background: #ffffff;
}

.post-boxbg > .page-sekkasyunryoku .banner {
    padding: 0 7%;
    color: #493732;
    text-align: center;
    margin-bottom: 50px;
}

.post-boxbg > .page-sekkasyunryoku .banner img {
    margin: 0;
}

.post-boxbg > .page-sekkasyunryoku .banner b {
    margin-bottom: 10px;
    font-size: clamp(6px, 3.5vw, 25px);
}

.post-boxbg > .page-sekkasyunryoku .notice {
    margin: auto;
    padding: 10px;
    padding-bottom: 30px;
    font-size: clamp(10px, 1.5vw, 18px);
    text-align: center;
    line-height: 1.1;
}

.post-boxbg > .page-sekkasyunryoku .recipe_list {

}

.post-boxbg > .page-sekkasyunryoku .recipe_list h2 {
    font-size: clamp(6px, 3.5vw, 25px);
}

.post-boxbg > .page-sekkasyunryoku .recipe_card {
    
}

@media (max-width: 600px) {

    .post-boxbg > .page-sekkasyunryoku .lead {
        padding: 24px 7%;
    }

    .post-boxbg > .page-sekkasyunryoku .tips-copy {
        padding: 10px 7% 0;
    }

    .post-boxbg > .page-sekkasyunryoku .tip {
        margin-bottom: 38px;
        padding-bottom: 38px;
    }

    .post-boxbg > .page-sekkasyunryoku .tag {
        margin-bottom: 9px;
        padding: 5px 9px;
    }

    .post-boxbg > .page-sekkasyunryoku .voices-copy {
        padding: 36px 7% 30px;
    }

    .post-boxbg > .page-sekkasyunryoku .voices p br { 
        display: none; 
    }

    .post-boxbg > .page-sekkasyunryoku .offer {
        padding: 10px 7%;
    }

}

/************************************************/
/************** 雪下春緑LP終了 *******************/
/************************************************/