@charset 'utf-8';
@keyframes gnav
{
    0%
    {
        opacity: 1;
        color: #000000;
    }
    50%
    {
        transform: translate(0,20px);

        opacity: 0;
    }
    50.1%
    {
        transform: translate(0,-10px);
        
    }
    100%
    {
        transform: translate(0,0);
        opacity: 1;
    }
}

@media screen and (min-width: 480px)
{
    .btn.-viewmore > a:hover,
    .btn.-viewmore > div:hover
    {
        overflow: hidden;
        border-color: #fff100;
        background-color: transparent;
    }

    .btn.-viewmore > a,
    .btn.-viewmore > div
    {
        position: relative;

        overflow: hidden;
    }

    .footer__btnsItem a:hover .btn-square-inner
    {
        position: relative;
        z-index: 1;
    }

    .btn.-viewall > a:hover
    {
        background-color: #f5f5f5;
    }

    .footer__btnsItem:first-of-type a:hover
    {
        background-color: #2e344f;
    }

    .footer__btnsItem:nth-of-type(2) a:hover
    {
        background-color: #262b42;
    }

    .footer__btnsItem:nth-of-type(3) a:hover
    {
        background-color: #1f2336;
    }

    .footer__btnsItem.-contact a
    {
        background-color: #e6da00;
    }

    .q-btn__mask
    {
        position: absolute;
        top: 0;
        left: 0;

        width: 100%;
        height: 100%;

        -webkit-transform: scaleX(0);
            -ms-transform: scaleX(0);
             -o-transform: scaleX(0);
                transform: scaleX(0);
        -webkit-transform-origin: 0 0;
           -moz-transform-origin: 0 0;
            -ms-transform-origin: 0 0;
             -o-transform-origin: 0 0;
                transform-origin: 0 0;

        background-color: #fff100;
    }

    .header__gnavItem .q-btn__mask
    {
        height: 6px;
    }

    .header__gnavItem a
    {
        position: relative;
        z-index: 1;
    }

    .header__gnavItem:not(.-current) .q-gnavItem {
        overflow: hidden;
    }

    .header__gnavItem:not(.-current):hover .q-gnavItem__inner
    {
        -webkit-animation: gnav .25s ease-out;
             -o-animation: gnav .25s ease-out;
                animation: gnav .25s ease-out;
    }

    .mouseenter span
    {
        position: relative;
        z-index: 3;
    }

    .ct-newsNextContent a:hover .ct-tableStyle {
        position: relative;
        z-index: 1;        
    }
}

/* @media screen and (min-width: 480px)
{
    .mainImage__slide
    {
        position: absolute;
        top: 0;
        left: 0;

        overflow-x: hidden;

        -webkit-transition: width 1s cubic-bezier(.19, 1, .22, 1);
             -o-transition: width 1s cubic-bezier(.19, 1, .22, 1);
                transition: width 1s cubic-bezier(.19, 1, .22, 1);

        will-change: width;
    }

    .mainImage__slideCopyTags,
    .mainImage__slideCopyTitle
    {
        float: right;
        clear: both;

        max-width: 0;

        -webkit-transition: max-width 1.3s cubic-bezier(.32, .37, .04, .77) .8s;
             -o-transition: max-width 1.3s cubic-bezier(.32, .37, .04, .77) .8s;
                transition: max-width 1.3s cubic-bezier(.32, .37, .04, .77) .8s;
        -webkit-transition-duration: 0s;
             -o-transition-duration: 0s;
                transition-duration: 0s;
    }

    .mainImage__slideCopyTags span,
    .mainImage__slideCopyTitle span
    {
        top: 0;

        visibility: visible;
        float: right;
        clear: both;
        overflow: hidden;

        white-space: nowrap;
    }

    html.wf-active  .q-index-prepare .q-carousel__item--current .mainImage__slideCopyTags,
    html.wf-active  .q-index-prepare .q-carousel__item--current .mainImage__slideCopyTitle
    {
        max-width: 100%;

        -webkit-transition-duration: 1.3s;
             -o-transition-duration: 1.3s;
                transition-duration: 1.3s;
    }

    .mainImage__bg
    {
        width: 100vw;

        transition: transform .85s cubic-bezier(.25, .46, .45, .94);
        transform: translate3d(-10%, 0, 0);
    }

    .carousel-item__inner
    {
        width: 100vw;
    }

    .q-carousel__item--next--ready
    {
        width: 0;

        -webkit-transition-delay: 0s;
             -o-transition-delay: 0s;
                transition-delay: 0s;
        -webkit-transition-duration: 0s;
             -o-transition-duration: 0s;
                transition-duration: 0s;
    }

    .mainImage__slide,
    .q-carousel__item--prev,
    .q-carousel__item--next
    {
        width: 100%;
        -webkit-transition-delay: 1s;
             -o-transition-delay: 1s;
                transition-delay: 1s;
        -webkit-transition-duration: 0s;
             -o-transition-duration: 0s;
                transition-duration: 0s;
    }

    .q-carousel__item--current
    {
        z-index: 10;

        width: 100%;

        -webkit-transition-delay: 0s;
             -o-transition-delay: 0s;
                transition-delay: 0s;
        -webkit-transition-duration: 1s;
             -o-transition-duration: 1s;
                transition-duration: 1s;
    }

    .q-carousel__item--current  .mainImage__bg
    {
        transform: translate3d(0, 0, 0) scale(1);
    }

    .q-carousel__item--prev .mainImage__bg,
    .q-carousel__item--next--ready  .mainImage__bg
    {
        -webkit-transition-delay: 1s;
             -o-transition-delay: 1s;
                transition-delay: 1s;
        -webkit-transition-duration: 0s;
             -o-transition-duration: 0s;
                transition-duration: 0s;
        transform: translate3d(-10%, 0, 0);
    }

    .q-carousel__item--next .mainImage__bg,
    .q-carousel__item--prev--ready  .mainImage__bg
    {
        -webkit-transition-delay: 1s;
             -o-transition-delay: 1s;
                transition-delay: 1s;
        -webkit-transition-duration: 0s;
             -o-transition-duration: 0s;
                transition-duration: 0s;
        transform: translate3d(-10%, 0, 0);
    }



    .floatingNav.hideControler .floatingNav__list
    {
        -webkit-transition: visibility .4s steps(1, end), -webkit-transform .4s;
        -webkit-transition: visibility .4s steps(1, end), transform .4s;
           -moz-transition: visibility .4s steps(1, end), transform .4s;
             -o-transition: visibility .4s steps(1, end), transform .4s;
                transition: visibility .4s steps(1, end), -webkit-transform .4s;
                transition: visibility .4s steps(1, end), transform .4s;
                transition: visibility .4s steps(1, end), transform .4s, -webkit-transform .4s;
        -webkit-transform: rotateY(93deg) rotateZ(0);
           -moz-transform: rotateY(93deg) rotateZ(0);
            -ms-transform: rotateY(93deg) rotateZ(0);
             -o-transform: rotateY(93deg) rotateZ(0);
                transform: rotateY(93deg) rotateZ(0);
    }

    .floatingNav__list
    {
        -webkit-transition: -webkit-transform .4s;
        -webkit-transition:         transform .4s;
           -moz-transition:         transform .4s;
             -o-transition:         transform .4s;
                transition: -webkit-transform .4s;
                transition:         transform .4s;
                transition:         transform .4s, -webkit-transform .4s;
        -webkit-transform: rotateY(0deg) rotateZ(0);
           -moz-transform: rotateY(0deg) rotateZ(0);
            -ms-transform: rotateY(0deg) rotateZ(0);
             -o-transform: rotateY(0deg) rotateZ(0);
                transform: rotateY(0deg) rotateZ(0);
        -webkit-transform-origin: right bottom;
            -ms-transform-origin: right bottom;
             -o-transform-origin: right bottom;
                transform-origin: right bottom;

        moz-transform-origin: right bottom;
    }
    .mainImage__number span
    {
        top: 0;
    }
    .swiper-pagination-current
    {
        top: -.15em !important;

        overflow: hidden !important;

        width: 9px !important;
        // margin-right: 22px;
    }
    .swiper-pagination-current span
    {
        position: relative;
        top: 0;

        display: inline-block;
        overflow: hidden;

        width: auto !important;

        text-align: left !important;
        white-space: nowrap;;
    }

    .swiper-pagination-current span span
    {
        position: relative;

        display: inline-block;
        overflow: hidden;

        width: 10px !important;

        text-align: left !important;
        text-align: center;
        white-space: nowrap;;
    }

    .mainImage__number span:last-of-type:before
    {
        left: 0;
        top: -0.05em;
    }

    .swiper-pagination-current  span:before
    {
        display: none !important;
    }
} */

.pageHeader__summary
{
    overflow: hidden;

    margin-bottom: 2.85714em;
    padding-bottom: 0;

    /*white-space: nowrap;*/
}

.pageHeader__summary span
{
    display: inline-block;

    -webkit-transition: transform .2s cubic-bezier(.32, .37, .04, .77) .2s;
            transition: transform .2s cubic-bezier(.32, .37, .04, .77) .2s;
    -webkit-transform: translate(0,100%);
        -ms-transform: translate(0,100%);
         -o-transform: translate(0,100%);
            transform: translate(0,100%);
}

.recruitDetailHeader .pageHeader__summary span {
    -webkit-transform: translate(0,0);
    -ms-transform: translate(0,0);
    -o-transform: translate(0,0);
    transform: translate(0,0);
}

html.wf-active .pageHeader__summary.q-start span
{
    max-width: 100%;

    -webkit-transform: translate(0,0);
        -ms-transform: translate(0,0);
         -o-transform: translate(0,0);
            transform: translate(0,0);
}

@media screen and (min-width: 1023px)
{
    .entryHeader__title
    {
        float: right;
        clear: both;
        overflow: hidden;

        max-width: 0;

        -webkit-transition: max-width .9s cubic-bezier(.25, .46, .45, .94) .3s;
             -o-transition: max-width .9s cubic-bezier(.25, .46, .45, .94) .3s;
                transition: max-width .9s cubic-bezier(.25, .46, .45, .94) .3s;
    }

    .breadcrumbs
	{
	    clear: both;
	}

    .entryHeader__title span
    {
        float: right;
        clear: both;

        white-space: nowrap;
    }

    .ct-entryHeader__text {
        clear: both;
    }

    .q-loadingEnded .entryHeader__title
    {
        max-width: 100%;
    }
}
/*.pageHeader__title,.header__gnavItem,.filter__item, .filter__title, .filter__toggle,.floatingNav__item.-lang span {
  visibility: hidden;
}
html.wf-active .pageHeader__title,
html.wf-active .floatingNav__item.-lang span,
html.wf-active .header__gnavItem,html.wf-active .filter__item, html.wf-active .filter__title, html.wf-active .filter__toggle{
  visibility: visible;
}*/

.container
{
    visibility: visible;
    -webkit-transition: all .2s linear 0.1s;
         -o-transition: all .2s linear 0.1s;
            transition: all .2s linear 0.1s;

    opacity: 0;
}

html.wf-active .container.q-prepare
{
    visibility: visible;

    opacity: 1;
}

@media screen and (min-width: 480px)
{
    .q-mod-loading__container
    {
        position: fixed;
        z-index: 9999;
        top: 0;
        left: 0;

        width: 100%;
        height: 100%;

        pointer-events: none;
    }

    .q-mod-loading__bar
    {
        position: absolute;
        z-index: 9999;
        top: 0;
        left: 0;

        width: 100%;
        height: 6px;

        transform: scaleX(0);
        transform-origin: 0 0;

        background-color: #fff732;
    }

    html.wf-active .q-mod-loading__container {
        opacity: 0;
        -webkit-transition: opacity 0.4s linear;
        -o-transition: opacity 0.4s linear;
        transition: opacity 0.4s linear;
    }

    html.wf-active .q-mod-loading__bar {
        transform: scaleX(1) !important;
        -webkit-transition: transform 0.2s;
        -o-transition: transform 0.2s;
        transition: transform 0.2s;
    }

    .q-top-loading__container
    {
        position: fixed;
        z-index: 99999;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
    }

    .q-top-loading__inner
    {
        position: absolute;
        top: 50%;
        left: 50%;

        width: 438px;

        -webkit-transform: translate(-50%,-50%);
            -ms-transform: translate(-50%,-50%);
             -o-transform: translate(-50%,-50%);
                transform: translate(-50%,-50%);
    }

    .q-top-loading__bg
    {
        position: absolute;
        top: 0;
        left: 0;

        width: 100%;
        height: 100%;

        background-color: #fff;
    }

    .q-top-loading__logo,
    .q-top-loading__split,
    .q-top-loading__text
    {
        position: absolute;
        top: 0;
        left: 0;
    }

    .q-top-loading__logo
    {
        line-height: 33px;

        -webkit-transform: translate(158px,0);
            -ms-transform: translate(158px,0);
             -o-transform: translate(158px,0);
                transform: translate(158px,0);
    }


    .q-top-loading__split
    {
        left: 174px;

        width: 1px;
        height: 33px;

        -webkit-transform: scale(1,0);
            -ms-transform: scale(1,0);
             -o-transform: scale(1,0);
                transform: scale(1,0);

        opacity: 1;
        background-color: #efefef;
    }

    .q-top-loading__mask
    {
        position: absolute;
        z-index: 9;
        top: 0;
        left: 0;

        width: 100%;
        height: 100%;

        -webkit-transform: scaleX(0);
            -ms-transform: scaleX(0);
             -o-transform: scaleX(0);
                transform: scaleX(0);
    }

    .q-top-loading__mask--1
    {
        background-color: #232a42;
    }

    .q-top-loading__mask--2
    {
        background-color: #2d334e;
    }

    .q-top-loading__text
    {
        font-family: 'Avenir Next',proxima-nova;
        font-size: 14px;
        font-weight: 600;
        line-height: 33px;

        left: 220px;

        overflow: hidden;

        width: 210px;
        height: 33px;

        opacity: 1;
    }

    .q-top-loading__text span
    {
        position: relative;

        display: inline-block;

        -webkit-transform: translate(0,30px);
            -ms-transform: translate(0,30px);
             -o-transform: translate(0,30px);
                transform: translate(0,30px);
    }


    .q-top-loading__text-inner
    {
        position: absolute;
        top: 0;
        left: 0;

        opacity: 0;
        /*transform: translate(-100%,0);*/
    }
}

@media screen and (max-width: 479px)
{
    .header__logo {
        -webkit-transition: none;
        -o-transition: none;
        transition: none;
    }
    .mainImage__bg
    {
        -webkit-transition: transform 1.2s ease-out 1s;
             -o-transition: transform 1.2s ease-out 1s;
                transition: transform 1.2s ease-out 1s;
        -webkit-transform: scale(1.1);
            -ms-transform: scale(1.1);
             -o-transform: scale(1.1);
                transform: scale(1.1);
    }

    .q-index-prepare .mainImage__bg
    {
        transform: translate3d(0, 0, 0) scale(1);
    }
}