@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

#lp-sp-hjw{ margin: 0 auto; width: 1100px; color: #000;}
#lp-sp-hjw *{ box-sizing: border-box;}
#lp-sp-hjw .pc{ display: block;}
#lp-sp-hjw .sp{ display: none;}
#lp-sp-hjw .anchor{ position: relative; z-index: -1;}
#lp-sp-hjw .anchor:before{ display: block; margin-top: -67px; width: 100%; height: 67px; content: ""; vertical-align: top;}
#lp-sp-hjw figure{ margin: 0; padding: 0;}

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

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

#lp-sp-hjw h2{ margin: 0 calc(50% - 50vw);}

@media only screen and (max-width: 736px) {
    #lp-sp-hjw h2{ margin: 0;}
}

#lp-sp-hjw .sec1{ padding: 200px 0 0;}
#lp-sp-hjw .sec1 .lead{ font-size: 55px; font-family: "Midashi Go MB31"; line-height: 1.272727273;}

@media only screen and (max-width: 736px) {
    #lp-sp-hjw .sec1{ padding: 0 5.333333333vw 20vw;}
    #lp-sp-hjw .sec1 .lead{ margin: -1em 0 0; font-size: 9.066666667vw; line-height: 1.176470588;}
}

#lp-sp-hjw .sec1 .row{ display: flex; justify-content: space-between;}
#lp-sp-hjw .sec1 .row > .detail{ width: 500px;}
#lp-sp-hjw .sec1 .row > .detail h3{ display: flex; flex-direction: column; padding: 210px 0 0; font-size: 16px; font-family: "Futo Go B101";}
#lp-sp-hjw .sec1 .row > .detail h3 span{ margin: 0 0 .5em; letter-spacing: .03em; font-weight: 700; font-size: 38px; font-family: "Roboto", sans-serif;}
#lp-sp-hjw .sec1 .row > .detail h3.type2{ text-align: center; align-items: center;}
#lp-sp-hjw .sec1 .row > .detail p{ margin: 75px 0 0; letter-spacing: .07em; font-size: 14px; font-family: "Futo Go B101"; line-height: 2.571428571;}
#lp-sp-hjw .sec1 .row > figure{ width: 450px;}
#lp-sp-hjw .sec1 .row > figure .line1{ margin: 0 calc(-50vw + 550px) 0 0; width: auto;}
#lp-sp-hjw .sec1 .row > figure .line2{ margin: 10px 0 0;}

@media only screen and (max-width: 736px) {
    #lp-sp-hjw .sec1 .row{ flex-direction: column; justify-content: flex-start;}
    #lp-sp-hjw .sec1 .row > .detail{ width: 100%;}
    #lp-sp-hjw .sec1 .row > .detail h3{ padding: 41.33333333vw 0 0; font-size: 2.666666667vw;}
    #lp-sp-hjw .sec1 .row > .detail h3 span{ font-size: 6.4vw;}
    #lp-sp-hjw .sec1 .row > .detail figure{ margin: 8vw 0 0;}
    #lp-sp-hjw .sec1 .row > .detail p{ margin: 8vw 0 0; letter-spacing: .1em; font-size: 3.466666667vw; line-height: 2.307692308;}
}

#lp-sp-hjw .sec1 .list1{ display: flex; margin: 100px 0 0; border-left: 1px solid #707070; justify-content: space-between;}
#lp-sp-hjw .sec1 .list1 > li{ display: flex; flex-direction: column; width: calc(100% / 3); border-right: 1px solid #707070; align-items: center;}
#lp-sp-hjw .sec1 .list1 a{ display: block; padding: 0 20px;}
#lp-sp-hjw .sec1 .list1 figcaption{ display: flex; flex-direction: column; padding: 0 0 20px; align-items: center;}
#lp-sp-hjw .sec1 .list1 figcaption .line1 img{ width: auto; height: 106px;}
#lp-sp-hjw .sec1 .list1 figcaption .line2{ font-size: 12px; font-family: "Futo Go B101";}

@media only screen and (max-width: 736px) {
    #lp-sp-hjw .sec1 .list1{ flex-direction: column; margin: 13.33333333vw 0 0; border-top: 0.266666667vw solid #707070; border-left: none; justify-content: space-between;}
    #lp-sp-hjw .sec1 .list1 > li{ width: 100%; border-right: none; border-bottom: 0.266666667vw solid #707070;}
    #lp-sp-hjw .sec1 .list1 a{ padding: 0 0 8vw;}
    #lp-sp-hjw .sec1 .list1 figure > img{ margin: 0 auto; width: 62.93333333vw;}
    #lp-sp-hjw .sec1 .list1 figcaption{ padding: 0 0 5.333333333vw;}
    #lp-sp-hjw .sec1 .list1 figcaption .line1 img{ width: 100%; height: auto;}
    #lp-sp-hjw .sec1 .list1 figcaption .line2{ font-size: 2.666666667vw;}
}

#lp-sp-hjw .sec1 .list2{ display: flex; margin: 150px 0 0; justify-content: center;}
#lp-sp-hjw .sec1 .list2 > li{ display: flex; flex-direction: column; padding: 0 50px; align-items: center;}
#lp-sp-hjw .sec1 .list2 .tl{ display: flex; flex-direction: column; padding: 0 0 30px; font-size: 16px; font-family: "Futo Go B101"; align-items: center;}
#lp-sp-hjw .sec1 .list2 .tl i{ margin: 0 0 1em;}
#lp-sp-hjw .sec1 .list2 .tl i img{ width: auto; height: 40px;}
#lp-sp-hjw .sec1 .list2 a{ position: relative; display: flex; flex-direction: column; width: 437px; height: 100px; border: 4px solid #d3d3d3; border-radius: 50px; background: #fff; text-align: center; font-size: 18px; font-family: "Futo Go B101"; justify-content: center; align-items: center;}
#lp-sp-hjw .sec1 .list2 a span{ margin: 0 0 1em; letter-spacing: .03em; font-weight: 700; font-size: 12px; font-family: "Roboto", sans-serif;}
#lp-sp-hjw .sec1 .list2 a i{ position: absolute; top: 50%; right: 40px; width: 27px; transform: translate(0,-50%);}
#lp-sp-hjw .sec1 .list2  > li:first-child a{ background: #EFEFEF;}

@media only screen and (max-width: 736px) {
    #lp-sp-hjw .sec1 .list2{ flex-direction: column; margin: 10.66666667vw 0 0; justify-content: flex-start; align-items: center;}
    #lp-sp-hjw .sec1 .list2 > li{ padding: 16vw 0 0; width: 100%;}
    #lp-sp-hjw .sec1 .list2 .tl{ padding: 0 0 4vw; font-size: 2.666666667vw;}
    #lp-sp-hjw .sec1 .list2 .tl i{ margin: 0 0 1em;}
    #lp-sp-hjw .sec1 .list2 .tl i img{ height: 8.16vw;}
    #lp-sp-hjw .sec1 .list2 a{ width: 100%; height: 21.33333333vw; border: 0.8vw solid #d3d3d3; border-radius: 10.66666667vw; font-size: 4.266666667vw;}
    #lp-sp-hjw .sec1 .list2 a span{ font-size: 3.2vw;}
    #lp-sp-hjw .sec1 .list2 a i{ right: 8vw; width: 4vw;}
}

#lp-sp-hjw .sec2{ padding: 275px 0 0;}
#lp-sp-hjw .sec2 h3{ display: flex; flex-direction: column; font-size: 16px; font-family: "Futo Go B101"; align-items: center;}
#lp-sp-hjw .sec2 h3 span{ margin: 0 0 20px; letter-spacing: .03em; font-weight: 700; font-size: 38px; font-family: "Roboto", sans-serif;}

@media only screen and (max-width: 736px) {
    #lp-sp-hjw .sec2{ padding: 20.66666667vw 5.333333333vw 13.33333333vw;}
    #lp-sp-hjw .sec2 h3{ font-size: 2.666666667vw;}
    #lp-sp-hjw .sec2 h3 span{ margin: 0 0 2.133333333vw; font-size: 6.4vw;}
}

#lp-sp-hjw .sec2 .list1{ display: flex; margin: 0 -2px; padding: 50px 0 0; flex-wrap: wrap;}
#lp-sp-hjw .sec2 .list1 > li{ padding: 30px 2px 0; width: 184px;}
#lp-sp-hjw .sec2 .list1 figcaption{ padding: .75em 0 0; letter-spacing: .03em; font-weight: 700; font-size: 14px; font-family: "Roboto", sans-serif;}
#lp-sp-hjw .sec2 .cap{ margin: 80px 0 0; padding: 0 0 280px; text-align: center; font-size: 12px; font-family: "Futo Go B101"; line-height: 1.666666667;}

@media only screen and (max-width: 736px) {
    #lp-sp-hjw .sec2 .list1{ margin: 0 -0.4vw; padding: 5.333333333vw 0 0;}
    #lp-sp-hjw .sec2 .list1 > li{ padding: 2.666666667vw 0.4vw 0; width: calc(100% / 3);}
    #lp-sp-hjw .sec2 .list1 figcaption{ padding: .25em 0 0; font-size: 2.666666667vw;}
    #lp-sp-hjw .sec2 .cap{ margin: 8vw 0 0; padding: 0 0 26.66666667vw; font-size: 2.666666667vw; line-height: 2;}
}

#lp-sp-hjw .sec2 .item{ display: flex; padding: 0 0 200px; justify-content: space-between;}
#lp-sp-hjw .sec2 .item.reverse{ flex-direction: row-reverse;}
#lp-sp-hjw .sec2 .item > figure{ width: 550px;}
#lp-sp-hjw .sec2 .item > .detail{ padding: 0 0 70px; width: 500px; border-bottom: 1px solid #707070;}
#lp-sp-hjw .sec2 .item h4{ display: flex; margin: 35px 0 0; letter-spacing: .03em; font-weight: 300; font-style: italic; font-size: 25px; font-family: "Roboto", sans-serif; align-items: baseline;}
#lp-sp-hjw .sec2 .item h4 span{ margin: 0 .5em 0 0; font-weight: 700; font-style: normal; font-size: 30px;}
#lp-sp-hjw .sec2 .item .line1{ margin: 1em 0 0; font-size: 13px; font-family: "Futo Go B101";}
#lp-sp-hjw .sec2 .item p{ margin: 40px 0 0; letter-spacing: .07em; font-size: 14px; font-family: "Futo Go B101"; line-height: 2.571428571;}
#lp-sp-hjw .sec2 .item dl{ display: flex; margin: 45px 0 0; align-items: baseline;}
#lp-sp-hjw .sec2 .item dl > dt{ letter-spacing: .03em; font-weight: 700; font-size: 20px; font-family: "Roboto", sans-serif;}
#lp-sp-hjw .sec2 .item dl > dd{ padding: 0 0 0 1em; letter-spacing: .05em; font-size: 14px; font-family: "Futo Go B101";}
#lp-sp-hjw .sec2 .item dl > dd a{ position: relative; padding: 0 24px 0 0;}
#lp-sp-hjw .sec2 .item dl > dd a:after{ position: absolute; right: 0; bottom: 0; width: 14px; height: 14px; background: url("/static/mallDefault/contents/images/sp/hans-j-wegner/arrow1.png") no-repeat center / contain; content: "";}
#lp-sp-hjw .sec2 .item .line2{ position: relative; margin: 20px 0 0; padding: 0 0 0 38px; font-size: 15px; font-family: "Midashi Go MB31";}
#lp-sp-hjw .sec2 .item .line2:after{ position: absolute; bottom: 0; left: 0; width: 26.13px; height: 15.7px; background: url("/static/mallDefault/contents/images/sp/hans-j-wegner/arrow2.png") no-repeat center / contain; content: "";}
#lp-sp-hjw .sec2 .item .line2 + figure{ margin: 70px 0 0;}

@media only screen and (max-width: 736px) {
    #lp-sp-hjw .sec2 .item{ flex-direction: column; padding: 0 0 26.66666667vw; justify-content: flex-start;}
    #lp-sp-hjw .sec2 .item.reverse{ flex-direction: column;}
    #lp-sp-hjw .sec2 .item > figure{ width: 100%;}
    #lp-sp-hjw .sec2 .item > .detail{ margin: 1.866666667vw 0 0; padding: 0 0 8vw; width: 100%; border-bottom: 0.266666667vw solid #707070;}
    #lp-sp-hjw .sec2 .item h4{ margin: 9.333333333vw 0 0; font-size: 5.333333333vw;}
    #lp-sp-hjw .sec2 .item h4 span{ margin: 0 .5em 0 0; font-size: 6.4vw;}
    #lp-sp-hjw .sec2 .item .line1{ font-size: 2.666666667vw;}
    #lp-sp-hjw .sec2 .item p{ margin: 8vw 0 0; letter-spacing: .08em; font-size: 3.466666667vw; line-height: 2.307692308;}
    #lp-sp-hjw .sec2 .item dl{ margin: 12vw 0 0;}
    #lp-sp-hjw .sec2 .item dl > dt{ font-size: 3.733333333vw;}
    #lp-sp-hjw .sec2 .item dl > dd{ padding: 0 0 0 1em; font-size: 2.666666667vw;}
    #lp-sp-hjw .sec2 .item dl > dd a{ padding: 0 3.466666667vw 0 0;}
    #lp-sp-hjw .sec2 .item dl > dd a:after{ width: 2.666666667vw; height: 2.666666667vw;}
    #lp-sp-hjw .sec2 .item .line2{ margin: 4.8vw 0 0; padding: 0 0 0 6.933333333vw; font-size: 2.933333333vw;}
    #lp-sp-hjw .sec2 .item .line2:after{ width: 5.024vw; height: 3.018666667vw;}
    #lp-sp-hjw .sec2 .item .line2 + figure{ margin: 8vw 0 0;}
}

#lp-sp-hjw .sec3{ margin: 0 calc(50% - 50vw); padding: 300px calc(50vw - 50%) 330px; background: #EBEBEB;}
#lp-sp-hjw .sec3 h3{ display: flex; flex-direction: column; font-size: 16px; font-family: "Futo Go B101"; align-items: center; }
#lp-sp-hjw .sec3 h3 i{ margin: 0 0 1em; width: 45.2px;}
#lp-sp-hjw .sec3 h4{ display: flex; flex-direction: column; margin: 70px 0 0; font-size: 25px; font-family: "Futo Go B101"; align-items: center;}
#lp-sp-hjw .sec3 h4 span{ margin: 0 0 1em; letter-spacing: .03em; font-weight: 700; font-size: 16px; font-family: "Roboto", sans-serif;}
#lp-sp-hjw .sec3 .row{ display: flex; margin: 70px 0 0; justify-content: space-between;}
#lp-sp-hjw .sec3 .row > figure{ width: 550px;}
#lp-sp-hjw .sec3 .row > .detail{ width: 500px;}
#lp-sp-hjw .sec3 .row > .detail p{ letter-spacing: .07em; font-size: 14px; font-family: "Futo Go B101"; line-height: 2.571428571;}
#lp-sp-hjw .sec3 .row > .detail p + p{ margin: 3em 0 0;}

@media only screen and (max-width: 736px) {
    #lp-sp-hjw .sec3{ margin: 0; padding: 38.66666667vw 5.333333333vw 34.66666667vw;}
    #lp-sp-hjw .sec3 h3{ font-size: 3.733333333vw;}
    #lp-sp-hjw .sec3 h3 i{ width: 8.666666667vw;}
    #lp-sp-hjw .sec3 h4{ margin: 10.66666667vw 0 0; font-size: 4.8vw;}
    #lp-sp-hjw .sec3 h4 span{ font-size: 3.2vw;}
    #lp-sp-hjw .sec3 .row{ flex-direction: column; margin: 10.66666667vw 0 0; justify-content: flex-start;}
    #lp-sp-hjw .sec3 .row > figure{ width: 100%;}
    #lp-sp-hjw .sec3 .row > .detail{ padding: 8vw 0 0; width: 100%;}
    #lp-sp-hjw .sec3 .row > .detail p{ letter-spacing: .08em; font-size: 3.466666667vw; line-height: 2.307692308;}
    #lp-sp-hjw .sec3 .row > .detail p + p{ margin: 3em 0 0;}
}

#lp-sp-hjw .sec4{ padding: 250px 0 100px;}
#lp-sp-hjw .sec4s{ padding: 0 0 225px;}
#lp-sp-hjw .sec4 p{ margin: 100px 0 0; text-align: center; letter-spacing: .03em; font-size: 14px; font-family: "Futo Go B101"; line-height: 2.571428571;}
#lp-sp-hjw .sec4 p + p{ margin: 3em 0 0;}
#lp-sp-hjw .sec4 .scroll{ overflow-x: scroll; margin: 100px 0 0; padding: 0 0 40px;}
#lp-sp-hjw .sec4 .scroll::-webkit-scrollbar{ width: 4px; height: 4px; background: #E3E3E3;}
#lp-sp-hjw .sec4 .scroll::-webkit-scrollbar-thumb{ background: #707070;}
#lp-sp-hjw .sec4 .scroll ul{ display: flex; width: 6174px;}
#lp-sp-hjw .sec4 .scroll ul > li{ padding: 0 5px 0 0; width: 441px;}
#lp-sp-hjw .sec4 address{ display: flex; /*margin: 90px 0 0;*/ justify-content: center;}
#lp-sp-hjw .sec4 address > .detail{ display: flex; flex-direction: column; padding: 0 50px 0 0; width: 470px;}
#lp-sp-hjw .sec4 address > .detail h4{ width: 140px;}
#lp-sp-hjw .sec4 address > .detail p{ margin: 40px 0 0; text-align: left; white-space: nowrap; letter-spacing: .08em; font-size: 14px; font-family: "Futo Go B101"; line-height: 2.571428571;}
#lp-sp-hjw .sec4 address > figure{ width: 400px;}
#lp-sp-hjw .sec4 address > figure iframe{ width: 100%; height: 100%;}

@media only screen and (max-width: 736px) {
    #lp-sp-hjw .sec4{ padding: 26.66666667vw 5.333333333vw 15.333333333vw;}
    #lp-sp-hjw .sec4s{ padding: 0 5.333333333vw 20vw;}
    #lp-sp-hjw .sec4 p{ margin: 10.66666667vw 0 0; text-align: left; letter-spacing: .08em; font-size: 3.466666667vw; line-height: 2.307692308;}
    #lp-sp-hjw .sec4 p + p{ margin: 3em 0 0;}
    #lp-sp-hjw .sec4 .scroll{ margin: 10.66666667vw 0 0; padding: 0 0 4vw;}
    #lp-sp-hjw .sec4 .scroll::-webkit-scrollbar{ width: 0.533333333vw; height: 0.533333333vw;}
    #lp-sp-hjw .sec4 .scroll ul{ width: 918.4vw;}
    #lp-sp-hjw .sec4 .scroll ul > li{ padding: 0 1.066666667vw 0 0; width: 65.6vw;}
    #lp-sp-hjw .sec4 address{ flex-direction: column; /*margin: 16vw 0 0;*/ justify-content: flex-start;}
    #lp-sp-hjw .sec4 address > .detail{ padding: 0; width: 100%; align-items: center;}
    #lp-sp-hjw .sec4 address > .detail h4{ width: 21.456vw;}
    #lp-sp-hjw .sec4 address > .detail figure{ margin: 9.333333333vw 0 0; width: 100%; height: 54.13333333vw;}
    #lp-sp-hjw .sec4 address > .detail figure iframe{ width: 100%; height: 100%;}
    #lp-sp-hjw .sec4 address > .detail p{ margin: 8vw 0 0; width: 100%;font-size: 2.666666667vw; line-height: 2; }
}

#lp-sp-hjw > .bn{ position: fixed; right: 1.041666667vw; bottom: 1.041666667vw;}
#lp-sp-hjw > .bn a{ display: block; width: 26.35416667vw; box-shadow: 0.8vw 0.8vw 1.6vw rgba(0, 0, 0, 0.2);}
#lp-sp-hjw > .bn_sp{ display: none;}

@media only screen and (max-width: 736px) {
    #lp-sp-hjw > .bn{ display: none;}
    #lp-sp-hjw > .bn_sp{ position: fixed; right: 0; bottom: 0; display: block; visibility: visible; opacity: 1; transition: opacity .3s ease;}
    #lp-sp-hjw > .bn_sp a{ display: block; width: 100vw; box-shadow: 0 0 2.666666667vw rgba(0, 0, 0, 0.2);}
    #lp-sp-hjw > .bn_sp.hidden{ visibility: hidden; opacity: 0; transition: opacity .3s ease;}
}

#lp-sp-hjw .sec5{ display: flex; flex-direction: column; padding: 75px 0 90px; background: #D6D1CA; align-items: center;}
#lp-sp-hjw .sec5s{ padding: 175px 0 145px; background: #E8E8E8;}
#lp-sp-hjw .sec5 .thema{ width: 306px;}

@media only screen and (max-width: 736px) {
    #lp-sp-hjw .sec5{ margin: 0 auto; padding: 14.66666667vw 0 26.66666667vw; width: 89.33333333vw;}
    #lp-sp-hjw .sec5s{ padding: 26.66666667vw 0;}
    #lp-sp-hjw .sec5 .thema{ width: 45.79733333vw;}
}

#lp-sp-hjw .sec5 h3{ display: flex; flex-direction: column; text-align: center; font-size: 35px; font-family: "Gothic MB101 DemiBold"; line-height: 1.428571429; align-items: center;}
#lp-sp-hjw .sec5 .thema + h3{ margin: 60px 0 0;}
#lp-sp-hjw .sec5 h3 i{ margin: 0 0 .25em; font-style: normal; font-size: 60px;}
#lp-sp-hjw .sec5 h3 span{ margin: .5em 0 0; font-size: 20px; font-family: "Gothic MB101 Medium";}
#lp-sp-hjw .sec5 h3 em{ display: inline; font-style: normal;}

@media only screen and (max-width: 736px) {
    #lp-sp-hjw .sec5 h3{ font-size: 6.133333333vw; line-height: 1.266666667;}
    #lp-sp-hjw .sec5 .thema + h3{ margin: 8vw 0 0;}
    #lp-sp-hjw .sec5 h3 i{ margin: 0 0 .5em; font-size: 13.33333333vw;}
    #lp-sp-hjw .sec5 h3 span{ margin: .5em 0 0; font-size: 3.733333333vw;}
    #lp-sp-hjw .sec5 h3 em{ display: none;}
}

#lp-sp-hjw .sec5 h4{ display: flex; margin: 35px 0 0; width: 100%; justify-content: center; align-items: center;}
#lp-sp-hjw .sec5 h4 span{ display: flex; padding: 0 24px; height: 38px; border: 1px solid #000; border-radius: 19px; background: #fff; white-space: nowrap; letter-spacing: .05em; font-weight: 700; font-size: 16px; font-family: "Helvetica Neue", Arial; justify-content: center; align-items: center;}
#lp-sp-hjw .sec5 h4:before,
#lp-sp-hjw .sec5 h4:after{ width: 100%; height: 1px; background: #000; content: ""; flex-grow: 1;}

@media only screen and (max-width: 736px) {
    #lp-sp-hjw .sec5 h4{ margin: 9.333333333vw 0 0;}
    #lp-sp-hjw .sec5 h4 span{ padding: 0 6.4vw; height: 10.13333333vw; border: 0.266666667vw solid #000; border-radius: 5.066666667vw; font-size: 4.266666667vw;}
}

#lp-sp-hjw .sec5 .lg{ margin: 45px 0 0; width: 257.79px;}

@media only screen and (max-width: 736px) {
    #lp-sp-hjw .sec5 .lg{ margin: 6.666666667vw 0 0; width: 38.248vw;}
}

#lp-sp-hjw .sec5 .lead{ margin: 55px 0 0; text-align: center; font-size: 22px; font-family: "Gothic MB101 DemiBold"; line-height: 1.818181818;}
#lp-sp-hjw .sec5s .lead{ margin: 40px 0 0;}
#lp-sp-hjw .sec5s > figure{ margin: 40px 0 0; width: 555px;}

@media only screen and (max-width: 736px) {
    #lp-sp-hjw .sec5 .lead{ margin: 8vw 0 0; font-size: 3.733333333vw; line-height: 1.857142857;}
    #lp-sp-hjw .sec5s .lead{ margin: 5.333333333vw 0 0;}
    #lp-sp-hjw .sec5s > figure{ margin: 8vw 0 0; width: 62.66666667vw;}
}

#lp-sp-hjw .sec5 h5{ position: relative; margin: 60px 0 0; width: 100%; text-align: center;}

@media only screen and (max-width: 736px) {
    #lp-sp-hjw .sec5 h5{ margin: 10.66666667vw 0 0;}
}

#lp-sp-hjw .sec5 .detail{ display: flex; margin: 150px 0 0; width: 860px; justify-content: space-between;}
#lp-sp-hjw .sec5 .detail > dl{ width: 370px;}
#lp-sp-hjw .sec5 .detail > dl dt{ display: flex; width: 100%; height: 32px; border: 1px solid #000; border-radius: 16px; background: #fff; letter-spacing: .05em; font-size: 20px; font-family: "Futo Go B101"; justify-content: center; align-items: center;}
#lp-sp-hjw .sec5 .detail > dl dd{ display: flex; flex-direction: column; padding: 30px 0; text-align: center; font-family: "Midashi Go MB31"; align-items: center;}
#lp-sp-hjw .sec5 .detail > dl dd .line1{ display: flex; letter-spacing: .05em; font-size: 26px; align-items: baseline; justify-content: center;}
#lp-sp-hjw .sec5 .detail > dl dd .line1 span{ margin: 0 .5em 0 0;}
#lp-sp-hjw .sec5 .detail > dl dd .line1 em{ font-size: 41px;}
#lp-sp-hjw .sec5 .detail > dl dd small{ margin: 1em 0 0; letter-spacing: .05em; font-size: 16px;}
#lp-sp-hjw .sec5 .detail > dl dd .line2{ font-size: 24px;}
#lp-sp-hjw .sec5 .detail .btn1{ margin: 30px 0 0;}
#lp-sp-hjw .sec5 .detail .btn1 a{ display: flex; width: 100%; height: 63px; background: #005daa; color: #fff; font-size: 24px; justify-content: center; align-items: center;}
#lp-sp-hjw .sec5s .detail .btn1 a{ background: #EA5504;}
#lp-sp-hjw .sec5 .detail .btn1 .cap{ display: flex; flex-direction: column; margin: 30px 0 0; letter-spacing: .05em; font-size: 23px; font-family: "Futo Go B101"; align-items: center;}
#lp-sp-hjw .sec5 .detail .btn1 .cap small{ font-size: 12px; font-family: "Gothic Medium BBB";}
#lp-sp-hjw .sec5 .detail > p{ width: 390px; letter-spacing: .07em; font-size: 14px; font-family: "Futo Go B101"; line-height: 2.571428571;}

@media only screen and (max-width: 736px) {
    #lp-sp-hjw .sec5 .detail{ flex-direction: column; margin: 13.33333333vw auto 0; width: 78.66666667vw; justify-content: flex-start;}
    #lp-sp-hjw .sec5 .detail > dl{ padding: 0 0 5.333333333vw; width: 100%; border-bottom: 0.266666667vw dashed #000;}
    #lp-sp-hjw .sec5s .detail > dl{ padding: 13.33333333vw 0 4vw; border-top: 0.266666667vw dashed #000;}
    #lp-sp-hjw .sec5 .detail > dl dt{ margin: 0 auto; width: 26.66666667vw; height: 5.066666667vw; border: 0.266666667vw solid #000; border-radius: 2.533333333vw; font-size: 3.2vw;}
    #lp-sp-hjw .sec5 .detail > dl dd{ padding: 5.333333333vw 0 8vw;}
    #lp-sp-hjw .sec5 .detail > dl dd .line1{ font-size: 4.266666667vw;}
    #lp-sp-hjw .sec5 .detail > dl dd .line1 span{ margin: 0 .5em 0 0;}
    #lp-sp-hjw .sec5 .detail > dl dd .line1 em{ font-size: 6.666666667vw;}
    #lp-sp-hjw .sec5 .detail > dl dd small{ margin: 1em 0 0; font-size: 3.733333333vw;}
    #lp-sp-hjw .sec5 .detail > dl dd .line2{ font-size: 4vw;}
    #lp-sp-hjw .sec5 .detail .btn1{display: flex; flex-direction: column;  margin: 8vw 0 0; align-items: center;}
    #lp-sp-hjw .sec5 .detail .btn1 a{ width: 58.66666667vw; height: 10.13333333vw; font-size: 4vw;}
    #lp-sp-hjw .sec5 .detail .btn1 .cap{ margin: 5.333333333vw 0 0; font-size: 3.733333333vw;}
    #lp-sp-hjw .sec5 .detail .btn1 .cap small{ font-size: 3.2vw;}
    #lp-sp-hjw .sec5 .detail > p{ margin: 13.33333333vw 0 0; width: 100%; letter-spacing: 0; font-size: 3.733333333vw; line-height: 2.142857143;}
}