#lp-sp-ch24{ margin: 0 auto; width: 800px; color: #3D3D3D; font-family: "Bunyu Mincho StdN R";}
#lp-sp-ch24 *{ box-sizing: border-box;}
#lp-sp-ch24 .pc{ display: block;}
#lp-sp-ch24 .sp{ display: none;}
#lp-sp-ch24 .anchor{ position: relative; z-index: -1;}
#lp-sp-ch24 .anchor:before{ display: block; margin-top: -67px; width: 100%; height: 67px; content: ""; vertical-align: top;}
#lp-sp-ch24 figure{ margin: 0; padding: 0;}

@media only screen and (max-width: 736px) {
    #lp-sp-ch24{ margin: 0; width: 100%;}
    #lp-sp-ch24 .pc{ display: none;}
    #lp-sp-ch24 .sp{ display: block;}
    #lp-sp-ch24 .anchor:before{ margin-top: -18.4vw; height: 18.4vw;}
}

#lp-sp-ch24 .sec1{ position: relative; margin: 0 calc(50% - 50vw); width: 100vw; height: 58.75vw; background: url("/static/mallDefault/contents/images/sp/ch24/main.jpg") no-repeat center / 100vw 58.75vw;}
#lp-sp-ch24 .sec1 .set{ position: absolute; top: 10.3125vw; right: 9.739583333vw; display: flex; flex-direction: column; width: 22.34375vw; align-items: center;}
#lp-sp-ch24 .sec1 h2{ width: 17.43645833vw;}
#lp-sp-ch24 .sec1 p{ margin: 2.38em 0 0; text-align: center; letter-spacing: .03em; font-size: 1.354166667vw; line-height: 2.076923077;}

@media only screen and (max-width: 736px) {
    #lp-sp-ch24 .sec1{ margin: 0; height: 165.6vw; background: url("/static/mallDefault/contents/images/sp/ch24/main_sp.jpg") no-repeat center / 100vw 165.6vw;}
    #lp-sp-ch24 .sec1 .set{ top: 14.66666667vw; right: auto; left: 11.46666667vw; width: 63.2vw;}
    #lp-sp-ch24 .sec1 h2{ width: 44.848vw;}
    #lp-sp-ch24 .sec1 p{ margin: 2em 0 0; font-size: 4.266666667vw; line-height: 1.875;}
}

#lp-sp-ch24 .sec2{ margin: 0 calc(50% - 50vw); padding: 130px calc(50vw - 50%) 180px; background: #F0EFE9;}
#lp-sp-ch24 .sec2 .lead{ margin: 0 0 140px; text-align: center; letter-spacing: .04em; font-size: 22px; line-height: 2.727272727;}
#lp-sp-ch24 .sec2 nav{ margin: 0 0 100px;}
#lp-sp-ch24 .sec2 nav ul{ display: flex; justify-content: center;}
#lp-sp-ch24 .sec2 nav ul > li{ padding: 0 20px; border-right: 1px solid #707070;}
#lp-sp-ch24 .sec2 nav ul > li:first-child{ border-left: 1px solid #707070;}
#lp-sp-ch24 .sec2 nav ul a{ display: inline-block; padding: 0 20px; letter-spacing: .05em; font-style: italic; font-size: 17px; font-family: garamond-premier-pro, serif;}
#lp-sp-ch24 .sec2 nav ul a:hover{ background: rgba(178,137,25,.3);}

@media only screen and (max-width: 736px) {
    #lp-sp-ch24 .sec2{ margin: 0; padding: 14.66666667vw 10.66666667vw 38.66666667vw;}
    #lp-sp-ch24 .sec2 .lead{ margin: 0 0 10.13333333vw; text-align: left; font-size: 4.266666667vw; line-height: 1.75;}
    #lp-sp-ch24 .sec2 nav{ margin: 0; padding: 0 0 9.066666667vw;}
    #lp-sp-ch24 .sec2 nav ul{ flex-direction: column; align-items: center;}
    #lp-sp-ch24 .sec2 nav ul > li{ margin: 0 0 6.133333333vw; padding: 0; border-right: none;}
    #lp-sp-ch24 .sec2 nav ul > li:first-child{ border-left: none;}
    #lp-sp-ch24 .sec2 nav ul a{ padding: 0; border-bottom: 0.266666667vw solid #707070;font-size: 4.8vw; }
    
}

#lp-sp-ch24 h3{ display: flex; flex-direction: column; margin: 0 0 65px; letter-spacing: .05em; font-size: 20px; align-items: center;}
#lp-sp-ch24 h3.blt{ padding: 70px 0 0; border-top: 1px solid #707070;}
#lp-sp-ch24 h3 span{ letter-spacing: .1em; font-weight: 500; font-size: 44px; font-family: garamond-premier-pro, serif;}
#lp-sp-ch24 h3 div{ margin: .75em 0 0;}
#lp-sp-ch24 h3 em{ color: #D37E80;}
#lp-sp-ch24 h3 + p{ margin: 3.5em 0 0; text-align: center; letter-spacing: .05em; font-size: 18px; line-height: 1.888888889;}

@media only screen and (max-width: 736px) {
    #lp-sp-ch24 h3{ margin: 0 0 13.33333333vw; text-align: center; font-size: 4.8vw; line-height: 1.777777778;}
    #lp-sp-ch24 h3.blt{ padding: 21.33333333vw 0 0; border-top: 0.266666667vw solid #707070;}
    #lp-sp-ch24 h3 span{ font-size: 8.533333333vw; line-height: 1.1875;}
    #lp-sp-ch24 h3 div{ margin: .25em 0 0; white-space: nowrap;}
    #lp-sp-ch24 h3 + p{ margin: 3.5em 0 0; font-size: 4.266666667vw; line-height: 1.75;}
}

#lp-sp-ch24 .sec2 .list-point{ margin: 0 0 60px;}
#lp-sp-ch24 .sec2 .list-point > li{ padding: 0 0 180px;}
#lp-sp-ch24 .sec2 .list-point figure.video{ overflow: hidden; border-radius: 5px;}
#lp-sp-ch24 .sec2 .list-point figure ul{ opacity: 0; transition: opacity 1s ease;}
#lp-sp-ch24 .sec2 .list-point figure ul.slick-initialized{ opacity: 1;}
#lp-sp-ch24 .sec2 .list-point figure .slick-slide{ overflow: hidden; border-radius: 5px;}
#lp-sp-ch24 .sec2 .list-point .detail{ padding: 55px 40px 0;}
#lp-sp-ch24 .sec2 .list-point h4{ display: flex; flex-direction: column; padding: 0 0 .75em; border-bottom: 1px solid #C1C0C0; letter-spacing: .05em; font-size: 28px; align-items: center;}
#lp-sp-ch24 .sec2 .list-point h4 i{ margin: 0 0 .25em; letter-spacing: .1em; font-weight: 500; font-style: normal; font-size: 40px; font-family: garamond-premier-pro, serif;}
#lp-sp-ch24 .sec2 .list-point p{ margin: 2em 0 0; color: #595758; letter-spacing: .03em; font-size: 18px; line-height: 2.111111111;}

@media only screen and (max-width: 736px) {
    #lp-sp-ch24 .sec2 .list-point{ margin: 0 0 6.666666667vw;}
    #lp-sp-ch24 .sec2 .list-point > li{ padding: 0 0 26.66666667vw;}
    #lp-sp-ch24 .sec2 .list-point figure.video{ border-radius: 1.333333333vw;}
    #lp-sp-ch24 .sec2 .list-point figure .slick-slide{ border-radius: 1.333333333vw;}
    #lp-sp-ch24 .sec2 .list-point .detail{ padding: 9.333333333vw 0 0;}
    #lp-sp-ch24 .sec2 .list-point h4{ padding: 0 0 9.333333333vw; border-bottom: 0.266666667vw solid #C1C0C0; text-align: center; font-size: 5.333333333vw; line-height: 1.6;}
    #lp-sp-ch24 .sec2 .list-point h4 i{ margin: 0; font-size: 9.6vw; line-height: 1;}
    #lp-sp-ch24 .sec2 .list-point p{ margin: 2em 0 0; font-size: 3.733333333vw; line-height: 2;}
}

.slick-prev,
.slick-next{z-index: 10; width: 13.81px; height: 23.74px; }
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before{ opacity: 1;}
.slick-prev:before,
.slick-next:before{ display: block; width: 100%; height: 100%; background: url("/static/mallDefault/contents/images/sp/ch24/arrow1.png") no-repeat center / contain; content: ''; opacity: 1;}
.slick-prev:before{ transform: scale(-1, 1);}
.slick-prev{ left: -35px;}
.slick-next{ right: -35px;}

@media only screen and (max-width: 736px) {
    .slick-prev,
    .slick-next{ width: 1.802666667vw; height: 2.930666667vw;}
    .slick-prev{ left: -8vw;}
    .slick-next{ right: -8vw;}
}

#lp-sp-ch24 .sec2 .slide-wrap{ overflow: hidden; margin: 55px calc(50% - 50vw);}
#lp-sp-ch24 .sec2 .slide-ranking{ opacity: 0; transition: opacity 1s ease;}
#lp-sp-ch24 .sec2 .slide-ranking.slick-initialized{ opacity: 1;}
#lp-sp-ch24 .sec2 .slide-ranking .slick-slide{ padding: 0 33px; width: 866px;}
#lp-sp-ch24 .sec2 .slide-ranking .box{ position: relative; display: flex; flex-direction: row-reverse; padding: 70px 80px 0; width: 800px; height: 461px; border: 1px solid #707070; border-radius: 12px; justify-content: space-between;}
#lp-sp-ch24 .sec2 .slide-ranking .box .no{ position: relative;}
#lp-sp-ch24 .sec2 .slide-ranking .box .no img{ width: auto; height: 28px;}
#lp-sp-ch24 .sec2 .slide-ranking .box .no1:after{ position: absolute; top: -27px; left: 50%; width: 47.47px; height: 18.74px; background: url("/static/mallDefault/contents/images/sp/ch24/ico_no1s.png") no-repeat center / contain; content: ""; transform: translate(-50%,0);}
#lp-sp-ch24 .sec2 .slide-ranking .box figure{ width: 276px;}
#lp-sp-ch24 .sec2 .slide-ranking .box .detail{ display: flex; flex-direction: column; width: 302px; align-items: flex-start;}
#lp-sp-ch24 .sec2 .slide-ranking .box h4{ position: relative; margin: 1em 0 0; font-weight: 500; font-size: 20px; font-family: 'Zen Kaku Gothic New', sans-serif; line-height: 1.4;}
#lp-sp-ch24 .sec2 .slide-ranking .box dl{ margin: 3em 0 0;}
#lp-sp-ch24 .sec2 .slide-ranking .box dt{ letter-spacing: .05em; font-weight: 700; font-size: 20px; font-family: garamond-premier-pro, serif;}
#lp-sp-ch24 .sec2 .slide-ranking .box dd p{ margin: 1em 0 0; letter-spacing: .05em; font-size: 14px; line-height: 1.785714286;}
#lp-sp-ch24 .sec2 .slide-ranking .box .btn5{ margin: 15px 0 0;}
#lp-sp-ch24 .sec2 .slide-ranking .box .btn5 a{ position: relative; display: flex; margin: 0 auto; width: 100%; height: 31px; border-radius: 15.5px; background: #7e7364; color: #f0efe9; letter-spacing: .05em; font-size: 15px; justify-content: center; align-items: center;}
#lp-sp-ch24 .sec2 .slide-ranking .box .btn5 a:after{ position: absolute; top: 50%; right: 12px; width: 7px; height: 9px; background: url("/static/mallDefault/contents/images/sp/ch24/arrow4.png") no-repeat center / contain; content: "";transform: translate(0,-50%);}
#lp-sp-ch24 .btn1{ margin: 70px 0 0;}
#lp-sp-ch24 .btn1 a{ display: flex; margin: 0 auto; width: 270px; height: 47px; border: 1px solid #707070; border-radius: 23.5px; box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.44); letter-spacing: .05em; font-size: 18px; justify-content: center; align-items: center;}

#lp-sp-ch24 .sec2 .slide-ranking .slick-prev{ left: calc(50% - 438px);}
#lp-sp-ch24 .sec2 .slide-ranking .slick-next{ right: calc(50% - 438px);}

@media only screen and (max-width: 736px) {
    #lp-sp-ch24 .sec2 .slide-wrap{ margin: 13.33333333vw calc(50% - 50vw) 14.66666667vw;}
    #lp-sp-ch24 .sec2 .slide-ranking .slick-slide{ padding: 0 6.666666667vw; width: 96vw;}
    #lp-sp-ch24 .sec2 .slide-ranking .box{ flex-direction: column; padding: 30.66666667vw 0 .5em; width: 100%; height: auto; border: 0.266666667vw solid #707070; border-radius: 3.2vw; justify-content: flex-start; align-items: center;}
    #lp-sp-ch24 .sec2 .slide-ranking .box .no{ position: absolute; top: 16vw; left: 50%; transform: translate(-50%,0);}
    #lp-sp-ch24 .sec2 .slide-ranking .box .no img{ width: auto; height: 7.733333333vw;}
    #lp-sp-ch24 .sec2 .slide-ranking .box .no1:after{ top: -7.2vw; width: 12.65866667vw; height: 4.997333333vw;}
    #lp-sp-ch24 .sec2 .slide-ranking .box figure{ width: 55.09866667vw;}
    #lp-sp-ch24 .sec2 .slide-ranking .box .detail{ width: 53.33333333vw;}
    #lp-sp-ch24 .sec2 .slide-ranking .box h4{ margin: 0; font-size: 5.333333333vw;}
    #lp-sp-ch24 .sec2 .slide-ranking .box dl{ margin: 0;}
    #lp-sp-ch24 .sec2 .slide-ranking .box dt{ font-size: 5.333333333vw;}
    #lp-sp-ch24 .sec2 .slide-ranking .box dd{ position: relative; overflow: hidden; margin: .5em 0 0; height: 34vw; cursor: pointer;}
    #lp-sp-ch24 .sec2 .slide-ranking .box dd:after{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 10; height: 34vw; background: linear-gradient(180deg, rgba(240,239,233,0) 0%, rgba(240,239,233,0) 27.27272727272727%, #F0EFE9 68.18181818181817%, #F0EFE9 100%); content: ""; cursor: pointer;}
    #lp-sp-ch24 .sec2 .slide-ranking .box dd.active{ padding: 0 0 12vw; height: auto;}
    #lp-sp-ch24 .sec2 .slide-ranking .box dd.active:after{ content: none;}
    #lp-sp-ch24 .sec2 .slide-ranking .box dd p{ font-size: 3.733333333vw; line-height: 1.785714286;}
    #lp-sp-ch24 .sec2 .slide-ranking .box dd .btn5{ margin: 4vw 0 0;}
    #lp-sp-ch24 .sec2 .slide-ranking .box dd .btn5 a{ margin: 0; height: 10.133333333vw; border-radius: 7.066666667vw; white-space: nowrap; letter-spacing: -.05em; font-size: 3.733333333vw;}
    #lp-sp-ch24 .sec3 .list1 .detail .btn3 a:after{ content: none;}
    #lp-sp-ch24 .btn1{ margin: 14.66666667vw 0 0;}
    #lp-sp-ch24 .btn1 a{ width: 72vw; height: 12.53333333vw; border: 0.266666667vw solid #707070; border-radius: 6.266666667vw; box-shadow: 0.266666667vw 0.533333333vw 0.8vw rgba(0, 0, 0, 0.44); font-size: 4.8vw;}

    #lp-sp-ch24 .sec2 .slide-ranking .slick-prev{ left: calc(50% - 46.66666667vw);}
    #lp-sp-ch24 .sec2 .slide-ranking .slick-next{ right: calc(50% - 46.66666667vw);}
}

#lp-sp-ch24 .sec3{ margin: 0 calc(50% - 50vw); padding: 195px calc(50vw - 50%) 235px; background: url("/static/mallDefault/contents/images/sp/ch24/bg.jpg") repeat-y top center / 100vw 302.34375vw;}
#lp-sp-ch24 .sec3 nav{ margin: 80px 0 140px;}
#lp-sp-ch24 .sec3 nav ul{ display: flex; justify-content: space-between;}
#lp-sp-ch24 .sec3 nav ul > li{ position: relative; padding: 37px 0 0; width: 230px; height: 363px; border-radius: 7px; background: #fff; text-align: center; align-items: center;}
#lp-sp-ch24 .sec3 nav ul > li:after{ position: absolute; top: 50%; left: -33px; width: 13px; height: 11px; background: url("/static/mallDefault/contents/images/sp/ch24/arrow2.png") no-repeat center / contain; content: ""; transform: translate(0,-50%);}
#lp-sp-ch24 .sec3 nav ul > li:first-child:after{ content: none;}
#lp-sp-ch24 .sec3 nav .ico{ position: absolute; top: -20px; left: 50%; transform: translate(-50%,0);}
#lp-sp-ch24 .sec3 nav .ico img{ width: auto; height: 37px;}
#lp-sp-ch24 .sec3 nav .tl{ letter-spacing: .05em; font-size: 22px;}
#lp-sp-ch24 .sec3 nav p{ display: flex; flex-direction: column; margin: 30px 0 0; height: 170px; letter-spacing: .05em; font-size: 18px; line-height: 1.666666667; align-items: center; justify-content: center;}
#lp-sp-ch24 .sec3 nav p span{ display: block; line-height: 2;}
#lp-sp-ch24 .sec3 nav p strong{ font-size: 22px; line-height: 2.5;}
#lp-sp-ch24 .sec3 nav .btn2{ position: absolute; bottom: 25px; left: 50%; transform: translate(-50%,0);}
#lp-sp-ch24 .sec3 nav .btn2 a{ position: relative; display: flex; width: 181px; height: 33px; border-radius: 16.5px; background: #798370; color: #fff; letter-spacing: .05em; font-size: 15px; justify-content: center; align-items: center;}
#lp-sp-ch24 .sec3 nav .btn2 a:after{ position: absolute; top: 50%; right: 12px; width: 9px; height: 7px; background: url("/static/mallDefault/contents/images/sp/ch24/arrow3.png") no-repeat center / contain; content: ""; transform: translate(0,-50%);}

@media only screen and (max-width: 736px) {
    #lp-sp-ch24 .sec3{ margin: 0; padding: 38.66666667vw 10.66666667vw 0; background: url("/static/mallDefault/contents/images/sp/ch24/bg_sp.jpg") repeat-y top center / 100vw 2154.933333vw;}
    #lp-sp-ch24 .sec3 nav{ margin: 14.66666667vw 0 10.66666667vw;}
    #lp-sp-ch24 .sec3 nav ul{ flex-direction: column; justify-content: flex-start;}
    #lp-sp-ch24 .sec3 nav ul > li{ margin: 0 0 22.93333333vw; padding: 8vw 0; width: 100%; height: auto; border-radius: 1.866666667vw;}
    #lp-sp-ch24 .sec3 nav ul > li:after{ position: absolute; top: -13.33333333vw; left: 50%; width: 3.466666667vw; height: 2.933333333vw; background: url("/static/mallDefault/contents/images/sp/ch24/arrow2_sp.png") no-repeat center / contain; transform: translate(-50%,0);}
    #lp-sp-ch24 .sec3 nav ul > li:first-child:after{ content: none;}
    #lp-sp-ch24 .sec3 nav .ico{ top: -4.533333333vw;}
    #lp-sp-ch24 .sec3 nav .ico img{ height: 8.986666667vw;}
    #lp-sp-ch24 .sec3 nav .tl{ font-size: 5.866666667vw;}
    #lp-sp-ch24 .sec3 nav p{ margin: 1em 0 0; height: auto; letter-spacing: .02em; font-size: 4.266666667vw; line-height: 1.625; justify-content: flex-start;}
    #lp-sp-ch24 .sec3 nav p span{ letter-spacing: .05em; line-height: 1.625;}
    #lp-sp-ch24 .sec3 nav p strong{ letter-spacing: .05em; font-size: 5.333333333vw; line-height: 1.6;}
    #lp-sp-ch24 .sec3 nav .btn2{ position: relative; bottom: auto; left: auto; margin: 8vw 0 0; transform: none;}
    #lp-sp-ch24 .sec3 nav .btn2 a{ margin: 0 auto; width: 67.2vw; height: 8.8vw; border-radius: 4.4vw; font-size: 4vw;}
    #lp-sp-ch24 .sec3 nav .btn2 a:after{ right: 7.466666667vw; width: 2.4vw; height: 1.866666667vw;}
}

#lp-sp-ch24 .sec3 h4{ display: flex; flex-direction: column; margin: 0 0 75px; text-align: center; letter-spacing: .05em; font-size: 18px; line-height: 1.888888889; align-items: center;}
#lp-sp-ch24 .sec3 h4 .ico{ position: relative; padding: 0 37px;}
#lp-sp-ch24 .sec3 h4 .ico:before{ position: absolute; top: 0; left: 0; width: 8.2px; height: 28.98px; border: 1px solid #707070; border-right: none; content: "";}
#lp-sp-ch24 .sec3 h4 .ico:after{ position: absolute; top: 0; right: 0; width: 8.2px; height: 28.98px; border: 1px solid #707070; border-left: none; content: "";}
#lp-sp-ch24 .sec3 h4 .ico img{ width: auto; height: 37px;}
#lp-sp-ch24 .sec3 h4 span{ margin: .75em 0 .5em; font-size: 28px; line-height: 1;}

@media only screen and (max-width: 736px) {
    #lp-sp-ch24 .sec3 h4{ margin: 0 -10.66666667vw 12vw; font-size: 4.266666667vw; line-height: 1.75;}
    #lp-sp-ch24 .sec3 h4 .ico{ padding: 0 9.866666667vw;}
    #lp-sp-ch24 .sec3 h4 .ico:before{ width: 2.186666667vw; height: 7.728vw; border: 0.266666667vw solid #707070; border-right: none;}
    #lp-sp-ch24 .sec3 h4 .ico:after{ width: 2.186666667vw; height: 7.728vw; border: 0.266666667vw solid #707070; border-left: none;}
    #lp-sp-ch24 .sec3 h4 .ico img{ height: 9.866666667vw;}
    #lp-sp-ch24 .sec3 h4 span{ margin: .75em 0 .5em; font-size: 7.466666667vw; line-height: 1.357142857;}
}

#lp-sp-ch24 .sec3 .list1{ display: flex; margin: 0 -9px 50px; flex-wrap: wrap;}
#lp-sp-ch24 .sec3 .list1 > li{ padding: 0 19px 120px; width: calc(100% / 2);}
#lp-sp-ch24 .sec3 .list1 figure{ position: relative;}
#lp-sp-ch24 .sec3 .list1 figcaption{ position: absolute; right: -20px; bottom: -44px; width: 100px;}
#lp-sp-ch24 .sec3 .list1 .detail{ padding: 15px 0 0;}
#lp-sp-ch24 .sec3 .list1 .detail h5{margin-bottom: 5%; font-size: 20px; }
#lp-sp-ch24 .sec3 .list1 .detail p{ margin: .5em 0 0; font-size: 14px; line-height: 1.857142857;}
#lp-sp-ch24 .sec3 .list1 .detail .btn3{ margin: 15px 0 0;}
#lp-sp-ch24 .sec3 .list1 .detail .btn3 a{ position: relative; display: flex; margin: 0 auto; width: 100%; height: 31px; border-radius: 15.5px; background: #7e7364; color: #f0efe9; letter-spacing: .05em; font-size: 15px; justify-content: center; align-items: center;}
#lp-sp-ch24 .sec3 .list1 .detail .btn3 a:after{ position: absolute; top: 50%; right: 12px; width: 7px; height: 9px; background: url("/static/mallDefault/contents/images/sp/ch24/arrow4.png") no-repeat center / contain; content: "";transform: translate(0,-50%);}
#lp-sp-ch24 .sec3 .list1 .detail .btn3 a small{ letter-spacing: 0; font-size: 15px;}

@media only screen and (max-width: 736px) {
    #lp-sp-ch24 .sec3 .list1{ margin: 0 -1.333333333vw 16vw;}
    #lp-sp-ch24 .sec3 .list1 > li{ padding: 0 2.333333vw 17.33333333vw; width: 100%;}
    #lp-sp-ch24 .sec3 .list1 figcaption{ right: -3.133333333vw; bottom: -15.333333333vw;}
    #lp-sp-ch24 .sec3 .list1 .detail{ padding: 5.333333333vw 0 0;}
    #lp-sp-ch24 .sec3 .list1 .detail h5{ white-space: nowrap; font-size: 6.2vw;}
    #lp-sp-ch24 .sec3 .list1 .detail p{ margin: .5em 0 0; font-size: 3.733333333vw; line-height: 1.58;}
    #lp-sp-ch24 .sec3 .list1 .detail .btn3{ margin: 5.333333333vw 0 0;}
    #lp-sp-ch24 .sec3 .list1 .detail .btn3 a{ margin: 0; height: 10.133333333vw; border-radius: 7.066666667vw; white-space: nowrap; letter-spacing: -.05em; font-size: 3.733333333vw;}
    #lp-sp-ch24 .sec3 .list1 .detail .btn3 a:after{ content: none;}
    #lp-sp-ch24 .sec3 .list1 .detail .btn3 a small{letter-spacing: -.1em; font-size: 3.2vw; }
}

#lp-sp-ch24 .sec3 .list2{ position: relative; display: flex; margin: 0 -60px 100px;}
#lp-sp-ch24 .sec3 .list2 + .list2{ margin: 0 -60px 175px;}
#lp-sp-ch24 .sec3 .list2:after{ position: absolute; top: 0; left: 50%; width: 2px; height: 100%; background: #fff; content: "";}
#lp-sp-ch24 .sec3 .list2 > li{ padding: 0 60px; width: 50%; letter-spacing: .05em;}
#lp-sp-ch24 .sec3 .list2 h5{ margin: 8% 0 0; font-size: 24px;}
#lp-sp-ch24 .sec3 .list2 p{margin: 5% auto 0%; font-size: 16px; line-height: 1.875; }
#lp-sp-ch24 .sec3 .list2 div{ padding: 60px 0 0;}
#lp-sp-ch24 .sec3 .list2 div p + p{ margin: 2em 0 0;}
#lp-sp-ch24 .sec3 .list2 p span{ font-weight: 700; font-family: 'Zen Kaku Gothic New', sans-serif;}

@media only screen and (max-width: 736px) {
    #lp-sp-ch24 .sec3 .list2{flex-direction: column; margin: 0; }
    #lp-sp-ch24 .sec3 .list2 + .list2{ margin: 0; padding: 15vw 0 0; border-top: 0.533333333vw solid #FFFFFF;}
    #lp-sp-ch24 .sec3 .list2:after{ content: none;}
    #lp-sp-ch24 .sec3 .list2 > li{ padding: 0 0 15vw; width: 100%;}
    #lp-sp-ch24 .sec3 .list2 > li + li{ padding: 15vw 0; border-top: 0.533333333vw solid #FFFFFF;}
    #lp-sp-ch24 .sec3 .list2 h5{ margin: 8vw 0 0; font-size: 6.2vw;}
    #lp-sp-ch24 .sec3 .list2 p{ font-size: 3.733333333vw;}
    #lp-sp-ch24 .sec3 .list2 div{ padding: 8vw 0 0;}
}

#lp-sp-ch24 .sec3 .list3{ display: flex; margin: 0 0 65px; justify-content: space-between;}
#lp-sp-ch24 .sec3 .list3 a{ position: relative; display: block; width: 367.15px; filter: drop-shadow(8px 8px 6px rgba(43, 83, 31, 0.15));}
#lp-sp-ch24 .sec3 .list3 img{ border-radius: 8px;}
#lp-sp-ch24 .sec3 .list3 div{ position: absolute; bottom: 0; left: 0; display: flex; padding: 0 0 0 1em; width: 100%; height: 49px; border-radius: 0 0 8px 8px; background: #c1a881; color: #f0efe9; letter-spacing: -.06em; font-size: 20px; align-items: center;}
#lp-sp-ch24 .sec3 .list3 > li:last-child div{ background: #4d4d4c;}
#lp-sp-ch24 .sec3 .list3 div:after{ position: absolute; top: 50%; right: 20px; width: 9px; height: 11px; background: url("/static/mallDefault/contents/images/sp/ch24/arrow4.png") no-repeat center / contain; content: ""; transform: translate(0,-50%);}

@media only screen and (max-width: 736px) {
    #lp-sp-ch24 .sec3 .list3{flex-direction: column;  margin: 0 0 2.666666667vw; justify-content: flex-start;}
    #lp-sp-ch24 .sec3 .list3 > li{ padding: 0 0 13.33333333vw;}
    #lp-sp-ch24 .sec3 .list3 a{ width: 100%; filter: drop-shadow(2.133333333vw 2.133333333vw 1.6vw rgba(43, 83, 31, 0.15));}
    #lp-sp-ch24 .sec3 .list3 img{ border-radius: 2.133333333vw;}
    #lp-sp-ch24 .sec3 .list3 div{ padding: 0 0 0 1em; height: 10.4vw; border-radius: 0 0 2.133333333vw 2.133333333vw; font-size: 4vw;}
    #lp-sp-ch24 .sec3 .list3 div:after{ right: 5.333333333vw; width: 1.866666667vw; height: 2.4vw;}
}

#lp-sp-ch24 .sec3 .final{ position: relative; padding: 220px 0 0;}
#lp-sp-ch24 .sec3 .final:before{ position: absolute; top: 0; left: 50%; width: 2px; height: 155px; background: url("/static/mallDefault/contents/images/sp/ch24/blt.png") no-repeat top center/ contain; content: ""; transform: translate(-50%,0);}
#lp-sp-ch24 .sec3 .final .tl{ display: flex; flex-direction: column; letter-spacing: .05em; font-size: 32px; align-items: center;}
#lp-sp-ch24 .sec3 .final .tl .ico{ margin: 0 0 18px; width: 212.88px;}
#lp-sp-ch24 .sec3 .final figure{ margin: 40px auto 0; width: 685px;}

@media only screen and (max-width: 736px) {
    #lp-sp-ch24 .sec3 .final{ margin: 0 calc(50% - 50vw); padding: 48vw 0 0;}
    #lp-sp-ch24 .sec3 .final:before{ width: 0.533333333vw; height: 39.11466667vw; background: url("/static/mallDefault/contents/images/sp/ch24/blt_sp.png") no-repeat top center/ contain;}
    #lp-sp-ch24 .sec3 .final .tl{ font-size: 6.933333333vw;}
    #lp-sp-ch24 .sec3 .final .tl .ico{ margin: 0 0 4.266666667vw; width: 57.06666667vw;}
    #lp-sp-ch24 .sec3 .final figure{ margin: 12vw 0 0; width: 100vw;}
}

#lp-sp-ch24 .sec4{ margin: 0 calc(50% - 50vw); padding: 200px calc(50vw - 50%); background: #F0EFE9;}
#lp-sp-ch24 .sec4 .theme{ margin: 0 0 220px;}
#lp-sp-ch24 .sec4 .theme iframe{ width: 100%; aspect-ratio: 16/9;}
#lp-sp-ch24 .sec4 .theme dl{ padding: 50px 40px 0;}
#lp-sp-ch24 .sec4 .theme dt{ color: #3D3D3D; text-align: center; letter-spacing: .05em; font-size: 30px;}
#lp-sp-ch24 .sec4 .theme dd{ margin: 1.5em 0 0; color: #595758; letter-spacing: .03em; font-size: 16px; line-height: 2;}

@media only screen and (max-width: 736px) {
    #lp-sp-ch24 .sec4{ margin: 0; padding: 33.33333333vw 0;}
    #lp-sp-ch24 .sec4 .theme{ margin: 0 0 49.33333333vw; padding: 0 10.66666667vw;}
    #lp-sp-ch24 .sec4 .theme dl{ padding: 9.333333333vw 0 0;}
    #lp-sp-ch24 .sec4 .theme dt{ font-size: 6.4vw; line-height: 1.583333333;}
    #lp-sp-ch24 .sec4 .theme dd{ margin: 1.5em auto 0; width: 70.93333333vw; font-size: 4.266666667vw;}
}

#lp-sp-ch24 .sec4 .box{ margin: 0 0 150px; padding: 40px 40px 0; background: #fff;}
#lp-sp-ch24 .sec4 .box + .box{ margin: 0 0 210px;}
#lp-sp-ch24 .sec4 .box h4{ display: flex; flex-direction: column; margin: 0 0 30px; font-size: 16px; align-items: center;}
#lp-sp-ch24 .sec4 .box h4 span{ margin: 0 0 .5em; letter-spacing: .05em; font-weight: 500; font-size: 22px; font-family: garamond-premier-pro, serif;}
#lp-sp-ch24 .sec4 .box ul > li{ display: flex; padding: 0 0 60px; justify-content: space-between;}
#lp-sp-ch24 .sec4 .box ul figure{ width: 300px;}
#lp-sp-ch24 .sec4 .box ul .detail{ width: 388px; letter-spacing: .02em; font-family: 'Zen Kaku Gothic New', sans-serif;}
#lp-sp-ch24 .sec4 .box ul h5{ font-weight: 700; font-size: 17px; line-height: 1.647058824;}
#lp-sp-ch24 .sec4 .box ul p{ margin: .5em 0 0; font-weight: 400; font-size: 13px; line-height: 1.692307692}
#lp-sp-ch24 .sec4 .box ul .btn4 a{ display: flex; margin: 0 0 0 auto; width: 138px; height: 23px; border-radius: 11.5px; background: #7e7364; color: #f0efe9; font-size: 13px; font-family: "Bunyu Mincho StdN R"; align-items: center; justify-content: center;}

@media only screen and (max-width: 736px) {
    #lp-sp-ch24 .sec4 .box{ margin: 0 auto 20vw; padding: 8vw 6.666666667vw 0; width: 90.66666667vw;}
    #lp-sp-ch24 .sec4 .box + .box{ margin: 0 auto 22.66666667vw;}
    #lp-sp-ch24 .sec4 .box h4{ margin: 0; font-size: 4.266666667vw;}
    #lp-sp-ch24 .sec4 .box h4 span{ margin: 0 0 .25em; font-size: 5.333333333vw;}
    #lp-sp-ch24 .sec4 .box ul > li{flex-direction: column;  padding: 9.333333333vw 0; justify-content: flex-start;}
    #lp-sp-ch24 .sec4 .box ul figure{ width: 100%;}
    #lp-sp-ch24 .sec4 .box ul .detail{ padding: 8vw 0 0; width: 100%;}
    #lp-sp-ch24 .sec4 .box ul h5{ font-size: 4.8vw; line-height: 1.666666667;}
    #lp-sp-ch24 .sec4 .box ul p{ margin: .5em 0 0; font-size: 3.733333333vw; line-height: 1.857142857;}
    #lp-sp-ch24 .sec4 .box ul .btn4{ margin: 6.666666667vw 0 0;}
    #lp-sp-ch24 .sec4 .box ul .btn4 a{ margin: 0 auto 0 0; width: 36.8vw; height: 6.133333333vw; border-radius: 3.066666667vw; font-size: 3.733333333vw;}
}

#lp-sp-ch24 .sec4.item1-wrap{ margin: 50px 0 0;}
#lp-sp-ch24 .sec4 .btn1{ margin: 70px 0 150px;}

@media only screen and (max-width: 736px) {
    #lp-sp-ch24 .sec4.item1-wrap{ margin: 13.33333333vw 0 0;}
    #lp-sp-ch24 .sec4 .btn1{ margin: 18.66666667vw 0 40vw;}
}

#lp-sp-ch24 .sec5{ margin: 0 calc(50% - 50vw); padding: 150px calc(50vw - 50%) 220px; background: #D9D7D0; color: #595758;}
#lp-sp-ch24 .sec5 h3{ margin: 0 0 50px; text-align: center;}
#lp-sp-ch24 .sec5 h3 img{ width: 367.39px;}
#lp-sp-ch24 .sec5 figure{ overflow: hidden; margin: 0 auto 55px; width: 720px; border-radius: 5px;}
#lp-sp-ch24 .sec5 p{ margin: 0 auto; width: 720px; letter-spacing: .03em; font-size: 14px; line-height: 2;}

@media only screen and (max-width: 736px) {
    #lp-sp-ch24 .sec5{ margin: 0; padding: 33.33333333vw 10.66666667vw;}
    #lp-sp-ch24 .sec5 h3{ margin: 0 0 9.333333333vw;}
    #lp-sp-ch24 .sec5 h3 img{ width: 100%;}
    #lp-sp-ch24 .sec5 figure{ margin: 0 0 10.66666667vw; width: 100%; border-radius: 1.333333333vw;}
    #lp-sp-ch24 .sec5 p{ margin: 0; width: 100%; font-size: 3.733333333vw;}
}