html{font-size: 100% !important;}
.mobile{display: none;}
.only-m{ display: none !important;}
.bn{display: block;width: 100%;}
.ecycle {position: relative;}
.ecycle p{font: normal 1vw/1.5vw "NOTOSANSJP-REGULAR";position: absolute;bottom: 4%;left: 11%;color: #ffffff;letter-spacing: 0.12vw;}
.ecycle p span{font: bold 1vw/1.5vw "NOTOSANSJP-REGULAR";}
.bnbox{position: relative;}
.float_box{width: 30%;height: 64%;background-color: rgba(0,0,0,0.4);position: absolute;top:18%;right: 20%;transition:all 0.4s;}
.float_box:hover{background-color: #121212;}
.bn_logo{display:block;margin: 17% auto 5% auto;width: 22%;}
.float_box p{color: #ffffff;font: normal 1.2vw/1.5vw"NOTOSANSJP-REGULAR";padding: 5% 12%; letter-spacing: 0.1vw;}
.bg_w{padding: 7% 0;}
.bg_w ul{width:63.216%;margin: 0 auto;}
.bg_w ul li{width:24.19%;  height: 732px;display: inline-block;overflow: hidden;margin-right: 0.5%;position: relative;}
.bg_w ul li img{display: block;position: absolute;}
.bg_w ul li p{width:100%;text-align:center;position: absolute;color: #ffffff;bottom:10%;font: normal 2vw/0 'Anton-Regular';}
.bg_w ul li:nth-child(1) img{width: 40.895%;bottom:16%;left:30%;}
.bg_w ul li:nth-child(2) img{width: 43.645%;bottom:16%;left:29%;}
.bg_w ul li:nth-child(3) img{width: 33%;bottom:16%;left:32%;}
.bg_w ul li:nth-child(4) img{width: 27.5%;bottom:17%;left:37%;}
.bg_w ul li:nth-child(4){margin-right: 0;}
.bg_w ul li a{display: block;width: 100%;height: 100%;background-size: cover;transition: all .4s ease-out;}
.bg_w ul li a:hover{transform: scale(1.08);}
.bg_w ul li:nth-child(1) a{background-image: url("../images/RICH_CITI/f1.png")}
.bg_w ul li:nth-child(2) a{background-image: url("../images/RICH_CITI/f2.png")}
.bg_w ul li:nth-child(3) a{background-image: url("../images/RICH_CITI/f3.png")}
.bg_w ul li:nth-child(4) a{background-image: url("../images/RICH_CITI/f4.png")}
.bg_b{width: 100%;position: relative}
.bg_b img.f_bg1{width: 100%;display: block;}
.bg_b img.f5{display: block;width: 47.294%;position: absolute;top:12%;right:19%;}
.bg_b p{color:#eeeeee;position: absolute}
.bg_b p:nth-child(4){font: normal 1.6vw/1.5vw "NOTOSANSJP-MEDIUM";top: 34.5%;right: 64.7%;}
.bg_b p:nth-child(5){font: normal 7.75vw/1.5vw "Anton-Regular";top: 47.5%;right: 56.2%;}
.bg_b p:nth-child(6){font: normal 1.6vw/1.5vw "NOTOSANSJP-MEDIUM";top: 78%;right: 60%;letter-spacing: 0.21vw}
.bg_b p:nth-child(7){font: normal 1vw/1.5vw "NOTOSANSJP-MEDIUM";top: 78%;right: 23.5%;padding-left: 50px;border-left: 1px solid #eeeeee;}
.topBtn{ position: fixed; right: 5%; bottom: 180px; width: 200px; border-radius: 50px; z-index: 999;}
   .topBtn img{ display: block;}
   .topBtn:hover{ box-shadow: 0 0 15px rgba(0,0,0,.3);}
.bg_g{width: 100%;position: relative}
.bg_g img.f_bg1,.ban_box1 .ban_bg{width: 100%;display: block;}
.bg_g img.f5{display: block;width: 47.294%;position: absolute;top:12%;right:19%;}
.bg_g p{color:#eeeeee;position: absolute}
.bg_g p:nth-child(3){font: normal 1.6vw/1.5vw "NOTOSANSJP-MEDIUM";top: 30%;right: 63.3%;}
.bg_g p:nth-child(4){font: normal 6.6vw/1.5vw "Anton-Regular";top: 46.5%;right: 59.8%;}
.bg_g p:nth-child(5){font: normal 1.6vw/4.5vw "NOTOSANSJP-MEDIUM";top: 73%;right: 53.5%;letter-spacing: 0.1vw;}
.bg_g p:nth-child(6){font: normal 1vw/1.5vw "NOTOSANSJP-MEDIUM";top: 73.2%;right: 24.5%;padding-left: 50px;border-left: 2px solid #ffffff;letter-spacing: 0.1vw;}
.bic{position: relative;}
.bic .bic_bg{width: 100%;display: block;}
.bic .desc:hover{transform: translateY(-10%);}
.bic .desc{
    width: 41.409%;
    height:17.6%;
    background-image: url("../images/RICH_CITI/bic_des_bg.png");
    background-size: cover;
    position: absolute;
    bottom:8%;
    left:29.5%;
    font:normal 1vw/1.5vw "NOTOSANSJP-MEDIUM";
    color:#eeeeee;
    padding:3% 4%;
    box-sizing: border-box;
    letter-spacing: 4px;
    transition: transform .3s;
}


.d_mb{width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    align-items: center;
    justify-content: center;
    display: flex;z-index:999;
    background: rgba(0, 0, 0, 0.3);
}
.d_mb>div>a>img{width:300px;}.s_close{position: absolute; right: 5px; top: 5px;}
.d_mbimg1{margin-right:25px;}
.d_mbclse{box-shadow:rgb(0 0 0 / 30%) 2px 2px 5px;
width: 32px;
    height: 32px;
    background: #fff;
    margin-top: -350px;
    margin-left: -20px;
    border-radius: 20px;
    text-align: center;cursor:pointer;
    padding: 4px;}

.d_mbclseph{display:none;}
.wrap{    width: 86.25%;
    margin: 0 auto;
    position: relative;}
.ban_box1{position: relative;overflow: hidden;}
.ban_box1 .swiper2{position: absolute;top:33%;width:100%;overflow: unset;}
.ban_box1 .swiper2 .swiper-slide img{width: 100%;display: block;}
.ban_box1 .swiper2 .swiper-slide {  transition: 300ms;  -transform: scale(0.43,1.58);  }
.ban_box1 .swiper2 .swiper-slide-active,.swiper-slide-duplicate-active{  transform: scale(1.58); z-index: 99;}
.ban_box1 .swiper-button-prev, .ban_box1 .swiper-button-next{top:unset;bottom:-150px;width: 41px;height: 14px;}
.ban_box1 .swiper-button-prev{left:26.5%;background-image: url("../images/RICH_CITI/ban1-left.jpg");background-size: cover}
.ban_box1 .swiper-button-next{right:26.5%;background-image:  url("../images/RICH_CITI/ban1-right.jpg");background-size: cover}
.ban_box1 .swiper-button-prev:after,.ban_box1 .swiper-button-next:after{content: "";}
.area1{width: 100%;padding-bottom: 10%;background-image: url("../images/RICH_CITI/mv_area.png");background-repeat: no-repeat;background-size: cover;overflow: hidden;}
.area1 .mv1{margin:9.18% 0 0 20.4%;}
.area1 .mv1 img{width: 43.34%;display: inline-block;margin-right: 3%}
.area1 .mv1_desc{display: inline-block;vertical-align: top;width: 22.7%;border-bottom: 1px solid #bbbbbb;padding-bottom: 1%}
.area1 .mv1_desc h1{font:normal 6vw/5vw "Anton-Regular";}
.area1 .mv1_desc p:nth-child(2){font:normal 1.5vw/2.6vw "NOTOSANSJP-MEDIUM";margin-top: 12%;letter-spacing: 0.2vw;}
.area1 .mv1_desc p:nth-child(3){font:normal 0.8vw/1.6vw "NOTOSANSJP-MEDIUM";color: #333333;margin-top: 5%;letter-spacing: 0.1vw;}
.area1 .mv2{margin:9% 0 0 20.4%;}
.area1 .mv2 img{width: 43.34%;display: inline-block;vertical-align: top;margin-left: 4%}
.area1 .mv2_desc{display: inline-block;vertical-align: top;width: 34%;padding-bottom: 3%;border-bottom: 1px solid #eeeeee;}
.area1 .mv2_desc h1{font:normal 6vw/5vw "Anton-Regular";color: #ffffff;}
.area1 .mv2_desc p:nth-child(2){font:normal 1.5vw/2.6vw "NOTOSANSJP-MEDIUM";margin-top: 12%;letter-spacing: 0.4vw;color: #ffffff;}
.area1 .mv2_desc p:nth-child(3){font:normal 1.5vw/2.6vw "NOTOSANSJP-MEDIUM";letter-spacing: 0.4vw;color: #ffffff;margin-bottom: 5%;}
.area1 .mv2_desc p:nth-child(4),.area1 .mv2_desc p:nth-child(5){font:normal 0.8vw/1.6vw "NOTOSANSJP-MEDIUM";letter-spacing: 0.1vw;color: #eeeeee;}
.area2 {width:100%;padding-bottom:10%;background-image: url("../images/RICH_CITI/mv_area2.png");background-repeat: no-repeat;background-size: contain;background-position: bottom right;}
.area2 .mv3 img{width: 31%;margin: 0 4.5% 0 19%;display: inline-block}
.area2 .mv3 .mv3_desc,.area2 .mv4 .mv4_desc{display: inline-block;vertical-align: top;}
.area2 .mv3 .mv3_desc p:nth-child(1){font:normal 1.5vw/6vw "NOTOSANSJP-MEDIUM";color: #000000;}
.area2 .mv3 .mv3_desc p:nth-child(2),.area2 .mv4 .mv4_desc p:nth-child(3){font:normal 0.8vw/1.6vw "NOTOSANSJP-MEDIUM";color: #333333;letter-spacing: 0.1vw;}
.area2 .mv4{margin: 9% 0 9% 0;}
.area2 .mv4 img{width: 31%;;display: inline-block;}
.area2 .mv4 .mv4_desc{margin: 0 4.5% 0 23.6%;width: 21.65%;}
.area2 .mv4 .mv4_desc p:nth-child(1),.area2 .mv4 .mv4_desc p:nth-child(2){font:normal 1.5vw/2vw "NOTOSANSJP-MEDIUM";color: #000000;margin-bottom: 0.5vw;}
.area2 .mv4 .mv4_desc p:nth-child(3){margin-top: 1vw;}
.mv3.mv5 .mv3_desc p:nth-child(1){font:normal 1.5vw/1.5vw "NOTOSANSJP-MEDIUM";color: #000000;margin-bottom: 10%;}
.bike_improve{background-image: url("../images/RICH_CITI/bi_bg.png");background-color: #111111;overflow: hidden;text-align: center;padding-bottom: 8%;    background-size: cover;}
.bike_improve .bi{margin-bottom: 5%;}
.bike_improve .bi .bi_pic{overflow: hidden;display: inline-block;vertical-align: top;width: 31.25%;border-radius: 5px;}
.bike_improve .bi .bi_pic:hover img{transform: scale(1.1);}
.bike_improve>h1{font:normal 2vw/2vw "NOTOSANSJP-MEDIUM";color: #ffffff;text-align: center;margin: 5% 0;}
.bike_improve .bi img{width: 100%;display: block;transition: all .4s ease-out;}
.bike_improve .bi .bi_desc{display: inline-block;vertical-align: top;width: 31.25%;text-align:left;padding-left: 2.5%;box-sizing: border-box;}
.bike_improve .bi .bi_desc h1{font:normal 7vw/4.5vw "Anton-Regular";color: #ffffff;margin-bottom: 12%;}
.bike_improve .bi .bi_desc:nth-child(2n-1){padding-right: 3%;padding-left: 0;}
.bike_improve .bi .bi_desc h2{font:normal 1.5vw/2.5vw "Anton-Regular";color: #ffffff;margin-bottom: 6%;letter-spacing: 0.2vw;white-space: nowrap;}
.bike_improve .bi .bi_desc p{font:normal 0.8vw/1.4vw "Anton-Regular";color: #eeeeee; letter-spacing: 0.1vw;}
.adv{position: relative}
.adv>img{width: 100%;display: block;}
.adv .adv_desc{position: absolute;width: 30%;height: 61.2%;background: url("../images/RICH_CITI/adv_bg.png");top: 19.5%;right:20%;transition: all .3s ease-out;}
.adv .adv_desc img{display:block;margin: 14% auto 18% auto;width: 23.47%;}
.adv .adv_desc p{font:normal 1vw/1.4vw "NOTOSANSJP-MEDIUM";color: #ffffff;padding:0 20%;letter-spacing: 0.1vw;}
.adv .adv_desc:hover{background-color: #666666;}
.blink{text-align: center;padding-bottom: 12%;}
.blink h2{font:normal 1.8vw/2vw "NOTOSANSJP-MEDIUM";margin: 8% 0 4% 0;}
.blink ul li{display: inline-block;width: 18.72%;transition: all .5s ease-out;}
.blink ul li:nth-child(1),.blink ul li:nth-child(3){transform: translateY(20%);}
.blink ul li:nth-child(2){margin: 0 3%;}
.blink ul li img{display: block;width: 100%;}
.blink ul li p{font:normal 1vw/1.3vw "NOTOSANSJP-REGULAR";text-align: left;margin-top:8%;color: #333333;letter-spacing: 0.12vw;}
.blink ul li:nth-child(1):hover{transform: translateY(0);}
.blink ul li:nth-child(2):hover{transform: translateY(20%);}
.blink ul li:nth-child(3):hover{transform: translateY(0);}
.mv_area2{text-align: center;}
.mv_area2{background: url("../images/RICH_CITI/mv_area3.png") no-repeat;padding: 9.5% 0 5% 0;background-size: cover}
.mv5 .mv_pic{display: inline-block;vertical-align: top;width: 30.15%;}
.mv5 .mv5_desc{display: inline-block;vertical-align: top;width: 32.1%;}
.mv5 .mv_pic img,.mv6>div img{width: 100%;display: block;}
.mv5 .mv_pic{overflow: hidden;}
.mv5 .mv_pic img{transition: all .4s;}
.mv5 .mv_pic:hover img{transform:scale(1.1);}
.mv5 .mv5_desc{padding: 13.5% 0 0 3%;box-sizing: border-box;text-align: left;}
.mv5 .mv5_desc h2{font:normal 1.8vw/2.7vw "NOTOSANSJP-MEDIUM";color: #ffffff;letter-spacing: 0.4vw;}
.mv5 .mv5_desc p{font:normal 1vw/4vw "NOTOSANSJP-REGULAR";color: #ffffff;letter-spacing: 0.17vw;}
.mv6{margin-top: 3%}
.mv6>div{display: inline-block;vertical-align: top;width: 30.15%;}
.mv6>div:nth-child(1){margin-right: 2%;}
.mv6 p{font:normal 1vw/1.8vw "NOTOSANSJP-MEDIUM";color: #ffffff;text-align: left;margin-top: 3%;letter-spacing: 0.21vw;}
.mv6 .mv_pic{overflow: hidden;display: block;width: 100%;}
.mv6 .mv_pic img{transition: all .4s;}
.mv6 .mv_pic:hover img{transform:scale(1.1);}
.map{background: url("../images/RICH_CITI/map_bg.jpg") no-repeat;background-size: cover;text-align: center;padding: 5.3% 0 5% 0;}
.map h1{font:normal 1.8vw/3vw "NOTOSANSJP-MEDIUM";color: #ffffff;letter-spacing: 0.4vw;font-weight: bold;}
.map p{font:normal 0.9vw/1.8vw "NOTOSANSJP-MEDIUM";color: #ffffff;letter-spacing: 0.2vw;margin-top: 2%;}
.map>img{width: 60%;display: block;margin: 2% auto;}
.bike_parameter{background-color: #111111;overflow: hidden;}
.bike_parameter .par_pic {width: 62.5%;margin: 8% auto 5% auto;position: relative;}
.bike_parameter .par_pic img{display: block;width: 100%;}
.bike_parameter .par_pic h1{display: block;width: 100%;font:normal 6vw/6vw "Anton-Regular";color: #dddddd;text-align: center;position: absolute;top:0;}
.bike_parameter>p{font:normal 1.8vw/3vw "NOTOSANSJP-MEDIUM";color: #ffffff;text-align: center}
.bike_parameter ul{width: 62.5%;margin: 0 auto;}
.bike_parameter ul li{width: 47%;border-bottom: 2px solid #707070;}
.bike_parameter ul li:nth-child(odd){float: left;}
.bike_parameter ul li:nth-child(even){float: right;}
.bike_parameter ul li:nth-child(19){float: right;}
.bike_parameter ul li span{display: inline-block;vertical-align: top;}
.bike_parameter ul li span:nth-child(1){font:bold 0.8vw/3vw "NOTOSANSJP-MEDIUM";color: #ffffff;width: 30%;}
.bike_parameter ul li span:nth-child(2){font:normal 0.8vw/3vw "NOTOSANSJP-MEDIUM";color: #ffffff; }
.clb{clear: both;width: 62.5%;margin:3% auto 5% auto;font:normal 1vw/1.5vw "NOTOSANSJP-MEDIUM";color: #ffffff;}
.law{padding: 6% 26.875%;box-sizing: border-box;background-color: #f2f2f2}
.law h3{font:normal 1.5vw/1.5vw "NOTOSANSJP-MEDIUM";text-align: center;letter-spacing: 0.2vw;color: #333333;}
.law p{font:normal 1vw/1.5vw "NOTOSANSJP-REGULAR";letter-spacing: 0.16vw;color: #333333;}
.law p:nth-child(2){margin:7% 0 3% 0;}
.law p:nth-child(3),.law p:nth-child(5){font:normal 1vw/1.5vw "NOTOSANSJP-MEDIUM";letter-spacing: 0.16vw;color: #333333;margin: 3% 0 0 0;}
.section02{padding: 7% 18.67%;box-sizing: border-box;position: relative}
.section02 .mySwiper{overflow: hidden;margin-top: -5%;}
.section02 .mySwiper .swiper-slide{width: 49.86%; position: relative; }
.section02 .mySwiper .swiper-slide img{width: 100%;}
.section02 .mySwiper .swiper-slide.swiper-slide-prev,.section02 .mySwiper .swiper-slide.swiper-slide-next{transform:translate3d(0px, 0px, -303.911px) rotateX(0deg) rotateY(0deg) scale(0.96)!important}
.section02 .mySwiper .swiper-slide-shadow-left{ background-image: linear-gradient(to left,rgba(255,255,255,.0),rgba(255,255,255,.0)) !important;}
.section02 .mySwiper .swiper-slide-shadow-right{ background-image: linear-gradient(to right,rgba(255,255,255,.0),rgba(255,255,255,.0)) !important;}
.section02 .mySwiper .swiper-slide.swiper-slide-next{ transition-duration: 0ms; transform: translate3d(0px, 0px, -80px) rotateX(0deg) rotateY(0deg) scale(.8) translateX(-34%) !important;}
.section02 .mySwiper .swiper-slide.swiper-slide-prev{ transition-duration: 0ms; transform: translate3d(0px, 0px, -80px) rotateX(0deg) rotateY(0deg) scale(.8) translateX(34%) !important;}
.section02 .swiper-pagination-bullet-active{ background-color: #5b5b5b; opacity: 1;}
.section02 .title h2{font:normal 10.3vw/10.3vw "Anton-Regular";color:#a8a8a8;text-align: center;}
.section02 .mySwiper .swiper-slide span{ position: absolute; left: 0; bottom: 0; width: 100%; text-align: center; color: #000; font:normal 1vw/1.5vw "NOTOSANSJP-MEDIUM";letter-spacing: 0.16vw;} 




@media (min-width: 0) and (max-width: 1716px) {
    .topBtn{ right: 0;}
    .goTop{ right: 27px;}
}