@charset "UTF-8";.flow-area:before{border-color:transparent transparent #eaf2f4 transparent}.flow-area .inner{padding:0}.flow-dl{padding:35px 0;position:relative}.flow-dl+.flow-dl:before{position:absolute;content:"";width:80%;height:2px;background:#b5cdd8;top:0;right:0}.flow-dl+.flow-dl:after{position:absolute;content:"";width:0;height:0;border-style:solid;border-width:20px 20px 0 20px;border-color:#147ba7 transparent transparent transparent;top:-10px;left:55px}.flow-dl>dt{display:flex;flex-wrap:wrap;text-align:center;align-items:center;justify-content:center;width:150px;height:150px;border-radius:999em;-webkit-border-radius:999em;-moz-border-radius:999em;-ms-border-radius:999em;-o-border-radius:999em;background:#147ca7}.flow-dl .step{font-size:20px;font-weight:700;line-height:1.1;color:#fff}.flow-dl .step .num{font-size:50px}.flow-dl>dd{width:80%}@media screen and (max-width:767px){.flow-area .inner{padding:0 12px}.flow-dl{padding:10px;position:relative}.flow-dl+.flow-dl{margin-top:30px}.flow-dl+.flow-dl:after{top:-25px;left:50%;margin-left:-22px}.flow-dl>dt{margin:0 auto 10px;width:100px;height:100px;padding:10px}.flow-dl .step{font-size:16px}.flow-dl .step .num{font-size:30px}.flow-dl>dd{width:100%}.flow-dl+.flow-dl:before{content:none}}.font-blue{color:#147caf}.ttl-03{font-size:30px;font-weight:700;text-align:center}.sec-area .btn-wrap{margin-top:70px!important}.apply-btn .btn{max-width:620px;width:100%;margin:auto;border:none}.apply-btn .btn:before{border-left-color:transparent}#ipv6-wrap .white-area{padding-bottom:0}@media screen and (max-width:767px){.sec-area .btn-wrap{margin-top:20px!important}.ttl-03{font-size:18px}}#wrapper{margin-top:50px}#ipv6-wrap #header{position:fixed;top:0;left:0;border-bottom:2px solid #ddd}#ipv6-wrap.ipv6-plus #top-area.top-area{padding:0;border-top:none;background:url(/ipv6service/change_ipoe/images/mv-bg.png) #eaf2f4 no-repeat center;background-size:cover;position:relative}#ipv6-wrap.ipv6-plus .top-area .ttl-top{padding:30px 0 160px}@media screen and (max-width:767px){#ipv6-wrap.ipv6-plus #top-area.top-area{background:#eaf2f4}#ipv6-wrap.ipv6-plus .top-area .ttl-top{padding:0}}.info-area:before{border-color:transparent transparent #c6dce5 transparent}.info-area .inner{padding-top:0}.info-area .text-box{max-width:620px;width:100%;margin:auto}.img-box{padding:15px;background:#fff}.img-box .ttl{text-align:center;font-size:22px;font-weight:700;color:#147ca7}.img-box .box-col{width:440px;position:relative}.img-box .box-col:nth-of-type(n+2):before{position:absolute;content:"";width:0;height:0;border-style:solid;border-width:32px 0 32px 30px;border-color:transparent transparent transparent #0786ad;top:50%;left:-60px;margin-top:-32px}@media screen and (max-width:767px){.info-area .inner{padding-top:15px}.img-box .ttl{font-size:18px}.img-box .box-col{width:100%;text-align:center}.img-box .box-col+.box-col{margin-top:30px}.img-box .box-col:nth-of-type(n+2):before{border-width:20px 0 20px 20px;transform:rotate(90deg);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);top:-30px;margin-top:0;left:50%;margin-left:-10px}}.use-area:before{border-color:transparent transparent #ffffff transparent}.use-area .inner{padding-top:0}.use-box{padding:15px;background:#fff}.use-box>figure{width:25%;text-align:center}.use-box>figure+figure{border-left:2px solid #e1e9eb}.use-box>figure figcaption{margin-bottom:15px}.use-list-box{max-width:800px;width:100%;margin:auto;padding:0 110px 30px;border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px;background:#fff}.use-list-box .ttl{width:80%;margin:0 auto 15px;padding:10px;text-align:center;font-size:20px;font-weight:700;color:#fff;border-radius:0 0 8px 8px;-webkit-border-radius:0 0 8px 8px;-moz-border-radius:0 0 8px 8px;-ms-border-radius:0 0 8px 8px;-o-border-radius:0 0 8px 8px;background:#0786ad}.list-checked>li{margin-top:10px;padding-left:30px;position:relative}.list-checked>li:before{position:absolute;content:"";width:20px;height:20px;background:url(/ipv6service/change_ipoe/images/icon-check.png) no-repeat center;background-size:contain;left:0;top:4px}@media screen and (max-width:767px){.use-box{padding:10px}.use-box>figure{width:50%;padding:10px;position:relative}.use-box>figure figcaption{margin-bottom:5px}.use-box>figure+figure{border-left:none}.use-box>figure:nth-child(2n):before{position:absolute;content:"";width:2px;height:90%;left:0;top:5%;background:#e1e9eb}.use-box>figure:nth-child(n+3):after{position:absolute;content:"";width:90%;height:2%;left:5%;top:0;background:#e1e9eb}.use-list-box{padding:0 10px 15px}.use-list-box .ttl{padding:5px 10px;font-size:16px}}.customer-area:before{border-color:transparent transparent #eaf2f4 transparent}.customer-area .inner{padding-top:0;padding-bottom:160px}.ttl-customer{display:inline-block;font-size:30px;font-weight:700;position:relative}.ttl-customer .slash{display:inline-block;position:absolute;width:3px;height:80%;background:#333;bottom:10%}.ttl-customer .slash.is-l{left:-20px;transform:rotate(-25deg);-webkit-transform:rotate(-25deg);-moz-transform:rotate(-25deg);-ms-transform:rotate(-25deg);-o-transform:rotate(-25deg)}.ttl-customer .slash.is-r{right:-20px;transform:rotate(25deg);-webkit-transform:rotate(25deg);-moz-transform:rotate(25deg);-ms-transform:rotate(25deg);-o-transform:rotate(25deg)}.customer-box{margin-top:50px;width:45%;height:116px;display:flex;align-items:center;justify-content:center;padding:10px 15px 20px;font-size:18px;font-weight:700;text-align:center;color:#147ca7;position:relative}.customer-box:before{position:absolute;content:"";width:100%;height:100%;background:url(/ipv6service/change_ipoe/images/bg-ballon.png) no-repeat center;background-size:100% 100%;left:0;top:2px}.customer-box:first-child{margin-top:0}.customer-box.is-rev:before{transform:scaleX(-1);-webkit-transform:scale(-1,1);-moz-transform:scale(-1,1);-ms-transform:scale(-1,1);-o-transform:scale(-1,1)}.customer-area .btn{max-width:600px;width:100%;color:#fff;background:#147ca7}.customer-area .btn:before{border-left-color:#fff}@media screen and (max-width:767px){.customer-area .inner{padding-bottom:80px}.ttl-customer{font-size:18px}.customer-box{margin-top:15px;width:100%;height:75px;padding:10px 10px 15px;font-size:15px}.customer-box:first-child{margin-top:15px}.customer-area .btn{padding:10px 30px}}.faq-area{background:#eaf2f4}.faq-area .inner{padding:80px 0}@media screen and (max-width:767px){.faq-area .inner{padding:40px 10px}}