#lp-support2510{ margin: 0 auto; width: 1100px; color: #000; font-weight: 400; font-family: ryo-gothic-plusn, sans-serif;}
#lp-support2510 *{ box-sizing: border-box;}
#lp-support2510 .pc{ display: block;}
#lp-support2510 .sp{ display: none;}
#lp-support2510 .anchor{ position: relative; z-index: -1;}
#lp-support2510 .anchor:before{ display: block; margin-top: -67px; width: 100%; height: 67px; content: ""; vertical-align: top;}
#lp-support2510 figure{ margin: 0; padding: 0;}

@media only screen and (max-width: 1560px) {
    .anchor:before{ margin-top: -134px; height: 134px;}
}

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

#lp-support2510 .sec1{ position: relative; z-index: 20; display: flex; /*margin: 0 calc(50% - 50vw) 165px; padding: 160px calc(50vw - 50%);*/ margin: 0 calc(50% - 50vw) 100px; padding: 0 calc(50vw - 50%); height: 415px; background: #DCE3CF; justify-content: space-between; align-items: center;}
#lp-support2510 .sec1 .tl{ display: flex; flex-direction: column;}
/*#lp-support2510 .sec1 .tl:after{ position: absolute; bottom: -87px; left: -9px; width: 355.31px; height: 238.89px; background: url("/static/mallDefault/contents/images/support/img_main.png") no-repeat center / contain; content: "";}*/
#lp-support2510 .sec1 .tl h2{ display: flex; flex-direction: column; letter-spacing: .08em; font-weight: 500; font-size: 22px; line-height: 1;}
#lp-support2510 .sec1 .tl h2 span{ margin: 0 0 .25em; letter-spacing: .035em; font-weight: 500; font-size: 50px; font-family: new-frank, sans-serif; line-height: 1;}
#lp-support2510 .sec1 .tl p{ margin: .5em 0 0; letter-spacing: .035em; font-size: 17px; line-height: 1.666666667;}
#lp-support2510 .sec1 .tl figure{ margin: 2em 0 0; width: 225px;}

@media only screen and (max-width: 736px) {
    #lp-support2510 .sec1{ flex-direction: column; margin: 0 0 10.66666667vw; padding: 10.66666667vw 6.666666667vw; height: auto; justify-content: flex-start;}
    /*#lp-support2510 .sec1 .tl:after{ top: -20vw; right: 2.666666667vw; bottom: auto; left: auto; width: 39.02933333vw; height: 26.24266667vw; background: url("/static/mallDefault/contents/images/support/img_main_sp.png") no-repeat center / contain;}*/
    #lp-support2510 .sec1 .tl h2{ letter-spacing: .05em; font-size: 5.333333333vw;}
    #lp-support2510 .sec1 .tl h2 span{ margin: 0 0 .5em; letter-spacing: .05em; font-size: 12.666667vw;}
    #lp-support2510 .sec1 .tl p{ margin: .25em 0 0; font-size: 3.733333333vw; line-height: 2.142857143;}
    #lp-support2510 .sec1 .tl figure{ margin: 1.25em 0 0; width: 60vw;}
}

#lp-support2510 .sec1 nav{ width: 654px;}
#lp-support2510 .sec1 nav ul{ display: flex; flex-wrap: wrap; justify-content: space-between;}
#lp-support2510 .sec1 nav ul > li{ padding: 0 0 20px; width: 206px;}
#lp-support2510 .sec1 nav ul > li:last-child{ padding: 0; width: 100%;}
#lp-support2510 .sec1 nav button{ position: relative; display: flex; width: 100%; height: 90px; border: none; border: 2px solid #efeff0; border-radius: 10px; background: none; background: #dce3cf; box-shadow: 4px 4px 2px rgba(50, 87, 23, 0.25); color: #000; text-align: center; letter-spacing: .05em; font-weight: 500; font-size: 16px; font-family: ryo-gothic-plusn, sans-serif; line-height: 1.5; cursor: pointer; justify-content: center; align-items: center;}
#lp-support2510 .sec1 nav button.mixitup-control-active{ background: #f3f7ea;}
/*#lp-support2510 .sec1 nav button:after{ position: absolute; right: 12px; bottom: 12px; width: 20px; height: 20px; background: url("/static/mallDefault/contents/images/support/ico_arrow.png") no-repeat center / contain; content: "";}*/

@media only screen and (max-width: 736px) {
    #lp-support2510 .sec1 nav{ margin: 4vw 0 0; width: 100%;}
    #lp-support2510 .sec1 nav ul > li{ padding: 0 0 3.2vw; width: calc(50% - 1.6vw);}
    #lp-support2510 .sec1 nav ul > li:last-child{ padding: 0; width: 100%;}
    #lp-support2510 .sec1 nav button{ /*padding: 0 0 2.666666667vw;*/ padding: 0; height: 13.33333333vw; border: 0.4vw solid #efeff0; border-radius: 1.6vw; box-shadow: 0.533333333vw 0.533333333vw 0.533333333vw rgba(50, 87, 23, 0.25); letter-spacing: normal; font-size: 3.2vw; line-height: 1.5;}
    /*#lp-support2510 .sec1 nav button:after{ right: auto; bottom: 1.066666667vw; left: 50%; width: 3.149333333vw; height: 3.149333333vw; transform: translate(-50%,0);}*/
    #lp-support2510 .sec1 nav ul > li:last-child button{ padding: 0; font-size: 3.733333333vw;}
}

#lp-support2510 .sec2 > .mix{ padding: 0 0 240px;}
#lp-support2510 .sec2 h3{ color: #809855; letter-spacing: .05em; font-weight: 500; font-size: 30px;}
#lp-support2510 .sec2 ul{ display: flex; margin: -150px -23px 0; padding: 65px 0 0; flex-wrap: wrap;}
#lp-support2510 .sec2 ul > li{ padding: 150px 23px 0; width: calc(100% / 3);}
#lp-support2510 .sec2 ul > li.flex{ display: flex; flex-direction: column; justify-content: space-between;}
#lp-support2510 .sec2 ul h4{ margin: 1.5em 0 0; letter-spacing: .11em; font-weight: 500; font-size: 21px; line-height: 1.428571429;}
#lp-support2510 .sec2 ul h4 a{ position: relative; display: block;}
#lp-support2510 .sec2 ul h4 a:after{ position: absolute; top: 50%; right: 0; width: 20px; height: 20px; background: url("/static/mallDefault/contents/images/support/ico_arrow.png") no-repeat center / contain; content: ""; transform: translate(0,-50%) rotate(-90deg);}
#lp-support2510 .sec2 ul p{ margin: 1.5em 0 0; letter-spacing: .1em; font-weight: 300; font-size: 16px; line-height: 2.25;}
#lp-support2510 .sec2 ul p + p{ margin: 1em 0 0;}
#lp-support2510 .sec2 ul p small{ display: block; letter-spacing: .08em; font-size: 13px; line-height: 2;}
#lp-support2510 .sec2 ul p a{ text-decoration: underline;}
#lp-support2510 .sec2 ul .btn1{ margin: 50px 0 0;}
#lp-support2510 .sec2 ul .btn1 a{ display: flex; height: 52px; border-radius: 26px; background: #dce3cf; letter-spacing: .05em; font-weight: 500; font-size: 14px; justify-content: center; align-items: center;}
#lp-support2510 .sec2 ul .btn1 i{ margin: 0 0 0 .75em; width: 20px; height: 20px; background: url("/static/mallDefault/contents/images/support/ico_arrow.png") no-repeat center / contain; transform: rotate(-90deg);}

@media only screen and (max-width: 736px) {
    #lp-support2510 .sec2{ padding: 0 5.333333333vw;}
    #lp-support2510 .sec2 > .mix{ padding: 0 0 16vw;}
    #lp-support2510 .sec2 h3{ white-space: nowrap; letter-spacing: normal; font-size: 5.866666667vw; line-height: 1.363636364;}
    #lp-support2510 .sec2 ul{ margin: -10.66666667vw -2.666666667vw 0; padding: 5.333333333vw 0 0;}
    #lp-support2510 .sec2 ul > li{ padding: 10.66666667vw 2.666666667vw 0; width: 50%;}
    #lp-support2510 .sec2 ul h4{ margin: 1em 0 0; min-height: 3.5em;white-space: nowrap; letter-spacing: normal; font-size: 4.266666667vw; line-height: 1.625; }
    #lp-support2510 .sec2 ul h4 a:after{ top: .35em; width: 3.733333333vw; height: 3.733333333vw;transform: translate(0,0) rotate(-90deg);}
    #lp-support2510 .sec2 ul p{ margin: 0; letter-spacing: .08em; font-size: 3.2vw; line-height: 1.833333333;}
    #lp-support2510 .sec2 ul p + p{ margin: 1em 0 0;}
    #lp-support2510 .sec2 ul p small{ font-size: 2.666666667vw; line-height: 1.8;}
    #lp-support2510 .sec2 ul .btn1{ margin: 6.666666667vw 0 0;}
    #lp-support2510 .sec2 ul .btn1 a{ height: 14.4vw; border-radius: 7.2vw; letter-spacing: 0; font-size: 3.2vw; line-height: 1.5;}
    #lp-support2510 .sec2 ul .btn1 i{ margin: 0 0 0 .5em; width: 3.733333333vw; height: 3.733333333vw;}
}

#lp-support2510 .sec3{ position: relative; z-index: 20; margin: 0 calc(50% - 50vw); padding: 80px calc(50vw - 50% + 75px); background: #DCE3CF;}
#lp-support2510 .sec3 .btn2{ display: flex; flex-direction: column; align-items: center;}
#lp-support2510 .sec3 .btn2 a{ display: flex; width: 100%; height: 86px; border-radius: 10px; background: #fff; letter-spacing: .15em; font-weight: 500; font-size: 22px; justify-content: center; align-items: center;}
#lp-support2510 .sec3 .btn2 i{ margin: 0 0 0 .75em; width: 20px; height: 20px; background: url("/static/mallDefault/contents/images/support/ico_arrow.png") no-repeat center / contain; transform: rotate(-90deg);}
#lp-support2510 .sec3 .btn2 .cap{ margin: 2em 0 0; letter-spacing: .08em; font-weight: 300; font-size: 14px;}

@media only screen and (max-width: 736px) {
    #lp-support2510 .sec3{ margin: 0; padding: 8vw 8vw 24vw;}
    #lp-support2510 .sec3 .btn2 a{ height: 13.33333333vw; border-radius: 1.6vw; font-size: 3.733333333vw;}
    #lp-support2510 .sec3 .btn2 i{ margin: 0 0 0 .75em; width: 4.082666667vw; height: 4.082666667vw;}
    #lp-support2510 .sec3 .btn2 .cap{ margin: 2em 0 0; letter-spacing: .25em; font-size: 3.2vw;}
}

#lp-support2510 .pagetop{ position: fixed; right: 5.208333333vw; bottom: 5.208333333vw; z-index: 10;width: 69px; }
#lp-support2510 .pagetop a{ display: block;}

@media only screen and (max-width: 736px) {
    #lp-support2510 .pagetop{ right: 6.666666667vw; bottom: 6.666666667vw; width: 13.86666667vw;}
}

.footer{ z-index: 20;}