#wrapper section {
 position: relative;
 width: 100%;
}
#wrapper section.top_kv {
 width: 100%;
 height: 100svh !important;
 background: #000000;
}
#wrapper section.top_kv h1 {
 position: absolute;
 top: 50%;
 left: 0;
 z-index: 2;
 width: 100%;
 text-align: center;
 -webkit-transform: translate(0, -50%);
         transform: translate(0, -50%);
}
#wrapper section.top_kv h1 svg {
 width: 645px !important;
}
@media screen and (max-width: 960px) {
 #wrapper section.top_kv h1 svg {
  width: 90% !important;
 }
}
#wrapper section.top_kv .kv_arrow {
 position: absolute;
 bottom: 25px;
 left: 0;
 width: 100%;
 visibility: hidden;
 opacity: 0;
 text-align: center;
 -webkit-transform: translateY(-20px);
         transform: translateY(-20px);
}
@media screen and (max-width: 960px) {
 #wrapper section.top_kv .kv_arrow img {
  -webkit-transform: scale(0.69);
          transform: scale(0.69);
 }
}
#wrapper section.top_kv .anime_wrap {
 display: grid;
 width: 100%;
 height: 100%;
 grid-template-rows: 15.4% 69.2% 15.4%;
 grid-template-columns: repeat(3, 1fr);
}
@media screen and (max-width: 960px) {
 #wrapper section.top_kv .anime_wrap {
  grid-template-rows: 33% 34% 33%;
  grid-template-columns: 1fr 2.5fr 1fr;
 }
}
#wrapper section.top_kv .anime_wrap img {
 width: 100%;
 height: 100%;
 visibility: hidden;
 -o-object-fit: cover;
    object-fit: cover;
 opacity: 0;
}
#wrapper section.lead_area {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 height: 100svh;
 -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
         clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
 -webkit-box-pack: center;
     -ms-flex-pack: center;
         justify-content: center;
 -webkit-box-align: center;
     -ms-flex-align: center;
         align-items: center;
}
#wrapper section.lead_area .watch {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 position: fixed;
 top: 10%;
 left: 0;
 width: 100%;
 height: 100%;
 -webkit-box-pack: center;
     -ms-flex-pack: center;
         justify-content: center;
 -webkit-box-align: center;
     -ms-flex-align: center;
         align-items: center;
}
#wrapper section.lead_area .watch img {
 width: 1000px;
}
#wrapper section.lead_area .txt_wrap {
 position: relative;
 text-align: left;
}
#wrapper section.lead_area .txt_wrap h2 {
 line-height: 1.5;
 margin-bottom: 40px;
 font-weight: bold;
 font-size: 24px;
}
@media screen and (max-width: 960px) {
 #wrapper section.lead_area .txt_wrap h2 {
  margin-bottom: 20px;
 }
}
#wrapper section.lead_area .txt_wrap p.txt {
 line-height: 2.3333333333;
 font-size: 18px;
}
@media screen and (max-width: 960px) {
 #wrapper section.lead_area .txt_wrap p.txt {
  line-height: 1.8;
  font-size: 16px;
 }
}
#wrapper section.lead_area .txt_wrap p.txt +p.txt {
 margin-top: 1em;
}
#wrapper section.lead_area .lead_arrow {
 position: absolute;
 bottom: 25px;
 left: 0;
 width: 100%;
 visibility: hidden;
 opacity: 0;
 text-align: center;
 -webkit-transform: translateY(-20px);
         transform: translateY(-20px);
}
#wrapper section.tab {
 height: 100svh;
}
#wrapper section.tab ul.f_nav {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 position: absolute;
 top: 50%;
 left: 200px;
 z-index: 3000;
 height: 100svh;
 -webkit-box-orient: vertical;
 -webkit-box-direction: normal;
     -ms-flex-direction: column;
         flex-direction: column;
 -webkit-box-pack: center;
     -ms-flex-pack: center;
         justify-content: center;
 -webkit-transform: translate(0, -50%);
         transform: translate(0, -50%);
}
@media screen and (max-width: 960px) {
 #wrapper section.tab ul.f_nav {
  left: 4%;
 }
}
#wrapper section.tab ul.f_nav div,#wrapper section.tab ul.f_nav li {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 width: auto !important;
 height: 50px;
 -webkit-box-align: center;
     -ms-flex-align: center;
         align-items: center;
 background: none !important;
 -webkit-transition: all 0.5s;
 transition: all 0.5s;
}
@media screen and (max-width: 960px) {
 #wrapper section.tab ul.f_nav div,#wrapper section.tab ul.f_nav li {
  height: 40px;
 }
}
#wrapper section.tab ul.f_nav div.act,#wrapper section.tab ul.f_nav div.def,#wrapper section.tab ul.f_nav li.act,#wrapper section.tab ul.f_nav li.def {
 font-weight: bold;
 pointer-events: auto;
}
#wrapper section.tab ul.f_nav div.act a,#wrapper section.tab ul.f_nav div.def a,#wrapper section.tab ul.f_nav li.act a,#wrapper section.tab ul.f_nav li.def a {
 pointer-events: auto;
}
#wrapper section.tab ul.f_nav div.act a:after,#wrapper section.tab ul.f_nav div.def a:after,#wrapper section.tab ul.f_nav li.act a:after,#wrapper section.tab ul.f_nav li.def a:after {
 content: "";
 display: block;
 position: absolute;
 top: 55%;
 right: -40px;
 width: 29px;
 background: url(/core-technology/index/img/nav_arrow.svg) center/cover no-repeat;
 -webkit-transform: translate(0, -50%);
         transform: translate(0, -50%);
 -webkit-animation: sway 2s ease-in-out infinite;
         animation: sway 2s ease-in-out infinite;
 -webkit-transition: all 0.5s;
 transition: all 0.5s;

 aspect-ratio: 1/1;
}
@-webkit-keyframes sway {
 0% {
  -webkit-transform: translate(-5px, -50%);
          transform: translate(-5px, -50%);
 }
 50% {
  -webkit-transform: translate(5px, -50%);
          transform: translate(5px, -50%);
 }
 100% {
  -webkit-transform: translate(-5px, -50%);
          transform: translate(-5px, -50%);
 }
}
@keyframes sway {
 0% {
  -webkit-transform: translate(-5px, -50%);
          transform: translate(-5px, -50%);
 }
 50% {
  -webkit-transform: translate(5px, -50%);
          transform: translate(5px, -50%);
 }
 100% {
  -webkit-transform: translate(-5px, -50%);
          transform: translate(-5px, -50%);
 }
}
#wrapper section.tab ul.f_nav div.act span,#wrapper section.tab ul.f_nav div.def span,#wrapper section.tab ul.f_nav li.act span,#wrapper section.tab ul.f_nav li.def span {
 font-size: 27px;
}
@media screen and (max-width: 960px) {
 #wrapper section.tab ul.f_nav div.act span,#wrapper section.tab ul.f_nav div.def span,#wrapper section.tab ul.f_nav li.act span,#wrapper section.tab ul.f_nav li.def span {
  font-size: 20px;
 }
}
#wrapper section.tab ul.f_nav div a,#wrapper section.tab ul.f_nav li a {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 position: relative;
 -webkit-box-align: center;
     -ms-flex-align: center;
         align-items: center;
 font-size: 18px;
 -webkit-transition: font-size 0.5s;
 transition: font-size 0.5s;
 pointer-events: none;
}
@media screen and (max-width: 960px) {
 #wrapper section.tab ul.f_nav div a,#wrapper section.tab ul.f_nav li a {
  font-size: 16px;
  -webkit-transition: font-size 0.3s;
  transition: font-size 0.3s;
 }
}
#wrapper section.tab ul.f_nav div span,#wrapper section.tab ul.f_nav li span {
 display: inline-block;
 margin-left: 10px;
 -webkit-transition: font-size 0.5s;
 transition: font-size 0.5s;
}
@media screen and (max-width: 960px) {
 #wrapper section.tab ul.f_nav div span,#wrapper section.tab ul.f_nav li span {
  margin-left: 5px;
  -webkit-transition: font-size 0.3s;
  transition: font-size 0.3s;
 }
}
#wrapper section.tab .tab_wrap {
 position: relative;
 width: 100%;
 height: 100%;
}
#wrapper section.tab .tab_wrap .tab_cont {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 -webkit-box-pack: center;
     -ms-flex-pack: center;
         justify-content: center;
 -webkit-box-align: center;
     -ms-flex-align: center;
         align-items: center;
 opacity: 0;
 -webkit-transition: all 0.5s;
 transition: all 0.5s;
}
#wrapper section.tab .tab_wrap .tab_cont.act,#wrapper section.tab .tab_wrap .tab_cont.def {
 opacity: 1;
}
#wrapper section.tab .tab_wrap .tab_cont .img img {
 max-height: 100vh;
}
#wrapper section.tab .tab_wrap .tab_cont p.ttl {
 position: absolute;
 bottom: 40px;
 left: 0;
 width: 100%;
 line-height: 1;
 font-weight: 300;
 font-size: 42px;
 text-align: center;
}
@media screen and (max-width: 960px) {
 #wrapper section.tab .tab_wrap .tab_cont p.ttl {
  bottom: 15px;
  font-size: 28px;
 }
}
#wrapper footer .logo_area .tech {
 background: #4d4d4d;
}
#wrapper footer .logo_area .tech img.w {
 display: block;
}
#wrapper footer .logo_area .tech img.gy {
 display: none;
}
/*# sourceMappingURL=../../core-technology/index/css/layout.css.map */