*{-webkit-box-sizing:border-box;box-sizing:border-box}*:before,*:after{-webkit-box-sizing:border-box;box-sizing:border-box}html{height:100%;min-height:100%}body{-webkit-font-smoothing:antialiased;line-height:1.5;color:#9F9F9F;background-color:#fff;margin:0;font-family:HelveticaNeue-Light, "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;overflow-wrap:break-word;word-wrap:break-word}h1,h2,h3,h4{margin:0;padding:0;font-size:inherit;font-weight:400;letter-spacing:0.02em;}ol,ul,dl,dt,dd{list-style:none;margin:0;padding:0}p{margin:0}a{text-decoration:none;color:#9F9F9F;outline:none;letter-spacing:0.02em;}i{font-style:inherit}button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;padding:0;margin:0;background:transparent;cursor:pointer;outline:none}hr{margin:0;border:none}[type="text"],[type="password"],[type="email"],[type="number"],[type="tel"]{margin:0;padding:0;outline:none;border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;line-height:1.4}[type="checkbox"]{margin:0}select{outline:none}textarea{outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}img{border:none}@font-face{font-family:"groovisions-font";src:url("../fonts/groovisions-font.eot?version=201903062103");src:url("../fonts/groovisions-font.eot?version=201903062103#iefix") format("eot"),url("../fonts/groovisions-font.woff?version=201903062103") format("woff"),url("../fonts/groovisions-font.ttf?version=201903062103") format("truetype"),url("../fonts/groovisions-font.svg?version=201903062103#groovisions-font") format("svg");font-weight:normal;font-style:normal}.c-icon::before{font-family:"groovisions-font";position:relative;line-height:1}.c-icon--facebook::before{content:"\EA01";top:2px;left:1px}.c-icon--twitter::before{content:"\EA02";top:3px;left:2px}@media (max-width: 768px){.pc-only{display:none !important}}@media (min-width: 769px){.sp-only{display:none !important}}.wrapper{padding-top:76px;width:100%}@media (min-width: 769px){.wrapper{padding-top:120px}}.header{width:100%;height:76px;padding:28px 25px 0;position:absolute;top:0;left:0;background-color:#fff;z-index:1000;-webkit-transition:height 0.3s cubic-bezier(0.215, 0.61, 0.355, 1),padding-top 0.3s cubic-bezier(0.215, 0.61, 0.355, 1),-webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);transition:height 0.3s cubic-bezier(0.215, 0.61, 0.355, 1),padding-top 0.3s cubic-bezier(0.215, 0.61, 0.355, 1),-webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);-o-transition:transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1),height 0.3s cubic-bezier(0.215, 0.61, 0.355, 1),padding-top 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);transition:transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1),height 0.3s cubic-bezier(0.215, 0.61, 0.355, 1),padding-top 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);transition:transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1),height 0.3s cubic-bezier(0.215, 0.61, 0.355, 1),padding-top 0.3s cubic-bezier(0.215, 0.61, 0.355, 1),-webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1)}.header:after{content:"";display:table;clear:both}@media (min-width: 769px){.header{height:120px;padding:40px 95px 0}}.header__logo{font-size:20px;line-height:1.8;margin:0;float:left;letter-spacing:0.02em;}@media (max-width: 768px){.header__logo{font-size:18px;line-height:21px}}.header__logo a{color:#333}.header.header--hide{-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%);pointer-events:none}.header.header--small{position:fixed;-webkit-transform:translateY(0%);-ms-transform:translateY(0%);transform:translateY(0%);pointer-events:auto}@media (min-width: 769px){.header.header--small{height:80px;padding-top:22px}}.header.header--small-hide{-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%);pointer-events:none}@media (max-width: 768px){.menu{display:none}}@media (min-width: 769px){.menu{float:right;font-size:0}}.menu-links a,.menu-sns a{color:#9F9F9F}.menu-links a:hover,.menu-sns a:hover{color:#333}.menu-links{display:inline-block;font-size:0;margin-right:3px}.menu-links__item{display:inline-block;font-size:20px;line-height:1.8;margin-right:23px;letter-spacing:0.02em;}.menu-links__item.menu-links__item--active a{color:#333}.menu-sns{display:inline-block}.menu-sns__item{display:inline-block}.menu-sns__item a{color:#9F9F9F}.menu-sns__item a:hover{color:#333}.menu-sns__item.menu-sns__item--facebook{font-size:16px;margin-right:17px}.menu-sns__item.menu-sns__item--twitter{font-size:16px;margin-right:2px}.footer{height:150px;padding-top:61px}@media (min-width: 769px){.footer{padding-top:87px;height:190px}}.footer__copyright{font-size:12px;line-height:2;text-align:center;width:100%;color:#9F9F9F}@media (min-width: 769px){.footer__copyright{font-size:14px;line-height:2}}.footer-tags{text-align:center;width:100%;max-width:700px;margin:-12px auto -9px;padding:0 50px}@media (min-width: 769px){.footer-tags{margin:0 auto -15px}}.footer-tag{display:inline-block;font-size:18px;line-height:40px;margin:0 8px}@media (min-width: 769px){.footer-tag{font-size:20px;line-height:36px;margin:0 8px}}.footer-tag.footer-tag--active a{color:#333}.footer-tag a:hover{color:#333}.sp-menu{width:100%;height:100%;background-color:#fff;position:fixed;top:0;right:0;display:none;-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%);z-index:200}@media (max-width: 768px){.sp-menu{display:block}}.sp-menu__content{width:100%;position:absolute;top:50%;left:0;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.sp-menu__links{position:relative;padding-bottom:42px}.sp-menu__links-item{display:block;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;text-decoration:none;font-size:20px;line-height:30px;margin:-5px 0 25px}.sp-menu__links-item:last-child{margin-bottom:0}.sp-menu__links-item a{color:#9F9F9F}.sp-menu__links-item.sp-menu__links-item--active a{color:#333}.sp-menu-sns{font-size:0;text-align:center}.sp-menu-sns__item{width:50px;height:50px;display:inline-block;margin:0 10px}.sp-menu-sns__item a{width:100%;height:100%;display:block;position:relative}.sp-menu-sns__item.sp-menu-sns__item--twitter a{width:50px;height:50px;background-image:url(../images/common/menu-twitter-icon.svg);background-size:contain;background-repeat:no-repeat}.sp-menu-sns__item.sp-menu-sns__item--facebook a{width:50px;height:50px;background-image:url(../images/common/menu-facebook-icon.svg);background-size:contain;background-repeat:no-repeat}.is-menu-open .sp-menu{-webkit-transform:translateX(0px);-ms-transform:translateX(0px);transform:translateX(0px)}.is-menu-open .menu-button .line1{opacity:0}.is-menu-open .menu-button .line2{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.is-menu-open .menu-button .line3{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.is-menu-open .menu-button .line4{opacity:0}@media (max-width: 768px){.is-menu-open .header{position:fixed !important;-webkit-transform:translateY(0%) !important;-ms-transform:translateY(0%) !important;transform:translateY(0%) !important;pointer-events:auto !important}}.menu-button{width:76px;height:76px;position:absolute;top:0;right:0;padding:22px 22px;-webkit-box-sizing:border-box;box-sizing:border-box;display:none;z-index:1600}@media (max-width: 768px){.menu-button{display:block;padding:0}}.menu-button>span{display:block;width:20px;height:1px;background-color:#333;left:28px;position:absolute}@media (max-width: 768px){.menu-button>span{display:block}}.menu-button>span.line1{top:32px}.menu-button>span.line2,.menu-button>span.line3{top:39px}.menu-button>span.line4{top:46px}.tag-title{font-size:32px;line-height:1.5;margin:-12px 0 0;color:#333;text-align:center;position:relative;padding:40px 0 28px;margin-bottom:20px}@media (max-width: 768px){.tag-title{font-size:26px;line-height:30px;margin:-2px 0 0;padding:30px 0 25px;margin-bottom:10px}}.tag-title:after{content:"";width:40px;height:1px;background-color:#DCDCDC;display:block;position:absolute;bottom:0;left:calc(50% - 20px)}.works-list{padding:30px 0 0 50px;width:100%}@media (max-width: 768px){.works-list{margin-bottom:-60px}}@media (min-width: 769px){.works-list{padding:40px 0 0 95px;margin-bottom:-130px}}.works-list__inner{width:100%;font-size:0;text-align:left}.works-item{padding:0 50px 0 0;width:100%;display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;margin:0 0 60px 0}@media (min-width: 769px){.works-item{padding-right:95px;margin-bottom:130px}}@media (max-width: 1080px) and (min-width: 769px){.works-item{width:50%}}@media (max-width: 1599px) and (min-width: 1081px){.works-item{width:calc(100% / 3)}}@media (min-width: 1600px){.works-item{width:calc(100% / 4)}}.works-item>a{display:block}.works-item>a:after{content:"";position:absolute;top:0;left:0;width:calc(100% - 50px);height:100%;background-color:#fff;opacity:0;display:block}@media (min-width: 769px){.works-item>a:after{width:calc(100% - 95px)}}@media (max-width: 768px){.works-item>a:after{display:none}}.works-item>a:hover:after{opacity:0.3}.works-item img{width:100%;height:auto;display:block;opacity:0;-webkit-transition:opacity 0.5s linear;-o-transition:opacity 0.5s linear;transition:opacity 0.5s linear}.works-item img.loaded{opacity:1}.news{width:100%;padding:0 25px;margin:0 auto}@media (min-width: 769px){.news{margin:0 auto -3px;max-width:980px;padding:0 95px}}.news-archives{width:100%;margin-bottom:-15px}@media (max-width: 768px){.news-archives{display:none}}.news-archives__list{width:100%;text-align:center;padding:40px 0;font-size:0}.news-archives__item{display:inline-block;font-size:20px;line-height:1.8;margin:-9px 9px}.news-archives__item.news-archives__item--active a{color:#333}.news-archives__item a:hover{color:#333}.news-archives:after{content:"";width:40px;height:1px;background-color:#DCDCDC;display:block;margin:0 auto}.news-title{font-size:18px;line-height:1.8;margin:-9px 0 5px;color:#333}@media (min-width: 769px){.news-title{font-size:20px;line-height:1.8;margin:-9px 0 9px}}.news-date{font-size:14px;line-height:26px;margin:-6px 0 15px;color:#333;min-height:26px}@media (min-width: 769px){.news-date{margin:-6px 0 22px}}.news-date .edit-link{font-size:10px;padding:4px 4px 0;text-decoration:none;color:#9f9f9f;background:#ff0}.news-item{padding:53px 0 48px;border-bottom:1px solid #DCDCDC}.news-item:first-child{padding-top:33px}@media (min-width: 769px){.news-item{padding:82px 0 76px}.news-item:first-child{padding-top:78px}}.news-image{max-width:100%;margin-bottom:23px;margin-top:-2px}@media (min-width: 769px){.news-image{margin-bottom:32px;margin-top:0}}.news-image img{max-width:100%}.news-body{font-size:14px;line-height:2}.news-text.news-text--jp{margin:-7px 0}.news-text.news-text--en{margin-bottom:-7px}.news-text a:hover{color:#333}.news-line{margin:1em 0 1em}.about{width:100%;max-width:980px;margin:0 auto;font-size:14px;line-height:2;padding:30px 25px 0;letter-spacing:0.02em;}@media (min-width: 769px){.about{padding:40px 95px 0}}.about p{margin:-7px 0 34px;color:#9F9F9F}@media (min-width: 769px){.about p{margin:-7px 0 36px}}.about .column-jp{margin-bottom:45px}.about .column-jp:after{content:"";width:14px;height:1px;background-color:#9F9F9F;display:block}.about .column-en .column:last-child p{margin-bottom:-7px}.contact{width:100%;max-width:980px;margin:0 auto;font-size:14px;line-height:2;padding:30px 25px 0;text-align:center;letter-spacing:0.02em;}@media (min-width: 769px){.contact{padding:40px 95px 0}}.contact-map{width:calc(100vw - 50px);height:calc(100vw - 50px);margin:0 auto 30px}.contact-map iframe{width:100%;height:100%;display:block}@media (min-width: 769px){.contact-map{width:100%;max-width:790px;height:790px;margin-bottom:50px}}.contact-links{margin:0 auto 40px}@media (min-width: 769px){.contact-links{margin-bottom:65px}}.contact-links a{color:#9F9F9F;display:inline-block;border-bottom:1px solid #DCDCDC}.contact-links a:hover{color:#333}.contact-text p{color:#9F9F9F}.contact-text span{display:block}@media (min-width: 769px){.contact-text span{display:inline-block;padding:0 10px}}.contact-text.contact-text--ja{margin:-7px 0 2em}.contact-text.contact-text--en{margin:0 0 -7px}.contact-line{display:block;margin:0 auto 2em}.works{padding:0 25px}@media (min-width: 769px){.works{padding:0 95px}}.works-detail-edit-link{position:fixed;top:0;right:0;z-index:2000}.works-detail-edit-link .edit-link{font-size:10px;padding:4px 4px 0;text-decoration:none;color:#9f9f9f;background:#ff0}.works-header{text-align:center;padding-bottom:38px}@media (min-width: 769px){.works-header{padding-bottom:55px}}.works-title{color:#333;font-size:26px;line-height:30px;padding:27px 0 25px}@media (min-width: 769px){.works-title{font-size:42px;line-height:50px;padding:30px 0 33px}}.works-line{display:block;width:40px;height:1px;background-color:#DCDCDC;margin:0 auto 27px}@media (min-width: 769px){.works-line{margin:0 auto 42px}}.works-tags{margin:-10px 0 -11px}.works-tag{display:inline-block;font-size:18px;line-height:40px;margin:0 8px}@media (min-width: 769px){.works-tag{font-size:20px;line-height:36px}}.works-tag a:hover{color:#333}.works-assets{max-width:1000px;padding:0;margin:0 auto}@media (min-width: 1600px){.works-assets{max-width:1200px}}.works-image{width:100%;padding-top:30px}.works-image:first-child{padding-top:0}@media (max-width: 1599px) and (min-width: 769px){.works-image{padding-top:40px}}@media (min-width: 1600px){.works-image{padding-top:60px}}.works-image img{width:100%;height:auto;display:block}.works-video{width:100%;padding-bottom:56.25%;height:0px;position:relative}.works-video iframe{position:absolute;top:0;left:0;width:100%;height:100%}.works-caption{font-size:12px;line-height:16px;color:#9F9F9F;text-align:center;padding:9px 0 0;margin-bottom:-3px;letter-spacing:0.02em;}@media (min-width: 769px){.works-caption{font-size:14px;line-height:20px;padding:11px 0 0;margin-bottom:-4px}}.works-footer-line{padding:70px 0 40px}@media (min-width: 769px){.works-footer-line{padding:80px 0 50px}}.works-footer-line:before{content:"";display:block;width:25px;height:1px;background-color:#DCDCDC;margin:0 auto}@media (min-width: 769px){.works-footer-line:before{width:40px}}
