#lp-brand-kitokie{ position: relative; overflow: hidden; background: #F2EEEA; color: #000;}
#lp-brand-kitokie .pc{ display: block;}
#lp-brand-kitokie .sp{ display: none;}
#lp-brand-kitokie .anchor{ position: relative; z-index: -1;}
#lp-brand-kitokie .anchor:before{ display: block; margin-top: -67px; width: 100%; height: 67px; content: ""; vertical-align: top;}
#lp-brand-kitokie figure{ margin: 0; padding: 0;}

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

#lp-brand-kitokie .sec1{ position: relative;}
#lp-brand-kitokie .sec1 .slide{ opacity: 0; transition: opacity 1s ease;}
#lp-brand-kitokie .sec1 .slide.slick-initialized{ opacity: 1;}
#lp-brand-kitokie .sec1 .slide img.pc{ display: block;}
#lp-brand-kitokie .sec1 .slide img.sp{ display: none;}
#lp-brand-kitokie .sec1 h2{ position: absolute; top: 9.895vw; left: 18.75vw; width: 20.156vw; filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.5));}

@media only screen and (max-width: 736px) {
    #lp-brand-kitokie .sec1{ background: #F2EEEA;}
    #lp-brand-kitokie .sec1 .slide img.pc{ display: none;}
    #lp-brand-kitokie .sec1 .slide img.sp{ display: block;}
    #lp-brand-kitokie .sec1 h2{ top: 50%; left: 50%; width: 58.666vw; transform: translate(-50%,-50%);}
}

#lp-brand-kitokie .sec2{ position: relative; display: flex; overflow: hidden; margin: 0 auto; padding: 150px 0; width: 1153px; justify-content: center;}
#lp-brand-kitokie .sec2:before{ position: absolute; bottom: 0; left: -174px; width: 724px; height: 648px; background: url("/static/mallDefault/contents/images/brand/kitokie/blt.png") no-repeat center / contain; content: "";}
#lp-brand-kitokie .sec2 h3{ padding: 0 85px 0 0; letter-spacing: .3em; font-size: 26px; font-family: "Yu Mincho Pr6N D"; line-height: 2.3;}
#lp-brand-kitokie .sec2 .detail{ padding: 0 0 0 85px; letter-spacing: .1em; font-size: 18px; font-family: "Yu Gothic Pr6N M"; line-height: 2.66;}
#lp-brand-kitokie .sec2 .detail p + p{ margin: 2em 0 0;}

@media only screen and (max-width: 736px) {
    #lp-brand-kitokie .sec2{ flex-direction: column; padding: 26.66666667vw 10.66666667vw; width: 100%; background: #F2EEEA;}
    #lp-brand-kitokie .sec2:before{ top: 50%; right: 2.4vw; bottom: auto; left: auto; width: 122.477vw; height: 124.605vw; transform: translate(0,-50%);}
    #lp-brand-kitokie .sec2 h3{ padding: 0; font-size: 4.8vw; line-height: 2.11;}
    #lp-brand-kitokie .sec2 .detail{ margin: 18.66666667vw 0 0; padding: 0; font-size: 3.733vw; line-height: 2.28;}
}

#lp-brand-kitokie .sec3{ padding: 160px 0 140px; background: url("/static/mallDefault/contents/images/brand/kitokie/bg.jpg") no-repeat top center / cover; background-attachment: fixed;}
#lp-brand-kitokie .sec3 .list-nav{ display: flex; justify-content: center;}
#lp-brand-kitokie .sec3 .list-nav > li{ padding: 0 15px;}
#lp-brand-kitokie .sec3 .list-nav a{ position: relative; display: flex; flex-direction: column; width: 280px; height: 200px; border: 1px solid; color: #fff; align-items: center; justify-content: center;}
#lp-brand-kitokie .sec3 .list-nav a:after{ position: absolute; bottom: 30px; left: 50%; width: 16px; height: 8px; background: url("/static/mallDefault/contents/images/brand/kitokie/arrow2.png") no-repeat center / contain; content: ""; transform: translate(-50%,0);}
#lp-brand-kitokie .sec3 .list-nav a img{ width: auto; height: 20px;}
#lp-brand-kitokie .sec3 .list-nav a span{ margin: 20px 0 0; padding: 0 0 20px; letter-spacing: .3em; font-size: 14px; font-family: "Yu Mincho Pr6N D";}

@media only screen and (max-width: 736px) {
    #lp-brand-kitokie .sec3{ padding: 32vw 10.66666667vw 29.33333333vw; background: none;}
    #lp-brand-kitokie .sec3:after{ position: fixed; top: 0; left: 0; z-index: -1; width: 100%; height: 100vh; background: url("/static/mallDefault/contents/images/brand/kitokie/bg_sp.jpg") no-repeat top center / cover; content: "";}
    #lp-brand-kitokie .sec3 .list-nav{ position: relative; z-index: 2; flex-direction: column;}
    #lp-brand-kitokie .sec3 .list-nav > li{ margin: 16vw 0 0; padding: 0;}
    #lp-brand-kitokie .sec3 .list-nav > li:first-child{ margin: 0;}
    #lp-brand-kitokie .sec3 .list-nav a{ width: 100%; height: 40vw;}
    #lp-brand-kitokie .sec3 .list-nav a:after{ bottom: 5.333vw; width: 4.266vw; height: 2.133vw;}
    #lp-brand-kitokie .sec3 .list-nav a img{ height: 4.8vw;}
    #lp-brand-kitokie .sec3 .list-nav a span{ margin: 4vw 0 0; padding: 0 0 2.666vw; font-size: 3.2vw;}
}

#lp-brand-kitokie .sec4{ margin: 0 auto; padding: 150px 0 200px; width: 900px;}
#lp-brand-kitokie .sec4 h3{ display: flex; flex-direction: column; padding: 150px 0 0; border-top: 1px solid; align-items: center;}
#lp-brand-kitokie .sec4 > h3:first-of-type{ padding: 0; border: none;}
#lp-brand-kitokie .sec4 h3 img{ width: auto; height: 28px;}
#lp-brand-kitokie .sec4 h3 span{ margin: 30px 0 0; letter-spacing: .3em; font-size: 18px; font-family: "Yu Gothic Pr6N D";}

@media only screen and (max-width: 736px) {
    #lp-brand-kitokie .sec4{ padding: 32vw 10.66666667vw; width: 100%; background: #F2EEEA;}
    #lp-brand-kitokie .sec4 h3{ padding: 0; border: none;}
    #lp-brand-kitokie .sec4 h3 img{ height: 5.6vw;}
    #lp-brand-kitokie .sec4 h3 span{ margin: 4vw 0 0; font-size: 3.2vw;}
}

#lp-brand-kitokie .sec4 .lead{ margin: 120px 0; padding: 0 25px; letter-spacing: .1em; font-size: 16px; font-family: "Yu Gothic Pr6N M"; line-height: 2.25;}
#lp-brand-kitokie .sec4 .block{ padding: 0 5px 120px;}
#lp-brand-kitokie .sec4 .block h4{ margin: 0 -5px;}
#lp-brand-kitokie .sec4 .dl{ margin: 45px 0 0;}
#lp-brand-kitokie .sec4 .dl > dt{ padding: 0 6px 20px; border-bottom: 1px solid; letter-spacing: .2em; font-size: 22px; font-family: "Yu Mincho Pr6N D";}
#lp-brand-kitokie .sec4 .dl > dd{ padding: 0 6px;}
#lp-brand-kitokie .sec4 .dl p,
#lp-brand-kitokie .sec4 .dl dl{ margin: 1.5em 0 0; letter-spacing: .1em; font-size: 16px; font-family: "Yu Gothic Pr6N M"; line-height: 2.25;}
#lp-brand-kitokie .sec4 .dl dl{ display: flex; flex-wrap: wrap;}
#lp-brand-kitokie .sec4 .dl dl > dt{ width: 130px;}
#lp-brand-kitokie .sec4 .dl dl > dd{ width: calc(100% - 130px);}
#lp-brand-kitokie .sec4 .btn1{ margin: 50px 0 0;}
#lp-brand-kitokie .sec4 .btn1 a{ position: relative; display: flex; padding: 0 0 0 20px; width: 310px; height: 56px; border: 1px solid; letter-spacing: .3em; font-size: 16px; font-family: "Yu Mincho Pr6N D"; align-items: center;}
#lp-brand-kitokie .sec4 .btn1 a:after{ position: absolute; top: 50%; right: 30px; width: 8px; height: 14px; background: url("/static/mallDefault/contents/images/brand/kitokie/arrow.png") no-repeat center / contain; content: ""; transform: translate(0,-50%);}

@media only screen and (max-width: 736px) {
    #lp-brand-kitokie .sec4 .lead{ margin: 21.33333333vw 0 26.66666667vw; padding: 0; font-size: 3.466vw; line-height: 2.15;}
    #lp-brand-kitokie .sec4 .block{ margin: 0 -2.666666667vw; padding: 0 0 32vw; width: auto;}
    #lp-brand-kitokie .sec4 .block-s{ padding: 0 0 38.66666667vw;}
    #lp-brand-kitokie .sec4 .block h4{ margin: 0 -6.666666667vw;}
    #lp-brand-kitokie .sec4 .dl{ margin: 9.333333333vw 0 0;}
    #lp-brand-kitokie .sec4 .dl > dt{ padding: 0 1.866vw 8vw; font-size: 4.266vw; line-height: 1.75;}
    #lp-brand-kitokie .sec4 .dl > dd{ padding: 0 1.866vw;}
    #lp-brand-kitokie .sec4 .dl p{ margin: 2em 0 0; font-size: 3.466vw; line-height: 2.15;}
    #lp-brand-kitokie .sec4 .dl dl{ margin: 2em 0 0; font-size: 3.2vw; line-height: 2.15;}
    #lp-brand-kitokie .sec4 .dl dl > dt{ width: 25vw; white-space: nowrap;}
    #lp-brand-kitokie .sec4 .dl dl > dd{ width: calc(100% - 25vw); white-space: nowrap;}
    #lp-brand-kitokie .sec4 .btn1{ margin: 10.66666667vw 0 0;}
    #lp-brand-kitokie .sec4 .btn1 a{ padding: 0 0 0 8vw; width: 100%; height: 12.8vw; font-size: 3.733vw;}
    #lp-brand-kitokie .sec4 .btn1 a:after{ right: 8vw; width: 1.6vw; height: 2.66vw;}
}

#lp-brand-kitokie .sec4 .list-item{ margin: 120px 0 0;}
#lp-brand-kitokie .sec4 .list-item > li{ padding: 0 0 120px;}
#lp-brand-kitokie .sec4 .list-item h4{ margin: 40px 0 0; letter-spacing: .1em; font-size: 22px; font-family: "Yu Mincho Pr6N D";}
#lp-brand-kitokie .sec4 .list-item dl{ display: flex; margin: -1em 0 0; align-items: baseline; justify-content: flex-end;}
#lp-brand-kitokie .sec4 .list-item dt img{ width: auto; height: 7px; vertical-align: baseline;}
#lp-brand-kitokie .sec4 .list-item dd{ padding: 0 0 0 1em; letter-spacing: .3em; font-size: 15px; font-family: "Yu Gothic Pr6N D";}
#lp-brand-kitokie .sec4 .list-item p{ margin: 2em 0 0; letter-spacing: .08em; font-size: 16px; font-family: "Yu Gothic Pr6N M"; line-height: 2.125;}
#lp-brand-kitokie .sec4 .list-item .more{ margin: 30px 0 0;}
#lp-brand-kitokie .sec4 .list-item .more a{ display: block; width: 187px;}

@media only screen and (max-width: 736px) {
    #lp-brand-kitokie .sec4 .list-item{ margin: 26.66666667vw 0 6.666666667vw;}
    #lp-brand-kitokie .sec4 .list-item > li{ padding: 0 0 32vw;}
    #lp-brand-kitokie .sec4 .list-item figure{ margin: 0 -9.333333333vw;}
    #lp-brand-kitokie .sec4 .list-item h4{ margin: 9.333333333vw 0 0; white-space: nowrap; font-size: 5.866vw;}
    #lp-brand-kitokie .sec4 .list-item dl{ margin: 6.666666667vw 0 0; justify-content: flex-start;}
    #lp-brand-kitokie .sec4 .list-item dt img{ height: 1.866vw;}
    #lp-brand-kitokie .sec4 .list-item dd{ padding: 0 0 0 1em; font-size: 3.466vw; line-height: 1.3;}
    #lp-brand-kitokie .sec4 .list-item p{ letter-spacing: .1em; font-size: 3.466vw; line-height: 2.15;}
    #lp-brand-kitokie .sec4 .list-item .more{ margin: 6.666666667vw 0 0;}
    #lp-brand-kitokie .sec4 .list-item .more a{ width: 40.533vw;}
}

#lp-brand-kitokie .sec4 .list-story{ margin: 120px 0 0;}
#lp-brand-kitokie .sec4 .list-story > li{ padding: 0 10px 150px;}
#lp-brand-kitokie .sec4 .list-story figure{ margin: 0 -10px;}
#lp-brand-kitokie .sec4 .list-story h4{ margin: 100px 0 0; letter-spacing: .3em; font-size: 22px; font-family: "Yu Mincho Pr6N D";}
#lp-brand-kitokie .sec4 .list-story p{ margin: 2em 0 0; letter-spacing: .1em; font-size: 16px; line-height: 2.25;}

@media only screen and (max-width: 736px) {
    #lp-brand-kitokie .sec4 .list-story{ margin: 32vw 0 5.333333333vw;}
    #lp-brand-kitokie .sec4 .list-story > li{ padding: 0 0 26.66666667vw;}
    #lp-brand-kitokie .sec4 .list-story figure{ margin: 0 -9.333333333vw;}
    #lp-brand-kitokie .sec4 .list-story h4{ margin: 10.66666667vw 0 0; font-size: 4.266vw;}
    #lp-brand-kitokie .sec4 .list-story p{ font-size: 3.466vw; line-height: 2.15;}
}

#lp-brand-kitokie .sec4 .btn2 a{ position: relative; display: flex; margin: 0 auto; padding: 0 0 0 20px; width: 310px; height: 56px; border: 1px solid; letter-spacing: .3em; font-size: 16px; font-family: "Yu Mincho Pr6N D"; align-items: center;}
#lp-brand-kitokie .sec4 .btn2 a:after{ position: absolute; top: 50%; right: 30px; width: 8px; height: 14px; background: url("/static/mallDefault/contents/images/brand/kitokie/arrow.png") no-repeat center / contain; content: ""; transform: translate(0,-50%);}

@media only screen and (max-width: 736px) {
    #lp-brand-kitokie .sec4 .btn2 a{ padding: 0 0 0 8vw; width: 100%; height: 12.8vw; font-size: 3.733vw;}
    #lp-brand-kitokie .sec4 .btn2 a:after{ right: 8vw; width: 1.6vw; height: 2.66vw;}
}

#lp-brand-kitokie .act { opacity: 0; transform: translateY(30px);}
#lp-brand-kitokie .fadein { animation: fadein 1.6s cubic-bezier(0.25, 1, 0.5, 1) 1 forwards;}
@keyframes fadein {
    0% { opacity: 0; transform: translateY(30px);}
    100% { opacity: 1; transform: translateY(0);}
}

.popbnr-wrap{ opacity: 0; transition: opacity 1s ease;}
.popbnr-wrap.active{ opacity: 1; transition: opacity 1s ease;}
.popbnr{ position: fixed; right: 0; bottom: 0; z-index: 10000; visibility: hidden; width: 16.66666667vw; height: 16.66666667vw; text-align: center; opacity: 0; transition: all .25s ease;}
.popbnr.is-show{ visibility: visible; opacity: 1;}
.close-btn{ position: absolute; top: 0; right: 0; z-index: 10; width: 2.34375vw; height: 2.34375vw; background-color: rgb(255 255 255 / 60%); cursor: pointer;}
.close-btn:before,
.close-btn:after{ position: absolute; top: 50%; left: 50%; width: 1.927083333vw; height: 1px; background: #414141; content: ""; transform: translate(-50%,-50%) rotate(45deg);}
.close-btn:after{ transform: translate(-50%,-50%) rotate(-45deg);}

@media only screen and (max-width: 736px) {
    .popbnr{ width: 49.6vw; height: 49.6vw;}
    .close-btn{ width: 6.933333333vw; height: 6.933333333vw;}
    .close-btn:before,
    .close-btn:after{ width: 5.866666667vw;}
}