@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');

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

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

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

#lp-support-rc h2{ display: flex; font-size: 12px; align-items: baseline;}
#lp-support-rc h2 span{ margin: 0 1.5em 0 0; font-size: 30px;}
#lp-support-rc .main{ margin: 60px 0 0;}

@media only screen and (max-width: 736px) {
    #lp-support-rc h2{ font-size: 2.666666667vw;}
    #lp-support-rc h2 span{ margin: 0 1.5em 0 0; font-size: 5.333333333vw;}
    #lp-support-rc .main{ margin: 8vw 0 0;}
}

#lp-support-rc .sec{ padding: 60px 0;}
#lp-support-rc .sec h3{ font-size: 24px;}
#lp-support-rc .sec h4{ margin: 60px 0 0; font-size: 20px;}
#lp-support-rc .sec p{ margin: 1.5em 0 0; font-size: 14px;}
#lp-support-rc .sec h3 + p{ margin: 2em 0 0;}

@media only screen and (max-width: 736px) {
    #lp-support-rc .sec{ padding: 8vw 0;}
    #lp-support-rc .sec h3{ font-size: 5.333333333vw;}
    #lp-support-rc .sec h4{ margin: 8vw 0 0; font-size: 3.733333333vw;}
    #lp-support-rc .sec p{ margin: 1em 0 0; font-size: 3.2vw;}
    #lp-support-rc .sec h3 + p{ margin: 1.5em 0 0;}
}

#lp-support-rc .sec2 .dl1 dt{ margin: 60px 0 0; font-size: 20px;}
#lp-support-rc .sec2 .dl1 dd{ padding: 30px 0 0;}
#lp-support-rc .sec2 .dl1 ul{ font-size: 14px;}
#lp-support-rc .sec2 .dl1 ul > li{ position: relative; display: flex; width: 100%; justify-content: space-between; align-items: center;}
#lp-support-rc .sec2 .dl1 ul > li:before{ position: absolute; top: 50%; left: 0; z-index: -1; width: 100%; height: 1px; background: #f1f1f1; content: ""; transform: translate(0,-50%);}
#lp-support-rc .sec2 .dl1 ul > li + li{ margin: 15px 0 0;}
#lp-support-rc .sec2 .dl1 ul span{ padding: 0 1.5em 0 0; background: #fff;}
#lp-support-rc .sec2 .dl1 ul small{ padding: 0 0 0 1.5em; background: #fff; font-size: 100%;}
#lp-support-rc .sec2 .cap{ margin: 1.5em 0 0;}

@media only screen and (max-width: 736px) {
    #lp-support-rc .sec2 .dl1 dt{ margin: 8vw 0 0; font-size: 3.733333333vw;}
    #lp-support-rc .sec2 .dl1 dd{ padding: 2.666666667vw 0 0;}
    #lp-support-rc .sec2 .dl1 ul{ font-size: 2.666666667vw;}
    #lp-support-rc .sec2 .dl1 ul > li + li{ margin: 2.666666667vw 0 0;}
    #lp-support-rc .sec2 .dl1 ul span{ padding: 0 1em 0 0;}
    #lp-support-rc .sec2 .dl1 ul small{ padding: 0 0 0 1em;}
    #lp-support-rc .sec2 .cap{ margin: 1.5em 0 0; font-size: 3.2vw;}
}

.sec3{ padding: 50px 100px; background: #539B35; color: #fff;}
.sec3 h3{ display: flex; flex-direction: column; font-size: 26px; align-items: center;}
.sec3 h3 span{ font-size: 20px;}
.sec3 .lead{ display: flex; margin: 15px 0 0; justify-content: space-between; align-items: center;}
.sec3 .lead i{ width: 180px;}
.sec3 .lead p{ width: 680px;}
.sec3 .dl2{ display: flex; flex-direction: column; margin: 15px 0 0; padding: 30px; width: 100%; background: #fff; color: #4d4d4d; align-items: center;}
.sec3 .dl2 dt{ width: 280px;}
.sec3 .dl2 dd{ padding: 15px 0 0; width: 100%;}
.sec3 .dl2 ul > li{ position: relative; display: flex; padding: .25em .5em; border-bottom: 1px dashed #539B35; justify-content: space-between; align-items: center;}
.sec3 .dl2 ul > li:after{ position: absolute; top: 50%; left: 42%; width: 42px; height: 12px; background: url("/static/mallDefault/contents/images/support/recycling/arrow.png") no-repeat center / contain; content: ""; transform: translate(0,-50%);}
.sec3 .dl2 ul > li span{ width: 50%;}

@media only screen and (max-width: 736px) {
    .sec3{ padding: 8vw 4vw;}
    .sec3 h3{ text-align: center; font-size: 4.8vw;}
    .sec3 h3 span{ margin: 1.5em 0 0; font-size: 3.733333333vw;}
    .sec3 .lead{ flex-direction: column; margin: 4vw 0 0; justify-content: flex-start;}
    .sec3 .lead i{ width: 40%;}
    .sec3 .lead p{ margin: 4vw 0 0; width: 100%; font-size: 3.733333333vw;}
    .sec3 .dl2{ margin: 8vw 0 0; padding: 8vw 8vw 0;}
    .sec3 .dl2 dt{ width: 100%;}
    .sec3 .dl2 dd{ padding: 4vw 0 0;}
    .sec3 .dl2 ul > li{ flex-direction: column; padding: 8vw 0; border-bottom: 1px solid #539B35; text-align: center; font-size: 3.733333333vw; justify-content: flex-start;}
    .sec3 .dl2 ul > li:after{ content: none;}
    .sec3 .dl2 ul > li:last-child{ border-bottom: none;}
    .sec3 .dl2 ul > li span{ width: 100%;}
    .sec3 .dl2 ul > li span + span{ position: relative; margin: 3em 0 0;}
    .sec3 .dl2 ul > li span + span:before{ position: absolute; top: -8vw; left: 50%; width: 5.066666667vw; height: 4.533333333vw; background: url("/static/mallDefault/contents/images/support/recycling/arrow_sp.png") no-repeat center / contain; content: ""; transform: translate(-50%,0);}
}

.btn-back{ display: flex; margin: 60px 0 0; justify-content: center;}
.btn-back a{ display: flex; width: 336px; height: 50px; border: 1px solid; color: #000; text-align: center; text-decoration: none; letter-spacing: .15em; font-size: 15px; justify-content: center; align-items: center;}

@media only screen and (max-width: 736px) {
    .btn-back{ margin: 8vw 0 0;}
    .btn-back a{ width: 60%; height: 12vw; font-size: 3.733333333vw;}
}