#lp-sp-marble{ overflow: hidden; margin: 0 auto; padding: 0 0 90px; color: #000;}
#lp-sp-marble .pc{ display: block;}
#lp-sp-marble .sp{ display: none;}
#lp-sp-marble .anchor{ position: relative; z-index: -1;}
#lp-sp-marble .anchor:before{ display: block; margin-top: -67px; width: 100%; height: 67px; content: ""; vertical-align: top;}
#lp-sp-marble figure{ margin: 0; padding: 0;}

@media only screen and (max-width: 736px) {
    #lp-sp-marble{ overflow: hidden; padding: 0 0 50px; width: 100%;}
    #lp-sp-marble *{ box-sizing: border-box;}
    #lp-sp-marble .pc{ display: none;}
    #lp-sp-marble .sp{ display: block;}
    #lp-sp-marble .anchor{ position: relative; z-index: -1;}
    #lp-sp-marble .anchor:before{ display: block; margin-top: -18.4vw; width: 100%; height: 18.4vw; content: ""; vertical-align: top;}
}

#lp-sp-marble .sec1{ box-sizing: border-box; padding: 7.5vw 8.333vw 0; width: 100%; height: 186.166vw; background: url("/static/mallDefault/contents/images/sp/marble_tool/bg.jpg") no-repeat top center / contain;}
#lp-sp-marble .sec1 h2{ text-align: center; letter-spacing: .16em; font-size: 3.416vw; font-family: "Midashi Go MB1";}
#lp-sp-marble .sec1 h2 small{ font-size: 2.75vw;}
#lp-sp-marble .sec1 h2 span{ display: block; padding: 0 0 1.166vw;}
#lp-sp-marble .sec1 h2 span img{ margin: 0 auto; width: 9.916vw;}
#lp-sp-marble .sec1 .line1{ margin: 0.833vw 0 0;}
#lp-sp-marble .sec1 .line1 img{ margin: 0 auto; width: 61.25vw;}
#lp-sp-marble .sec1 .pt1{ margin: 1.666vw 0 0;}
#lp-sp-marble .sec1 .line2{ margin: 3.333vw 0 0; color: #fff; text-align: center; letter-spacing: .1em; font-size: 30px; font-family: "Midashi Go MB1";}
#lp-sp-marble .sec1 .pt2{ position: relative; margin: 2.5vw 0 0; padding: 7.916vw 0 0;}
#lp-sp-marble .sec1 .pt2:before{ position: absolute; top: 0; left: 50%; width: 1px; height: 6vw; background: #fff; content: ""; transform: translate(-50%,0);}
#lp-sp-marble .sec1 .pt2 img{ margin: 0 auto; width: 33.333vw;}
#lp-sp-marble .sec1 .pt3{ margin: 6.333vw 0 0; text-align: center;}
#lp-sp-marble .sec1 .pt3 img{ margin: 0 auto; width: 8.833vw;}
#lp-sp-marble .sec1 .pt3 figcaption{ margin: 1.666vw 0 0; color: #646464; letter-spacing: .04em; font-size: 1.333vw; }
#lp-sp-marble .sec1 .line3{ margin: 6.166vw 0 0; text-align: center; letter-spacing: .06em; font-size: 21px; line-height: 2;}

@media only screen and (max-width: 736px) {
    #lp-sp-marble .sec1{ padding: 13.333vw 0 0; height: 405vw; background: url("/static/mallDefault/contents/images/sp/marble_tool/bg_sp.jpg") no-repeat top center / cover;}
    #lp-sp-marble .sec1 h2{ padding: 0 12vw; text-align: justify; white-space: nowrap; letter-spacing: normal; font-size: 7.066vw;}
    #lp-sp-marble .sec1 h2 small{ font-size: 4.4vw;}
    #lp-sp-marble .sec1 h2 span{ padding: 0 0 4vw;}
    #lp-sp-marble .sec1 h2 span img{ margin: 0; width: 19.333vw;}
    #lp-sp-marble .sec1 .line1{ margin: 1.866vw 0 0; padding: 0 12.666vw;}
    #lp-sp-marble .sec1 .line1 img{ margin: 0; width: 100%;}
    #lp-sp-marble .sec1 .pt1{ margin: 4vw 0 0;}
    #lp-sp-marble .sec1 .pt1 img{ margin: 0 auto; width: 78.666vw;}
    #lp-sp-marble .sec1 .line2{ margin: 10.666vw 0 0; font-size: 4vw; line-height: 1.65;}
    #lp-sp-marble .sec1 .pt2{ margin: 3.333vw 0 0; padding: 12.666vw 0 0;}
    #lp-sp-marble .sec1 .pt2:before{ height: 9.6vw;}
    #lp-sp-marble .sec1 .pt2 img{ width: 44vw;}
    #lp-sp-marble .sec1 .pt3{ margin: 8.666vw 0 0;}
    #lp-sp-marble .sec1 .pt3 img{ width: 14.166vw;}
    #lp-sp-marble .sec1 .pt3 figcaption{ margin: 3.333vw 0 0; font-size: 2.933vw;}
    #lp-sp-marble .sec1 .line3{ margin: 6vw 0 0; white-space: nowrap;font-size: 2.933vw; line-height: 1.9; }
}

#lp-sp-marble .sec1 .box{ position: relative; box-sizing: border-box; margin: 100px auto 100px; padding: 60px 60px 45px; width: 760px; border: 1px solid; border-top: none; background: #fff;}
#lp-sp-marble .sec1 .box h3{ position: absolute; top: -.5em; left: 0; z-index: 2; display: flex; width: 100%; letter-spacing: .12em; font-size: 24px; font-family: "Midashi Go MB1"; align-items: center;}
#lp-sp-marble .sec1 .box h3:before,
#lp-sp-marble .sec1 .box h3:after{ border-top: 1px solid; content: ""; flex-grow: 1;}
#lp-sp-marble .sec1 .box h3:before{ margin-right: 1rem;}
#lp-sp-marble .sec1 .box h3:after{ margin-left: 1rem;}
#lp-sp-marble .sec1 .box p{ font-size: 16px; line-height: 1.875;}
#lp-sp-marble .sec1 .box figure{ margin: 20px 0 0;}
#lp-sp-marble .sec1 .box figure img{ margin: 0 auto; width: 543px;}
#lp-sp-marble .sec1 .box ul{ display: flex; text-align: center; letter-spacing: .1em; font-size: 12px;  justify-content: center;}
#lp-sp-marble .sec1 .box ul > li{ display: flex; flex-direction: column; padding: 10px 0 0 38px; border-left: 1px solid; white-space: nowrap; align-items: center;}
#lp-sp-marble .sec1 .box ul > li:first-child{ padding: 10px 38px 0 0; border: none;}
#lp-sp-marble .sec1 .box ul span{ position: relative; margin: 15px 0 0; font-size: 20px;}
#lp-sp-marble .sec1 .box ul span:before,
#lp-sp-marble .sec1 .box ul span:after{ position: absolute; bottom: 0; width: 1px; height: 21px; background: #000; content: "";}
#lp-sp-marble .sec1 .box ul span:before{ left: -1em; transform: rotate(-30deg);}
#lp-sp-marble .sec1 .box ul span:after{ right: -1em; transform: rotate(30deg);}

@media only screen and (max-width: 736px) {
    #lp-sp-marble .sec1 .box{ margin: 12vw auto 0; padding: 6.666vw 5.333vw; width: 72vw;}
    #lp-sp-marble .sec1 .box h3{ font-size: 4.533vw;}
    #lp-sp-marble .sec1 .box p{ font-size: 2.933vw; line-height: 1.72;}
    #lp-sp-marble .sec1 .box figure{ margin: 0 0 0;}
    #lp-sp-marble .sec1 .box figure img{ width: 58.666vw;}
    #lp-sp-marble .sec1 .box ul{ margin: 2.666vw 0 0; font-size: 2.4vw;}
    #lp-sp-marble .sec1 .box ul > li{ padding: 0; border-left: none;}
    #lp-sp-marble .sec1 .box ul > li:first-child{ padding: 0;}
    #lp-sp-marble .sec1 .box ul > li:last-child{ display: none;}
    #lp-sp-marble .sec1 .box ul span{ margin: 3.333vw 0 0; font-size: 4vw;}
    #lp-sp-marble .sec1 .box ul span:before,
    #lp-sp-marble .sec1 .box ul span:after{ height: 5.6vw;}
}

#lp-sp-marble .sec1 .btn1{ margin: 75px 0 0;}
#lp-sp-marble .sec1 .btn1 a{ display: flex; margin: 0 auto; width: 470px; height: 50px; background: rgba(100,100,100,.7); color: #fff; letter-spacing: .1em; font-size: 16px; font-family: "Gothic Medium BBB"; align-items: center; justify-content: center;}
#lp-sp-marble .sec1 .btn1 a i{ margin: 0 0 0 1em; width: 17px;}
#lp-sp-marble .sec1 .btn1 a:hover{ background: rgba(0,0,0,.7);}

@media only screen and (max-width: 736px) {
    #lp-sp-marble .sec1 .btn1{ margin: 7.333vw 0 0;}
    #lp-sp-marble .sec1 .btn1 a{ width: 78.666vw; height: 8.666vw; font-size: 2.933vw;}
    #lp-sp-marble .sec1 .btn1 a i{ width: 2.8vw;}
}

#lp-sp-marble .sec2{ margin: 0 auto; padding: 100px 0; width: 1000px;}
#lp-sp-marble .sec2 h3{ margin: 130px 0 0; text-align: center; letter-spacing: .12em; font-size: 24px; font-family: "Midashi Go MB1";}
#lp-sp-marble .sec2 > h3:first-of-type{ margin: 0;}
#lp-sp-marble .sec2 h3 + p{ margin: 2em 0; text-align: center; letter-spacing: .06em; font-size: 16px; font-family: "Gothic Medium BBB"; line-height: 2; }
#lp-sp-marble .sec2 h4{ margin: 30px 0 0;}
#lp-sp-marble .sec2 h4 img{ margin: 0 auto; width: 86px;}
#lp-sp-marble .sec2 h4.hr{ margin: 70px 0 0; padding: 45px 0 0; border-top: 1px dashed;}
#lp-sp-marble .sec2 ul{ display: flex; margin: 0 auto; width: 840px; flex-wrap: wrap; justify-content: space-between;}
#lp-sp-marble .sec2 ul > li{ padding: 0 0 35px; width: calc(50% - 20px);}
#lp-sp-marble .sec2 ul figcaption{ padding: 15px 0 0; text-align: center; white-space: nowrap; font-size: 17px; font-weight: bold; }
#lp-sp-marble .sec2 .pt1{ display: flex; margin: 0 auto 70px; width: 760px; justify-content: space-between; align-items: center;}
#lp-sp-marble .sec2 .pt1 > img{ width: 140px;}
#lp-sp-marble .sec2 .pt1 > figcaption{ padding: 20px; letter-spacing: .06em; font-size: 14px; font-family: "Gothic Medium BBB"; line-height: 1.85; border: 1px solid #000; }
#lp-sp-marble .sec2 .btn2{ margin: 25px 0 0;}
#lp-sp-marble .sec2 .btn2 a{ display: flex; letter-spacing: .12em; font-size: 16px; font-family: "Midashi Go MB1"; justify-content: center; align-items: center;}
#lp-sp-marble .sec2 .btn2 a i{ margin: 0 0 0 1em; width: 7px;}

@media only screen and (max-width: 736px) {
    #lp-sp-marble .sec2{ padding: 9.333vw 9.333vw 0; width: 100%;}
    #lp-sp-marble .sec2 h3{ margin: 13.333vw 0 0; font-size: 5.066vw;}
    #lp-sp-marble .sec2 h3 + p{ text-align: left; font-size: 2.933vw; line-height: 1.81;}
    #lp-sp-marble .sec2 h4{ margin: 8.666vw auto 0; width: 58.266vw;}
    #lp-sp-marble .sec2 h4 img{ width: 19.066vw;}
    #lp-sp-marble .sec2 h4.hr{ margin: 10.666vw auto 0; padding: 9.333vw 0 0;}
    #lp-sp-marble .sec2 ul{ flex-direction: column; width: 58.666vw;}
    #lp-sp-marble .sec2 ul > li{ padding: 0 0 4vw; width: 100%;}
    #lp-sp-marble .sec2 ul figcaption{ padding: 2.666vw 0 0; font-size: 2.4vw;}
    #lp-sp-marble .sec2 .pt1{ margin: 5.333vw 0 11.333vw; width: 100%;}
    #lp-sp-marble .sec2 .pt1 > img{ width: 38.666vw;}
    #lp-sp-marble .sec2 .pt1 > figcaption{ padding: 20px 10.666vw; text-align: justify; font-size: 2.4vw; line-height: 1.61; border: 1px solid #000; }
    #lp-sp-marble .sec2 .btn2{ margin: 5.333vw 0 0;}
    #lp-sp-marble .sec2 .btn2 a{ font-size: 2.4vw;}
    #lp-sp-marble .sec2 .btn2 a i{ width: 1.6vw;}
}

#lp-sp-marble .sec2 .pt2{ margin: 0 auto; width: 840px;}
#lp-sp-marble .sec2 .btn3{ margin: 70px 0 0;}
#lp-sp-marble .sec2 .btn3 a{ display: flex; margin: 0 auto; width: 470px; height: 50px; border: 1px solid; letter-spacing: .1em; font-size: 16px; font-family: "Gothic Medium BBB"; align-items: center; justify-content: center;}
#lp-sp-marble .sec2 .btn3 a i{ margin: 0 0 0 .5em; font-style: normal;}
#lp-sp-marble .sec2 .btn3 a:hover{ background: rgba(0,0,0,.7); color: #fff;}

@media only screen and (max-width: 736px) {
    #lp-sp-marble .sec2 .pt2{ width: 47.466vw;}
    #lp-sp-marble .sec2 .btn3{ margin: 7.333vw 0 0;}
    #lp-sp-marble .sec2 .btn3 a{ width: 78.666vw; height: 8.666vw; font-size: 2.933vw;}
}

#lp-sp-marble .item-wrap{ margin: 0 auto; width: 926px;}

@media only screen and (max-width: 736px) {
    #lp-sp-marble .item-wrap{ width: 100%;}
}