body{opacity:0}.scroll-nav{display:none}@media screen and (min-width: 1001px){.scroll-nav-wrap{position:relative}.scroll-nav-col{position:absolute;left:2%;width:280px;height:100%}.scroll-nav-logo{margin-bottom:2rem}.wrapper{margin-left:calc( 7% + 280px );width:calc( 90% - 280px );max-width:980px}}@media screen and (min-width: 1001px) and (min-width: 1600px){.wrapper{margin-left:auto}}@media screen and (min-width: 1001px){.scroll-nav{position:-webkit-sticky;position:sticky;top:0;left:0;display:block;box-sizing:border-box;padding-left:2rem;padding-top:max(2.541667vw, 60.35px);font-size:2.2rem;font-family:'M PLUS 1 Code', sans-serif;font-weight:600}.scroll-nav a,.scroll-nav a:visited{display:block;color:#1a1a1a;position:relative}.scroll-nav.link_wh a,.scroll-nav.link_wh a:visited{color:#fff}.scroll-nav .inner_links a,.scroll-nav .inner_links a:visited{padding:.5rem 0;transition:color .2s}.scroll-nav .inner_links a.current,.scroll-nav .inner_links a:visited.current{color:#28a03c}.scroll-nav .inner_links a.current:before,.scroll-nav .inner_links a:visited.current:before{content:'';width:14px;height:14px;border-radius:1rem;background:#28a03c;position:absolute;top:50%;left:-2rem;transform:translateY(-50%);transition:all .3s}.scroll-nav .inner_links a.current.link_about,.scroll-nav .inner_links a.current.link_videos,.scroll-nav .inner_links a.current.link_contact,.scroll-nav .inner_links a:visited.current.link_about,.scroll-nav .inner_links a:visited.current.link_videos,.scroll-nav .inner_links a:visited.current.link_contact{color:#fdd703}.scroll-nav .inner_links a.current.link_about:before,.scroll-nav .inner_links a.current.link_videos:before,.scroll-nav .inner_links a.current.link_contact:before,.scroll-nav .inner_links a:visited.current.link_about:before,.scroll-nav .inner_links a:visited.current.link_videos:before,.scroll-nav .inner_links a:visited.current.link_contact:before{background:#fdd703}.scroll-nav .inner_links a.current.link_news,.scroll-nav .inner_links a:visited.current.link_news{color:#285ad2}.scroll-nav .inner_links a.current.link_news:before,.scroll-nav .inner_links a:visited.current.link_news:before{background:#285ad2}}.b-cat{position:absolute;top:-2.8rem;right:.6rem;border-radius:1rem;padding:.7rem 2rem;display:block;background:#000;color:#fff;font-size:1.4rem;font-weight:bold;z-index:1}.b-cat>span{display:block;max-width:200px;max-height:26px;overflow:hidden}.b-cat:before{content:'';position:absolute;display:block;width:0;height:0;right:1.8rem;bottom:-.8rem;border-right:1rem solid #000;border-top:1rem solid transparent;border-bottom:1rem solid transparent;transform:rotate(55deg);z-index:0}.b-time{font-size:1.4rem;text-decoration:underline}.b-title{font-size:2rem}.b-info{padding:2rem;font-weight:bold}.btn_banner{max-width:450px}.hero h1 img{width:100%}.hero_logo{display:none}@media screen and (max-width: 1000px){.hero_logo{display:block;top:1rem;left:1rem;position:fixed;z-index:1;width:130px}}@media screen and (max-width: 767px){.hero_logo{width:100px}}#greetings{background:#faf5e6 url("../img/top/bg_greetings.png") no-repeat center bottom/cover;padding:5% 0 14%}#greetings h2{text-align:center;position:relative;font-size:1.88vw;line-height:2}@media screen and (min-width: 1200px){#greetings h2{font-size:2.4rem;font-family:'M PLUS 1 Code', sans-serif;font-weight:600}}#greetings h2>span{display:block;width:100%;position:absolute;padding:4% 5% 0 13%}#greetings h2 img{width:100%}#about{color:#fff;background:url("../img/top/img-about10.png") no-repeat left 5% bottom 15rem/655px auto,url("../img/top/bg_ov_blue.png") repeat;background-color:#285ad2;padding:10rem 0 35rem}#about .f-box{margin-bottom:10rem;align-items:center}#about .f-box img{width:100%}#about .f-box:last-of-type{margin-bottom:0}@media screen and (min-width: 768px){#about .f-box-r img{max-width:550px;margin-right:0;margin-left:auto}}#about .bg_about01{margin-bottom:4rem;background:url("../img/top/img-about03.png") no-repeat left 3% top 28%/242px auto}#about .bg_about01 .f-box-r{background:url("../img/top/img-about02.png") no-repeat left top/230px auto}#about .bg_about02{padding-top:8rem;background:url("../img/top/img-about07.png") no-repeat left 13% top/684px auto}#about .bg_about03{padding-top:4rem;background:url("../img/top/img-about08.png") no-repeat left 20% top/90% auto}#about .bg_about04>.wrapper{padding-top:8rem;background:url("../img/top/img-about09.png") no-repeat right top/600px auto}#about h2,#about h3{margin-bottom:6rem}#about h2 img{max-width:320px}#about h3,#about .conclusion{font-size:3.6rem;font-family:'M PLUS 1 Code', sans-serif;font-weight:600}#about .intro{font-size:2rem;font-family:'M PLUS 1 Code', sans-serif;font-weight:600;line-height:2;margin-bottom:4.5rem}#about .intro:last-of-type{margin-bottom:0}#news{background:url("../img/top/bg_news.png") repeat-x top center/auto 70px;padding:20rem 0 10rem;margin-top:-70px}#news h2{margin-bottom:8rem;position:relative}#news h2:after{content:'';background:url("../img/top/img-new01.png") no-repeat center/contain;position:absolute;width:380px;height:262px;bottom:0;right:0}@media screen and (max-width: 1000px){#news h2:after{background:url("../img/top/img-new01_sp.png") no-repeat center/contain;width:700px;height:200px;left:40rem;bottom:-4rem}}#news .blog-list{display:flex;flex-wrap:wrap;justify-content:center;padding:8rem 0 0;margin-bottom:8rem;background:url("../img/top/bg_news02.png") no-repeat top center/contain}#news .blog-list a{display:block}#news .blog-list .thumb-wrap{border:10px solid #fff;border-radius:1.8rem}#news .blog-list .thumb-wrap:before{padding-top:56.08%}#news .blog-single{width:47%;margin-bottom:3%}#news .blog-single:nth-child(even){margin-left:6%}#project{background:url("../img/top/bg_videos01.png") no-repeat bottom left 20%/230px auto,url("../img/top/bg_project_bottom.png") no-repeat bottom center/contain,repeating-linear-gradient(-45deg, #fdfbf6, #fdfbf6 7px, #fff 7px, #fff 21px);padding:10rem 0 320px}@media screen and (max-width: 767px){#project{background-size:auto 180px, contain, auto;background-position:bottom left 5%, bottom center;padding:8rem 0 220px}}#project h2{display:flex;flex-wrap:wrap;font-size:2.4rem;font-family:'M PLUS 1 Code', sans-serif;font-weight:600;justify-content:space-between;align-items:flex-end;margin-bottom:10rem}#project h2 img,#project h2 span{display:block}#project h2 img{width:410px}#project h2 span{max-width:420px;width:calc( 95% - 410px )}#project .btn_center{margin-top:8rem}#videos{position:relative;background:url("../img/top/bg_videos_bottom.png") repeat-x bottom center/auto 50px,url("../img/top/bg_ov_green.png") repeat;background-color:#28a03c;padding:3rem 0 16rem;color:#fff}#videos a,#videos a:visited{color:#fff}#videos .btn_center{margin-top:1.5rem}#videos .comingsoon_txt{text-align:center;font-size:2rem;font-family:'M PLUS 1 Code', sans-serif;font-weight:600}#videos.comingsoon .video_top{margin-bottom:0}#videos.comingsoon .video_top:after{content:none}#videos .video-wrapper{display:flex;flex-wrap:wrap;z-index:1}#videos .video-single{width:47%;margin-bottom:3%}#videos .video-single a{display:block;position:relative}#videos .video-single:nth-child(odd){margin-left:6%}#videos .video-single .thumb-wrap{border:10px solid #53b363;border-radius:1.8rem}#videos .video-single .thumb-wrap:before{padding-top:56.08%}#videos .video-single .thumb-img{border-radius:.8rem}#videos .video-single .thumb-img:before{content:'';width:100%;height:100%;background:rgba(26,26,26,0.2);display:block;border-radius:.8rem}#videos .video-single .thumb-img:after{content:'';width:60px;height:60px;background:url("../img/top/img-video-play.png") no-repeat center/contain;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}#videos .video_top{width:100%;margin-bottom:8rem;background:rgba(255,255,255,0.2);border-radius:8rem;padding:8rem 6rem;position:relative}@media screen and (min-width: 1001px){#videos .video_top:after{content:'';width:136px;height:304px;background:url("../img/top/bg_videos02.png") no-repeat center/contain;position:absolute;bottom:0;right:0}}#videos .video_top .video-single{width:100%;max-width:660px;margin:0 auto}#videos .video_top .video-single .thumb-wrap{border-radius:2.2rem;border-color:#fdd703}#videos .video_top .video-single .thumb-wrap:after{content:'';width:94px;height:92px;background:url("../img/top/img-video-new.png") no-repeat center/contain;position:absolute;top:-3rem;left:-3rem}#videos h2{display:flex;flex-wrap:wrap;font-size:2.4rem;font-family:'M PLUS 1 Code', sans-serif;font-weight:600;justify-content:space-between;align-items:flex-end;margin-bottom:8rem}#videos h2 img,#videos h2 span{display:block}#videos h2 img{width:342px}#videos h2 span{max-width:360px;width:calc( 95% - 342px )}.anim-slide{position:absolute;top:500px;height:83px;width:100%;left:0;overflow:hidden}.anim-slide .slides{width:calc( 1253px * 3 );display:flex;animation:40s linear infinite xScroll}.anim-slide img{width:1253px;height:83px}@keyframes xScroll{0%{transform:translateX(0)}100%{transform:translateX(-1253px)}}#contact{position:relative;background:url("../img/top/bg_contact02.png") no-repeat top center/contain,url("../img/top/bg_ov_blue.png") repeat;background-color:#285ad2;padding:4rem 0}#contact .wrapper{padding-top:8rem;padding-bottom:10rem}#contact .wrapper .f-box{background:#fff;border:10px solid #faf5e6;border-radius:3rem;justify-content:center;width:100%;max-width:800px;margin:0 auto;padding:4rem 5%;position:relative}#contact .wrapper .f-box:before{content:'';position:absolute;width:calc( 150% + 5%);height:calc( 150% + 8rem);left:calc( -20% - 5% );top:calc( -15% - 8rem);background:url("../img/top/bg_contact01.png") no-repeat top center/contain}#contact .wrapper .f-box-l{width:50%;padding-right:4%;font-size:2rem;font-family:'M PLUS 1 Code', sans-serif;font-weight:600;border-right:1px solid #c8c8c8}#contact .wrapper .f-box-l h2{margin-bottom:3rem}#contact .wrapper .f-box-r{width:50%;padding-left:4%;text-align:center;font-weight:bold;display:flex;flex-direction:column;justify-content:center;gap:1em}#contact .wrapper .f-box-r .btn{min-width:initial}.gandfooter{background:url("../img/top/bg_ov_blue.png") repeat;background-color:#285ad2}.gandfooter img{width:100%}@media screen and (max-width: 767px){.b-cat{position:absolute;top:-2rem}.b-title{font-size:1.6rem}.b-info{padding:1rem;font-weight:bold}#greetings{background-image:url("../img/top/bg_greetings_sp.png");padding:4rem 0 10rem}#greetings h2{text-align:center;font-size:1.5rem}#greetings h2>span{padding:0;position:relative;margin-bottom:3rem}#greetings h2 img{display:inline-block;max-width:375px}#about{padding:6rem 0 15rem;background:url("../img/top/img-about10.png") no-repeat center bottom 10rem/100% auto,url("../img/top/bg_ov_blue.png") repeat;background-color:#285ad2}#about .f-box{margin-bottom:10rem}#about .f-box img{max-width:375px;margin:0 auto;width:100%}#about .bg_about01{margin-bottom:0;background-position:right top}#about .bg_about01 .f-box-l{margin-bottom:2rem}#about .bg_about01 .f-box-r{background-position:left top;background-size:130px auto;padding-top:8rem}#about .bg_about02{padding-top:6rem;background-position:left top;background-size:100% auto}#about .bg_about02 .f-box-l{margin-bottom:2rem}#about .bg_about03{padding-top:4rem;background-position:left top;background-size:800px auto}#about .bg_about03 .f-box-l{margin-bottom:0}#about .bg_about04>.wrapper{padding-top:4rem;background-position:left top;background-size:100% auto}#about h2{max-width:230px}#about h2,#about h3{margin-bottom:3rem}#about h3,#about .conclusion{font-size:2.4rem}#about .intro{font-size:1.6rem;margin-bottom:3rem}#news{background-size:auto 35px;padding:10rem 0;margin-top:-35px}#news .wrapper{width:100%}#news h2{width:90%;margin:0 auto 4rem}#news h2 img{max-width:230px}#news h2:after{left:230px}#news .blog-list{display:block;padding:4rem 0 0;margin-bottom:3rem;background:url("../img/top/bg_news02_sp.png") no-repeat center/600px auto}#news .blog-list .thumb-wrap{border-width:8px;border-radius:1.6rem}#news .blog-list .thumb-img{border-radius:.8rem}#news .blog-single{width:90%;margin:0 auto 1.5rem}#project>.wrapper{max-width:600px}#project h2{margin-bottom:6rem;flex-direction:column;align-items:flex-start;font-size:2.2rem}#project h2 img{max-width:300px;margin-bottom:1rem}#project h2 span{width:100%}#project .btn_center{margin-top:4rem}#videos{background-size:auto 20px, auto;padding:3rem 0 8rem}#videos>.wrapper{max-width:100%}#videos .video-single{width:90%;max-width:600px;margin:0 auto 3rem}#videos .video-single .thumb-wrap{border-width:8px;border-radius:1.6rem}#videos .video-single .thumb-img{border-radius:.8rem}#videos .video-single .thumb-img:before{border-radius:.8rem}#videos .video_top{width:100%;border-radius:2rem;padding:4rem 5% 2rem;margin-bottom:4rem}#videos .video_top .video-single .thumb-wrap{border-radius:1.6rem}#videos .video_top .video-single .thumb-wrap:after{width:30%;height:30%;top:-10%;left:-10%}#videos h2{display:block;font-size:1.8rem;margin-bottom:4rem}#videos h2 img{max-width:230px;width:100%;margin-bottom:1.5rem}#videos h2 span{max-width:100%;width:100%}.anim-slide{top:360px}#contact{background-size:100% auto, auto 30px, auto;background-position:top 3rem center,bottom center;background-color:#285ad2;padding:10rem 0 8rem}#contact .wrapper{padding-top:0;padding-bottom:0}#contact .wrapper .f-box:before,#contact .wrapper .f-box:after{content:'';position:absolute;background:no-repeat center /contain}#contact .wrapper .f-box:before{width:140px;height:100px;top:-9rem;left:0;background-image:url("../img/top/bg_contact01_sp.png")}#contact .wrapper .f-box:after{width:140px;height:126px;background-image:url("../img/top/bg_contact02_sp.png");bottom:-3rem;right:-1rem}#contact .wrapper .f-box-l{width:100%;padding-right:0;border:none;margin-bottom:3rem}#contact .wrapper .f-box-l h2{margin-bottom:1.5rem}#contact .wrapper .f-box-r{width:100%;padding-left:0;text-align:left}}
