#lp-sp-mservice{ color: #414141; font-family: "Koburina Gothic W6 JIS2004";}
#lp-sp-mservice *{ box-sizing: border-box;}
#lp-sp-mservice .pc{ display: block;}
#lp-sp-mservice .sp{ display: none;}
#lp-sp-mservice .anchor{ position: relative; z-index: -1;}
#lp-sp-mservice .anchor:before{ display: block; margin-top: -67px; width: 100%; height: 67px; content: ""; vertical-align: top;}
#lp-sp-mservice figure{ margin: 0; padding: 0;}

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

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

#lp-sp-mservice .sec{ position: relative;}

@media only screen and (max-width: 736px) {
}

#lp-sp-mservice .bg{ padding: 250px 0;}
#lp-sp-mservice .sec1 .bg2{ padding: 250px 0 50px;}
#lp-sp-mservice .bg1{ background: #fff;}
#lp-sp-mservice .bg2{ background: #F7F7F7;}

@media only screen and (max-width: 736px) {
    #lp-sp-mservice .bg{ padding: 34.66666667vw 8vw;}
    #lp-sp-mservice .sec1 .bg2{ padding: 34.66666667vw 8vw;}
}

#lp-sp-mservice h2{ position: sticky; top: 67px; z-index: -1;}

@media only screen and (max-width: 1560px) {
    #lp-sp-mservice h2{ top: 134px;}
}

@media only screen and (max-width: 736px) {
    #lp-sp-mservice h2{ top: 18.4vw;}
}

#lp-sp-mservice h3{ display: flex; margin: 0 auto; width: 500px; height: 70px; border-radius: 35px; background: #007cb7; color: #fff; letter-spacing: .1em; font-size: 26px; justify-content: center; align-items: center;}
#lp-sp-mservice .eng{ margin: 30px 0 0; color: #A9AAAA; text-align: center; letter-spacing: .1em; font-size: 14px; font-family: "Koburina Gothic W3 JIS2004";}
#lp-sp-mservice .eng + p{ margin: 100px 0 0; text-align: center; letter-spacing: .05em; font-size: 20px; line-height: 1.75;}

@media only screen and (max-width: 736px) {
    #lp-sp-mservice h3{ margin: 0; width: 100%; height: 13.33333333vw; border-radius: 6.666666667vw; font-size: 5.333333333vw;}
    #lp-sp-mservice .eng{ margin: 5.333333333vw 0 0; font-size: 3.2vw;}
    #lp-sp-mservice .eng + p{ margin: 12vw 0 0; font-size: 4vw; line-height: 1.733333333;}
}

#lp-sp-mservice .slide1-wrap{ margin: 100px auto 0; width: 1000px;}
#lp-sp-mservice .slide1{ display: flex; margin: -35px -17px 0; flex-wrap: wrap; justify-content: center;}
#lp-sp-mservice .slide1 > li{ padding: 35px 17px 0;}
#lp-sp-mservice .slide1 .box{ position: relative; display: flex; flex-direction: column; padding: 0 0 30px; width: 310px; height: 310px; border: 1px solid #d6d6d6; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.16); text-align: center; align-items: center; justify-content: flex-end;}
#lp-sp-mservice .slide1 .box1{ background: #f2f5f8;}
#lp-sp-mservice .slide1 .box2{ background: #fff;}
#lp-sp-mservice .slide1 .box3{ background: #f8f2f7;}
#lp-sp-mservice .slide1 .box4{ background: #f8f4f2;}
#lp-sp-mservice .slide1 .box5{ background: #fcfaed;}
#lp-sp-mservice .slide1 .mark{ position: absolute; top: 16px; left: 18px; width: 99.45px;}
#lp-sp-mservice .slide1 figure img{ width: auto; height: 116px;}
#lp-sp-mservice .slide1 dt{ color: #434343; letter-spacing: .1em; font-size: 20px;}
#lp-sp-mservice .slide1 dd{ display: flex; flex-direction: column; margin: 1.25em 0 0; letter-spacing: .1em; font-size: 14px; line-height: 1.785714286; align-items: center;}
#lp-sp-mservice .slide1 dd span{ margin: .5em 0 0; font-size: 12px; font-family: "Koburina Gothic W3 JIS2004"; line-height: 1.583333333;}
#lp-sp-mservice .slide1 .box4 dd{ margin: .5em 0 0;}

@media only screen and (max-width: 736px) {
    #lp-sp-mservice .slide1-wrap{ margin: 12vw calc(50% - 50vw) 0; width: 100vw;}
    #lp-sp-mservice .slide1{ display: block; margin: 0; opacity: 0; transition: opacity 1s ease;}
    #lp-sp-mservice .slide1.slick-initialized{ opacity: 1;}
    #lp-sp-mservice .slide1 > li{ padding: 0;}
    #lp-sp-mservice .slide1 .slick-slide{ padding: 0 4vw; width: 76vw;}
    #lp-sp-mservice .slide1 .box{ padding: 0 0 8vw; width: 68vw; height: 68vw; border: 0.266666667vw solid #d6d6d6; box-shadow: 0px 0px 2.666666667vw rgba(0, 0, 0, 0.16);}
    #lp-sp-mservice .slide1 .mark{ top: 3.466666667vw; left: 4vw; width: 25.94133333vw;}
    #lp-sp-mservice .slide1 figure img{ height: 17.33333333vw;}
    #lp-sp-mservice .slide1 dl{ margin: 6.666666667vw 0 0;}
    #lp-sp-mservice .slide1 dt{ font-size: 4vw;}
    #lp-sp-mservice .slide1 dd{ margin: 1.25em 0 0; font-size: 3.2vw; line-height: 1.666666667;}
    #lp-sp-mservice .slide1 dd span{ margin: .5em 0 0; font-size: 2.666666667vw; line-height: 1.6;}
    #lp-sp-mservice .slide1 .box4 dd{ margin: .5em 0 0;}
}

#lp-sp-mservice .btn1{ margin: 100px 0 0;}
#lp-sp-mservice .btn1 a{ display: flex; margin: 0 auto; width: 360px; height: 100px; border-radius: 30px; background: #ffff40; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); letter-spacing: 0.08em; font-size: 24px; justify-content: center; align-items: center;}

@media only screen and (max-width: 736px) {
    #lp-sp-mservice .btn1{ margin: 20vw 0 0;}
    #lp-sp-mservice .btn1 a{ margin: 0; width: 100%; height: 21.33333333vw; border-radius: 5.333333333vw; box-shadow: 0px 0.8vw 1.6vw rgba(0, 0, 0, 0.16); font-size: 4.266666667vw;}
}

#lp-sp-mservice .list1{ display: flex; margin: 100px auto 0; width: 850px; justify-content: space-between;}
#lp-sp-mservice .list1 dl{ position: relative; padding: 0 0 100px;}
#lp-sp-mservice .list1 dt img{ margin: 0 auto; width: auto; height: 307.87px;}
#lp-sp-mservice .list1 dd{ position: absolute; bottom: 0; left: 50%; text-align: center; white-space: nowrap;letter-spacing: .1em; font-size: 14px; line-height: 1.785714286; transform: translate(-50%,0);}

@media only screen and (max-width: 736px) {
    #lp-sp-mservice .list1{ flex-direction: column; margin: 0; width: 100%; justify-content: flex-start; align-items: center;}
    #lp-sp-mservice .list1 > li{ margin: 10.66666667vw 0 0;}
    #lp-sp-mservice .list1 dl{ padding: 0;}
    #lp-sp-mservice .list1 dt img{ margin: 0; width: 100%; height: auto;}
    #lp-sp-mservice .list1 dd{ position: relative; bottom: auto; left: auto; padding: 1em 0 0; text-align: left; font-size: 3.2vw; line-height: 1.666666667; transform: none;}
}

#lp-sp-mservice .cap{ margin: 250px 0 0; text-align: center; font-size: 12px; font-family: "Koburina Gothic W3 JIS2004";}

@media only screen and (max-width: 736px) {
    #lp-sp-mservice .cap{ margin: 10.66666667vw 0 0; padding: 5.333333333vw 0 0; border-top: 0.266666667vw solid #707070; text-align: left; font-size: 2.666666667vw; line-height: 1.6;}
}

#lp-sp-mservice .list2{ margin: 0 auto; padding: 50px 0 0; width: 850px;}
#lp-sp-mservice .list2 > li{ margin: 30px 0 0;}

@media only screen and (max-width: 736px) {
    #lp-sp-mservice .list2{ margin: 0; padding: 4vw 0 0; width: 100%;}
    #lp-sp-mservice .list2 > li{ margin: 4vw 0 0;}
}

#lp-sp-mservice .btn2{ margin: 80px 0 0; text-align: center;}
#lp-sp-mservice .btn2 > a{ display: flex; flex-direction: column; margin: 0 auto; width: 450px; height: 110px; border: 2px solid #007cb7; border-radius: 30px; background: #fff; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); color: #007cb7; letter-spacing: .08em; font-size: 23px; justify-content: center; align-items: center;}
#lp-sp-mservice .btn2 > a span{ margin: 1em 0 0; letter-spacing: .08em; font-size: 16px;}
#lp-sp-mservice .btn2 div{ margin: 40px 0 0; font-size: 12px; font-family: "Koburina Gothic W3 JIS2004";}
#lp-sp-mservice .btn2 div a{ text-decoration: underline;}

@media only screen and (max-width: 736px) {
    #lp-sp-mservice .btn2{ margin: 13.33333333vw 0 0; }
    #lp-sp-mservice .btn2 > a{ margin: 0; width: 100%; height: 21.33333333vw; border: 0.533333333vw solid #007cb7; border-radius: 5.333333333vw; box-shadow: 0px 0.8vw 1.6vw rgba(0, 0, 0, 0.16); font-size: 4.266666667vw;}
    #lp-sp-mservice .btn2 > a span{ margin: 1em 0 0; font-size: 3.2vw;}
    #lp-sp-mservice .btn2 div{ margin: 5.333333333vw 0 0; font-size: 2.666666667vw;}
}

#lp-sp-mservice .list3{ margin: 0 auto; width: 850px;}
#lp-sp-mservice .list3 > li{ margin: 70px 0 0;}
#lp-sp-mservice .list3 figcaption{ margin: 20px 0 0; text-align: center; letter-spacing: .05em; font-size: 20px; line-height: 1.5;}
#lp-sp-mservice .list3 figcaption span{ margin: 0 .25em; font-weight: 700; font-size: 40px; font-family: "trade-gothic-next", sans-serif;}

@media only screen and (max-width: 736px) {
    #lp-sp-mservice .list3{ margin: 0; width: 100%;}
    #lp-sp-mservice .list3 > li{ margin: 8vw 0 0;}
    #lp-sp-mservice .list3 figcaption{ margin: 4vw 0 0; letter-spacing: .1em; font-size: 3.466666667vw; line-height: 1.25;}
    #lp-sp-mservice .list3 figcaption span{ margin: 0 .25em; font-size: 6.933333333vw;}
}

#lp-sp-mservice .img3{ margin: 65px auto 0; width: 900px;}

@media only screen and (max-width: 736px) {
    #lp-sp-mservice .img3{ margin: 5.333333333vw 0 0; width: 100%;}
}

#lp-sp-mservice .lg img{ margin: 0 auto; width: 280.82px;}
#lp-sp-mservice .dl1{ margin: 0 auto; width: 850px; text-align: center;}
#lp-sp-mservice .dl1 dt{ margin: 100px 0 0; color: #007cb7; letter-spacing: .1em; font-size: 23px;}
#lp-sp-mservice .dl1 dd{ margin: 30px 0 0;}
#lp-sp-mservice .dl1 ul{ display: flex; justify-content: center; flex-wrap: wrap;}
#lp-sp-mservice .dl1 ul > li{ padding: 20px 10px 0;}
#lp-sp-mservice .dl1 ul a{ display: flex; padding: 0 2em; height: 44px; border: 1px solid #a9aaaa; border-radius: 22px; letter-spacing: .1em; font-size: 16px; font-family: "Koburina Gothic W3 JIS2004"; justify-content: center; align-items: center;}

@media only screen and (max-width: 736px) {
    #lp-sp-mservice .lg img{ width: 26.824vw;}
    #lp-sp-mservice .dl1{ margin: 0; width: 100%;}
    #lp-sp-mservice .dl1 dt{ margin: 13.33333333vw 0 0; font-size: 4.8vw;}
    #lp-sp-mservice .dl1 dd{ margin: 4vw calc(50% - 50vw); width: 100vw;}
    #lp-sp-mservice .dl1 ul > li{ padding: 4vw 2.666666667vw 0;}
    #lp-sp-mservice .dl1 ul a{ padding: 0 1.25em; height: 8.8vw; border: 0.266666667vw solid #a9aaaa; border-radius: 4.4vw; font-size: 3.466666667vw;}
}

#lp-sp-mservice .app{ position: fixed; top: 50%; right: 0; transform: translate(0,-50%); z-index: 10;}
#lp-sp-mservice .app a{ position: relative; display: flex; flex-direction: column; width: 14.58333333vw; height: 5.9375vw; border-radius: 0.520833333vw 0px 0px 0.520833333vw; background: #ffff40; letter-spacing: .2em; font-size: 1.25vw; line-height: 1; align-items: center; justify-content: center;}
#lp-sp-mservice .app a span{ margin: 1.8vw 0 0; font-size: 0.9375vw;}
#lp-sp-mservice .app a:after{ position: absolute; top: 3.125vw; left: 50%; width: 2.083333333vw; height: 0.052083333vw; background: #414141; content: ""; transform: translate(-50%,0);}

@media only screen and (max-width: 736px) {
    #lp-sp-mservice .app a{flex-direction: row;  width: 10.66666667vw; height: 50.66666667vw; border-radius: 2.666666667vw 0px 0px 2.666666667vw; white-space: nowrap; font-size: 3.2vw; writing-mode: vertical-rl; align-items: center; justify-content: center;}
    #lp-sp-mservice .app a span{ margin: 1em 0 0; padding: 1em 0 0; border-top: 1px solid #707070; font-size: 3.2vw;}
    #lp-sp-mservice .app a:after{ content: none;}
}

.slick-dotted.slick-slider{ margin-bottom: 0;}
.slick-dots{ bottom: -7.466666667vw;}
.slick-dots li{ margin: 0 1.066666667vw; width: 2.133333333vw; height: 2.133333333vw;}
.slick-dots li button{ padding: 0; width: 100%; height: 100%;}
.slick-dots li button:before{ display: block; width: 100%; height: 100%; border: 0.266666667vw solid #707070; border-radius: 100%; background: #fff; content: ''; opacity: 1;}
.slick-dots li.slick-active button:before{ background: #82b3c8; opacity: 1;}