#main-title{position:relative;margin-bottom:-8rem;padding-bottom:10vw}@media screen and (max-width: 768px){#main-title{margin-bottom:-12rem}}#main-title .main-title__inner{position:relative;height:66rem;padding:10rem 5rem;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;overflow:hidden}#main-title .main-title__inner::before{content:"";position:absolute;inset:0;background-color:rgba(16,39,69,.5);z-index:1}#main-title .main-title__inner::after{content:"";position:absolute;top:0;left:0;width:100%;height:10rem;background:-webkit-gradient(linear, left bottom, left top, from(rgba(16, 39, 69, 0)), to(rgba(16, 39, 69, 0.8)));background:linear-gradient(0deg, rgba(16, 39, 69, 0) 0%, rgba(16, 39, 69, 0.8) 100%);z-index:1}@media screen and (max-width: 768px){#main-title .main-title__inner{height:101vw;padding:0 2rem 5rem}#main-title .main-title__inner.is-detail{padding:17rem 2rem 10rem}}#main-title .main-title__inner>img{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}#main-title .main-title__movie{position:absolute;inset:0;width:100%;aspect-ratio:16/9}@media screen and (max-width: 1100px){#main-title .main-title__movie{left:-25%;width:150%}}#main-title .main-title__movie iframe,#main-title .main-title__movie video{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}#main-title .main-title__wrapper{position:relative;width:100%;z-index:2}#main-title .main-title__icon{width:8.6rem;margin:0 auto 1rem}@media screen and (max-width: 768px){#main-title .main-title__icon{width:6rem}}#main-title .main-title__text{color:#fcc800;text-align:center;line-height:1.2}#main-title .main-title__text-main{font-weight:600;font-size:2.4rem;letter-spacing:1rem;text-shadow:0px 0px 1rem rgba(0,0,0,.8)}@media screen and (max-width: 768px){#main-title .main-title__text-main{font-size:1.6rem;letter-spacing:.5rem}}#main-title .main-title__text-sub{font-family:"Barlow",sans-serif;font-weight:700;font-size:9.6rem;line-height:1;letter-spacing:.2rem;text-shadow:0px 0px 2rem rgba(0,0,0,.8)}@media screen and (max-width: 768px){#main-title .main-title__text-sub{font-size:6.4rem}}#main-title .main-title__btn{position:relative;width:90%;margin:4rem auto 0;padding:2.3rem 8rem;background-color:#fcc800;border-radius:50vmax;font-weight:600;font-size:2.4rem;color:#102745;text-align:center;display:block;-webkit-transition:border-color .3s;transition:border-color .3s}@media(any-hover: hover){#main-title .main-title__btn{-webkit-transition:background-color .5s cubic-bezier(0.25, 1, 0.5, 1),color .3s;transition:background-color .5s cubic-bezier(0.25, 1, 0.5, 1),color .3s}#main-title .main-title__btn:hover{background-color:#102745;color:#fcc800}#main-title .main-title__btn:hover .main-title__btn-icon{background-color:#fcc800}#main-title .main-title__btn:hover .main-title__btn-icon svg{stroke:#102745}}@media screen and (min-width: 769px){#main-title .main-title__btn{max-width:460px}}@media screen and (max-width: 768px){#main-title .main-title__btn{padding:2.3rem 5rem}}#main-title .main-title__btn-icon{position:absolute;right:1.6rem;top:0;bottom:0;width:6rem;height:6rem;margin:auto;background-color:#102745;border-radius:50vmax;pointer-events:none;display:block;-webkit-transition:background-color .3s;transition:background-color .3s}@media screen and (max-width: 768px){#main-title .main-title__btn-icon{width:4rem;height:4rem}}#main-title .main-title__btn-icon svg{fill:none;stroke:#fcc800;stroke-linecap:round;stroke-linejoin:round;stroke-width:3px;-webkit-transition:stroke .3s;transition:stroke .3s}#main-title .main-title__element{position:absolute;left:0;bottom:-1px;width:100%;z-index:1}#about{position:relative;padding:7rem 10rem 0;z-index:2}@media screen and (max-width: 768px){#about{padding:12rem 2rem 0}}#about .about-window{position:relative;max-width:825px;margin:auto;color:#969ca5;text-align:center}#about .about-window__bg{position:absolute;inset:0;width:100%;height:100%;margin:auto}#about .about-window__bg picture{height:100%}#about .about-window__text{position:relative;padding:5.35rem 10rem;font-weight:700;font-size:2.4rem;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}@media screen and (max-width: 768px){#about .about-window__text{padding:5rem 4rem;font-size:1.8rem}}#about .about-window__element{position:absolute;pointer-events:none;z-index:1}#about .about-window__element.is-01{top:-3rem;left:-28rem;width:45.2rem}@media screen and (max-width: 768px){#about .about-window__element.is-01{top:-12rem;left:-2rem;width:calc(100% + 4rem)}}#about .about-window__element.is-02{top:-6rem;right:-37rem;width:65.2rem}@media screen and (max-width: 768px){#about .about-window__element.is-02{top:inherit;bottom:-4rem;left:-2rem;width:calc(100% + 4rem)}}#service{padding:5rem 4rem 0}@media screen and (max-width: 768px){#service{padding:8rem 2rem 0}}#service .service__bg{position:absolute;left:0;right:0;margin:auto;z-index:-1}#service .service__bg.is-01{top:-10rem;left:calc(clamp(70rem,29.3838rem + 84.507vw,120rem)*-1);width:64.1rem}@media screen and (max-width: 768px){#service .service__bg.is-01{display:none}}#service .service__bg.is-02{bottom:-12rem;right:calc(clamp(70rem,29.3838rem + 84.507vw,130rem)*-1);width:46.6rem}@media screen and (max-width: 768px){#service .service__bg.is-02{left:-45rem;width:30rem}}#service .service__title{position:relative;width:60%;max-width:347px;margin:0 auto 3.5rem}#service .service-list{max-width:1760px;margin:auto;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:stretch;-ms-flex-align:stretch;align-items:stretch;gap:3.2rem;container-type:inline-size}#service .service-list__item{width:100%;padding:1.5rem 2rem 2.5rem;background-color:rgba(153,153,153,.5);border-radius:2rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}@media screen and (min-width: 769px){@container (min-width: 1401px){#service .service-list__item{width:30%}}@container (max-width: 1400px){#service .service-list__item{width:48%}}}@media screen and (max-width: 768px){#service .service-list__item{padding:1.5rem 1rem 2.5rem}}#service .service-list__icon{padding:1.5rem 2rem 4rem;background-color:#102745;border-radius:1.6rem}#service .service-list__icon svg{width:8.8rem;margin:auto;fill:#fcc800}#service .service-list__title{width:90%;margin:-2.5rem auto 0;padding:.5rem 1rem;background-color:#102745;border:solid rgba(153,153,153,.5) 4px;border-radius:50vmax;font-size:2.4rem;color:#fcc800;text-align:center;line-height:1.2}@media screen and (max-width: 768px){#service .service-list__title{font-size:2.2rem}}#service .service-list__text{width:90%;margin:2rem auto}#service .service-list__btn{position:relative;width:25rem;margin:0 auto;padding:1rem 6rem;background-color:#102745;border:solid #8e9db0 3px;border-radius:50vmax;color:#fcc800;text-align:center;display:block}@media(any-hover: hover){#service .service-list__btn{-webkit-transition:border-color .3s;transition:border-color .3s}#service .service-list__btn:hover{border-color:#fcc800}}@media screen and (max-width: 768px){#service .service-list__btn{width:70%;padding:1rem 4rem}}#service .service-list__btn-icon{position:absolute;right:1rem;top:0;bottom:0;width:4rem;height:4rem;margin:auto;background-color:#fcc800;border-radius:50vmax;pointer-events:none;display:block}@media screen and (max-width: 768px){#service .service-list__btn-icon{width:3rem;height:3rem}}#service .service-list__btn-icon svg{fill:none;stroke:#102745;stroke-linecap:round;stroke-linejoin:round;stroke-width:3px}#contents{position:relative;z-index:1}@media screen and (max-width: 768px){#contents{margin-top:8rem}}#about-category{padding:0 4rem}@media screen and (max-width: 768px){#about-category{padding:0 1rem}}#about-category .gkit-block__inner{position:relative;max-width:1130px;margin:auto;padding:5.35rem 10rem;background:url(../img/services/text_window.webp) no-repeat center center;background-size:100% 100%;font-weight:700;font-size:1.8rem;color:#969ca5;text-align:center;display:block}@media screen and (max-width: 768px){#about-category .gkit-block__inner{padding:5rem 6rem;background-image:url(../img/services/text_window_sp.webp);font-size:1.6rem}}#about-category .gkit-block__inner h2{margin-bottom:3rem;font-size:3rem}@media screen and (max-width: 768px){#about-category .gkit-block__inner h2{font-size:2.4rem}}#point-category{margin-top:5rem;padding:0 4rem}@media screen and (max-width: 768px){#point-category{margin-top:5rem;padding:0 2rem}}#point-category .wp-block-columns{max-width:1615px;margin:auto;gap:3.2rem}#point-category .wp-block-column{width:100%;padding:1.5rem 2rem 2.5rem;background-color:rgba(153,153,153,.5);border-radius:2rem}@media screen and (min-width: 769px){@container (min-width: 1401px){#point-category .wp-block-column{width:30%}}@container (max-width: 1400px){#point-category .wp-block-column{width:48%}}}@media screen and (max-width: 768px){#point-category .wp-block-column{padding:1.5rem 1rem 2.5rem}}#point-category .wp-block-column>p{width:90%;margin:2rem auto}#point-category .service-list__icon{padding:1.5rem 2rem 4rem;background-color:#102745;border-radius:1.6rem}#point-category .service-list__icon svg{width:8.8rem;margin:auto;fill:#fcc800}#point-category .wp-block-heading{position:relative;width:95%;margin:-2.5rem auto 0;padding:.5rem 1rem;background-color:#102745;border:solid rgba(153,153,153,.5) 4px;border-radius:50vmax;font-size:2.4rem;color:#fcc800;text-align:center;line-height:1.2}@media screen and (max-width: 768px){#point-category .wp-block-heading{padding:.5rem 2rem;font-size:2.2rem}}#works{margin-top:19rem;padding:0 4rem 0}@media screen and (max-width: 768px){#works{margin-top:10rem;padding:0 2rem 0}}#works .works__title{position:relative;width:80%;max-width:656px;margin:0 auto 3.5rem}@media screen and (max-width: 768px){#works .works__title{width:100%}}#works .works-list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:1rem;-webkit-transform:translateX(0.5%);transform:translateX(0.5%)}#works .works-list__item{width:100%}#works .works-list__item.is-current .works-list__thumb{pointer-events:none}#works .works-list__item.is-current .works-list__thumb::after{opacity:1}#works .works-list__item.is-current .works-detail{display:block}#works .works-list__item:first-of-type .detail-nav__prev{opacity:.2;pointer-events:none}#works .works-list__item:last-of-type .detail-nav__next{opacity:.2;pointer-events:none}@media screen and (min-width: 769px){#works .works-list__item{width:32.5%}#works .works-list__item:nth-of-type(3n + 2) .works-detail{-webkit-transform:translateX(-33.5%);transform:translateX(-33.5%)}#works .works-list__item:nth-of-type(3n) .works-detail{-webkit-transform:translateX(-67%);transform:translateX(-67%)}}#works .works-list__thumb{position:relative;width:100%;background-color:#102745;aspect-ratio:16/9;overflow:hidden;display:block}#works .works-list__thumb::after{content:"";position:absolute;inset:0;border:solid 2px #fcc800;opacity:0;pointer-events:none;-webkit-transition:opacity .3s;transition:opacity .3s;z-index:1}@media(any-hover: hover){#works .works-list__thumb:hover::after{opacity:1}}#works .works-list__banner{position:absolute;inset:0;z-index:1}#works .works-list__banner img{width:auto;height:100%;margin:auto;-o-object-fit:contain;object-fit:contain;-webkit-transition:-webkit-transform .5s cubic-bezier(0.25, 1, 0.5, 1);transition:-webkit-transform .5s cubic-bezier(0.25, 1, 0.5, 1);transition:transform .5s cubic-bezier(0.25, 1, 0.5, 1);transition:transform .5s cubic-bezier(0.25, 1, 0.5, 1), -webkit-transform .5s cubic-bezier(0.25, 1, 0.5, 1)}#works .works-list__bg{position:absolute;inset:0;background-color:#102745}#works .works-list__bg::after{content:"";position:absolute;inset:0;background-color:rgba(10,27,48,.3)}#works .works-list__bg img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-webkit-filter:blur(3rem);filter:blur(3rem)}#works .works-detail{width:100%;margin-top:1rem;padding:1rem 2rem;border-radius:2rem;background:-webkit-gradient(linear, left bottom, left top, from(rgba(142, 153, 166, 0.5)), color-stop(20%, rgba(166, 175, 185, 0.5)), color-stop(80%, rgba(166, 175, 185, 0.5)), to(rgba(142, 153, 166, 0.5)));background:linear-gradient(0deg, rgba(142, 153, 166, 0.5) 0%, rgba(166, 175, 185, 0.5) 20%, rgba(166, 175, 185, 0.5) 80%, rgba(142, 153, 166, 0.5) 100%);display:none}#works .works-detail.is-show{display:block}@media screen and (min-width: 769px){#works .works-detail{width:calc(300% + 2rem);padding:5rem 2rem}}#works .detail-nav{max-width:1640px;margin:0 auto 1rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#works .detail-nav>button{width:6rem;height:6rem;padding:1rem;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}@media(any-hover: hover){#works .detail-nav>button{-webkit-transition:opacity .3s;transition:opacity .3s}#works .detail-nav>button:hover{opacity:.7}}#works .detail-nav svg{width:auto;height:100%;fill:none;stroke:#8596b2;stroke-linecap:round;stroke-linejoin:round;stroke-width:.3rem;-webkit-transition:stroke .3s;transition:stroke .3s;display:block}#works .works-detail__inner{max-width:1170px;margin:auto}#works .works-detail__img{width:100%;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}#works .works-detail__img img{width:auto;max-height:60rem;margin:auto;-o-object-fit:contain;object-fit:contain}@media screen and (max-width: 768px){#works .works-detail__img img{max-height:50rem}}#works .works-detail__title{margin:3rem 0 2.5rem}#works .detail-list{line-height:1.4}@media screen and (min-width: 769px){#works .detail-list{-webkit-column-count:2;-moz-column-count:2;column-count:2}}#works .detail-list__item{margin-bottom:1.5rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}#works .detail-list__head{min-width:15rem;margin-right:1.5rem;padding:.5rem 1rem;border:solid 1px #8596b2;text-align:center}@media screen and (max-width: 768px){#works .detail-list__head{min-width:12rem}}#works .detail-list__text{padding-top:.5rem}#works .detail-list__text a{position:relative;padding:0 .5rem .2rem;border-bottom:solid 1px #8596b2}#works .detail-list__text a::after{content:"";background-image:url("https://crdg.jp/common/footer/images/box-arrow-up-right.png");background-size:cover;display:inline-block;width:1.1rem;height:1.1rem;margin-left:.5rem;opacity:.8}@media(any-hover: hover){#works .detail-list__text a{-webkit-transition:opacity .3s;transition:opacity .3s}#works .detail-list__text a:hover{opacity:.7}}#works .detail-list__text img{width:auto;display:inline;vertical-align:middle}#works .pagination{text-align:center}#works .works__pagination{margin-top:5rem;font-size:2.4rem;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}#works .works__pagination>*{font-family:"Barlow",sans-serif;color:#8e959f;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}#works .works__pagination .page-numbers{width:5rem;height:5rem}#works .works__pagination .page-numbers.current{background-color:#fcc800;color:#102745;border-radius:50vmax;pointer-events:none}#works .works__pagination .page-numbers.dots{-webkit-transform:translateY(-0.6rem);transform:translateY(-0.6rem);pointer-events:none}@media(any-hover: hover){#works .works__pagination .page-numbers{-webkit-transition:color .3s;transition:color .3s}#works .works__pagination .page-numbers:hover{color:#fcc800}}#scope-category{margin-top:15rem;padding:0 4rem}@media screen and (max-width: 768px){#scope-category{margin-top:10rem;padding:0 2rem}}#scope-category .scope-category__title{width:80%;max-width:650px;margin:0 auto 3.5rem}@media screen and (max-width: 768px){#scope-category .scope-category__title{width:100%}}#scope-category .wp-block-columns{max-width:1430px;margin:0 auto 3.2rem;gap:3.2rem}#scope-category .wp-block-column{width:100%;padding:1.5rem 2rem 2.5rem;background-color:rgba(153,153,153,.5);border-radius:2rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:2rem}@media screen and (min-width: 769px){#scope-category .wp-block-column{width:48%;max-width:700px}}@media screen and (max-width: 768px){#scope-category .wp-block-column{padding:1.5rem 1rem 2.5rem}}#scope-category .service-list__icon{padding:1.5rem 2rem 4rem;background-color:#102745;border-radius:1.6rem}#scope-category .service-list__icon svg{width:8.8rem;margin:auto;fill:#fcc800}#scope-category .wp-block-heading{position:relative;width:95%;margin:-2.5rem auto 0;padding:.5rem 1rem;background-color:#102745;border:solid rgba(153,153,153,.5) 4px;border-radius:50vmax;font-size:2.4rem;color:#fcc800;text-align:center;line-height:1.2}@media screen and (max-width: 768px){#scope-category .wp-block-heading{padding:.5rem 2rem;font-size:2.2rem}}#scope-category .wp-block-heading+p{width:90%;margin:2rem auto}#scope-category .wp-block-embed{width:90%;max-width:510px;margin:0 auto}#scope-category .wp-block-embed iframe{height:auto;aspect-ratio:16/9}#sample-illust{text-align:center}#sample-illust .illust-category{margin-bottom:2rem;padding:0 2rem;font-size:3rem;color:#fcc800}#sample-illust .illust-category:not(:first-of-type){margin-top:4rem}@media screen and (max-width: 768px){#sample-illust .illust-category{font-size:2.2rem}}#sample-illust .illust-list__item{border-radius:2rem;overflow:hidden}#sample-illust .swiper{position:relative;padding-bottom:3rem;background:-webkit-gradient(linear, left bottom, left top, color-stop(30%, rgba(153, 153, 153, 0.5)), color-stop(30%, rgba(153, 153, 153, 0)));background:linear-gradient(0deg, rgba(153, 153, 153, 0.5) 30%, rgba(153, 153, 153, 0) 30%);display:none}#sample-illust .swiper.swiper-initialized{display:block}@media screen and (max-width: 768px){#sample-illust .swiper{padding-bottom:1.5rem}}#sample-illust .swiper-wrapper{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}#sample-illust .swiper-pagination{margin-top:3rem;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;gap:.8rem}@media screen and (max-width: 768px){#sample-illust .swiper-pagination{margin-top:1.5rem}}#sample-illust .swiper-pagination-bullet{width:1rem;height:1rem;background-color:#999;border-radius:50vmax;-webkit-transition:background-color .3s;transition:background-color .3s}@media screen and (max-width: 768px){#sample-illust .swiper-pagination-bullet{width:.8rem;height:.8rem}}#sample-illust .swiper-pagination-bullet-active{background-color:#fcc800}#sample-illust .swiper-button-prev{position:absolute;top:-16%;bottom:0;left:3%;width:5rem;height:5rem;margin:auto;background-color:rgba(16,39,69,.8);border-radius:50vmax;-webkit-filter:drop-shadow(0 0 0.4rem rgba(16, 39, 69, 0.4));filter:drop-shadow(0 0 0.4rem rgba(16, 39, 69, 0.4));-webkit-transform:translateZ(0);transform:translateZ(0);z-index:10}@media(any-hover: hover){#sample-illust .swiper-button-prev:hover svg{stroke:#fcc800}}@media screen and (max-width: 768px){#sample-illust .swiper-button-prev{width:3rem;height:3rem}}#sample-illust .swiper-button-prev svg{fill:none;stroke:#8596b2;stroke-linecap:round;stroke-linejoin:round;stroke-width:.2rem;-webkit-transform:rotateY(180deg);transform:rotateY(180deg);-webkit-transition:stroke .3s;transition:stroke .3s}#sample-illust .swiper-button-next{position:absolute;top:-16%;bottom:0;right:3%;width:5rem;height:5rem;margin:auto;background-color:rgba(16,39,69,.8);border-radius:50vmax;-webkit-filter:drop-shadow(0 0 0.4rem rgba(16, 39, 69, 0.4));filter:drop-shadow(0 0 0.4rem rgba(16, 39, 69, 0.4));-webkit-transform:translateZ(0);transform:translateZ(0);z-index:10}@media(any-hover: hover){#sample-illust .swiper-button-next:hover svg{stroke:#fcc800}}@media screen and (max-width: 768px){#sample-illust .swiper-button-next{width:3rem;height:3rem}}#sample-illust .swiper-button-next svg{fill:none;stroke:#8596b2;stroke-linecap:round;stroke-linejoin:round;stroke-width:.2rem;-webkit-transition:stroke .3s;transition:stroke .3s}/*# sourceMappingURL=services.css.map */