.faculty{--module-color:#5894af}.faculty.career{--module-color:#2A0080}.career01,.information-systems{--module-color:#553399}.career02,.data-science{--module-color:#33adad}.career03,.media-and-communication{--module-color:#ec639d}.information{--module-color:#005580}.top-mainvisual .video-wrap{position:fixed;top:0;left:0;z-index:-1;width:100vw;height:100vh;overflow:hidden;background:#555}.top-mainvisual .video-wrap::before{content:"";width:100%;height:100%;background:rgba(88,148,175,.8);position:absolute;z-index:1;mix-blend-mode:multiply}.top-mainvisual .video-wrap video{width:100%}.top-mainvisual .inner{position:relative;width:calc(100% + 300px);height:100vh;transform:translateX(-300px);-webkit-transform:translateX(-300px)}.top-mainvisual .inner .top-logo{position:absolute;top:20px;left:20px;width:20%}.top-mainvisual .inner .top-logo img{width:100%}.top-mainvisual .inner h2.top-title{width:100%;position:absolute;top:50%;left:0;transform:translateY(-50%);-webkit-transform:translateY(-50%)}.top-mainvisual .inner h2.top-title img{width:100%}.top-mainvisual .inner h2.top-title img:first-child{margin-bottom:7vmax;transform:translateX(-100%);animation:top_title_01 .8s ease forwards}.top-mainvisual .inner h2.top-title img:last-child{transform:translateX(200%);animation:top_title_02 1s ease .5s forwards}.top-mainvisual .inner p.en-title{width:27vw;position:absolute;top:23%;right:9%}.top-mainvisual .inner p.en-title img{width:100%;opacity:0;animation:en_title_animation 1s ease 1.5s forwards}@keyframes top_title_01{to{transform:translateX(0)}}@keyframes top_title_02{to{transform:translateX(0)}}@keyframes en_title_animation{from{transform:translateY(50px)}to{transform:translateY(0);opacity:1}}.left-navi{position:absolute;left:0;top:100%}.left-navi.fixed{position:fixed;top:0}@media screen and (min-aspect-ratio:16/9) and (orientation:landscape){.video-wrap img{width:100vw;min-width:100vw;height:auto;min-height:inherit}}.top-section{z-index:1;position:relative;padding:5vmax 6vmax 7vmax}h3.top-section-title{padding-bottom:1em;border-bottom:2px solid #fff;margin-bottom:3vmax}h3.top-section-title span{display:block;opacity:0;transform:translateY(20px);transition:.3s ease all}h3.top-section-title span.en{font-size:calc(4.5rem + .4vw);color:rgba(255,255,255,.7);font-weight:900}h3.top-section-title span.jp{font-size:calc(2rem + .4vw);color:#fff;font-weight:700}h3.top-section-title.is-show span{opacity:1;transform:translateY(0)}.section-concept{background:rgba(155,191,207,.8);padding-bottom:0}.section-concept .concept-wrap{display:flex;justify-content:space-between}.section-concept .concept-wrap h3.top-section-concept-title{width:45%;font-size:calc(3.2rem + .4vw);color:#fff;letter-spacing:.1em;line-height:1;font-weight:700;transform:translateY(10px);opacity:0;transition:.3s ease all}.section-concept .concept-wrap h3.top-section-concept-title.is-show{transform:translateY(0);opacity:1}.section-concept .concept-wrap .tex-box{width:55%}.section-concept .concept-wrap .tex-box p.lead{color:#fff;font-size:calc(1.5rem + .4vw);margin-bottom:8vmax;font-weight:500}.section-concept .concept-wrap .tex-box p.paragraph{color:#fff}.section-concept .img-wrap{margin-top:-20vw;width:calc(100% + 12vmax);position:relative;left:-6vmax;display:flex;align-items:end}.section-concept .img-wrap figure{width:33.3333333333%;opacity:0;transform:translateY(20px);transition:1s ease all}.section-concept .img-wrap figure img{width:100%}.section-concept .img-wrap figure:nth-of-type(1){width:32%}.section-concept .img-wrap figure:nth-of-type(2){width:39%}.section-concept .img-wrap figure:nth-of-type(3){width:29%}.section-concept .img-wrap.is-show figure{opacity:1;transform:translateY(0)}.section-concept .img-wrap.is-show figure:nth-of-type(1){transition-delay:.2s}.section-concept .img-wrap.is-show figure:nth-of-type(2){transition-delay:.4s}.section-concept .img-wrap.is-show figure:nth-of-type(3){transition-delay:.6s}.section-about-us{background:rgba(88,148,175,.4)}.section-about-us .img-wrap a{display:block;width:80%;margin-right:auto;position:relative}.section-about-us .img-wrap a img{width:100%}.section-about-us .img-wrap a::before{content:"MORE";font-size:calc(1rem + .4vw);color:#fff;font-weight:700;position:absolute;right:-25%;bottom:4em}.section-about-us .img-wrap a::after{content:"";width:20vw;height:1.5px;background:#fff;position:absolute;right:-25%;bottom:3.5em;transition:all .5s ease}.section-about-us .img-wrap a:hover{opacity:1}.section-about-us .img-wrap a:hover::after{width:25vw}.section-department{background:rgba(155,191,207,.8)}.section-department ul.department-list{display:flex;justify-content:space-between;align-items:center}.section-department ul.department-list li{width:33%;transition:all .5s ease;position:relative}.section-department ul.department-list li a{display:block}.section-department ul.department-list li a figure{width:100%}.section-department ul.department-list li a figure img{width:100%}.section-department ul.department-list li a p{background:#fff;text-align:center;font-weight:700;padding:1em}.section-department ul.department-list li a p.information-systems{color:#539}.section-department ul.department-list li a p.data-science{color:#33adad}.section-department ul.department-list li a p.media-and-communication{color:#ec639d}.section-department ul.department-list li a:hover{opacity:1}.section-department ul.department-list li.slick-center{transform:scale(1.5);z-index:2}.section-department ul.department-list li.slick-center:hover{opacity:1}.slick-list{padding:7vh 0!important}.section-other-contents{background:rgba(0,0,0,.5);margin-top:20vh}.section-other-contents ul.other-contents-list{display:flex;justify-content:space-between}.section-other-contents ul.other-contents-list li{width:30%;border:8px solid #fff;border-radius:13px;background:#fff}.section-other-contents ul.other-contents-list li a{display:block;position:relative}.section-other-contents ul.other-contents-list li a figure{width:100%}.section-other-contents ul.other-contents-list li a figure img{width:100%}.section-other-contents ul.other-contents-list li a p{font-size:calc(1rem + .4vw);font-weight:700;background:#fff;padding:1em;border-radius:0 20px 0 0;position:absolute;left:0;bottom:0}.faculty{--module-color:#5894af}.faculty.career{--module-color:#2A0080}.career01,.information-systems{--module-color:#553399}.career02,.data-science{--module-color:#33adad}.career03,.media-and-communication{--module-color:#ec639d}.information{--module-color:#005580}@media screen and (max-width:1024px) and (orientation:portrait){.top-mainvisual .video-wrap video{min-width:100%;min-height:100%;width:auto;height:auto;position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%)}.top-mainvisual .inner{width:100%;transform:translateX(0);-webkit-transform:translateX(0)}.top-mainvisual .inner .top-logo{display:none}.top-mainvisual .inner h2.top-title img:first-child{margin-bottom:3vmax}.top-mainvisual .inner p.en-title{width:30%;top:38%}.left-navi{position:fixed;top:0}.top-section{padding:5vmax 4vmax}h3.top-section-title{display:flex;flex-direction:row-reverse;padding-bottom:0;border-bottom:unset;border-left:2px solid #fff;margin-bottom:0;padding-left:.7em}h3.top-section-title span{writing-mode:vertical-rl}h3.top-section-title span.en{font-size:calc(3.5rem + 2vw)}h3.top-section-title span.jp{font-weight:500;letter-spacing:.1em}.section-concept{padding:5vmax 4vmax 0}.section-concept .concept-wrap{flex-direction:column}.section-concept .concept-wrap h3.top-section-concept-title{width:100%;text-align:center;margin-bottom:6vh}.section-concept .concept-wrap .tex-box{width:100%}.section-concept .concept-wrap .tex-box p.lead{line-height:2em;letter-spacing:.15em;margin-bottom:3vmax}.section-concept .img-wrap{margin-top:0;width:calc(100% + 8vmax);left:-4vmax}.section-concept .img-wrap figure img{width:100%;height:100%;object-fit:cover}.section-concept .img-wrap figure:nth-of-type(1){width:45%;height:28vh}.section-concept .img-wrap figure:nth-of-type(2){width:35%;height:16vh}.section-concept .img-wrap figure:nth-of-type(3){width:20%;height:16vh}.section-about-us{display:flex;justify-content:space-between;flex-direction:row-reverse;padding:8vmax 4vmax}.section-about-us .img-wrap{width:55%}.section-about-us .img-wrap a{width:100%;padding-bottom:16vh}.section-about-us .img-wrap a::before{right:30%;transform:translateX(50%);bottom:3vh}.section-about-us .img-wrap a::after{width:1px;height:16vh;right:50%;bottom:0;transform:translateX(50%)}.section-department{display:flex;justify-content:space-between;flex-direction:row-reverse;padding:8vmax 4vmax 8vmax 0}.section-department ul.department-list{width:60%}.section-department ul.department-list li{width:100%}.section-department ul.department-list li a{width:85%;transition:all .4s ease}.section-department ul.department-list li a figure{height:14vh;overflow:hidden}.section-department ul.department-list li a figure img{width:100%;height:100%;object-fit:cover}.section-department ul.department-list li a p{font-size:1.2rem}.section-department ul.department-list li.slick-current a{width:100%}.slick-list{padding:0!important}.section-other-contents{display:flex;justify-content:space-between;flex-direction:row-reverse;padding:8vmax 4vmax}.section-other-contents ul.other-contents-list{width:50%;flex-direction:column;gap:3vh}.section-other-contents ul.other-contents-list li{width:100%}.section-other-contents ul.other-contents-list li a p{letter-spacing:normal;padding:.5em 1em;border-radius:0 10px 0 0}.home-link{background:#fff}.home-link a{color:#005580}.top-mainvisual .inner .top-title .home-link{margin-top:5em;margin-bottom:-6.5em}}@media screen and (min-width:768px) and (max-width:1024px) and (orientation:portrait){.top-mainvisual .inner p.en-title{top:37%}.section-concept .img-wrap figure:nth-of-type(1){width:45%;height:45vh}.section-concept .img-wrap figure:nth-of-type(2){width:35%;height:25vh}.section-concept .img-wrap figure:nth-of-type(3){width:20%;height:25vh}.section-about-us .img-wrap a::before{font-size:calc(1.8rem + .4vw);right:35%}.section-department ul.department-list li a figure{height:20vh}}.home-link{width:100%;background:#fff;margin-bottom:40px}.home-link a{text-align:center;color:#005580;width:100%;padding:10px;display:block}.top-mainvisual .inner .top-title .home-link{margin-top:8em;margin-bottom:-8em}