@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&family=Noto+Serif+JP:wght@400;700&display=swap");html{overflow-y:scroll}body,div,dl,dt,dd{margin:0;padding:0}ul,ol{margin:0;padding:0}ul li,ol li{margin:0;padding:0;list-style-type:none}h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,section,nav,article,aside,hgroup,header,address,figure,figcaption{margin:0;padding:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}table{border-collapse:collapse;border-spacing:0}caption,th{text-align:left}q:before,q:after{content:''}object,embed{vertical-align:top}legend{display:none}h1,h2,h3,h4,h5,h6{font-weight:normal}img,abbr,acronym,fieldset{border:0}img{vertical-align:top;-ms-interpolation-mode:bicubic;box-shadow:#000 0 0 0;max-width:100%;height:auto}a,button,input,textarea{outline:none}x:-moz-any-link,x:default{box-shadow:#000 0 0 0}a{color:#000;text-decoration:none;transition:opacity .3s ease}*{box-sizing:border-box}html{font:62.5%/1.231 "Noto Sans JP","ヒラギノ角ゴシック Pro","Hiragino Kaku Gothic Pro",游ゴシック体,"Yu Gothic",YuGothic,メイリオ,Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif}body{font-size:1.0rem;letter-spacing:-0.001em;-webkit-text-size-adjust:100%}select,input,button,textarea,table{font:1rem "Noto Sans JP","ヒラギノ角ゴシック Pro","Hiragino Kaku Gothic Pro",游ゴシック体,"Yu Gothic",YuGothic,メイリオ,Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif}pre,code,kbd,samp,tt{font-family:"Noto Sans JP","ヒラギノ角ゴシック Pro","Hiragino Kaku Gothic Pro",游ゴシック体,"Yu Gothic",YuGothic,メイリオ,Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;line-height:1}.js-fadeup{opacity:0;transform:translateY(16px);transition:opacity 1.5s, transform 1.5s}.js-fadeup.is-visible{opacity:1;transform:translateY(0)}.js-fadeup-row-child{opacity:0;transform:translateY(16px);transition:opacity 1.5s, transform 1.5s}.js-fadeup-row.is-visible .js-fadeup-row-child{opacity:1;transform:translateY(0)}.page-top{z-index:99;position:fixed}.page-top.is-absolute{position:absolute}.m-link-01{display:inline-block;padding:5px 10px;color:#FFF;border-radius:50vw}.works{display:flex;flex-flow:column;row-gap:10px;width:32%}.works__wrap{display:flex;flex-wrap:wrap;justify-content:space-between;row-gap:20px;width:1000px;margin:0 auto}.works__wrap::after{content:"";display:block;width:32%}.works__img img{width:100%;height:auto;aspect-ratio:3 / 2;-o-object-fit:cover;object-fit:cover}.works__name{font-size:2rem;font-weight:700}.works__tag{display:flex;flex-wrap:wrap;-moz-column-gap:5px;column-gap:5px;row-gap:5px}.works__anime{background:#be65e7}.works__anime-wrap{display:flex;-moz-column-gap:5px;column-gap:5px;row-gap:5px;flex-wrap:wrap}.works__type{background:#2dbd99}.works__plugin{background:#db8a48}.works__plugin-wrap{display:flex;-moz-column-gap:5px;column-gap:5px;row-gap:5px;flex-wrap:wrap}.works__pagecount{background:#487cdb}.post{width:1000px;margin:0 auto;padding-top:100px}.post-wrap::after{content:"";display:block;width:32%}.post__date{font-size:1.6rem;margin-bottom:10px}.post__ttl{font-size:2rem;font-weight:700;margin-bottom:10px}.post__info{display:flex;align-items:center;font-size:1.4rem;margin-bottom:10px}.post__info-wrap{margin-bottom:30px}.post__info-link{color:#b454e0}.post__pagecount{background:#487cdb}.post__type{background:#2dbd99}.post__btn{display:inline-block}.post__btn-wrap{display:flex;-moz-column-gap:5px;column-gap:5px}.is-animation .post__btn{background:#be65e7}.is-plugin .post__btn{background:#db8a48}.post__comment{font-size:1.6rem}input[type="submit"],input[type="button"]{border-radius:0;-webkit-box-sizing:content-box;-webkit-appearance:button;-moz-appearance:button;appearance:button;border:none;box-sizing:border-box;cursor:pointer}input[type="submit"]::-webkit-search-decoration,input[type="button"]::-webkit-search-decoration{display:none}input[type="submit"]::focus,input[type="button"]::focus{outline-offset:-2px}.searchandfilter{position:relative;max-width:1024px;margin:0 auto;padding-bottom:50px;opacity:0;transition:opacity .5s ease}.searchandfilter.is-active{opacity:1}.searchandfilter .u-block{display:block !important}.searchandfilter ul{display:block}.searchandfilter li{display:block;padding-right:0}.searchandfilter .cat-item.is-cat-keyword{display:none}.searchandfilter .cat-item.is-top-cat{display:block;padding-right:0;margin-bottom:35px;position:relative}.searchandfilter .cat-item.is-top-cat::before{content:attr(data-ttl) "";position:absolute;top:-25px;left:50%;transform:translateX(-50%);font-weight:bold}.searchandfilter .cat-item.is-top-cat>label{display:none !important}.searchandfilter .cat-item.is-top-cat .children{display:flex;flex-wrap:wrap;justify-content:center;margin:0 -10px;position:relative}.searchandfilter .cat-item.is-top-cat .children li{white-space:nowrap;display:inline-block;width:auto;margin:0 5px;padding:0}.searchandfilter .cat-item.is-top-cat .children label{position:relative;font-size:1.4rem;font-weight:bold;text-align:center;background:#F5F6F7;border-radius:48px;width:100%;padding:11.5px 30px;overflow:hidden;display:inline-block;cursor:pointer}.searchandfilter .cat-item.is-top-cat .children label::before{content:"";width:0;height:100%;background:#7f7f80;position:absolute;left:-5px;top:0;margin:0;transition:width .3s ease}.searchandfilter .cat-item.is-top-cat .children label::after{content:none}.searchandfilter .cat-item.is-top-cat .children label span{position:relative;transition:color .3s ease}.searchandfilter .cat-item.is-top-cat .children label.is-active::before{width:calc(100% + 5px)}.searchandfilter .cat-item.is-top-cat .children label.is-active span{color:#fff}.searchandfilter .cat-item.is-style02 .children label{font-size:1.2rem;padding:13px 5px}.searchandfilter .cat-item.is-style02 .children label::before{background:#4D2C91}.searchandfilter input[type=checkbox]{display:none}.searchandfilter input[name="ofsearch"]{display:block;font-size:1.4rem;border-radius:20px;padding:8px 16px;border:1px solid #BBBEBF;width:100%;max-width:580px;margin:0 auto;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none}.searchandfilter .search-ac{display:block;margin:36px auto 0;padding:0;max-width:690px;width:92%}.searchandfilter .search-ac__parent{display:block;margin-bottom:15px}.searchandfilter input[type="submit"]{max-width:170px;display:block;margin:28px auto auto;font-size:1.6rem;font-weight:bold;text-align:center;color:white;background:#7f7f80;border-radius:44px;width:100%;padding:11px 8px;border:none;cursor:pointer;-webkit-appearance:none}.searchandfilter ul.search-ac__child>.cat-item{padding:0;margin-bottom:7px}.searchandfilter ul.search-ac__child>.cat-item>label{pointer-events:none;font-size:1.4rem;font-weight:bold;color:#010101;position:relative;display:block;font-weight:bold;width:198px;vertical-align:top;flex:0 0 auto;margin-bottom:8px}.searchandfilter ul.search-ac__child>.cat-item>label::before{content:none}.searchandfilter ul.search-ac__child>.cat-item>label::after{content:none}.searchandfilter ul.search-ac__child>.cat-item .children{display:flex;flex-wrap:wrap}.searchandfilter ul.search-ac__child>.cat-item .children .cat-item{padding:0}.searchandfilter ul.search-ac__child>.cat-item .children label{pointer-events:all;box-sizing:border-box;cursor:pointer;display:inline-block;padding:0 0 0 23px;position:relative;width:auto;font-weight:400;margin-right:20px;margin-bottom:5px;color:#4c4c4c}.searchandfilter ul.search-ac__child>.cat-item .children label::before{content:'';background:#fff;border:1px solid #707070;display:block;height:12px;left:5px;margin-top:-8px;position:absolute;top:50%;width:12px}.searchandfilter ul.search-ac__child>.cat-item .children label input:checked+span::after{border-right:2px solid #7f7f80;border-bottom:2px solid #7f7f80;content:'';display:block;height:9px;left:9px;position:absolute;top:calc(50% - 8px);transform:rotate(45deg);width:5px}.post__tabs{margin-top:50px;padding-bottom:40px;background-color:#fff;box-shadow:0 0 10px rgba(0,0,0,0.2);width:700px;margin:100px auto 200px}.post__tabs-item{width:calc(100%/3);height:50px;border-bottom:3px solid #5ab4bd;background-color:#d9d9d9;line-height:50px;font-size:16px;text-align:center;color:#565656;display:block;float:left;text-align:center;font-weight:bold;transition:all 0.2s ease}.post__tabs-item:hover{opacity:0.75}.post__tabs-content{display:none;padding:40px 40px 0;clear:both;overflow:hidden;font-size:1.4rem}.post__tabs code{font-family:"Noto Sans JP","ヒラギノ角ゴシック Pro","Hiragino Kaku Gothic Pro",游ゴシック体,"Yu Gothic",YuGothic,メイリオ,Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;line-height:1.5}input[name="post__tabs-item"]{display:none}#all:checked ~ #all_content,#programming:checked ~ #programming_content,#design:checked ~ #design_content{display:block}.post__tabs input:checked+.post__tabs-item{background-color:#5ab4bd;color:#fff}@media screen and (min-width: 768px){a:hover{text-decoration:none;opacity:.7}a[href^=tel]:hover{opacity:1}.pc-none{display:none}.searchandfilter .cat-item.is-top-cat{margin-bottom:40px}.searchandfilter .cat-item.is-top-cat::before{top:-30px;font-size:1.6rem}.searchandfilter .cat-item.is-top-cat .children{margin:0 -16px}.searchandfilter .cat-item.is-top-cat .children li{margin:0 8px}.searchandfilter .cat-item.is-top-cat .children label{font-size:1.6rem}.searchandfilter .cat-item.is-cat-gender label{min-width:192px}.searchandfilter .cat-item.is-style02 .children label{font-size:1.4rem;padding:13px 14px;min-width:180px}.searchandfilter input[name="ofsearch"]{position:relative;left:19px}.searchandfilter .search-ac{margin:56px auto 0}.searchandfilter .search-ac__parent{margin-bottom:20px}.searchandfilter input[type="submit"]{max-width:240px;margin-top:48px;transition:opacity .3s ease}.searchandfilter input[type="submit"]:hover{opacity:.7}.searchandfilter ul.search-ac__child>.cat-item{display:flex}.searchandfilter ul.search-ac__child>.cat-item>label{margin-bottom:10px;padding-left:75px}.searchandfilter ul.search-ac__child>.cat-item .children label{margin-bottom:4px}}@media screen and (max-width: 767px){.sp-none{display:none}.searchandfilter .cat-item.is-top-cat .children li{width:calc(50% - 20px);max-width:160px}.searchandfilter .cat-item.is-cat-service li:nth-child(3),.searchandfilter .cat-item.is-cat-service li:nth-child(4),.searchandfilter .cat-item.is-cat-service li:nth-child(5),.searchandfilter .cat-item.is-cat-service li:nth-child(6){width:calc((50% - 20px)*2);max-width:330px}.searchandfilter input[name="ofsearch"]{margin-top:11px}}