@import"https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;700&display=swap";@import"base.css";@import"common.css";.color_planner{color:#f08485}.color_programmer{color:#c267db}.color_artist{color:#ff9cd2}.color_pdesigner{color:#5271fb}.color_mechanic{color:#49c92e}.ecolor_e_engineer{color:#1dbc74}body{background:#bcdfed url(../img/index/all_bg.png) repeat-y center 0px;background-attachment:fixed;background-size:100%}article{position:relative}ul.balloon li{position:absolute;z-index:1}ul.balloon li img{max-width:100%}ul.balloon li.image01{width:204px;top:15px;left:300px;-webkit-animation:popup 1s cubic-bezier(0.19, 1, 0.22, 1) 2.1s both;animation:popup 1s cubic-bezier(0.19, 1, 0.22, 1) 2.1s both}@media screen and (max-width: 640px){ul.balloon li.image01{width:60px;top:50px;left:50px;right:0;margin:auto}}ul.balloon li.image02{width:230px;top:75px;left:37px;-webkit-animation:popup 1s cubic-bezier(0.19, 1, 0.22, 1) 2.3s both;animation:popup 1s cubic-bezier(0.19, 1, 0.22, 1) 2.3s both}@media screen and (max-width: 640px){ul.balloon li.image02{width:100px;top:21px;left:40px}}ul.balloon li.image03{width:639px;bottom:60px;left:19px;-webkit-animation:popup 1s cubic-bezier(0.19, 1, 0.22, 1) 2.5s both;animation:popup 1s cubic-bezier(0.19, 1, 0.22, 1) 2.5s both}@media screen and (min-width: 641px)and (max-width: 960px){ul.balloon li.image03{width:550px;bottom:60px;left:-50px}}@media screen and (max-width: 640px){ul.balloon li.image03{width:250px;left:-10px;top:200px}}ul.balloon li.image04{width:219px;top:260px;right:380px;-webkit-animation:popup 1s cubic-bezier(0.19, 1, 0.22, 1) 2.7s both;animation:popup 1s cubic-bezier(0.19, 1, 0.22, 1) 2.7s both}@media screen and (min-width: 641px)and (max-width: 960px){ul.balloon li.image04{top:120px}}@media screen and (max-width: 640px){ul.balloon li.image04{width:100px;top:auto;right:auto;left:20px;top:410px}}ul.balloon li.image05{width:304px;top:308px;right:73px;-webkit-animation:popup 1s cubic-bezier(0.19, 1, 0.22, 1) 2.9s both;animation:popup 1s cubic-bezier(0.19, 1, 0.22, 1) 2.9s both}@media screen and (min-width: 641px)and (max-width: 960px){ul.balloon li.image05{top:500px;right:10px}}@media screen and (max-width: 640px){ul.balloon li.image05{width:120px;top:300px;right:10px}}ul.balloon li.image06{width:255px;bottom:100px;right:40px;-webkit-animation:popup 1s cubic-bezier(0.19, 1, 0.22, 1) 3.1s both;animation:popup 1s cubic-bezier(0.19, 1, 0.22, 1) 3.1s both}@media screen and (min-width: 641px)and (max-width: 960px){ul.balloon li.image06{bottom:60px}}@media screen and (max-width: 640px){ul.balloon li.image06{width:115px;bottom:auto;top:390px;right:10px}}ul.balloon li.image07{width:157px;top:100px;right:5vw;-webkit-animation:popup 1s cubic-bezier(0.19, 1, 0.22, 1) 3.3s both;animation:popup 1s cubic-bezier(0.19, 1, 0.22, 1) 3.3s both}@media screen and (max-width: 640px){ul.balloon li.image07{width:58px;top:220px;right:30px}}ul.balloon li.image08{width:290px;bottom:132px;right:343px;-webkit-animation:popup 1s cubic-bezier(0.19, 1, 0.22, 1) 3.5s both;animation:popup 1s cubic-bezier(0.19, 1, 0.22, 1) 3.5s both}@media screen and (max-width: 640px){ul.balloon li.image08{width:100px;bottom:auto;top:400px;left:0px;right:0;margin:auto}}ul.balloon li.image09{width:327px;top:140px;right:60px}@media screen and (min-width: 641px)and (max-width: 960px){ul.balloon li.image09{width:260px;top:100px}}@media screen and (max-width: 640px){ul.balloon li.image09{width:130px;top:90px;right:10px}}ul.balloon li.image11{width:177px;top:700px;left:40px}@media screen and (max-width: 640px){ul.balloon li.image11{width:100px;top:calc(450px + 30vw);left:15px}}ul.balloon li.image12{width:325px;bottom:60px;left:100px}@media screen and (min-width: 641px)and (max-width: 960px){ul.balloon li.image12{width:20vw;top:0;right:0;left:auto;bottom:auto}}@media screen and (max-width: 640px){ul.balloon li.image12{width:125px;bottom:10px;left:10px}}ul.balloon li.image13{width:200px;top:-50px;right:30px}@media screen and (min-width: 641px)and (max-width: 960px){ul.balloon li.image13{width:150px;top:-20px}}@media screen and (max-width: 640px){ul.balloon li.image13{width:122px;top:-40px;right:0px}}ul.balloon li.image14{width:217px;bottom:-120px;left:50px}@media screen and (min-width: 641px)and (max-width: 960px){ul.balloon li.image14{width:160px;bottom:-150px;left:0}}@media screen and (max-width: 640px){ul.balloon li.image14{width:110px;bottom:-85px;left:10px}}ul.balloon li.image15{width:212px;bottom:12px;left:6vw}@media screen and (min-width: 641px)and (max-width: 960px){ul.balloon li.image15{width:120px;bottom:-20px}}@media screen and (max-width: 640px){ul.balloon li.image15{width:100px;bottom:10px;left:5px}}@-webkit-keyframes popup{0%{opacity:0;transform:translateY(40px)}100%{opacity:1;transform:translateY(0)}}@keyframes popup{0%{opacity:0;transform:translateY(40px)}100%{opacity:1;transform:translateY(0)}}@-webkit-keyframes fuwa{0%{transform:translateY(10px)}100%{transform:translateY(0)}}@keyframes fuwa{0%{transform:translateY(10px)}100%{transform:translateY(0)}}.art_mainv{background:url(../img/index/mainv_bg_bottom.jpg) no-repeat center center;background-attachment:fixed;background-size:cover;height:830px;position:relative}@media screen and (min-width: 641px)and (max-width: 960px){.art_mainv{background:url(../img/index/mainv_bg_bottom.jpg) repeat-y center top;background-size:150%;height:600px}}@media screen and (max-width: 640px){.art_mainv{background:url(../img/index/mainv_bg_bottom_sp.jpg) no-repeat center center;background-size:cover;height:680px}}.art_mainv .top_rain{position:absolute;z-index:1;top:0;left:0;opacity:0;width:100vw;height:100%;background:url(../img/index/mainv_bg_top.png) no-repeat center center;background-size:cover;-webkit-animation:top_rain 1.5s cubic-bezier(0.19, 1, 0.22, 1) 5s both;animation:top_rain 1.5s cubic-bezier(0.19, 1, 0.22, 1) 5s both}@media screen and (min-width: 641px)and (max-width: 960px){.art_mainv .top_rain{background:url(../img/index/mainv_bg_top.png) repeat-x center top;background-size:100%}}@media screen and (max-width: 640px){.art_mainv .top_rain{background:url(../img/index/mainv_bg_top_sp.png) no-repeat center center;background-size:cover}}@-webkit-keyframes top_rain{0%{opacity:0;transform:translateY(-150px) translateX(150px)}100%{opacity:1;transform:translateY(0px) translateX(0px)}}@keyframes top_rain{0%{opacity:0;transform:translateY(-150px) translateX(150px)}100%{opacity:1;transform:translateY(0px) translateX(0px)}}.art_mainv ul.balloon{width:1300px;height:100%;position:relative;margin:auto}@media screen and (min-width: 641px)and (max-width: 960px){.art_mainv ul.balloon{width:100%;zoom:.6}}@media screen and (max-width: 640px){.art_mainv ul.balloon{width:100%}}.art_mainv h1{width:600px;position:absolute;top:120px;left:100px;right:0px;opacity:0;margin:auto;z-index:2;-webkit-animation:popZoom 5s ease 4s infinite;animation:popZoom 5s ease 4s infinite}@-webkit-keyframes popZoom{0%{opacity:1;transform:scale(0.6)}8%{opacity:1;transform:scale(1.2)}10%{transform:scale(0.85)}15%{transform:scale(1.05)}18%{transform:scale(0.98)}20%{opacity:1;transform:scale(1)}95%{opacity:1;transform:scale(1)}100%{opacity:1;transform:scale(0.6)}}@keyframes popZoom{0%{opacity:1;transform:scale(0.6)}8%{opacity:1;transform:scale(1.2)}10%{transform:scale(0.85)}15%{transform:scale(1.05)}18%{transform:scale(0.98)}20%{opacity:1;transform:scale(1)}95%{opacity:1;transform:scale(1)}100%{opacity:1;transform:scale(0.6)}}@media screen and (min-width: 641px)and (max-width: 960px){.art_mainv h1{width:75%;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;top:-100px;bottom:0;left:0;right:0;margin:auto}}@media screen and (max-width: 640px){.art_mainv h1{width:86%;top:125px;left:0;right:0}}.art_mainv .news{position:absolute;top:700px;right:0;width:90%;z-index:2;margin-left:auto;background:rgba(68,68,68,.8);border-radius:100px 0 0 0;color:#fff}@media screen and (min-width: 641px)and (max-width: 960px){.art_mainv .news{border-radius:40px 0 0 0;top:550px;padding:20px;padding-left:40px}}@media screen and (max-width: 640px){.art_mainv .news{top:510px;width:100%;border-radius:0}}.art_mainv .news .newsbody{width:920px;margin:0 auto;padding:40px;padding-left:0}@media screen and (min-width: 641px)and (max-width: 960px){.art_mainv .news .newsbody{width:100%}}@media screen and (max-width: 640px){.art_mainv .news .newsbody{width:100%;padding:0 20px}}@media screen and (min-width: 641px)and (max-width: 960px){.art_mainv .news .newsbody{padding:20px}.art_mainv .news .newsbody .sp_none{display:none}.art_mainv .news .newsbody .pc_none{display:block}}@media screen and (max-width: 640px){.art_mainv .news .newsbody{padding:20px}}.art_mainv .news .newsbody h2{font-family:"Raleway",sans-serif;font-size:25px;padding-bottom:15px;margin-bottom:25px;font-weight:400;font-style:italic;border-bottom:solid 1px #fff}@media screen and (max-width: 640px){.art_mainv .news .newsbody h2{font-size:5.5vw}}.art_mainv .news .newsbody .news_all{overflow:hidden;max-height:0;opacity:0;transition:max-height 1s cubic-bezier(0.6, 0.8, 0.25, 1),opacity .8s ease}.art_mainv .news .newsbody .news_all.active{max-height:1000px;opacity:1}.art_mainv .news .newsbody dl{display:flex;gap:20px;font-size:15px;margin-bottom:14px}@media screen and (min-width: 641px)and (max-width: 960px){.art_mainv .news .newsbody dl{font-size:13px}}@media screen and (max-width: 640px){.art_mainv .news .newsbody dl{font-size:3.4vw}}.art_mainv .news .newsbody dl dt{font-weight:bold}.art_mainv .news .newsbody dl dd a{color:#fff;transition:.2s}.art_mainv .news .newsbody dl dd a:hover{text-decoration:underline}.art_mainv .news .more{width:500px}@media screen and (max-width: 640px){.art_mainv .news .more{width:100%}}.art_mainv .news .more .on,.art_mainv .news .more .off{width:100px;text-align:right}.art_mainv .news .more .on{display:none}.art_mainv .news .more .off{display:block}.art_mainv .news .more.active .on{display:block}.art_mainv .news .more.active .off{display:none}.art_mainv .news .more span.icon_more a{height:35px;transition:.2s;background:url(../img/icon_arrow_b.svg) no-repeat center center}.art_mainv .news .more span.icon_more a.active{transition:.2s;background:url(../img/icon_arrow_t.svg) no-repeat center center}.more{display:flex;margin-top:20px}@media screen and (max-width: 640px){.more{margin-top:0px;align-items:center}}.more p{font-family:"Raleway",sans-serif;font-size:18px;font-weight:400;margin-right:15px}@media screen and (max-width: 640px){.more p{margin-right:7px;font-size:4vw}}.more .icon_more{display:inline-block;width:35px}@media screen and (max-width: 640px){.more .icon_more{width:23px}}.more .icon_more a{display:block;transition:.2s;border-radius:999em;position:relative;top:0}.more .icon_more a img{max-width:100%;vertical-align:bottom}.more .icon_more a:hover{box-shadow:0px 3px 5px rgba(0,0,0,.2);transition:.2s;top:2px}h2{margin-bottom:34px}@media screen and (max-width: 640px){h2{margin-bottom:15px}}h2 span{display:block;line-height:1}h2 span.jp{font-size:53px;font-style:italic;letter-spacing:5px;line-height:1.15;margin-bottom:15px}h2 span.jp img{height:53px}@media screen and (min-width: 641px)and (max-width: 960px){h2 span.jp img{height:35px}}h2 span.jp img.double{height:100px}@media screen and (min-width: 641px)and (max-width: 960px){h2 span.jp img.double{height:70px}}@media screen and (max-width: 640px){h2 span.jp{font-size:6.5vw;margin-bottom:6px;letter-spacing:3px}h2 span.jp img{height:6.5vw}}h2 span.en{font-family:"Raleway",sans-serif;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;font-size:20px;font-style:italic;font-weight:400;background:#e60000;padding:3px 5px;color:#fff}@media screen and (max-width: 640px){h2 span.en{font-size:3.2vw}}.art_intro{padding-top:340px;padding-bottom:100px}@media screen and (min-width: 641px)and (max-width: 960px){.art_intro{padding:30px;padding-top:300px;padding-bottom:40px}}@media screen and (max-width: 640px){.art_intro{padding-top:200px;padding-bottom:50px}}.art_intro section.intro{margin-bottom:170px}@media screen and (min-width: 641px)and (max-width: 960px){.art_intro section.intro{margin-bottom:80px}}@media screen and (max-width: 640px){.art_intro section.intro{margin-bottom:30px}}.art_intro section.intro .main_ex p.main{font-weight:100;font-size:27px;line-height:2;margin-bottom:30px}@media screen and (min-width: 641px)and (max-width: 960px){.art_intro section.intro .main_ex p.main{font-size:18px;margin-bottom:20px}}@media screen and (max-width: 640px){.art_intro section.intro .main_ex p.main{font-size:4vw;font-weight:500;letter-spacing:0;margin-bottom:10px}}.art_intro section.intro .main_ex p.sub{font-size:21px;color:#ff6439;text-indent:-2.5em;margin-left:2.5em}@media screen and (min-width: 641px)and (max-width: 960px){.art_intro section.intro .main_ex p.sub{font-size:18px}}@media screen and (max-width: 640px){.art_intro section.intro .main_ex p.sub{font-size:3.5vw}}.art_intro section.intro .char{position:absolute;right:100px;top:620px}@media screen and (min-width: 641px)and (max-width: 960px){.art_intro section.intro .char{position:static;width:45vw;margin-left:auto;margin-right:15px}}@media screen and (max-width: 640px){.art_intro section.intro .char{position:static;width:45vw;margin-left:auto;margin-right:15px}}.art_intro section.intro .char figure{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:auto}@media screen and (max-width: 640px){.art_intro section.intro .char figure{margin-left:auto}}.art_intro section.intro .char figure figcaption{font-size:15px;font-weight:bold;text-align:center;margin-top:10px}@media screen and (max-width: 640px){.art_intro section.intro .char figure figcaption{font-size:2.3vw;margin-top:5px}}.art_intro section.message .box{display:flex;align-items:center;gap:90px}@media screen and (min-width: 641px)and (max-width: 960px){.art_intro section.message .box{flex-wrap:wrap;gap:40px}}@media screen and (max-width: 640px){.art_intro section.message .box{flex-wrap:wrap;gap:20px}}.art_intro section.message .box figure{width:600px}@media screen and (min-width: 641px)and (max-width: 960px){.art_intro section.message .box figure{width:85%}}@media screen and (max-width: 640px){.art_intro section.message .box figure{width:85%}}.art_intro section.message .box figure a{width:100%;display:block;transition:.2s}.art_intro section.message .box figure a img{vertical-align:bottom;width:100%}.art_intro section.message .box figure a:hover{opacity:.9;transition:.2s;box-shadow:0 0 20px rgba(0,0,0,.5)}@media screen and (min-width: 641px)and (max-width: 960px){.art_intro section.message .box .text{width:100%;padding:0 20px}}@media screen and (max-width: 640px){.art_intro section.message .box .text{width:100%;padding:0 20px}}.art_intro section.message .box .text p.ex{font-size:23px;line-height:2}@media screen and (min-width: 641px)and (max-width: 960px){.art_intro section.message .box .text p.ex{font-size:18px}}@media screen and (max-width: 640px){.art_intro section.message .box .text p.ex{font-size:3.8vw;line-height:2}}.art_intro section.message .box .text .profile{display:flex;margin-top:30px;justify-content:space-between}@media screen and (max-width: 640px){.art_intro section.message .box .text .profile{margin-top:15px}}.art_intro section.message .box .text .profile dl dt{font-size:20px;font-weight:500;line-height:1;margin-bottom:15px;letter-spacing:2px}@media screen and (max-width: 640px){.art_intro section.message .box .text .profile dl dt{font-size:2.8vw;margin-bottom:7px}}.art_intro section.message .box .text .profile dl dd{font-size:35px;line-height:1;letter-spacing:4px}@media screen and (max-width: 640px){.art_intro section.message .box .text .profile dl dd{font-size:5.5vw}}.art_intro section.message .box .text p.sign{width:165px;position:relative;top:15px}@media screen and (max-width: 640px){.art_intro section.message .box .text p.sign{width:100px;margin-right:20px;position:static}}.art_intro section.message .box .text .more{display:flex;justify-content:flex-end}.art_intro section.message .box .text .more p{font-size:18px}@media screen and (max-width: 640px){.art_intro section.message .box .text .more p{font-size:3.2vw}}figure{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}figure.bnr a{display:block;width:100%;display:block;transition:.2s;position:relative}figure.bnr a img{vertical-align:bottom}figure.bnr a:hover{opacity:.9;transition:.2s}figure.bnr a.negative:after{content:"Coming Soon";position:absolute;background:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;width:100%;height:100%;top:50%;left:50%;transform:translate(-50%, -50%);font-size:35px;font-weight:bold;color:#fff;font-family:"Raleway",sans-serif}@media screen and (max-width: 640px){figure.bnr a.negative:after{font-size:6vw}}figure.bnr a.negative:hover{opacity:1;cursor:default}.art_job{background:url(../img/index/job_bg.png) no-repeat center 0;background-size:cover;padding:240px 0;-webkit-clip-path:polygon(0 175px, 100% 0, 100% calc(100% - 175px), 0 100%);clip-path:polygon(0 175px, 100% 0, 100% calc(100% - 175px), 0 100%)}@media screen and (min-width: 641px)and (max-width: 960px){.art_job{padding:160px 30px;-webkit-clip-path:polygon(0 100px, 100% 0, 100% calc(100% - 100px), 0 100%);clip-path:polygon(0 100px, 100% 0, 100% calc(100% - 100px), 0 100%)}}@media screen and (max-width: 640px){.art_job{padding:85px 0;padding-bottom:100px;-webkit-clip-path:polygon(0 50px, 100% 0, 100% calc(100% - 50px), 0 100%);clip-path:polygon(0 50px, 100% 0, 100% calc(100% - 50px), 0 100%)}}.art_job figure.bnr a:hover{transform:rotate(2deg);box-shadow:0 0 20px rgba(0,0,0,.5)}.art_about{padding:190px 0;padding-top:50px;padding-left:30%}@media screen and (min-width: 641px)and (max-width: 960px){.art_about{padding:20px}}@media screen and (max-width: 640px){.art_about{padding:20px;padding-bottom:140px}}.art_about h2 span.jp{font-size:47px}@media screen and (max-width: 640px){.art_about h2 span.jp{font-size:6vw}}.art_about figure.bnr{margin-left:auto}.art_about figure.bnr a{position:relative;top:0}.art_about figure.bnr a:hover{top:5px;box-shadow:0 0 20px rgba(0,0,0,.5)}.art_people{padding:80px 0;background:rgba(255,255,255,.6)}.art_people h2{margin-bottom:25px;color:#000}@media screen and (min-width: 641px)and (max-width: 960px){.art_people{padding:30px}}@media screen and (max-width: 640px){.art_people{padding:20px 0}}.art_people ul.staffs li .text .ex{color:#000}.art_people ul.staffs li .text .prof span.name,.art_people ul.staffs li .text .prof span.year{color:#000}.art_project{padding:120px 0}@media screen and (min-width: 641px)and (max-width: 960px){.art_project{padding:100px 20px;padding-bottom:50px}}@media screen and (max-width: 640px){.art_project{padding:100px 0;padding-bottom:50px}}.art_project h2 span{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin-left:auto}.art_recruit{padding-top:70px;background:#fff}@media screen and (max-width: 640px){.art_recruit{padding-top:35px}}.art_recruit .shape{background:#ff9090;border-radius:0 100px 0 0;padding:80px 0}@media screen and (min-width: 641px)and (max-width: 960px){.art_recruit .shape{padding:80px 20px}}@media screen and (max-width: 640px){.art_recruit .shape{border-radius:0 50px 0 0;padding:40px 30px}}.art_recruit .shape ul.menu li{display:flex;gap:40px}@media screen and (max-width: 640px){.art_recruit .shape ul.menu li{flex-wrap:wrap;flex-direction:column-reverse;gap:0px}}.art_recruit .shape ul.menu li figure.bnr{width:430px;height:330px;overflow:hidden}@media screen and (min-width: 641px)and (max-width: 960px){.art_recruit .shape ul.menu li figure.bnr{width:48%;height:inherit;height:auto}.art_recruit .shape ul.menu li figure.bnr img{max-width:100%}}@media screen and (max-width: 640px){.art_recruit .shape ul.menu li figure.bnr{width:100%;height:auto}}.art_recruit .shape ul.menu li figure.bnr a{height:100%;display:block}.art_recruit .shape ul.menu li figure.bnr a:hover{transform:scale(1.05);box-shadow:0 0 20px rgba(0,0,0,.5)}.art_recruit .shape ul.menu li h2 span.jp{color:#fff}.art_recruit .shape ul.menu li h2 span.jp img{height:47px}@media screen and (min-width: 641px)and (max-width: 960px){.art_recruit .shape ul.menu li h2 span.jp img{height:30px}}@media screen and (max-width: 640px){.art_recruit .shape ul.menu li h2 span.jp{font-size:7vw}.art_recruit .shape ul.menu li h2 span.jp img{height:7vw}}.art_recruit .shape ul.menu li h2 span.en{background:#fff;color:#000}@media screen and (min-width: 641px)and (max-width: 960px){.art_recruit .shape ul.menu li h2 span.en{font-size:15px}}@media screen and (max-width: 640px){.art_recruit .shape ul.menu li:nth-child(odd){margin-bottom:40px}}.art_recruit .shape ul.menu li:nth-child(odd) figure{border-radius:0 27px 0 27px}.art_recruit .shape ul.menu li:nth-child(even){flex-direction:row-reverse;align-items:end;margin-top:-75px}@media screen and (max-width: 640px){.art_recruit .shape ul.menu li:nth-child(even){flex-direction:column-reverse;margin-top:0px}}.art_recruit .shape ul.menu li:nth-child(even) h2 span{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin-left:auto}.art_recruit .shape ul.menu li:nth-child(even) figure{border-radius:27px 0 27px 0}footer .top_copy{display:block}footer .f_recommend{display:none}
/*# sourceMappingURL=index.min.css.map */