@import url("https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@300;400&display=swap"); main{padding:0}.firstview{height:90vh;width:100%;overflow:hidden;margin-bottom:5em}.firstview_inner{width:100%;height:-webkit-fill-available;position:relative;padding:2.5em 5em;box-sizing:border-box}.firstview_video{position:absolute;top:0;right:0;bottom:0;left:0;width:auto;height:100%;border-radius:2em;overflow:hidden;position:relative}.firstview_video .video{position:absolute;top:50%;left:50%;object-fit:cover;transform:translate(-50%,-50%);width:100%;height:100%}.firstview_title{position:absolute;padding:.5em 1em;background-color:#fff;font-weight:700;bottom:10%;right:6.5%}*{margin:0;padding:0}html{scroll-behavior:smooth}.scroll_down{position:absolute;bottom:30%;left:1.25%;z-index:2}.scroll_down:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:80%;background:linear-gradient(180deg,rgba(#009fa8,0) 0,rgba(#009fa8,.8) 80%,rgba(#009fa8,.8) 100%)}.scroll_down a{display:inline-block;position:absolute;padding:10px 10px 110px;color:#009fa8;font-size:10px;font-family:"Josefin Sans",sans-serif;line-height:1;letter-spacing:.2em;text-transform:uppercase;text-decoration:none;writing-mode:vertical-lr;transition:.2s;overflow:hidden;margin:auto}.scroll_down a:before{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:1px;height:100px;background:#ddd}.scroll_down a:after{content:"";position:absolute;bottom:0;left:50%;width:1px;height:100px;background:#009fa8}.scroll_down a:hover{opacity:.5}#type01 a:after{animation:sdl01 1.5s cubic-bezier(1,0,0,1) infinite}@keyframes sdl01{0%{transform:scale(1,0);transform-origin:0 0}50%{transform:scale(1,1);transform-origin:0 0}50.1%{transform:scale(1,1);transform-origin:0 100%}100%{transform:scale(1,0);transform-origin:0 100%}}.swiper,.swiper-wrapper,.swiper-slide{height:40vh !important}.section_wrap{padding-bottom:100px}.service_head{display:flex;align-items:flex-start;justify-content:left}.service_body{box-sizing:border-box;padding:2em;margin-top:2em}.ecn,.its,.tec,.fs{width:100%;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:5%}.anim-item1{width:50%;height:35vh}.service_img{object-fit:cover}.txt-item{position:relative;width:50%}.txt-item a.button{margin:3em 0}.tit{display:flex;align-items:center;justify-content:flex-start;margin-bottom:3em}.num{width:70px;margin-right:1.5em}.tit .type9{margin-bottom:0 !important}.description{width:75%}.anim-item2{position:absolute;width:30%;bottom:0;right:0;z-index:-1}.ecn a.button{background:var(--blue) !important;border:1px solid #178cdc !important}.ecn a.button:hover span{color:var(--blue) !important}.ecn a.button:hover:after{color:var(--blue) !important}.its a.button{background:var(--orange) !important;border:1px solid #f81 !important}.its a.button:hover span{color:var(--orange) !important}.its a.button:hover:after{color:var(--orange) !important}.tec a.button{background:var(--pink) !important;border:1px solid #e4006e !important}.tec a.button:hover span{color:var(--pink) !important}.tec a.button:hover:after{color:var(--pink) !important}.fs a.button{background:var(--purple) !important;border:1px solid #6a3cae !important}.fs a.button:hover span{color:var(--purple) !important}.fs a.button:hover:after{color:var(--purple) !important}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,0px) !important;top:0 !important;transform:unset !important}.swiper-pagination-bullet-active{background:#555 !important}.container{position:relative;width:100%;height:100%;overflow:hidden;background:radial-gradient(circle,rgba(255,255,255,.2),rgb(255 255 255/10%));padding:100px 0;max-width:100%}.container:before,.container:after{content:"";position:absolute;top:50%;left:50%;width:200%;height:200%;background:conic-gradient(from 0deg,#ffefee,#ffdac1,#f1ffdb,#daf4ff,#f0e9ff,#ffefee);transform:translate(-50%,-50%);animation:rotate 8s linear infinite;filter:blur(50px);opacity:.4;z-index:-1}.container:after{width:180%;height:180%;animation:rotate-reverse 10s linear infinite;opacity:.6}@keyframes rotate{0%{transform:translate(-50%,-50%) rotate(0deg)}100%{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes rotate-reverse{0%{transform:translate(-50%,-50%) rotate(0deg)}100%{transform:translate(-50%,-50%) rotate(-360deg)}}.bg-white{width:70%;box-sizing:border-box;margin:0 auto;padding:5em;background:var(--white);box-shadow:0 0 15px #ddd;border-radius:2em}.works_wrap{padding-bottom:4em;border-bottom:1px #efefef solid}.works_head{max-width:100%;display:flex;align-items:flex-start;justify-content:left;gap:5em}.works_body{display:flex;align-items:flex-start;justify-content:space-between;gap:5em}.works_body a.button{background:var(--green) !important;border:1px solid #009fa8 !important;box-sizing:border-box;max-width:320px;width:100%}.works_body a.button:hover span{color:var(--green) !important}.works_body a.button:hover:after{color:var(--green) !important}.works-cat{min-width:300px}.works-cat_list{width:100%;padding:1.5em;box-sizing:border-box}.works-cat_list input{display:none}.works-cat_item{display:block;line-height:3;transition:.4s;position:relative}.works-cat_item:before{content:""}input[name=TAB]:checked+label.works-cat_item:before{content:"▶";position:absolute;color:#009fa8;left:-10%}input[name=TAB]:checked+label.works-cat_item{font-weight:700}#all:checked~.tab-content .works_grid_wrap.all{display:block}#seko:checked~.tab-content .works_grid_wrap.seko{display:block}#web:checked~.tab-content .works_grid_wrap.web{display:block}#system:checked~.tab-content .works_grid_wrap.system{display:block}.grid_inner{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:3em}.grid_item{transition:.2s}.grid_item:hover{opacity:.8}.grid_item-img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;height:15vh;border-radius:.5em}.grid_item-info{padding:10px}.grid_item-title{font-size:1em;margin-bottom:5px;font-weight:700;color:#333}.grid_item-button{color:var(--green);border:1px solid var(--green);padding:0 10px;border-radius:50px;text-decoration:none;display:inline-block;font-size:.8em}.about_wrap{padding-top:4em;display:grid;grid-template-columns:repeat(2,1fr);gap:3em}.about_image{border-radius:2em;overflow:hidden}.about_head{margin-bottom:2em}.about_nav ul{display:flex;flex-wrap:wrap;margin:0 -40px -20px 0}.about_nav ul li{flex-basis:calc(50% - 40px);margin:0 40px 20px 0}.about_nav ul a{display:flex;align-items:center;justify-content:space-between;font-weight:700;padding-bottom:0;background-image:linear-gradient(90deg,#7eeae1,var(--green));background-repeat:no-repeat;transition:background-size .6s cubic-bezier(.22,1,.36,1);background-position:100% 100%;background-size:0 1px;color:#333}.about_nav ul a:hover{background-position:0 100%;background-size:100% 1px;color:var(--green)}.about_nav .icon-fill{color:var(--green)}.news_wrap{background:var(--gray);padding:5em 0}.news_container{width:70%;max-width:95%;margin:0 auto;display:flex;justify-content:space-between;align-items:flex-start;gap:5em}.news_head{width:300px;max-width:100%}.news-cat{width:300px}.news-cat_list{width:100%;padding:1.5em;box-sizing:border-box}.news-cat_list input{display:none}.news-cat_item{display:block;line-height:3;transition:.4s;position:relative}.news-cat_item:before{content:""}input[name=N_TAB]:checked+label.news-cat_item:before{content:"▶";position:absolute;color:#009fa8;left:-10%}input[name=N_TAB]:checked+label.news-cat_item{font-weight:700}.news-cat a.button{background:var(--green) !important;border:1px solid #009fa8 !important;box-sizing:border-box}.news-cat a.button:hover span{color:var(--green) !important}.news-cat a.button:hover:after{color:var(--green) !important}#n_all:checked~.tab-content .newslist_wrap.n_all{display:block}#news:checked~.tab-content .newslist_wrap.news{display:block}#activities:checked~.tab-content .newslist_wrap.activities{display:block}#exhibit:checked~.tab-content .newslist_wrap.exhibit{display:block}#recruit:checked~.tab-content .newslist_wrap.recruit{display:block}#important:checked~.tab-content .newslist_wrap.important{display:block}.news_body{width:100%}.newslist_wrap{width:100%}.newslist_item{padding:1em;background:var(--white);margin-bottom:1em;border-radius:.5em;transition:.4s}.newslist_item .date{font-weight:700;margin-right:10px}.newslist_item .cat{font-size:.8em;font-weight:700;background-color:#333;color:var(--white);padding:2px 15px;border-radius:50px}.newslist_item .cat.news{background-color:#ff7f00}.newslist_item .cat.activities{background-color:#009943}.newslist_item .cat.exhibit{background-color:#019fe8}.newslist_item .cat.recruit{background-color:#e2007d}.newslist_item .cat.important{background-color:#1c2187}.newslist_item .news_title{display:inline-block;margin-top:5px;color:#333}.news_title{background-image:linear-gradient(90deg,#7eeae1,var(--green));background-repeat:no-repeat;transition:background-size .6s cubic-bezier(.22,1,.36,1);background-position:100% 100%;background-size:0 1px}.news_title:hover{background-position:0 100%;background-size:100% 1px;color:var(--green)}@media (max-width:1500px){.firstview_title{font-size:1.45rem}.service_head{display:block;align-items:flex-start;justify-content:left}.service_head_txt{margin-top:2em}.bg-white{width:90%;padding:3em}}@media (max-width:1300px){.firstview{margin-bottom:2em}.firstview_inner{padding:3em}.section_wrap{padding-bottom:50px}.swiper,.swiper-wrapper,.swiper-slide{height:80vh !important}.ecn,.its,.tec,.fs{flex-direction:column}.anim-item1{width:90%;margin-bottom:2em}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,1%) !important}.txt-item{width:90%}.works_body{gap:1em}.grid_inner{grid-template-columns:repeat(2,1fr);gap:1rem}.grid_item-img{height:21vh}.about_wrap{gap:1em}.news_container{width:90%;gap:1em}}@media (max-width:976px){.works_head{gap:0em;flex-direction:column}.works_body{margin-top:2em}}@media (max-width:767px){.firstview_video{border-radius:1em}.firstview_title{font-size:1.1rem}.section_wrap{padding-bottom:30px}.service_body{padding:0}.swiper,.swiper-wrapper,.swiper-slide{height:63vh !important}.anim-item1{height:27vh}.tit{margin-bottom:1em}.num{width:50px;margin-right:.5em}.description{width:100%}.txt-item a.button{margin:1em auto}.anim-item2{display:none}.bg-white{padding:1em;border-radius:1em}.works_wrap{padding-bottom:1em}.tab-content{width:100%;margin-top:2em}.works_body{flex-direction:column;gap:0em}.works-cat,.news-cat{width:100%}input[name=TAB]:checked+label.works-cat_item:before{left:-1.5em}.grid_inner{grid-template-columns:repeat(1,1fr)}.about_wrap{padding-top:2em;grid-template-columns:repeat(1,1fr)}.about_image{border-radius:1em}.about_nav ul{display:flex;flex-wrap:wrap;margin:0}.about_nav ul li{flex-basis:calc(100% - 0px);margin:0 0 20px}.news_wrap{padding:3em 0}.news_container{flex-direction:column}.container{padding:50px 0}.news_head{width:100%}input[name=N_TAB]:checked+label.news-cat_item:before{left:-1.5em}.works-cat_item,.news-cat_item{line-height:2}}@media (max-width:767px){.swiper,.swiper-wrapper,.swiper-slide{height:72vh !important}}