/*font-family: "Shuei NijimiMin L";*/
#lp-sp-jpn{ background: #DCD7BE; color: #5A5A5A; font-family: "Shuei NijimiMin L";}
#lp-sp-jpn .pc{ display: block;}
#lp-sp-jpn .sp{ display: none;}
#lp-sp-jpn .anchor{ position: relative; z-index: -1;}
#lp-sp-jpn .anchor:before{ display: block; margin-top: -67px; width: 100%; height: 67px; content: ""; vertical-align: top;}
#lp-sp-jpn figure{ margin: 0; padding: 0;}

@media only screen and (max-width: 736px) {
    #lp-sp-jpn{ overflow: hidden; width: 100%; background: none;}
    #lp-sp-jpn *{ box-sizing: border-box;}
    #lp-sp-jpn .pc{ display: none;}
    #lp-sp-jpn .sp{ display: block;}
    #lp-sp-jpn .anchor{ position: relative; z-index: -1;}
    #lp-sp-jpn .anchor:before{ display: block; margin-top: -18.4vw; width: 100%; height: 18.4vw; content: ""; vertical-align: top;}
}

#lp-sp-jpn .sec1{ width: 100%; height: 56.25vw; background: url("/static/mallDefault/contents/images/sp/japandi/2023aw/main1.jpg") no-repeat center / cover;}

@media only screen and (max-width: 736px) {
    #lp-sp-jpn .sec1{ overflow: hidden; height: 108.8vw; background: none;}
    #lp-sp-jpn .sec1:after{ position:fixed; top:0; left:0; z-index: -1; width: 100%; height: 100%; background: url("/static/mallDefault/contents/images/sp/japandi/2023aw/main1_sp.jpg") no-repeat center / cover; content:"";}
}

#lp-sp-jpn .sec2{ position: relative; padding: 140px 0 100px;}
#lp-sp-jpn .sec2:before{ position: absolute; top: -128px; left: 0; width: 100%; height: 283px; background: linear-gradient(rgba(220, 215, 190, 0) 0%, rgba(222, 215, 190, 0.84) 18.23%, rgba(222, 215, 190, 0.93) 23.15%, rgba(222, 215, 190, 0.97) 29.06%, #ded7be 100%); content: "";}
#lp-sp-jpn .sec2:after{ position: absolute; bottom: -55px; left: 0; z-index: 2; width: 100%; height: 118px; background: linear-gradient(rgba(220, 215, 190, 0) 0%, rgba(222, 215, 190, 0.84) 18.23%, rgba(222, 215, 190, 0.93) 23.15%, rgba(222, 215, 190, 0.97) 29.06%, #ded7be 100%); content: ""; transform: rotate(180deg); }
#lp-sp-jpn .sec2 h2{ position: absolute; top: -143px; left: 50%; width: 874px; transform: translate(-50%,0);}
#lp-sp-jpn .sec2 p{ position: relative; z-index: 2; display: flex; padding: 0 0 0 84px; letter-spacing: .03em; font-size: 14px; line-height: 1.85; justify-content: center;}

@media only screen and (max-width: 736px) {
    #lp-sp-jpn .sec2{ z-index: 2; padding: 20.533vw 0 13.333vw;}
    #lp-sp-jpn .sec2:before{ top: auto; bottom: 0; height: 75.466vw; background: linear-gradient(rgba(220, 215, 190, 0) 0%, rgba(222, 215, 190, 0.84) 18.23%, rgba(222, 215, 190, 0.93) 23.15%, rgba(222, 215, 190, 0.97) 29.06%, #ded7be 100%);}
    #lp-sp-jpn .sec2:after{ bottom: -7.466vw; height: 12.533vw; background: linear-gradient(rgba(220, 215, 190, 0) 0%, rgba(222, 215, 190, 0.84) 18.23%, rgba(222, 215, 190, 0.93) 23.15%, rgba(222, 215, 190, 0.97) 29.06%, #ded7be 100%);}
    #lp-sp-jpn .sec2 h2{ top: -6.4vw; left: 4vw; width: 84.616vw; transform: none;}
    #lp-sp-jpn .sec2 p{ display: block; padding: 0 0 0 21.333vw; font-size: 2.4vw; line-height: 1.66;}
}

#lp-sp-jpn .sec3{ margin: 0 auto; width: 1150px; text-align: center;}
#lp-sp-jpn .sec3 figure{ position: relative;}
#lp-sp-jpn .sec3 figcaption{ position: absolute; bottom: 40px; left: 50%; display: flex; flex-direction: column; color: #fff; letter-spacing: .15em; font-size: 48px; transform: translate(-50%,0); justify-content: center; align-items: center;}
#lp-sp-jpn .sec3 figcaption span{ letter-spacing: .1em; font-size: 35px;}
#lp-sp-jpn .sec3 p{ margin: 70px 0 0; letter-spacing: .15em; font-size: 22px; line-height: 1.8;}

@media only screen and (max-width: 736px) {
    #lp-sp-jpn .sec3{ position: relative; z-index: 2; padding: 0 0 85px; width: 100%; background: #DCD7BE;}
    #lp-sp-jpn .sec3 figcaption{ bottom: 6.666vw; font-size: 7.2vw;}
    #lp-sp-jpn .sec3 figcaption span{ font-size: 5.333vw;}
    #lp-sp-jpn .sec3 p{ margin: 30px 0 0; font-size: 15px; line-height: 2.13;}
}

#lp-sp-jpn .sec4{ display: flex; margin: 200px auto 0; padding: 0 0 0 70px; width: 1290px; justify-content: center;}
#lp-sp-jpn .sec4-1{ width: 1150px;}
#lp-sp-jpn .sec4-1 h3{ position: relative; padding: 0 0 25px; letter-spacing: .15em; font-size: 20px; line-height: 1.6;}
#lp-sp-jpn .sec4-1 h3 span{ display: block;}
#lp-sp-jpn .sec4-1 h3 span img{ width: auto; height: 20px;}
#lp-sp-jpn .sec4-1 h3:after{ position: absolute; bottom: 0; left: 0; width: 0%; height: 1px; background: #707070; content: ""; transition: width 1s ease-out;}
#lp-sp-jpn .sec4-1 h3.is-active:after{ width: 100%; transition: width 1s ease-out;}

@media only screen and (max-width: 736px) {
    #lp-sp-jpn .sec4{ position: relative; z-index: 2; flex-direction: column; margin: 0; padding: 85px 9.866vw 0; width: 100%; background: #DCD7BE;}
    #lp-sp-jpn .sec4-1{ width: 100%;}
    #lp-sp-jpn .sec4-1 h3{ margin: 0 -3.2vw; padding: 0 3.2vw 20px; font-size: 14px; line-height: 2.28;}
    #lp-sp-jpn .sec4-1 h3 span img{ height: 4.733vw;}
}

#lp-sp-jpn .sec4-1 .flex{ position: relative; display: flex; margin: 60px auto 0; padding: 0 80px 0 0; width: 900px; justify-content: space-between; align-items: flex-end;}
#lp-sp-jpn .sec4-1 .flex .detail{ padding: 0 0 30px; width: 450px;}
#lp-sp-jpn .sec4-1 .flex .detail p{ letter-spacing: .1em; font-size: 18px; line-height: 2.44;}
#lp-sp-jpn .sec4-1 .flex .detail p + p{ margin: 2em 0 0;}
#lp-sp-jpn .sec4-1 .flex .detail .lg{ margin: 45px 0 0 -9px;}
#lp-sp-jpn .sec4-1 .flex .detail .lg img{ width: 308px;}
#lp-sp-jpn .sec4-1 .flex1{ margin: -55px auto 0;}
#lp-sp-jpn .sec4-1 .flex1 figure{ width: 433px;}
#lp-sp-jpn .sec4-1 .flex1s figure{ padding: 0 0 127px;}
#lp-sp-jpn .sec4-1 .flex2{ align-items: flex-start;}
#lp-sp-jpn .sec4-1 .flex2 figure{ width: 466px;}
#lp-sp-jpn .sec4-1 .flex2s{ align-items: flex-end;}
#lp-sp-jpn .sec4-1 .flex2s .detail{ padding: 0 0 30px;}

@media only screen and (max-width: 736px) {
    #lp-sp-jpn .sec4-1 .flex{ flex-direction: column; margin: 20px 0 0; padding: 0; width: 100%; justify-content: center; align-items: flex-start;}
    #lp-sp-jpn .sec4-1 .flex .detail{ padding: 0; width: 100%;}
    #lp-sp-jpn .sec4-1 .flex .detail p{ font-size: 13px; line-height: 1.84;}
    #lp-sp-jpn .sec4-1 .flex .detail .lg{ display: none;}
    #lp-sp-jpn .sec4-1 .flex1{ margin: 20px 0 0;}
    #lp-sp-jpn .sec4-1 .flex1 figure{ margin: 25px 0 0; width: 56vw;}
    #lp-sp-jpn .sec4-1 .flex1s figure{ padding: 0;}
    #lp-sp-jpn .sec4-1 .flex2{ margin: 30px 0 0;}
    #lp-sp-jpn .sec4-1 .flex2 figure{ margin: 30px 0 0; width: 100%;}
    #lp-sp-jpn .sec4-1 .flex2s .detail{ padding: 0;}
}

#lp-sp-jpn .sec4-1 .img1{ display: flex; margin: 60px auto 0; width: 820px; justify-content: flex-end;}
#lp-sp-jpn .sec4-1 .img1 img{ width: 740px;}
#lp-sp-jpn .sec4-2{ width: 70px;}
#lp-sp-jpn .sec4-2 .lg{ position: sticky; top: 102px; right: 0;}
#lp-sp-jpn .sec4-2 .lg img{ margin: 0 0 0 auto; width: 1.302083333vw;}

@media only screen and (max-width: 736px) {
    #lp-sp-jpn .sec4-1 .img1{ position: relative; display: block; margin: 75px 0 0; width: 100%;}
    #lp-sp-jpn .sec4-1 .img1s{ margin: 30px -9.866vw 0; width: 100vw;}
    #lp-sp-jpn .sec4-1 .img1 img{ width: 100%;}
    #lp-sp-jpn .sec4-1 .img1 figcaption{ position: absolute; top: 20.8vw; left: 10.133vw; color: #fff; letter-spacing: .1em; font-size: 13px; line-height: 1.84;}
    #lp-sp-jpn .sec4-2{ display: none;}
}

#lp-sp-jpn .btn1{ margin: 90px 0 0; padding: 0 0 330px;}
#lp-sp-jpn .btn1 a{ display: flex; margin: 0 auto; width: 522px; height: 43px; background: rgba(255,255,255,.6); box-shadow: 4px 4px 4px #877332; color: #5a5a5a; letter-spacing: .15em; font-size: 15px; justify-content: center; align-items: center;}
#lp-sp-jpn .btn1 a:hover{ background: rgba(90,90,90,.6); color: #fff;}

@media only screen and (max-width: 736px) {
    #lp-sp-jpn .btn1{ position: relative; z-index: 2; margin: 0; padding: 37px 9.866vw 85px; background: #DCD7BE;}
    #lp-sp-jpn .btn1 a{ width: 100%; height: 11.6vw; font-size: 12px;}
}

.act2{ opacity: 0;}
.fadeup{ animation: fadeup 1.2s cubic-bezier(0.33, 1, 0.68, 1) forwards;}
 
@keyframes fadeup {
    0% { opacity: 0; transform: translateY(30px);}
    80% { opacity: 1;}
    100% { opacity: 1; transform: translateY(0);}
}