body {
    font-family: 'Noto Sans TC', sans-serif;
    font-size: 0.9vw;
    overflow-x: hidden;
}
*, *:before, *:after {
    box-sizing: border-box;
}
img {
   vertical-align: bottom; 
}
.full {
    width: 100%;
}
.max100 {
    max-width: 100%;
}
.tc {
	text-align: center;
}
.r {
    position: relative;
}
.a {
    position: absolute;
}
.clear:after {
    content: '';
    display: table;
    clear: both;
}
.flex {
    display: flex;
}
a {
    text-decoration: none;
}
p {
    line-height: 1.5;
    margin: 0 0 1vw;
}
.video_wrap {
	position: relative;
	padding-bottom: 48%;
	padding-top: 1vw;
	height: 0;
}
.video_wrap iframe {
	position: absolute;
	top: 0;
	left: 0;
	height: 0;
	max-height: 100%;
	max-width: 100%;
	min-height: 100%;
	min-width: 100%;
	width: 0;
}
.logo {
    margin: 1.5vw 4.5vw;
    display: inline-block;
    width: 13vw;
    position: absolute;
    z-index: 1;
}
section {
    position: relative;
    background-size: 100% 100%;
    height: 48vw;
    overflow: hidden;
}
#kv {
    background-image: url(../img/bg-01.jpg);
}
.HRV {
    width: 32vw;
    top: 7.5vw;
    left: 20.8vw;
}
.CRV {
    width: 43.5vw;
    top: 15vw;
    left: 39.8vw;
}
.limit {
    width: 14.5vw;
    top: 34.5vw;
    left: 36.8vw;
}
#sec1 {
    height: auto;
}
#sec2 {
    background-image: url(../img/banner-01.jpg);
}
#sec2 .tit {
    width: 18.6vw;
    margin: 7.9vw 0 4.3vw 16.25vw;
}
#sec2 .car {
    width: 42vw;
    margin-left: 5vw;
}
#sec3 {
    background-image: url(../img/banner-02.jpg);
    height: 58vw;
}
#sec3 .tit {
    width: 18.38vw;
    margin: 9.4vw 14.8vw 4.8vw auto;
}
#sec3 .car {
    width: 42.6vw;
    margin: 0 2vw 0 auto;
}

/*********************
* RunLeft 
*********************/
@keyframes RunLeft { 
    0% {
/*        opacity: 0;*/
        transform: translate(20px, -5px);
    } 
    100% { 
/*        opacity: 1;*/
        transform: translate(0, 0); 
    } 
} 
.RunLeft {
/*    opacity: 0;*/
    transform: translate(20px, -5px);
}
.RunLeft.go { 
    animation-name: RunLeft; 
}

/*********************
* RunRight 
*********************/
@keyframes RunRight { 
    0% {
/*        opacity: 0;*/
        transform: translate(-20px, -5px); 
    } 
    100% { 
/*        opacity: 1;*/
        transform: translate(0, 0); 
    } 
} 
.RunRight {
/*    opacity: 0;*/
    transform: translate(-20px, -5px); 
}
.RunRight.go {
    animation-name: RunRight; 
}
.btn_fixed {
    position: fixed;
    width: 14.6vw;
    right: 1vw;
    top: 31vw;
}
	
/* pc & mobile */
.pc {
    display: block;
}
.mo {
    display: none;
}

@media (max-width: 750px) {
    body {
        font-size: 4.8vw;
    }
    .logo {
        width: 30.4vw;
        margin: 5.6vw;
        top: 0;
    }
    #kv {
        background-image: url(../img/bg-01-m.jpg);
        height: 160vw;
    }
    .HRV {
        width: 48.4vw;
        top: 47vw;
        left: 4vw;
    }
    .CRV {
        width: 65.4vw;
        top: 56.4vw;
        left: 33.8vw;
    }
    .limit {
        width: 39.4vw;
        top: 103.4vw;
        left: 54.8vw;
    }
    #sec2 {
        background-image: url(../img/banner-01-m.jpg);
        height: 133.8vw;
    }
    #sec2 .tit {
        width: 41vw;
        margin: 18.4vw 5vw 0 auto;
    }
    #sec2 .car {
        position: absolute;
        width: 64.6vw;
        top: 9.3vw;
        margin-left: -12vw;
    }
    #sec3 {
        background-image: url(../img/banner-02-m.jpg);
        height: 140.7vw;
    }
    #sec3 .tit {
        width: 40.5vw;
        margin: 13.7vw auto 0 7.8vw;
    }
    #sec3 .car {
        position: absolute;
        top: 1.6vw;
        width: 91.3vw;
        right: -44.8vw;
        margin: 0;
    }
    .btn_fixed {
        width: 33vw;
        top: 5vw;
    }
    .pc {
        display: none;
    }
    .mo {
        display: block;
    }
}