@charset "UTF-8";.loading{width:100%;height:100vh;z-index:99999999;position:fixed;top:0;left:0}.loading__inner{position:absolute;width:100%;height:100%;top:0;left:0;background-color:#59777b;display:flex;align-items:center;justify-content:center;background-image:url(//ayaooiwa.com/wp-content/themes/ayaooiwa_theme/css/images/common/noise.png);background-size:500px;background-position:center;background-repeat:repeat;transform-origin:bottom}@media screen and (max-width:960px){.loading__inner{background-size:350px}}.loading__inner .loading__logo{width:200px;height:auto;display:block}@media screen and (max-width:767px){.loading__inner .loading__logo{width:150px}}.loading__inner .loading__logo figure{opacity:0}.loading__inner .loading__logo .progress{width:100%;height:1px;display:block;margin-top:20px}.loading__inner .loading__logo .progress__inner{width:0;height:100%;background-color:#fff;display:block;opacity:.25;position:relative}.loading__inner .loading__logo.current figure{animation:btmin 1s ease forwards}.loading__inner .loading__logo .num{margin-top:20px;width:100%;line-height:20px;height:20px}.loading__inner .loading__logo .num span{text-align:center;width:100%;display:block;color:#fff;font-size:1.3rem;font-weight:400;opacity:.75}.loading__inner .loading__logo.hide{opacity:0;transform:translateY(-50px);transition:1s ease all}.loading.open:before{content:"";z-index:9999999999;position:fixed;top:0;left:0;width:100%;height:100vh;animation:pageAnime2 2s cubic-bezier(.82,0,.13,1) forwards;pointer-events:none;background-color:#699098;display:block;background-image:url(//ayaooiwa.com/wp-content/themes/ayaooiwa_theme/css/images/common/noise.png);background-size:500px;background-position:center;background-repeat:repeat}@media screen and (max-width:960px){.loading.open:before{background-size:350px}}.loading.open .loading__inner{opacity:0;transition:0s 1s ease all}@keyframes pageAnime2{0%{border-radius:50em 50em 0 0/100% 100% 0 0;transform:scaleY(0);transform-origin:bottom}40%{border-radius:0;transform:scaleY(1);transform-origin:bottom}50%{border-radius:0;transform:scaleY(1);transform-origin:top}100%{transform:scaleY(0);border-radius:0;transform-origin:top}}.bgimg{position:absolute;top:0;left:0;width:100%;height:auto;z-index:-1;mix-blend-mode:multiply}.bgimg figure{display:flex;justify-content:center;overflow:hidden}.bgimg figure img{position:relative;left:-20px;width:calc(100% + 40px)}@media screen and (max-width:767px){.bgimg figure img{width:calc(100% + 140px);left:-70px}}.works{padding:600px 0 0}.works .title{width:calc(100% - 110px);text-align:right;font-size:1.6rem;margin:0 auto 25px;max-width:2560px}@media screen and (max-width:960px){.works .title{width:100%;text-align:center;margin:0 auto 100px}}@media screen and (max-width:767px){.works .title{font-size:1.5rem}}.works__inner{max-width:inherit;margin:0 50px 300px}@media screen and (max-width:960px){.works__inner{margin:0 0 300px;padding:0 50px}}@media screen and (max-width:767px){.works__inner{padding:0 25px}}.works__inner .works__item{width:calc(100% - 350px);margin-left:350px;margin-bottom:50px;position:relative}@media screen and (max-width:1536px){.works__inner .works__item{width:calc(100% - 300px);margin-left:300px}}@media screen and (max-width:1024px){.works__inner .works__item{width:calc(100% - 250px);margin-left:250px}}@media screen and (max-width:960px){.works__inner .works__item{width:calc(100% - 40px);margin-left:40px;margin-bottom:150px}}@media screen and (max-width:767px){.works__inner .works__item{margin-left:35px;width:calc(100% - 35px);margin-bottom:100px}}.works__inner .works__item h2{display:block;position:absolute;left:-40px;top:0;writing-mode:vertical-lr;line-height:1;font-size:1.8rem;letter-spacing:.3em}@media screen and (max-width:767px){.works__inner .works__item h2{left:-30px;font-size:1.6rem;letter-spacing:.3em}}.works__inner .works__item h2 span{font-size:1.3rem;margin-top:25px;letter-spacing:0em}@media screen and (max-width:960px){.works__inner .works__item h2 span{font-size:1.2rem}}@media screen and (max-width:767px){.works__inner .works__item h2 span{font-size:1rem}}.works__inner .works__item__inner{position:relative;display:block;width:100%}.works__inner .works__item__inner a{width:100%;aspect-ratio:16/8;display:block;overflow:hidden;position:relative}@media screen and (max-width:960px){.works__inner .works__item__inner a{aspect-ratio:16/9}}@media screen and (max-width:767px){.works__inner .works__item__inner a{aspect-ratio:1/1}}.works__inner .works__item__inner a img{-o-object-fit:cover;object-fit:cover;width:100%;height:auto;transition:1.5s ease all}.works__inner .works__item__inner a:hover img{transform:scale(1.1)}.works .link{text-align:center;margin:250px auto;display:block;width:120px;height:40px;line-height:40px;position:relative}@media screen and (max-width:960px){.works .link{margin:200px auto}}.works .link:before{content:"";height:1px;width:100%;background-color:#222;display:block;position:absolute;bottom:0;left:0;transition:transform .3s .25s ease;transform-origin:right top;transform:scale(0,1)}.works .link a{font-size:1.8rem;position:relative;display:block;overflow:hidden;width:120px;height:40px}@media screen and (max-width:1440px){.works .link a{font-size:1.6rem}}@media screen and (max-width:767px){.works .link a{font-size:1.5rem}}.works .link a span{transition:all ease .3s .25s;position:absolute;display:block;height:40px;width:100%;left:0}.works .link a span:nth-child(1){top:0}.works .link a span:nth-child(2){top:40px}.works .link:hover:before{transform-origin:left top;transform:scale(1,1);transition:all ease .3s}.works .link:hover a span{transition:all ease .3s}.works .link:hover a span:nth-child(1){top:-40px}.works .link:hover a span:nth-child(2){top:0}