@charset "UTF-8";



.a-fadein {
    position: relative;
    transition: all ease 1s;
    opacity: 0;
}
.a-fadein.is-show {
    opacity: 1;
}

.a-fade-slidein {
    position: relative;
    transform: translateY(50px);
    transition: all ease 1.5s .5s;
    opacity: 0;
}
.a-fade-slidein.is-show {
    transform: translateY(0px);
    opacity: 1;
}

.a-fade-slidein-02 {
    position: relative;
    transform: translateY(30px);
    transition: all ease .6s;
    opacity: 0;
}
.a-fade-slidein-02.is-show {
    transform: translateY(0px);
    opacity: 1;
}

.a-slidein-01 {
    position: relative;
    transform: scaleX(0);
    transition: all cubic-bezier(0.65, 0, 0.2, 1) .7s .3s;
    opacity: 0;
}
.a-slidein-01.is-show {
    transform: scaleX(1);
    opacity: 1;
}

.a-fade-zoomin {
    position: relative;
    transform: scale(1.2);
    transition: all cubic-bezier(0.65, 0, 0.2, 1) 2s;
    opacity: 0;
}
.a-fade-zoomin.is-show {
    transform: scale(1);
    opacity: 1;
}

.a-fade-zoomin-02 {
    display: block;
    position: relative;
    transform: scale(1.2);
    transition: all cubic-bezier(0.65, 0, 0.2, 1) 1s;
    opacity: 0;
}
.a-fade-zoomin-02.is-show {
    transform: scale(1);
    opacity: 1;
}

.a-fade-zoomin-03 {
    transform-origin: center bottom;
    transform: scale(0) !important;
    transition: all cubic-bezier(0.65, 0, 0.2, 1) .4s;
    opacity: 0;
}
.a-fade-zoomin-03.is-show {
    transform: scale(1) !important;
    opacity: 1;
}

.a-fade-zoomin-04 {
    transform-origin: center bottom;
    transform: scale(0) !important;
    transition: all cubic-bezier(0.65, 0, 0.2, 1) .7s;
    opacity: 0;
}
.a-fade-zoomin-04.is-show {
    transform: scale(1) !important;
    opacity: 1;
}


.a-rotatein-01 {
    position: relative;
    transition: all ease .5s .5s;
    transform: scale(0) rotate(-360deg);
}
.a-rotatein-01.is-show {
    transform: scale(1) rotate(0deg);
}


.a-scalein-01 {
    position: relative;
    transition: all ease 1s;
    transform: scaleY(0);
}
.a-scalein-01.is-show {
    transform: scaleY(1);
}

.a-cover-01 {
    display: inline-block;
    position: relative;
}
.a-cover-01.is-show {
}
.a-cover-01::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100.5%;
    height: 100.5%;
    z-index: 2;
    background: #fff;
    transform-origin: right top;
    transform: scaleX(1);
    transition: transform cubic-bezier(0.65, 0, 0.2, 1) .6s .3s;
}
.a-cover-01.is-show::before {
    transform: scaleX(0);
}

.a-cover-02 {
    display: inline-block;
    position: relative;
}
.a-cover-02.is-show {
}
.a-cover-02::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    background: #fff;
    transform-origin: right bottom;
    transform: scaleY(1);
    transition: transform cubic-bezier(0.65, 0, 0.2, 1) .5s;
}
.a-cover-02.is-show::before {
    transform: scaleY(0);
}

.a-cover-03 {
    display: inline-block;
    position: relative;
}
.a-cover-03.is-show {
}
.a-cover-03 div {
    opacity: 0;
    transition: opacity 0s .9s;
}
.a-cover-03.is-show div {
    opacity: 1;
}
.a-cover-03::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    background: #009fd8;
    transform: scaleX(0);
    transform-origin: left top;
}
.a-cover-03.is-show::before {
    animation: anim_cover cubic-bezier(0.65, 0, 0.2, 1) 1s .4s forwards;
}

.a-cover-04 {
    display: table;
    position: relative;
}
.a-cover-04.is-show {
}
.a-cover-04 span {
    opacity: 0;
    transition: opacity 0s .5s;
}
.a-cover-04.is-show span {
    opacity: 1;
}
.a-cover-04::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    background: #009fd8;
    transform: scaleX(0);
    transform-origin: left top;
}
.a-cover-04.bg-white::before {
    background: #fff;
}
.a-cover-04.is-show::before {
    animation: anim_cover cubic-bezier(0.65, 0, 0.2, 1) 1s forwards;
}

.a-cover-05 {
    display: block;
    position: relative;
}
.a-cover-05.is-show {
}
.a-cover-05 span {
    opacity: 0;
    transition: opacity 0s .5s;
}
.a-cover-05.is-show span {
    opacity: 1;
}
.a-cover-05::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    background: #009fd8;
    transform: scaleX(0);
    transform-origin: left top;
}
.a-cover-05.bg-white::before {
    background: #fff;
}
.a-cover-05.is-show::before {
    animation: anim_cover cubic-bezier(0.65, 0, 0.2, 1) 1s forwards;
}

.a-cover-wrapper {
}
.a-cover-wrapper.is-show {
}
.a-cover-wrapper div {
    display: table;
    position: relative;
}
.a-cover-wrapper div.is-show {
}
.a-cover-wrapper div span {
    opacity: 0;
    transition: opacity 0s .5s;
}
.a-cover-wrapper div:nth-child(2) span {
    transition: opacity 0s .8s;
}
.a-cover-wrapper div:nth-child(3) span {
    transition: opacity 0s 1.1s;
}
.a-cover-wrapper div:nth-child(4) span {
    transition: opacity 0s 1.4s;
}
.a-cover-wrapper div:nth-child(5) span {
    transition: opacity 0s 1.7s;
}
.a-cover-wrapper.is-show div span {
    opacity: 1;
}
.a-cover-wrapper div::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    background: #fff;
    transform: scaleX(0);
    transform-origin: left top;
}
.a-cover-wrapper.is-show div::before {
    animation: anim_cover cubic-bezier(0.65, 0, 0.2, 1) 1s forwards;
}
.a-cover-wrapper.is-show div:nth-child(2)::before {
    animation: anim_cover cubic-bezier(0.65, 0, 0.2, 1) 1s .3s forwards;
}
.a-cover-wrapper.is-show div:nth-child(3)::before {
    animation: anim_cover cubic-bezier(0.65, 0, 0.2, 1) 1s .6s forwards;
}
.a-cover-wrapper.is-show div:nth-child(4)::before {
    animation: anim_cover cubic-bezier(0.65, 0, 0.2, 1) 1s .9s forwards;
}
.a-cover-wrapper.is-show div:nth-child(5)::before {
    animation: anim_cover cubic-bezier(0.65, 0, 0.2, 1) 1s 1.2s forwards;
}

@keyframes anim_cover {
    0% {
        transform: scaleX(0);
        transform-origin: left top;
    }
    49% {
        transform: scaleX(1);
        transform-origin: left top;
    }
    51% {
        transform: scaleX(1);
        transform-origin: right top;
    }
    100% {
        transform: scaleX(0);
        transform-origin: right top;
    }
}

.a-slicetext,
.a-slicetext2 {
    opacity: 0;
}
.a-slicetext.is-show,
.a-slicetext2.is-show{
    opacity: 1;
}
.a-slicetext span,
.a-slicetext2 span {
    display: inline-block;
    transition: all 0.6s ease;
    transform: translate(0, 100%);
    position: relative;
    z-index: 1;
    opacity: 0;
}
.a-slicetext span.row,
.a-slicetext2 span.row {
    overflow: hidden;
    line-height: 1.2;
    display: block;
    transform: none;
    opacity: 1;
}
.a-slicetext span.row span.is-show,
.a-slicetext2 span.row span.is-show {
    transform: translate(0, 0);
    opacity: 1;
}