@charset "UTF-8";*,::before,::after{box-sizing:border-box;border-style:solid;border-width:0}html{line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{margin:0}main{display:block}p,table,blockquote,address,pre,iframe,form,figure,dl{margin:0}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit;margin:0}ul,ol{margin:0;padding:0;list-style:none}dt{font-weight:700}dd{margin-left:0}hr{box-sizing:content-box;height:0;overflow:visible;border-top-width:1px;margin:0;clear:both;color:inherit}pre{font-family:monospace,monospace;font-size:inherit}address{font-style:inherit}a{background-color:transparent;text-decoration:none;color:inherit}abbr[title]{text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:inherit}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}svg,img,embed,object,iframe{vertical-align:bottom}button,input,optgroup,select,textarea{-webkit-appearance:none;appearance:none;vertical-align:middle;color:inherit;font:inherit;background:transparent;padding:0;margin:0;border-radius:0;text-align:inherit;text-transform:inherit}button,[type="button"],[type="reset"],[type="submit"]{cursor:pointer}button:disabled,[type="button"]:disabled,[type="reset"]:disabled,[type="submit"]:disabled{cursor:default}:-moz-focusring{outline:auto}select:disabled{opacity:inherit}option{padding:0}fieldset{margin:0;padding:0;min-width:0}legend{padding:0}progress{vertical-align:baseline}textarea{overflow:auto}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{outline-offset:-2px}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}[type="number"]{-moz-appearance:textfield}label[for]{cursor:pointer}details{display:block}summary{display:list-item}[contenteditable]:focus{outline:auto}table{border-color:inherit;border-collapse:collapse}caption{text-align:left}td,th{vertical-align:top;padding:0}th{text-align:left;font-weight:700}font{font-family:"Noto Sans JP","Klee One","Oooh Baby"}img{width:100%}p{line-height:1.7;font-family:"Noto Sans JP"}html{scroll-behavior:smooth;scroll-padding-top:51px}header{position:fixed;background-color:#fdfdfd;height:51px;width:100%;z-index:100;display:flex;align-items:center;justify-content:center;font-family:"Noto Sans JP"}.drawer-hamburger{width:35px;padding:15px .75rem 24px;background-color:#fdfdfd;z-index:120}.drawer-hamburger-icon,.drawer-hamburger-icon::after,.drawer-hamburger-icon::before{background-color:#249AB4}.drawer-overlay{background-color:rgba(0,0,0,.6);z-index:110}.drawer-nav{width:180px;z-index:120}.drawer--right.drawer-open .drawer-hamburger{right:180px}.drawer-menu li{border-bottom:1px solid #E7F2F4}.drawer-menu li a{position:relative;display:block;padding:16px;text-decoration:none;color:#135260;font-family:"Noto Sans JP"}.dd-none::after,.drawer-dropdown-menu-item::after{content:"";display:block;position:absolute;top:50%;right:10px;height:10px;width:10px;border-top:2px solid #135260;border-right:2px solid #135260;transform:translateY(-50%) rotate(45deg)}.drawer-dropdown-menu-item{line-height:1.15;background-color:#E7F2F4}main{padding:51px 0 0}.global-nav-pc{display:none}.title{display:block;margin:auto;width:88%;max-width:800px;height:70vh;padding:80px 0;background-color:rgba(255,255,255,.5)}h1{display:flex;font-size:32px;color:#424242;text-align:center;margin:auto;font-family:"Klee One";font-weight:400;justify-content:center;margin-bottom:144px;position:relative}h1::before{background-color:#249AB4;bottom:-78px;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:40px}.intro{display:flex;justify-content:center}.intro p{font-size:15px}h2{color:#2B2B2B;font-family:"Oooh Baby";font-size:24px;text-align:center;margin-bottom:80px;position:relative}h2::before{background-color:#249AB4;bottom:-38px;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:40px}h3{font-family:"Noto Sans JP";font-size:18px;font-weight:500;margin-bottom:20px;line-height:1}.gallery,.about,.con-back{padding:40px 20px 80px}.gallery-list{display:flex;flex-direction:column;align-items:center;gap:40px}.g-01{background-image:url(/images/banner-s-sp.jpg)}.g-02{background-image:url(/images/sitedesign-s-sp.jpg)}.g-03{background-image:url(/images/illust-s-sp.jpg)}.g-04{background-image:url(/images/flyer-s-sp.jpg)}.g-01,.g-02,.g-03,.g-04{background-repeat:no-repeat;background-size:cover;background-position:center;position:relative;width:89.5vw;height:7.5vh;max-width:800px}.g-01::before,.g-02::before,.g-03::before,.g-04::before{content:'';position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(43,43,43,.7)}.gallery-list li a{display:flex;justify-content:center;align-items:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:"Oooh Baby";font-size:24px;line-height:1;color:#fdfdfd;width:100%;height:100%;text-align:center;transition:.5s}.gallery-list li a:hover{letter-spacing:.5em}.g-link::after{content:'';position:absolute;top:0;right:0;bottom:0;left:0}.about{background-color:#F4E7E7}.portrait{display:block;width:159px;height:auto;margin:0 auto 24px}.about p{font-size:16px;margin-bottom:24px}.prof>p{text-align:justify}.key p{margin-bottom:0}.contact{background-image:url(../images/contact-img-or.jpg);background-repeat:no-repeat;background-size:cover;background-position:center;display:flex;justify-content:center}.con-back{background-color:rgba(255,255,255,.5);width:800px}.contact-s{display:flex;justify-content:center}.contact p{font-size:14px;max-width:590px;margin-bottom:32px}.contact-link{display:flex;flex-direction:column;align-items:center;gap:40px}.go-form{display:flex;max-width:247px;height:40px;border-radius:16px;margin:0 auto;padding:13px 20px;background-color:#DAA5A5;border:1px solid #DAA5A5;font-size:14px;color:#fdfdfd;text-decoration:none;transition:.2s;cursor:pointer;justify-content:center;align-items:center;gap:16px}.go-form:hover{color:#DAA5A5;background-color:#fdfdfd}.go-form::after{content:"";display:block;height:8px;width:8px;border-top:2px solid #fff;border-right:2px solid #fff;rotate:45deg;transition:.2s}.go-form:hover::after{border-top:2px solid #DAA5A5;border-right:2px solid #DAA5A5}.twitter-logo-con{width:40px;margin-bottom:0}.credit{display:flex;justify-content:end;font-size:10px;color:#c8c8c8;padding-right:7px;line-height:1.7;font-family:"Noto Sans JP"}footer{margin:36px 20px 0}.footer-menu{display:flex;flex-direction:column;gap:24px;margin-bottom:40px}.footer-menu li a{display:flex;text-align:center;justify-content:center;color:#135260;font-family:"Noto Sans JP";position:relative;text-decoration:none;transition:.2s;border-bottom:1.5px solid #fdfdfd}.footer-menu li a:hover{border-bottom:1.5px solid #249AB4}.twitter-logo{display:flex;justify-content:center}.twitter-logo img{width:40px;height:auto;margin-bottom:40px}footer p{margin:16px 0;text-align:center;color:#135260}.page-top{position:fixed;bottom:30px;right:30px;background-color:#249AB4;color:#fdfdfd;text-align:center;text-decoration:none;width:30px;height:30px;border-radius:50%}.page-top::after{content:"";display:block;position:absolute;top:10px;left:50%;height:13px;width:13px;border-top:3px solid #fdfdfd;border-right:3px solid #fdfdfd;translate:-50% 0;rotate:-45deg;transition:.2s}.page-top:hover{opacity:.8;text-decoration:none}.explain h3{font-size:16px;font-weight:600;margin-bottom:8px}.ov,.target{margin-bottom:48px;position:relative}.ov::after,.target::after{background-color:#249AB4;bottom:-24px;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:40px}.sd-img-list{background-color:#E7F2F4;padding:40px 20px;display:grid;grid-template-columns:repeat(auto-fit,minmax(70px,40px));justify-content:center;gap:40px}.sd-img-list img{width:12vw;min-width:70px;height:auto}.sitedesign-main{padding:80px 20px 0;font-size:14px}.img-explain{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:40px;margin-bottom:40px}.img-explain img{width:90vw;height:auto;flex:1;max-width:590px}.explain{width:100%;max-width:590px;flex:1}.sd-detail{margin-bottom:40px}.sd-item{width:85vw;max-width:800px;margin:0 auto}.sd-item li{display:flex;justify-content:center;flex-wrap:wrap;gap:20px;margin-bottom:24px}.sd-item li:first-child{padding-bottom:14px;border-bottom:1px dotted #c8c8c8}.design-detail{margin-bottom:40px}.design-item{max-width:590px;margin:0 auto}.design-item li{display:flex;flex-direction:row;justify-content:center;gap:40px}.d-or-c{color:#249AB4;font-weight:600;width:100%}.use{width:45%}.time{width:45%}.use::before,.d-use::before{content:"ツール";display:block;text-align:center;height:26px;width:80px;border-radius:8px;color:#249AB4;border:1px solid #249AB4;background-color:#E7F2F4}.time::before,.d-time::before{content:"制作時間";display:block;text-align:center;height:26px;width:80px;border-radius:8px;color:#249AB4;border:1px solid #249AB4;background-color:#E7F2F4}.d-size::before{content:"サイズ";display:block;text-align:center;height:26px;width:80px;border-radius:8px;color:#249AB4;border:1px solid #249AB4;background-color:#E7F2F4}.go-sample,.go-comp{display:flex;margin:0 auto 128px;text-align:center;width:247px;height:45px;padding:13px 16px;background-color:#249AB4;border-radius:18px;border:1px solid #249AB4;color:#fdfdfd;font-size:13px;font-weight:600;transition:.2s;justify-content:center;align-items:center;gap:16px}.go-sample:hover,.go-comp:hover{color:#249AB4;background-color:#fdfdfd}.go-sample::after,.go-comp::after{content:"";display:block;height:8px;width:8px;border-top:2px solid #fff;border-right:2px solid #fff;rotate:45deg;transition:.2s}.go-sample:hover::after,.go-comp:hover::after{border-top:2px solid #249AB4;border-right:2px solid #249AB4}.go-sample a{position:relative}.go-sample a::before{content:"";position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px}.modaal-content-container{padding:20px}.modaal-close{position:fixed;top:5px;right:25px}.modaal-close:after,.modaal-close:before{background:#DAA5A5}.modaal-close:focus:after,.modaal-close:focus:before,.modaal-close:hover:after,.modaal-close:hover:before{background:#DAA5A5}.g-footer{background-color:#E7F2F4;margin:0;padding:56px 0 16px}.g-footer-menu li a{border-bottom:1.5px solid #E7F2F4}.banner-img{background-color:#E7F2F4}.bn-thumbnail{max-width:800px;margin:0 auto}.bn-img-list{padding:40px 20px;display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,20px));justify-content:center;gap:40px}.bn-img-list li{width:22%}.bn-img-list img{width:70px;height:auto}.banner-main{padding:80px 20px 0;font-size:14px}.bn-design-detail{margin-bottom:160px}.bn-design-item{max-width:590px;margin:0 auto}.bn-design-item li{display:flex;flex-direction:column;justify-content:center;gap:20px;margin-bottom:21px}.b-use::before{content:"ツール";display:block;text-align:center;height:26px;width:80px;border-radius:8px;color:#249AB4;border:1px solid #249AB4;background-color:#E7F2F4;margin-right:16px}.b-time::before{content:"制作時間";display:block;text-align:center;height:26px;width:80px;border-radius:8px;color:#249AB4;border:1px solid #249AB4;background-color:#E7F2F4;margin-right:16px}.b-size::before{content:"サイズ";display:block;text-align:center;height:26px;width:80px;border-radius:8px;color:#249AB4;border:1px solid #249AB4;background-color:#E7F2F4;margin-right:16px}.fl-img-list{background-color:#E7F2F4;padding:40px 20px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:40px}.fl-img-list img{width:70px;height:auto}.flyer-main{padding:80px 20px 0;font-size:14px}.fl-design-detail{margin-bottom:160px}.flyer-item{width:100%;max-width:1220px;margin:0 auto}.fl-design-item{max-width:590px;margin:0 auto}.fl-design-item li{display:flex;flex-direction:column;justify-content:center;gap:20px;margin-bottom:21px}.img-explain-fl a,.img-multi-wrapper a{display:flex;justify-content:center}.img-explain-fl img,.img-multi img{width:90vw;max-width:485px;height:auto}.img-multi-wrapper{display:flex;flex-direction:column;gap:40px;flex:1;align-items:center}.f-use::before{content:"ツール";display:block;text-align:center;height:26px;width:80px;border-radius:8px;color:#249AB4;border:1px solid #249AB4;background-color:#E7F2F4;margin-right:16px}.f-time::before{content:"制作時間";display:block;text-align:center;height:26px;width:80px;border-radius:8px;color:#249AB4;border:1px solid #249AB4;background-color:#E7F2F4;margin-right:16px}.f-size::before{content:"サイズ";display:block;text-align:center;height:26px;width:80px;border-radius:8px;color:#249AB4;border:1px solid #249AB4;background-color:#E7F2F4;margin-right:16px}.il-intro{display:flex;margin:0 20px 80px;flex-direction:column;align-items:center}.il-intro p{max-width:590px}.il-at{display:flex;justify-content:center}.il-intro-at{margin-top:16px;font-size:14px;max-width:590px}.illust-main{background-color:#E7F2F4;padding:80px 20px 96px;margin-bottom:96px}.il-list{display:flex;flex-wrap:wrap;justify-content:center;gap:.5vh 1%}.il-list li img{width:28vw;max-width:170px;height:auto}.link-list{display:flex;flex-direction:column}.il-link{margin-bottom:40px;color:#135260;text-align:center}.link-list-items{margin:0 auto}.link-list li{margin-bottom:20px}.link-list li:last-child{margin-bottom:96px}.link-list a:hover{text-decoration:underline}@media screen and (1024px <=width){.drawer-hamburger,.global-nav-sp,.sp-only{display:none}html{scroll-padding-top:165px}main{padding:165px 0 0}.global-nav-pc{display:block}header{height:165px}.pc-menu{display:flex;justify-content:center;gap:45px}.pc-menu li a{text-decoration:none;color:#135260;transition:.2s;font-size:24px}.pc-menu li a:hover{border-bottom:1.5px solid #249AB4}.dd-first ul li{display:block}.pc-menu li{position:relative}.dd-first::before{content:"";position:absolute;right:-16px;top:50%;width:8px;height:8px;border-top:2px solid #999;border-right:2px solid #999;transform:rotate(135deg);cursor:pointer}.dd-second-level{position:absolute;left:0;top:40px;z-index:4;visibility:hidden;opacity:0;transition:all .3s;width:120px}.dd-first:hover .dd-second-level{visibility:visible;opacity:1}.dd-second-level li a{display:flex;align-items:center;background-color:#E7F2F4;height:40px;transition:all .3s;position:relative;padding:16px 8px;font-size:16px}.dd-second-item{border-bottom:1.5px solid #E7F2F4}.gallery,.about,.con-back{padding:80px 20px 160px}h2{font-size:36px;margin-bottom:120px}h2::before{width:80px}h3{font-size:24px}h1{font-size:64px;margin-bottom:152px}h1::before{width:80px}.title{height:100vh;padding:257px 0}.intro{display:flex;justify-content:center}.intro p{max-width:587px;font-size:20px}.gallery-list{gap:56px}.g-01{background-image:url(/images/banner-s.jpg)}.g-02{background-image:url(/images/sitedesign-s.jpg)}.g-03{background-image:url(/images/illust-s.jpg)}.g-04{background-image:url(/images/flyer-s.jpg)}.g-01,.g-02,.g-03,.g-04{height:13.5vh;max-height:120px}.gallery-list li a{font-size:36px}.about p{margin-bottom:40px}.key p{margin-bottom:0}.prof-portrait{display:flex;justify-content:center}.portrait{width:275px;height:auto;margin:44px 0 0 40px}.prof{max-width:485px;order:-1}.about-list2{display:flex;justify-content:center}.tool-favo{max-width:800px}.contact p{font-size:16px}.contact-link{display:flex;flex-direction:column;justify-content:center;gap:80px}.go-form{display:flex;max-width:380px;height:65px;border-radius:26px;margin:auto;padding:13px 60px;background-color:#DAA5A5;border:1px solid #DAA5A5;font-size:20px;font-weight:500;color:#fdfdfd;text-decoration:none;transition:.2s;cursor:pointer;justify-content:center;align-items:center;gap:35px}.go-form:hover{color:#DAA5A5;background-color:#fdfdfd}.go-form::after{content:"";display:block;height:13px;width:13px;border-top:3px solid #fff;border-right:3px solid #fff;rotate:45deg;transition:.2s}.go-form:hover::after{border-top:3px solid #DAA5A5;border-right:3px solid #DAA5A5}.credit{padding:5px 30px 0}footer{padding:45px 20px 24px}.footer-display{display:flex;justify-content:center}.footer-size{max-width:800px}.footer-link{display:flex;align-items:center;flex-wrap:wrap;margin-bottom:84px}.footer-menu{display:flex;flex-direction:row;flex-wrap:wrap;gap:45px;margin-bottom:0}.footer-menu li:last-child{margin-right:270px}.footer-menu li a{display:flex;text-align:center;color:#135260;position:relative;text-decoration:none;transition:.2s;font-size:24px;line-height:1.7}.twitter-logo img{width:65px;height:auto;margin-bottom:0}footer p{margin:0;font-size:16px}.page-top{position:fixed;bottom:30px;right:37px;background-color:#249AB4;color:#fdfdfd;text-align:center;text-decoration:none;width:65px;height:65px;border-radius:50%}.page-top::after{content:"";display:block;position:absolute;top:23px;left:50%;height:30px;width:30px;border-top:4px solid #fdfdfd;border-right:4px solid #fdfdfd;translate:-50% 0;rotate:-45deg;transition:.2s}.page-top:hover{opacity:.8;text-decoration:none}.explain h3{font-size:20px;font-weight:600;margin-bottom:8px}.ov,.target{margin-bottom:56px;position:relative}.ov::after,.target::after{background-color:#249AB4;bottom:-26px;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:60px}.sd-img-list{background-color:#E7F2F4;height:282px;display:flex;align-items:center;justify-content:center;gap:40px}.sd-img-list img{width:170px}.sitedesign-main{padding:96px 110px 0;font-size:20px}.img-explain{flex-direction:row}.img-explain img{width:47%;flex:1;max-width:590px}.explain{max-width:590px;flex:1}.sd-detail{margin-bottom:56px}.sd-item{width:800px;margin:0 auto}.sd-item li{flex-wrap:nowrap;justify-content:space-between;margin-bottom:21px}.sd-item li:first-child{padding-bottom:14px;border-bottom:1px dotted #c8c8c8}.design-detail{margin-bottom:56px}.design-item{width:100%;max-width:1220px;margin:0 auto}.design-item li{display:flex;flex-direction:row;justify-content:space-between}.d-or-c{color:#249AB4;font-weight:600;width:25%}.use{width:45%}.time{width:30%}.use::before,.d-use::before{content:"ツール";display:inline-block;text-align:center;height:40px;width:100px;border-radius:8px;color:#249AB4;border:1px solid #249AB4;background-color:#E7F2F4;margin-right:16px}.time::before,.d-time::before{content:"制作時間";display:inline-block;text-align:center;height:40px;width:100px;border-radius:8px;color:#249AB4;border:1px solid #249AB4;background-color:#E7F2F4;margin-right:16px}.d-size::before{content:"サイズ";display:inline-block;text-align:center;height:40px;width:100px;border-radius:8px;color:#249AB4;border:1px solid #249AB4;background-color:#E7F2F4;margin-right:16px}.go-sample,.go-comp{display:flex;margin:auto;text-align:center;width:380px;height:80px;padding:28px 80px;background-color:#249AB4;border-radius:32px;border:1px solid #249AB4;color:#fdfdfd;font-size:20px;font-weight:600;transition:.2s;justify-content:center;align-items:center;gap:35px;margin-bottom:160px}.go-sample:hover,.go-comp:hover{color:#249AB4;background-color:#fdfdfd}.go-sample::after,.go-comp::after{content:"";display:block;height:13px;width:13px;border-top:3px solid #fff;border-right:3px solid #fff;rotate:45deg;transition:.2s}.go-sample:hover::after,.go-comp:hover::after{border-top:3px solid #249AB4;border-right:3px solid #249AB4}.go-sample a{position:relative}.go-sample a::before{content:"";position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px}.modaal-close{position:absolute;top:0;right:-100px}.modaal-close:after,.modaal-close:before{background:#fdfdfd}.g-footer{background-color:#E7F2F4;margin:0}.bn-thumbnail{max-width:1010px}.bn-img-list{grid-template-columns:repeat(auto-fit,minmax(170px,20px));gap:40px}.bn-img-list img{width:170px}.bn-design-item li{flex-direction:row}.banner-main{padding:96px 110px 0;font-size:20px}.bn-design-detail{margin-bottom:160px}.bn-design-item{width:100%;max-width:1220px;margin:0 auto}.bn-design-item li{display:flex;justify-content:center;gap:20px;margin-bottom:21px}.b-use::before{content:"ツール";display:inline-block;text-align:center;height:40px;width:100px;border-radius:8px;color:#249AB4;border:1px solid #249AB4;background-color:#E7F2F4;margin-right:16px}.b-time::before{content:"制作時間";display:inline-block;text-align:center;height:40px;width:100px;border-radius:8px;color:#249AB4;border:1px solid #249AB4;background-color:#E7F2F4;margin-right:16px}.b-size::before{content:"サイズ";display:inline-block;text-align:center;height:40px;width:100px;border-radius:8px;color:#249AB4;border:1px solid #249AB4;background-color:#E7F2F4;margin-right:16px}.fl-img-list{background-color:#E7F2F4;height:282px;display:flex;align-items:center;justify-content:center;gap:40px}.img-explain-fl img,.img-multi img{width:100%;max-width:485px}.img-multi-wrapper{gap:80px}.fl-zoom:hover{opacity:.5;transition:.2s}.modaal-container{width:fit-content}.fl-img-list img{width:120px}.flyer-main{padding:96px 110px 0;font-size:20px}.fl-design-detail{margin-bottom:160px}.fl-design-item{width:100%;max-width:1220px;margin:0 auto}.fl-design-item li{flex-direction:row;margin-bottom:0}.f-use::before{content:"ツール";display:inline-block;text-align:center;height:40px;width:100px;border-radius:8px;color:#249AB4;border:1px solid #249AB4;background-color:#E7F2F4;margin-right:16px}.f-time::before{content:"制作時間";display:inline-block;text-align:center;height:40px;width:100px;border-radius:8px;color:#249AB4;border:1px solid #249AB4;background-color:#E7F2F4;margin-right:16px}.f-size::before{content:"サイズ";display:inline-block;text-align:center;height:40px;width:100px;border-radius:8px;color:#249AB4;border:1px solid #249AB4;background-color:#E7F2F4;margin-right:16px}.illust-main{padding:80px 20px 160px;font-size:14px;background-color:#E7F2F4;display:flex;flex-wrap:wrap;justify-content:center}.il-list{max-width:1220px}.il-list li{width:170px}.il-intro-at{max-width:800px}.il-link{margin-top:40px;text-align:center}.link-list li{display:flex}.link-list a{margin-left:16px}.link-list p{flex:1}}