.line {
    -webkit-transform: scale(0);
    transform: scale(0)
}

.line.show {
    transition: all 1s cubic-bezier(.86,0,.07,1) 0s;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.point {
    -webkit-transform: scale(0);
    transform: scale(0)
}

.point .icon {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0
}

.point .icon.show {
    transition: all .3s cubic-bezier(.175,.885,.32,1.275) .4s;
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1
}

.point.show {
    transition: all .35s cubic-bezier(.175,.885,.32,1.275) .3s;
    -webkit-transform: scale(1);
    transform: scale(1)
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@-webkit-keyframes blink {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes blink {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-webkit-keyframes loop {
    0% {
        background-position: 0 top
    }

    100% {
        background-position: -90px top
    }
}

@keyframes loop {
    0% {
        background-position: 0 top
    }

    100% {
        background-position: -90px top
    }
}

#title_area .kv .ov {
    opacity: 0
}

#title_area .kv .ov.show {
    transition: all 1s cubic-bezier(.25,.25,.75,.75) 0s;
    opacity: 1
}

#cs_acc01 .move1 .route {
    clip: rect(0 0 10px 0)
}

#cs_acc01 .move2 .car {
    z-index: 10;
    -webkit-transform: translate(-306px,0);
    transform: translate(-306px,0)
}

#cs_acc01 .move2 .route {
    clip: rect(0 0 10px 0)
}

#cs_acc01 .step1 .explain.show {
    -webkit-animation: step_select .3s ease-out 0s forwards,step_def .3s ease-out 4s forwards;
    animation: step_select .3s ease-out 0s forwards,step_def .3s ease-out 4s forwards
}

#cs_acc01 .step1 .explain.show:before {
    transition: all .5s cubic-bezier(.25,.25,.75,.75) 0s;
    border-color: transparent transparent #ffd332
}

#cs_acc01 .step1 .explain:before {
    border-color: transparent transparent #ccc
}

#cs_acc01 .step1 .explain .title {
    background: #ccc
}

#cs_acc01 .step1 .explain .title.show {
    transition: all .5s cubic-bezier(.25,.25,.75,.75) 0s;
    background: #ffd332
}

#cs_acc01 .step2 .explain.show {
    -webkit-animation: step_select .3s ease-out 4s forwards,step_def .3s ease-out 8s forwards;
    animation: step_select .3s ease-out 4s forwards,step_def .3s ease-out 8s forwards
}

#cs_acc01 .step2 .explain.show:before {
    transition: all .5s cubic-bezier(.25,.25,.75,.75) 4s;
    border-color: transparent transparent #ff9348
}

#cs_acc01 .step2 .explain:before {
    border-color: transparent transparent #ccc
}

#cs_acc01 .step2 .explain .title {
    background: #ccc
}

#cs_acc01 .step2 .explain .title.show {
    transition: all .5s cubic-bezier(.25,.25,.75,.75) 4s;
    background: #ff9348
}

#cs_acc01 .car_anim.show {
    -webkit-animation: loop 1s linear 0s infinite;
    animation: loop 1s linear 0s infinite
}

#cs_acc01 .car_anim.hide {
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

#cs_acc02 .move1 .car {
    opacity: 0
}

#cs_acc02 .move2 .car {
    z-index: 10;
    -webkit-transform: translate(-252px,0);
    transform: translate(-252px,0)
}

#cs_acc02 .move2 .route {
    clip: rect(0 0 23px 0)
}

#cs_acc02 .ahcar1 {
    z-index: 5
}

#cs_acc02 .ahcar1 .car {
    opacity: 0
}

#cs_acc02 .ahcar2 {
    opacity: 0
}

#cs_acc02 .ahcar3 {
    opacity: 0
}

#cs_acc02 .ahcar4 .car {
    -webkit-transform: translate(-477px,72px) rotate(0deg);
    transform: translate(-477px,72px) rotate(0deg)
}

#cs_acc02 .ahcar4 .route {
    opacity: 0
}

#cs_acc02 .ahcar5 {
    z-index: 11;
    -webkit-transform: translate(-494px,0);
    transform: translate(-494px,0)
}

#cs_acc02 .step1 .explain.show {
    -webkit-animation: step_select .3s ease-out 0s forwards,step_def .3s ease-out 2s forwards;
    animation: step_select .3s ease-out 0s forwards,step_def .3s ease-out 2s forwards
}

#cs_acc02 .step1 .explain.show:before {
    transition: all .5s cubic-bezier(.25,.25,.75,.75) 0s;
    border-color: transparent transparent #ffd332
}

#cs_acc02 .step1 .explain:before {
    border-color: transparent transparent #ccc
}

#cs_acc02 .step1 .explain .title {
    background: #ccc
}

#cs_acc02 .step1 .explain .title.show {
    transition: all .5s cubic-bezier(.25,.25,.75,.75) 0s;
    background: #ffd332
}

#cs_acc02 .step2 .explain.show {
    -webkit-animation: step_select .3s ease-out 5.5s forwards,step_def .3s ease-out 9s forwards;
    animation: step_select .3s ease-out 5.5s forwards,step_def .3s ease-out 9s forwards
}

#cs_acc02 .step2 .explain.show:before {
    transition: all .5s cubic-bezier(.25,.25,.75,.75) 5.5s;
    border-color: transparent transparent #ff9348
}

#cs_acc02 .step2 .explain:before {
    border-color: transparent transparent #ccc
}

#cs_acc02 .step2 .explain .title {
    background: #ccc
}

#cs_acc02 .step2 .explain .title.show {
    transition: all .5s cubic-bezier(.25,.25,.75,.75) 5.5s;
    background: #ff9348
}

#cs_acc02 .car_anim.show {
    -webkit-animation: loop 1s linear 0s infinite;
    animation: loop 1s linear 0s infinite
}

#cs_acc02 .car_anim.hide {
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

#cs_acc03 .move2 .car {
    z-index: 10;
    -webkit-transform: translate(-514px,0) rotate(0deg);
    transform: translate(-514px,0) rotate(0deg)
}

#cs_acc03 .move2 .route {
    clip: rect(0 0 23px 0)
}

#cs_acc03 .ahcar1 {
    z-index: 5
}

#cs_acc03 .ahcar1 .car {
    opacity: 0
}

#cs_acc03 .ahcar2 {
    z-index: 1
}

#cs_acc03 .ahcar2 .car {
    opacity: 0
}

#cs_acc03 .ahcar2 .route {
    opacity: 0
}

#cs_acc03 .ahcar3 .car {
    z-index: 11;
    -webkit-transform: translate(-391px,-67px) rotate(0deg);
    transform: translate(-391px,-67px) rotate(0deg)
}

#cs_acc03 .ahcar3 .route {
    opacity: 0
}

#cs_acc03 .car_anim.show {
    -webkit-animation: loop 1s linear 0s infinite;
    animation: loop 1s linear 0s infinite
}

#cs_acc03 .car_anim.hide {
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

#cs_acc03 .car_anim .stepbox>li.step1 .explain.show {
    -webkit-animation: step_select .3s ease-out 0s forwards,step_def .3s ease-out 2s forwards;
    animation: step_select .3s ease-out 0s forwards,step_def .3s ease-out 2s forwards
}

#cs_acc03 .car_anim .stepbox>li.step1 .explain.show:before {
    transition: all .5s cubic-bezier(.25,.25,.75,.75) 0s;
    border-color: transparent transparent #ff9348
}

#cs_acc03 .car_anim .stepbox>li.step1 .explain:before {
    border-color: transparent transparent #ccc
}

#cs_acc03 .car_anim .stepbox>li.step1 .explain .title {
    background: #ccc
}

#cs_acc03 .car_anim .stepbox>li.step1 .explain .title.show {
    transition: all .5s cubic-bezier(.25,.25,.75,.75) 0s;
    background: #ff9348
}

#cs_acc03 .car_anim .stepbox>li.step2 .explain.show {
    -webkit-animation: step_select .3s ease-out 3s forwards,step_def .3s ease-out 8s forwards;
    animation: step_select .3s ease-out 3s forwards,step_def .3s ease-out 8s forwards
}

#cs_acc03 .car_anim .stepbox>li.step2 .explain.show:before {
    transition: all .5s cubic-bezier(.25,.25,.75,.75) 3s;
    border-color: transparent transparent #ffd332
}

#cs_acc03 .car_anim .stepbox>li.step2 .explain:before {
    border-color: transparent transparent #ccc
}

#cs_acc03 .car_anim .stepbox>li.step2 .explain .title {
    background: #ccc
}

#cs_acc03 .car_anim .stepbox>li.step2 .explain .title.show {
    transition: all .5s cubic-bezier(.25,.25,.75,.75) 3s;
    background: #ffd332
}

#cs_acc04 .car_anim .target li.ahcar2 {
    z-index: 14
}

#cs_acc04 .move1 {
    opacity: 0
}

#cs_acc04 .move2 .car {
    z-index: 10;
    -webkit-transform: translate(-313px,0);
    transform: translate(-313px,0)
}

#cs_acc04 .move2 .car .car_n {
    opacity: 1
}

#cs_acc04 .move2 .car .car_b {
    opacity: 0
}

#cs_acc04 .move2 .route {
    clip: rect(0 0 23px 0)
}

#cs_acc04 .ahcar1 {
    opacity: 0
}

#cs_acc04 .ahcar1sub1 {
    opacity: 0
}

#cs_acc04 .ahcar1sub2 {
    opacity: 0
}

#cs_acc04 .ahcar2 .car_n {
    opacity: 1
}

#cs_acc04 .ahcar2 .car_b {
    opacity: 0
}

#cs_acc04 .ahcar4 {
    top: 27px;
    left: 405px
}

#cs_acc04 .ahcar5 {
    top: 27px;
    left: 505px
}

#cs_acc04 .ahcar6 {
    top: 27px;
    left: 605px
}

#cs_acc04 .ahcar7 {
    top: 27px;
    left: 605px
}

#cs_acc04 .ahcar8 {
    top: 27px;
    left: 605px
}

#cs_acc04 .ahcar9 {
    top: 27px;
    left: 605px
}

#cs_acc04 .ahcar10 {
    top: 27px;
    left: 605px
}

#cs_acc04 .step1 .explain.show {
    -webkit-animation: step_select .3s ease-out 0s forwards,step_def .3s ease-out 5s forwards;
    animation: step_select .3s ease-out 0s forwards,step_def .3s ease-out 5s forwards
}

#cs_acc04 .step1 .explain.show:before {
    transition: all .5s cubic-bezier(.25,.25,.75,.75) 0s;
    border-color: transparent transparent #ffd332
}

#cs_acc04 .step1 .explain:before {
    border-color: transparent transparent #ccc
}

#cs_acc04 .step1 .explain .title {
    background: #ccc
}

#cs_acc04 .step1 .explain .title.show {
    transition: all .5s cubic-bezier(.25,.25,.75,.75) 0s;
    background: #ffd332
}

#cs_acc04 .step2 .explain.show {
    -webkit-animation: step_select .3s ease-out 5s forwards,step_def .3s ease-out 10s forwards;
    animation: step_select .3s ease-out 5s forwards,step_def .3s ease-out 10s forwards
}

#cs_acc04 .step2 .explain.show:before {
    transition: all .5s cubic-bezier(.25,.25,.75,.75) 5s;
    border-color: transparent transparent #ff9348
}

#cs_acc04 .step2 .explain:before {
    border-color: transparent transparent #ccc
}

#cs_acc04 .step2 .explain .title {
    background: #ccc
}

#cs_acc04 .step2 .explain .title.show {
    transition: all .5s cubic-bezier(.25,.25,.75,.75) 5s;
    background: #ff9348
}

#cs_acc04 .car_anim.show {
    -webkit-animation: loop 1s linear 0s infinite;
    animation: loop 1s linear 0s infinite
}

#cs_acc04 .car_anim.hide {
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.btn_repeat {
    visibility: hidden;
    opacity: 0
}

@-webkit-keyframes step_select {
    0% {
        -webkit-transform: translate(0,0);
        transform: translate(0,0)
    }

    100% {
        -webkit-transform: translate(0,-20px);
        transform: translate(0,-20px)
    }
}

@keyframes step_select {
    0% {
        -webkit-transform: translate(0,0);
        transform: translate(0,0)
    }

    100% {
        -webkit-transform: translate(0,-20px);
        transform: translate(0,-20px)
    }
}

@-webkit-keyframes step_def {
    0% {
        -webkit-transform: translate(0,-20px);
        transform: translate(0,-20px)
    }

    100% {
        -webkit-transform: translate(0,0);
        transform: translate(0,0)
    }
}

@keyframes step_def {
    0% {
        -webkit-transform: translate(0,-20px);
        transform: translate(0,-20px)
    }

    100% {
        -webkit-transform: translate(0,0);
        transform: translate(0,0)
    }
}