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

@media only screen and (max-width: 736px) {
    #lp-brand-fivebyfive .pc{ display: none;}
    #lp-brand-fivebyfive .sp{ display: block;}
    #lp-brand-fivebyfive .anchor{ position: relative; z-index: -1;}
    #lp-brand-fivebyfive .anchor:before{ display: block; margin-top: -30.4vw; width: 100%; height: 30.4vw; content: ""; vertical-align: top;}
}

#lp-brand-fivebyfive .bg{ position: sticky; top: 67px; z-index: -10; margin: 0 calc(50% - 50vw); width: 100vw; height: 47.8125vw; background: no-repeat top center / 100vw 47.8125vw;}
#lp-brand-fivebyfive .bg1{ background-image: url("/static/mallDefault/contents/images/brand/fivebyfive/bg1.jpg");}
#lp-brand-fivebyfive .bg2{ background-image: url("/static/mallDefault/contents/images/brand/fivebyfive/bg2.jpg");}
#lp-brand-fivebyfive .bg .inner{ position: relative; display: flex; width: 100%; height: 100%; justify-content: center; align-items: center;}
#lp-brand-fivebyfive .bg h2{ width: 12.5vw;}

@media only screen and (max-width: 736px) {
    #lp-brand-fivebyfive .bg{top: 18.4vw;  margin: 0; width: 100vw; height: 160vw; background: no-repeat top center / 100vw 160vw;}
    #lp-brand-fivebyfive .bg1{ background-image: url("/static/mallDefault/contents/images/brand/fivebyfive/bg1_sp.jpg");}
    #lp-brand-fivebyfive .bg2{ background-image: url("/static/mallDefault/contents/images/brand/fivebyfive/bg2_sp.jpg");}
    #lp-brand-fivebyfive .bg h2{ width: 39.69066667vw;}
}

#lp-brand-fivebyfive .snav{ position: sticky; top: 67px; left: 0; z-index: 100; display: flex; padding: 0 0 0 35px; width: 100vw; height: 60px; background: #F5F5F5; align-items: center;}
#lp-brand-fivebyfive .snav-sp{ display: none;}
#lp-brand-fivebyfive .snav ul{ display: flex;}
#lp-brand-fivebyfive .snav ul > li{ margin: 0 45px 0 0;}
#lp-brand-fivebyfive .snav ul a{ color: #414141; letter-spacing: .3em; font-size: 16px; font-family: century-gothic, sans-serif;}
#lp-brand-fivebyfive .snav ul a span{ display: none;}

@media only screen and (max-width: 736px) {
    #lp-brand-fivebyfive .snav-pc{ display: none;}
    #lp-brand-fivebyfive .snav-sp{ position: relative; top: auto; z-index: 10; display: block; padding: 0; height: auto;}
    #lp-brand-fivebyfive .snav-sp2{ display: none;}
    #lp-brand-fivebyfive .snav ul{ display: flex; padding: 5.333333333vw 0; flex-wrap: wrap;}
    #lp-brand-fivebyfive .snav ul > li{ margin: 5.333333333vw 0 0; width: 50%;}
    #lp-brand-fivebyfive .snav ul > li:first-child,
    #lp-brand-fivebyfive .snav ul > li:nth-child(2){ margin: 0;}
    #lp-brand-fivebyfive .snav ul > li:nth-child(odd){ border-right: 1px solid #414141;}
    #lp-brand-fivebyfive .snav ul a{ display: flex; flex-direction: column; width: 100%; height: 10.66666667vw; letter-spacing: .17em; font-size: 3.733333333vw; font-family: century-gothic, sans-serif; align-items: center; justify-content: center;}
    #lp-brand-fivebyfive .snav ul a span{ display: block; margin: 1em 0 0; letter-spacing: .2em; font-size: 2.666666667vw; font-family: "Yu Gothic Pr6N D";}

    #lp-brand-fivebyfive .snav.fixed{ position: fixed; top: 18.4vw; display: block; opacity: 0; transform: translateY(-100%); animation: fadein 1s ease forwards;}
    #lp-brand-fivebyfive .snav.fixed dl{ position: relative; padding: 5.333333333vw 0;}
    #lp-brand-fivebyfive .snav.fixed dt{ position: absolute; bottom: 3.733333333vw; left: 50%; width: 100%; text-align: center; transform: translate(-50%,0);}
    #lp-brand-fivebyfive .snav.fixed dt span{ position: relative; display: inline-block; padding: 0 8vw 0 0; letter-spacing: .3em; font-size: 3.733333333vw; font-family: century-gothic, sans-serif;}
    #lp-brand-fivebyfive .snav.fixed dt span:after{ position: absolute; top: 50%; right: 0; width: 3.2vw; height: 1.333333333vw; background: url("/static/mallDefault/contents/images/brand/fivebyfive/arrow1.png") no-repeat center / contain; content: ""; transform: translate(0,-50%);}
    #lp-brand-fivebyfive .snav.fixed dt.open span:after{ transform: translate(0,-50%) rotate(180deg);}
    #lp-brand-fivebyfive .snav.fixed dd{ display: none;}
    #lp-brand-fivebyfive .snav.fixed dd.open{ display: block;}
    #lp-brand-fivebyfive .snav.fixed ul{ padding: 0 0 10.66666667vw;}
}

@keyframes fadein {
    0% { top: -100%; opacity: 0; transform: translateY(-100%);}
    100% { top: 18.4vw; opacity: 1; transform: translateY(0);}
}

#lp-brand-fivebyfive .btn-s{ margin: 50px 0 0;}
#lp-brand-fivebyfive .btn-s a{ display: flex; margin: 0 auto; width: 370px; height: 45px; border: 1px solid #707070; color: #414141; letter-spacing: .15em; font-size: 18px; font-family: "Yu Gothic Pr6N M"; align-items: center; justify-content: center;}
#lp-brand-fivebyfive .sec4 .inner > .btn-s{ padding: 150px 0 0; border-top: 1px solid #707070;}

@media only screen and (max-width: 736px) {
    #lp-brand-fivebyfive .btn-s{ margin: 8vw 0 0;}
    #lp-brand-fivebyfive .btn-s a{ width: 80vw; height: 9.333333333vw; letter-spacing: .2em; font-size: 3.733333333vw;}
    #lp-brand-fivebyfive .sec4 .inner > .btn-s{ padding: 26.66666667vw 0 0;}
}

#lp-brand-fivebyfive .sec1{ margin: 200px auto; padding: 200px 150px; width: 1100px; background: #fff; font-family: "Yu Gothic Pr6N D";}
#lp-brand-fivebyfive .sec1 h3{ letter-spacing: .3em; font-size: 26px; line-height: 2.153846154;}
#lp-brand-fivebyfive .sec1 p{ margin: 70px 0 0; letter-spacing: .12em; font-size: 18px; line-height: 2.5;}

@media only screen and (max-width: 736px) {
    #lp-brand-fivebyfive .sec1{ margin: 0 0 26.66666667vw; padding: 32vw 9.866666667vw; width: 100%;}
    #lp-brand-fivebyfive .sec1 h3{ letter-spacing: .18em; font-size: 4.8vw; line-height: 2.222222222;}
    #lp-brand-fivebyfive .sec1 p{ margin: 18.66666667vw 0 0; letter-spacing: .07em; font-size: 3.733333333vw; line-height: 2.285714286;}
}

#lp-brand-fivebyfive .sec2{ margin: 0 auto 250px; padding: 200px 150px; width: 1100px; background: #F5F5F5; color: #000; font-family: "Yu Gothic Pr6N M";}
#lp-brand-fivebyfive .sec2 h3{ padding: 0 0 60px; border-bottom: 1px solid #707070; color: #414141; letter-spacing: .2em; font-weight: 400; font-size: 46px; font-family: century-gothic, sans-serif;}
#lp-brand-fivebyfive .sec2 ul > li{ position: relative; padding: 100px 0 165px; border-bottom: 1px solid #707070;}
#lp-brand-fivebyfive .sec2 h4{ letter-spacing: .1em; font-size: 26px; line-height: 1.846153846;}
#lp-brand-fivebyfive .sec2 .ttl{ display: flex; flex-direction: row-reverse; justify-content: space-between; align-items: center;}
#lp-brand-fivebyfive .sec2 .ttl h4{ width: 420px;}
#lp-brand-fivebyfive .sec2 .ttl figure{ width: 320px;}
#lp-brand-fivebyfive .sec2 p{ margin: 50px 0 0; letter-spacing: .1em; font-size: 17px; line-height: 2.117647059;}
#lp-brand-fivebyfive .sec2 .toggle1{ position: absolute; bottom: 100px; left: 50%; height: 28px; color: #414141; cursor: pointer; transform: translate(-50%,0);}
#lp-brand-fivebyfive .sec2 .toggle1 span{ position: relative; display: block; width: 100%; height: 100%;}
#lp-brand-fivebyfive .sec2 .toggle1 span:before{ position: absolute; bottom: 0; left: 50%; width: 14px; height: 5px; background: url("/static/mallDefault/contents/images/brand/fivebyfive/arrow1.png") no-repeat center / contain; content: ""; transform: translate(-50%,0);}
#lp-brand-fivebyfive .sec2 .toggle1 span:after{ content: "read more"; letter-spacing: .3em; font-size: 13px; font-family: century-gothic, sans-serif;}
#lp-brand-fivebyfive .sec2 .toggle1.open span:before{ transform: translate(-50%,0) rotate(180deg);}
#lp-brand-fivebyfive .sec2 .toggle1.open span:after{ content: "close";}
#lp-brand-fivebyfive .sec2 .more{ display: none;}
#lp-brand-fivebyfive .sec2 .more p{ margin: 0;}
#lp-brand-fivebyfive .sec2 .ttl + .toggle1 + .more{ padding: 50px 0 0;}

@media only screen and (max-width: 736px) {
    #lp-brand-fivebyfive .sec2{ margin: 0 0 26.66666667vw; padding: 26.66666667vw 7.2vw; width: 100%;}
    #lp-brand-fivebyfive .sec2 h3{ padding: 0 0 10.66666667vw; font-size: 9.066666667vw;}
    #lp-brand-fivebyfive .sec2 ul > li{ padding: 16vw 2.666666667vw 34.66666667vw;}
    #lp-brand-fivebyfive .sec2 h4{ font-size: 4.266666667vw; line-height: 1.75;}
    #lp-brand-fivebyfive .sec2 .ttl{ flex-direction: column; margin: 0 -2.666666667vw; align-items: flex-start;}
    #lp-brand-fivebyfive .sec2 .ttl h4{ padding: 8vw 2.666666667vw 0; width: 100%;}
    #lp-brand-fivebyfive .sec2 .ttl figure{ width: 100%;}
    #lp-brand-fivebyfive .sec2 p{ margin: 8vw 0 0; font-size: 3.733333333vw; line-height: 2;}
    #lp-brand-fivebyfive .sec2 .toggle1{ bottom: 16vw; height: 8vw;}
    #lp-brand-fivebyfive .sec2 .toggle1 span:before{ width: 3.733333333vw; height: 1.333333333vw;}
    #lp-brand-fivebyfive .sec2 .toggle1 span:after{ font-size: 3.466666667vw;}
    #lp-brand-fivebyfive .sec2 .ttl + .toggle1 + .more{ padding: 8vw 0 0;}
}

#lp-brand-fivebyfive .sec3{ margin: 0; padding: 250px 0 0; background: #fff; font-family: "Yu Gothic Pr6N M";}
#lp-brand-fivebyfive .sec3 .inner{ margin: 0 auto; padding: 0 0 250px; width: 1000px;}
#lp-brand-fivebyfive .sec3 .ttl-wrap{ display: flex; padding: 0 0 50px; border-bottom: 1px solid #707070; justify-content: space-between; align-items: center;}
#lp-brand-fivebyfive .sec3 .ttl-wrap h3{ color: #414141; letter-spacing: .2em; font-size: 46px; font-family: century-gothic, sans-serif;}
#lp-brand-fivebyfive .sec3 .ttl-wrap p{ letter-spacing: .15em; font-size: 18px; line-height: 2.111111111;}
#lp-brand-fivebyfive .sec3 .ttl-wrap + h4{ margin: 200px 0 0; color: #414141; text-align: center; letter-spacing: .3em; font-weight: 700; font-size: 28px; font-family: century-gothic, sans-serif;}

@media only screen and (max-width: 736px) {
    #lp-brand-fivebyfive .sec3{ margin: 0; padding: 26.66666667vw 7.2vw 0;}
    #lp-brand-fivebyfive .sec3 .inner{ margin: 0; padding: 0 0 26.66666667vw; width: 100%;}
    #lp-brand-fivebyfive .sec3 .ttl-wrap{ flex-direction: column; padding: 0 2.666666667vw 10.66666667vw; align-items: flex-start;}
    #lp-brand-fivebyfive .sec3 .ttl-wrap h3{ font-size: 9.066666667vw;}
    #lp-brand-fivebyfive .sec3 .ttl-wrap p{ margin: 1em 0 0; font-size: 3.733333333vw; line-height: 2;}
    #lp-brand-fivebyfive .sec3 .ttl-wrap + h4{ margin: 21.33333333vw 0 0; padding: 0 2.666666667vw; text-align: left; font-size: 5.333333333vw;}
}

#lp-brand-fivebyfive .sec3 .list-rank{ display: flex; margin: 0 0 250px; padding: 0 0 200px; border-bottom: 1px solid #707070; counter-reset: number 0; flex-wrap: wrap; justify-content: space-between;}
#lp-brand-fivebyfive .sec3 .list-rank > li{ position: relative; margin: 80px 0 0; width: 470px;}
#lp-brand-fivebyfive .sec3 .list-rank > li:before{ position: absolute; top: 0; left: 0; content: counter(number) ""; counter-increment: number 1; letter-spacing: .3em; font-weight: 700; font-size: 26px; font-family: century-gothic, sans-serif;}
#lp-brand-fivebyfive .sec3 .list-rank .detail{ padding: 24px 0 0;}
#lp-brand-fivebyfive .sec3 .list-rank h5{ color: #414141; letter-spacing: .3em; font-size: 28px; font-family: century-gothic, sans-serif;}
#lp-brand-fivebyfive .sec3 .list-rank p{ margin: 1em 0 0; letter-spacing: .08em; font-size: 18px; line-height: 1.888888889;}
#lp-brand-fivebyfive .sec3 .list-rank .btn1{ margin: 30px 0 0; letter-spacing: .15em; font-size: 18px;}
#lp-brand-fivebyfive .sec3 .list-rank .btn1 a{ position: relative; display: inline-block; padding: 0 30px 0 0;}
#lp-brand-fivebyfive .sec3 .list-rank .btn1 a:after{ position: absolute; top: 50%; right: 0; width: 16px; height: 6px; background: url("/static/mallDefault/contents/images/brand/fivebyfive/arrow1.png") no-repeat center / contain; content: ""; transform: translate(0,-50%);}
#lp-brand-fivebyfive .sec3 .list-rank > li:first-child{ display: flex; width: 100%; justify-content: space-between; align-items: center;}
#lp-brand-fivebyfive .sec3 .list-rank > li:first-child:before{ font-size: 29px;}
#lp-brand-fivebyfive .sec3 .list-rank > li:first-child figure{ width: 620px;}
#lp-brand-fivebyfive .sec3 .list-rank > li:first-child .detail{ padding: 0; width: 320px;}
#lp-brand-fivebyfive .sec3 .list-rank > li:first-child p{ letter-spacing: .1em;}

@media only screen and (max-width: 736px) {
    #lp-brand-fivebyfive .sec3 .list-rank-wrap{ overflow: hidden; margin: 8vw -7.2vw 26.66666667vw; padding: 0 0 0 7.2vw; width: 100vw;}
    #lp-brand-fivebyfive .sec3 .list-rank{ margin: 0; opacity: 0; transition: opacity 1s ease;}
    #lp-brand-fivebyfive .sec3 .list-rank.slick-initialized{ opacity: 1;}
    #lp-brand-fivebyfive .sec3 .list-rank{ display: block; padding: 0; border-bottom: none;}
    #lp-brand-fivebyfive .sec3 .list-rank .slick-slide{ padding: 0 5.333333333vw 0 0; width: 74.66666667vw;}
    #lp-brand-fivebyfive .sec3 .list-rank .detail{ padding: 5.333333333vw 2.666666667vw 0;}
    #lp-brand-fivebyfive .sec3 .list-rank h5{ font-size: 5.333333333vw;}
    #lp-brand-fivebyfive .sec3 .list-rank p{ letter-spacing: .15em; font-size: 3.466666667vw; line-height: 1.846153846;}
    #lp-brand-fivebyfive .sec3 .list-rank .btn1{ margin: 5.333333333vw 0 0; font-size: 3.466666667vw;}
    #lp-brand-fivebyfive .sec3 .list-rank .btn1 a{ padding: 0 6.666666667vw 0 0;}
    #lp-brand-fivebyfive .sec3 .list-rank .btn1 a:after{ width: 2.666666667vw; height: 1.066666667vw;}
}

#lp-brand-fivebyfive .sec3 .slide{ opacity: 0; transition: opacity 1s ease;}
#lp-brand-fivebyfive .sec3 .slide.slick-initialized{ opacity: 1;}
.slick-dotted.slick-slider{ margin-bottom: 0;}
.slick-dots{ bottom: -48px;}
.slick-dots li{ margin: 0 10px; width: 8px; height: 8px;}
.slick-dots li button{ padding: 0; width: 100%; height: 100%;}
.slick-dots li button:before{ display: block; width: 100%; height: 100%; border-radius: 100%; background: rgba(65, 65, 65, 0.3); content: ''; opacity: 1;}
.slick-dots li.slick-active button:before{ background: #414141; opacity: 1;}

@media only screen and (max-width: 736px) {
    #lp-brand-fivebyfive .sec3 .slide-wrap{ margin: 0 -7.2vw;}
    .slick-dots{ bottom: -8vw;}
    .slick-dots li{ margin: 0 1.6vw; width: 1.6vw; height: 1.6vw;}
}

#lp-brand-fivebyfive .sec3 .info{ margin: 0 0 250px; padding: 120px 100px 0; font-family: "Yu Gothic Pr6N M";}
#lp-brand-fivebyfive .sec3 .info h4{ display: flex; padding: 0 0 30px; border-bottom: 1px solid #707070; color: #414141; letter-spacing: .2em; font-size: 16px; font-family: "Yu Gothic Pr6N D"; align-items: baseline;}
#lp-brand-fivebyfive .sec3 .info h4 span{ margin: 0 .5em 0 0; letter-spacing: .3em; font-size: 40px; font-family: century-gothic, sans-serif;}
#lp-brand-fivebyfive .sec3 .info h5{ margin: 60px 0 0; letter-spacing: .2em; font-size: 24px; line-height: 1.833333333;}
#lp-brand-fivebyfive .sec3 .info p{ margin: 40px 0 0; color: #414141; letter-spacing: .1em; font-size: 18px; line-height: 2.111111111;}
#lp-brand-fivebyfive .sec3 .info .item{ display: flex; margin: 50px 0 0; padding: 0 0 60px; border-bottom: 1px solid #707070; justify-content: space-between; align-items: center;}
#lp-brand-fivebyfive .sec3 .info .item figure{ width: 370px;}
#lp-brand-fivebyfive .sec3 .info .item .detail{ width: 370px;}
#lp-brand-fivebyfive .sec3 .info .item .line1{ color: #414141; letter-spacing: .3em; font-size: 18px; font-family: century-gothic, sans-serif; line-height: 1.888888889;}
#lp-brand-fivebyfive .sec3 .info .item .line1 small{ font-size: 12px;}
#lp-brand-fivebyfive .sec3 .info .item .line2{ margin: 1em 0 0; letter-spacing: .15em; font-size: 13px; line-height: 1.538461538;}
#lp-brand-fivebyfive .sec3 .info dl{ margin: 50px 0 0; color: #414141;}
#lp-brand-fivebyfive .sec3 .info dt{ letter-spacing: .1em; font-size: 19px;}
#lp-brand-fivebyfive .sec3 .info dd{ margin: 30px 0 0; padding: 0 0 20px;}
#lp-brand-fivebyfive .sec3 .info dd ul{ display: flex;}
#lp-brand-fivebyfive .sec3 .info dd ul > li{ display: flex; margin: 0 8px 0 0; width: 154px; height: 40px; border-radius: 20px; background: rgba(65, 65, 65, 0.1); letter-spacing: .1em; font-size: 14px; justify-content: center; align-items: center;}

@media only screen and (max-width: 736px) {
    #lp-brand-fivebyfive .sec3 .info{ margin: 0 0 26.66666667vw; padding: 18.66666667vw 2.666666667vw 0;}
    #lp-brand-fivebyfive .sec3 .info h4{ flex-direction: column; padding: 0 0 8vw; font-size: 2.933333333vw; align-items: flex-start;}
    #lp-brand-fivebyfive .sec3 .info h4 span{ margin: 0 0 2.666666667vw; letter-spacing: .2em; font-size: 7.466666667vw;}
    #lp-brand-fivebyfive .sec3 .info h5{ margin: 10.66666667vw 0 0; letter-spacing: .1em; font-size: 4.533333333vw; line-height: 1.764705882;}
    #lp-brand-fivebyfive .sec3 .info p{ margin: 10.66666667vw 0 0; font-size: 3.733333333vw; line-height: 2;}
    #lp-brand-fivebyfive .sec3 .info .item{ flex-direction: column; margin: 16vw 0 0; padding: 0 0 13.33333333vw;}
    #lp-brand-fivebyfive .sec3 .info .item figure{ width: 100%;}
    #lp-brand-fivebyfive .sec3 .info .item .detail{ padding: 6.666666667vw 0 0; width: 100%; text-align: center;}
    #lp-brand-fivebyfive .sec3 .info .item .line1{ letter-spacing: .16em; font-size: 3.733333333vw; line-height: 1.857142857;}
    #lp-brand-fivebyfive .sec3 .info .item .line1 small{ font-size: 2.666666667vw;}
    #lp-brand-fivebyfive .sec3 .info .item .line2{ font-size: 2.666666667vw; line-height: 1.6;}
    #lp-brand-fivebyfive .sec3 .info dl{ margin: 13.33333333vw 0 0;}
    #lp-brand-fivebyfive .sec3 .info dt{ text-align: center; font-size: 4vw;}
    #lp-brand-fivebyfive .sec3 .info dd{ margin: 4vw 0 0; padding: 0 0 5.333333333vw;}
    #lp-brand-fivebyfive .sec3 .info dd ul{ flex-wrap: wrap; justify-content: space-between;}
    #lp-brand-fivebyfive .sec3 .info dd ul > li{ margin: 2.666666667vw 0 0; width: 38.66666667vw; height: 9.066666667vw; border-radius: 4.533333333vw; font-size: 3.466666667vw;}
}

#lp-brand-fivebyfive .sec4{ padding: 50px 0 200px; background: #DEDEDE; font-family: "Yu Gothic Pr6N M";}
#lp-brand-fivebyfive .sec4 .inner{ margin: 0 auto; width: 1000px;}
#lp-brand-fivebyfive .sec4 h3{ display: flex; flex-direction: column; padding: 200px 0 0; border-top: 1px solid #707070; letter-spacing: .15em; font-size: 14px;}
#lp-brand-fivebyfive .sec4 h3 span{ margin: 0 0 15px; color: #414141; letter-spacing: .2em; font-size: 34px; font-family: century-gothic, sans-serif;}
#lp-brand-fivebyfive .sec4 p{ margin: 40px 0 0; letter-spacing: .15em; font-size: 18px; line-height: 2.111111111;}
#lp-brand-fivebyfive .sec4 p small{ font-size: 14px;}
#lp-brand-fivebyfive .sec4 .list-bn{ display: flex; margin: 30px 0 200px; justify-content: space-between; flex-wrap: wrap;}
#lp-brand-fivebyfive .sec4 .list-bn > li{ padding: 50px 0 0; width: 470px;}
#lp-brand-fivebyfive .sec4 .video{ width: 100%; aspect-ratio: 16 / 9;}
#lp-brand-fivebyfive .sec4 .video iframe{ width: 100%; height: 100%;}
#lp-brand-fivebyfive .sec4 .row{ display: flex; margin: 0 0 200px; padding: 200px 0 0; justify-content: space-between; align-items: center;}
#lp-brand-fivebyfive .sec4 .row h3{ padding: 0; border: none;}
#lp-brand-fivebyfive .sec4 .row .detail{ width: 500px;}
#lp-brand-fivebyfive .sec4 .row p{ width: 391px;}
#lp-brand-fivebyfive .sec4 .row figure{ width: 472px;}
#lp-brand-fivebyfive .sec4 .visumo{ margin: 0 0 200px; padding: 200px 0 0; border-top: 1px solid #707070;}
#lp-brand-fivebyfive .sec4 .visumo h3{ padding: 0; border: none;}
#lp-brand-fivebyfive .sec4 .visumo-wrap{ margin: 50px 0 0;}

@media only screen and (max-width: 736px) {
    #lp-brand-fivebyfive .sec4{ padding: 0 0 26.66666667vw;}
    #lp-brand-fivebyfive .sec4 .inner{ width: 100%;}
    #lp-brand-fivebyfive .sec4 h3{ padding: 26.66666667vw 9.866666667vw 0; letter-spacing: .2em; font-size: 2.666666667vw; line-height: 1.2;}
    #lp-brand-fivebyfive .sec4 h3 span{ margin: 0 0 4vw; letter-spacing: .1em; font-size: 6.666666667vw;}
    #lp-brand-fivebyfive .sec4 p{ margin: 8vw 0 0; padding: 0 9.866666667vw; letter-spacing: .1em; font-size: 3.733333333vw; line-height: 2;}
    #lp-brand-fivebyfive .sec4 p small{ font-size: 3.2vw;}
    #lp-brand-fivebyfive .sec4 .list-bn{ flex-direction: column; margin: 8vw 0 26.66666667vw; padding: 0 7.2vw;}
    #lp-brand-fivebyfive .sec4 .list-bn > li{ padding: 10.66666667vw 0 0; width: 100%;}
    #lp-brand-fivebyfive .sec4 .row{ flex-direction: column; margin: 0 0 26.66666667vw; padding: 26.66666667vw 0 0;}
    #lp-brand-fivebyfive .sec4 .row h3{ padding: 0 9.866666667vw;}
    #lp-brand-fivebyfive .sec4 .row .detail{ width: 100%;}
    #lp-brand-fivebyfive .sec4 .row p{ width: 100%;}
    #lp-brand-fivebyfive .sec4 .row figure{ margin: 10.66666667vw 0 0; padding: 0 9.866666667vw; width: 100%;}
    #lp-brand-fivebyfive .sec4 .visumo{ margin: 0 0 26.66666667vw; padding: 26.66666667vw 0 0;}
    #lp-brand-fivebyfive .sec4 .visumo h3{ padding: 0 9.866666667vw;}
    #lp-brand-fivebyfive .sec4 .visumo-wrap{ margin: 5.333333333vw 0 0;}
}

#lp-brand-fivebyfive .btn2{ margin: 40px 0 0;}
#lp-brand-fivebyfive .btn2 a{ position: relative; display: inline-block; padding: 0 50px 10px 10px; border-bottom: 1px solid #414141; letter-spacing: .15em; font-size: 18px;}
#lp-brand-fivebyfive .btn2 a:after{ position: absolute; right: 10px; bottom: 10px; width: 26.67px; height: 16px; background: url("/static/mallDefault/contents/images/brand/fivebyfive/arrow2.png") no-repeat center / contain; content: "";}

@media only screen and (max-width: 736px) {
    #lp-brand-fivebyfive .btn2{ display: flex; margin: 8vw -2.666666667vw 0; justify-content: flex-end;}
    #lp-brand-fivebyfive .btn2 a{ display: block; padding: 0 8vw 0 0; border-bottom: none; letter-spacing: .12em; font-size: 3.733333333vw;}
    #lp-brand-fivebyfive .btn2 a:after{ top: 50%; right: 0; bottom: auto; width: 5.333333333vw; height: 3.2vw; transform: translate(0,-50%);}
}

#lp-brand-fivebyfive .btn3 a{ display: flex; margin: 0 auto; width: 800px; height: 60px; border: 1px solid #707070; color: #414141; letter-spacing: .15em; font-size: 20px; font-family: "Yu Gothic Pr6N M"; align-items: center; justify-content: center;}

@media only screen and (max-width: 736px) {
    #lp-brand-fivebyfive .btn3 a{ display: flex; flex-direction: column; width: 80vw; height: 15.73333333vw; text-align: center; letter-spacing: .18em; font-size: 3.733333333vw; line-height: 1.428571429; align-items: center; justify-content: center;}
}

#lp-brand-fivebyfive .list-btn{ display: flex; margin: 80px auto 200px; width: 890px; justify-content: space-between;}
#lp-brand-fivebyfive .list-btn > li{ display: flex; flex-direction: column; align-items: center;}
#lp-brand-fivebyfive .list-btn > li > figure{ margin: 0 0 55px; width: 320px;}
#lp-brand-fivebyfive .list-btn > li > a{ display: flex; width: 370px; height: 46px; border: 1px solid #707070; color: #414141; letter-spacing: .15em; font-size: 18px; justify-content: center; align-items: center;}

@media only screen and (max-width: 736px) {
    #lp-brand-fivebyfive .list-btn{ margin: 8vw auto 26.66666667vw; width: 85.33333333vw;}
    #lp-brand-fivebyfive .list-btn > li > figure{ margin: 0 0 5.333333333vw; width: 34.66666667vw;}
    #lp-brand-fivebyfive .list-btn > li > a{ width: 37.33333333vw; height: 17.33333333vw; text-align: center; letter-spacing: .05em; font-size: 3.733333333vw; line-height: 1.571428571;}
}