.dialog-item,.dialog-button,.firstview-content .greeting span,.firstview-content .roll .ja,.news-content dd,.about-project-item,.about-project-description,.works-project-type,.works-project-name,.works-project-scope,.works-project-description,.works-project-link,.works-project-comment,.service-title,.service-description,.contact-link,.about-description,.contact-description,.news-head,.about-head,.works-head,.service-head{font-display:swap;font-family:Zen Kaku Gothic New,sans-serif}.header-title,.header-link,.firstview-content .roll .en,.firstview-content .address,.news-content dt,.about-head .en,.footer-copyright{font-display:swap;font-family:Josefin Sans,sans-serif}.firstview-content .name,.firstview-content .sns-link,.service-skill-item{font-display:swap;font-family:Zen Kaku Gothic New,Josefin Sans,sans-serif}.privacy-container,.news-container,.about-container,.works-container,.service-container,.contact-container{width:100%;max-width:77.3333vw;margin-left:auto;margin-right:auto;padding-top:96px;padding-bottom:96px}@media screen and (width>=768px){.privacy-container,.news-container,.about-container,.works-container,.service-container,.contact-container{max-width:75vw}}.news-head,.about-head,.works-head,.service-head{letter-spacing:.05em;margin-bottom:30px;font-size:32px;font-weight:700}.about-description,.contact-description{margin-bottom:30px;font-size:16px;font-weight:400;line-height:28px}html{scroll-behavior:smooth}body{font-family:Helvetica Neue,Arial,Hiragino Kaku Gothic ProN,Hiragino Sans,Meiryo,sans-serif}body.js-scroll-lock{overflow:hidden}header{z-index:15;position:fixed;top:0;left:0;right:0}.header-container{flex-flow:row;justify-content:space-between;align-items:center;width:100%;padding:31px 15px;display:flex;position:relative}.header-title{color:#fff;background-color:#0bceaf;border-radius:6px;padding:8px 10px 0;font-size:24px;font-weight:700}.header-list{display:none}@media screen and (width>=768px){.header-list{flex-direction:row;justify-content:space-around;align-items:center;column-gap:15px;display:flex}}.header-link{letter-spacing:.05em;font-size:16px;font-weight:500;line-height:28px}.header-menu-button{z-index:2;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;row-gap:4px;width:48px;height:48px;display:flex}@media screen and (width>=768px){.header-menu-button{display:none}}.header-menu-button .bar{background-color:#b9c0bd;width:16px;height:2px;display:block}.dialog{overscroll-behavior:contain;background-color:#fff;border:0;border-radius:16px;width:100%;max-width:85.3333vw;height:85.3333vw;max-height:100%;margin:0;padding:24px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.dialog::backdrop{background-color:#000000a8}.dialog-content{overscroll-behavior:contain;flex-direction:column;justify-content:space-between;height:100%;display:flex}.dialog-list{flex-direction:column;justify-content:flex-start;row-gap:20px;display:flex}.dialog-item{letter-spacing:.01em;font-size:16px;font-weight:500;line-height:28px;position:relative}.dialog-item:after{content:"";background-color:#222;width:100%;height:1px;position:absolute;bottom:-10px;left:0}.dialog-button{letter-spacing:.01em;text-align:center;color:#fff;background-color:#0bceaf;border-radius:6px;padding:15px;font-size:16px;font-weight:500;line-height:28px}.bg-container{width:100%;margin-left:auto;margin-right:auto;overflow:hidden}.bg-container-first{background-color:#f1f1f1}.bg-container-even{background-color:#eaeaea}.firstview-container{flex-direction:column;justify-content:center;width:100%;display:flex;position:relative;overflow:hidden}@media screen and (width>=768px){.firstview-container{height:100vh}}.firstview-offset{flex-direction:column;justify-content:space-between;row-gap:18.75vw;width:100%;max-width:77.3333vw;margin:0 auto;padding-top:128px;padding-bottom:128px;display:flex}@media screen and (width>=768px){.firstview-offset{max-width:75vw;height:33.3333vw;padding-top:inherit;padding-bottom:inherit;flex-direction:row;justify-content:space-between;column-gap:8.33333vw;display:flex}}.firstview-content{flex-direction:column;justify-content:center;align-items:center;row-gap:6px;width:100%;height:100%;display:flex}.firstview-content:first-of-type{order:2}@media screen and (width>=768px){.firstview-content:first-of-type{order:1;align-items:flex-start}}.firstview-content:last-of-type{order:1}@media screen and (width>=768px){.firstview-content:last-of-type{order:2}}.firstview-content .greeting{text-align:center;padding-top:8px;padding-bottom:8px}@media screen and (width>=768px){.firstview-content .greeting{text-align:left;padding-top:10px;padding-bottom:10px}}.firstview-content .greeting span{color:#fff;letter-spacing:.1em;background-color:#0bceaf;border-radius:37px 37px 37px 0;padding:10px 30px;font-size:14px;font-weight:600;line-height:25px}.firstview-content .name{letter-spacing:.05em;font-size:42px;font-weight:600;line-height:74px}.firstview-content .roll{flex-direction:column;align-items:center;row-gap:15px;display:flex}@media screen and (width>=768px){.firstview-content .roll{align-items:flex-start}}.firstview-content .roll .ja{letter-spacing:.05em;font-size:21px;font-weight:600;line-height:37px}.firstview-content .roll .en{letter-spacing:.05em;text-align:center;font-size:16px;font-weight:600;line-height:28px}@media screen and (width>=768px){.firstview-content .roll .en{text-align:left}}.firstview-content .address{letter-spacing:.05em;color:#0bceaf;font-size:16px;font-weight:600;line-height:28px}.firstview-content .sns{flex-flow:wrap;justify-content:flex-start;gap:10px;display:flex}.firstview-content .sns-link{letter-spacing:.1em;color:#fff;transition-property:all;transition-duration:.1s;transition-timing-function:cubic-bezier();background-color:#0bceaf;border:3px solid #0bceaf;border-radius:6px;padding:7px 15px 10px;font-size:12px;font-weight:600;transition-delay:.1s;display:inline-block}.firstview-content .sns-link:hover{color:#0bceaf;background-color:#fff}.firstview-image{background-color:#d3d3d3;border-radius:50%;width:100%;max-width:290px;height:100%;padding:15px}.news-container{flex-direction:column;align-items:center;column-gap:15.3846vw;display:flex}@media screen and (width>=768px){.news-container{align-items:flex-start;row-gap:3.90625vw}}@media screen and (width>=1366px){.news-container{flex-flow:row;align-items:center;column-gap:6.25vw}}.news-content{width:100%}.news-content ul{flex-direction:column;justify-content:flex-start;row-gap:15px;display:flex}@media screen and (width>=768px){.news-content ul{row-gap:30px}}.news-content dl{flex-direction:column;row-gap:5px;display:flex}@media screen and (width>=1024px){.news-content dl{flex-direction:row;column-gap:30px}}.news-content dt{letter-spacing:.05em;font-size:16px;font-weight:400;line-height:28px}@media screen and (width>=1024px){.news-content dt{width:calc(20% - 15px)}}.news-content dd{letter-spacing:0;font-size:16px;font-weight:400;line-height:28px}@media screen and (width>=1024px){.news-content dd{width:calc(80% - 15px)}}.news-head{margin-bottom:48px}.about-container{flex-direction:column;align-items:center;column-gap:15.3846vw;display:flex}@media screen and (width>=1366px){.about-container{flex-flow:row;align-items:center;column-gap:6.25vw}}.about-content{width:100%}.about-head .en{font-size:80px;font-weight:100}.about-project-list{background-color:#fafafa;border-radius:6px;flex-flow:wrap;gap:15px;padding:30px;display:flex}.about-project-item{background-color:#fff;border-radius:6px;padding:5px 10px 7px;font-size:12px;font-weight:600;box-shadow:0 0 3px #00000040}.about-project-item.recruit{color:#fff;box-shadow:none;background-color:#0bceaf}.about-project-item.corporate{color:#fff;box-shadow:none;background-color:#4d0bce}.about-project-item.other{color:#fff;box-shadow:none;background-color:#ce0b2a}.about-project-item.campaign{color:#fff;box-shadow:none;background-color:#f4ca0b}.about-project-item.government{color:#222;box-shadow:none;background-color:#b9c0bd}.about-project-description{color:#444;margin-top:15px;font-size:12px;font-weight:600;line-height:36px}.about-project-description span{margin-left:5px;margin-right:5px;font-size:10px;line-height:18px;display:inline-block}.works-offset{overflow:hidden}.works-container{max-width:69.3333vw}@media screen and (width>=768px){.works-container{max-width:75vw}}.works-container-offset{position:relative}.works-container-offset .swiper-slide-prev,.works-container-offset .swiper-slide-next{opacity:.25}.works-container-offset .swiper-slide-active{opacity:1}.works-container-offset .swiper-button-next,.works-container-offset .swiper-button-prev{color:#0bceaf}.works-container-offset .swiper-button-next{right:-30px}@media screen and (width>=768px){.works-container-offset .swiper-button-next{right:-60px}}.works-container-offset .swiper-button-prev{left:-30px}@media screen and (width>=768px){.works-container-offset .swiper-button-prev{left:-60px}}.works-container-offset .swiper-pagination-bullet-active{background-color:#0bceaf}.works-head{text-align:center;color:#333;margin-bottom:30px;font-size:26px}@media screen and (width>=768px){.works-head{margin-bottom:60px;font-size:32px}}.works-project-container{flex-direction:column;justify-content:center;row-gap:8vw;display:flex}@media screen and (width>=768px){.works-project-container{flex-flow:row;column-gap:6.25vw}}@media screen and (width>=1366px){.works-project-container{column-gap:3.125vw}}.works-project-content{flex-direction:column;justify-content:flex-start;row-gap:10px;width:100%;display:flex}@media screen and (width>=768px){.works-project-content{width:calc(50% - 3.125vw)}}.works-project-image{border:7px solid #d3d3d3;width:100%}.works-project-image-container{width:100%;overflow:hidden}.works-project-type{letter-spacing:.05em;color:#0bceaf;font-size:3.2vw;font-weight:600;line-height:5.6vw}@media screen and (width>=768px){.works-project-type{margin-bottom:-15px;font-size:14px;line-height:25px}}.works-project-name{letter-spacing:.05em;color:#333;font-size:6.4vw;font-weight:600;line-height:11.2vw}@media screen and (width>=768px){.works-project-name{font-size:24px;line-height:42px}}@media screen and (width>=1366px){.works-project-name{font-size:32px;line-height:56px}}.works-project-scope{letter-spacing:.05em;color:#444;margin-bottom:15px;font-size:3.73333vw;font-weight:400;line-height:6.66667vw}@media screen and (width>=768px){.works-project-scope{font-size:14px;line-height:25px}}.works-project-scope span{padding-left:10px;font-weight:600}.works-project-description{letter-spacing:0;margin-bottom:15px;font-size:4.8vw;font-weight:600;line-height:8.53333vw}@media screen and (width>=768px){.works-project-description{font-size:18px;line-height:32px}}.works-project-link{letter-spacing:.05em;color:#fff;text-align:center;background-color:#0bceaf;border-radius:24px;width:100%;max-width:360px;padding:10px;font-size:12px;font-weight:600;line-height:21px}@media screen and (width>=1366px){.works-project-link{font-size:14px;line-height:25px}}.works-project-comment{letter-spacing:.05em;margin-top:15px;font-size:3.2vw;font-style:italic;font-weight:600;line-height:5.6vw}@media screen and (width>=768px){.works-project-comment{font-size:12px;line-height:21px}}.service-head{text-align:center;color:#333;margin-bottom:60px}.service-offset{flex-direction:column;justify-content:flex-start;row-gap:8vw;display:flex}@media screen and (width>=768px){.service-offset{flex-flow:row;justify-content:center;column-gap:4.16667vw}}.service-content{background-color:#fff;border-radius:6px;flex-direction:column;justify-content:flex-start;row-gap:15px;width:100%;padding:30px;display:flex;box-shadow:0 6px 18px 6px #0000001a}@media screen and (width>=768px){.service-content{width:calc(50% - 4.16667vw)}}.service-icon{width:100%;max-width:73px;margin:0 auto;display:block}@media screen and (width>=768px){.service-icon{margin:inherit;display:inline}}.service-title{letter-spacing:.05em;color:#444;text-align:center;font-size:24px;font-weight:600;line-height:42px}@media screen and (width>=768px){.service-title{text-align:left}}.service-description{color:#444;font-size:16px;font-weight:400;line-height:28px}.service-skill{flex-flow:wrap;gap:10px;display:flex}.service-skill.design .service-skill-item{border:1px solid #0bceaf}.service-skill.coding .service-skill-item{border:1px solid #4d0bce}.service-skill-item{letter-spacing:.05em;border-radius:6px;padding:3px 10px 5px;font-size:12px;font-weight:600;line-height:21px}.contact-container{padding-top:74.1333vw;padding-bottom:74.1333vw}@media screen and (width>=768px){.contact-container{padding-top:calc(50vh - 128px);padding-bottom:calc(50vh - 128px)}}.contact-link{text-align:center;color:#fff;background-color:#0bceaf;border:3px solid #0bceaf;border-radius:6px;width:100%;max-width:75vw;margin:0 auto;padding:15px;font-size:4.6875vw;font-weight:600;line-height:8.125vw;transition:all .1s cubic-bezier(1,0,0,1) .1s;display:block}@media screen and (width>=768px){.contact-link{max-width:390px;padding:30px;font-size:24px;line-height:30px}}.contact-link:hover{color:#0bceaf;background-color:#fff}.contact-link span{font-size:12px;line-height:21px}.contact-description{letter-spacing:.05em;color:#222;text-align:center;margin-top:15px;font-size:16px;font-weight:600;line-height:28px;display:block}.footer-container{background-color:#333;flex-direction:column;justify-content:flex-start;align-items:center;gap:24px;width:100%;padding:60px 0;display:flex}@media screen and (width>=768px){.footer-container{flex-flow:row;justify-content:space-around}}.footer-link{font-optical-sizing:auto;text-align:left;letter-spacing:.05em;color:#fff;font-family:Noto Sans JP,sans-serif;font-size:12px;font-style:normal;font-weight:500;line-height:100%;text-decoration:underline}.footer-copyright{text-align:center;color:#fff;letter-spacing:.05em;font-size:12px}.bg-container-privacy{width:100%}.privacy-content{width:100%;max-width:90.625vw;margin-left:auto;margin-right:auto}@media screen and (width>=768px){.privacy-content{max-width:600px}}.privacy-content h1{font-optical-sizing:auto;text-align:left;letter-spacing:.1em;color:#333;margin:40px auto;font-family:Noto Sans JP,sans-serif;font-size:24px;font-style:normal;font-weight:700;line-height:100%}@media screen and (width>=768px){.privacy-content h1{margin:104px auto;font-size:40px}}.privacy-content h2{font-optical-sizing:auto;text-align:left;letter-spacing:.1em;color:#333;margin:24px auto;font-family:Noto Sans JP,sans-serif;font-size:20px;font-style:normal;font-weight:700;line-height:150%}.privacy-content h3{font-optical-sizing:auto;text-align:left;letter-spacing:.1em;color:#333;margin:24px auto;font-family:Noto Sans JP,sans-serif;font-size:16px;font-style:normal;font-weight:500;line-height:150%}.privacy-content p{font-optical-sizing:auto;text-align:left;letter-spacing:.02em;color:#333;margin:24px auto;font-family:Noto Sans JP,sans-serif;font-size:16px;font-style:normal;font-weight:400;line-height:175%}.privacy-content a{font-optical-sizing:auto;text-align:left;letter-spacing:.02em;color:#333;word-break:break-all;margin:24px auto;font-family:Noto Sans JP,sans-serif;font-size:16px;font-style:normal;font-weight:400;line-height:175%;text-decoration:underline}.privacy-content img{width:100%;margin:24px auto}
