@media screen and (max-width: 767px){.l-main{padding-top:15.6vw}}.oc-howto{background-color:transparent}@media screen and (min-width: 768px){.oc-howto{padding-top:65px}}.oc-howto--title{text-align:center;letter-spacing:.04em}@media screen and (min-width: 768px){.oc-howto--title{margin-bottom:50px;font-size:1.375rem}}@media screen and (max-width: 767px){.oc-howto--title{margin-bottom:10vw;font-size:4.8vw}}.oc-howto--lead-text{letter-spacing:.04em}@media screen and (min-width: 768px){.oc-howto--lead-text{margin-bottom:20px;font-size:.8125rem;text-align:center}}@media screen and (max-width: 767px){.oc-howto--lead-text{width:85.33334vw;margin:0 auto 3vw;font-size:3.2vw;text-align:left;line-height:1.5}}.oc-howto__step{margin:0 auto;background-color:#fff;box-sizing:border-box}@media screen and (min-width: 768px){.oc-howto__step{width:800px;margin-bottom:55px;padding:16px 80px 60px}}@media screen and (max-width: 767px){.oc-howto__step{width:92vw;margin:0 auto 12.6vw;padding:0 3.3334vw 10vw}}.oc-howto__step li{position:relative;text-align:center}@media screen and (min-width: 768px){.oc-howto__step li{padding:40px 0 57px}}@media screen and (max-width: 767px){.oc-howto__step li{padding:9.2vw 0 11.4vw}}.oc-howto__step li:before{display:block;position:absolute;right:0;bottom:0;left:0;z-index:1;margin:0 auto;height:1px;background-color:#c8c8c8;content:""}@media screen and (min-width: 768px){.oc-howto__step li:before{width:640px}}@media screen and (max-width: 767px){.oc-howto__step li:before{width:85.33334vw}}.oc-howto__step li:nth-child(4):before{content:none}@media screen and (min-width: 768px){.oc-howto__step li:nth-child(2){padding:46px 80px 62px}}@media screen and (max-width: 767px){.oc-howto__step li:nth-child(2){padding:8.6vw 0 11vw}}@media screen and (min-width: 768px){.oc-howto__step li:nth-child(3){padding:46px 80px 37px}}@media screen and (max-width: 767px){.oc-howto__step li:nth-child(3){padding:8.4vw 0 10.6vw}}@media screen and (min-width: 768px){.oc-howto__step li:nth-child(4n){padding:46px 80px 0}}@media screen and (max-width: 767px){.oc-howto__step li:nth-child(4n){padding:8.2vw 0 0}}.oc-howto--step-title{letter-spacing:.04em}@media screen and (min-width: 768px){.oc-howto--step-title{margin-bottom:25px;font-size:1rem;line-height:1.625}.oc-howto--step-title span{font-size:.875rem}}@media screen and (max-width: 767px){.oc-howto--step-title{margin-bottom:3.2vw;font-size:4.26667vw;line-height:1.625}.oc-howto--step-title span{font-size:3.73334vw}}@media screen and (min-width: 768px){.oc-howto__step li:first-child .oc-howto--step-title{margin-bottom:21px}}@media screen and (max-width: 767px){.oc-howto__step li:first-child .oc-howto--step-title{margin-bottom:5.2vw}}@media screen and (max-width: 767px){.oc-howto__step li:nth-child(3) .oc-howto--step-title{margin-bottom:3.6vw}}@media screen and (max-width: 767px){.oc-howto__step li:nth-child(4) .oc-howto--step-title{margin-bottom:4.1vw}}@media screen and (max-width: 767px){.oc-howto--step-image{width:53.33334vw;margin:0 auto}}@media screen and (min-width: 768px){.oc--top-skin-check-text{margin-bottom:22px}}@media screen and (max-width: 767px){.oc--top-skin-check-text{margin-bottom:6.2vw}}