*,*::before,*::after{box-sizing:border-box}html{font-size:62.5%}body{margin:0;background-color:#f5f5f5;font-family:sans-serif;font-size:1.6rem}h1,h2,p{margin:0}a{color:#000}img{max-width:100%;height:auto;vertical-align:top}.text-common{margin:45px 0 0;font-size:1.4rem;line-height:2}.ul-common{margin:45px 0 0 18px;padding:0}.ul-common li{font-size:1.4rem;line-height:2}.header h1{font-family:Oswald;font-size:25vw;text-align:center}.header p{font-family:Oswald;font-size:6.7vw;text-align:center}.main{display:block;padding:0 18px}.section{max-width:840px;margin:60px auto 0}.section h2{font-family:Oswald;font-size:4.5rem;text-align:center}@media (min-width: 1260px){.works{max-width:1260px}}.works-list{display:flex;flex-wrap:wrap;gap:30px 0;max-width:420px;margin:45px auto 0;padding:0;list-style-type:none}@media (min-width: 768px){.works-list{gap:30px 15px;max-width:none}}@media (min-width: 768px){.works-list li{width:calc(50% - 15px / 2)}}@media (min-width: 1260px){.works-list li{width:calc(100% / 3 - 15px * 2 / 3)}}.works-list a{display:flex;flex-direction:column;align-items:flex-start;text-decoration:none}.works-list-area{margin:12px 3px 0;font-size:1.2rem}.works-list-title{display:inline-block;margin:3px 3px 0;font-size:1.4rem}.works-list-field{margin:0 3px;font-size:1.4rem}.works-list-shopify{position:relative}.works-list-shopify::after{content:'';position:absolute;top:12px;right:12px;width:45px;height:45px;background-image:url(../img/common/icon-shopify.svg)}@media (min-width: 960px){.works-list-title,.works-list-field{position:relative}.works-list-title::before,.works-list-field::before{content:'';position:absolute;bottom:0;left:0;width:100%;height:1px;transform:scaleX(0);transform-origin:left;background-color:#000;transition-property:transform;transition-duration:0.25s}.works-list a:hover .works-list-title::before,.works-list a:hover .works-list-field::before{transform:scaleX(1)}}.service-cms{margin:35px auto 0;padding:0;list-style-type:none}@media (min-width: 768px){.service-cms{display:flex;flex-wrap:wrap;justify-content:center}}.service-cms li{margin:10px 10px 0;text-align:center}.footer{margin:90px 0 0;padding:15px;background-color:#000;color:#fff}.footer-copyright{text-align:center}.footer-copyright small{font-size:1.4rem}.footer address{font-size:1.1rem;font-style:normal;text-align:center}.loader{position:fixed;top:0;left:0;z-index:1;width:100%;height:100%;background-color:#f5f5f5;transition:opacity 0.5s}.loader-cond{position:absolute;top:0;left:0;width:100%;height:3px;background-color:#000;transform-origin:left;transform:scaleX(0)}.loader-loaded{opacity:0}.mask,.mask-l,.mask-d{position:relative}.mask::before,.mask-l::before,.mask-d::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%}.mask-l::before{background-color:#f5f5f5}.mask-d::before{background-color:#000}.mask-fl::before{transform:scaleX(0);transform-origin:right;animation-name:mask-fl;animation-duration:0.5s}@keyframes mask-fl{from{transform:scaleX(1)}to{transform:scaleX(0)}}.mask-fr::before{transform:scaleX(0);transform-origin:left;animation-name:mask-fr;animation-duration:0.5s}@keyframes mask-fr{from{transform:scaleX(1)}to{transform:scaleX(0)}}