html.fix{overflow:hidden}body,input,textarea,select,button{font-family:"Raleway", "游ゴシック", YuGothic}.header{width:100%;height:48px;padding:16px 16px;position:fixed;z-index:100}.header.on-scroll{background-color:rgba(0,0,0,0.8)}.header .site-ttl{width:92px}.header .nav-btn{display:block;width:24px;height:24px;position:absolute;top:12px;right:16px}.header .nav-btn:hover{cursor:pointer}.header .nav-btn.on span:nth-child(1){width:24px;-webkit-transform:translateY(4px) rotate(-45deg);transform:translateY(4px) rotate(-45deg)}.header .nav-btn.on span:nth-child(2){width:24px;-webkit-transform:translateY(-5px) rotate(45deg);transform:translateY(-5px) rotate(45deg)}.header .nav-btn span{display:block;height:1px;background-color:#fff;position:absolute;right:0}.header .nav-btn span:nth-child(1){width:24px;top:7px}.header .nav-btn span:nth-child(2){width:20px;bottom:7px}.header .nav{display:none;width:100%;height:calc(100vh - 48px);background-color:#fff;position:fixed;top:48px;left:0}.header .nav-list{padding:8px 16px 16px}.header .nav-list-item{padding:8px 0 0;line-height:1;border-bottom:1px solid #D7D7D7}.header .nav-list-item a{padding:8px 0 8px}.header .nav-list-item span{display:inline-block;position:relative}.header .nav-list-item span:before{content:'';width:100%;height:1px;background-color:#4B4B4B;position:absolute;bottom:-9px;left:0}@media screen and (min-width: 1000px){.header{height:56px;padding:16px 0}.header .header-wrap{width:100%;max-width:1280px;padding:0 40px;margin:0 auto 0;position:relative}.header .site-ttl{display:inline-block;width:112px}.header .nav-btn{display:none}.header .nav{display:inline-block;width:auto;height:auto;background-color:transparent;position:absolute;top:auto;left:auto;right:40px}.header .nav-list{padding:0;letter-spacing:-.4em}.header .nav-list-item{display:inline-block;padding:0 0;margin:0 40px 0 0;line-height:1;letter-spacing:normal;vertical-align:middle;border-bottom:none}.header .nav-list-item:last-child{margin-right:0}.header .nav-list-item a{padding:4px 0;color:#fff;font-size:15px;font-size:1.5rem;position:relative}.header .nav-list-item a:after{content:'';width:0%;height:1px;background-color:#fff;position:absolute;left:0;bottom:0;-webkit-transition-duration:.5s;-moz-transition-duration:.5s;transition-duration:.5s}.header .nav-list-item a:hover:after{width:100%}.header .nav-list-item span:before{display:none}}.footer{text-align:center;border-top:1px solid #DDD}.footer .footer-wrap{padding:12px 0;color:#7D7D7D}.footer .copy{font-size:10px;font-size:1.0rem}.visual{display:table;width:100%;height:100vh;text-align:center;background-image:url(/img/visual.jpg);background-repeat:no-repeat;background-size:cover;background-position:center;position:relative;z-index:10}.visual:before{content:'';width:100%;height:100%;background-color:rgba(0,0,0,0.8);position:absolute;top:0;left:0}.visual .visual-box{display:table-cell;vertical-align:middle;position:relative;z-index:5}.visual .svg{position:absolute;top:0;left:0;width:100%;height:100vh;background-image:url(/img/visual.jpg);background-repeat:no-repeat;background-size:cover;background-position:center;-webkit-mask-image:url(/cmn/img/logo-nb.svg);-o-mask-image:url(/cmn/img/logo-nb.svg);mask-image:url(/cmn/img/logo-nb.svg);-webkit-mask-size:154px;-o-mask-size:154px;mask-size:154px;-webkit-mask-mode:alpha;-moz-mask-mode:alpha;-ms-mask-mode:alpha;-o-mask-mode:alpha;mask-mode:alpha;-webkit-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:top 40% center;-o-mask-position:top 40% center;mask-position:top 40% center;-webkit-mask-composite:subtract;mask-composite:exclude}.visual .visual-ttl,.visual .visual-txt{color:#fff;font-weight:400;line-height:1}.visual .visual-ttl{padding:92px 0 0;margin:0 auto 12px;font-size:18px;font-size:1.8rem}.visual .visual-txt{font-size:14px;font-size:1.4rem}.section{padding:80px 0}.section.service,.section.flow{background-color:#fafafa}.section-wrap{padding:0 24px}.section-ttl-unit{margin:0 auto 40px;text-align:center;line-height:1}.section-ttl-unit .ttl{margin:0 auto 8px;font-size:32px;font-size:3.2rem}.section-ttl-unit .txt{font-size:12px;font-size:1.2rem}.section-lead{margin:0 auto 32px}.section-lead .lead-txt{margin-bottom:0.6em;font-size:12px;font-size:1.2rem}.section-lead .lead-txt:last-child{margin-bottom:0}.aside .txt{font-size:12px;font-size:1.2rem;margin:0 auto 6em}.aside .txt a{display:inline-block;color:#33bad2;text-decoration:underline}.aside .txt:last-child{margin:0 auto 0}@media screen and (min-width: 768px){.section-ttl-unit .ttl{font-size:40px;font-size:4.0rem}.section-ttl-unit .txt{font-size:13px;font-size:1.3rem}.section-lead{text-align:center}.section-lead .lead-txt{font-size:15px;font-size:1.5rem}.aside{text-align:center}.aside .txt{font-size:15px;font-size:1.5rem}}@media screen and (min-width: 1000px){.section{padding:160px 0}.section-wrap{width:100%;max-width:1280px;padding:0 40px;margin:0 auto 0}.section-ttl-unit{margin:0 auto 48px}.section-ttl-unit .ttl{margin:0 auto 16px}.section-lead{margin:0 auto 48px}.aside .txt a:hover{text-decoration:none}}.about .photo{margin:0 auto 40px}.about .txt-unit .txt-unit-item{margin:0 auto 32px}.about .txt-unit .item-ttl,.about .txt-unit .item-name{margin:0 auto 16px;line-height:1}.about .txt-unit .item-ttl{font-size:20px;font-size:2.0rem;position:relative}.about .txt-unit .item-ttl:before{content:'';width:100%;height:1px;margin-top:-1px;background-color:#D7D7D7;position:absolute;top:50%;left:0;z-index:-1}.about .txt-unit .item-name{font-size:14px;font-size:1.4rem;font-weight:700}.about .txt-unit .item-txt,.about .txt-unit .license-list-item,.about .txt-unit .activity-list-item{font-size:12px;font-size:1.2rem;margin-bottom:0.6em}.about .txt-unit .item-txt:last-child,.about .txt-unit .license-list-item:last-child,.about .txt-unit .activity-list-item:last-child{margin-bottom:0}@media screen and (min-width: 768px){.about .photo{margin:0 auto 48px}.about .txt-unit .item-ttl{font-size:24px;font-size:2.4rem}.about .txt-unit .item-name{font-size:16px;font-size:1.6rem}.about .txt-unit .item-txt,.about .txt-unit .license-list-item,.about .txt-unit .activity-list-item{font-size:15px;font-size:1.5rem}}@media screen and (min-width: 1000px){.about .section-main-area{display:table;width:100%;max-width:1280px;padding:0;margin:0 auto 0}.about .photo,.about .txt-unit{display:table-cell}.about .photo{width:53.66%;margin:0;background-image:url(/img/about-profile_photo.jpg);background-repeat:no-repeat;background-size:cover;background-position:center}.about .photo img{display:none}.about .txt-unit{width:46.34%;padding:0 0 0 40px}.about .txt-unit .txt-unit-item:last-child{margin:0 auto 0}}.service .skill-list{margin:0 auto 16px}.service .skill-list .skill-item{padding:16px 16px;margin:0 auto 24px;text-align:justify;background-color:#fff;-webkit-box-shadow:0 0 4px 0 rgba(0,0,0,0.1);box-shadow:0 0 4px 0 rgba(0,0,0,0.1)}.service .skill-list .skill-item:last-child{margin:0 auto 0}.service .skill-list .skill-item.sketch .ttl:before{background-image:url(/img/service-icon_sketch.svg)}.service .skill-list .skill-item.coding .ttl:before{background-image:url(/img/service-icon_coding.svg)}.service .skill-list .skill-item.wp .ttl:before{background-image:url(/img/service-icon_wp.svg)}.service .skill-list .skill-item.support .ttl:before{background-image:url(/img/service-icon_support.svg)}.service .skill-list .skill-item .item-head{padding:0 0 16px;margin:0 auto 16px;border-bottom:1px solid #D7D7D7;line-height:1;letter-spacing:-.4em;position:relative}.service .skill-list .skill-item .ttl,.service .skill-list .skill-item .en{display:inline-block;letter-spacing:normal;vertical-align:middle}.service .skill-list .skill-item .ttl{font-size:13px;display:1.3rem;font-weight:700}.service .skill-list .skill-item .ttl:before{content:'';display:inline-block;width:32px;height:32px;margin-right:12px;vertical-align:-0.8em;background-repeat:no-repeat;background-position:center;background-size:32px auto}.service .skill-list .skill-item .en{color:#ACACAC;font-size:10px;font-size:1.0rem;letter-spacing:1px;position:absolute;top:12px;right:0}.service .skill-list .skill-item .txt{margin:0 auto 0.6em;font-size:15px;font-size:1.5rem}.service .skill-list .skill-item .txt:last-child{margin:0 auto 0}@media screen and (min-width: 768px){.service .skill-list{display:flex;flex-wrap:wrap;letter-spacing:-.4em}.service .skill-list .skill-item{display:inline-block;width:48%;padding:24px 24px;margin:0 0 24px;letter-spacing:normal}.service .skill-list .skill-item:nth-child(2n){margin-left:4%}.service .skill-list .skill-item:nth-child(3){margin-bottom:0}.service .skill-list .skill-item:last-child{margin:0 0 0 4%}.service .skill-list .skill-item .ttl{font-size:16px;display:1.6rem;font-weight:700}.service .skill-list .skill-item .ttl:before{vertical-align:-0.6em}.service .skill-list .skill-item .en{top:14px}}@media screen and (min-width: 1000px){.service .skill-list{margin:0 auto 48px}.service .skill-list .skill-item{width:23.5%;padding:40px 24px 24px;margin:0 2% 0 0;vertical-align:top}.service .skill-list .skill-item:nth-child(2n),.service .skill-list .skill-item:nth-child(3){margin:0 2% 0 0}.service .skill-list .skill-item:last-child{margin:0}.service .skill-list .skill-item.sketch .ttl:after{background-image:url(/img/service-icon_sketch.svg)}.service .skill-list .skill-item.coding .ttl:after{background-image:url(/img/service-icon_coding.svg)}.service .skill-list .skill-item.wp .ttl:after{background-image:url(/img/service-icon_wp.svg)}.service .skill-list .skill-item.support .ttl:after{background-image:url(/img/service-icon_support.svg)}.service .skill-list .skill-item .item-head{padding:0 0 24px;margin:0 auto 24px;text-align:center}.service .skill-list .skill-item .ttl,.service .skill-list .skill-item .en{display:block}.service .skill-list .skill-item .ttl{margin:0 auto 0}.service .skill-list .skill-item .ttl:before{display:none}.service .skill-list .skill-item .ttl:after{content:'';display:block;width:100%;height:40px;padding:24px 0 0;background-repeat:no-repeat;background-position:center;background-size:40px auto}.service .skill-list .skill-item .en{position:static}}.price .unit-ttl{padding:0 0 36px;margin:0 auto 8px;font-size:24px;font-size:2.4rem;line-height:1;text-align:center;position:relative}.price .unit-ttl:before{content:'';width:1px;height:24px;background-color:#D7D7D7;position:absolute;bottom:0;left:50%;right:50%}.price .unit-lead{margin:0 auto 24px}.price .unit-lead .lead-txt{font-size:12px;font-size:1.2rem;margin:0 auto 0.6rem}.price .unit-lead .lead-txt:last-child{margin:0 auto 0}.price .unit-lead .blue,.price .unit-lead .bold{font-weight:700}.price .unit-lead .blue{color:#105C7E}.price .plan-unit{margin:0 auto 48px}.price .plan-list{margin:0 auto 24px}.price .plan-list .list-item{padding:24px 24px;margin:0 auto 16px;border:1px solid #D7D7D7;background-color:#fff}.price .plan-list .list-item:last-child{margin:0 auto 0}.price .plan-list .plan-item-head{margin:0 auto 24px;line-height:1;text-align:center}.price .plan-list .plan-item-head .plan-ttl,.price .plan-list .plan-item-head .plan-price{font-size:16px;font-size:1.6rem;font-weight:700}.price .plan-list .plan-item-head .en,.price .plan-list .plan-item-head .volume{display:block;padding:8px 0 0;font-size:10px;font-size:1.0rem;font-weight:normal}.price .plan-list .plan-item-head .plan-ttl{margin:0 auto 16px}.price .plan-list .plan-item-head .plan-price{color:#105C7E}.price .plan-list .plan-item-head .volume{color:#4B4B4B}.price .plan-list .detail{text-align:center}.price .plan-list .detail .item-list{display:inline-block;margin:0 0 0 1em;text-align:left}.price .plan-list .detail .item{font-size:11px;font-size:1.1rem}.price .plan-list .detail .accent,.price .plan-list .detail .bold{font-weight:700}.price .plan-list .detail .accent{color:#105C7E}.price .price-list{margin:0 auto 16px}.price .price-list .item{padding:0 16px;font-size:11px;font-size:1.1rem;letter-spacing:-.4em}.price .price-list .item:nth-child(2n+1){background-color:#FAFAFA}.price .price-list .item-ttl,.price .price-list .item-price{display:inline-block;padding:16px 0;border-bottom:1px solid #D7D7D7;letter-spacing:normal;vertical-align:middle}.price .price-list .item-ttl{width:60%;font-weight:700}.price .price-list .item-price{width:40%;text-align:right}.price .price-list .detail-wrap{display:block;padding:16px 0;letter-spacing:normal}.price .price-list .item-detail{margin:0 auto 0.6em}.price .price-list .item-detail:last-child{margin:0 auto 0}.price .aside .txt{font-size:10px;font-size:1.0rem;margin:0 auto 0.6rem}.price .aside .txt:last-child{margin:0 auto 0}@media screen and (min-width: 640px){.price .plan-list .list-item{display:table;width:100%}.price .plan-list .plan-item-head,.price .plan-list .detail{display:table-cell;vertical-align:middle}.price .plan-list .plan-item-head{margin:0 auto 0;padding-right:24px;border-right:1px solid #D7D7D7}.price .plan-list .plan-item-head .en,.price .plan-list .plan-item-head .volume{font-size:12px;font-size:1.2rem}.price .plan-list .detail .item-list{width:80%}.price .plan-list .detail .item{font-size:12px;font-size:1.2rem}.price .price-list .item{font-size:12px;font-size:1.2rem}.price .aside .txt{font-size:12px;font-size:1.2rem}}@media screen and (min-width: 768px){.price .unit-lead{text-align:center}.price .unit-lead .lead-txt{font-size:15px;font-size:1.5rem}.price .plan-list .plan-item-head .plan-ttl,.price .plan-list .plan-item-head .plan-price{font-size:20px;font-size:2.0rem}.price .plan-list .plan-item-head .en,.price .plan-list .plan-item-head .volume{font-size:15px;font-size:1.5rem}.price .plan-list .detail .item{font-size:15px;font-size:1.5rem}.price .price-list .item{font-size:15px;font-size:1.5rem}.price .aside .txt{font-size:13px;font-size:1.3rem}}@media screen and (min-width: 1000px){.price .unit-ttl{margin:0 auto 12px}.price .unit-lead{margin:0 auto 48px}.price .plan-unit{margin:0 auto 80px}.price .plan-list{margin:0 auto 32px;letter-spacing:-.4em}.price .plan-list .list-item{display:inline-block;width:32%;padding:56px 24px;margin:0 2% 0 0;letter-spacing:normal;vertical-align:top}.price .plan-list .list-item:last-child{margin:0}.price .plan-list .plan-item-head,.price .plan-list .detail{display:block;text-align:center;vertical-align:inherit}.price .plan-list .plan-item-head{padding:0;margin:0 auto 48px;border:none}.price .plan-list .detail .item-list{width:auto;margin:0}.price .price-list{margin:0 auto 32px}.price .price-list .item{display:table;width:100%;padding:16px 0}.price .price-list .item-ttl,.price .price-list .item-price{display:table-cell;padding:16px 0;vertical-align:middle;border:none}.price .price-list .item-ttl,.price .price-list .item-price{width:240px;padding:12px 24px;border-right:1px solid #D7D7D7;text-align:left}.price .price-list .detail-wrap{display:table-cell;padding:0 24px;vertical-align:middle}}.flow .before,.flow .section-rest,.flow .working{margin:0 auto 24px}.flow .before,.flow .working{border-top:1px solid #DDD}.flow .before .item,.flow .working .item{padding:24px 0;font-size:12px;font-size:1.2rem;border-bottom:1px solid #DDD}.flow .before .flow-ttl,.flow .working .flow-ttl{margin:0 auto 16px;font-weight:700}.flow .before a,.flow .working a{display:inline-block;color:#33bad2;text-decoration:underline}.flow .before .gray,.flow .working .gray{color:#607D8B;font-weight:700}.flow .section-rest{padding:16px 0;color:#fff;font-size:12px;font-size:1.2rem;line-height:1;text-align:center;background-color:#607D8B}@media screen and (min-width: 768px){.flow .before,.flow .section-rest,.flow .working{margin:0 auto 16px}.flow .before .item,.flow .working .item{padding:16px 0;font-size:15px;font-size:1.5rem}.flow .before .flow-ttl,.flow .working .flow-ttl{margin:0 auto 12px}.flow .before .gray,.flow .working .gray{color:#607D8B;font-weight:700}.flow .section-rest{font-size:15px;font-size:1.5rem}}@media screen and (min-width: 1000px){.flow .before .item,.flow .working .item{display:table;width:100%}.flow .before .flow-ttl,.flow .before .detail,.flow .working .flow-ttl,.flow .working .detail{display:table-cell;padding:12px 24px;vertical-align:middle}.flow .before .flow-ttl,.flow .working .flow-ttl{width:240px;margin:0;border-right:1px solid #DDD}.flow .before a:hover,.flow .working a:hover{text-decoration:none}.flow .working{margin:0 auto 32px}}.contact .line-wrap{width:100%;max-width:640px;margin:0 auto 24px}.contact .line{margin:0 auto 32px}.contact .line:last-child{margin:0 auto 0}.contact .line-ttl{padding:0 0 0 40px;margin:0 auto 16px;line-height:1;position:relative}.contact .line-ttl:before{content:'';width:24px;height:1px;margin:-1px auto 0;background-color:#B71C1C;position:absolute;top:50%;bottom:50%;left:0}.contact .radio{margin:0 auto 8px}.contact .radio:last-child{margin:0 auto 0}.contact .line-head{margin:0 auto 16px;letter-spacing:-.4em}.contact .line-head .line-ttl,.contact .line-head .line-ex{display:inline-block;width:50%;margin:0 auto 0;letter-spacing:normal;vertical-align:middle}.contact .line-head .line-ex{font-size:10px;font-size:1.0rem;text-align:right}.contact .link-btn{text-align:center}.contact input[type="radio"],.contact input[type="submit"]{-webkit-appearance:none}.contact input[type="radio"]{width:12px;height:12px;border:1px solid #C0C0C0;-webkit-border-radius:100px;-moz-border-radius:100px;-ms-border-radius:100px;-o-border-radius:100px;border-radius:100px}.contact input[type="radio"]:checked{background-color:#4B4B4B}.contact input[type="text"]{width:100%;padding:12px 16px;border:none;border-bottom:1px solid #C0C0C0}.contact input[type="submit"]{padding:12px 32px;font-size:12px;font-size:1.2rem;line-height:1;border:none;border:1px solid #C0C0C0;cursor:pointer;-webkit-border-radius:100px;-moz-border-radius:100px;-ms-border-radius:100px;-o-border-radius:100px;border-radius:100px;-webkit-transition-duration:.3s;-moz-transition-duration:.3s;transition-duration:.3s}.contact textarea{width:100%;padding:12px 16px;border:none;border-bottom:1px solid #C0C0C0}.contact .formError .formErrorContent{color:#ee0101;background-color:transparent}@media screen and (min-width: 640px){.contact .radio-list{letter-spacing:-.4em}.contact .radio{display:inline-block;width:calc(100% / 3);margin:0 auto 0;text-align:center;letter-spacing:normal;vertical-align:middle}.contact input[type="submit"]{padding:12px 40px}}@media screen and (min-width: 768px){.contact .line-ttl{font-size:16px;font-size:1.6rem}.contact input[type="submit"]{padding:12px 48px}}@media screen and (min-width: 1000px){.contact .line-wrap{margin:0 auto 40px}.contact .line{margin:0 auto 40px}.contact input[type="submit"]:hover{color:#fff;background-color:#4B4B4B}}
/*# sourceMappingURL=style.css.map */