#lp-brand-eauk{ padding: 0 0 200px; font-family: "Yu Mincho Pr6N M";}
#lp-brand-eauk .pc{ display: block;}
#lp-brand-eauk .sp{ display: none;}
#lp-brand-eauk .anchor{ position: relative; z-index: -1;}
#lp-brand-eauk .anchor:before{ display: block; margin-top: -67px; width: 100%; height: 67px; content: ""; vertical-align: top;}
#lp-brand-eauk figure{ margin: 0; padding: 0;}

@media only screen and (max-width: 736px) {
    #lp-brand-eauk{ padding: 0 0 31.33333333vw;}
    #lp-brand-eauk *{ box-sizing: border-box;}
    #lp-brand-eauk .pc{ display: none;}
    #lp-brand-eauk .sp{ display: block;}
    #lp-brand-eauk .anchor:before{ margin-top: -18.4vw; height: 18.4vw;}
}

@media only screen and (min-width: 736px) {
    #lp-brand-eauk .sec-wrap{ margin: 75px auto 0; width: 1082px;}
    #lp-brand-eauk .lead{ text-align: center; letter-spacing: .2em; font-size: 17px; line-height: 2.117647059;}
    #lp-brand-eauk .index-wrap{ display: flex; flex-direction: column; margin: 200px auto 0; padding: 0 0 100px; width: 560px; align-items: flex-start;}
    #lp-brand-eauk .index-wrap .tl img{ width: 220px;}
    #lp-brand-eauk .index-wrap .list{ margin: 55px 0 0;}
    #lp-brand-eauk .index-wrap .list > li + li{ margin: 40px 0 0;}
    #lp-brand-eauk .index-wrap .list img{ width: auto; height: 19px;}
    #lp-brand-eauk .sec{ padding: 0 0 235px;}
    #lp-brand-eauk .sec-wrap > .sec:last-child{ padding: 0;}
    #lp-brand-eauk .sec .flex{ display: flex; margin: 100px 0 0;}
    #lp-brand-eauk .sec .flex h4{ padding: 0 0 0 100px; width: 275px; letter-spacing: .352em; font-weight: 500; font-size: 30px;}
    #lp-brand-eauk .sec .flex h4 span{ white-space: nowrap; writing-mode: vertical-rl;}
    #lp-brand-eauk .sec .flex .detail{ width: calc(100% - 275px);}
    #lp-brand-eauk .sec .flex .detail p{ padding: 85px 0 0; white-space: nowrap; letter-spacing: .2em; font-size: 15px; line-height: 2.133333333;}
    #lp-brand-eauk .sec .flex .detail figure{ margin: 85px 0 0;}
    #lp-brand-eauk .sec .flex .detail figure ul{ display: flex;}
    #lp-brand-eauk .sec .flex .detail figure ul > li{ margin: 0 15px 0 0; width: 310px;}
    #lp-brand-eauk .sec .flex .detail figcaption{ margin: 20px 0 0; letter-spacing: .25em; font-size: 13px; line-height: 1.615384615;}
}

@media only screen and (max-width: 736px) {
    #lp-brand-eauk .sec-wrap{ margin: 20vw auto 0; width: 87.6vw;}
    #lp-brand-eauk .lead{ letter-spacing: .2em; font-size: 3.6vw; line-height: 2.148148148;}
    #lp-brand-eauk .index-wrap{ display: flex; flex-direction: column; margin: 20vw 0 0; padding: 0 0 20vw; align-items: center;}
    #lp-brand-eauk .index-wrap .tl img{ width: 40.25714667vw;}
    #lp-brand-eauk .index-wrap .list{ margin: 11.33333333vw 0 0;}
    #lp-brand-eauk .index-wrap .list > li + li{ margin: 8vw 0 0;}
    #lp-brand-eauk .index-wrap .list img{ width: auto; height: 3.2vw;}
    #lp-brand-eauk .sec{ padding: 0 0 26.66666667vw;}
    #lp-brand-eauk .sec-wrap > .sec:last-child{ padding: 0;}
    #lp-brand-eauk .sec .flex{ margin: 22.66666667vw 0 0;}
    #lp-brand-eauk .sec .flex h4{ padding: 0 0 0 2vw; letter-spacing: .352em; font-weight: 500; font-size: 4.533333333vw;}
    #lp-brand-eauk .sec .flex .detail{ margin: -2.666666667vw 0 0;}
    #lp-brand-eauk .sec .flex .detail p{ padding: 16vw 0 0; text-align: justify; text-indent: 2.5em; letter-spacing: .2em; font-size: 3.2vw; line-height: 2.083333333;}
    #lp-brand-eauk .sec .flex .detail figure{ margin: 16vw 0 0;}
    #lp-brand-eauk .sec .flex .detail figure ul > li{ display: flex; align-items: center;}
    #lp-brand-eauk .sec .flex .detail figure ul > li + li{ margin: 2vw 0 0;}
    #lp-brand-eauk .sec .flex .detail figure ul img{ width: 41.33333333vw;}
    #lp-brand-eauk .sec .flex .detail figcaption{ padding: 0 0 0 6vw; letter-spacing: .25em; font-size: 2.666666667vw; line-height: 1.8;}
    #lp-brand-eauk .sec .flex .detail figcaption span{ display: block; margin: 0 0 0 -.4em;}
}