@charset "UTF-8";body{margin:0;padding:0;font-family:"source-han-sans-japanese",sans-serif;color:#3e4141;font-size:1rem}#wrapper{position:relative;width:100%;height:100%}#hero{width:100%;padding:30px 0 0;background:url(//www.design24c.com/renew_2023/wp-content/themes/design24c/assets/css/../images/bg-hero.svg) center bottom no-repeat;background-size:100%;box-sizing:border-box}#hero .inner-logo{width:740px;margin:0 auto;box-sizing:border-box}#hero .inner-logo img{width:100%;height:auto}#hero .inner-paragraph{margin-top:25px}#hero .inner-paragraph p{font-size:.8rem;text-align:center;line-height:1.8;letter-spacing:.15rem}@media screen and (max-width:834px){#hero .inner-logo{width:500px}#hero .inner-paragraph{padding:0 20px}}@media screen and (max-width:600px){#hero{padding:60px 0 0}#hero .inner-logo{width:75vw}#hero .inner-paragraph{padding:0 35px}}.navi_pc{display:inline-block;width:100%;margin:0 auto 40px auto;text-align:center}.navi_pc ul{display:flex;flex-flow:row wrap;justify-content:center}.navi_pc ul li{position:relative;padding:0 20px}.navi_pc ul li:not(:last-child):after{content:url(//www.design24c.com/renew_2023/wp-content/themes/design24c/assets/css/../images/navi/spacer.svg);position:absolute;top:13px;right:-7px;margin:auto;transform:translate(-50%,-50%);-webkit-transform:translateY(-50%,-50%);-ms-transform:translateY(-50%,-50%)}@media screen and (max-width:834px){.navi_pc{display:none}}.navi_pc ul li img{transition:1s all}.navi_pc ul li img:hover{transform:scale(1.2,1.2);transition:.2s all}#service{width:100%}#service .inner-intro{width:1200px;margin:120px auto 0 auto;display:flex;flex-flow:row wrap;justify-content:space-between}#service .inner-intro .sec-pct{width:615px;padding:0 75px 50px 0;background:url(//www.design24c.com/renew_2023/wp-content/themes/design24c/assets/css/../images/bg-service-pct.svg) right bottom no-repeat;box-sizing:border-box}#service .inner-intro .sec-pct img{box-shadow:9px 9px 10px -5px #888}#service .inner-intro .sec-desc{width:500px}@media screen and (max-width:1350px){#service .inner-intro{width:70%;margin:110px auto 0 auto}#service .inner-intro .sec-pct{width:50%;padding:0 35px 30px 0;background-size:360px 310px}#service .inner-intro .sec-desc{width:43%}#service .inner-intro .sec-pct img{width:100%;height:auto}}@media screen and (max-width:1200px){#service .inner-intro .sec-pct{width:50%;padding:0;background:0 0}}@media screen and (max-width:834px){#service .inner-intro{width:100%;margin:70px auto 0 auto;padding:0 35px;box-sizing:border-box}#service .inner-intro .sec-pct{width:90%;margin:0 auto;padding:0 0 30px}#service .inner-intro .sec-desc{width:100%;margin-top:80px}}#service .inner-intro h1 img{width:269px;height:63px}@media screen and (max-width:834px){#service .inner-intro h1 img{width:215px;height:50px}}#service .inner-intro h2{position:relative;margin:25px 0 0;padding:0 0 0 25px;font-size:20px;letter-spacing:.05rem}#service .inner-intro h2:before{content:url(//www.design24c.com/renew_2023/wp-content/themes/design24c/assets/css/../images/section-ttl-jp-left.svg);position:absolute;top:5px;left:10px;margin:auto;transform:translate(-50%,-50%);-webkit-transform:translateY(-50%,-50%);-ms-transform:translateY(-50%,-50%)}#service .inner-intro p{padding:40px 0;font-size:.9rem;line-height:1.8;letter-spacing:.05rem;background:url(//www.design24c.com/renew_2023/wp-content/themes/design24c/assets/css/../images/bg-service-desc.gif) right bottom no-repeat}#service .inner-intro p a{color:#0bbbd0;text-decoration:underline}#service .inner-list{width:760px;margin:70px auto -50px auto;display:flex;flex-flow:row wrap;justify-content:space-between}#service .inner-list div{width:230px}#service .inner-list h2{display:inline-block;width:100%;padding:25px 35px 20px;margin-bottom:10px;border-top:2px solid #dbe1e1;border-left:2px solid #dbe1e1;border-right:2px solid #dbe1e1;box-sizing:border-box;border-radius:7px 7px 0 0}#service .inner-list ul li{padding:10px 0;font-size:.85rem}@media screen and (max-width:775px){#service .inner-list{width:100%;padding:0 35px;box-sizing:border-box}#service .inner-list div{width:30%}}@media screen and (max-width:600px){#service .inner-list{margin:20px auto 0 auto}#service .inner-list div{width:100%;margin-top:30px}#service .inner-list ul li{padding:6px 0}}#works{width:100%;margin:60px 0 0;background-color:#d4dada;background-image:url(//www.design24c.com/renew_2023/wp-content/themes/design24c/assets/css/../images/bg-works.svg),url(//www.design24c.com/renew_2023/wp-content/themes/design24c/assets/css/../images/bg-works-02.svg);background-size:100%,100%;background-repeat:no-repeat,no-repeat;background-position:top,bottom}#works .inner{width:1200px;margin:0 auto;padding:100px 0 0;display:flex;flex-flow:row wrap;justify-content:space-between}@media screen and (max-width:1350px){#works .inner{width:70%}}@media screen and (max-width:834px){#works .inner{width:100%;margin:100px 0 0;padding:0 35px;box-sizing:border-box}}#works ul.works-list{display:flex;flex-flow:row wrap;justify-content:space-between}#works ul.works-list>li{width:47%;vertical-align:top}#works ul.works-list>li.sec-ttl{padding:50px 0}#works ul.works-list>li:nth-child(2){margin:150px 0 40px}#works ul.works-list>li:nth-child(4),#works ul.works-list>li:nth-child(6){margin:0 0 40px}#works ul.works-list>li:nth-child(3),#works ul.works-list>li:nth-child(5),#works ul.works-list>li:nth-child(7){margin:-150px 0 0}@media screen and (max-width:834px){#works ul.works-list>li{width:100%}#works ul.works-list>li:nth-child(2),#works ul.works-list>li:nth-child(4),#works ul.works-list>li:nth-child(6),#works ul.works-list>li:nth-child(3),#works ul.works-list>li:nth-child(5),#works ul.works-list>li:nth-child(7){margin:0 0 40px}}#works .inner li.sec-ttl h1 img{width:258px;height:63px}@media screen and (max-width:834px){#works .inner li.sec-ttl h1 img{width:206px;height:50px}}#works .inner li.sec-ttl h2{position:relative;margin:25px 0;padding:0 0 0 25px;font-size:20px;letter-spacing:.05rem}#works .inner li.sec-ttl h2:before{content:url(//www.design24c.com/renew_2023/wp-content/themes/design24c/assets/css/../images/section-ttl-jp-left.svg);position:absolute;top:5px;left:10px;margin:auto;transform:translate(-50%,-50%);-webkit-transform:translateY(-50%,-50%);-ms-transform:translateY(-50%,-50%)}#works .inner li.sec-ttl p{padding:0 0 25px;font-size:.9rem;line-height:1.8;letter-spacing:.05rem}#works .inner li.block-portfolio-wrapper{filter:drop-shadow(0px 0px 4px rgba(139,139,139,.6))}#works .inner li.block-portfolio-wrapper a{display:block;width:100%}#works .inner .portfolio-head{width:100%}#works .inner .portfolio-head img{width:100%;height:auto}#works .inner .portfolio-desc{width:100%;padding:0 25px 25px;background-color:#fff;box-sizing:border-box}#works .inner .portfolio-desc img{width:100%;height:auto}#works .inner .portfolio-desc h3{margin:15px 0 10px;font-size:1.1rem}#works .inner .portfolio-desc p{font-size:.85rem;line-height:1.5}@media screen and (max-width:834px){#works .inner .block-portfolio{width:100%}}#works .inner ul.works-category{width:100%;margin:10px -3px 0;display:flex;flex-flow:row wrap;justify-content:flex-start}#works .inner ul.works-category>li{display:inline-block;margin:3px;color:#fff;font-size:.75rem;text-align:center}#works .inner ul.works-category>li .cat_design,#works .inner ul.works-category>li .cat_coding,#works .inner ul.works-category>li .cat_wordpress,#works .inner ul.works-category>li .cat_lp,#works .inner ul.works-category>li .cat_graphic,#works .inner ul.works-category>li .cat_shop{display:block;padding:8px 15px;border-radius:3px}#works .inner ul.works-category>li .cat_design{background-color:#a7bf5c}#works .inner ul.works-category>li .cat_coding{background-color:#90a8b0}#works .inner ul.works-category>li .cat_wordpress{background-color:#a09b8d}#works .inner ul.works-category>li .cat_lp{background-color:#e398b1}#works .inner ul.works-category>li .cat_graphic{background-color:#b1a074}#works .inner ul.works-category>li .cat_shop{background-color:#8f76a7}.btn-portfolio{margin:0 0 40px}.btn{position:relative;text-align:center;padding:20px 90px 20px 50px;font-size:1rem;letter-spacing:.05rem;color:#fff;cursor:pointer;background:#65a4b2 url(//www.design24c.com/renew_2023/wp-content/themes/design24c/assets/css/../images/btn-arrow.svg) right 50px center no-repeat;background-size:22px auto;user-select:none;-webkit-user-select:none;touch-action:manipulation}.btn:after{position:absolute;content:"";width:100%;height:100%;top:7px;left:7px;border:1px solid #8b8f8f;z-index:-1;transition:.2s}.btn:hover:after{top:0;left:0}.btn-back{position:relative;text-align:center;padding:20px 50px 20px 90px;font-size:1rem;letter-spacing:.05rem;color:#fff;cursor:pointer;background:#555 url(//www.design24c.com/renew_2023/wp-content/themes/design24c/assets/css/../images/btn-arrow-op.svg) left 50px center no-repeat;background-size:22px auto;user-select:none;-webkit-user-select:none;touch-action:manipulation}@media screen and (max-width:834px){.btn{width:100%;padding:20px 0}.btn-back{width:100%;padding:20px 0;background:#555 url(//www.design24c.com/renew_2023/wp-content/themes/design24c/assets/css/../images/btn-arrow-op.svg) right 50px center no-repeat;background-size:22px auto}}#about{width:100%;margin-top:90px}#about .inner{width:1200px;margin:0 auto;display:flex;flex-flow:row wrap;justify-content:space-between;background:url(//www.design24c.com/renew_2023/wp-content/themes/design24c/assets/css/../images/bg-about.png) right 20% top 30px no-repeat;background-size:contain}#about .inner .sec-desc{width:500px;order:2}#about .inner .sec-pct{width:615px;order:1;padding:230px 0 110px;text-align:right}@media screen and (max-width:1350px){#about .inner{width:70%}#about .inner .sec-desc{width:43%}#about .inner .sec-pct{width:50%;padding:230px 0 110px}}@media screen and (max-width:1200px){#about .inner .sec-pct{width:50%;padding:230px 0 110px}}@media screen and (max-width:834px){#about{margin:0 0 70px}#about .inner{width:100%;margin:0;padding:0 35px;box-sizing:border-box;background:url(//www.design24c.com/renew_2023/wp-content/themes/design24c/assets/css/../images/bg-about.png) center top 230px no-repeat;background-size:220%}#about .inner .sec-desc{width:100%;order:1;margin:80px 0 60px}#about .inner .sec-pct{width:70%;order:2;padding:0;margin:0 auto}#about .inner .sec-pct img{width:100%;height:auto}}#about .inner h1 img{width:239px;height:63px}@media screen and (max-width:834px){#about .inner h1 img{width:191px;height:50px}}#about .inner .sec-desc h2{position:relative;margin:25px 0 0;padding:0 0 0 25px;font-size:20px;letter-spacing:.05rem}#about .inner .sec-desc h2:before{content:url(//www.design24c.com/renew_2023/wp-content/themes/design24c/assets/css/../images/section-ttl-jp-left.svg);position:absolute;top:5px;left:10px;margin:auto;transform:translate(-50%,-50%);-webkit-transform:translateY(-50%,-50%);-ms-transform:translateY(-50%,-50%)}#about .inner .sec-p-block{margin-top:40px}#about .inner .sec-desc p{margin-bottom:25px;font-size:.9rem;line-height:1.8;letter-spacing:.05rem}#about .inner ul.sec-sns-block{margin:0 -15px;display:flex;flex-flow:row wrap}#about .inner ul.sec-sns-block li{margin:0 15px 15px}#about .inner ul.sec-sns-block li:nth-child(1){width:124px}#about .inner ul.sec-sns-block li:nth-child(2){width:120px}#about .inner ul.sec-sns-block li img{width:100%;height:auto;transition:1s all}#about .inner ul.sec-sns-block li img:hover{transform:scale(1.1,1.1);transition:.2s all}#contact{width:100%;margin:90px 0 0;background-color:#948f88;background-image:url(//www.design24c.com/renew_2023/wp-content/themes/design24c/assets/css/../images/bg-works.svg);background-size:100%;background-repeat:no-repeat;background-position:top}#contact .inner{width:1200px;margin:0 auto;padding:30px 0 230px}@media screen and (max-width:1350px){#contact .inner{width:70%}}@media screen and (max-width:834px){#contact .inner{width:100%;margin:0;padding:0 35px;box-sizing:border-box}}#contact .inner h1 img{width:306px;height:64px}@media screen and (max-width:834px){#contact .inner h1 img{width:244px;height:50px}}#contact .inner .sec-ttl h2{position:relative;margin:25px 0 0;padding:0 0 0 25px;font-size:20px;color:#fff;letter-spacing:.05rem}#contact .inner .sec-ttl h2:before{content:url(//www.design24c.com/renew_2023/wp-content/themes/design24c/assets/css/../images/section-ttl-jp-left-wh.svg);position:absolute;top:5px;left:10px;margin:auto;transform:translate(-50%,-50%);-webkit-transform:translateY(-50%,-50%);-ms-transform:translateY(-50%,-50%)}#contact .inner .sec-ttl p{padding:40px 0;font-size:.9rem;color:#fff;line-height:1.8;letter-spacing:.05rem}#contact .inner table.table-form{width:70%}#contact .inner table.table-form th{width:30%;padding:10px 0;color:#fff;font-weight:400}#contact .inner table.table-form td{width:70%;padding:10px 0}.required{color:#26dccf}@media screen and (max-width:1065px){#contact .inner table.table-form{width:100%}#contact .inner table.table-form th,#contact .inner table.table-form td{display:block;width:100%}}input[type=text],textarea{width:100%;padding:13px;border:none;border-radius:5px;background-color:#fff;box-sizing:border-box}input[type=submit],input[type=button]{border:1px solid #fff}#aside_pc{position:fixed;display:inline;top:calc(50% - 84px);right:30px}#aside_pc ul{margin:0;padding:0}#aside_pc ul li{margin:0;padding:10px 0}#aside_pc ul li img{transition:1s all}#aside_pc ul li img:hover{transform:scale(1.2,1.2);transition:.2s all}@media screen and (max-width:834px){#aside_pc{display:none}}#copyright_pc{position:fixed;display:inline;top:calc(50% - 146px);left:30px}@media screen and (max-width:834px){#copyright_pc{display:none}}#footer{display:none}@media screen and (max-width:834px){#footer{display:block;width:100%;padding:40px 35px;background-color:#948f88;box-sizing:border-box}#footer ul.ftr-sns{margin:30px 0 15px;text-align:center;display:flex;flex-flow:row wrap;justify-content:center}#footer ul.ftr-sns li{padding:0 10px}#footer ul.ftr-sns img{vertical-align:text-top}#footer p{text-align:center}}@media screen and (max-width:300px){#footer p img{width:100%;height:auto}}@media screen and (min-width:834px){#g-nav{display:none}}@media screen and (max-width:834px){#g-nav{position:fixed;z-index:999;top:-120%;left:0;width:100%;height:100vh;background:#c9e6e6;transition:all .6s}#g-nav.panelactive{top:0}#g-nav.panelactive #g-nav-list{position:fixed;z-index:999;width:100%;height:100vh;overflow:auto;-webkit-overflow-scrolling:touch}#g-nav ul{position:absolute;z-index:999;top:50%;left:50%;transform:translate(-50%,-50%)}#g-nav li{list-style:none;text-align:center;margin:5px 0}#g-nav li a{color:#333;text-decoration:none;padding:10px;display:block;letter-spacing:.1em}.openbtn1{position:fixed;z-index:9999;top:10px;right:10px;cursor:pointer;width:50px;height:50px}.openbtn1 span{display:inline-block;transition:all .4s;position:absolute;left:14px;height:3px;border-radius:2px;background-color:#3e4141;width:45%}.openbtn1 span:nth-of-type(1){top:15px}.openbtn1 span:nth-of-type(2){top:23px}.openbtn1 span:nth-of-type(3){top:31px}.openbtn1.active span:nth-of-type(1){top:18px;left:18px;transform:translateY(6px) rotate(-45deg);width:30%}.openbtn1.active span:nth-of-type(2){opacity:0}.openbtn1.active span:nth-of-type(3){top:30px;left:18px;transform:translateY(-6px) rotate(45deg);width:30%}}#loading{position:relative;width:100%;height:100vh;background-color:#fff;z-index:99999}#loading img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hidden{display:none}