.top-image{background-color:#000;background-image:url(https://245449945.fs1.hubspotusercontent-na2.net/hubfs/245449945/raw_assets/public/katsura-theme/saiyou/images/topimg_bg.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;max-width:100%;position:relative;width:100%}.top-image .arrow{bottom:5%;height:52px;left:50%;position:absolute;-webkit-transform:translate(-50%);transform:translate(-50%);width:65px;z-index:1}.top-image .arrow .sc{animation:arrow .6s ease-in 0s infinite alternate;background-image:url(https://245449945.fs1.hubspotusercontent-na2.net/hubfs/245449945/raw_assets/public/katsura-theme/saiyou/images/arrow_sc.png);background-position:50%;background-repeat:no-repeat;background-size:contain;bottom:0;height:22px;left:0;position:absolute;width:100%;z-index:1}@keyframes arrow{0%{bottom:10px}to{bottom:0}}.top-image .arrow .txt{animation:arrow-txt 1.2s linear 0s infinite alternate;background-image:url(https://245449945.fs1.hubspotusercontent-na2.net/hubfs/245449945/raw_assets/public/katsura-theme/saiyou/images/txt_sc.png);background-position:50%;background-repeat:no-repeat;background-size:contain;height:10px;left:0;position:absolute;top:0;width:100%;z-index:1}@keyframes arrow-txt{0%{opacity:0}to{opacity:1}}.top-image img{height:auto;max-width:100%;width:100%}.top-image .head-photo{align-items:center;display:flex;flex-flow:row wrap;justify-content:space-between;margin:0 auto;max-width:1600px;padding:80px 0 240px;width:100%}.top-image .head-photo .photo-l{max-width:500px;position:relative;width:35%}.top-image .head-photo .photo-r{max-width:525px;position:relative;width:38.5%}.top-image .head-photo .photo-b{clip-path:inset(0 0 100% 0);max-width:500px;position:relative;transition:all .6s;width:100%}.top-image .head-photo.loaded .photo-b{clip-path:inset(0 0 0 0)}.top-image .head-photo .photo-m{clip-path:inset(0 100% 0 0);margin:0 0 0 auto;max-width:490px;position:relative;transition:all .6s .2s;width:94%}.top-image .head-photo.loaded .photo-m{clip-path:inset(0 0 0 0)}.top-image .head-photo .photo-r:before{background-image:url(https://245449945.fs1.hubspotusercontent-na2.net/hubfs/245449945/raw_assets/public/katsura-theme/saiyou/images/site_title.png);background-position:0 0;background-repeat:no-repeat;background-size:contain;content:" ";display:block;height:100%;left:0;max-width:21px;position:absolute;top:0;width:4.28%;z-index:1}.top-image .head-photo .photo-s{clip-path:inset(0 0 0 100%);margin-top:22vw;max-width:380px;position:relative;transition:all .6s .3s;width:100%}.top-image .head-photo.loaded .photo-s{clip-path:inset(0 0 0 0)}.top-image .head-photo .over{height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%;z-index:1}.top-image .head-photo .photo-b .over{clip-path:inset(0 0 100% 0)}.top-image .head-photo .photo-m .over{clip-path:inset(0 100% 0 0)}.top-image .head-photo .photo-s .over{clip-path:inset(0 0 0 100%)}.top-image .head-photo.loaded .photo-b .over{animation:photo-view-b 8s ease-out 3s infinite normal}.top-image .head-photo.loaded .photo-m .over{animation:photo-view-m 8s ease-out 3.2s infinite normal}.top-image .head-photo.loaded .photo-s .over{animation:photo-view-s 8s ease-out 3.3s infinite normal}@keyframes photo-view-b{50%{clip-path:inset(0 0 100% 0)}55%{clip-path:inset(0 0 0 0)}95%{clip-path:inset(0 0 0 0)}to{clip-path:inset(100% 0 0 0)}}@keyframes photo-view-m{50%{clip-path:inset(0 100% 0 0)}55%{clip-path:inset(0 0 0 0)}95%{clip-path:inset(0 0 0 0)}to{clip-path:inset(0 0 0 100%)}}@keyframes photo-view-s{50%{clip-path:inset(0 0 0 100%)}55%{clip-path:inset(0 0 0 0)}95%{clip-path:inset(0 0 0 0)}to{clip-path:inset(0 100% 0 0)}}@media only screen and (min-width:1400px){.top-image .head-photo .photo-s{margin-top:300px}}.top-image .txt-sp{left:50%;max-width:1700px;padding:0;position:absolute;top:55%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%;z-index:2}.top-image .txt-sp .txt-sk{overflow:hidden;position:relative;transition:all .3s;width:100%}.top-image .txt-sp .txt-sk .inner{background-image:url(https://245449945.fs1.hubspotusercontent-na2.net/hubfs/245449945/raw_assets/public/katsura-theme/saiyou/images/title.png);background-position:50%;background-repeat:no-repeat;background-size:contain;clip-path:inset(0 100% 0 0);height:100%;left:0;position:absolute;top:0;transition:all .8s 1s;width:100%;z-index:1}.top-image .txt-sp.loaded .txt-sk .inner{clip-path:inset(0 0 0 0)}.top-image .txt-sp h1{color:#fff;font-size:clamp(2rem,4vw,4.5rem);letter-spacing:.15em;margin:2% 0 0 8%;width:80%}.top-image .txt-sp h1 strong{color:#00fc81;font-size:clamp(2.4rem,5vw,5.5rem)}#top-concept{margin:0 auto;max-width:1200px;width:90%}#top-concept>div{display:flex;flex-flow:row wrap;justify-content:space-between;margin-top:80px}#top-concept>div:nth-of-type(2n){flex-direction:row-reverse}#top-concept>div .txt{width:45%}#top-concept>div .txt h1{font-size:clamp(1.8rem,2.6vw,2.6rem)}#top-concept>div .txt h1 span{display:block;margin-top:4%}#top-concept>div .txt h1 img{height:auto;max-width:364px;width:100%}#top-concept>div .txt p{font-size:clamp(1.4rem,1.7vw,1.8rem);line-height:200%;margin-top:1.6em;text-align:left}#top-concept>div .txt p.nomt{margin-top:0}#top-concept>div .txt p span{color:#009081;display:block}#top-concept>div .photo{width:50%}#top-concept .button-g{margin-top:60px}#top-concept img{height:auto;max-width:100%;width:100%}#top-worker{background-color:#e1edf2;margin:80px auto 0;width:100%}#top-worker .inner{margin:0 auto;max-width:1600px;position:relative;width:100%}#top-worker .inner .txt{margin:0 0 0 auto;padding:8% 5%;width:50%}#top-worker .inner .txt h1{color:#00c57e;font-size:clamp(1.8rem,2.6vw,2.6rem)}#top-worker .inner .txt h1 span{display:block;margin-top:4%}#top-worker .inner .txt p{line-height:220%;padding:5% 0}#top-worker .inner .txt h1 img{height:auto;max-width:485px;width:100%}#top-worker .inner .photo{height:100%;left:0;position:absolute;top:0;width:50%;z-index:1}#top-worker .inner .photo img{height:100%;object-fit:cover;object-position:center center;width:100%}#top-project{background:linear-gradient(0deg,#003949,#001208);color:#fff;margin:80px auto 0;max-width:1600px;position:relative;width:100%}#top-project>h1{margin:0 auto;max-width:620px;padding-top:6%}#top-project>h1,#top-project>h2{position:relative;text-align:center;width:90%;z-index:2}#top-project>h2{font-size:clamp(2rem,5vw,5rem);margin:.4em auto}#top-project>p{margin:0 auto;position:relative;text-align:center;width:90%;z-index:2}#top-project .inner{display:flex;flex-flow:row wrap;position:relative;width:100%;z-index:2}#top-project .inner .txt{padding:5% 6%;width:50%}#top-project .inner .txt p{margin:5% 0}#top-project .inner-bg{height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}#top-project .inner-bg>div{filter:grayscale(40%) opacity(70%);height:100%;overflow:hidden;position:absolute;top:0;transition:all .2s;width:50%;z-index:1}#top-project .inner-bg>div:nth-of-type(2){right:0;top:0}#top-project .inner-bg .photo .in-p{background-image:url(https://245449945.fs1.hubspotusercontent-na2.net/hubfs/245449945/raw_assets/public/katsura-theme/saiyou/images/pj_p1.jpg);background-position:50%;background-repeat:no-repeat;background-size:auto 110%;height:100%;position:absolute;top:0;width:100%;z-index:1}#top-project .inner-bg div:nth-of-type(2) .in-p{background-image:url(https://245449945.fs1.hubspotusercontent-na2.net/hubfs/245449945/raw_assets/public/katsura-theme/saiyou/images/pj_p2.jpg);background-position:bottom;right:0;top:0}#top-project .inner-bg.bg1 #bg1{filter:grayscale(0) opacity(100%);width:100%}#top-project .inner-bg.bg1 #bg2,#top-project .inner-bg.bg2 #bg1{width:0}#top-project .inner-bg.bg2 #bg2{filter:grayscale(0) opacity(100%);width:100%}#top-project img{height:auto;max-width:100%;width:100%}#top-about{background-color:#eef3f5;margin:80px auto 0;position:relative;width:100%}#top-about h1{color:#00c57e;font-size:clamp(1.8rem,2.6vw,2.6rem);line-height:140%;margin:0 auto;max-width:800px;padding-top:60px;text-align:center;width:90%}#top-about h1 span{display:block;margin-top:4%}#top-about h1 img{height:auto;max-width:485px;width:100%}#top-about .inner{display:flex;flex-flow:row wrap;justify-content:space-between;margin:0 auto;max-width:1200px;width:100%}#top-about .inner .txt{background-color:#fff;margin-top:60px;padding:5% 4%;width:48%}#top-about .inner .txt h2{color:#009081;font-size:clamp(1.6rem,2.2vw,2.2rem);line-height:140%;margin:0 auto;max-width:355px;text-align:center;width:100%}#top-about .inner .txt h2 span{display:block;margin-top:4%}#top-about .inner .txt p{padding:5%;text-align:center}#top-about .inner .txt .button-g{margin:0 auto}#top-about img{height:auto;max-width:100%;width:100%}#top-etc{background-color:#eef3f5;margin:80px auto 0;padding-top:80px;position:relative;width:100%}#top-etc .inner{display:flex;flex-flow:row wrap;justify-content:space-between;margin:0 auto;max-width:1200px;width:100%}#top-etc .inner .txt{background-color:#fff;padding:5% 4%;width:48%}#top-etc .inner .txt h2{color:#009081;font-size:clamp(1.6rem,2.2vw,2.2rem);line-height:140%;margin:0 auto;max-width:355px;text-align:center;width:100%}#top-etc .inner .txt h2 span{display:block;margin-top:4%}#top-etc .inner .txt p{padding:5%;text-align:center}#top-etc .inner .txt .icon-b{background-color:#eef3f5;background-image:url(https://245449945.fs1.hubspotusercontent-na2.net/hubfs/245449945/raw_assets/public/katsura-theme/saiyou/images/icon1.png);background-position:left 28px center;background-repeat:no-repeat;background-size:13.333%;border:2px solid #eef3f5;border-radius:60px;color:#009081;display:block;font-size:clamp(1.6rem,2vw,2rem);margin:0 auto 6%;max-width:450px;padding:1.6em 1em;text-align:center;text-decoration:none;transition:all .3s;width:100%}#top-etc .inner>div:first-of-type a:nth-of-type(2){background-image:url(https://245449945.fs1.hubspotusercontent-na2.net/hubfs/245449945/raw_assets/public/katsura-theme/saiyou/images/icon2.png)!important;margin:0 auto}#top-etc .inner>div:nth-of-type(2) a:first-of-type{background-image:url(https://245449945.fs1.hubspotusercontent-na2.net/hubfs/245449945/raw_assets/public/katsura-theme/saiyou/images/icon3.png)!important}#top-etc .inner>div:nth-of-type(2) a:nth-of-type(2){background-image:url(https://245449945.fs1.hubspotusercontent-na2.net/hubfs/245449945/raw_assets/public/katsura-theme/saiyou/images/icon4.png)!important;margin:0 auto}#top-etc .inner .txt .icon-b:hover{background-color:#fff;opacity:1}#top-etc img{height:auto;max-width:100%;width:100%}.txt .button-g{font-size:clamp(1.2rem,1.4vw,1.4rem);margin:0;max-width:240px;padding:1em}.txt .button-g:before{height:1.3em;right:7%}@media only screen and (min-width:1px) and (max-width:768px){.top-image{overflow:hidden;width:100%}.top-image .head-photo{align-items:center;display:flex;flex-flow:row wrap;justify-content:space-between;margin:0 auto;max-width:1600px;padding:8% 0 25%;width:100%}.top-image .head-photo .photo-l{width:40%}.top-image .head-photo .photo-r{max-width:525px;position:relative;width:42%}#top-concept>div{margin-top:10%}#top-concept>div,#top-concept>div:nth-of-type(2n){flex-direction:column}#top-concept>div .txt{width:100%}#top-concept>div .txt h1 span{display:block}#top-concept>div .txt p{margin-top:1.6em}#top-concept>div .txt p.nomt{margin-top:0}#top-concept>div .txt p span{color:#009081;display:inline-block}#top-concept>div .photo{margin-top:6%;width:100%}#top-concept .button-g{margin-top:6%}#top-worker{margin:10% auto 0;width:100%}#top-worker .inner .txt{margin:0 0 0 auto;padding:10% 5%;width:100%}#top-worker .inner .txt p{line-height:220%;padding:5% 0}#top-worker .inner .txt h1{text-align:center}#top-worker .inner .txt h1 span{display:block;margin-top:4%}#top-worker .inner .txt h1 img{height:auto;max-width:300px;width:100%}#top-worker .inner .photo{height:auto;left:0;max-height:300px;overflow:hidden;position:relative;top:0;width:100%;z-index:1}#top-worker .inner .photo img{display:block;height:auto;margin-top:-8%;width:100%}#top-project{margin:8% auto 0}#top-project>h1{padding-top:8%}#top-project>p{margin:0 auto 6%;z-index:2}#top-project .inner{display:flex;flex-flow:row wrap;position:relative;width:100%;z-index:2}#top-project .inner .txt{padding:0 5% 6%;text-align:center;width:100%}#top-project .inner .txt p{margin:5% 0}#top-project .inner .txt .button-g{margin:0 auto}#top-project .inner-bg{display:none;height:100%;position:absolute;width:100%}#top-about{background-color:#eef3f5;margin:8% auto 0;position:relative;width:100%}#top-about h1{color:#00c57e;font-size:clamp(1.8rem,2.6vw,2.6rem);line-height:140%;margin:0 auto;max-width:800px;padding-top:6%;text-align:center;width:90%}#top-about h1 span{display:block;margin-top:4%}#top-about h1 img{height:auto;max-width:300px;width:100%}#top-about .inner{display:block;margin:0 auto;max-width:1200px;width:100%}#top-about .inner .txt{background-color:#fff;margin:6% auto 0;padding:6% 5%;width:90%}#top-about .inner .txt h2{margin:0 auto;width:100%}#top-about .inner .txt h2 span{display:block;margin-top:4%}#top-about .inner .txt p{padding:5%;text-align:center}#top-about .inner .txt .button-g{margin:0 auto}#top-etc{margin:8% auto 0;padding-top:8%;width:100%}#top-etc .inner{display:block;margin:0 auto;max-width:1200px;width:100%}#top-etc .inner .txt{background-color:#fff;margin:0 auto;padding:6% 5%;width:90%}#top-etc .inner>div:nth-of-type(2){margin-top:6%}#top-etc .inner .txt h2{margin:0 auto;width:100%}#top-etc .inner .txt h2 span{display:block;margin-top:4%}#top-etc .inner .txt p{padding:5%;text-align:center}#top-etc .inner .txt .icon-b{background-position:left 15px center;background-size:13%;padding:1.2em 1em;transition:all .3s}}