.bn,.bg_b img.f_bg1,.bg_g img.f_bg1,.ban_box1 .ban_bg,.bic .bic_bg{display: block;width: 100%;}
.pc{display: none !important;}
.only-pc{ display: none !important;}
.ecycle>div{position: relative;}
.ecycle>div,.bnbox>div{overflow: hidden;}
.ecycle img{transform: scale(1.2) translateX(6%) translateY(5%)}
.ecycle p{font: normal 0.25rem/0.5rem "NOTOSANSJP-REGULAR";color: #000000;letter-spacing: 0.1vw;padding: 2% 0 10% 2%}
.ecycle p span{font: bold 0.2rem/0.3rem "NOTOSANSJP-REGULAR";}
.bnbox{position: relative;}
.bn_logo_m{position:absolute;top:22%; right:15%;width: 20%;}
.float_box p{color: #000000;font: normal 0.25rem/0.5rem "NOTOSANSJP-REGULAR";padding: 2% 0 0 2%}
.float_box p:nth-child(3){padding: 0 0 0 2%;}
.bg_w{padding: 7% 0;}
.bg_w ul{width:96%;margin: 0 auto;}
.bg_w ul li{width:24%;  height: 6rem;display: inline-block;overflow: hidden;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 0.28rem/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.f5{display: block;width: 60.294%;position: absolute;top:11%;right:7%;}
.bg_b img.f5_m{display: block;width: 100%;}
.bg_b p:nth-child(3),.bg_b p:nth-child(4){color:#eeeeee;position: absolute}
.bg_b p:nth-child(3){font: normal 0.2rem/0.2rem "NOTOSANSJP-MEDIUM";top: 32.5%;right: 64.7%;}
.bg_b p:nth-child(4){font: normal 0.8rem/1rem "Anton-Regular";top: 38.5%;right: 54.2%;}
.bg_b p:nth-child(6){font: bold 0.3rem/0.5rem "NOTOSANSJP-MEDIUM";top: 78%;right: 60%;letter-spacing: 0.5vw;color: #000000;text-align: center;padding-top: 1%;}
.bg_b p:nth-child(7){font: normal 0.25rem/0.5rem "NOTOSANSJP-MEDIUM";top: 78%;right: 19.5%;color: #000000;text-align: center;padding-bottom: 5%}
.bg_g img.f5{display: block;width: 47.294%;position: absolute;top:12%;right:19%;}
.bg_g p:nth-child(3){font: normal 0.2rem/0.2rem "NOTOSANSJP-MEDIUM";top: 28%;right: 63.3%;color:#eeeeee;position: absolute;}
.bg_g p:nth-child(4){font: normal 0.8rem/1rem "Anton-Regular";top: 33.5%;right: 59.8%;color:#eeeeee;position: absolute;}
.bg_g p:nth-child(5){font: bold 0.4rem/0.7rem "NOTOSANSJP-MEDIUM";top: 73%;right: 53.5%;letter-spacing: 0.4vw;color: #000000;text-align: center;padding-top: 1%;}
.bg_g p:nth-child(6){font: normal 0.25rem/0.5rem "NOTOSANSJP-MEDIUM";top: 73.2%;right: 3.5%;padding-left: 0.3rem;color: #000000;text-align: center;padding-bottom: 5%;}
.bg_g img.f_bg1_m{width: 100%;}
.bic{position: relative;}
.bic_m{width: 100%;}

   .topBtn{ position: fixed; right: .1rem; bottom: 1rem; width: 1.83rem; z-index: 999;}
    .topBtn img{ width: 100%;}
.d_mb{width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    align-items: center;
    justify-content: center;
    display: flex;
	flex-direction:column;z-index:999;
    background: rgba(0, 0, 0, 0.3);
}
.d_mb>div>a>img{width:250px;height:auto;}.s_close{position: absolute; right: 5px; top: 5px;}
.dmb_phre{position:relative;}
.d_mbimg1{margin-right:25px;}
.d_mbclseph{box-shadow:rgb(0 0 0 / 30%) 2px 2px 5px;
width: 32px;
    height: 32px;
    background: #fff;display:block;
   position:absolute;
   top:-20px;right:-20px;
    border-radius: 20px;
    text-align: center;cursor:pointer;
    padding: 4px;}
.d_mbpcnone{display:block;}
.d_mbpcblock{display:none;}
.d_mbclse{display:none;}

.bic .desc{font:normal 0.25rem/0.5rem "NOTOSANSJP-MEDIUM";  color:#000000; padding:2% 2% 5% 2%; box-sizing: border-box; letter-spacing: 0.1vw;}
.ban_box1{position: relative;overflow: hidden; height: 100%;}
.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(1); }
.ban_box1 .swiper2 .swiper-slide-active,.swiper-slide-duplicate-active{/* width: 40% !important; */ transform: scale(2); 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 2%;}
.area1 .mv1 img{width: 60%;display: inline-block;margin-right: 1%}
.area1 .mv1_desc{display: inline-block;vertical-align: top;width: 35%;border-bottom: 1px solid #bbbbbb;padding-bottom: 1%}
.area1 .mv1_desc h1{font:normal 0.5rem/0.6rem "Anton-Regular";}
.area1 .mv1_desc p:nth-child(2){font:bold 0.3rem/0.3rem "NOTOSANSJP-MEDIUM";margin-top: 2%;letter-spacing: 0.2vw;}
.area1 .mv1_desc p:nth-child(3){font:normal 0.18rem/0.25rem "NOTOSANSJP-MEDIUM";color: #333333;margin-top: 5%;letter-spacing: 0.1vw;}
.area1 .mv2{margin:9% 0 0 3%;}
.area1 .mv2 img{width: 62%;display: inline-block;vertical-align: top;margin-left: 2%}
.area1 .mv2_desc{display: inline-block;vertical-align: top;width: 35%;padding-bottom: 3%;border-bottom: 1px solid #eeeeee;}
.area1 .mv2_desc h1{font:normal 0.5rem/0.6rem "Anton-Regular";color: #ffffff;}
.area1 .mv2_desc p:nth-child(2){font:bold 0.3rem/0.5rem "NOTOSANSJP-MEDIUM";margin-top: 2%;letter-spacing: 0.4vw;color: #ffffff;}
.area1 .mv2_desc p:nth-child(3){font:bold 0.3rem/0.35rem "NOTOSANSJP-MEDIUM";letter-spacing: 0.4vw;color: #ffffff;margin-bottom: 5%;}
.area1 .mv2_desc p:nth-child(3) span{color: #ffffff !important;}
.area1 .mv2_desc p:nth-child(4),.area1 .mv2_desc p:nth-child(5){font:normal 0.18rem/0.25rem "NOTOSANSJP-MEDIUM";letter-spacing: 0.1vw;color: #eeeeee;}
.area2 {width:100%; background-image: url("../images/RICH_CITI/mv_area2.png");background-repeat: no-repeat;background-size: 166%;background-position: -2.5rem 16.8rem;}
.area2 .mv3 img{width: 94%;margin: .3rem auto ;display: block}
.area2 .mv3 .mv3_desc,.area2 .mv4 .mv4_desc{ width: 94%; margin: 0 auto;}
.area2 .mv3 .mv3_desc p:nth-child(1){font:bold 0.4rem/0.7rem "NOTOSANSJP-MEDIUM";color: #000000;}
.area2 .mv3 .mv3_desc p:nth-child(2),.area2 .mv4 .mv4_desc p:nth-child(3){font:normal 0.25rem/0.5rem "NOTOSANSJP-MEDIUM";color: #333333;}
.area2 .mv4{margin: 9% 0 9% 0; position: relative; padding:.3rem 0 2.2rem; background-color: #d3d3d3;}
.area2 .mv4 img{width: 94%;;display: block; margin: 0.3rem auto 2.5rem auto;}
.area2 .mv4.mv4s img{width: 94%;;display: block; margin: 0.3rem auto 1rem auto;}
.area2 .mv4 .mv4_desc{ position: absolute; left: 3%; bottom: .3rem; width: 94%;}
.area2 .mv4 .mv4_desc p:nth-child(1),.area2 .mv4 .mv4_desc p:nth-child(2){font:bold 0.4rem/0.7rem"NOTOSANSJP-MEDIUM";color: #000000;margin-bottom: 0.5vw;}
.area2 .mv4 .mv4_desc p:nth-child(3){margin-top: 0.3rem;}
.mv3.mv5 .mv3_desc p:nth-child(1){font:bold 0.4rem/0.8rem "NOTOSANSJP-MEDIUM";color: #000000;margin-bottom: 4%;}
.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: 94%;border-radius: 5px;}
.bike_improve .bi .bi_pic:hover img{transform: scale(1.1);}
.bike_improve>h1{font:normal 0.25rem/0.25rem "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: 96%;text-align:left;box-sizing: border-box;}
.bike_improve .bi:nth-child(3),.bike_improve .bi:nth-child(5){display: flex;flex-direction: column;padding-left: 3%;}
.bike_improve .bi:nth-child(3) .bi_desc,.bike_improve .bi:nth-child(5) .bi_desc{order: 2;}
.bike_improve .bi:nth-child(3) .bi_pic,.bike_improve .bi:nth-child(5) .bi_pic{order: 1;}
.bike_improve .bi .bi_desc h1{font:normal 0.5rem/0.8rem "Anton-Regular";color: #ffffff;margin-bottom: 2%;}
.bike_improve .bi .bi_desc:nth-child(2n-1){padding-right: 3%;padding-left: 0;}
.bike_improve .bi .bi_desc h2{font:bold 0.44rem/0.7rem "NOTOSANSJP-MEDIUM";color: #ffffff;margin-bottom: 2%;}
.bike_improve .bi .bi_desc p{font:normal 0.25rem/0.6rem "NOTOSANSJP-MEDIUM";color: #eeeeee;}
.adv{position: relative}
.adv>img{width: 100%;display: block;}
.adv .adv_desc{position: absolute;width: 64%;height: 88%;background: url("../images/RICH_CITI/adv_bg.png");top: 5.5%;right:2%;transition: all .3s ease-out;}
.adv .adv_desc img{display:block;margin: 2% auto 2% auto;width: 28%;}
.adv .adv_desc p{font:normal 0.25rem/0.4rem "NOTOSANSJP-MEDIUM";color: #ffffff;padding:0 2%}
.adv .adv_desc:hover{background-color: #666666;}
.blink{text-align: center;padding-bottom: 12%;}
.blink h2{font:normal 0.4rem/0.5rem"NOTOSANSJP-MEDIUM";margin: 8% 0 4% 0;}
.blink ul li{display: inline-block;width: 90%;transition: all .5s ease-out;position: relative}
.blink ul li:nth-child(2){margin: 0 3%;}
.blink ul li img{display: block;width: 100%;}
.blink ul li p{width:100%;font:normal 0.25rem/0.3rem "NOTOSANSJP-REGULAR";;margin:3% 0 2% 0;color: #ffffff;position: absolute;bottom:0;text-align: center;}

.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: 45%;}
.mv5 .mv5_desc{display: inline-block;vertical-align: top;width: 45%;}
.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:bold 0.3rem/0.4rem "NOTOSANSJP-MEDIUM";color: #ffffff;letter-spacing: 0.4vw;}
.mv5 .mv5_desc p{font:normal 0.2rem/0.3rem"NOTOSANSJP-REGULAR";color: #ffffff;letter-spacing: 0.17vw;}
.mv6{margin-top: 3%}
.mv6>div{display: inline-block;vertical-align: top;width: 45%;}
.mv6>div:nth-child(1){margin-right: 2%;}
.mv6 p{font:normal 0.2rem/0.3rem "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 0.4rem/0.5rem "NOTOSANSJP-MEDIUM";color: #ffffff;font-weight: bold;padding: 0 0.1rem;}
.map p{font:normal 0.2rem/0.35rem"NOTOSANSJP-MEDIUM";color: #ffffff;letter-spacing: 0.1vw;margin-top: 2%;padding: 0 0.1rem;}
.map>img{width: 98%;display: block;margin: 2% auto;}
.bike_parameter{background-color: #111111;overflow: hidden;}
.bike_parameter .par_pic {width: 94%;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 0.3rem/0.4rem "NOTOSANSJP-MEDIUM";color: #ffffff;text-align: center}
.bike_parameter ul{width: 96%;margin: 0 auto;}
.bike_parameter ul li{width: 100%;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.2rem/0.4rem "NOTOSANSJP-MEDIUM";color: #ffffff;width: 30%;}
.bike_parameter ul li span:nth-child(2){font:normal 0.2rem/0.4rem "NOTOSANSJP-MEDIUM";color: #ffffff;}
.clb{clear: both;width: 94%;margin:3% auto 5% auto;font:normal 0.2rem/0.3rem "NOTOSANSJP-MEDIUM";color: #ffffff;}
.law{padding: 6% 5%;box-sizing: border-box;background-color: #f2f2f2}
.law h3{font:normal 0.3rem/0.3rem "NOTOSANSJP-MEDIUM";text-align: center;letter-spacing: 0.2vw;color: #333333;}
.law p{font:normal 0.2rem/0.35rem "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 0.2rem/0.35rem "NOTOSANSJP-MEDIUM";letter-spacing: 0.16vw;color: #333333;margin: 3% 0 0 0;}
.section02{padding: 7% 2%;box-sizing: border-box;position: relative}
.section02 .mySwiper{overflow: hidden;margin-top: -5%;}
.section02 .mySwiper .swiper-slide{width: 100%; padding-bottom: .5rem;}
.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 span{ position: absolute; left: 0; bottom: 0; width: 100%; text-align: center; color: #000; font:normal .3rem/.52rem "NOTOSANSJP-MEDIUM";letter-spacing: 0.16vw;} 
.section02 .mySwiper .swiper-slide.swiper-slide-next{ transition-duration: 0ms; transform: translate3d(0px, 0px, -80px) rotateX(0deg) rotateY(0deg) scale(.8) translateX(0) !important;}
.section02 .mySwiper .swiper-slide.swiper-slide-prev{ transition-duration: 0ms; transform: translate3d(0px, 0px, -80px) rotateX(0deg) rotateY(0deg) scale(.8) translateX(0) !important;}
.section02 .title h2{font:normal 1.1rem/1rem "Anton-Regular";color:#a8a8a8;text-align: center;}