@charset "UTF-8";html{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-text-size-adjust:100%}*,:after,:before{background-repeat:no-repeat;-webkit-box-sizing:inherit;box-sizing:inherit}:after,:before{text-decoration:inherit;vertical-align:inherit}*{padding:0;margin:0;-webkit-box-sizing:border-box;box-sizing:border-box}audio:not([controls]){display:none;height:0}hr{overflow:visible}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}summary{display:list-item}small{font-size:80%}[hidden],template{display:none}abbr[title]{border-bottom:1px dotted;text-decoration:none}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}code,kbd,pre,samp{font-family:monospace,monospace}b,strong{font-weight:bolder}dfn{font-style:italic}mark{background-color:#ff0;color:#000}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}input{border-radius:0}[role=button],[type=button],[type=reset],[type=submit],button{cursor:pointer}[disabled]{cursor:default}[type=number]{width:auto}[type=search]{-webkit-appearance:textfield}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}textarea{overflow:auto;resize:vertical}button,input,optgroup,select,textarea{font:inherit}optgroup{font-weight:700}button{overflow:visible}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:0;padding:0}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button:-moz-focusring{outline:1px dotted ButtonText}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}button,select{text-transform:none}button,input,select,textarea{background-color:transparent;border-style:none;color:inherit}select{-moz-appearance:none;-webkit-appearance:none}select::-ms-expand{display:none}select::-ms-value{color:currentColor}legend{border:0;color:inherit;display:table;max-width:100%;white-space:normal}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}img{border-style:none;vertical-align:bottom}progress{vertical-align:baseline}svg:not(:root){overflow:hidden}audio,canvas,progress,video{display:inline-block}@media screen{[hidden~=screen]{display:inherit}[hidden~=screen]:not(:active):not(:focus):not(:target){position:absolute!important;clip:rect(0 0 0 0)!important}}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled]{cursor:default}::-moz-selection{background-color:#b3d4fc;color:#000;text-shadow:none}::selection{background-color:#b3d4fc;color:#000;text-shadow:none}ol,ul{list-style:none}a{text-decoration:none}.wrapper{overflow:hidden}body{overflow-y:scroll}img{max-width:100%}.color-1{background-color:#006400}.color-2{background-color:#000}.color-3{background-color:#3c6ed7}.color-4{background-color:#fff}.color-5{background-color:#e5777c}.color-6{background-color:#c3262f}.color-7{background-color:#47573f}.color-8{background-color:#efbe3e}.color-9{background-color:#b1980b}.color-10{background-color:#324088}.color-11{background-color:#67b1f7}.color-12{background-color:#c1ad4e}.color-13{background-color:#fae5bf}.color-14{background-color:#fcce7a}.color-15{background-color:#9b9572}.color-16{background-color:#fe0000}.color-17{background-color:#f15a25}.color-18{background-color:#be0000}.color-19{background-color:#b0c22e}.color-20{background-color:#0164c9}.color-21{background-color:#7ea6bd}.color-22{background-color:#008b23}.color-23{background-color:#fe7d03}.color-24{background-color:#070923}.color-25{background-color:#3886d7}#pc-header{width:100%;height:80px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:0 100px 0 50px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media (max-width:680px){#pc-header{display:none}}#pc-header h1{margin:0}#pc-header h1 a img{width:60px;height:60px}#pc-header #g-nav{font-family:"M PLUS Rounded 1c",sans-serif}#pc-header #g-nav ul{display:-webkit-box;display:-ms-flexbox;display:flex;gap:50px}#pc-header #g-nav ul li{width:25%}#pc-header #g-nav ul li a{display:block;text-align:center;padding:6px 0;font-size:18px;font-weight:bold;color:#353535}#pc-header #g-nav li:hover{-webkit-text-decoration:underline 2px #353535;text-decoration:underline 2px #353535;text-underline-offset:4px}.sp-header-wrapper>h1 a img{width:60px;height:60px}#sp-header{display:none;font-family:"M PLUS Rounded 1c",sans-serif}#sp-header h1 a img{width:60px;height:60px}@media (max-width:680px){#sp-header{display:block;position:relative;z-index:1}}#btn{width:60px;height:60px;position:fixed;top:10px;right:10px;z-index:10}#btn span{display:block;position:absolute;width:40px;height:2px;background-color:#000;top:0;right:0;bottom:18px;left:0;margin:auto;-webkit-transition:0.2s;transition:0.2s}#btn span:after{display:block;content:"";position:absolute;width:40px;height:2px;background-color:#000;top:0;bottom:-36px;right:0;left:0;margin:auto;-webkit-transition:0,2s;transition:0,2s}#check{display:none}#check:checked+label span{bottom:0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}#check:checked+label span:after{bottom:0;-webkit-transform:rotate(90deg);transform:rotate(90deg)}.nav-wrapper{width:100%;height:100vh;background-color:#dfe0de;opacity:0;visibility:hidden;-webkit-transition:0.3s;transition:0.3s;position:fixed;top:0;left:0}.nav-wrapper h1{color:#353535;margin-bottom:40px;padding:10px 40px 0}.nav-wrapper #sp-nav li{text-align:center}.nav-wrapper #sp-nav li a{display:block;color:#353535;font-size:20px;font-weight:bold;padding:20px 0}#check:checked~.nav-wrapper{opacity:1;visibility:visible}#top-btn{display:none;width:60px;height:60px;border-radius:50%;margin:0 15px 15px 0;opacity:0.8;background:#ffffff;border:1px solid #000;position:fixed;right:50px;bottom:50px;z-index:10}@media (max-width:680px){#top-btn{position:fixed;right:8px;bottom:30px}}#top-btn:before{display:block;content:"";width:10px;height:10px}#top-btn a{color:#000;font-family:"M PLUS Rounded 1c",sans-serif;font-weight:bold;font-size:16px;position:absolute;top:18px;left:15px}footer{width:100%;height:100px}footer p{text-align:center;line-height:100px;font-family:"M PLUS Rounded 1c",sans-serif;color:#353535}body{background-color:#f7f7f7}.gradi-box{width:300px;height:410px;border-radius:49% 51% 49% 51%/62% 61% 39% 38%;position:absolute;bottom:100px;right:180px;z-index:-1;background:linear-gradient(45deg,#E0E5EE,#F8F0ED,#E5EBE8,#C9D4DF,#D7DDE4);background-size:1000% 1000%;-webkit-animation:GradientBackground 15s ease infinite;animation:GradientBackground 15s ease infinite}@media (max-width:680px){.gradi-box{width:200px;height:255px;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto}}@-webkit-keyframes GradientBackground{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes GradientBackground{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.top-main{height:100vh;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center;color:#353535;font-family:"M PLUS Rounded 1c",sans-serif;font-size:20px}@media (max-width:680px){.top-main{height:80vh}}.top-main .top-main-inner{height:30vh}.top-main .portfolio{letter-spacing:0.1em;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:absolute;left:180px;top:200px;overflow:hidden}@media (max-width:1200px){.top-main .portfolio{left:100px;top:200px}}@media (max-width:680px){.top-main .portfolio{font-size:22px;left:50px;top:100px}}.top-main .portfolio span{display:block;-webkit-transform:translateY(100%);transform:translateY(100%);-webkit-animation:txt-anime 0.5s 0.5s cubic-bezier(0,1.02,0.83,1) forwards;animation:txt-anime 0.5s 0.5s cubic-bezier(0,1.02,0.83,1) forwards}@-webkit-keyframes txt-anime{0%{-webkit-transform:translateY(100%);transform:translateY(100%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes txt-anime{0%{-webkit-transform:translateY(100%);transform:translateY(100%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}.top-main .portfolio>span:nth-of-type(2){-webkit-animation-delay:0.6s;animation-delay:0.6s}.top-main .portfolio>span:nth-of-type(3){-webkit-animation-delay:0.7s;animation-delay:0.7s}.top-main .portfolio>span:nth-of-type(4){-webkit-animation-delay:0.8s;animation-delay:0.8s}.top-main .portfolio>span:nth-of-type(5){-webkit-animation-delay:0.9s;animation-delay:0.9s}.top-main .portfolio>span:nth-of-type(6){-webkit-animation-delay:1s;animation-delay:1s}.top-main .portfolio>span:nth-of-type(7){-webkit-animation-delay:1.1s;animation-delay:1.1s}.top-main .portfolio>span:nth-of-type(8){-webkit-animation-delay:1.2s;animation-delay:1.2s}.top-main .portfolio>span:nth-of-type(9){-webkit-animation-delay:1.3s;animation-delay:1.3s}.top-main .name-box{width:15%;position:absolute;left:180px;top:300px}@media (max-width:1200px){.top-main .name-box{width:40%;left:100px;top:300px}}@media (max-width:680px){.top-main .name-box{left:50px;top:150px}}.top-main #layer_2>path{fill:none;stroke:#f7f7f7;stroke-width:10;stroke-dasharray:2620px;stroke-dashoffset:2620px;-webkit-animation:svg-anime 7s 0.5s forwards;animation:svg-anime 7s 0.5s forwards}@-webkit-keyframes svg-anime{0%{stroke-dashoffset:2620px}to{stroke-dashoffset:0}}@keyframes svg-anime{0%{stroke-dashoffset:2620px}to{stroke-dashoffset:0}}.top-main #layer_1{-webkit-mask:url(#out);mask:url(#out)}.top-main .maincopy{font-size:35px;font-family:"M PLUS Rounded 1c",sans-serif;font-weight:bold;letter-spacing:16px;position:absolute;right:500px;bottom:280px;-webkit-transition:0.5s;transition:0.5s}@media (max-width:1200px){.top-main .maincopy{right:100px;bottom:300px}}@media (max-width:680px){.top-main .maincopy{font-size:20px;right:32px;bottom:200px}}.maincopy{-webkit-animation:fadeInAnime 4s 0.5s forwards;animation:fadeInAnime 4s 0.5s forwards;opacity:0}@-webkit-keyframes fadeInAnime{0%{opacity:0}to{opacity:1}}@keyframes fadeInAnime{0%{opacity:0}to{opacity:1}}.container{width:100%}.work-wrapper{max-width:100%;margin:80px auto 100px;padding:0 120px}@media (max-width:1200px){.work-wrapper{padding:0 20px}}.work-wrapper .work-boxinner-top{width:80%;margin:0 auto 150px}@media (max-width:680px){.work-wrapper .work-boxinner-top{width:90%;margin:0 auto 100px}}.work-wrapper .work-boxinner-top .w-textbox-top{width:80%;margin:0 auto}.work-wrapper .work-boxinner-top .w-mainbox-top{width:80%;margin:0 auto}.work-wrapper .work-boxinner-top .w-mainbox-top a{overflow:hidden}.work-wrapper .work-boxinner-top .w-mainbox-top a img{-webkit-transition:0.2s;transition:0.2s}.work-wrapper .work-boxinner-top .w-mainbox-top a img:hover{-webkit-transform:scale(1.03);transform:scale(1.03);-webkit-transition:0.3s;transition:0.3s}.work-wrapper .work-boxinner-top h2{font-size:38px;font-family:"M PLUS Rounded 1c",sans-serif}@media (max-width:680px){.work-wrapper .work-boxinner-top h2{font-size:18px;margin-bottom:10px}}.work-wrapper .work-boxinner-top h3{font-size:24px;font-family:"BIZ UDGothic",sans-serif;margin-bottom:16px}@media (max-width:680px){.work-wrapper .work-boxinner-top h3{font-size:16px}}.work-wrapper .work-boxinner-top p{font-family:"BIZ UDGothic",sans-serif;font-size:18px;line-height:1.8}@media (max-width:680px){.work-wrapper .work-boxinner-top p{font-size:14px}}.work-wrapper .button-s-wrapper{display:block;text-align:center;margin-bottom:20px}.work-wrapper .button-s-wrapper .button-s{display:inline-block;border-radius:4px;-webkit-box-shadow:inset 0 0 0 1px #353535;box-shadow:inset 0 0 0 1px #353535;color:#353535;cursor:pointer;letter-spacing:1.5px;height:40px;line-height:40px;padding:0 20px;-webkit-transition:0.3s;transition:0.3s;font-size:14px}.work-wrapper .button-s-wrapper .button-s:hover{background-color:#dfe0de;-webkit-transition:0.3s;transition:0.3s}@media (max-width:680px){.work-wrapper .button-s-wrapper .button-s{font-size:13px}}.work-wrapper .work-boxinner{width:80%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0 auto 80px}@media (max-width:1200px){.work-wrapper .work-boxinner{display:block;margin:0 auto 50px}}.work-wrapper .work-boxinner .w-textbox{width:40%;background-color:#f7f7f7}@media (max-width:1200px){.work-wrapper .work-boxinner .w-textbox{width:100%;margin-bottom:30px}}@media (max-width:680px){.work-wrapper .work-boxinner .w-textbox{margin-bottom:10px}}.work-wrapper .work-boxinner .w-textbox h2{font-size:38px;font-family:"M PLUS Rounded 1c",sans-serif}@media (max-width:680px){.work-wrapper .work-boxinner .w-textbox h2{font-size:18px;margin-bottom:10px}}.work-wrapper .work-boxinner .w-textbox h3{font-size:24px;font-family:"BIZ UDGothic",sans-serif;margin-bottom:16px}@media (max-width:680px){.work-wrapper .work-boxinner .w-textbox h3{font-size:16px}}.work-wrapper .work-boxinner .w-textbox p{font-family:"BIZ UDGothic",sans-serif;line-height:1.8}@media (max-width:680px){.work-wrapper .work-boxinner .w-textbox p{font-size:14px}}.work-wrapper .work-boxinner .w-mainbox{width:60%}@media (max-width:1200px){.work-wrapper .work-boxinner .w-mainbox{width:100%}}.work-box1{width:100%;margin-bottom:200px}.work-box1 .w-photowrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:pointer}@media (max-width:1200px){.work-box1 .w-photowrapper{display:block}}.work-box1 .w-photowrapper .w-photobox{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:calc((100% - 300px) / 3);padding:15px}@media (max-width:1200px){.work-box1 .w-photowrapper .w-photobox{width:60%;margin:0 auto 50px}}.work-box1 .w-photowrapper .w-photobox a{color:#222}.work-box1 .w-photowrapper .w-photobox a img{-webkit-transition:0.5s;transition:0.5s}.work-box1 .w-photowrapper .w-photobox:hover>a img{-webkit-transform:scale(1.2);transform:scale(1.2);-webkit-transition:0.5s;transition:0.5s}.work-box1 .w-photowrapper .w-photobox .photo{width:100%;margin-bottom:10px;display:block;overflow:hidden;border-radius:10px}.work-box1 .w-photowrapper .w-photobox h5{font-family:"BIZ UDGothic",sans-serif;letter-spacing:1.2px}.work-box2,.work-box3,.work-box4{margin-bottom:200px}.work-box2 h3,.work-box3 h3,.work-box4 h3{font-size:30px}.work-box2 h4,.work-box3 h4,.work-box4 h4{font-size:24px}.work-box2 p,.work-box3 p,.work-box4 p{font-size:18px}.work-box2 .work-boxinner,.work-box4 .work-boxinner{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.work-box3{margin-bottom:200px}.work-box3 .w-mainbox{margin-left:50px}@media (max-width:1200px){.work-box3 .w-mainbox{margin-left:0}}.btn{width:200px;height:50px;line-height:60px;margin:0 auto}@media (max-width:680px){.btn{width:100px;height:40px}}.btn a{display:block;width:100%;height:100%;background:#2d2d2d;text-align:center;color:#fff;font-family:"BIZ UDGothic",sans-serif;font-weight:bold;border-radius:40px;-webkit-transition:all 0.5s ease;transition:all 0.5s ease;letter-spacing:1.5px;line-height:50px}@media (max-width:680px){.btn a{font-size:13px;line-height:40px}}.btn a:hover{background:#2d2d2d;color:#fff;-webkit-box-shadow:0px 15px 20px rgba(2,5,7,0.4);box-shadow:0px 15px 20px rgba(2,5,7,0.4)}.sp-header-wrapper>h1{display:none}@media (max-width:680px){.sp-header-wrapper>h1{display:block;padding:10px 40px 0;font-family:"M PLUS Rounded 1c",sans-serif}}.design-wrapper,.ec-site-wrapper,.salad-wrapper,.sp-site-wrapper{max-width:100%;margin:80px auto 100px;padding:0 120px}@media (max-width:680px){.design-wrapper,.ec-site-wrapper,.salad-wrapper,.sp-site-wrapper{padding:0 20px}}.design-wrapper h2,.ec-site-wrapper h2,.salad-wrapper h2,.sp-site-wrapper h2{text-align:center;margin:0 auto 20px;font-size:30px;font-family:"M PLUS Rounded 1c",sans-serif;color:#353535}@media (max-width:680px){.design-wrapper h2,.ec-site-wrapper h2,.salad-wrapper h2,.sp-site-wrapper h2{font-size:20px}}.design-wrapper .main-visual,.ec-site-wrapper .main-visual,.salad-wrapper .main-visual,.sp-site-wrapper .main-visual{width:450px;height:450px;margin:0 auto 20px}@media (max-width:680px){.design-wrapper .main-visual,.ec-site-wrapper .main-visual,.salad-wrapper .main-visual,.sp-site-wrapper .main-visual{width:250px;height:250px}}.design-wrapper .main-visual img,.ec-site-wrapper .main-visual img,.salad-wrapper .main-visual img,.sp-site-wrapper .main-visual img{-o-object-fit:cover;object-fit:cover;-o-object-position:center top;object-position:center top;width:100%;height:100%}.design-wrapper .d-main-visual,.ec-site-wrapper .d-main-visual,.salad-wrapper .d-main-visual,.sp-site-wrapper .d-main-visual{max-width:150px;margin:0 auto 20px}@media (max-width:680px){.design-wrapper .d-main-visual,.ec-site-wrapper .d-main-visual,.salad-wrapper .d-main-visual,.sp-site-wrapper .d-main-visual{width:100px}}.design-wrapper .d-main-visual img,.ec-site-wrapper .d-main-visual img,.salad-wrapper .d-main-visual img,.sp-site-wrapper .d-main-visual img{max-width:100%}.design-wrapper .d-logobox,.ec-site-wrapper .d-logobox,.salad-wrapper .d-logobox,.sp-site-wrapper .d-logobox{max-width:500px;margin:0 auto 150px}@media (max-width:680px){.design-wrapper .d-logobox,.ec-site-wrapper .d-logobox,.salad-wrapper .d-logobox,.sp-site-wrapper .d-logobox{width:200px}}.design-wrapper .d-logobox img,.ec-site-wrapper .d-logobox img,.salad-wrapper .d-logobox img,.sp-site-wrapper .d-logobox img{max-width:100%}.design-wrapper .top-textbox,.ec-site-wrapper .top-textbox,.salad-wrapper .top-textbox,.sp-site-wrapper .top-textbox{width:80%;margin:0 auto;padding:20px;font-family:"BIZ UDGothic",sans-serif;color:#353535}.design-wrapper .top-textbox h3,.design-wrapper .top-textbox p,.ec-site-wrapper .top-textbox h3,.ec-site-wrapper .top-textbox p,.salad-wrapper .top-textbox h3,.salad-wrapper .top-textbox p,.sp-site-wrapper .top-textbox h3,.sp-site-wrapper .top-textbox p{margin-bottom:20px;line-height:1.8}@media (max-width:680px){.design-wrapper .top-textbox h3,.design-wrapper .top-textbox p,.ec-site-wrapper .top-textbox h3,.ec-site-wrapper .top-textbox p,.salad-wrapper .top-textbox h3,.salad-wrapper .top-textbox p,.sp-site-wrapper .top-textbox h3,.sp-site-wrapper .top-textbox p{font-size:14px;margin-bottom:8px}}.design-wrapper .button-wrapper,.ec-site-wrapper .button-wrapper,.salad-wrapper .button-wrapper,.sp-site-wrapper .button-wrapper{display:block;text-align:center;margin-bottom:20px}.design-wrapper .button-wrapper .button,.ec-site-wrapper .button-wrapper .button,.salad-wrapper .button-wrapper .button,.sp-site-wrapper .button-wrapper .button{display:inline-block;border-radius:4px;-webkit-box-shadow:inset 0 0 0 1px #353535;box-shadow:inset 0 0 0 1px #353535;color:#353535;cursor:pointer;letter-spacing:1.5px;height:40px;line-height:40px;padding:0 20px;-webkit-transition:0.3s;transition:0.3s;font-size:14px}.design-wrapper .button-wrapper .button:hover,.ec-site-wrapper .button-wrapper .button:hover,.salad-wrapper .button-wrapper .button:hover,.sp-site-wrapper .button-wrapper .button:hover{background-color:#dfe0de;-webkit-transition:0.3s;transition:0.3s}.design-wrapper .main-textbox,.ec-site-wrapper .main-textbox,.salad-wrapper .main-textbox,.sp-site-wrapper .main-textbox{width:100%}.design-wrapper .main-textbox .main-texttitle,.ec-site-wrapper .main-textbox .main-texttitle,.salad-wrapper .main-textbox .main-texttitle,.sp-site-wrapper .main-textbox .main-texttitle{font-size:28px;font-family:"BIZ UDGothic",sans-serif;border-bottom:2px solid #000;margin-bottom:50px;padding-bottom:20px}@media (max-width:680px){.design-wrapper .main-textbox .main-texttitle,.ec-site-wrapper .main-textbox .main-texttitle,.salad-wrapper .main-textbox .main-texttitle,.sp-site-wrapper .main-textbox .main-texttitle{font-size:20px}}.design-wrapper .main-textbox .main-texttitle img,.ec-site-wrapper .main-textbox .main-texttitle img,.salad-wrapper .main-textbox .main-texttitle img,.sp-site-wrapper .main-textbox .main-texttitle img{width:30px;height:30px}@media (max-width:680px){.design-wrapper .main-textbox .main-texttitle img,.ec-site-wrapper .main-textbox .main-texttitle img,.salad-wrapper .main-textbox .main-texttitle img,.sp-site-wrapper .main-textbox .main-texttitle img{width:18px;height:18px}}.design-wrapper .main-textbox .work1-textinner,.ec-site-wrapper .main-textbox .work1-textinner,.salad-wrapper .main-textbox .work1-textinner,.sp-site-wrapper .main-textbox .work1-textinner{width:80%;margin:0 auto 100px}@media (max-width:680px){.design-wrapper .main-textbox .work1-textinner,.ec-site-wrapper .main-textbox .work1-textinner,.salad-wrapper .main-textbox .work1-textinner,.sp-site-wrapper .main-textbox .work1-textinner{width:100%;margin:0 auto 80px}}.design-wrapper .main-textbox .work1-textinner h4,.ec-site-wrapper .main-textbox .work1-textinner h4,.salad-wrapper .main-textbox .work1-textinner h4,.sp-site-wrapper .main-textbox .work1-textinner h4{font-size:20px;font-family:"BIZ UDGothic",sans-serif;padding:20px 0;margin-bottom:30px}@media (max-width:680px){.design-wrapper .main-textbox .work1-textinner h4,.ec-site-wrapper .main-textbox .work1-textinner h4,.salad-wrapper .main-textbox .work1-textinner h4,.sp-site-wrapper .main-textbox .work1-textinner h4{font-size:16px}}.design-wrapper .main-textbox .work1-textinner h5,.ec-site-wrapper .main-textbox .work1-textinner h5,.salad-wrapper .main-textbox .work1-textinner h5,.sp-site-wrapper .main-textbox .work1-textinner h5{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;font-size:18px;font-family:"M PLUS Rounded 1c",sans-serif;border-bottom:1px solid #000}@media (max-width:680px){.design-wrapper .main-textbox .work1-textinner h5,.ec-site-wrapper .main-textbox .work1-textinner h5,.salad-wrapper .main-textbox .work1-textinner h5,.sp-site-wrapper .main-textbox .work1-textinner h5{font-size:15px}}.design-wrapper .main-textbox .work1-textinner span,.ec-site-wrapper .main-textbox .work1-textinner span,.salad-wrapper .main-textbox .work1-textinner span,.sp-site-wrapper .main-textbox .work1-textinner span{font-size:20px;font-family:"M PLUS Rounded 1c",sans-serif;border:1px solid #000;margin-right:30px;padding:14px;border-radius:14px}@media (max-width:680px){.design-wrapper .main-textbox .work1-textinner span,.ec-site-wrapper .main-textbox .work1-textinner span,.salad-wrapper .main-textbox .work1-textinner span,.sp-site-wrapper .main-textbox .work1-textinner span{margin-right:10px}}.design-wrapper .main-textbox .work1-textinner p,.ec-site-wrapper .main-textbox .work1-textinner p,.salad-wrapper .main-textbox .work1-textinner p,.sp-site-wrapper .main-textbox .work1-textinner p{font-family:"BIZ UDGothic",sans-serif;line-height:2;margin-bottom:20px;color:#353535}@media (max-width:680px){.design-wrapper .main-textbox .work1-textinner p,.ec-site-wrapper .main-textbox .work1-textinner p,.salad-wrapper .main-textbox .work1-textinner p,.sp-site-wrapper .main-textbox .work1-textinner p{font-size:14px}}.design-wrapper .main-textbox .work1-textinner dl,.ec-site-wrapper .main-textbox .work1-textinner dl,.salad-wrapper .main-textbox .work1-textinner dl,.sp-site-wrapper .main-textbox .work1-textinner dl{width:60%;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;font-family:"BIZ UDGothic",sans-serif;line-height:2}@media (max-width:680px){.design-wrapper .main-textbox .work1-textinner dl,.ec-site-wrapper .main-textbox .work1-textinner dl,.salad-wrapper .main-textbox .work1-textinner dl,.sp-site-wrapper .main-textbox .work1-textinner dl{width:100%;display:block}}.design-wrapper .main-textbox .work1-textinner dl dt,.ec-site-wrapper .main-textbox .work1-textinner dl dt,.salad-wrapper .main-textbox .work1-textinner dl dt,.sp-site-wrapper .main-textbox .work1-textinner dl dt{width:20%;background-color:#dfe0de;border-radius:40px;margin-bottom:14px;text-align:center}@media (max-width:680px){.design-wrapper .main-textbox .work1-textinner dl dt,.ec-site-wrapper .main-textbox .work1-textinner dl dt,.salad-wrapper .main-textbox .work1-textinner dl dt,.sp-site-wrapper .main-textbox .work1-textinner dl dt{width:30%;margin-bottom:0;font-size:14px}}.design-wrapper .main-textbox .work1-textinner dl dd,.ec-site-wrapper .main-textbox .work1-textinner dl dd,.salad-wrapper .main-textbox .work1-textinner dl dd,.sp-site-wrapper .main-textbox .work1-textinner dl dd{width:80%;margin-bottom:14px;padding-left:20px}@media (max-width:680px){.design-wrapper .main-textbox .work1-textinner dl dd,.ec-site-wrapper .main-textbox .work1-textinner dl dd,.salad-wrapper .main-textbox .work1-textinner dl dd,.sp-site-wrapper .main-textbox .work1-textinner dl dd{width:100%;text-align:center;font-size:14px}}.design-wrapper .main-textbox .work1-textinner .keyword,.ec-site-wrapper .main-textbox .work1-textinner .keyword,.salad-wrapper .main-textbox .work1-textinner .keyword,.sp-site-wrapper .main-textbox .work1-textinner .keyword{width:100%;text-align:center;font-family:"M PLUS Rounded 1c",sans-serif}.design-wrapper .main-textbox .work1-textinner .cf-wrapper,.ec-site-wrapper .main-textbox .work1-textinner .cf-wrapper,.salad-wrapper .main-textbox .work1-textinner .cf-wrapper,.sp-site-wrapper .main-textbox .work1-textinner .cf-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex}.design-wrapper .main-textbox .work1-textinner .cf-wrapper .color-box,.ec-site-wrapper .main-textbox .work1-textinner .cf-wrapper .color-box,.salad-wrapper .main-textbox .work1-textinner .cf-wrapper .color-box,.sp-site-wrapper .main-textbox .work1-textinner .cf-wrapper .color-box{width:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:30px}@media (max-width:680px){.design-wrapper .main-textbox .work1-textinner .cf-wrapper .color-box .color-inner,.ec-site-wrapper .main-textbox .work1-textinner .cf-wrapper .color-box .color-inner,.salad-wrapper .main-textbox .work1-textinner .cf-wrapper .color-box .color-inner,.sp-site-wrapper .main-textbox .work1-textinner .cf-wrapper .color-box .color-inner{margin-bottom:18px}}.design-wrapper .main-textbox .work1-textinner .cf-wrapper .color-box .color-inner .c-title,.ec-site-wrapper .main-textbox .work1-textinner .cf-wrapper .color-box .color-inner .c-title,.salad-wrapper .main-textbox .work1-textinner .cf-wrapper .color-box .color-inner .c-title,.sp-site-wrapper .main-textbox .work1-textinner .cf-wrapper .color-box .color-inner .c-title{font-family:"BIZ UDGothic",sans-serif;font-size:14px;margin:0 10px 16px 10px}.design-wrapper .main-textbox .work1-textinner .cf-wrapper .color-box .color-inner div[class^=c-num],.ec-site-wrapper .main-textbox .work1-textinner .cf-wrapper .color-box .color-inner div[class^=c-num],.salad-wrapper .main-textbox .work1-textinner .cf-wrapper .color-box .color-inner div[class^=c-num],.sp-site-wrapper .main-textbox .work1-textinner .cf-wrapper .color-box .color-inner div[class^=c-num]{font-family:"M PLUS Rounded 1c",sans-serif;font-size:14px;font-weight:bold;text-align:center}.design-wrapper .main-textbox .work1-textinner .cf-wrapper .color-box .color-inner .c-num1,.ec-site-wrapper .main-textbox .work1-textinner .cf-wrapper .color-box .color-inner .c-num1,.salad-wrapper .main-textbox .work1-textinner .cf-wrapper .color-box .color-inner .c-num1,.sp-site-wrapper .main-textbox .work1-textinner .cf-wrapper .color-box .color-inner .c-num1{color:#006400}.design-wrapper .main-textbox .work1-textinner .cf-wrapper .color-box .color-inner .c-num2,.ec-site-wrapper .main-textbox .work1-textinner .cf-wrapper .color-box .color-inner .c-num2,.salad-wrapper .main-textbox .work1-textinner .cf-wrapper .color-box .color-inner .c-num2,.sp-site-wrapper .main-textbox .work1-textinner .cf-wrapper .color-box .color-inner .c-num2{color:#F8BE2B}.design-wrapper .main-textbox .work1-textinner .cf-wrapper .color-box .color-inner .c-num3,.ec-site-wrapper .main-textbox .work1-textinner .cf-wrapper .color-box .color-inner .c-num3,.salad-wrapper .main-textbox .work1-textinner .cf-wrapper .color-box .color-inner .c-num3,.sp-site-wrapper .main-textbox .work1-textinner .cf-wrapper .color-box .color-inner .c-num3{color:#000}.design-wrapper .main-textbox .work1-textinner .cf-wrapper .color-box .color-inner .c-num4,.ec-site-wrapper .main-textbox .work1-textinner .cf-wrapper .color-box .color-inner .c-num4,.salad-wrapper .main-textbox .work1-textinner .cf-wrapper .color-box .color-inner .c-num4,.sp-site-wrapper .main-textbox .work1-textinner .cf-wrapper .color-box .color-inner .c-num4{color:#f8dad2}.design-wrapper .main-textbox .work1-textinner .cf-wrapper .color-box .color-inner .c-num5,.ec-site-wrapper .main-textbox .work1-textinner .cf-wrapper .color-box .color-inner .c-num5,.salad-wrapper .main-textbox .work1-textinner .cf-wrapper .color-box .color-inner .c-num5,.sp-site-wrapper .main-textbox .work1-textinner .cf-wrapper .color-box .color-inner .c-num5{color:#352925}.design-wrapper .main-textbox .work1-textinner .cf-wrapper .color-box .color-inner .c-num6,.ec-site-wrapper .main-textbox .work1-textinner .cf-wrapper .color-box .color-inner .c-num6,.salad-wrapper .main-textbox .work1-textinner .cf-wrapper .color-box .color-inner .c-num6,.sp-site-wrapper .main-textbox .work1-textinner .cf-wrapper .color-box .color-inner .c-num6{color:#B49F74}.design-wrapper .main-textbox .work1-textinner .cf-wrapper .color-box .color-inner .c-num7,.ec-site-wrapper .main-textbox .work1-textinner .cf-wrapper .color-box .color-inner .c-num7,.salad-wrapper .main-textbox .work1-textinner .cf-wrapper .color-box .color-inner .c-num7,.sp-site-wrapper .main-textbox .work1-textinner .cf-wrapper .color-box .color-inner .c-num7{color:#A3B6BC}.design-wrapper .main-textbox .work1-textinner .cf-wrapper .color-box .color-inner .c-num8,.ec-site-wrapper .main-textbox .work1-textinner .cf-wrapper .color-box .color-inner .c-num8,.salad-wrapper .main-textbox .work1-textinner .cf-wrapper .color-box .color-inner .c-num8,.sp-site-wrapper .main-textbox .work1-textinner .cf-wrapper .color-box .color-inner .c-num8{color:#89988D}.design-wrapper .main-textbox .work1-textinner .cf-wrapper .color-box .color-inner .c-num9,.ec-site-wrapper .main-textbox .work1-textinner .cf-wrapper .color-box .color-inner .c-num9,.salad-wrapper .main-textbox .work1-textinner .cf-wrapper .color-box .color-inner .c-num9,.sp-site-wrapper .main-textbox .work1-textinner .cf-wrapper .color-box .color-inner .c-num9{color:#D1CDCC}.design-wrapper .main-textbox .work1-textinner .cf-wrapper .color-box .color-inner .c-num10,.ec-site-wrapper .main-textbox .work1-textinner .cf-wrapper .color-box .color-inner .c-num10,.salad-wrapper .main-textbox .work1-textinner .cf-wrapper .color-box .color-inner .c-num10,.sp-site-wrapper .main-textbox .work1-textinner .cf-wrapper .color-box .color-inner .c-num10{color:#eda890}.design-wrapper .main-textbox .work1-textinner .cf-wrapper .color-box .color-inner .c-num11,.ec-site-wrapper .main-textbox .work1-textinner .cf-wrapper .color-box .color-inner .c-num11,.salad-wrapper .main-textbox .work1-textinner .cf-wrapper .color-box .color-inner .c-num11,.sp-site-wrapper .main-textbox .work1-textinner .cf-wrapper .color-box .color-inner .c-num11{color:#f2bd12}.design-wrapper .main-textbox .work1-textinner .cf-wrapper .color-box .color-inner div[class^=c-circle],.ec-site-wrapper .main-textbox .work1-textinner .cf-wrapper .color-box .color-inner div[class^=c-circle],.salad-wrapper .main-textbox .work1-textinner .cf-wrapper .color-box .color-inner div[class^=c-circle],.sp-site-wrapper .main-textbox .work1-textinner .cf-wrapper .color-box .color-inner div[class^=c-circle]{width:60px;height:60px;border-radius:50%;margin:0 auto 4px}.design-wrapper .main-textbox .work1-textinner .cf-wrapper .color-box .color-inner .c-circle1,.ec-site-wrapper .main-textbox .work1-textinner .cf-wrapper .color-box .color-inner .c-circle1,.salad-wrapper .main-textbox .work1-textinner .cf-wrapper .color-box .color-inner .c-circle1,.sp-site-wrapper .main-textbox .work1-textinner .cf-wrapper .color-box .color-inner .c-circle1{background-color:#006400}.design-wrapper .main-textbox .work1-textinner .cf-wrapper .color-box .color-inner .c-circle2,.ec-site-wrapper .main-textbox .work1-textinner .cf-wrapper .color-box .color-inner .c-circle2,.salad-wrapper .main-textbox .work1-textinner .cf-wrapper .color-box .color-inner .c-circle2,.sp-site-wrapper .main-textbox .work1-textinner .cf-wrapper .color-box .color-inner .c-circle2{background-color:#F8BE2B}.design-wrapper .main-textbox .work1-textinner .cf-wrapper .color-box .color-inner .c-circle3,.ec-site-wrapper .main-textbox .work1-textinner .cf-wrapper .color-box .color-inner .c-circle3,.salad-wrapper .main-textbox .work1-textinner .cf-wrapper .color-box .color-inner .c-circle3,.sp-site-wrapper .main-textbox .work1-textinner .cf-wrapper .color-box .color-inner .c-circle3{background-color:#fff;border:1px solid #000}.design-wrapper .main-textbox .work1-textinner .cf-wrapper .color-box .color-inner .c-circle4,.ec-site-wrapper .main-textbox .work1-textinner .cf-wrapper .color-box .color-inner .c-circle4,.salad-wrapper .main-textbox .work1-textinner .cf-wrapper .color-box .color-inner .c-circle4,.sp-site-wrapper .main-textbox .work1-textinner .cf-wrapper .color-box .color-inner .c-circle4{background-color:#F8DAD2}.design-wrapper .main-textbox .work1-textinner .cf-wrapper .color-box .color-inner .c-circle5,.ec-site-wrapper .main-textbox .work1-textinner .cf-wrapper .color-box .color-inner .c-circle5,.salad-wrapper .main-textbox .work1-textinner .cf-wrapper .color-box .color-inner .c-circle5,.sp-site-wrapper .main-textbox .work1-textinner .cf-wrapper .color-box .color-inner .c-circle5{background-color:#352925}.design-wrapper .main-textbox .work1-textinner .cf-wrapper .color-box .color-inner .c-circle6,.ec-site-wrapper .main-textbox .work1-textinner .cf-wrapper .color-box .color-inner .c-circle6,.salad-wrapper .main-textbox .work1-textinner .cf-wrapper .color-box .color-inner .c-circle6,.sp-site-wrapper .main-textbox .work1-textinner .cf-wrapper .color-box .color-inner .c-circle6{background-color:#B49F74}.design-wrapper .main-textbox .work1-textinner .cf-wrapper .color-box .color-inner .c-circle7,.ec-site-wrapper .main-textbox .work1-textinner .cf-wrapper .color-box .color-inner .c-circle7,.salad-wrapper .main-textbox .work1-textinner .cf-wrapper .color-box .color-inner .c-circle7,.sp-site-wrapper .main-textbox .work1-textinner .cf-wrapper .color-box .color-inner .c-circle7{background-color:#A3B6BC}.design-wrapper .main-textbox .work1-textinner .cf-wrapper .color-box .color-inner .c-circle8,.ec-site-wrapper .main-textbox .work1-textinner .cf-wrapper .color-box .color-inner .c-circle8,.salad-wrapper .main-textbox .work1-textinner .cf-wrapper .color-box .color-inner .c-circle8,.sp-site-wrapper .main-textbox .work1-textinner .cf-wrapper .color-box .color-inner .c-circle8{background-color:#89988D}.design-wrapper .main-textbox .work1-textinner .cf-wrapper .color-box .color-inner .c-circle9,.ec-site-wrapper .main-textbox .work1-textinner .cf-wrapper .color-box .color-inner .c-circle9,.salad-wrapper .main-textbox .work1-textinner .cf-wrapper .color-box .color-inner .c-circle9,.sp-site-wrapper .main-textbox .work1-textinner .cf-wrapper .color-box .color-inner .c-circle9{background-color:#D1CDCC}.design-wrapper .main-textbox .work1-textinner .cf-wrapper .color-box .color-inner .c-circle10,.ec-site-wrapper .main-textbox .work1-textinner .cf-wrapper .color-box .color-inner .c-circle10,.salad-wrapper .main-textbox .work1-textinner .cf-wrapper .color-box .color-inner .c-circle10,.sp-site-wrapper .main-textbox .work1-textinner .cf-wrapper .color-box .color-inner .c-circle10{background-color:#eda890}.design-wrapper .main-textbox .work1-textinner .cf-wrapper .color-box .color-inner .c-circle11,.ec-site-wrapper .main-textbox .work1-textinner .cf-wrapper .color-box .color-inner .c-circle11,.salad-wrapper .main-textbox .work1-textinner .cf-wrapper .color-box .color-inner .c-circle11,.sp-site-wrapper .main-textbox .work1-textinner .cf-wrapper .color-box .color-inner .c-circle11{background-color:#f2bd12}.design-wrapper .main-textbox .work1-textinner .cf-wrapper .color-box .c-text,.ec-site-wrapper .main-textbox .work1-textinner .cf-wrapper .color-box .c-text,.salad-wrapper .main-textbox .work1-textinner .cf-wrapper .color-box .c-text,.sp-site-wrapper .main-textbox .work1-textinner .cf-wrapper .color-box .c-text{font-size:14px;margin-top:30px;padding:0 20px;font-family:"BIZ UDGothic",sans-serif;text-indent:0}.design-wrapper .main-textbox .work1-textinner .cf-wrapper .fonts-box,.ec-site-wrapper .main-textbox .work1-textinner .cf-wrapper .fonts-box,.salad-wrapper .main-textbox .work1-textinner .cf-wrapper .fonts-box,.sp-site-wrapper .main-textbox .work1-textinner .cf-wrapper .fonts-box{width:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:30px}.design-wrapper .main-textbox .work1-textinner .cf-wrapper .fonts-box .fonts-inner,.ec-site-wrapper .main-textbox .work1-textinner .cf-wrapper .fonts-box .fonts-inner,.salad-wrapper .main-textbox .work1-textinner .cf-wrapper .fonts-box .fonts-inner,.sp-site-wrapper .main-textbox .work1-textinner .cf-wrapper .fonts-box .fonts-inner{margin:0 10px}.design-wrapper .main-textbox .work1-textinner .cf-wrapper .fonts-box .fonts-inner .f-ja,.ec-site-wrapper .main-textbox .work1-textinner .cf-wrapper .fonts-box .fonts-inner .f-ja,.salad-wrapper .main-textbox .work1-textinner .cf-wrapper .fonts-box .fonts-inner .f-ja,.sp-site-wrapper .main-textbox .work1-textinner .cf-wrapper .fonts-box .fonts-inner .f-ja{font-family:sans-serif;font-size:30px;text-align:center;padding-top:24px}.design-wrapper .main-textbox .work1-textinner .cf-wrapper .fonts-box .fonts-inner .f-en,.ec-site-wrapper .main-textbox .work1-textinner .cf-wrapper .fonts-box .fonts-inner .f-en,.salad-wrapper .main-textbox .work1-textinner .cf-wrapper .fonts-box .fonts-inner .f-en,.sp-site-wrapper .main-textbox .work1-textinner .cf-wrapper .fonts-box .fonts-inner .f-en{font-family:"Noto Serif JP",serif;font-size:30px;text-align:center;padding-top:20px}.design-wrapper .main-textbox .work1-textinner .cf-wrapper .fonts-box .fonts-inner .f-sp,.ec-site-wrapper .main-textbox .work1-textinner .cf-wrapper .fonts-box .fonts-inner .f-sp,.salad-wrapper .main-textbox .work1-textinner .cf-wrapper .fonts-box .fonts-inner .f-sp,.sp-site-wrapper .main-textbox .work1-textinner .cf-wrapper .fonts-box .fonts-inner .f-sp{font-family:"Zen Maru Gothic",sans-serif;font-size:30px;text-align:center;padding-top:20px}.design-wrapper .main-textbox .work1-textinner .cf-wrapper .fonts-box .fonts-inner .f-ecen,.ec-site-wrapper .main-textbox .work1-textinner .cf-wrapper .fonts-box .fonts-inner .f-ecen,.salad-wrapper .main-textbox .work1-textinner .cf-wrapper .fonts-box .fonts-inner .f-ecen,.sp-site-wrapper .main-textbox .work1-textinner .cf-wrapper .fonts-box .fonts-inner .f-ecen{font-family:"Edu VIC WA NT Beginner",cursive;font-size:30px;text-align:center;padding:20px 0 6px}@media (max-width:680px){.design-wrapper .main-textbox .work1-textinner .cf-wrapper .fonts-box .fonts-inner .f-ecen,.ec-site-wrapper .main-textbox .work1-textinner .cf-wrapper .fonts-box .fonts-inner .f-ecen,.salad-wrapper .main-textbox .work1-textinner .cf-wrapper .fonts-box .fonts-inner .f-ecen,.sp-site-wrapper .main-textbox .work1-textinner .cf-wrapper .fonts-box .fonts-inner .f-ecen{padding:0}}.design-wrapper .main-textbox .work1-textinner .cf-wrapper .fonts-box .fonts-inner .f-ecja,.ec-site-wrapper .main-textbox .work1-textinner .cf-wrapper .fonts-box .fonts-inner .f-ecja,.salad-wrapper .main-textbox .work1-textinner .cf-wrapper .fonts-box .fonts-inner .f-ecja,.sp-site-wrapper .main-textbox .work1-textinner .cf-wrapper .fonts-box .fonts-inner .f-ecja{font-family:"Noto Serif JP",serif;font-size:30px;text-align:center;padding-top:20px}@media (max-width:680px){.design-wrapper .main-textbox .work1-textinner .cf-wrapper .fonts-box .fonts-inner .f-ecja,.ec-site-wrapper .main-textbox .work1-textinner .cf-wrapper .fonts-box .fonts-inner .f-ecja,.salad-wrapper .main-textbox .work1-textinner .cf-wrapper .fonts-box .fonts-inner .f-ecja,.sp-site-wrapper .main-textbox .work1-textinner .cf-wrapper .fonts-box .fonts-inner .f-ecja{padding:0}}.design-wrapper .main-textbox .work1-textinner .cf-wrapper .fonts-box .fonts-inner .fonts-name,.ec-site-wrapper .main-textbox .work1-textinner .cf-wrapper .fonts-box .fonts-inner .fonts-name,.salad-wrapper .main-textbox .work1-textinner .cf-wrapper .fonts-box .fonts-inner .fonts-name,.sp-site-wrapper .main-textbox .work1-textinner .cf-wrapper .fonts-box .fonts-inner .fonts-name{padding-top:20px}@media (max-width:680px){.design-wrapper .main-textbox .work1-textinner .cf-wrapper .fonts-box .fonts-inner .fonts-name,.ec-site-wrapper .main-textbox .work1-textinner .cf-wrapper .fonts-box .fonts-inner .fonts-name,.salad-wrapper .main-textbox .work1-textinner .cf-wrapper .fonts-box .fonts-inner .fonts-name,.sp-site-wrapper .main-textbox .work1-textinner .cf-wrapper .fonts-box .fonts-inner .fonts-name{font-size:14px}}.design-wrapper .main-textbox .work1-textinner .cf-wrapper .fonts-box .f-text,.ec-site-wrapper .main-textbox .work1-textinner .cf-wrapper .fonts-box .f-text,.salad-wrapper .main-textbox .work1-textinner .cf-wrapper .fonts-box .f-text,.sp-site-wrapper .main-textbox .work1-textinner .cf-wrapper .fonts-box .f-text{font-size:14px;padding:0 20px;font-family:"BIZ UDGothic",sans-serif;text-indent:0}.design-wrapper .main-textbox .work1-textinner .cf-wrapper .fonts-boxsp,.ec-site-wrapper .main-textbox .work1-textinner .cf-wrapper .fonts-boxsp,.salad-wrapper .main-textbox .work1-textinner .cf-wrapper .fonts-boxsp,.sp-site-wrapper .main-textbox .work1-textinner .cf-wrapper .fonts-boxsp{width:50%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:30px}@media (max-width:680px){.design-wrapper .main-textbox .work1-textinner .cf-wrapper .fonts-boxsp,.ec-site-wrapper .main-textbox .work1-textinner .cf-wrapper .fonts-boxsp,.salad-wrapper .main-textbox .work1-textinner .cf-wrapper .fonts-boxsp,.sp-site-wrapper .main-textbox .work1-textinner .cf-wrapper .fonts-boxsp{margin-top:120px}}.design-wrapper .main-textbox .work1-textinner .cf-wrapper .fonts-boxsp .f-sp,.ec-site-wrapper .main-textbox .work1-textinner .cf-wrapper .fonts-boxsp .f-sp,.salad-wrapper .main-textbox .work1-textinner .cf-wrapper .fonts-boxsp .f-sp,.sp-site-wrapper .main-textbox .work1-textinner .cf-wrapper .fonts-boxsp .f-sp{font-family:"Zen Maru Gothic",sans-serif;font-size:30px;text-align:center;padding-top:20px}.design-wrapper .main-textbox .work1-textinner .cf-wrapper .fonts-boxsp .fonts-name,.ec-site-wrapper .main-textbox .work1-textinner .cf-wrapper .fonts-boxsp .fonts-name,.salad-wrapper .main-textbox .work1-textinner .cf-wrapper .fonts-boxsp .fonts-name,.sp-site-wrapper .main-textbox .work1-textinner .cf-wrapper .fonts-boxsp .fonts-name{padding-top:20px;text-align:center}.design-wrapper .main-textbox .work1-textinner .cf-wrapper .fonts-boxsp .f-text,.ec-site-wrapper .main-textbox .work1-textinner .cf-wrapper .fonts-boxsp .f-text,.salad-wrapper .main-textbox .work1-textinner .cf-wrapper .fonts-boxsp .f-text,.sp-site-wrapper .main-textbox .work1-textinner .cf-wrapper .fonts-boxsp .f-text{font-size:14px;padding:0 20px;font-family:"BIZ UDGothic",sans-serif;text-indent:0;margin:30px 0 20px}.comp-box{width:60%;margin:0 auto 100px}@media (max-width:680px){.comp-box{width:100%}}.comp-box img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.comp-box p{font-family:"BIZ UDGothic",sans-serif;color:#353535;margin-bottom:10px}@media (max-width:680px){.comp-box p{font-size:14px}}.cap-wrapper{width:80%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin:0 auto 50px}.cap-wrapper .cap-boxpc{width:65%;height:65%}@media (max-width:680px){.cap-wrapper .cap-boxpc{margin:0 20px}}.cap-wrapper .cap-boxsp{width:170px}.mfriendly-box{width:600px;height:350px;margin:0 auto 20px}@media (max-width:680px){.mfriendly-box{width:200px;height:100px}}.banner-wrapper{max-width:100%;margin:80px auto 100px;padding:0 120px}@media (max-width:1200px){.banner-wrapper{padding:0 20px}}.banner-wrapper h2{text-align:center;margin:0 auto 20px;font-size:30px;font-family:"M PLUS Rounded 1c",sans-serif}@media (max-width:680px){.banner-wrapper h2{font-size:18px}}.bannerbox-wrapper{max-width:1000px;margin:0 auto 100px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:60px}@media (max-width:680px){.bannerbox-wrapper{display:block;width:100%}}.bannerbox-wrapper .banner-box{width:calc((100% - 250px) / 2);margin:0 auto 60px;font-family:"M PLUS Rounded 1c",sans-serif;letter-spacing:0.5px}@media (max-width:680px){.bannerbox-wrapper .banner-box{width:100%}}.bannerbox-wrapper .banner-box h3{font-size:24px}@media (max-width:680px){.bannerbox-wrapper .banner-box h3{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:0 auto;margin-bottom:10px;font-size:16px}}.bannerbox-wrapper .banner-box .pc{width:336px;height:280px}@media (max-width:680px){.bannerbox-wrapper .banner-box .pc{margin:0 auto}}.bannerbox-wrapper .banner-box .sp{width:320px;height:280px}@media (max-width:680px){.bannerbox-wrapper .banner-box .sp{margin:0 auto;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}}.bannerbox-wrapper .banner-box .banner-info{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:20px 0}.bannerbox-wrapper .banner-box .banner-info dt{width:40%;padding:10px;margin-bottom:10px;font-weight:bold}@media (max-width:680px){.bannerbox-wrapper .banner-box .banner-info dt{font-size:14px}}.bannerbox-wrapper .banner-box .banner-info dd{width:60%;padding:10px;margin-bottom:10px;font-size:14px}@media (max-width:680px){.bannerbox-wrapper .banner-box .banner-info dd{font-size:14px}}.bannerbox-wrapper .banner-box .banner-info dd .color-4{background-color:#fff;border:1px solid #000}.bannerbox-wrapper .banner-box .banner-info dd span{width:15px;height:15px;display:inline-block;margin:0 10px 0 20px}.bannerbox-wrapper .banner-box .banner-info dd span:first-of-type{margin-left:0}.bannerbox-wrapper .banner-box .banner-info dd span.color-5{border:1px solid #000}.codepen-wrapper{margin:80px auto 100px;padding:0 120px}@media (max-width:1200px){.codepen-wrapper{padding:0 20px}}.codepen-wrapper h2{text-align:center;margin:0 auto 20px;font-family:"M PLUS Rounded 1c",sans-serif;font-size:30px}@media (max-width:680px){.codepen-wrapper h2{font-size:18px}}.codepen-box{width:100%;margin:0 auto 100px;padding:30px;font-family:"BIZ UDGothic",sans-serif;padding:20px}@media (max-width:680px){.codepen-box{padding:0}}.codepen-box .codepen-text{width:70%;line-height:1.5;margin:0 auto 20px;padding:20px}@media (max-width:1200px){.codepen-box .codepen-text{width:100%}}@media (max-width:680px){.codepen-box .codepen-text{padding:0}}.codepen-box .codepen-text h3{margin-bottom:20px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;background-image:linear-gradient(79deg,rgb(135,175,132),rgb(183,202,37));-webkit-background-clip:text;color:transparent}@media (max-width:680px){.codepen-box .codepen-text h3{font-size:16px}}.codepen-box .codepen-text span{font-size:18px;background:-webkit-gradient(linear,left top,left bottom,color-stop(40%,transparent),color-stop(40%,#d2e5f7));background:linear-gradient(transparent 40%,#d2e5f7 40%)}@media (max-width:680px){.codepen-box .codepen-text span{font-size:14px}}.codepen-box .codepen-text p{text-indent:-1em;padding-left:1em}@media (max-width:680px){.codepen-box .codepen-text p{font-size:14px}}.cp_embed_wrapper{width:70%;margin:0 auto}@media (max-width:1200px){.cp_embed_wrapper{width:100%}}.timeline-wrapper{margin:80px auto 100px;padding:0 120px}@media (max-width:680px){.timeline-wrapper{padding:0}}.timeline-wrapper>h2{text-align:center;margin:0 auto 20px;font-family:"M PLUS Rounded 1c",sans-serif;font-size:30px;font-weight:bold;text-align:center}@media (max-width:680px){.timeline-wrapper>h2{font-size:18px}}.about-wrapper{max-width:90%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin:0 auto 50px}@media (max-width:1200px){.about-wrapper{display:block}}.about-box,.motto-box,.vision-box{width:30%;border-radius:5px;padding:20px}.about-box img,.motto-box img,.vision-box img{border-radius:11% 89% 10% 90%/91% 14% 86% 9%}.about-box p,.motto-box p,.vision-box p{margin-bottom:20px}@media (max-width:1200px){.about-box,.motto-box,.vision-box{width:100%}}@media (max-width:680px){.about-box,.motto-box,.vision-box{margin:0 auto 30px}}.about-box .title,.motto-box .title,.vision-box .title{width:-webkit-max-content;width:-moz-max-content;width:max-content;font-size:28px;font-family:"M PLUS Rounded 1c",sans-serif;letter-spacing:0.2em;border-bottom:1px solid #000;padding:10px 0 2px 10px;margin-bottom:30px}@media (max-width:680px){.about-box .title,.motto-box .title,.vision-box .title{font-size:18px;margin-bottom:18px;padding:0 0 2px 0}}.about-box span,.motto-box span,.vision-box span{background:-webkit-gradient(linear,left top,left bottom,color-stop(40%,transparent),color-stop(40%,#dfe0de));background:linear-gradient(transparent 40%,#dfe0de 40%)}@media (max-width:680px){.about-box span,.motto-box span,.vision-box span{font-size:14px}}.about-box h3,.motto-box h3,.vision-box h3{font-size:18px;font-family:"BIZ UDGothic",sans-serif;margin-bottom:28px;margin-bottom:18px}.about-box p,.motto-box p,.vision-box p{font-size:16px;font-family:"BIZ UDGothic",sans-serif;letter-spacing:1.2px;color:#353535;line-height:1.8}@media (max-width:680px){.about-box p,.motto-box p,.vision-box p{font-size:14px}}.relationship{width:70%;margin:0 auto 30px}.relationship h2{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;font-size:28px;font-family:"M PLUS Rounded 1c",sans-serif;letter-spacing:0.2em;border-bottom:1px solid #000;padding:10px 0 2px 10px;margin-bottom:30px}@media (max-width:680px){.relationship h2{font-size:18px;margin-bottom:20px}}.relationship p{font-size:16px;font-family:"BIZ UDGothic",sans-serif;letter-spacing:1.2px;color:#353535;line-height:1.8}@media (max-width:680px){.relationship p{font-size:14px}}.skill-wrapper{max-width:100%;margin:80px auto 100px;padding:0 120px}@media (max-width:680px){.skill-wrapper{padding:0 20px}}.skill-wrapper h2{text-align:center;margin:0 auto 20px;font-family:"M PLUS Rounded 1c",sans-serif;font-size:30px}@media (max-width:680px){.skill-wrapper h2{font-size:18px}}.skill-wrapper .skill>h3{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;text-align:center;font-family:"M PLUS Rounded 1c",sans-serif;font-size:20px;margin:0 auto;background:-webkit-gradient(linear,left top,left bottom,color-stop(40%,transparent),color-stop(40%,#dfe0de));background:linear-gradient(transparent 40%,#dfe0de 40%)}@media (max-width:680px){.skill-wrapper .skill>h3{font-size:16px}}.skill-wrapper .skills-box{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:40px 0 50px;padding:20px}@media (max-width:680px){.skill-wrapper .skills-box{display:block;padding:0}}.skill-wrapper .skills-inner1,.skill-wrapper .skills-inner2,.skill-wrapper .skills-inner3{color:#353535;padding:5%;width:350px;height:350px;margin:0 -15px;mix-blend-mode:multiply}@media (max-width:680px){.skill-wrapper .skills-inner1,.skill-wrapper .skills-inner2,.skill-wrapper .skills-inner3{width:300px;height:300px;margin:-20px auto;padding:10%}}.skill-wrapper div[class^=skills-inner] h4{text-align:center;font-size:16px;font-family:"M PLUS Rounded 1c",sans-serif}@media (max-width:680px){.skill-wrapper div[class^=skills-inner] h4{font-size:14px}}.skill-wrapper div[class^=skills-inner] p{font-family:"BIZ UDGothic",sans-serif;font-size:13px;margin-top:16px;line-height:2}@media (max-width:680px){.skill-wrapper div[class^=skills-inner] p{font-size:13px}}.skill-wrapper .skills-inner1{background:#f8f0ed;border-radius:50%}.skill-wrapper .skills-inner2{background:#e5ebe8;border-radius:80%;margin:-30px 0 0 0}@media (max-width:680px){.skill-wrapper .skills-inner2{margin:0 auto}}.skill-wrapper .skills-inner3{background:#d7dde4;border-radius:50%}.skill-wrapper .skill{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap}@media (max-width:680px){.skill-wrapper .skill{display:block}}.skill-wrapper .skill .skill-box{width:45%;background-color:#fff;margin-bottom:120px;padding:20px;border-radius:10px}@media (max-width:680px){.skill-wrapper .skill .skill-box{width:100%}}.skill-wrapper .skill .skill-box .skill-ttl{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.skill-wrapper .skill .skill-box .skill-ttl h3{font-family:"M PLUS Rounded 1c",sans-serif;margin-left:10px}.skill-wrapper .skill .skill-box .skill-text{margin:40px 0;line-height:2;font-family:"BIZ UDGothic",sans-serif}@media (max-width:680px){.skill-wrapper .skill .skill-box .skill-text{font-size:14px}}.skill-wrapper .skill .skill-ttl>img{width:50px;height:50px}@media (max-width:680px){.skill-wrapper .skill .skill-ttl>img{width:25px;height:25px}}.skill-wrapper .skill .jquery{width:15%;margin:0 10px}.skill-wrapper .skill .php{width:15%}.skill-wrapper .skill .check-text img{width:16px;height:16px;margin:0 10px 5px 0}@media (max-width:680px){.skill-wrapper .skill .check-text img{width:15px;height:15px}}.skill-wrapper .skill .check-text p{margin-bottom:8px;font-family:"M PLUS Rounded 1c",sans-serif}@media (max-width:680px){.skill-wrapper .skill .check-text p{font-size:14px;text-indent:-2em;padding-left:2em}}
/*# sourceMappingURL=style.css.map */