.headline{font-size:1.8rem;padding-bottom:2em}.headline dt{background:#0075c1;color:#fff;text-align:center;line-height:1;padding-top:5px;padding-bottom:7px}.headline.table{padding-bottom:0}.p-how-usage{display:-webkit-box;display:-ms-flexbox;display:flex}.p-how-usage .unit{position:relative}.p-how-usage .unit-ttl{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;font-weight:normal}.p-how-usage .unit-ttl .c-num{font-family:Arial, Noto Sans JP, sans-serif;line-height:1;letter-spacing:0.02em;color:#fff;background:#0075c1;margin-right:0.8em}.p-how-usage .unit_w .unit-inner{display:-webkit-box;display:-ms-flexbox;display:flex}.p-how-usage .unit_w .unit-inner .upperBox{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.p-how-usage .unit_w .unit-inner .lowerBox{display:-webkit-box;display:-ms-flexbox;display:flex}.p-how-usage .useImg .caution{position:absolute;right:-10px;bottom:-20px;font-size:3.7333vw}.faq dl.js-accordion{width:100%;margin:20px 0 0;border-radius:10px;background-color:#cce0fc;overflow:hidden}.faq dl.js-accordion:first-child{margin:0}.faq dl dt.accordion_header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#cce0fc;font-size:1.8rem;padding-left:11%;position:relative;z-index:+1;cursor:pointer;-webkit-transition-duration:0.2s;transition-duration:0.2s;border-top-right-radius:10px;border-top-left-radius:10px}.faq dl dt.accordion_header:hover{opacity:.8}.faq dl dd.accordion_inner{display:none;padding:30px 80px 40px 11%;border-left:2px solid #cce0fc;border-right:2px solid #cce0fc;border-bottom:2px solid #cce0fc;border-bottom-left-radius:10px;border-bottom-right-radius:10px;background:#fff;font-size:1.8rem;line-height:1.7;position:relative}.faq dt.accordion_header:before{display:block;position:absolute;top:50%;content:"Q";width:47px;height:47px;background:url(/brand/nn_s/img/how/how_icon_q.png) no-repeat center;left:33px;margin:-23px 0 0;text-indent:100%;white-space:nowrap;overflow:hidden}.faq dd.accordion_inner:before{content:"A";display:block;width:47px;height:47px;background:url(/brand/nn_s/img/how/how_icon_a.png) no-repeat center;position:absolute;left:33px;top:23px;text-indent:100%;white-space:nowrap;overflow:hidden}.faq dd.accordion_inner .link_box{display:-webkit-box;display:-ms-flexbox;display:flex;color:#014099;font-weight:bold;border:1px solid #014099;position:relative}.faq dd.accordion_inner .link_box a{display:block}.faq dd.accordion_inner .link_box ::after{content:'';display:block;position:absolute;background:url("/brand/nn_s/img/common/icon_blank_b.svg") no-repeat center center/contain;top:0;bottom:0;margin:auto}.faq dd.accordion_inner p{margin-bottom:1em}.faq dd.accordion_inner p:last-child{margin-bottom:0}@media screen and (max-width: 767px){.p-how .c-mv{margin-bottom:13.3333vw}.p-how .c-mv .ttl{line-height:1;height:12vw}.p-how-use .l-inner{padding-left:10px;padding-right:10px}.p-how-useBg .c-title-head{letter-spacing:-0.03em;font-size:4.8vw;padding:0.2em 0 0.2em 0.3em}.headline{padding-left:10px;padding-bottom:6.6666vw}.headline dt{display:inline-block;padding-left:1em;padding-right:1em;font-size:4vw}.headline dd{margin-top:0.5em;font-size:3.7333vw}.headline.table{padding-right:20px}.p-how-usage{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.p-how-usage .unit{margin-bottom:8vw}.p-how-usage .unit-ttl .c-num{padding:4px 15px 3px}.p-how-usage .unit-ttl p{font-size:4.2666vw}.p-how-usage .unit.step-2{margin-bottom:10.6666vw}.p-how-usage .unit.step-2 .unit-ttl{margin-bottom:5.3333vw}.p-how-usage .unit_w .unit-inner{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.p-how-usage .unit_w .unit-inner .upperBox .useImg{padding-top:1em;padding-bottom:1em;width:60%}.p-how-usage .unit_w .unit-inner .lowerBox{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;border-top:2px dashed #ccc;padding-top:1em;margin-top:1em}.p-how-usage .useImg._p_lr20{padding-left:20px;padding-right:20px}.p-how-usage .useImg_part{width:30%;margin-right:-5px}.faq{margin-left:-10px;margin-right:-10px}.faq dl dt.accordion_header{padding:1rem 11% 1rem 20%;padding-right:11%;padding-left:20%;font-size:4.2666vw}.faq dl dd.accordion_inner{padding:5.3333vw 15px 5.3333vw 20%;font-size:4.2666vw}.faq dt.accordion_header:before{left:4%;width:40px;height:40px;background:url(/brand/nn_s/img/how/how_icon_q_sp.png) no-repeat center}.faq dd.accordion_inner:before{left:4%;width:40px;height:40px;top:4.2666vw;background:url(/brand/nn_s/img/how/how_icon_a_sp.png) no-repeat center}.faq dd.accordion_inner .link_box{margin-left:calc((20% + 5px) * -1);margin-right:0;font-size:4.2666vw;text-indent:-0.5em}.faq dd.accordion_inner .link_box a{padding:20px 20px 20px 60px}.faq dd.accordion_inner .link_box ::after{width:20px;height:20px;right:50px}}@media print, screen and (min-width: 768px){.p-how .c-mv{border-bottom:1px solid #eee}.p-how-useBg{background:#f4f9ff;padding:40px 45px 40px}.headline dt{width:186px}.headline.flex-cont{display:-webkit-box;display:-ms-flexbox;display:flex}.headline.flex-cont dd{margin-left:1em}.headline.list dd{margin-top:1em}.p-how-usage{-ms-flex-wrap:wrap;flex-wrap:wrap;padding-left:45px;padding-right:45px}.p-how-usage .unit{width:calc(50% - 30px)}.p-how-usage .unit:nth-child(even){margin-left:60px}.p-how-usage .unit-ttl{font-size:2rem}.p-how-usage .unit-ttl .c-num{padding:6px 25px 5px}.p-how-usage .unit.step-2 .unit-ttl{margin-bottom:20px}.p-how-usage .unit_w{margin-top:54px;width:100%}.p-how-usage .unit_w .unit-inner{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.p-how-usage .unit_w .unit-inner .upperBox{width:48%}.p-how-usage .unit_w .unit-inner .upperBox .useImg{padding-top:2em;padding-bottom:2em;width:300px}.p-how-usage .unit_w .unit-inner .lowerBox{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:48%}.p-how-usage .useImg .caution{font-size:1.6rem;right:-2em;bottom:0}.p-how-usage .useImg_part{padding-top:2em;padding-bottom:2em;width:300px}.faq dl dt.accordion_header{height:87px}.faq dd.accordion_inner .link_box{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:504px;height:138px;font-size:18px;margin:30px auto 0}.faq dd.accordion_inner .link_box a{padding-right:80px}.faq dd.accordion_inner .link_box ::after{width:28px;height:28px;right:30px}section#qa{margin-bottom:40px}}