.ut{overflow:hidden;position:relative}.mv_under{width:90%;max-width:1425px;margin:0 auto;padding:100px 0;box-sizing:border-box}.mv_under .u_sub_catch{font-size:1.4rem;color:#757075;position:relative;padding-left:40px;box-sizing:border-box}.mv_under .u_sub_catch:before{content:"";width:20px;height:1px;background:#ddd;position:absolute;left:0;top:12px}.mv_under .u_catch{font-size:5rem;font-family:"fm",sans-serif;font-weight:700}.mv_under .u_catch span{display:inline}.under_logo{width:90%;max-width:1425px;margin:0 auto;text-align:left;padding:30px 0;box-sizing:border-box}.under_logo img{max-width:150px}.under_logo a{display:block}.under_ct,.contact,.under_ct,.works{width:90%;max-width:1425px;margin:0 auto}.under_ct,.works{width:90%;max-width:1425px;margin:0 auto;padding:0}.line2:before{background:linear-gradient(to right,#f7f7f5 0%,#fff 50%,#f7f7f5 100%)}.line2:after{background:linear-gradient(to right,#ddd 0%,#f3f2f2 50%,#ddd 100%);transition:1.5s cubic-bezier(.22,1,.36,1)}.line2.is-active:after{width:100%}.line2.is-active:before{opacity:1;transform:scale(50)}.page_ct_under{position:relative;opacity:0;top:-30px;transition:.5s cubic-bezier(.22,1,.36,1)}.page_ct_under.is-active{opacity:1;top:0}.list_dl{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;align-items:stretch;width:100%;font-size:1.4rem}.list_dl dt,.list_dl dd{padding:20px 0;box-sizing:border-box;border-bottom:1px solid #e9ebed}.list_dl dt{font-weight:700;width:30%;min-width:200px}.list_dl dd{width:100%}.list_dl:last-of-type dt,.list_dl:last-of-type dd{border-bottom:none}.detail_ttl{font-family:"fm",sans-serif;font-size:2.4rem;font-weight:700;line-height:1}.detail{background:#f7f8fa;padding:20px 40px;box-sizing:border-box;font-family:"fm",sans-serif;position:relative;margin-top:-5px}.detail .ttl{position:relative}.detail .out_detail{padding-right:25px;box-sizing:border-box;background:url(//sugioka.biz/main/wp-content/themes/sugioka/css/../images/outlink.png) center right no-repeat;background-size:12px auto}.detail .ty{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;flex-wrap:wrap}.detail .ty li{margin-right:20px}.detail .wk{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;flex-wrap:wrap}.detail .wk li{padding:10px 0;margin-right:35px;padding-left:25px;box-sizing:border-box;line-height:1}.detail .wk .PLANNING{background:url(//sugioka.biz/main/wp-content/themes/sugioka/css/../images/plan.png) center left no-repeat;background-size:18px auto}.detail .wk .DIRECTION{background:url(//sugioka.biz/main/wp-content/themes/sugioka/css/../images/dire.png) center left no-repeat;background-size:18px auto}.detail .wk .DESIGN{background:url(//sugioka.biz/main/wp-content/themes/sugioka/css/../images/des.png) center left no-repeat;background-size:18px auto}.detail .wk .CORDING{background:url(//sugioka.biz/main/wp-content/themes/sugioka/css/../images/ic1.png) center left no-repeat;background-size:18px auto}.detail .wk .AMP{background:url(//sugioka.biz/main/wp-content/themes/sugioka/css/../images/amp.png) center left no-repeat;background-size:18px auto}.detail .wk .WORDPRESS{background:url(//sugioka.biz/main/wp-content/themes/sugioka/css/../images/wpic.png) center left no-repeat;background-size:18px auto}.detail .wk .SEO{background:url(//sugioka.biz/main/wp-content/themes/sugioka/css/../images/gr.png) center left no-repeat;background-size:18px auto}.pt_img100{margin-bottom:80px}.pt_img100 img{width:100%;box-shadow:0 0 5px #dee3e2}.btn_w_works{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin:60px 0 120px}.btn_w_works a{width:49%;padding:20px;position:relative;box-sizing:border-box}.btn_w_works a:before{font-family:"FontAwesome";content:"\f4eb";font-weight:900;position:absolute;right:40px;top:50%;font-size:16px;margin-top:-14px;transition:all .3s ease}.btn_w_works a:nth-of-type(1):before{content:"\f1d8"}.btn_w_works a:nth-of-type(2):before{content:"\e3af"}.ab1{margin-bottom:80px}.hobw{margin-bottom:100px}.about_top{border-bottom:1px solid #e5e5e5;padding-bottom:50px;box-sizing:border-box;margin-bottom:50px}.about_top .ttl{font-size:6rem;font-family:"fm",sans-serif;box-sizing:border-box;font-weight:700}.about_top .ttl .cen{color:#316fbf;padding:0 20px;box-sizing:border-box}.about_top .sub{font-size:1.8rem;font-weight:700;color:#555}.ttl_s{position:relative;padding-left:45px;font-size:2rem;font-family:"fm",sans-serif;font-weight:700;margin-bottom:20px}.ttl_s:before{content:"";width:30px;height:1px;left:0;top:15px;background:#777;position:absolute}.hob{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.hob .hob_bx{width:33%;position:relative;padding:20px;box-sizing:border-box;color:#fff}.hob .hob_bx:before{content:"";width:100%;height:100%;top:0;left:0;position:absolute;background:#006fc5;mix-blend-mode:hard-light}.hob .hob_bx:hover{background-size:120% auto}.hob .mou{background:url(//sugioka.biz/main/wp-content/themes/sugioka/css/../images/mou.jpg) center center/cover;background-size:110% auto;transition:1s cubic-bezier(.22,1,.36,1)}.hob .skate{background:url(//sugioka.biz/main/wp-content/themes/sugioka/css/../images/skate.jpg) center center/cover;background-size:110% auto;transition:1s cubic-bezier(.22,1,.36,1)}.hob .alc{background:url(//sugioka.biz/main/wp-content/themes/sugioka/css/../images/alc.jpg) center center/cover;background-size:110% auto;transition:1s cubic-bezier(.22,1,.36,1)}.hob .ttl{z-index:2;position:relative;padding:50px 0;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;align-items:center}.hob .ttl img{height:40px;width:auto;margin-right:10px;position:relative;top:-3px}.hob .ttl .ttll{font-family:"fm",sans-serif;font-size:3rem;letter-spacing:-3px;line-height:1}.hob .txt{z-index:2;position:relative}.skil_w{margin:80px 0 100px}.skbw{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.skbw .skb{width:22%}.skbw .skb .tls{text-align:center;font-weight:700;font-size:1.8rem;margin-bottom:10px}.skbw .skb .im{text-align:center;margin-bottom:10px}.skbw .skb .im img{max-height:100px;width:auto}.post_wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.side_menu{width:250px;max-width:250px;padding:0 20px;box-sizing:border-box;margin-bottom:30px}.side_menu .fl{background:#f9f8f7;margin-bottom:10px}.side_menu li{padding:2px 10px;box-sizing:border-box}.side_menu a{text-decoration:none;color:#333;font-size:1.4rem;position:relative;padding-left:25px;box-sizing:border-box;display:block}.side_menu a:before{content:"";height:1px;width:10px;position:absolute;background:#09418a;left:0;top:13px}.main{width:100%;padding-right:30px;box-sizing:border-box}.main .bx_w{margin:0 auto}.post_under_arc{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.post_under_arc a{width:31.3333%;margin-right:3%;text-decoration:none}.post_under_arc a:nth-of-type(3n){margin-right:0}.post_under_arc a:hover{box-shadow:none !important}.post_under_arc a .img_in{box-shadow:0 0 20px #dee3e2}.post_under_arc .img .txt_in .site_n{font-size:1.5rem;margin-bottom:5px}.post_under_arc .img .txt_in .site_c span{font-size:1.2rem}.info{padding:10px 0;box-sizing:border-box;font-size:1.6rem;color:#333}.info .tmi{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.info .ymd{display:block;background:url(//sugioka.biz/main/wp-content/themes/sugioka/css/../images/update.png) center left no-repeat;background-size:15px auto;padding-left:22px;box-sizing:border-box;font-size:1.4rem;font-weight:700}.info .ymd2{margin-left:20px;background:url(//sugioka.biz/main/wp-content/themes/sugioka/css/../images/update2.png) center left no-repeat;background-size:15px auto}.info_post{margin-bottom:40px}.info_post .single_ct{margin:20px 0 10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;flex-wrap:wrap}.info_post .single_ct a{display:block;text-decoration:none;color:#fff;padding:0 15px;margin-right:7px;margin-bottom:7px}.single_tag{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;flex-wrap:wrap}.single_tag a{text-decoration:none;padding:0 0 0 20px;margin-right:10px;font-size:1.4rem;color:#4c4949;background:url(//sugioka.biz/main/wp-content/themes/sugioka/css/../images/hash.png) center left no-repeat;background-size:15px auto}.ct_php_cord{background:#787ab3}.ct_wp_cord{background:#70a6ee}.ct_react{background:#00d8ff}.ct_html_cord{background:#e54d26}.ct_css_cord{background:#2aa9e0}.ct_js_cord{background:#c0d133}.ct_design{background:#a832a0}.single_ttl{padding:40px 0}.single_ttl .u_catch{font-size:4rem;letter-spacing:1px}.post_single h2{font-weight:700;font-size:clamp(2rem,1.744rem + .55vw,2.4rem);border-bottom:1px solid #e5e5e5;position:relative;padding-left:24px;box-sizing:border-box;padding-bottom:10px;margin-bottom:20px;margin-top:40px}.post_single h2:before{content:"";width:15px;height:15px;position:absolute;top:14px;left:0;border-radius:100%;background:#4270b9}.post_single h2:after{content:"";width:7px;height:7px;position:absolute;top:18px;left:4px;border-radius:100%;background:#fff;z-index:3}.post_single h2:nth-of-type(1){margin-top:0}.post_single h3{font-size:clamp(1.7rem,1.508rem + .41vw,2rem);box-sizing:border-box;margin-bottom:10px;margin-top:30px}.post_single h2+h3{margin-top:0}.post_single a[target=_blank]{position:relative;padding-right:22px;box-sizing:border-box}.post_single a[target=_blank]:after{content:"";position:absolute;width:14px;height:14px;top:3px;right:0;background:url(//sugioka.biz/main/wp-content/themes/sugioka/css/../images/arw_out.svg) center center/cover}h2.pts{font-weight:700;font-size:clamp(2rem,1.744rem + .55vw,2.4rem);border-bottom:1px solid #e5e5e5;position:relative;padding-left:24px;box-sizing:border-box;padding-bottom:10px;margin-bottom:20px;margin-top:40px}h2.pts:before{content:"";width:15px;height:15px;position:absolute;top:14px;left:0;border-radius:100%;background:#4270b9}h2.pts:after{content:"";width:7px;height:7px;position:absolute;top:18px;left:4px;border-radius:100%;background:#fff;z-index:3}time.ymd{font-size:1.4rem;font-weight:700}h2.pts:nth-of-type(1){margin-top:0}h3.pts{font-size:clamp(1.7rem,1.508rem + .41vw,2rem);box-sizing:border-box;margin-bottom:10px;margin-top:30px}h2.pts+h3.pts{margin-top:0}h4.pts{margin-bottom:10px}.code_area{background:#333;color:#fff;padding:20px;box-sizing:border-box;font-size:1.4rem;margin:10px 0;white-space:pre-wrap}.post_single p+h3{margin-top:40px;font-size:2rem;padding-bottom:10px;box-sizing:border-box;position:relative}.post_single ul{margin:20px 0;background:#f6f7f8;padding:15px 20px;box-sizing:border-box}.post_single ul li{margin-bottom:10px;position:relative;list-style-type:disc;margin-left:20px}.post_single ul li:last-of-type{margin-bottom:0}.post_single img{width:100%;height:auto;margin-bottom:20px}.atn{padding:15px 30px;box-sizing:border-box;background:#f6f6f4;margin:30px 0}.modtime:before{content:none}.atn1{background:#e5e5e5;padding:10px 20px;box-sizing:border-box;margin:10px 0}.wp-block-image.w100 img{width:100%}.youtube{width:100%;aspect-ratio:16/9}.youtube iframe{width:100%;height:100%}.toc_wrap{margin:40px 0;padding:30px;box-sizing:border-box;border:10px solid #e5e5e5}.toc_wrap .twt{font-size:clamp(2rem,1.615rem + .82vw,2.6rem);line-height:1;padding-left:0;padding-bottom:10px;margin-bottom:10px}.toc_wrap .twt:before,.toc_wrap .twt:after{content:none}.toc_wrap a{color:#333}.toc_wrap .olw{margin-left:20px}.toc_wrap .olw li{list-style-type:decimal}.toc_wrap .oli li{list-style-type:none;position:relative;padding-left:20px;box-sizing:border-box}.toc_wrap .oli li:before{position:absolute;left:0;top:9px;content:"";margin-right:0;width:10px;height:9px;background:url(//sugioka.biz/main/wp-content/themes/sugioka/css/../images/toc_arw.png) center center/cover}@media screen and (max-width:1079px){.hob{display:block}.hob .hob_bx{width:100%;padding:20px}.hob .ttl{padding:40px 0;font-size:1.4rem}.hob .ttl img{height:40px;width:auto;margin-right:10px;position:relative;top:-3px}.hob .ttl .ttll{font-family:"fm",sans-serif;font-size:2.4rem;letter-spacing:-3px;line-height:1}.hob .txt{z-index:2;position:relative}}@media screen and (max-width:1024px){.post_wrap{display:block}.main{padding-right:0}.side_menu{width:100%;max-width:none;padding:0;margin-bottom:30px}}@media screen and (max-width:695px){.under_logo{display:none}.mv_under .u_catch{font-size:3.2rem;margin-top:10px;letter-spacing:-3px}.mv_under .u_catch span{display:block}.mv_under .u_sub_catch:before{top:10px}.under_ct,.contact{width:87.5%}.detail{padding:10px 20px}.detail .out_detail{padding-right:15px;background:url(//sugioka.biz/main/wp-content/themes/sugioka/css/../images/outlink.png) center right no-repeat;background-size:12px auto}.detail .ty{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;flex-wrap:wrap}.detail .ty li{width:100%}.detail .wk{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;flex-wrap:wrap}.detail .wk li{padding:10px 0;margin-right:35px;padding-left:25px;box-sizing:border-box;line-height:1}.list_dl{display:block;font-size:1.4rem}.list_dl dt{padding:20px 0 0;width:100%;border-bottom:none}.list_dl dd{padding:10px 0 20px;width:100%;word-break:break-all}.detail_ttl{font-size:2rem}.btn_w_works{display:block;margin:30px 0 40px}.btn_w_works a{width:100%;margin-bottom:20px;padding:15px}.ab1{margin-bottom:80px}.hobw{margin-bottom:100px}.about_top{text-align:center;padding-bottom:20px;margin-bottom:20px}.about_top .ttl{line-height:1.2;font-size:3rem}.about_top .ttl .cen{display:block;padding:0}.about_top .sub{margin-top:20px;font-size:1.4rem}.ttl_s{padding-left:45px;font-size:1.8rem;margin-bottom:10px}.skbw{display:block}.skbw .skb{width:100%;margin-top:40px}.skbw .skb .tls{font-size:1.6rem;margin-bottom:5px}.skbw .skb .im img{max-height:75px;width:auto}.post_under_arc a{width:100%;margin-right:0}.post_under_arc a:nth-of-type(3n){margin-right:0}.btn_w_works a:before{right:25px;top:50%;font-size:12px;margin-top:-10px}.toc_wrap{padding:20px 15px;box-sizing:border-box;border:5px solid #e5e5e5}.toc_wrap .olw li{margin-top:3px;font-size:1.4rem}.toc_wrap .oli li{margin-top:3px;padding-left:14px;font-size:1.2rem}.toc_wrap .oli li:before{top:6px;margin-right:0;width:8px;height:7px}.side{margin-top:60px}.post_single .wp-block-image:nth-of-type(1),.post_single .toc_wrap{width:120%;position:relative;left:-10%}.post_single .toc_wrap{padding:20px 8.25%}.post_single h2:before{top:10px}.post_single h2:after{top:14px}}