@charset "utf-8";



/*-- Loading --*/

/* #loader {

    width:108px;

    height:2px;

    display:none;

    position:fixed;

    _position:fixed;

    top:50%;

    left:50%;

    margin-top:-1px;

    margin-left:-54px;

    z-index:200002;

}

#fade {

    display:none;

    width:100%;

    height:100%;

    background-color: #fff;

    position:fixed;

    top:0px;

    left:0px;

    z-index:200001;

} */

#the-cover {

    /* overflow: hidden;

    height: 150vh;

    position: fixed;

    left: -100px;

    top: -25vh;

    z-index: 10000001;

    -webkit-transform: rotate(-12deg);

    -khtml-transform: rotate(-12deg);

    -moz-transform: rotate(-12deg);

    -ms-transform: rotate(-12deg);

    transform: rotate(-12deg); */

}



#the-cover .cover_inn {

    /* height: 100%;

    position: absolute;

    right: 0;

    top: 0;

    background-color: rgba(0,54,255,1); */

}



#the-cover,

#the-cover .cover_inn {

    display: none;

    pointer-events: none;

    /* width: -webkit-calc(100% + 200px);

    width: -khtml-calc(100% + 200px);

    width: -moz-calc(100% + 200px);

    width: -ms-calc(100% + 200px);

    width: calc(100% + 200px); */

}



@keyframes flowTxtBot {

    0% {

        left: 101%;

    }



    100% {

        left: -165%;

    }

}



@-webkit-keyframes flowTxtBot {

    0% {

        left: 105%;

    }



    100% {

        left: -165%;

    }

}



.aniflowTxtBot {

    -webkit-animation-name: flowTxtBot;

    -khtml-animation-name: flowTxtBot;

    -moz-animation-name: flowTxtBot;

    -ms-animation-name: flowTxtBot;

    animation-name: flowTxtBot;

}



@keyframes lightRound {

    0% {

        left: 50%;

        top: 50%;

    }



    25% {

        left: 5%;

        top: 15%;

    }



    50% {

        left: -15%;

        top: 50%;

    }



    75% {

        left: 30%;

        top: 80%;

    }



    100% {

        left: 50%;

        top: 50%;

    }

}



@-webkit-keyframes lightRound {

    0% {

        left: 50%;

        top: 50%;

    }



    25% {

        left: 5%;

        top: 15%;

    }



    50% {

        left: -15%;

        top: 50%;

    }



    75% {

        left: 30%;

        top: 80%;

    }



    100% {

        left: 50%;

        top: 50%;

    }

}



.anilightRound {

    -webkit-animation-name: lightRound;

    -khtml-animation-name: lightRound;

    -moz-animation-name: lightRound;

    -ms-animation-name: lightRound;

    animation-name: lightRound;

}



@-webkit-keyframes bounceIn {

    0% {

        -webkit-transform: scale(0);

        -ms-transform: scale(0);

        transform: scale(0);

    }



    50% {

        -webkit-transform: scale(1.35);

        -ms-transform: scale(1.35);

        transform: scale(1.35);

    }



    70% {

        -webkit-transform: scale(.7);

        -ms-transform: scale(.7);

        transform: scale(.7);

    }



    100% {

        -webkit-transform: scale(1);

        -ms-transform: scale(1);

        transform: scale(1);

    }

}



@keyframes bounceIn {

    0% {

        -webkit-transform: scale(0);

        -ms-transform: scale(0);

        transform: scale(0);

    }



    50% {

        -webkit-transform: scale(1.35);

        -ms-transform: scale(1.35);

        transform: scale(1.35);

    }



    70% {

        -webkit-transform: scale(.7);

        -ms-transform: scale(.7);

        transform: scale(.7);

    }



    100% {

        -webkit-transform: scale(1);

        -ms-transform: scale(1);

        transform: scale(1);

    }

}



@-webkit-keyframes bounceIn2 {

    0% {

        -webkit-transform: scale(0);

        -ms-transform: scale(0);

        transform: scale(0);

    }



    50% {

        -webkit-transform: scale(1.15);

        -ms-transform: scale(1.15);

        transform: scale(1.15);

    }



    70% {

        -webkit-transform: scale(.75);

        -ms-transform: scale(.75);

        transform: scale(.75);

    }



    100% {

        -webkit-transform: scale(1);

        -ms-transform: scale(1);

        transform: scale(1);

    }

}



@keyframes bounceIn2 {

    0% {

        -webkit-transform: scale(0);

        -ms-transform: scale(0);

        transform: scale(0);

    }



    50% {

        -webkit-transform: scale(1.15);

        -ms-transform: scale(1.15);

        transform: scale(1.15);

    }



    70% {

        -webkit-transform: scale(.75);

        -ms-transform: scale(.75);

        transform: scale(.75);

    }



    100% {

        -webkit-transform: scale(1);

        -ms-transform: scale(1);

        transform: scale(1);

    }

}



@-webkit-keyframes rotateAnime {

    0% {

        transform: rotate(0deg);

    }



    30% {

        transform: rotate(180deg);

    }



    50% {

        transform: rotate(180deg);

    }



    70% {

        transform: rotate(360deg);

    }



    100% {

        transform: rotate(360deg);

    }

}



@keyframes rotateAnime {

    0% {

        transform: rotate(0deg);

    }



    30% {

        transform: rotate(180deg);

    }



    50% {

        transform: rotate(180deg);

    }



    70% {

        transform: rotate(360deg);

    }



    100% {

        transform: rotate(360deg);

    }

}



.anibounceIn {

    -webkit-animation-name: bounceIn;

    -khtml-animation-name: bounceIn;

    -moz-animation-name: bounceIn;

    -ms-animation-name: bounceIn;

    animation-name: bounceIn;

}



.anibounceIn2 {

    -webkit-animation-name: bounceIn2;

    -khtml-animation-name: bounceIn2;

    -moz-animation-name: bounceIn2;

    -ms-animation-name: bounceIn2;

    animation-name: bounceIn2;

}



.animatedBoth {

    -webkit-animation-fill-mode: both;

    -khtml-animation-fill-mode: both;

    -moz-animation-fill-mode: both;

    -ms-animation-fill-mode: both;

    animation-fill-mode: both;

}



.deAnimeFast {

    -webkit-transition: all .25s ease-out;

    -khtml-transition: all .25s ease-out;

    -moz-transition: all .25s ease-out;

    -ms-transition: all .25s ease-out;

    transition: all .25s ease-out;

}



.deAnimeDefault {

    -webkit-transition: all .55s ease-in-out;

    -khtml-transition: all .55s ease-in-out;

    -moz-transition: all .55s ease-in-out;

    -ms-transition: all .55s ease-in-out;

    transition: all .55s ease-in-out;

}



.deAnimeSlow {

    -webkit-transition: all 1s ease-in-out;

    -khtml-transition: all 1s ease-in-out;

    -moz-transition: all 1s ease-in-out;

    -ms-transition: all 1s ease-in-out;

    transition: all 1s ease-in-out;

}



.deAnimeSlowEase1 {

    -webkit-transition: all 1s cubic-bezier(0, 1, 1, 1);

    -khtml-transition: all 1s cubic-bezier(0, 1, 1, 1);

    -moz-transition: all 1s cubic-bezier(0, 1, 1, 1);

    -ms-transition: all 1s cubic-bezier(0, 1, 1, 1);

    transition: all 1s cubic-bezier(0, 1, 1, 1);

}



/*-- Svg --*/

svg path,

svg rect,

svg polygon {

    -webkit-fill: currentColor;

    -khtml-fill: currentColor;

    -moz-fill: currentColor;

    -ms-fill: currentColor;

    fill: currentColor;

}



/*-- //Svg --*/

/*-- //MARK: Common Setting --*/

body {}



#wrapper {

    max-width: 1920px;

    min-width: 1365px;

    /* max-height: 5765px; */

    overflow: hidden;

    margin-left: auto;

    margin-right: auto;

    /* background-image: url(../images/common/zzz-base2.jpg);

    background-position: center top;

    background-repeat: no-repeat;

    background-size: 100% auto; */

    position: relative;

}



.wrapper_inner {}



/*#header #main-logo::after{

    -webkit-animation-name: rotateAnime;

    -khtml-animation-name: rotateAnime;

    -moz-animation-name: rotateAnime;

    -ms-animation-name: rotateAnime;

    animation-name: rotateAnime;

    -webkit-animation-iteration-count: infinite;

    -khtml-animation-iteration-count: infinite;

    -moz-animation-iteration-count: infinite;

    -ms-animation-iteration-count: infinite;

    animation-iteration-count: infinite;

    -webkit-animation-fill-mode: both;

    -khtml-animation-fill-mode: both;

    -moz-animation-fill-mode: both;

    -ms-animation-fill-mode: both;

    animation-fill-mode: both;

    -webkit-animation-duration: 4.5s;

    -khtml-animation-duration: 4.5s;

    -moz-animation-duration: 4.5s;

    -ms-animation-duration: 4.5s;

    animation-duration: 4.5s;

    -webkit-animation-timing-function: cubic-bezier(1,.01,0,1);

    -khtml-animation-timing-function: cubic-bezier(1,.01,0,1);

    -moz-animation-timing-function: cubic-bezier(1,.01,0,1);

    -ms-animation-timing-function: cubic-bezier(1,.01,0,1);

    animation-timing-function: cubic-bezier(1,.01,0,1);

}*/

.w_1920 {

    max-width: 1920px;

}



.skew12 {

    -webkit-transform: skewY(-12deg);

    -khtml-transform: skewY(-12deg);

    -moz-transform: skewY(-12deg);

    -ms-transform: skewY(-12deg);

    transform: skewY(-12deg);

}



.skewnone {

    -webkit-transform: skewY(12deg);

    -khtml-transform: skewY(12deg);

    -moz-transform: skewY(12deg);

    -ms-transform: skewY(12deg);

    transform: skewY(12deg);

}



.t_ori_rt {

    -webkit-transform-origin: right top;

    -khtml-transform-origin: right top;

    -moz-transform-origin: right top;

    -ms-transform-origin: right top;

    transform-origin: right top;

}



.t_ori_lt {

    -webkit-transform-origin: left top;

    -khtml-transform-origin: left top;

    -moz-transform-origin: left top;

    -ms-transform-origin: left top;

    transform-origin: left top;

}



/*-- Background Blocks Setting --*/

.the_block_1 {

    overflow: hidden;

    width: 100%;

    height: 792px;

    background-color: #f2fbff;

    position: absolute;

    left: 0;

    top: 333px;

    /* z-index: -2; */

}



.the_block_3 {

    overflow: hidden;

    width: 100%;

    height: 977px;

    /*1177px*/

    background-color: #fafafa;

    position: absolute;

    left: 0;

    top: 2435px;

}



.the_block_2 {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    overflow: hidden;

    clear: both;

    width: 1920px;

    /*100%*/

    height: 1800px;

    background-color: #fff;

    /*rgba(0,0,0,.05)*/

    position: absolute;

    left: 0;

    top: 645px;

    z-index: -9;

}



.the_block_2 .b2_sp {

    width: 10%;

    height: 100%;

    overflow: visible;

    position: relative;

    background-image: url(../images/common/pattern_dots.svg);

    background-position: 0px -5px;

    background-repeat: repeat-y;

    background-size: 100% auto;

    /*background-color: rgba(0,0,0,.05);*/

}



.the_block_2 .b2_sp_2::before,

.the_block_2 .b2_sp_4::before,

.the_block_2 .b2_sp_6::before,

.the_block_2 .b2_sp_8::before {

    display: block;

    content: '';

    overflow: hidden;

    text-indent: 100%;

    white-space: nowrap;

    -webkit-box-sizing: border-box;

    -khtml-box-sizing: border-box;

    -moz-box-sizing: border-box;

    -ms-box-sizing: border-box;

    box-sizing: border-box;

    position: absolute;

    width: 1px;

    height: 100%;

    left: 0;

    top: 0;

    background-color: rgba(0, 177, 255, .05);

}



.the_block_2 .cross_block {

    width: 40%;

    height: 100%;

    position: absolute;

    left: 50%;

    top: 0;

    margin-left: -20%;

    /*calc(-20% - 96px);*/

    /*background-color: rgba(0,0,0,.05);*/

}



.the_block_2 .the_cross {

    overflow: hidden;

    width: 7px;

    height: 7px;

    text-indent: 100%;

    white-space: nowrap;

    background-image: url(../images/common/dots_black.svg);

    background-position: 0px 0px;

    background-repeat: no-repeat;

    background-size: 100% auto;

    position: absolute;

    top: 50%;

}



.the_block_2 .the_cross_2,

.the_block_2 .the_cross_3,

.the_block_2 .the_cross_4,

.the_block_2 .the_cross_5 {

    left: 50%;

}



.the_block_2 .the_cross_1,

.the_block_2 .the_cross_8 {

    margin-top: 48px;

}



.the_block_2 .the_cross_2,

.the_block_2 .the_cross_3 {

    margin-left: -195px;

}



.the_block_2 .the_cross_6,

.the_block_2 .the_cross_7 {

    right: 50%;

    margin-right: -196px;

}



.the_block_2 .the_cross_4,

.the_block_2 .the_cross_5 {

    margin-left: -3.5px;

}



.the_block_2 .the_cross_1 {

    left: 93px;

}



.the_block_2 .the_cross_2,

.the_block_2 .the_cross_6 {

    margin-top: -144px;

}



.the_block_2 .the_cross_3,

.the_block_2 .the_cross_7 {

    margin-top: 240px;

}



.the_block_2 .the_cross_4 {

    margin-top: -240px;

}



.the_block_2 .the_cross_5 {

    margin-top: 336px;

}



.the_block_2 .the_cross_6 {}



.the_block_2 .the_cross_7 {}



.the_block_2 .the_cross_8 {

    right: 92px;

}



.page_inn .the_block_2 .b2_sp_inn {

    height: 92%;

}



.page_inn #the-content {

    z-index: 8;

}



.flow_text_bot {

    display: block;

    width: 2980px;

    height: 240px;

    overflow: hidden;

    padding-top: 0;

    color: #00e4ff;

    font-family: 'Roboto Condensed', sans-serif;

    font-weight: 700;

    font-size: 2100%;

    line-height: 95%;

    text-transform: uppercase;

    letter-spacing: 1px;

    opacity: .05;

    position: absolute;

    bottom: 0;

    /* right: -1373px; */

    /* left: 110%; */

    -webkit-animation-duration: 40s;

    -khtml-animation-duration: 40s;

    -moz-animation-duration: 40s;

    -ms-animation-duration: 40s;

    animation-duration: 40s;

    -webkit-animation-iteration-count: infinite;

    -khtml-animation-iteration-count: infinite;

    -moz-animation-iteration-count: infinite;

    -ms-animation-iteration-count: infinite;

    animation-iteration-count: infinite;

    -webkit-animation-timing-function: linear;

    -khtml-animation-timing-function: linear;

    -moz-animation-timing-function: linear;

    -ms-animation-timing-function: linear;

    animation-timing-function: linear;

}



#scroll-top {

    overflow: visible;

    width: 44px;

    height: 630px;

    position: absolute;

    right: 13.750000000000002%;

    /*264px*/

    bottom: 0;

    z-index: 1;

    cursor: pointer;

}



#scroll-top p {

    display: block;

    width: 100%;

    height: 630px;

    text-indent: 100%;

    overflow: hidden;

    white-space: nowrap;

    position: absolute;

    right: 22px;

    bottom: 0;

    -webkit-transform-origin: center bottom;

    -khtml-transform-origin: center bottom;

    -moz-transform-origin: center bottom;

    -ms-transform-origin: center bottom;

    transform-origin: center bottom;

    -webkit-transition: all .35s cubic-bezier(0, .99, 0, 1);

    -khtml-transition: all .35s cubic-bezier(0, .99, 0, 1);

    -moz-transition: all .35s cubic-bezier(0, .99, 0, 1);

    -ms-transition: all .35s cubic-bezier(0, .99, 0, 1);

    transition: all .35s cubic-bezier(0, .99, 0, 1);

    -webkit-transition-delay: .25s;

    -khtml-transition-delay: .25s;

    -moz-transition-delay: .25s;

    -ms-transition-delay: .25s;

    transition-delay: .25s;

}



#scroll-top.act_on p {

    height: 93vh;

    -webkit-transition: all .85s cubic-bezier(0, .99, 0, 1);

    -khtml-transition: all .85s cubic-bezier(0, .99, 0, 1);

    -moz-transition: all .85s cubic-bezier(0, .99, 0, 1);

    -ms-transition: all .85s cubic-bezier(0, .99, 0, 1);

    transition: all .85s cubic-bezier(0, .99, 0, 1);

    mix-blend-mode: darken;

}



#scroll-top p::before,

#scroll-top p::after {

    display: block;

    content: '';

    overflow: hidden;

    text-indent: 100%;

    white-space: nowrap;

    -webkit-box-sizing: border-box;

    -khtml-box-sizing: border-box;

    -moz-box-sizing: border-box;

    -ms-box-sizing: border-box;

    box-sizing: border-box;

    position: absolute;

    right: 0;

    background-color: #0036ff;

}



#scroll-top p::before {

    width: 2px;

    height: 100%;

    bottom: 0;

}



#scroll-top p::after {

    width: 45px;

    height: 2px;

    top: -3px;

    -webkit-transform: rotate(-60deg);

    -khtml-transform: rotate(-60deg);

    -moz-transform: rotate(-60deg);

    -ms-transform: rotate(-60deg);

    transform: rotate(-60deg);

    -webkit-transform-origin: right top;

    -khtml-transform-origin: right top;

    -moz-transform-origin: right top;

    -ms-transform-origin: right top;

    transform-origin: right top;

}



/*-- //Common Setting --*/

/*picture{

    display: block;

    width: 110px;

    height: 250px;

    background-color: rgba(0,0,0,.1);

}*/

/*-- //MARK: Header --*/

#header {

    overflow: hidden;

    margin-left: auto;

    margin-right: auto;

    position: relative;

}



#the-logo {

    overflow: hidden;

    width: 1920px;

    /*110px*/

    height: 250px;

    margin-left: -960px;

    /*96px*/

    position: absolute;

    /*fixed*/

    top: 80px;

    left: 50%;

    /*0*/

    z-index: 9;

}



#the-logo .the_logo {

    display: block;

    width: 110px;

    /*100%*/

    height: 186px;

    margin-left: 96px;

    /*0*/

    padding-top: 63px;

    background-image: url(../images/common/logo-shape_bl.svg);

    background-position: center top;

    background-repeat: no-repeat;

    background-size: 49px 55px;

}



#the-logo .main_logo {

    display: block;

    width: 100%;

    height: 123px;

    text-indent: 100%;

    white-space: nowrap;

    overflow: hidden;

    background-image: url(../images/common/logo-text.svg);

    background-position: center top;

    background-repeat: no-repeat;

    background-size: 110px 123px;

}



#the-loader {

    overflow: hidden;

    width: 54px;

    height: 60px;

    margin-left: 124px;

    /*-27px*/

    position: absolute;

    left: 0;

    /*50%*/

    bottom: 0;

    z-index: 300001;

}



.the_slogan {

    overflow: hidden;

    width: 250px;

    height: 60px;

    margin-left: 227px;

}



#header .the_slogan {

    margin-top: 179px;

}



.the_slogan p {

    display: block;

    width: 100%;

    height: 100%;

    overflow: hidden;

    text-indent: 100%;

    white-space: nowrap;

    background-image: url(../images/common/logo-slogan.svg);

    background-position: 0px 0px;

    background-repeat: no-repeat;

    background-size: 250px 60px;

}



#the-nav,

#the-footer-nav {

    width: 870px;

    overflow: hidden;

    position: absolute;

    left: 42.5%;

    /*816px*/

    /*right: 234px;*/

    z-index: 10;

    /*1*/

}



#the-nav {

    top: -35px;

}



#the-footer-nav {

    top: 30px;

}



#the-nav::after {

    display: block;

    content: '';

    overflow: hidden;

    text-indent: 100%;

    white-space: nowrap;

    -webkit-box-sizing: border-box;

    -khtml-box-sizing: border-box;

    -moz-box-sizing: border-box;

    -ms-box-sizing: border-box;

    box-sizing: border-box;

    position: absolute;

    width: 28%;

    height: 1px;

    right: 0;

    top: 50%;

    margin-top: -1px;

    background-color: #fb704f;

}



#the-nav ul,

#the-footer-nav ul {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    overflow: hidden;

}



#the-nav ul li,

#the-footer-nav ul li {

    overflow: hidden;

    height: 70px;

    margin-right: 30px;

}



#the-nav ul li:last-child,

#the-footer-nav ul li:last-child {

    margin-right: 0;

}



#the-nav ul li a,

#the-footer-nav ul li a {

    display: block;

    height: 100%;

    height: 100%;

    padding-left: 10px;

    padding-right: 8px;

    overflow: hidden;

    font-family: 'Roboto Condensed', sans-serif;

    font-weight: 700;

    font-size: 112.5%;

    letter-spacing: 1.8px;

    line-height: 70px;

    text-transform: uppercase;

    background-color: transparent;

}



#the-nav ul li a,

#the-nav ul li a::before {

    -webkit-transition: all .25s cubic-bezier(0, 1, .3, 1);

    -khtml-transition: all .25s cubic-bezier(0, 1, .3, 1);

    -moz-transition: all .25s cubic-bezier(0, 1, .3, 1);

    -ms-transition: all .25s cubic-bezier(0, 1, .3, 1);

    transition: all .25s cubic-bezier(0, 1, .3, 1);

    -webkit-transition-delay: .1s;

    -khtml-transition-delay: .1s;

    -moz-transition-delay: .1s;

    -ms-transition-delay: .1s;

    transition-delay: .1s;

}



#the-nav ul li .act_on,

#the-nav ul li .act_on::before {

    -webkit-transition: all .35s cubic-bezier(0, 1, .3, 1);

    -khtml-transition: all .35s cubic-bezier(0, 1, .3, 1);

    -moz-transition: all .35s cubic-bezier(0, 1, .3, 1);

    -ms-transition: all .35s cubic-bezier(0, 1, .3, 1);

    transition: all .35s cubic-bezier(0, 1, .3, 1);

}



#the-nav ul li a {

    color: #0036ff;

    position: relative;

}



#the-nav ul li .nav_current,

#the-footer-nav ul li .nav_current {

    pointer-events: none;

}



#the-nav ul li a::before {

    display: block;

    content: '';

    overflow: hidden;

    text-indent: 100%;

    white-space: nowrap;

    -webkit-box-sizing: border-box;

    -khtml-box-sizing: border-box;

    -moz-box-sizing: border-box;

    -ms-box-sizing: border-box;

    box-sizing: border-box;

    position: absolute;

    width: 0;

    height: 100%;

    top: 0;

    left: 0;

    z-index: -1;

}



#the-nav ul li .act_on {

    color: #fff;

}



#the-nav ul li .act_on::before {

    width: 100%;

    background-color: #0036ff;

}



#the-nav ul li a.nav_current {

    color: #fff !important;

    background-color: transparent;

}



#the-nav ul li a.nav_current::before {

    width: 100% !important;

    background-color: #0036ff !important;

}



#the-footer-nav ul li a.nav_current {

    color: #0036ff !important;

}



#the-footer-nav ul li a {

    color: #000;

    -webkit-transition: all .35s ease-out;

    -khtml-transition: all .35s ease-out;

    -moz-transition: all .35s ease-out;

    -ms-transition: all .35s ease-out;

    transition: all .35s ease-out;

    -webkit-transition-delay: .25s;

    -khtml-transition-delay: .25s;

    -moz-transition-delay: .25s;

    -ms-transition-delay: .25s;

    transition-delay: .25s;

}



#the-footer-nav ul li .act_on {

    color: #0036ff;

    -webkit-transition: all .35s ease-out;

    -khtml-transition: all .35s ease-out;

    -moz-transition: all .35s ease-out;

    -ms-transition: all .35s ease-out;

    transition: all .35s ease-out;

}



/*-- //Header --*/

/*-- //MARK: Slide --*/

#the-slide {

    padding-left: 58px;

    position: relative;

}



#the-slide {

    height: 675px;

    margin-top: 174px;

    position: relative;

    z-index: 1;

}



#the-slide::after {

    display: block;

    content: '';

    overflow: hidden;

    text-indent: 100%;

    white-space: nowrap;

    -webkit-box-sizing: border-box;

    -khtml-box-sizing: border-box;

    -moz-box-sizing: border-box;

    -ms-box-sizing: border-box;

    box-sizing: border-box;

    position: absolute;

    width: 21.6%;

    height: 1px;

    left: 0;

    bottom: 28.4%;

    background-color: #00e4ff;

}



#the-slide .silde_inn {

    max-width: 1408px;

    /*73.33333333333333%*/

    height: auto;

    /* overflow: hidden; */

    margin-left: auto;

    margin-right: auto;

}



/* #the-slide .the_slide_main {

    overflow: hidden;

} */

/* #the-slide .the_slide_main .slick-list {

    overflow: visible;

} */

#the-slide .the_slide_main li {

    width: 100%;

    overflow: hidden;

    position: relative;

    z-index: 2;

}



#the-slide .the_slide_main li.slide_1 .slide_ttl {

    opacity: 1 !important;

    transition-delay: 0s !important;

}



#the-slide .the_slide_main li .slide_ttl {

    width: 100%;

    white-space: pre-line;

    font-family: 'Roboto Condensed', sans-serif;

    font-weight: 700;

    color: #0036ff;

    font-size: 400%;

    line-height: 131.3%;

    letter-spacing: 2px;

    position: absolute;

    left: 0;

    top: 21.4%;

    z-index: 1;

    opacity: 0;

    text-decoration: underline #ff6641;

    -webkit-transform: translate(-35px, 35px);

    -khtml-transform: translate(-35px, 35px);

    -moz-transform: translate(-35px, 35px);

    -ms-transform: translate(-35px, 35px);

    transform: translate(-35px, 35px);

    -webkit-transition: all 0s;

    -khtml-transition: all 0s;

    -moz-transition: all 0s;

    -ms-transition: all 0s;

    transition: all 0s;

}



#the-slide .the_slide_main .slick-current .slide_ttl {

    opacity: 1;

    -webkit-transform: translate(0px, 0px);

    -khtml-transform: translate(0px, 0px);

    -moz-transform: translate(0px, 0px);

    -ms-transform: translate(0px, 0px);

    transform: translate(0px, 0px);

    -webkit-transition: all 1.5s cubic-bezier(0, 1, .3, 1);

    -khtml-transition: all 1.5s cubic-bezier(0, 1, .3, 1);

    -moz-transition: all 1.5s cubic-bezier(0, 1, .3, 1);

    -ms-transition: all 1.5s cubic-bezier(0, 1, .3, 1);

    transition: all 1.5s cubic-bezier(0, 1, .3, 1);

    transition-delay: 1s;

}



#the-slide .the_slide_main li .slide_img {

    width: 79.33238636363636%;

    float: right;

    margin-top: 37px;

    opacity: 0;

    -webkit-transform: translate(-35px, 35px);

    -khtml-transform: translate(-35px, 35px);

    -moz-transform: translate(-35px, 35px);

    -ms-transform: translate(-35px, 35px);

    transform: translate(-35px, 35px);

    -webkit-transition: all 1.5s cubic-bezier(0, 1, .3, 1);

    -khtml-transition: all 1.5s cubic-bezier(0, 1, .3, 1);

    -moz-transition: all 1.5s cubic-bezier(0, 1, .3, 1);

    -ms-transition: all 1.5s cubic-bezier(0, 1, .3, 1);

    transition: all 1.5s cubic-bezier(0, 1, .3, 1);

}



#the-slide .the_slide_main .slick-current .slide_img {

    opacity: 1;

    -webkit-transform: translate(0px, 0px);

    -khtml-transform: translate(0px, 0px);

    -moz-transform: translate(0px, 0px);

    -ms-transform: translate(0px, 0px);

    transform: translate(0px, 0px);

}



#the-slide .the_slide_main li .slide_img img {

    width: 100%;

}



#the-slide .the_slide_main .slick-dots {

    width: 60px;

    height: 60px;

    overflow: hidden;

    position: absolute;

    left: 70px;

    bottom: 262px;

}



#the-slide .the_slide_main .slick-dots li {

    display: block;

    width: 20px;

    height: 20px;

    position: absolute;

    -webkit-border-radius: 9999px;

    -khtml-border-radius: 9999px;

    -moz-border-radius: 9999px;

    -ms-border-radius: 9999px;

    border-radius: 9999px;

    border-width: 2px;

    border-style: solid;

    border-color: #0036ff;

    background-color: transparent;

    -webkit-transition: all .165s ease;

    -khtml-transition: all .165s ease;

    -moz-transition: all .165s ease;

    -ms-transition: all .165s ease;

    transition: all .165s ease;

}



#the-slide .the_slide_main .slick-dots li:first-child {

    left: 0;

    top: 0;

}



#the-slide .the_slide_main .slick-dots li:nth-child(2) {

    right: 0;

    top: 0;

}



#the-slide .the_slide_main .slick-dots li:nth-child(3) {

    left: 0;

    bottom: 0;

}



#the-slide .the_slide_main .slick-dots li:last-child {

    right: 0;

    bottom: 0;

}



#the-slide .the_slide_main .slick-dots .slick-active {

    -webkit-transform: scale(.8);

    -khtml-transform: scale(.8);

    -moz-transform: scale(.8);

    -ms-transform: scale(.8);

    transform: scale(.8);

    border-width: 0px;

    background-color: #ff6641;

}



#the-slide .the_slide_main .slick-dots li button {

    display: block;

    width: 100%;

    height: 100%;

    outline: none;

    text-indent: 100%;

    overflow: hidden;

    white-space: nowrap;

    border: none !important;

    padding: 0 !important;

    cursor: pointer;

    background-color: transparent;

}



#the-slide .the_slide_main .slick-counter {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    justify-content: space-between;

    width: 82px;

    height: 16px;

    overflow: hidden;

    position: absolute;

    left: 80px;

    top: 34px;

    -webkit-transform: rotate(-90deg);

    -khtml-transform: rotate(-90deg);

    -moz-transform: rotate(-90deg);

    -ms-transform: rotate(-90deg);

    transform: rotate(-90deg);

}



#the-slide .the_slide_main .slick-counter::after {

    display: block;

    content: '';

    overflow: hidden;

    text-indent: 100%;

    white-space: nowrap;

    -webkit-box-sizing: border-box;

    -khtml-box-sizing: border-box;

    -moz-box-sizing: border-box;

    -ms-box-sizing: border-box;

    box-sizing: border-box;

    position: absolute;

    width: 9px;

    height: 1px;

    left: 50%;

    top: 50%;

    margin-left: -4.5px;

    margin-top: -.5px;

    background-color: #0036ff;

}



#the-slide .the_slide_main .slick-counter span {

    display: inline;

    line-height: 16px;

    font-size: 112.5%;

    /* letter-spacing: 20px; */

    font-family: 'Roboto Condensed', sans-serif;

    font-weight: 300;

    position: relative;

}



#the-slide .the_slide_main .slick-counter span::before {

    display: inline;

    content: '0';

    overflow: hidden;

    -webkit-box-sizing: border-box;

    -khtml-box-sizing: border-box;

    -moz-box-sizing: border-box;

    -ms-box-sizing: border-box;

    box-sizing: border-box;

    padding-right: 7px;

}



#the-slide .the_slide_main .slick-counter .num-current {

    color: #ff6641;

}



#the-slide .the_slide_main .slick-counter .num-total {

    color: #0036ff;

}



/*-- //Slide --*/

/*-- //MARK: Greeting --*/

#the-greeting {

    clear: both;

    display: table;

    table-layout: fixed;

    width: 100%;

    height: 940px;

    /* padding-top: 350px;

    padding-bottom: 330px; */

    position: relative;

    z-index: 2;

    /*background-color: rgba(0,0,0,.1);*/

}



#the-greeting .grt_inn {

    display: table-cell;

    vertical-align: middle;

    height: 100%;

    padding-left: 15%;

    /*288px*/

    /*background-color: rgba(0,0,0,.1);*/

}



#the-greeting h2 {

    max-width: 1222px;

    font-family: 'Playfair Display', serif;

    font-weight: 400;

    font-size: 225%;

    color: #0036ff;

    /* white-space: pre-line; */

    line-height: 160%;

    letter-spacing: 1.54px;

}



#the-greeting h2 mark {

    font-size: 181.25%;

    line-height: 100%;

    letter-spacing: 1px;

    padding-right: 14px;

    background-color: transparent;

    font-style: normal;

    color: #0036ff;

    font-weight: 400;

}



#the-greeting p {

    white-space: pre-line;

    font-family: 'Roboto Condensed', sans-serif;

    font-weight: 400;

    color: #010101;

    font-size: 112.5%;

    line-height: 206.25%;

    letter-spacing: 2.04px;

    padding-top: .875em;

}



/*-- //Greeting --*/

/*-- //MARK: News --*/

#the-news {

    clear: both;

    overflow: hidden;

    width: 70%;

    max-width: 1344px;

    height: 1200px;

    /*1400px*/

    margin-left: auto;

    margin-right: auto;

    position: relative;

    z-index: 1;

}



#the-news .the_ttl {

    width: 874px;

    /* width: 65.02976190476191%; */

    overflow: hidden;

    /* float: right; */

    position: absolute;

    right: 0;

    top: 0;

}



#the-news .the_ttl::before,

#the-news .the_ttl::after {

    display: block;

    content: '';

    overflow: hidden;

    text-indent: 100%;

    white-space: nowrap;

    -webkit-box-sizing: border-box;

    -khtml-box-sizing: border-box;

    -moz-box-sizing: border-box;

    -ms-box-sizing: border-box;

    box-sizing: border-box;

    position: absolute;

    width: 100%;

    height: 1px;

    top: 50%;

    margin-top: -6.5px;

    background-color: #6aeeff;

    /* background-color: #000; */

}



#the-news .the_ttl::before {

    right: 404px;

}



#the-news .the_ttl::after {

    left: 594px;

}



#the-news .the_ttl .ttle_section {

    width: 300px;

    float: right;

    margin-right: 64px;

}



#the-news .the_ttl .ttl_main {

    font-size: 450%;

    font-family: 'Playfair Display', serif;

    font-weight: 400;

}



#the-news .the_ttl .ttl_1 {

    padding-top: 12px;

    /* margin-top: 6px; */

    letter-spacing: 1.8px;

}



#the-news .the_ttl .ttl_2 {

    padding-left: 3px;

    margin-top: 48px;

    letter-spacing: 6px;

    font-size: 137.5%;

    font-family: 'Roboto Condensed', sans-serif;

    font-weight: 300;

}



#the-news .the_ttl .ttl_3 {

    padding-bottom: 31px;

    margin-top: 42px;

    letter-spacing: .8px;

}



#the-news .news_section {

    clear: both;

    overflow: hidden;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    padding-top: 13px;

    padding-bottom: 10px;

    margin-top: 132px;

}



#the-news .news_section .the_news_sec {

    width: -webkit-calc(100% / 3);

    width: -khtml-calc(100% / 3);

    width: -moz-calc(100% / 3);

    width: -ms-calc(100% / 3);

    width: calc(100% / 3);

    max-width: 380px;

    height: 100%;

    margin-right: 6.696428571428571%;

    /* margin-right: 90px; */

    padding-bottom: 35px;

    overflow: visible;

    background-color: #fff;

    position: relative;

}



#the-news .news_section .news_sec_2 {

    margin-top: 65px;

}



#the-news .news_section .news_sec_3 {

    margin-top: 130px;

}



#the-news .news_section .the_news_sec::after {

    display: block;

    content: '';

    overflow: hidden;

    text-indent: 100%;

    white-space: nowrap;

    -webkit-box-sizing: border-box;

    -khtml-box-sizing: border-box;

    -moz-box-sizing: border-box;

    -ms-box-sizing: border-box;

    box-sizing: border-box;

    position: absolute;

    width: -webkit-calc(100% - 20px);

    width: -khtml-calc(100% - 20px);

    width: -moz-calc(100% - 20px);

    width: -ms-calc(100% - 20px);

    width: calc(100% - 20px);

    height: 10px;

    background-color: #00e4ff;

    left: 10px;

    bottom: -10px;

}



#the-news .news_section section:last-child {

    margin-right: 0;

}



#the-news .news_section .news_date {

    display: block;

    width: 100px;

    height: 26px;

    color: #ff6641;

    font-size: 93.8%;

    letter-spacing: 2.4px;

    text-indent: 2.4px;

    line-height: 26px;

    font-family: 'Roboto Condensed', sans-serif;

    font-weight: 400;

    border: 1px solid #ff6641;

    text-align: center;

    position: absolute;

    left: 25px;

    top: -13px;

    z-index: 1;

}



#the-news .news_section .news_thumb {

    overflow: hidden;

    width: 100%;

    height: 300px;

    background-color: rgba(0, 0, 0, .1);

    background-position: center top;

    background-repeat: no-repeat;

    background-size: cover;

    position: relative;

}



/* #the-news .news_section .news_thumb::after {

    display: block;

    content: 'Now Printing';

    overflow: hidden;

    text-indent: 100%;

    white-space: nowrap;

    -webkit-box-sizing: border-box;

    -khtml-box-sizing: border-box;

    -moz-box-sizing: border-box;

    -ms-box-sizing: border-box;

    box-sizing: border-box;

    position: absolute;

    width: 100%;

    height: 100%;

    background-color: #0036ff;

    color: #fff;

    font-size: 212.5%;

    text-align: center;

    line-height: 300px;

    letter-spacing: 2px;

    text-indent: 2px;

    font-family: 'Roboto Condensed', sans-serif;

    font-weight: 700;

    text-transform: uppercase;

} */

/* #the-news .news_section .news_thumb img {} */

#the-news .news_section .news_ttl,

#the-news .news_section .news_desc {

    display: block;

    padding-left: 6.578947368421052%;

    padding-right: 6.578947368421052%;

}



#the-news .news_section .news_ttl {

    overflow: hidden;

    margin-top: -19px;

    padding-bottom: 15px;

    position: relative;

    font-family: 'Playfair Display', serif;

    font-weight: 400;

    font-size: 175%;

    line-height: 131.3%;

    letter-spacing: .8px;

    white-space: pre-line;

}



#the-news .news_section .news_ttl::after {

    display: block;

    content: '';

    overflow: hidden;

    text-indent: 100%;

    white-space: nowrap;

    -webkit-box-sizing: border-box;

    -khtml-box-sizing: border-box;

    -moz-box-sizing: border-box;

    -ms-box-sizing: border-box;

    box-sizing: border-box;

    position: absolute;

    width: 43.42105263157895%;

    height: 1px;

    background-color: #ff6641;

    left: 6.578947368421052%;

    bottom: 0;

}



#the-news .news_section .news_desc {

    font-family: 'Roboto Condensed', sans-serif;

    font-weight: 300;

    line-height: 168.75%;

    letter-spacing: 2px;

    padding-top: 15px;

    white-space: pre-line;

}



/* #the-news .news_section .news_desc em {

    font-weight: 700;

    letter-spacing: 1px;

} */

#the-news .news_section .news_desc a {

    text-decoration: underline;

    font-style: italic;

}



/*-- //News --*/

/*-- //MARK: Publictions --*/

#the-publications {

    clear: both;

    overflow: hidden;

    position: relative;

    padding-bottom: 407px;

    z-index: 1;

}



#the-publications .public_inn {

    width: 70%;

    max-width: 1344px;

    height: 1125px;

    overflow: hidden;

    margin-left: auto;

    margin-right: auto;

    padding-left: 2.34375%;

    padding-right: 2.34375%;

}



#the-publications .the_ttl,

.page_publ .the_ttl {

    width: 400px;

    height: 115px;

    overflow: hidden;

    position: relative;

}



#the-publications .the_ttl {

    margin-left: 5.18341307814992%;

    margin-top: 2px;

    /*本番の場合取り消し*/

}



#the-publications .the_ttl .ttl_intro,

.page_publ .the_ttl .ttl_intro {

    font-family: 'Roboto Condensed', sans-serif;

    font-weight: 300;

    font-size: 137.5%;

    letter-spacing: 6.4px;

    color: #0036ff;

    line-height: 100%;

    position: absolute;

    left: 55px;

    top: 0;

}



#the-publications .the_ttl .ttl_main,

#the-publications .the_ttl .ttl_shadows,

.page_publ .the_ttl .ttl_main,

.page_publ .the_ttl .ttl_shadows {

    overflow: hidden;

    width: 392px;

    height: 98px;

}



#the-publications .the_ttl .ttl_main,

.page_publ .the_ttl .ttl_main {

    display: block;

    line-height: 92px;

    text-align: center;

    font-family: 'Playfair Display', serif;

    font-weight: 400;

    font-size: 450%;

    letter-spacing: .8px;

    text-indent: .8px;

    margin-top: 9px;

    border-left: 2px solid #0036ff;

    border-right: 2px solid #0036ff;

    border-bottom: 2px solid #0036ff;

    position: relative;

    z-index: 1;

}



#the-publications .the_ttl .ttl_main::before,

#the-publications .the_ttl .ttl_main::after,

#the-publications .the_ttl .ttl_shadows::before,

#the-publications .the_ttl .ttl_shadows::after,

.page_publ .the_ttl .ttl_main::before,

.page_publ .the_ttl .ttl_main::after,

.page_publ .the_ttl .ttl_shadows::before,

.page_publ .the_ttl .ttl_shadows::after {

    display: block;

    content: '';

    overflow: hidden;

    text-indent: 100%;

    white-space: nowrap;

    -webkit-box-sizing: border-box;

    -khtml-box-sizing: border-box;

    -moz-box-sizing: border-box;

    -ms-box-sizing: border-box;

    box-sizing: border-box;

    position: absolute;

}



#the-publications .the_ttl .ttl_main::before,

#the-publications .the_ttl .ttl_main::after,

.page_publ .the_ttl .ttl_main::before,

.page_publ .the_ttl .ttl_main::after {

    height: 2px;

    top: 0;

    background-color: #0036ff;

}



#the-publications .the_ttl .ttl_main::before,

.page_publ .the_ttl .ttl_main::before {

    width: 44px;

    left: 0;

}



#the-publications .the_ttl .ttl_main::after,

.page_publ .the_ttl .ttl_main::after {

    right: 0;

}



#the-publications .the_ttl .ttl_main::after {

    width: 241px;

}



#the-publications .the_ttl .ttl_shadows,

.page_publ .the_ttl .ttl_shadows {

    position: absolute;

    right: 0;

    bottom: 0;

    border-bottom: 2px solid #0036ff;

    border-right: 2px solid #0036ff;

}



#the-publications .the_ttl .ttl_shadows::before,

#the-publications .the_ttl .ttl_shadows::after,

.page_publ .the_ttl .ttl_shadows::before,

.page_publ .the_ttl .ttl_shadows::after {

    background-color: #0036ff;

}



#the-publications .the_ttl .ttl_shadows::before,

.page_publ .the_ttl .ttl_shadows::before {

    width: 4px;

    height: 2px;

    right: 0;

    top: 0;

}



#the-publications .the_ttl .ttl_shadows::after,

.page_publ .the_ttl .ttl_shadows::after {

    width: 2px;

    height: 4px;

    left: 0;

    bottom: 0;

}



#the-publications .public_content {

    padding-top: 30px;

}



#the-publications .public_sec {

    width: 76.55502392344498%;

    padding-right: 3.6458333333333335%;

    position: relative;

    overflow: hidden;

    margin-top: 100px;

    font-family: 'Roboto Condensed', sans-serif;

    font-weight: 400;

}



#the-publications .public_sec::after {

    display: block;

    content: '';

    overflow: hidden;

    text-indent: 100%;

    white-space: nowrap;

    -webkit-box-sizing: border-box;

    -khtml-box-sizing: border-box;

    -moz-box-sizing: border-box;

    -ms-box-sizing: border-box;

    box-sizing: border-box;

    position: absolute;

    width: 100%;

    height: 1px;

    right: 0;

    bottom: 9px;

    background-color: #ececec;

}



#the-publications .public_desc {

    font-size: 112.5%;

    letter-spacing: 2px;

    line-height: 181.25%;

}



#the-publications .public_2 {

    margin-left: 22.727272727272727%;

}



#the-publications .public_desc a {

    display: inline;

    text-decoration: underline;

    font-style: italic;

}



#the-publications .public_desc a.the_press {

    font-style: normal;

    font-weight: 700;

    letter-spacing: 1.6px;

}



#the-publications .public_desc em {

    color: #0036ff;

    letter-spacing: 1.6px;

}



#the-publications .public_date {

    display: inline-block;

    background-color: #0036ff;

    color: #fff;

    line-height: 100%;

    letter-spacing: 2px;

    padding: 2px 2px 2px 3px;

    margin-top: 30px;

    position: relative;

    z-index: 1;

}



#the-publications .more_btn,

.page_team .the_leader .more_btn {

    clear: both;

    overflow: hidden;

    height: 65px;

    position: relative;

}



#the-publications .more_btn {

    width: 62.20095693779905%;

    max-width: 780px;

    float: right;

    margin-top: 165px;

}



#the-publications .more_btn a,

.page_team .the_leader .more_btn a {

    display: block;

    width: 100%;

    height: 100%;

    overflow: hidden;

}



#the-publications .more_btn a p,

.page_team .the_leader .more_btn a p {

    font-size: 187.5%;

    font-family: 'Roboto Condensed', sans-serif;

    font-weight: 700;

    letter-spacing: 4px;

    line-height: 65px;

    text-transform: uppercase;

    color: #00e4ff;

    text-indent: 36.53846153846153%;

    -webkit-transition: all .1s ease;

    -khtml-transition: all .1s ease;

    -moz-transition: all .1s ease;

    -ms-transition: all .1s ease;

    transition: all .1s ease;

    -webkit-transition-delay: .15s;

    -khtml-transition-delay: .15s;

    -moz-transition-delay: .15s;

    -ms-transition-delay: .15s;

    transition-delay: .15s;

}



#the-publications .act_on a p,

.page_team .the_leader .act_on a p {

    width: 100%;

    color: #ff6641;

    -webkit-transition: all .25s ease;

    -khtml-transition: all .25s ease;

    -moz-transition: all .25s ease;

    -ms-transition: all .25s ease;

    transition: all .25s ease;

}



#the-publications .more_btn a .btn_arrow,

.page_team .the_leader .more_btn a .btn_arrow {

    overflow: hidden;

    width: 32.05128205128205%;

    height: 12px;

    border-bottom-width: 2px;

    border-bottom-style: solid;

    border-bottom-color: #00e4ff;

    position: absolute;

    left: 0;

    bottom: 31px;

    -webkit-transition: all .35s cubic-bezier(0, 1, .3, 1);

    -khtml-transition: all .35s cubic-bezier(0, 1, .3, 1);

    -moz-transition: all .35s cubic-bezier(0, 1, .3, 1);

    -ms-transition: all .35s cubic-bezier(0, 1, .3, 1);

    transition: all .35s cubic-bezier(0, 1, .3, 1);

    -webkit-transition-delay: .25s;

    -khtml-transition-delay: .25s;

    -moz-transition-delay: .25s;

    -ms-transition-delay: .25s;

    transition-delay: .25s;

}



#the-publications .act_on a .btn_arrow,

.page_team .the_leader .act_on a .btn_arrow {

    width: 100%;

    border-bottom-color: #0036ff;

    -webkit-transition: all .65s cubic-bezier(0, 1, .3, 1);

    -khtml-transition: all .65s cubic-bezier(0, 1, .3, 1);

    -moz-transition: all .65s cubic-bezier(0, 1, .3, 1);

    -ms-transition: all .65s cubic-bezier(0, 1, .3, 1);

    transition: all .65s cubic-bezier(0, 1, .3, 1);

    mix-blend-mode: darken;

}



#the-publications .more_btn a .btn_arrow::before,

.page_team .the_leader .more_btn a .btn_arrow::before {

    display: block;

    content: '';

    overflow: hidden;

    text-indent: 100%;

    white-space: nowrap;

    -webkit-box-sizing: border-box;

    -khtml-box-sizing: border-box;

    -moz-box-sizing: border-box;

    -ms-box-sizing: border-box;

    box-sizing: border-box;

    position: absolute;

    width: 2px;

    height: 20px;

    right: 0;

    bottom: 0;

    background-color: #00e4ff;

    -webkit-transform: rotate(-60deg);

    -khtml-transform: rotate(-60deg);

    -moz-transform: rotate(-60deg);

    -ms-transform: rotate(-60deg);

    transform: rotate(-60deg);

    -webkit-transform-origin: right bottom;

    -khtml-transform-origin: right bottom;

    -moz-transform-origin: right bottom;

    -ms-transform-origin: right bottom;

    transform-origin: right bottom;

    -webkit-transition: all .35s cubic-bezier(0, 1, .3, 1);

    -khtml-transition: all .35s cubic-bezier(0, 1, .3, 1);

    -moz-transition: all .35s cubic-bezier(0, 1, .3, 1);

    -ms-transition: all .35s cubic-bezier(0, 1, .3, 1);

    transition: all .35s cubic-bezier(0, 1, .3, 1);

    -webkit-transition-delay: .25s;

    -khtml-transition-delay: .25s;

    -moz-transition-delay: .25s;

    -ms-transition-delay: .25s;

    transition-delay: .25s;

}



#the-publications .act_on a .btn_arrow::before,

.page_team .the_leader .act_on a .btn_arrow::before {

    background-color: #0036ff;

    -webkit-transition: all .65s cubic-bezier(0, 1, .3, 1);

    -khtml-transition: all .65s cubic-bezier(0, 1, .3, 1);

    -moz-transition: all .65s cubic-bezier(0, 1, .3, 1);

    -ms-transition: all .65s cubic-bezier(0, 1, .3, 1);

    transition: all .65s cubic-bezier(0, 1, .3, 1);

    mix-blend-mode: darken;

}



#the-publications .flow_text {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    width: 1610px;

    height: 230px;

    overflow: hidden;

    color: #00e4ff;

    font-family: 'Roboto Condensed', sans-serif;

    font-weight: 700;

    opacity: .05;

    position: absolute;

    /* right: 0;

    top: 0;

    left: 0;

    bottom: 0;

    margin: auto; */

    top: 50%;

    right: -900px;

    /*50%*/

    margin-top: -155px;

    /* margin-right: -805px; */

    z-index: -1;

    -webkit-transition: .00000001s linear;

    -khtml-transition: .00000001s linear;

    -moz-transition: .00000001s linear;

    -ms-transition: .00000001s linear;

    transition: .00000001s linear;

}



#the-publications .flow_text span {

    overflow: hidden;

}



#the-publications .flow_text .flow_text_1 {

    font-weight: 300;

    font-size: 430%;

    letter-spacing: 6.8px;

    text-transform: uppercase;

    padding-top: 5px;

    line-height: 100%;

}



#the-publications .flow_text .flow_text_2 {

    font-size: 2100%;

    letter-spacing: 2.6px;

    padding-top: 116px;

    padding-left: 3px;

}



/*-- //Publictions --*/

/*-- //MARK: common-info --*/

#the-cominfo {

    /* margin-top: 407px; */

    /*405px*/

    position: relative;

    z-index: 1;

    /* background-color: #fff; */

}



#the-cominfo .cominfo_inn {

    height: 100%;

    position: relative;

}



#the-cominfo .the_slogan {

    margin-top: 0;

}



#the-cominfo .cinfo_sec {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: end;

    -ms-flex-align: end;

    align-items: flex-end;

    margin-top: 90px;

    border-bottom: 1px solid #ececec;

}



#the-cominfo .cinfo_sec .the_school {

    width: 15%;

    max-width: 288px;

    height: 320px;

    /* padding: 77px 61px; */

    background-image: url(../images/common/pattern-purple.svg);

    background-position: 0px 0px;

    background-repeat: repeat-x;

    background-size: auto 100%;

    position: relative;

}



#the-cominfo .cinfo_sec .the_school img {

    width: 166px;

    height: 166px;

    position: absolute;

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;

    margin: auto;

}



#the-cominfo .cinfo_sec .the_info {

    width: 85%;

    max-width: 1632px;

    height: 550px;

    overflow: hidden;

    position: relative;

    background-color: rgba(19, 204, 237, .8);

    /*0,228,255,.45*/

}



#the-cominfo .cinfo_sec .the_info .the_info_bg {

    display: block;

    width: 100%;

    height: auto;

    position: absolute;

    left: 0;

    /* right: 0;

    bottom: 0;

    margin: auto; */

    z-index: -1;

    -webkit-transition: .00000001s linear;

    -khtml-transition: .00000001s linear;

    -moz-transition: .00000001s linear;

    -ms-transition: .00000001s linear;

    transition: .00000001s linear;

}



#the-cominfo .cinfo_sec .the_info .the_info_inn {

    padding-left: 100px;

    padding-top: 90px;

    overflow: hidden;

}



#the-cominfo .cinfo_sec .the_info .the_address {

    font-family: 'Cinzel', serif;

    font-size: 175%;

    color: #fff;

    font-weight: normal;

    letter-spacing: 1.8px;

    white-space: pre-line;

    line-height: 143.8%;

    text-transform: uppercase;

    position: relative;

    padding-bottom: 35px;

}



#the-cominfo .cinfo_sec .the_info .the_address::after {

    display: block;

    content: '';

    overflow: hidden;

    text-indent: 100%;

    white-space: nowrap;

    -webkit-box-sizing: border-box;

    -khtml-box-sizing: border-box;

    -moz-box-sizing: border-box;

    -ms-box-sizing: border-box;

    box-sizing: border-box;

    position: absolute;

    width: 100%;

    height: 1px;

    left: 0;

    bottom: 0;

    background-color: #fff;

}



#the-cominfo .cinfo_sec .the_info .the_link {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

}



#the-cominfo .cinfo_sec .the_info .the_link li {

    display: block;

    width: 15.013054830287206%;

    max-width: 230px;

    height: 65px;

    margin-right: 2.93733681462141%;

    margin-top: 55px;

    border: 2px solid #fff;

}



#the-cominfo .cinfo_sec .the_info .the_link li:last-child {

    margin-right: 0;

}



#the-cominfo .cinfo_sec .the_info .the_link .link_btn {

    display: block;

    width: 100%;

    height: 100%;

}



#the-cominfo .cinfo_sec .the_info .the_link .link_btn .link_btn_text {

    color: #fff;

    font-family: 'Roboto Condensed', sans-serif;

    font-weight: 700;

    font-size: 143.8%;

    letter-spacing: 3px;

    text-indent: 3px;

    text-align: center;

    line-height: 65px;

    text-transform: uppercase;

    background-color: transparent;

    -webkit-transition: all .15s linear;

    -khtml-transition: all .15s linear;

    -moz-transition: all .15s linear;

    -ms-transition: all .15s linear;

    transition: all .15s linear;

    -webkit-transition-delay: .15s;

    -khtml-transition-delay: .15s;

    -moz-transition-delay: .15s;

    -ms-transition-delay: .15s;

    transition-delay: .15s;

}



#the-cominfo .cinfo_sec .the_info .the_link .act_on .link_btn_text {

    background-color: rgba(19, 204, 237, .6);

    -webkit-transition: all .25s linear;

    -khtml-transition: all .25s linear;

    -moz-transition: all .25s linear;

    -ms-transition: all .25s linear;

    transition: all .25s linear;

}



/*-- //common-info --*/

/*-- //MARK: Footer --*/

#footer {

    clear: both;

    height: 105px;

    position: relative;

    z-index: 1;

}



#footer .footer_inn {

    height: 500px;

    position: relative;

    /* background-color: rgba(0,0,0,.2); */

}



#footer .copyright {

    display: inline-block;

    margin-left: 20.3125%;

    margin-top: 60px;

    font-family: 'Roboto Condensed', sans-serif;

    font-weight: 400;

    font-size: 112.5%;

    line-height: 100%;

    letter-spacing: 2px;

    text-transform: uppercase;

    position: relative;

    z-index: 1;

}



#footer .f_grids {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    width: 100%;

    height: 100%;

    position: absolute;

    left: 0;

    top: 0;

}



#footer .f_grids .the_grid {

    overflow: hidden;

    width: 10%;

    height: 100%;

    border-left: 1px solid #f2f2f2;

}



#footer .f_grids .the_grid:last-child {

    border-right: 1px solid #f2f2f2;

}



/*-- //Footer --*/

/*-- //MARK: Canvas --*/

canvas {

    width: 100vw;

    height: 100vh;

    overflow: hidden;

    position: fixed;

    left: 0;

    top: 0;

    z-index: -1;

    pointer-events: none;

    /*-webkit-transform: scale(1.2);

    -khtml-transform: scale(1.2);

    -moz-transform: scale(1.2);

    -ms-transform: scale(1.2);

    transform: scale(1.2);*/

    /*mix-blend-mode: darken;*/

}



/*-- //Canvas --*/

/*-- //MARK: page-research --*/

.page_research .the_block_2 {

    height: 4330px;

    /* top: 645px; */

}



.page_research .the_block_3 {

    height: 630px;

    top: 3450px;

}



.page_research #the-content {

    /* width: 100%; */

    max-width: 1344px;

    position: relative;

    margin-left: 20%;

    margin-top: 11px;

    padding-bottom: 550px;

}



.page_research .research_sec {

    padding-top: 200px;

}



.page_research .ttl_content {

    width: 550px;

    height: 466px;

    position: relative;

    /* background-color: rgba(0,0,0,.1); */

}



.page_research .ttl_content .the_ttl {

    padding-top: 125px;

    padding-left: 50px;

    font-family: 'Playfair Display', serif;

    font-size: 380%;

    color: #fff;

    line-height: 120%;

    letter-spacing: 2.6px;

    font-weight: normal;

    white-space: pre-line;

}



.page_research .ttl_content .the_block {

    width: 100%;

    height: 350px;

    overflow: hidden;

    background-color: #0036ff;

    position: absolute;

    left: 0;

    top: 58px;

    z-index: -1;

}



.page_research .ttl_content .the_block .the_light {

    width: 2000px;

    height: 2000px;

    position: absolute;

    left: 50%;

    top: 50%;

    margin-left: -600px;

    margin-top: -700px;

    background-image: url(../images/common/light_001.png);

    background-position: 0px 0px;

    background-repeat: no-repeat;

    background-size: 100% auto;

    -webkit-animation-duration: 10s;

    -khtml-animation-duration: 10s;

    -moz-animation-duration: 10s;

    -ms-animation-duration: 10s;

    animation-duration: 10s;

    -webkit-animation-iteration-count: infinite;

    -khtml-animation-iteration-count: infinite;

    -moz-animation-iteration-count: infinite;

    -ms-animation-iteration-count: infinite;

    animation-iteration-count: infinite;

    -webkit-animation-timing-function: linear;

    -khtml-animation-timing-function: linear;

    -moz-animation-timing-function: linear;

    -ms-animation-timing-function: linear;

    animation-timing-function: linear;

}



.page_research .ttl_content .block_shadow {

    width: 100%;

    height: 350px;

    background-color: #00e4ff;

    position: absolute;

    right: -75px;

    bottom: 43px;

    /*58px*/

    z-index: -2;

}



.page_research .ttl_content .line_horizon,

.page_research .ttl_content .line_verticle {

    display: block;

    position: absolute;

    background-color: #ff6640;

}



.page_research .ttl_content .line_horizon {

    width: 40px;

    height: 8px;

    left: -20px;

    top: 161px;

}



.page_research .ttl_content .line_verticle {

    width: 8px;

    height: 26px;

    right: -4px;

    top: 70px;

}



.page_research .research_sec .desc_sec {}



.page_research .research_sec .desc_full {

    max-width: 1024px;

    padding-left: 192px;

    /* padding-right: 32px; */

    margin-top: -39px;

}



.page_research .research_sec .desc_sec p {

    line-height: 200%;

    letter-spacing: 1.4px;

    /* word-break: break-all; */

    white-space: pre-line;

}



.page_research .research_2 .ttl_content {

    margin-left: 34%;

}



.page_research .research_2 .desc_sec p {

    /* width: 30%; */

    margin-top: -140px;

    padding-right: 250px;

}



.page_research .founding_sec {

    max-width: 1024px;

    overflow: hidden;

    margin-top: 490px;

}



.page_research .sec_inn {

    overflow: hidden;

    position: relative;

}



.page_research .founding_sec .the_ttl {

    display: inline-block;

    overflow: hidden;

    padding-bottom: 34px;

    font-size: 450%;

    color: #0036ff;

    font-family: 'Roboto Condensed', sans-serif;

    font-weight: 700;

    line-height: 100%;

    letter-spacing: 2px;

    position: absolute;

    left: 0;

    top: 66px;

    /* float: left; */

}



.page_research .founding_sec .the_ttl::after {

    display: block;

    content: '';

    overflow: hidden;

    text-indent: 100%;

    white-space: nowrap;

    -webkit-box-sizing: border-box;

    -khtml-box-sizing: border-box;

    -moz-box-sizing: border-box;

    -ms-box-sizing: border-box;

    box-sizing: border-box;

    position: absolute;

    width: 390px;

    height: 7px;

    left: 0;

    bottom: 0;

    background-color: #ff6640;

}



.page_research .founding_sec .the_founding {

    width: 700px;

    height: 600px;

    background-color: #fff;

    overflow: hidden;

    background-image: url(../images/p-research_resource.jpg);

    background-position: center;

    background-repeat: no-repeat;

    background-size: 275px auto;

    text-indent: 100%;

    white-space: nowrap;

    float: right;

}



/*-- //page-research --*/

/*-- //MARK: page-publications --*/

.page_publ .the_block_2 {

    height: 85%;

    top: 350px;

}



.page_publ #the-content {

    /* width: 100%; */

    max-width: 1344px;

    position: relative;

    margin-left: 16%;

    margin-top: 150px;

    /*233px*/

    padding-bottom: 500px;

    /* height: 4580px; */

}



.page_publ .the_ttl {

    margin-left: auto;

    margin-right: auto;

}



.page_publ .the_ttl .ttl_main::after {

    width: 285px;

}



.page_publ #the-content .content_inn {

    padding-top: 117px;

    padding-right: 20px;

}



.page_publ .publ_sec {

    padding-bottom: 10px;

    /*30px*/

}



.page_publ .publ_sec .the_year {

    display: inline-block;

    margin-bottom: 12px;

    text-indent: 15px;

    font-size: 218.75%;

    font-family: 'Roboto Condensed', sans-serif;

    font-weight: 700;

    color: #0036ff;

    line-height: 100%;

    letter-spacing: 1px;

    text-shadow: 2px 2px 0px #00e4ff;

}



.page_publ .publ_sec .the_desc {

    display: block;

    padding-left: 15px;

    padding-right: 15px;

    padding-top: 13px;

    padding-bottom: 20px;

    margin-bottom: 15px;

    border-bottom: 1px solid #ececec;

    background-color: #fff;

    font-size: 112.5%;

    letter-spacing: .8px;

    line-height: 180%;

    overflow: hidden;

    position: relative;

}



.page_publ .publ_sec .the_desc a {

    display: inline;

    text-decoration: underline;

    font-style: italic;

}



.page_publ .publ_sec .the_desc a.the_press {

    /* font-style: normal; */

    font-weight: 700;

}



.page_publ .publ_sec .the_desc em {

    color: #0036ff;

}



/*-- //page-publications --*/

/*-- //MARK: page-visiting --*/

.page_vst .the_block_2 {

    height: 74%;

    top: 350px;

}



/* .page_vst .the_block_3 {

    height: 630px;

    top: 3450px;

} */

.page_vst #the-content {

    /* width: 100%; */

    max-width: 1344px;

    margin-left: 16%;

    margin-top: 70px;

    padding-bottom: 500px;

    position: relative;

    /* height: 4580px; */

}



.page_vst .ttl_content {

    width: 530px;

    height: 312px;

    position: absolute;

    right: 40px;

    top: 0;

    z-index: 1;

    /* background-color: rgba(0,0,0,.1); */

}



.page_vst .ttl_content .the_ttl {

    padding-top: 115px;

    padding-left: 59px;

    font-family: 'Playfair Display', serif;

    font-size: 380%;

    color: #fff;

    line-height: 100%;

    letter-spacing: 2.6px;

    font-weight: normal;

    white-space: pre-line;

}



.page_vst .ttl_content .the_ttl .sub_ttl {

    font-size: 30%;

    font-family: 'Roboto Condensed', sans-serif;

    font-weight: 400;

    line-height: 100%;

    letter-spacing: 1.6px;

    padding-top: 10px;

}



.page_vst .ttl_content .the_block {

    width: 100%;

    height: 200px;

    overflow: hidden;

    background-color: #0036ff;

    position: absolute;

    left: 0;

    top: 57px;

    z-index: -1;

}



.page_vst .ttl_content .the_block .the_light {

    width: 2000px;

    height: 2000px;

    position: absolute;

    left: 50%;

    top: 50%;

    margin-left: -500px;

    margin-top: -600px;

    background-image: url(../images/common/light_001.png);

    background-position: 0px 0px;

    background-repeat: no-repeat;

    background-size: 100% auto;

    -webkit-animation-duration: 10s;

    -khtml-animation-duration: 10s;

    -moz-animation-duration: 10s;

    -ms-animation-duration: 10s;

    animation-duration: 10s;

    -webkit-animation-iteration-count: infinite;

    -khtml-animation-iteration-count: infinite;

    -moz-animation-iteration-count: infinite;

    -ms-animation-iteration-count: infinite;

    animation-iteration-count: infinite;

    -webkit-animation-timing-function: linear;

    -khtml-animation-timing-function: linear;

    -moz-animation-timing-function: linear;

    -ms-animation-timing-function: linear;

    animation-timing-function: linear;

}



.page_vst .ttl_content .block_shadow {

    width: 100%;

    height: 200px;

    background-color: #00e4ff;

    position: absolute;

    right: -20px;

    bottom: 38px;

    z-index: -2;

}



.page_vst #the-content .content_inn {

    width: 100%;

    height: 100%;

    position: relative;

    padding-top: 140px;

}



.page_vst #the-content .content_inn::before {

    display: block;

    content: '';

    overflow: hidden;

    text-indent: 100%;

    white-space: nowrap;

    -webkit-box-sizing: border-box;

    -khtml-box-sizing: border-box;

    -moz-box-sizing: border-box;

    -ms-box-sizing: border-box;

    box-sizing: border-box;

    position: absolute;

    width: -webkit-calc(100% + 120px);

    width: -khtml-calc(100% + 120px);

    width: -moz-calc(100% + 120px);

    width: -ms-calc(100% + 120px);

    width: calc(100% + 120px);

    height: 650px;

    left: -60px;

    top: 140px;

    z-index: -1;

    background-color: #fff;

}



.page_vst #the-content #the-map {

    overflow: hidden;

    width: 100%;

    height: 800px;

    margin-left: auto;

    margin-right: auto;

    margin-top: 60px;

    margin-bottom: 100px;

}



.page_vst #the-content .map_btn {

    overflow: hidden;

    width: 640px;

    height: 140px;

    margin-left: 40px;

    background-color: #fff;

}



.page_vst #the-content .map_btn .map_link {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    width: 100%;

    height: 100%;

    position: relative;

}



.page_vst #the-content .map_btn .map_link::after {

    display: block;

    content: '';

    overflow: hidden;

    text-indent: 100%;

    white-space: nowrap;

    -webkit-box-sizing: border-box;

    -khtml-box-sizing: border-box;

    -moz-box-sizing: border-box;

    -ms-box-sizing: border-box;

    box-sizing: border-box;

    position: absolute;

    width: 100%;

    height: 100%;

    left: 0;

    top: 0;

    border: 6px solid #0036ff;

}



.page_vst #the-content .map_btn .map_link .btn_txt {

    display: block;

    width: 390px;

    height: 100%;

    margin-left: 40px;

    padding-top: 56px;

    line-height: 100%;

    font-size: 187.5%;

    color: #0036ff;

    font-family: 'Roboto Condensed', sans-serif;

    font-weight: 700;

    letter-spacing: 1.8px;

    position: relative;

    -webkit-transition: all .25s ease;

    -khtml-transition: all .25s ease;

    -moz-transition: all .25s ease;

    -ms-transition: all .25s ease;

    transition: all .25s ease;

    -webkit-transition-delay: .25s;

    -khtml-transition-delay: .25s;

    -moz-transition-delay: .25s;

    -ms-transition-delay: .25s;

    transition-delay: .25s;

}



.page_vst #the-content .map_btn .act_on .btn_txt {

    color: #ff6641;

    -webkit-transition: all .25s ease;

    -khtml-transition: all .25s ease;

    -moz-transition: all .25s ease;

    -ms-transition: all .25s ease;

    transition: all .25s ease;

}



.page_vst #the-content .map_btn .map_link .btn_txt::after {

    display: block;

    content: '';

    overflow: hidden;

    text-indent: 100%;

    white-space: nowrap;

    -webkit-box-sizing: border-box;

    -khtml-box-sizing: border-box;

    -moz-box-sizing: border-box;

    -ms-box-sizing: border-box;

    box-sizing: border-box;

    position: absolute;

    width: 31%;

    height: 10px;

    left: 0;

    bottom: 0;

    z-index: 1;

    background-color: #ff6641;

    -webkit-transition: all .35s cubic-bezier(0, 1, .3, 1);

    -khtml-transition: all .35s cubic-bezier(0, 1, .3, 1);

    -moz-transition: all .35s cubic-bezier(0, 1, .3, 1);

    -ms-transition: all .35s cubic-bezier(0, 1, .3, 1);

    transition: all .35s cubic-bezier(0, 1, .3, 1);

    -webkit-transition-delay: .25s;

    -khtml-transition-delay: .25s;

    -moz-transition-delay: .25s;

    -ms-transition-delay: .25s;

    transition-delay: .25s;

}



.page_vst #the-content .map_btn .act_on .btn_txt::after {

    width: 99%;

    -webkit-transition: all .35s cubic-bezier(0, 1, .3, 1);

    -khtml-transition: all .35s cubic-bezier(0, 1, .3, 1);

    -moz-transition: all .35s cubic-bezier(0, 1, .3, 1);

    -ms-transition: all .35s cubic-bezier(0, 1, .3, 1);

    transition: all .35s cubic-bezier(0, 1, .3, 1);

}



.page_vst #the-content .map_btn .map_link .btn_icon {

    display: block;

    width: 128px;

    height: 100%;

    background-image: url(../images/common/blank_icon.svg);

    background-position: center center;

    background-repeat: no-repeat;

    background-size: 39px 29px;

}



/*-- //page-visiting --*/

/*-- //MARK: page-team --*/

.page_team .the_block_2 {

    height: 90%;

    top: 350px;

}



.page_team .the_block_2 .b2_sp_inn {

    height: 96%;

}



.page_team .the_block_3 {

    height: 1200px;

    top: 38.6%;

    /*2900px*/

}



.page_team #the-content {

    /* width: 100%; */

    margin-left: auto;

    margin-right: auto;

    margin-top: 30px;

    /* padding-bottom: 500px; */

    position: relative;

    /* height: 4580px; */

    z-index: 2;

}



.page_team .team_mv {

    width: 90%;

    max-width: 1728px;

    height: 800px;

    overflow: hidden;

    margin-left: auto;

    margin-right: auto;

}



.page_team .team_mv img {

    display: block;

    width: 100%;

    height: auto;

    position: absolute;

    left: 0;

    top: -19vw;

    -webkit-transition: .00000001s linear;

    -khtml-transition: .00000001s linear;

    -moz-transition: .00000001s linear;

    -ms-transition: .00000001s linear;

    transition: .00000001s linear;

}



/* .page_vst .ttl_content .the_block {

    width: 100%;

    height: 200px;

    overflow: hidden;

    background-color: #0036ff;

    position: absolute;

    left: 0;

    top: 57px;

    z-index: -1;

}

.page_vst .ttl_content .the_block .the_light {

    width: 2000px;

    height: 2000px;

    position: absolute;

    left: 50%;

    top: 50%;

    margin-left: -500px;

    margin-top: -600px;

    background-image: url(../images/common/light_001.png);

    background-position: 0px 0px;

    background-repeat: no-repeat;

    background-size: 100% auto;

    -webkit-animation-duration: 10s;

    -khtml-animation-duration: 10s;

    -moz-animation-duration: 10s;

    -ms-animation-duration: 10s;

    animation-duration: 10s;

    -webkit-animation-iteration-count: infinite;

    -khtml-animation-iteration-count: infinite;

    -moz-animation-iteration-count: infinite;

    -ms-animation-iteration-count: infinite;

    animation-iteration-count: infinite;

    -webkit-animation-timing-function: linear;

    -khtml-animation-timing-function: linear;

    -moz-animation-timing-function: linear;

    -ms-animation-timing-function: linear;

    animation-timing-function: linear;

} */

/* .page_vst .ttl_content .block_shadow {

    background-color: #00e4ff;

} */

.page_team #the-content .content_inn {

    /* width: 100%; */

    max-width: 1364px;

    /* height: 100%; */

    margin-left: 14.5%;

    padding-right: 20px;

    position: relative;

}



.page_team .ttl_block {

    width: 650px;

    margin-left: auto;

    margin-right: auto;

    margin-top: -280px;

    margin-bottom: 250px;

    overflow: hidden;

    position: relative;

    z-index: 2;

    font-family: 'Roboto Condensed', sans-serif;

    font-weight: 700;

    /* border-right: 2px solid #000; */

}



.page_team .ttl_block .the_ttl {

    display: block;

    width: 100%;

    height: 285px;

    margin-bottom: 110px;

    font-size: 860%;

    line-height: 100%;

    letter-spacing: 0;

    text-transform: uppercase;

    color: #0036ff;

    position: relative;

    /* background-color: rgba(255,255,255,1); */

}



.page_team .ttl_block .the_ttl span {

    display: inline-block;

    position: absolute;

}



.page_team .ttl_block .the_ttl .ttl_o {

    left: -6px;

    top: -14px;

}



.page_team .ttl_block .the_ttl .ttl_u {

    left: 188px;

    top: -15px;

}



.page_team .ttl_block .the_ttl .ttl_r {

    left: 376px;

    top: -15px;

}



.page_team .ttl_block .the_ttl .ttl_t {

    left: -1px;

    bottom: -17px;

}



.page_team .ttl_block .the_ttl .ttl_e {

    left: 188px;

    bottom: -17px;

}



.page_team .ttl_block .the_ttl .ttl_a {

    left: 372px;

    bottom: -17px;

}



.page_team .ttl_block .the_ttl .ttl_m {

    right: -5px;

    bottom: -17px;

}



.page_team .ttl_block .sub_ttl {

    display: block;

    width: 100%;

    height: 90px;

    background-color: #0036ff;

    color: #fff;

    text-align: center;

    font-size: 300%;

    line-height: 90px;

    letter-spacing: .43em;

    text-indent: .43em;

    text-transform: uppercase;

}



.page_team .prof_img {

    position: relative;

}



.page_team .prof_img .the_shadow {

    overflow: hidden;

    position: absolute;

    background-color: #00e4ff;

    z-index: -1;

}



.page_team .prof_img img {

    width: 100%;

}



.page_team .prof_sec {

    position: relative;

    z-index: 2;

    font-family: 'Roboto Condensed', sans-serif;

}



.page_team .prof_sec .team_name {

    display: inline-block;

    font-weight: 700;

    color: #0036ff;

    text-transform: uppercase;

    line-height: 100%;

    overflow: hidden;

    background-color: #fff;

}



.page_team .name_zhtw {

    color: #fff;

    font-family: 'Noto Serif TC';

    font-weight: 500;

    font-size: 24px;

    text-align: center;

    padding: 10px 0;

    display: block;

    width: 123px;

    height: 37px;

    overflow: hidden;

    background-color: #0036ff;

    /* text-indent: 100%;

    white-space: nowrap;

    background-position: 0px 0px;

    background-repeat: no-repeat;

    background-size: 123px 37px; */

}



.page_team .name_zhtw img {

    width: 100%;

    height: auto;

}



.page_team .main_desc {

    font-size: 112.5%;

    letter-spacing: 2px;

    font-weight: 400;

}



.page_team .the_leader {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

}



.page_team .the_leader .prof_img {

    width: 46.875%;

    max-width: 630px;

}



.page_team .the_leader .prof_img .the_shadow {

    left: 18px;

    top: 18px;

}



.page_team .the_leader .prof_sec {

    width: 49.86%;

    max-width: 670px;

}



.page_team .the_leader .prof_sec .leader_name {

    padding-top: 5px;

    padding-bottom: 5px;

    padding-left: 14px;

    padding-right: 45px;

    margin-top: 100px;

    margin-left: -165px;

    font-size: 243.75%;

    letter-spacing: 4px;

}



.page_team .the_leader .leader_position {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    margin-top: 13px;

}



.page_team .the_leader .leader_position .name_zhtw {

    margin-left: -125px;

}



.page_team .the_leader .leader_position .the_position {

    height: 37px;

    margin-left: 35px;

    line-height: 37px;

    font-weight: 400;

    color: #0036ff;

    letter-spacing: 1px;

    font-size: 137.5%;

}



.page_team .the_leader .main_desc {

    padding-left: 35px;

    padding-top: 15px;

    line-height: 193.75%;

    white-space: pre-line;

}



.page_team .the_leader .leader_contact {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    padding-top: 10px;

    word-break: break-all;

}



.page_team .the_leader .leader_contact a,

.page_team .contact_mail {

    padding-left: 20px;

    padding-right: 20px;

    padding-top: 14px;

    padding-bottom: 11px;

    border: 2px solid #0036ff;

    background-color: #fff;

    font-size: 112.5%;

    letter-spacing: 2px;

    color: #0036ff;

    font-weight: 400;

}



.page_team .the_leader .leader_contact .contact_phone {

    margin-left: 20px;

}



.page_team .the_leader .sub_desc {

    padding-left: 35px;

    padding-top: 29px;

    letter-spacing: 1.8px;

    line-height: 175%;

    white-space: pre-line;

    /* word-break: break-all; */

}



.page_team .the_leader .more_btn {

    width: 90%;

    position: absolute;

    left: -50%;

    bottom: -110px;

    z-index: 2;

}



.page_team .cv_btn {

    display: block;

    width: 130px;

    overflow: hidden;

    position: absolute;

    right: 37%;

    bottom: -98px;

    z-index: 3;

}



.page_team .cv_btn a {

    display: block;

    overflow: hidden;

    text-align: center;

    padding-top: 14px;

    padding-bottom: 11px;

    border: 4px solid #00e4ff;

    background-color: #fff;

    font-size: 143.8%;

    letter-spacing: 2px;

    text-indent: 2px;

    color: #00e4ff;

    font-weight: 700;

    text-transform: uppercase;

}



.page_team .the_members {

    overflow: hidden;

    clear: both;

    margin-top: 360px;

}



.page_team .the_members .the_ttl {

    display: block;

    overflow: hidden;

    text-align: center;

    font-family: 'Playfair Display', serif;

    font-weight: 400;

    font-size: 410%;

    letter-spacing: 3.6px;

    text-indent: 3.6px;

    line-height: 100%;

}



.page_team .member_sec {

    margin-top: 50px;

    overflow: hidden;

    clear: both;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    /* -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between; */

    margin-top: -50px;

}



.page_team .member_sec.sec_1 {

    margin-top: 115px;

}



.page_team .member_block {

    width: 50%;

    /* max-width: 590px;

    padding-left: 10px; */

    padding-right: 16px;

    overflow: hidden;

}



.page_team .member_sec .member_block:last-child {

    margin-top: 150px;

}



.page_team .member_block .prof_img {

    max-width: 550px;

    margin-left: 50px;

}



.page_team .member_block .prof_img .the_shadow {

    left: 16px;

    top: 14px;

}



.page_team .member_block .prof_sec {

    margin-top: -20px;

}



.page_team .member_block .prof_sec .student_name {

    padding-top: 17px;

    padding-bottom: 17px;

    padding-left: 24px;

    padding-right: 75px;

    margin-left: 10px;

    font-size: 200%;

    letter-spacing: 2.8px;

}



.page_team .member_block .prof_sec .student_position {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    margin-top: 15px;

    margin-left: 35px;

    max-width: 565px;

    /* padding-left: 35px;

    padding-right: 70px; */

}



.page_team .member_block .prof_sec .student_position .main_desc {

    width: 75%;

    padding-left: 25px;

    padding-top: 10px;

    line-height: 175%;

}



.page_team .student_contact {

    overflow: hidden;

    clear: both;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: end;

    -ms-flex-pack: end;

    justify-content: flex-end;

    margin-top: 20px;

    margin-left: 50px;

    margin-bottom: 50px;

    max-width: 550px;

    /* padding-right: 72px; */

}



.page_team .recu_sec {

    clear: both;

    height: 1235px;

    margin-top: -15px;

    /* padding-bottom: 550px; */

    position: relative;

    /* overflow: hidden; */

    /* background-color: rgba(0,0,0,.1); */

}



.page_team .recu_sec .recu_inn {

    width: 80%;

    /* max-width: 1728px; */

    /* height: 800px; */

    padding-top: 290px;

    overflow: hidden;

    margin-left: auto;

    margin-right: auto;

    position: relative;

    z-index: 1;

}



.page_team .recu_sec .the_ttl {

    display: block;

    overflow: hidden;

    text-align: center;

    font-family: 'Playfair Display', serif;

    font-weight: 400;

    font-size: 410%;

    letter-spacing: 3.6px;

    text-indent: 3.6px;

    line-height: 131.3%;

    color: #fff;

}



.page_team .recu_sec .recu_content {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    overflow: hidden;

    padding-left: 60px;

    padding-right: 60px;

    margin-top: 80px;

}



.page_team .recu_sec .recu_content .recu_block {

    width: 47%;

    padding-top: 5%;

    padding-bottom: 5%;

    padding-left: 5.6%;

    /*79px*/

    padding-right: 5.6%;

    /*79px*/

    overflow: hidden;

    background-color: #fff;

    font-family: 'Roboto Condensed', sans-serif;

}



.page_team .recu_sec .recu_content .recu_block .recu_ttl {

    font-weight: 700;

    color: #0036ff;

    font-size: 225%;

    letter-spacing: 1px;

    line-height: 125%;

}



.page_team .recu_sec .recu_content .recu_block .recu_desc {

    padding-top: 20px;

    line-height: 160%;

    font-size: 112.5%;

    letter-spacing: 2px;

    font-weight: 400;

}



.page_team .recu_sec .recu_content .recu_block .recu_desc a {

    color: #0036ff;

    background-color: #ff6641;

}



.page_team .recu_sec .the_block_ex {

    overflow: hidden;

    width: 100%;

    height: 827px;

    background-color: #0036ff;

    position: absolute;

    left: 0;

    top: 405px;

    /* z-index: -1; */

}



.page_team .recu_sec .the_block_ex .the_light {

    width: 100%;

    height: 1585px;

    position: absolute;

    left: 0;

    top: -35%;

    /*-205px*/

    background-image: url(../images/common/light_002.png);

    background-position: 0px 0px;

    background-repeat: no-repeat;

    background-size: cover;

    pointer-events: none;

}



.page_team .alumni_sec {

    clear: both;

    /* margin-top: 0; */

    padding-bottom: 550px;

    position: relative;

    /* overflow: hidden; */

    /* background-color: rgba(0,0,0,.1); */

}



.page_team .alumni_sec .alumni_inn {

    /* width: 80%; */

    max-width: 1344px;

    padding-top: 0;

    overflow: hidden;

    margin-left: auto;

    margin-right: auto;

}



.page_team .alumni_sec .the_ttl {

    display: block;

    overflow: hidden;

    text-align: center;

    font-family: 'Playfair Display', serif;

    font-weight: 400;

    font-size: 410%;

    letter-spacing: 3.6px;

    text-indent: 3.6px;

    line-height: 131.3%;

}



/*-- //page-team --*/

/*-- //MARK: 1920px --*/

@media screen and (max-width: 1920px) {



    #the-logo {

        width: 110px;

        margin-left: 96px;

        left: 0;

    }



    #the-logo .the_logo {

        width: 100%;

        margin-left: 0;

    }



    #the-loader {

        margin-left: -27px;

        left: 50%;

    }



}



/*-- //MARK: 1750px --*/

@media screen and (max-width: 1750px) {



    .page_team .team_mv {

        height: 700px;

    }



    .page_team .team_mv img {

        top: -22vw;

    }



    .page_team .recu_sec {

        height: 1155px;

    }



    .page_team .recu_sec .the_block_ex {

        height: 747px;

    }



}



/*-- //MARK: 1600px --*/

@media screen and (max-width: 1600px) {



    #scroll-top {

        right: 3.5%;

    }



    #the-greeting .grt_inn {

        padding-left: 20%;

    }



    #the-news {

        width: 74%;

        margin-left: 20%;

        margin-right: inherit;

    }



    #the-publications .public_inn {

        width: 74%;

        margin-left: 20%;

        margin-right: inherit;

        padding-left: 0;

        padding-right: 0;

    }



    .page_team .team_mv img {

        top: -20vw;

    }



    .page_team .recu_sec {

        height: 1095px;

    }



    .page_team .recu_sec .the_block_ex {

        height: 687px;

    }



    .page_team .recu_sec .the_block_ex .the_light {

        top: -40%;

    }



}



/*-- //MARK: 1500px --*/

@media screen and (max-width: 1500px) {



    /* .page_publ #the-content,

    .page_vst #the-content,

    .page_team #the-content {

        margin-left: 17%;

    } */

    .page_publ #the-content,

    .page_vst #the-content,

    .page_team #the-content .content_inn {

        margin-left: 17%;

    }



    .page_team .recu_sec .recu_inn {

        width: auto;

        margin-left: 17%;

        margin-right: inherit;

    }



    .page_team .team_mv {

        height: 600px;

    }



    .page_team .team_mv img {

        top: -21vw;

    }



    .page_team .recu_sec .recu_inn {

        padding-top: 350px;

    }



    .page_team .recu_sec {

        height: 1165px;

    }



    .page_team .recu_sec .the_block_ex {

        height: 757px;

    }



    .page_team .recu_sec .the_block_ex .the_light {

        top: -40%;

    }



    .page_team .recu_sec .recu_content .recu_block {

        width: 48%;

        padding-top: 3%;

        padding-bottom: 3%;

        padding-left: 3.6%;

        padding-right: 3.6%;

    }



    .page_team .the_leader .main_desc,

    .page_team .the_leader .sub_desc {

        letter-spacing: 1px;

    }



    .page_team .the_leader .more_btn {

        left: -45%;

    }



    .page_team .cv_btn {

        right: 30%;

    }



}



/*-- //MARK: 1365px --*/

@media screen and (max-width: 1365px) {



    html {

        overflow-x: auto;

    }



    .page_team .the_leader .more_btn {

        width: 100%;

        left: -52%;

    }



    .page_team .cv_btn {

        right: 23%;

    }



}



/*-- //MARK: 1280px --*/

@media screen and (max-width: 1280px) {



    /* #the-logo {

        margin-left: 76px;

        top: 85px;

    } */



}



/*-- //MARK: 1023px --*/

@media screen and (max-width: 1023px) {



    .hoverText,

    .hoverText:visited,

    .hoverText:hover,

    .hoverText:visited:hover {

        -webkit-transition-property: none;

        -khtml-transition-property: none;

        -moz-transition-property: none;

        -ms-transition-property: none;

        transition-property: none;

        color: #000;

    }



    .hover_img {

        opacity: 1 !important;

    }



}



/*-- //MARK: 639px --*/

@media screen and (max-width: 639px) {}



/*-- //MARK: 800px --*/

@media screen and (max-height: 800px) {



    #scroll-top.act_on p {

        height: 724px;

    }



}



/*-- //MARK: 319px --*/

@media screen and (max-width: 319px) {}





/*-- //MARK: hpx --*/

/* @media screen and (min-height: 985px) {

    #the-logo {

        position: fixed !important;

        top: 80px !important;

    }

} */