@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Source+Sans+3:ital,wght@0,200..900;1,200..900&display=swap');

.footer{ z-index: 10;}
#lp-support-tds{ box-sizing: border-box; margin: 0 auto; width: 1100px; color: #626262; letter-spacing: .1em; font-weight: 400; font-family: "Source Sans 3", "Noto Sans JP", sans-serif; line-height: 1.75;}
#lp-support-tds *{ box-sizing: border-box;}
#lp-support-tds .pc{ display: block;}
#lp-support-tds .sp{ display: none;}
#lp-support-tds .anchor{ position: relative; z-index: -1;}
#lp-support-tds .anchor:before{ display: block; margin-top: -67px; width: 100%; height: 67px; content: ""; vertical-align: top;}
#lp-support-tds figure{ margin: 0; padding: 0;}
#lp-support-tds i{ font-style: normal;}

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

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

#lp-support-tds h2{ margin: 0 calc(50% - 50vw);}
#lp-support-tds .lead{ padding: 40px 0 0; text-align: center;}
#lp-support-tds .lead img{ display: block; margin: 0 auto; width: 416px;}
#lp-support-tds .link{ position: fixed; bottom: 0; left: 0; z-index: 10;}
#lp-support-tds .link a{ display: flex; width: 100vw; height: 80px; background: #ECECEC; box-shadow: 0px -3px 5px rgba(0, 0, 0, 0.1); text-decoration: none; letter-spacing: .2em; font-weight: 700; font-size: 18px; align-items: center; justify-content: center;}
#lp-support-tds .link a span{ margin: 0 35px 0 0; width: 96px;}

@media only screen and (max-width: 736px) {
    #lp-support-tds h2{ margin: 0 calc(50% - 50vw);}
    #lp-support-tds .lead{ padding: 30px 0 0;}
    #lp-support-tds .lead img{ width: 100%;}
    #lp-support-tds .link a{ height: 14.66666667vw; font-size: 3.2vw;}
    #lp-support-tds .link a span{ margin: 0 5.333333333vw 0 0; width: 16.53333333vw;}
}

#lp-support-tds .sec1{ padding: 280px 0 250px;}
#lp-support-tds .sec1 .slick-slide{ height: 630px;}
#lp-support-tds .sec1 .detail{ display: flex; flex-direction: column; width: 100%; height: 100%; text-align: center; justify-content: center; align-items: center;}
#lp-support-tds .sec1 .detail h3 img{ height: 48px;}
#lp-support-tds .sec1 .detail .sp{ display: none;}
#lp-support-tds .sec1 .detail p{ letter-spacing: .125em; font-weight: 600; font-size: 20px; line-height: 60px;}
#lp-support-tds .sec1 .detail p small{ display: block; letter-spacing: .1em; font-weight: 400; font-size: 16px; line-height: 36px;}
#lp-support-tds .sec1 .detail h3  + p{ margin: 4em 0 0;}
#lp-support-tds .sec1 .detail h4 + p{ margin: 2em 0 0;}
#lp-support-tds .sec1 .detail p + p{ margin: 2em 0 0;}
#lp-support-tds .sec1 .detail .eng{ letter-spacing: .15em; font-weight: 600; font-size: 30px;}
#lp-support-tds .sec1 .detail i{ display: flex; margin: 40px 0 0; width: 108px; height: 108px; border: 1px solid #626262; border-radius: 100%; background: #E8AF6D; letter-spacing: 0; font-weight: 600; font-style: normal; font-size: 59px; line-height: normal; filter: drop-shadow(3px 3px 6px rgba(0, 0, 0, 0.16)); justify-content: center; align-items: center;}
#lp-support-tds .sec1 .detail h4{ margin: 1em 0 0; letter-spacing: .125em; font-weight: 600; font-size: 20px; line-height: 2;}

@media only screen and (max-width: 736px) {
    #lp-support-tds .sec1{ padding: 150px 0 200px;}
    #lp-support-tds .sec1 .slick-slide{ height: 133.333vw;}
    #lp-support-tds .sec1 .detail{ padding: 0 8vw;}
    #lp-support-tds .sec1 .detail h3 img{ width: 100%; height: auto;}
    #lp-support-tds .sec1 .detail .pc{ display: none;}
    #lp-support-tds .sec1 .detail .sp{ display: block;}
    #lp-support-tds .sec1 .detail p{ text-align: left; letter-spacing: .1em; font-size: 3.733vw; line-height: 2.14;}
    #lp-support-tds .sec1 .detail p small{ letter-spacing: .05em; font-weight: 400; font-size: 3.2vw; line-height: 1.83;}
    #lp-support-tds .sec1 .detail h3  + p{ margin: 2em 0 0;}
    #lp-support-tds .sec1 .detail h4 + p{ margin: 2em 0 0;}
    #lp-support-tds .sec1 .detail p + p{ margin: 2em 0 0;}
    #lp-support-tds .sec1 .detail .eng{ font-size: 5.333vw;}
    #lp-support-tds .sec1 .detail i{ margin: 5.333vw 0 0; width: 21.333vw; height: 21.333vw; font-size: 12vw;}
    #lp-support-tds .sec1 .detail h4{ margin: 8vw 0 0; white-space: nowrap; letter-spacing: .1em; font-weight: 600; font-size: 5.866vw; line-height: 1.36;}
}

#lp-support-tds .slide .slick-prev,
#lp-support-tds .slide .slick-next{ position: absolute; top: 50%; display: block; padding: 0; width: 15px; height: 28px; outline: none; border: none; background: transparent; color: transparent; font-size: 0; line-height: 0; cursor: pointer; transform: translate(0, -50%);}
#lp-support-tds .slide .slick-prev:hover,
#lp-support-tds .slide .slick-prev:focus,
#lp-support-tds .slide .slick-next:hover,
#lp-support-tds .slide .slick-next:focus{ outline: none; background: transparent; color: transparent;}
#lp-support-tds .slide .slick-prev:hover:before,
#lp-support-tds .slide .slick-prev:focus:before,
#lp-support-tds .slide .slick-next:hover:before,
#lp-support-tds .slide .slick-next:focus:before{ opacity: 1;}
#lp-support-tds .slide .slick-prev.slick-disabled:before,
#lp-support-tds .slide .slick-next.slick-disabled:before{ opacity: .25;}
#lp-support-tds .slide .slick-prev:before,
#lp-support-tds .slide .slick-next:before{ display: block; width: 15px; height: 28px; background: url("/static/mallDefault/contents/images/support/trade-in-service/arrow2.png") no-repeat center / contain; content: "";}
#lp-support-tds .slide .slick-prev{ left: -75px;}
#lp-support-tds .slide .slick-next{ right: -75px;}
#lp-support-tds .slide .slick-prev:before{ transform: rotate(180deg);}

@media only screen and (max-width: 736px) {
    #lp-support-tds .slide .slick-prev,
    #lp-support-tds .slide .slick-next{ width: 4vw; height: 7.466vw;}
    #lp-support-tds .slide .slick-prev:before,
    #lp-support-tds .slide .slick-next:before{ width: 4vw; height: 7.466vw;}
    #lp-support-tds .slide .slick-prev{ left: 2.666vw;}
    #lp-support-tds .slide .slick-next{ right: 2.666vw;}
}

#lp-support-tds .slide .slick-dots{ position: absolute; bottom: -45px; display: block; margin: 0; padding: 0; width: 100%; list-style: none; text-align: center;}
#lp-support-tds .slide .slick-dots li{ position: relative; display: inline-block; margin: 0 3px; padding: 0; width: 45px; height: 4px; cursor: pointer;}
#lp-support-tds .slide .slick-dots li button{ display: block; width: 45px; height: 4px; outline: none; border: 0; background: transparent; color: transparent; font-size: 0; line-height: 0; cursor: pointer;}
#lp-support-tds .slide .slick-dots li button:hover,
#lp-support-tds .slide .slick-dots li button:focus{ outline: none;}
#lp-support-tds .slide .slick-dots li button:hover:before,
#lp-support-tds .slide .slick-dots li button:focus:before{ opacity: 1;}
#lp-support-tds .slide .slick-dots li button:before{ position: absolute; top: 0; left: 0; width: 45px; height: 4px; background: #E6E6E6; content: '';}
#lp-support-tds .slide .slick-dots li.slick-active button:before{ background: #626262;}

@media only screen and (max-width: 736px) {
    #lp-support-tds .slide .slick-dots{ bottom: 0;}
}

#lp-support-tds .tl{ text-align: center; letter-spacing: .2em; font-weight: 600; font-size: 30px;}

@media only screen and (max-width: 736px) {
    #lp-support-tds .tl{ line-height: 1.66;}
}

#lp-support-tds .sec2{ padding: 0 190px 150px; border-top: 1px solid #626262; background: #FCFAF0;}
#lp-support-tds .sec2 h3{ margin: 150px -20px 0; padding: 150px 0 0; border-top: 1px dashed #626262;}
#lp-support-tds .sec2 .tl1{ margin: 0 -20px; border: none;}
#lp-support-tds .sec2 .tl2{ margin: 90px -20px 0;}
#lp-support-tds .sec2 figure{ margin: 100px 0 0;}
#lp-support-tds .sec2 h4{ margin: 70px 0 0; letter-spacing: .125em; font-weight: 600; font-size: 18px; line-height: 44px;}
#lp-support-tds .sec2 p{ margin: 50px 0 0; letter-spacing: .1em; font-size: 14px; line-height: 30px;}
#lp-support-tds .sec2 .list-btn{ display: flex; margin: 70px -6px 0; justify-content: center;}
#lp-support-tds .sec2 .list-btn > li{ padding: 0 9px;}
#lp-support-tds .sec2 .list-btn a{ position: relative; display: flex; flex-direction: column; width: 138px; height: 170px; border: 1px solid #626262; border-radius: 9px; box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.16); color: #626262; text-decoration: none; letter-spacing: .2em; font-weight: 700; font-size: 19px; line-height: 1; cursor: pointer; justify-content: center; align-items: center;}
#lp-support-tds .sec2 .list-btn .btn1 a{ background: #CFDAE5;}
#lp-support-tds .sec2 .list-btn .btn2 a{ background: #CFE5DD;}
#lp-support-tds .sec2 .list-btn .btn3 a{ background: #E9DFEA;}
#lp-support-tds .sec2 .list-btn .btn4 a{ background: #EAE5DF;}
#lp-support-tds .sec2 .list-btn .btn5 a{ background: #EADFDF;}
#lp-support-tds .sec2 .list-btn a i{ margin: 15px 0 0; width: 22px;}
#lp-support-tds .sec2 .note1{ display: flex; flex-direction: column; margin: 70px auto 0; width: 410px; height: 340px; border: 1px solid #9696a0; border-radius: 9px; background: #fff; text-align: center; justify-content: center; align-items: center;}
#lp-support-tds .sec2 .note1 .line1{ letter-spacing: .1em; font-weight: 700; font-size: 22px; line-height: 1;}
#lp-support-tds .sec2 .note1 .line1 strong{ display: block; padding: .2em 0; color: #9696A0; letter-spacing: .1em; font-size: 82px;}
#lp-support-tds .sec2 .note1 .line1 strong small{ font-size: 49px;}
#lp-support-tds .sec2 .note1 .line2{ margin: 2em 0 0; letter-spacing: .15em; font-size: 16px;}

@media only screen and (max-width: 736px) {
    #lp-support-tds .sec2{ margin: 0 calc(50% - 50vw); padding: 50px calc(50vw - 50% + 8vw) 150px;}
    #lp-support-tds .sec2 h3{ margin: 100px -13.333vw 0; padding: 100px 0 0;}
    #lp-support-tds .sec2 .tl1{ margin: 0 -13.333vw;}
    #lp-support-tds .sec2 .tl2{ margin: 150px -13.333vw 0;}
    #lp-support-tds .sec2 figure{ margin: 30px 0 0;}
    #lp-support-tds .sec2 h4{ margin: 60px 0 0; letter-spacing: .1em; font-size: 14px; line-height: 2.14;}
    #lp-support-tds .sec2 h4.center{ text-align: left}
    #lp-support-tds .sec2 p{ margin: 40px 0 0; letter-spacing: .05em; font-size: 12px; line-height: 1.83;}
    #lp-support-tds .sec2 p.center{ text-align: left;}
    #lp-support-tds .sec2 .list-btn{ flex-direction: column; margin: -10px 0 0;}
    #lp-support-tds .sec2 .list-btn > li{ padding: 30px 0 0;}
    #lp-support-tds .sec2 .list-btn a{ flex-direction: row; padding: 0 10px 0 0; width: 100%; height: 19.73333333vw; border-radius: 2.4vw; font-size: 3.733333333vw;}
    #lp-support-tds .sec2 .list-btn a i{ position: absolute; top: 50%; right: 5.333333333vw; margin: 0; width: 4.378666667vw; transform: translate(0,-50%);}
    #lp-support-tds .sec2 .note1{ margin: 70px 0 0; width: 100%; height: 56vw;}
    #lp-support-tds .sec2 .note1 .line1{ font-size: 14px; line-height: 1;}
    #lp-support-tds .sec2 .note1 .line1 strong{ padding: .2em 0 .3em; letter-spacing: .05em; font-size: 50px;}
    #lp-support-tds .sec2 .note1 .line1 strong small{ font-size: 30px;}
    #lp-support-tds .sec2 .note1 .line2{ margin: 2em 0 0; font-size: 10px;}
}

#lp-support-tds .sec3{ padding: 280px 150px; border-top: 1px solid #626262;}
#lp-support-tds .sec3 figure{ margin: 80px auto 20px; width: 450px;}
#lp-support-tds .sec3 dl{ padding: 100px 0 0;}
#lp-support-tds .sec3 dt{ position: relative; padding: 0 0 20px; border-bottom: 1px solid #707070; text-align: center; letter-spacing: .25em; font-weight: 600; font-size: 20px;}
#lp-support-tds .sec3 dt i{ position: absolute; bottom: 20px; left: 15px; height: 47px;}
#lp-support-tds .sec3 dt i img{ width: auto; height: 100%;}
#lp-support-tds .sec3 dd{ display: flex; flex-direction: column; height: 300px; background: #FCFAF0; text-align: center; letter-spacing: .1em; font-size: 18px; line-height: 40px; justify-content: center; align-items: center;}
#lp-support-tds .sec3 dd small{ display: block; font-size: 14px; line-height: 30px;}
#lp-support-tds .sec3 dd p + p{ margin: 2em 0 0;}
#lp-support-tds .sec3 dd a{ display: flex; margin: 50px 0 0; width: 340px; height: 100px; border: 1px solid #707070; border-radius: 9px; background: #8ed6eb; box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.16); text-decoration: none; letter-spacing: .2em; font-weight: 700; font-size: 19px; justify-content: center; align-items: center;}

@media only screen and (max-width: 736px) {
    #lp-support-tds .sec3{ margin: 0 calc(50% - 50vw); padding: 150px calc(50vw - 50%);}
    #lp-support-tds .sec3 figure{ margin: 50px 0 0x; width: 74.666vw;}
    #lp-support-tds .sec3 dt{ display: flex; flex-direction: column; padding: 0 0 15px; letter-spacing: .15em; font-size: 15px; justify-content: flex-start; align-items: center;}
    #lp-support-tds .sec3 dt i{ position: relative; bottom: auto; left: auto; margin: 0 0 25px; height: 8.8vw;}
    #lp-support-tds .sec3 dt i img{ width: auto; height: 100%;}
    #lp-support-tds .sec3 dd{ display: block; padding: 50px 35px; height: auto; text-align: left; font-size: 14px; line-height: 2.14;}
    #lp-support-tds .sec3 dd small{ font-size: 12px; line-height: 1.83;}
    #lp-support-tds .sec3 dd p + p{ margin: 2em 0 0;}
    #lp-support-tds .sec3 dd a{ width: 100%; height: 19.733vw; font-size: 14px;}
}

#lp-support-tds .sec4{ margin: 0 calc(50% - 50vw); padding: 280px calc(50vw - 50%); border-top: 1px solid #626262; background: #F5F5F5;}
#lp-support-tds .sec4 h3{ text-align: center;}
#lp-support-tds .sec4 h3 img{ width: 140px;}
#lp-support-tds .sec4 .btn-qa{ position: relative; z-index: 5; margin: 50px 0 0;}
#lp-support-tds .sec4 .btn-qa a{display: flex;  margin: 0 auto; width: 340px; height: 100px; border: 1px solid #707070; border-radius: 9px; background: #C6CCAC; box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.16); text-decoration: none; letter-spacing: .2em; font-weight: 700; font-size: 19px; cursor: pointer; justify-content: center; align-items: center;}
#lp-support-tds .list-qa{ display: flex; margin: -50px 0 0; flex-wrap: wrap; justify-content: space-between;}
#lp-support-tds .list-qa > li{ padding: 150px 0 0; width: calc(50% - 20px);}
#lp-support-tds .list-qa > li:last-child{ width: 100%;}
#lp-support-tds .list-qa h4{ text-align: center; font-weight: 600; font-size: 20px; line-height: 2.2;}
#lp-support-tds .list-qa .detail{ margin: 50px 0 0; padding: 60px; height: 414px; border-radius: 16px; background: #fff; letter-spacing: .1em; font-size: 18px; line-height: 45px;}
#lp-support-tds .sec4 .cap{ margin: 1em 0 0;}

@media only screen and (max-width: 736px) {
    #lp-support-tds .sec4{ padding: 200px calc(50vw - 50%) 150px;}
    #lp-support-tds .sec4 h3 img{ width: 32vw;}
    #lp-support-tds .sec4 .btn-qa a{ width: 65.33333333vw; height: 19.733vw; font-size: 14px;}
    #lp-support-tds .list-qa{ flex-direction: column; margin: -20px 0 0;}
    #lp-support-tds .list-qa > li{ padding: 70px 0 0; width: 100%;}
    #lp-support-tds .list-qa h4{ letter-spacing: .1em; font-size: 14px; line-height: 2.21;}
    #lp-support-tds .list-qa .detail{ margin: 30px 0 0; padding: 35px; height: auto; border-radius: 9px; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); font-size: 14px; line-height: 2.14;}
}

#lp-support-tds .sec5{ margin: 0 calc(50% - 50vw); padding: 85px calc(50vw - 50%); border-top: 1px solid #626262; background: #DCE1E6;}
#lp-support-tds .sec5 .list-bn{ display: flex; justify-content: space-between;}
#lp-support-tds .sec5 .list-bn > li{ width: 336px;}
#lp-support-tds .sec5 .list-bn a{ display: flex; height: 50px; background: #fff; color: #9696A0; text-align: center; text-decoration: none; letter-spacing: .15em; font-weight: 600; font-size: 15px; justify-content: center; align-items: center;}
#lp-support-tds .sec5 .list-bn > li:last-child a{ border: 1px solid #9696A0; background: none;}
#lp-support-tds .sec5 .list-bn p{ margin: 1em 0 0; letter-spacing: .15em; font-weight: 300; font-size: 13px; line-height: 30px;}

@media only screen and (max-width: 736px) {
    #lp-support-tds .sec5{ margin: 0 calc(50% - 50vw); padding: 25px calc(50vw - 50%) 80px;}
    #lp-support-tds .sec5 .list-bn{ flex-direction: column;}
    #lp-support-tds .sec5 .list-bn > li{ padding: 40px 0 0; width: 100%;}
    #lp-support-tds .sec5 .list-bn a{ height: 13.333vw; font-size: 14px;}
    #lp-support-tds .sec5 .list-bn p{ letter-spacing: .25em; font-size: 12px; line-height: 2.08;}
}

.remodal-overlay { background: rgba(0,0,0,1);}
.remodal-wrapper { padding: 0;}
.remodal{ position: relative; margin: 0; padding: 0; background: #fff; color: #000;}
.remodal .area dt{ padding: 20px 0; text-align: center; font-weight: 600; font-size: 16.8px; line-height: 1;}
.remodal .area dd{ padding: 20px; text-align: center;}
.remodal .area dd img{ margin: 0 auto; width: 600px;}
.remodal-close { position: absolute; top: auto; bottom: -50px; left: 50%; display: block; overflow: visible; margin: 0; padding: 0; width: 50px; height: 50px; outline: 0; border: 0; background: transparent; color: #fff; text-decoration: none; cursor: pointer; transition: color 0.2s; transform: translate(-50%,0);}
.remodal-close:hover,
.remodal-close:focus { color: #fff;}
.remodal-close:before { position: absolute; top: 0; left: 0; display: block; width: 50px; content: "閉じる"; text-align: center; font-size: 14px; line-height: 50px;}

@media only screen and (max-width: 736px) {
    .remodal .area{ padding: 10vw;}
    .remodal .area dt{ font-size: 14px;}
    .remodal .area dd{ margin: 10vw 0 0; padding: 0;}
    .remodal .area dd img{ margin: 0; width: 100%;}
}

@media only screen and (min-width: 641px) {
    .remodal { max-width: 1100px;}
}

#lp-support-tds .fixedbn{ position: fixed; top: 205px; right: 2.916666667vw; z-index: 10; width: 238px;}
#lp-support-tds .fixedbn a{ display: block;}

@media only screen and (max-width: 736px) {
    #lp-support-tds .fixedbn{ top: 35%; right: 0; width: 29.33333333vw; transform: translate(0,-50%);}
    #lp-support-tds .fixedbn a{ filter: drop-shadow(3px 3px 6px rgba(0, 0, 0, 0.16));}
}