.sc_ad{opacity:0;visibility:hidden;transform:translateY(-27px)}.sc_ad.on{opacity:1;visibility:visible;transform:translateY(0);transition-duration:0.9s}@media screen and (max-width:480px){.sc_ad.on{transition-duration:0.45s}}#about{padding:60px 0 80px;position:relative}#about:before{content:"";width:150px;height:150px;background-color:#ffbe00;display:block;opacity:0;position:absolute;top:0;left:0;z-index:1000}#about.on1.on2.on3:before{opacity:1;transition-duration:1.2s;transition-delay:1.2s}#about:after{content:"";width:333px;height:333px;border-radius:900px;background-color:#ffbe00;display:block;opacity:0;position:absolute;bottom:33px;right:33px;z-index:-2}#about.on1.on2.on3:after{opacity:1;transition-duration:1.2s;transition-delay:1.5s}#about>.content{width:86%;max-width:1280px;margin:0 auto;position:relative}#about>.content>.image{width:50%;height:100%;position:absolute;top:0;left:0;z-index:-1}#about>.content>.image>p{width:100%;height:100%;position:relative}#about>.content>.image>p:before,#about>.content>.image>p:after{content:"";width:50%;height:0;background-color:#ffbe00;opacity:0;display:block;position:absolute;z-index:1000;transition-duration:0.5s}#about>.content>.image>p:before{top:0;left:0}#about>.content>.image>p:after{top:0;right:0}#about.on1>.content>.image>p:before,#about.on1>.content>.image>p:after{height:100%;opacity:1}#about.on1.on2>.content>.image>p:before{height:0;top:0}#about.on1.on2>.content>.image>p:after{height:0;top:auto;bottom:0}#about>.content>.image>p img{width:100%;height:100%;object-fit:cover;opacity:0;-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%)}#about.on1.on2>.content>.image>p img{opacity:1}#about.on1.on2.on3>.content>.image>p img{transition-duration:0.5s;-webkit-filter:grayscale(0);-moz-filter:grayscale(0);-ms-filter:grayscale(0);-o-filter:grayscale(0);filter:grayscale(0)}#about>.content>.content{width:55%;padding:120px 0 180px;float:right;z-index:1000;box-sizing:border-box;position:relative}#about>.content>.content>.content{padding:72px 99px;border-radius:9px;background-color:#fff;opacity:0;transform:translateX(18px)}#about.on1.on2.on3>.content>.content>.content{opacity:1;transform:translateX(0);transition-duration:0.9s;transition-delay:0.5s}#about>.content>.content>.content>h1{margin-bottom:15px;font-size:19px;font-weight:700;line-height:2.2}#about>.content>.content>.content>h1>.sp{display:none}#main-copy{width:130%;position:absolute;bottom:40px;right:0;opacity:0}#main-copy.on{opacity:1}#main-copy svg{vertical-align:bottom}#main-copy .st0{fill:none;stroke:#2d2d2d;stroke-width:1px}#main-copy.on .st0{-webkit-animation:draw 0.6s ease-in;animation:draw 0.6s ease-in;animation-fill-mode:forwards;animation-delay:3.3s}@-webkit-keyframes draw{0%{fill:#fff0;stroke:#2d2d2d}100%{fill:#2d2d2d;stroke:#fff0}}#recruits_btn{width:180px;border-radius:360px;background:#f09600;background:linear-gradient(45deg,rgb(240 150 0) 0%,rgb(250 190 0) 72%);display:block;box-shadow:1px 1px 9px rgb(0 0 0 / .2);position:absolute;top:45px;right:5%;z-index:5000;transition-duration:0.2s}#recruits_btn.on{transform:scale(.9);transition-duration:0.3s}#recruits_btn:hover{background:linear-gradient(45deg,rgb(240 165 0) 0%,rgb(250 205 0) 72%);transition-duration:0.3s}@media screen and (max-width:1024px){#about{padding:81px 0 135px}#about>.content{width:100%}#about>.content>.content{width:60%}#main-copy{width:120%}}@media screen and (max-width:896px){#about{padding:60px 0 120px}#about:before{width:120px;height:120px}#about:after{width:270px;height:270px}#about>.content>.image{width:40%}#about>.content>.content{width:65%;padding:120px 0 150px}#about>.content>.content>.content{padding:63px 72px;border-radius:9px 0 0 9px}#about>.content>.content>.content>.text{font-size:15px;line-height:1.6;text-align:justify}#main-copy{width:100%;bottom:30px}}@media screen and (max-width:480px){#about{padding:0;overflow:hidden}#about:before{width:100px;height:100px;border-radius:200px;top:-50px;left:-50px}#about.on1.on2.on3:before{transform:scale(1.8);transition-delay:0.3s}#about.on1.on2.on3:after{opacity:0;display:none}#about>.content>.image{width:100%;height:auto;position:static;z-index:auto}#about>.content>.content{width:100%;padding:0;float:none;position:relative}#about>.content>.content:after{content:"";width:100%;height:0;background-color:#ffbe00;display:block;position:absolute;top:0;left:0;z-index:-1}#about.on1.on2>.content>.content:after{height:100%;transition-duration:1s}#about>.content>.content>.content,#about.on1.on2.on3>.content>.content>.content{width:86%;padding:39px 24px 45px;margin:0 auto;border-radius:12px;transform:translateY(-63px);box-sizing:border-box;transition-delay:0.3s;transition-duration:1.5s}#about>.content>.content>.content>h1{margin-bottom:15px;font-size:18px;line-height:1.7;text-align:center;color:#5a5a5a}#about>.content>.content>.content>h1>.sp{display:block}#about>.content>.content>.content>.text{font-size:15px;line-height:1.9;letter-spacing:.02em;color:#5a5a5a}#main-copy{width:100%;bottom:0}}#banner{width:86%;max-width:1280px;padding:50px 0 150px;margin:0 auto}#banner>.image{margin-bottom:45px}#banner>.image:last-child{margin-bottom:0}@media screen and (max-width:1024px){#banner{padding:0 0 150px}}@media screen and (max-width:480px){#banner{padding:60px 0}#banner>.image{margin-bottom:30px}}#service{padding:135px 0 120px;border-bottom:6px dotted #fff;background-color:#f3f4f5}#service>h2{margin-bottom:63px;font-size:19px;font-weight:700;line-height:1;text-align:center}#service>.content{margin:0 auto}#service>.content>div>h3{margin-bottom:45px;font-weight:500;line-height:1;text-align:center}#service>.content>div>ul>li{width:25%;float:left}#service>.content>div>ul>li:nth-child(-n+2){margin-bottom:36px}#service>.content>div>ul>li>a{width:171px;margin:0 auto 18px;display:block;transition-duration:0.2s}#service>.content>div>ul>li>a:hover{transform:scale(.96,.96);transition-duration:0.3s}#service>.content>div>ul>li>.text{font-size:14px;line-height:1;text-align:center}#service>.consulting{width:50%;margin:90px auto 0;line-height:1}#service>.consulting>h3{margin-bottom:36px;text-align:center}#service>.consulting>.content>p{width:50%;text-align:center;float:left}#service>.consulting>.content>p>a{width:171px;margin:0 auto 18px;display:block;transition-duration:0.2s}#service>.consulting>.content>p>a:hover{transform:scale(.96,.96);transition-duration:0.3s}#service>.consulting>.content>p>span{font-size:14px;line-height:1;text-align:center;display:block}@media screen and (max-width:1024px) and (orientation:portrait){#service{padding-top:140px}#service>h2{margin-bottom:63px;font-size:24px}#service>.content>div>h3{margin-bottom:42px}#service>.content>div>ul>li:nth-child(-n+2){margin-bottom:39px}#service>.content>div>ul>li>a{width:162px;margin:0 auto 18px}#service>.consulting>.content>p>a{width:162px;margin:0 auto 18px}}@media screen and (max-width:896px){#service{padding:126px 0 108px}#service>h2{margin-bottom:54px;font-size:21px}#service>.content>div>h3{margin-bottom:36px}#service>.content>div>ul>li>a{width:135px;margin:0 auto 15px}#service>.consulting>.content>p>a{width:135px;margin:0 auto 15px}}@media screen and (max-width:480px){#service{padding:108px 0 99px}#service>h2{margin-bottom:63px;font-size:24px}#service>.content>div{width:100%;float:none}#service>.content>.web{margin-bottom:72px}#service>.content>div>h3{margin-bottom:39px}#service>.content>div>ul>li{width:100%;float:none}#service>.content>div>ul>li:nth-child(-n+2){margin-bottom:0}#service>.content>div>ul>li{margin-top:55px}#service>.content>div>ul>li:first-child{margin-top:0}#service>.content>div>ul>li>a{width:63%;margin:0 auto 21px}#service>.content>div>ul>li>.text{font-size:18px}#service>.consulting{width:100%}#service>.consulting>.content>p>a{width:72%}}#feature{padding:135px 0}#feature>.content-1{width:86%;margin:0 auto 60px;position:relative}#feature>.content-1>.image{width:28%;border-radius:10px;overflow:hidden;float:right}#feature>.content-1>.content{width:60%;height:100%;display:flex;flex-wrap:wrap;align-items:center;position:absolute;top:0;left:0}#feature>.content-1>.content>div>h2{margin-bottom:24px;line-height:1}#feature>.content-1>.content>div>h2>span{padding-bottom:12px;border-bottom:2px solid #2d2d2d;display:inline-block}#feature>.content-1>.content>div>h3{margin-bottom:12px;font-size:21px;font-weight:500}#feature>.content-1>.content>div>h3>span{color:#fabe00}#feature>.content-1>.content>div>.text{max-width:600px;line-height:1.8}#feature>.content-2{width:86%;margin:0 auto;display:flex;flex-wrap:wrap}#feature>.content-2>li{width:28%;margin-right:8%;float:left}#feature>.content-2>li:nth-child(2){padding-top:120px}#feature>.content-2>li:nth-child(3){padding-top:240px;margin-right:0}#feature>.content-2>li>.image{margin-bottom:33px}#feature>.content-2>li>.content>h3{margin-bottom:12px;font-size:18px;font-weight:500}#feature>.content-2>li>.content>.text{line-height:1.8}@media screen and (max-width:1024px) and (orientation:portrait){#feature{padding:144px 0}#feature>.content-1{margin:0 auto 63px}#feature>.content-1>.image{width:29%}#feature>.content-2>li{width:29%;margin-right:6.5%}#feature>.content-2>li:nth-child(2){padding-top:100px}#feature>.content-2>li:nth-child(3){padding-top:200px}#feature>.content-2>li>.image{margin-bottom:33px}#feature>.content-2>li>.content>h3{margin-bottom:9px;font-size:19px;line-height:1.8}}@media screen and (max-width:896px){#feature{padding:135px 0}#feature>.content-1{margin:0 auto 117px}#feature>.content-1>.content{width:54%}#feature>.content-1>.content>div>h3{margin-bottom:9px}#feature>.content-1>.image{width:39%}#feature>.content-2>li{width:100%;margin-right:0;margin-bottom:63px}#feature>.content-2>li:nth-child(2){padding-top:0}#feature>.content-2>li:nth-child(3){padding-top:0;margin-bottom:0}#feature>.content-2>li>.image{width:39%;margin-bottom:0;float:left}#feature>.content-2>li>.content{width:59%;float:right}#feature>.content-2>li>.content>h3{margin-top:12px;margin-bottom:6px;font-size:18px}}@media screen and (max-width:480px){#feature{padding:108px 0}#feature>.content-1{margin:0 auto 81px}#feature>.content-1>.image{width:100%;margin-bottom:60px;float:none}#feature>.content-1>.content{width:100%;height:auto;display:block;position:static}#feature>.content-1>.content>div>h2{margin-bottom:45px}#feature>.content-1>.content>div>h2>span{padding-bottom:15px}#feature>.content-1>.content>div>h3{margin-bottom:18px;line-height:2;text-align:justify}#feature>.content-1>.content>div>h3>br{display:none}#feature>.content-2>li{margin-bottom:72px}#feature>.content-2>li>.image{width:100%;margin-bottom:33px;float:none}#feature>.content-2>li>.content{width:100%;float:none}#feature>.content-2>li>.image{margin-bottom:45px}#feature>.content-2>li>.content>h3{margin-bottom:15px;font-weight:700;text-align:center}}#works.post{padding-top:150px;margin-bottom:90px}#blog.post{padding-bottom:150px}.post>h2{margin-bottom:63px;font-size:30px;font-weight:500;line-height:1;text-align:center}.post>div{margin-bottom:50px;display:flex;flex-wrap:wrap}.post>div>article{width:25%;float:left}.post>div>article>a>.image{margin-bottom:15px;background-color:#fff}.post>div>article>a:hover>.image img{opacity:.6}.post>div>article>a>.title{width:90%;margin:0 auto;font-size:14px;line-height:1.5}.post>div>article>a:hover>.title{text-decoration:underline}.post>a{width:100%;max-width:210px;padding:21px 0;border:1px solid #2d2d2d;margin:0 auto;border-radius:5px;font-size:14px;line-height:1;text-align:center;box-sizing:border-box;display:block}.post>a:hover{background-color:#f3f4f5}@media screen and (max-width:1024px) and (orientation:portrait){#works.post{padding-top:135px}#blog.post{padding-bottom:120px}.post>h2{margin-bottom:55px;font-size:27px}.post>div{margin-bottom:45px}.post>div>article>a>.image{margin-bottom:12px}}@media screen and (max-width:896px){.post>h2{font-size:24px}.post>div{width:86%;margin:0 auto 60px}.post>div>article{width:46%}.post>div>article:nth-child(2n+1){margin-right:8%}.post>div>article:nth-child(-n+2){margin-bottom:45px}.post>div>article>a>.title{width:100%}}@media screen and (max-width:480px){#works.post{padding-top:108px}.post>h2{margin-bottom:54px;font-size:24px;font-weight:700}.post>div{margin:0 auto 60px}.post>div>article{width:100%;margin-bottom:36px;float:none}.post>div>article:nth-child(2n+1){margin-right:0}.post>div>article:nth-child(-n+2){margin-bottom:36px}.post>div>article:last-child{margin-bottom:0}.post>div>article>a>.image{margin-bottom:12px}.post>div>article>a>.title{text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.post>a{max-width:86%;padding:27px 0;margin:0 auto;font-size:14px}}#total{padding-bottom:135px;position:relative}#total:after{content:"";width:100%;height:63%;background-color:#ffbe00;position:absolute;left:0;bottom:0;z-index:-1}#total>.content{width:86%;max-width:1280px;margin:0 auto;border-radius:18px;overflow:hidden;background-color:#fff;box-sizing:border-box;box-shadow:3px 3px 9px 0 rgb(0 0 0 / .18);position:relative}#total>.content>.image{width:30%;height:100%;position:absolute;top:0;left:0}#total>.content>.image img{width:100%;height:100%;object-fit:cover}#total>.content>.content{width:70%;padding:90px 108px 108px;box-sizing:border-box;float:right}#total>.content>.content>.en{margin-bottom:24px;line-height:1}#total>.content>.content>.en>span{padding-bottom:12px;border-bottom:2px solid #2d2d2d;display:inline-block}#total>.content>.content>h2{margin-bottom:12px;font-size:21px;font-weight:500}#total>.content>.content>h2>span{color:#ffbe00}#total>.content>.content>.text{line-height:1.8;text-align:justify}@media screen and (max-width:1024px){#total>.content>.image{width:25%}#total>.content>.content{width:75%;padding:85px 90px 90px}}@media screen and (max-width:896px){#total>.content>.content{padding:75px}}@media screen and (max-width:480px){#total{padding-bottom:81px}#total>.content{border-radius:9px}#total>.content>.image{width:100%;height:auto;position:static}#total>.content>.image img{height:210px}#total>.content>.content{width:100%;padding:45px 30px 55px;float:none}#total>.content>.content>.en{margin-bottom:36px}#total>.content>.content>.en>span{padding-bottom:15px}#total>.content>.content>h2{margin-bottom:15px;line-height:2;text-align:justify;letter-spacing:.01em}#total>.content>.content>h2>br{display:none}}