@media screen and (max-width: 920px){
  #header{display: none;}
  #header_mobile{display: block; }
  
#spot.main .veiwport{height: 434px;}
#spot.main .veiwport li .img{ width: 1200px;  margin-left: -600px;   }
#spot.main .veiwport .cont .txt{ width: 370px; left: 53.2%; top: 26%; color: #fff; }
#spot.main .veiwport .cont .txt .t1{ display: none;}

#spot.main .veiwport .m2 .cont .txt{ width: 39%; left: 21%; top: 36%; }
#spot.main .veiwport .m3 .cont .txt{ width: 31%; left: 27%; top: 35%; }
#spot.main .veiwport .m4 .cont .txt{ width: 37%; left: 45%; top: 18%;}
#spot.main .veiwport .cont .txt .info{ margin-top: 17px;}
#spot.main .main_notice{display: none;}

#spot.main  .pageing{ width: 200px; height: 0;  position: absolute; right: 50%; top: 100%;margin-top: -30px; margin-right: -100px; text-align: center;}

#spot.main  .pageing button{margin-top: 0; margin:0 5px;}
.main_notice_mobile{display: block;}

.banner_main{ overflow: hidden; }
.banner_main > .inner{position: relative; width: 135%;}

#footer{background-color: #525458;}
#footer .inner{border-top: 0; padding-top: 20px; padding-bottom:20px; }
#footer .info,#footer .logo.mobile{ display: block; top: 20px; }
#footer .logo.pc{ display: none; }
#footer .bnb{ padding-left: 0; margin-bottom: 10px; }
#footer .bnb > ul li{float: left; padding-left: 18px; margin-right: 18px; background: url(../images/footer/bg_dot2.gif) 0 50% no-repeat;}
#footer .bnb > ul li:first-child{padding-left: 0; background: none;}
#footer .bnb > ul li  a{font-size: 14px; color: #a8a8a8; }
#footer .copyright{position: static;  left: 0;  top: 0; color: #a8a8a8;   }

#spot.sub{height: 198px;}
#spot.sub .img{ width: 1500px;  margin-left: -750px;  }
#spot.sub .img.rgh{margin-left: -920px;  }
#container.sub > .container_inner > .snb {display: none;} 
#container.sub > .container_inner > .article{ padding-left: 0; border-width:0; min-height: 350px; margin-left: 0;  }
#container.sub > .container_inner > .article > .path .rtit{display: none;}



}/* //920px */





@media screen and (max-width: 768px){
 #spot.main .veiwport{height: 328px;}
 #spot.main .veiwport li .img{ width: 900px;  margin-left: -450px;   }
 #spot.main .veiwport .cont .txt{ top: 20%; }
 #spot.main .veiwport .cont .txt .h1{ font-size: 24px; line-height: 26px; margin-bottom: 5px; }

#spot.main .veiwport .m2 .cont .txt{ width: 39%; left: 28%; top: 28%; }
#spot.main .veiwport .m3 .cont .txt{ width: 31%; left: 29%; top: 27%; }
#spot.main .veiwport .m4 .cont .txt{ width: 37%; left: 46%; top: 14%;}
}/* //768px */








@media screen and (max-width: 690px){
  #services_area .fc_point{margin-bottom: 10px;}
  #services_area .box .lst_dot{ float: none; width: auto;  }
  #services_area .box .bannerType1.n5{ float: none; width: 100%; margin-top: 40px; }
  #services_area .box .bannerType1.n5 .big img{ width: 100%;}
  #services_area .box .graph_tourism{float: none; margin-top: 30px; width: auto;  text-align: center;  }

  #services_area .box .lst_hori.correspondent > ul > li{width: auto; float: none; margin-bottom: 20px;}
  #services_area .box .lst_hori.correspondent > ul > li img{width: 100%;}

  #services_area .box .lst_dot.assistance{float: none; width: auto;}
  #services_area .box .img_assistance{float: none; width: auto; text-align: center; margin-bottom: 40px; }
  #services_area .box .img_assistance img{width: 100%;}
  #services_area .box .lst_dot.interpretation{float: none; width: auto;}
  #services_area .box .img_interpretation{float: none; width: auto; text-align: center; margin-bottom: 40px; }
  #services_area .box .img_interpretation img{width: 100%;}


#offices_area .map{float: none; width: 80%; margin-bottom: 60px;  margin-left: auto;margin-right: auto;}
  #offices_area .map img{width: 100%;}
  #offices_area .cont{float: none; width: auto;  }


 }