@charset "UTF-8";*{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0}body,html{height:100%;font-family:sans-serif;line-height:1.3;-webkit-text-size-adjust:100%;font-family:"Klee One",san-serif}span.key{font-family:"Monda",san-serif;letter-spacing:0.5px}canvas,img,picture,svg,video{display:block;max-width:100%}img{width:100%;height:auto}button,input,select,textarea{font:inherit}a{text-decoration:none}section{padding:4rem 2rem}h1,h2,h3,h4{font-family:"Monda","Klee One",san-serif}h1{font-size:4rem;text-align:center;padding:2rem 0}h2{font-size:3rem;text-align:center}h3{font-size:2.4rem;text-align:center}h4{font-size:1.6rem;text-align:center}p{line-height:1.7;font-size:1.15rem;padding:0 2rem 1rem;letter-spacing:-1px}p.ls{letter-spacing:normal}ul{font-size:1rem}table{font-size:1rem}.center{text-align:center}.center-l{text-align:center}.br-pc{display:block}@media screen and (max-width:800px){section{padding:2rem 1rem}h1{font-size:2.8rem;text-align:center;padding:1rem}h2{font-size:2.2rem;text-align:center}h3{font-size:1.8rem;text-align:center}h4{font-size:1.2rem;text-align:center}.br-pc{display:none}p{line-height:1.7;font-size:1rem;padding:0 0 0.5rem}.center-l{text-align:left}}.header{font-family:"Monda","Klee One",san-serif;top:0;left:0;width:100%;height:100vh;overflow:hidden;background-repeat:no-repeat;background-size:cover;background-position:top center;background-image:url(https://www.sphere-design.jp/images/bg_img.jpg);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;position:fixed;z-index:0}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.arrow-bottom{animation:fadeIn 1s linear infinite alternate-reverse;position:absolute;z-index:3;right:0;left:0;bottom:50px;display:inline-block;width:30px;height:30px;margin:0 auto;border-bottom:5px solid #fff;border-right:5px solid #fff;-webkit-transform:rotate(45deg);transform:rotate(45deg)}@media screen and (max-width:559px){.header{background-image:url(https://www.sphere-design.jp/images/bg_img_sp.jpg)}.arrow-bottom{bottom:20%;width:20px;height:20px;border-bottom:2px solid #fff;border-right:2px solid #fff}}.g-header{position:fixed;top:0;left:0;right:0;z-index:999;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:10px;padding-bottom:10px;padding-right:2rem;padding-left:1rem;-webkit-transition:all 0.5s;transition:all 0.5s;font-family:"Monda","Klee One",san-serif}.g-header-logo{padding:0;position:relative;line-height:1}.g-header-logo img{-webkit-transition:all 0.5s;transition:all 0.5s;width:255px;height:42px}.g-header-logo .logo-blk{position:absolute;top:0;left:0;opacity:0}.g-nav-list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;font-size:1rem;list-style:none}.g-nav-list li{margin-right:1rem}.g-nav-list li:last-child{margin-right:0}.g-nav-list li:last-child a{border:1px solid #000;font-size:0.8rem;margin-left:1rem}.g-nav-list a{display:block;padding:0 0.5em;color:#000;font-weight:normal;text-align:center;text-decoration:none;line-height:1.6}.g-header.is-open,.g-header.scroll{padding-top:10px;padding-bottom:10px}.g-header.scroll:not(.is-open){background:#ffffff}.g-header.scroll:not(.is-open) .g-header-logo .logo-blk{opacity:1}.g-header.scroll:not(.is-open) .g-header-logo .logo-wht{opacity:0}#top .g-header .g-nav-list a{color:#ffffff}.menu-btn{display:none}@media screen and (max-width:1100px){.g-nav-list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}}@media screen and (min-width:960px){.pc-none{display:none}#top .g-header.scroll .g-nav-list li a{color:#000}.top-restaurant-list li:nth-child(5n){margin-right:0}}@media screen and (min-width:600px){.sp-only{display:none}}@media screen and (max-width:1024px){.inner .narrow-inner,.wide-inner .inner{padding-left:0;padding-right:0}}@media screen and (max-width:959px){.pc-only{display:none}.narrow-inner{padding:0 3.5%}.inner .narrow-inner{padding:0}.inner{padding-left:3.5%;padding-right:3.5%}.narrow-inner{padding-left:3.5%;padding-right:3.5%}.inner .narrow-inner,.wide-inner .inner,.wide-inner .narrow-inner{max-width:100%;padding-left:0;padding-right:0}.g-nav-list li:last-child{margin-right:0}.g-nav-list li:last-child a{border:none;font-size:1rem;margin-left:0}.g-header{-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:10px;padding-bottom:10px;padding-right:1.8rem}.g-header.is-open .logo-blk{opacity:1}.g-header.is-open .logo-wht{opacity:0}.g-header .g-nav{display:none;position:absolute;z-index:-1;top:0;left:0;right:0;padding:120px 3.5% 50px;background:#ffffff}.g-header .g-nav-list{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.g-header .g-nav-list li{width:48%;margin-right:0;border-bottom:1px solid #eae6e2}.g-header .g-nav-list li:nth-child(-n+2){border-top:1px solid #eae6e2}.g-header .g-nav-list a{color:#000;padding:0.8em 0;text-align:left}#top .g-header .g-nav-list li a{font-size:0.875rem;color:#000}.menu-btn{position:relative;z-index:9999;display:block;text-align:center;cursor:pointer;background-color:transparent;border:none}.menu-btn,.menu-btn span{display:block;-webkit-transition:all 0.5s;transition:all 0.5s}.menu-bar{position:relative;width:25px;height:20px;margin:0 auto}.menu-bar:after,.menu-bar:before,.menu-bar>span{content:"";position:absolute;left:0;display:block;width:100%;height:2px;-webkit-transition:all 0.5s ease-out;transition:all 0.5s ease-out;background:#333333}#top .menu-bar:after,#top .menu-bar:before,#top .menu-bar>span{background:#ffffff}.menu-bar:before{top:0}.menu-bar>span{top:9px}.menu-bar:after{bottom:0}.menu-btn.is-open .menu-bar:before{-webkit-transform:translateY(9px) rotate(-45deg);transform:translateY(9px) rotate(-45deg)}.menu-btn.is-open .menu-bar>span{opacity:0}.menu-btn.is-open .menu-bar:after{-webkit-transform:translateY(-9px) rotate(45deg);transform:translateY(-9px) rotate(45deg)}#top .g-header.is-open .menu-bar:after,#top .g-header.is-open .menu-bar:before,#top .g-header.is-open .menu-bar>span,#top .g-header.scroll .menu-bar:after,#top .g-header.scroll .menu-bar:before,#top .g-header.scroll .menu-bar>span{background:#333333}#top .g-header.is-open .menu-btn .label,#top .g-header.scroll .menu-btn .label{color:#000}.g-footer-nav-list>li li{font-size:0.85rem}}@media screen and (max-width:599px){html{font-size:1rem}.inner .narrow-inner{margin:0}.sp-none{display:none}.sp-only{display:block}.g-header.is-open,.g-header.scroll{padding-top:5px;padding-bottom:5px}.g-header-logo img{width:180px;height:40px;padding-top:5px}.menu-btn .label{margin-bottom:4px;-webkit-transform:scale(0.9);transform:scale(0.9)}}.design-for-container{margin-left:8rem;color:#fff;font-size:3.8rem;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;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center;text-shadow:2px 2px 4px rgba(0,0,0,0.5);line-height:1}.changing-text{display:inline-block;margin-left:10px;height:3.8rem;width:500px;position:relative}.changing-text span{position:absolute;height:3.8rem;top:0;left:0;width:100%;text-align:left;opacity:0;-webkit-transition:opacity 0s ease-in-out;transition:opacity 0s ease-in-out}@media screen and (max-width:950px){.design-for-container{width:100%;margin-left:1rem;color:#fff;font-size:2.5rem}.changing-text{display:inline-block;margin-left:10px;height:2.5rem;width:320px}.changing-text span{position:absolute;top:0;height:2.5rem}}@media screen and (max-width:688px){.design-for-container{width:100%;margin-left:0;color:#fff;font-size:2.8rem}.changing-text{display:inline-block;margin-left:0;text-align:center;height:2.8rem;width:100%}.changing-text span{text-align:center;position:absolute;top:10px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);height:2.8rem}}#main{margin-top:100vh;position:relative;z-index:1;background:white}#footer,section{position:relative;z-index:1;background:white}#footer p{text-align:center;font-size:0.75rem;font-family:"Monda",san-serif;letter-spacing:normal}#footer{padding-bottom:50px}.animated-text{background:-webkit-gradient(linear,left top,right top,from(#ff00ff),color-stop(#ffff00),color-stop(#00ff00),color-stop(#00ffff),color-stop(#038bf9),to(#ff00ff));background:linear-gradient(90deg,#ff00ff,#ffff00,#00ff00,#00ffff,#038bf9,#ff00ff);background-size:300%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;transition:color 1s ease-out,-webkit-text-fill-color 1s ease-out;-webkit-animation:gradient-animation 3s infinite alternate;animation:gradient-animation 3s infinite alternate}.scrolled{-webkit-text-fill-color:black;background:none;-webkit-animation:none;animation:none}@-webkit-keyframes gradient-animation{0%{background-position:0%}to{background-position:100%}}@keyframes gradient-animation{0%{background-position:0%}to{background-position:100%}}.col-3{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:2rem 0}.col-3 .box{width:33.33%;padding:1rem}.col-3 .box h3,.col-3 .box h4{text-align:center}.showcase1,.showcase10,.showcase11,.showcase12,.showcase2,.showcase3,.showcase4,.showcase5,.showcase6,.showcase7,.showcase8,.showcase9{background-color:#efefef;border-radius:20px}.s-icon img{max-width:200px;margin:auto}.proj .box{padding:1rem 2rem}.proj h2{font-family:"Klee One",san-serif;font-size:1.2rem;padding:1rem 0 0.5rem}.proj ul{padding:0 2rem;width:80%;margin:auto}.proj ul li{padding:0.25rem 0}.hidden-content{display:none;margin-top:10px;-webkit-transition:max-height 0.5s ease-out;transition:max-height 0.5s ease-out;background:white}.read-more-btn{display:inline-block;margin-top:10px;padding:8px 24px;background-color:#000;color:#fff;border:none;cursor:pointer;border-radius:30px}.read-more-btn:hover{background-color:#888}@media screen and (max-width:1000px){.col-3 .box{width:50%;padding:1rem}.proj .box{padding:1rem 2rem}.proj h2{font-family:"Klee One",san-serif;font-size:1.2rem;padding:1rem 0 0.5rem}.proj ul{padding:0 2rem;width:100%;margin:auto}.proj ul li{padding:0.25rem 0}}@media screen and (max-width:559px){.col-3{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:2rem 0}.col-3 .box{width:100%;padding:1rem}.col-3 .box h3,.col-3 .box h4{text-align:center}.proj .box{padding:1rem 2rem}.proj h2{font-family:"Klee One",san-serif;font-size:1.2rem;padding:1rem 0 0.5rem}.proj ul{padding:0 2rem;width:100%;margin:auto}.proj ul li{padding:0.25rem 0}}.two-column-table{margin:2rem;text-align:left}.two-column-table tr{vertical-align:top}.two-column-table tr td{padding:0.5rem 0}.two-column-table tr td:first-child{padding-right:1rem}td a span{padding:0.1rem 1rem 0.2rem;color:#fff;background:#000;border-radius:20px;font-size:0.8rem}td a span:hover{background-color:#888}@media screen and (max-width:559px){.two-column-table{margin:2rem auto;text-align:left}.two-column-table tr{vertical-align:top;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.two-column-table tr td{width:100%}.two-column-table tr td:first-child{padding-right:1rem;padding-bottom:0}.two-column-table tr td:last-child{padding-top:0}}.modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:rgba(255,255,255,0.6);-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.modal-content{background-color:white;margin:0 1rem;padding:2rem;border-radius:5px;border:1px solid #000;max-width:770px;width:100%;position:relative}.modal-content p{font-size:1rem;padding:0 0 0.5rem}.modal-content h1{font-size:2rem}.open-modal{padding:0.1rem 1rem 0.2rem;color:#fff;background:#000;border-radius:20px;font-size:0.8rem;border:none;cursor:pointer}.open-modal:hover{background:#888}.close-btn{position:absolute;top:10px;right:2rem;cursor:pointer;font-size:36px}.modal-body{max-height:calc(90vh - 100px);overflow-y:auto}.profile{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-bottom:1rem}.profile img{max-width:150px;width:100%;height:auto;border-radius:80px;margin:0 1rem 1rem 0}#contact p{font-size:1rem;letter-spacing:normal}.wpcf7-list-item{display:block}.wpcf7-spinner{display:none}.wpcf7-submit{display:inline-block;margin-top:10px;padding:8px 24px;background-color:#000;color:#fff;border:none;cursor:pointer;border-radius:30px;line-height:1}.wpcf7-textarea{-webkit-box-sizing:border-box;box-sizing:border-box;padding:5px 10px;width:100%}.wpcf7-text{-webkit-box-sizing:border-box;box-sizing:border-box;padding:5px 10px;width:100%}.grecaptcha-badge{display:none!important}.g-recaptcha{display:none!important}