@charset "utf-8"; #wrap{min-width: 1610px;}
 #container > div{clear: both; position: relative;}
 #container a {transition: ease-in-out 0.3s;}
 .main_vis { height:737px; width:100%; position:relative; padding-bottom:86px;}
 .main_vis ul.vis_list { height: 737px;}
 .main_vis ul.vis_list li {height:738px; width:100%; text-indent:9999px;}
 .main_vis ul.vis_list li.vis01 {background: url("/images/mayor_new/main/new_vis_img1.jpg?build_20251127001") no-repeat center top;}
 .main_vis ul.vis_list li.vis02 {background: url("/images/mayor_new/main/new_vis_img2.jpg?build_20251127001") no-repeat center top;}
 .main_vis ul.vis_list li.vis03 {background: url("/images/mayor_new/main/new_vis_img3.jpg?build_20251127001") no-repeat center top;}
 .main_vis .vis_cont { width: 100%;}
 .main_vis .vis_cont:before { content:""; display:block; position:absolute; background-color:rgba(0,0,0,.5); height:170px; width:100%; bottom:86px; }
 .main_vis .vis_cont .vis_txt { position:absolute; top:120px; left:50%; margin-left:-205px; background: url("/images/mayor_new/main/main_sp_new.png?build_20251127001") no-repeat -17px -16px; width:410px; height:185px; text-indent:-999999px; }
 .main_vis .vis_cont .mayor_img { position:absolute; z-index:6; background: url("/images/mayor_new/main/mayor_img.png?build_20251127001") no-repeat 0 0; width:756px; height:672px; top:152px; text-indent:-999999px;}
 .main_vis .vis_cont .inner { position:absolute; width:1400px; bottom:150px; left:50%; margin-left:-700px;}
 .main_vis .vis_cont .vis_link { float:right; display:inline-block; position:relative; z-index:8; }
 .main_vis .vis_cont .vis_link li { float:left; background-color:#009ad9; width:186px; height:181px; margin-left:27px; box-shadow:3px 2px 10px rgb(0 0 0 / 40%); border-radius:15px; transition:ease-in-out 0.3s;}
 .main_vis .vis_cont .vis_link li.pro_business { background-color:#209b80;}
 .main_vis .vis_cont .vis_link li:hover {box-shadow:3px 2px 10px rgb(0 0 0 / 70%);}
 .main_vis .vis_cont .vis_link li a { position:relative; display:block; color:#fff; text-align:center; font-size:18px; padding-top:23px; box-sizing:border-box; z-index:2; width:163px; height:158px; border:2px solid rgba(255,255,255,.2); border-radius:10px; margin:11px 11px; background-color:#009ad9; }
 .main_vis .vis_cont .vis_link li a:hover { border-color:#009ad9;}
 .main_vis .vis_cont .vis_link li.pro_business a { background-color:#209b80;}
 .main_vis .vis_cont .vis_link li.pro_business a:hover { border-color:#1e8c74;}
 .main_vis .vis_cont .vis_link li:hover { background-color:#0a8dc2; }
 .main_vis .vis_cont .vis_link li.pro_business:hover { background-color:#039068;}
 .main_vis .vis_cont .vis_link li a:before { content:""; display:block; position:absolute; z-index:1; top:9px; left:9px; }
 .main_vis .vis_cont .vis_link li a span.ico { display:block; height:69px; margin:0 auto 18px;}
 .main_vis .vis_cont .vis_link li.vision a span.ico { background: url("/images/mayor_new/main/main_sp_new.png?build_20251127001") no-repeat -50px -233px; width:69px;}
 .main_vis .vis_cont .vis_link li.pro_business a span.ico { background: url("/images/mayor_new/main/main_sp_new.png?build_20251127001") no-repeat -151px -233px; width:69px;}
 .main_vis .vis_cont .vis_link li.future a span.ico { background: url("/images/mayor_new/main/main_sp_new.png?build_20251127001") no-repeat -257px -233px; width:72px;}
  .main_vis > .bx-wrapper > .bx-controls { width:100%; position:absolute; top:280px; left:0; height:90px; z-index:7;}
 .main_vis > .bx-wrapper > .bx-controls a { display:block; width:90px; height:90px; text-indent:-99999px; position:absolute;}
 .main_vis > .bx-wrapper > .bx-controls a:hover { background-color:rgba(0,0,0,.5);}
 .main_vis > .bx-wrapper > .bx-controls a:after { content:""; display:block; width:29px; height:49px; margin:0 auto; background: url("/images/mayor_new/main/main_sp_new.png?build_20251127001") no-repeat;}
 .main_vis > .bx-wrapper > .bx-controls a.bx-prev { left:0;}
 .main_vis > .bx-wrapper > .bx-controls a.bx-next { right:0;}
 .main_vis > .bx-wrapper > .bx-controls a.bx-prev:after { background-position:-477px -40px;}
 .main_vis > .bx-wrapper > .bx-controls a.bx-next:after { background-position:-557px -40px;}
  .schedule { margin-top:10px; position:relative; margin-bottom:60px;}
 .schedule h3 { font-size:30px; margin-bottom:30px; color:#242424; position:absolute;}
 .schedule h3 span.date { display:block; color:#515151; color:#515151; font-size:20px; margin-bottom:15px;}
 .schedule > .bx-wrapper { background-color:#fff; border-radius:15px; height:68px; overflow:hidden;}
 .schedule > .bx-wrapper ul li { width:85%; margin:0 auto; color:#616161; line-height:68px; padding-left:250px;}
 .schedule > .bx-wrapper ul li a { font-size:19px; line-height:68px; height:68px; width:55%; display:block; text-overflow:ellipsis; overflow:hidden; white-space: nowrap; }
 .schedule > .bx-wrapper ul li:before { content:""; display:block; float:left; background-color:#3b3b3b; width:6px; height:6px; border-radius:3px; margin:31px 7px 0 22px;}
 .schedule > .bx-wrapper ul li a span.time { margin-right:8px;}
  .schedule > .bx-wrapper > .bx-controls > .bx-controls-direction { position:absolute; top:6px; right:338px; width:122px; }
 .schedule > .bx-wrapper > .bx-controls > .bx-controls-direction > a { border:2px solid #a1a1a1; display:block; width:52px; height:52px; float:left; text-indent:-99999px; transition:none !important; position:relative; }
 .schedule > .bx-wrapper > .bx-controls > .bx-controls-direction > a:hover {border-color:#818181;}
 .schedule > .bx-wrapper > .bx-controls > .bx-controls-direction > a.bx-next {margin-left:10px;}
 .schedule > .bx-wrapper > .bx-controls > .bx-controls-direction > a:after { content:""; display:block; position:absolute; left:50%; top:50%; width:18px; height:9px; margin:-4.5px 0 0 -9px; background: url("/images/mayor_new/main/main_sp_new.png?build_20251127001") no-repeat;}
 .schedule > .bx-wrapper > .bx-controls > .bx-controls-direction > a.bx-prev:after { background-position:-469px -132px;}
 .schedule > .bx-wrapper > .bx-controls > .bx-controls-direction > a.bx-next:after { background-position:-593px -132px; }
  .schedule .more { display:block; position:absolute; top:6px; right:272px; }
 .schedule .more a { display:block; text-indent:-99999px; border:2px solid #a1a1a1; width:52px; height:52px; position:relative;}
 .schedule .more a:hover { border-color:#818181;}
 .schedule .more a:after { content:""; display:block; position:absolute; left:50%; top:50%; width:14px; height:14px; margin:-7px 0 0 -7px; background: url("/images/mayor_new/main/main_sp_new.png?build_20251127001") -533px -129px no-repeat;}
 .practice_mayor.inner{ width:1460px; max-width:1460px;}
 .practice_sns { float:left;}
 .practice { background-color:#ededed; width:710px; height:487px; overflow:hidden; position:relative; z-index:5; box-shadow:3px -2px 15px rgb(0 0 0 / 30%); }
 .practice ul { position:relative; z-index:5;}
 .practice li { float:left;}
 .practice li img { position:relative; z-index:5;}
 .practice li .info { display:block; position:absolute; z-index:6; color:#fff; top:55px; left:55px;}
 .practice li .info .txt { font-size:17px; margin-bottom:21px; margin-top:20px; display: block; letter-spacing:0.1px;}
 .practice li .info span.tit { font-size:28px; line-height:62px;}
 .practice li .info span.tit em {font-style: italic;}
 .practice li .info a { clear:both; display:block; color:#fff; border:2px solid rgba(255,255,255,.2); border-radius:10px; text-align:center; font-size:19px; margin-top:23px; width:240px; padding:21px 0; letter-spacing:0.1px;}
 .practice li .info a:hover { border:2px solid rgba(255,255,255,.7); background-color:rgba(0,0,0,.2);}
 .practice li .info a span { display:block; float:left;}
 .practice li.practice1 .info a {display: inline-block; padding:24px 35px; width:210px;}
 .practice li.practice1 .info span.txt { font-size:21px; margin-top:0;}
 .practice li.practice1 .info span.tit .point { display:block; float:left; width:188px; height:58px; background: url("/images/mayor_new/main/main_sp_new.png?build_20251127001") -33px -530px no-repeat; text-indent:-999999px; margin-right:10px;}
 .practice li.practice1 .info a span.hj { float:left; background: url("/images/mayor_new/main/main_sp_new.png?build_20251127001") -262px -550px no-repeat; width:30px; height:19px; margin:2px 5px 0 2px;}
 .practice li.practice2 .info span.tit .point { display: inline-block; width:73px; height:66px; background: url("/images/mayor_new/main/main_sp_new.png?build_20251127001") -29px -598px no-repeat; text-indent:-999999px; margin:0 6px 0 9px;}
 .practice li.practice2 .info span.txt { font-size:18px;}
 .practice li.practice3 .info span.tit .point { display: inline-block; width:78px; height:61px; background: url("/images/mayor_new/main/main_sp_new.png?build_20251127001") -120px -598px no-repeat; text-indent:-999999px; margin:0 6px 0 9px;}
 .practice li.practice4 .info span.tit .point { display: inline-block; width:84px; height:66px; background: url("/images/mayor_new/main/main_sp_new.png?build_20251127001") -214px -598px no-repeat; text-indent:-999999px; margin:0 6px 0 0;}
 .practice li.practice5 .info .txt { margin-top:15px;}
 .practice li.practice5 .info span.tit .point { display: inline-block; width:81px; height:51px; background: url("/images/mayor_new/main/main_sp_new.png?build_20251127001") -330px -598px no-repeat; text-indent:-999999px; margin:0 6px 0 9px;}
 .practice li.practice6 .info span.tit .point { display: inline-block; width:115px; height:67px; background: url("/images/mayor_new/main/main_sp_new.png?build_20251127001") -432px -598px no-repeat; text-indent:-999999px; margin:0 6px 0 0;}
 .practice .pager_box { position:absolute; color:#fff; z-index:7; bottom:45px; left:55px;}
 .practice .pager_box span { color:#fff;}
 .practice .control { position:absolute; z-index:7; right:45px; bottom:40px; }
 .practice .control a { display:block; width:50px; height:50px; background-color:rgba(0,0,0,.5); float:left; margin-left:10px; position:relative; text-indent:-999999px; }
 .practice .control a:hover {background-color:rgba(0,0,0,.8);}
 .practice .control a:after { content:""; display:block; width:18px; height:9px; position:absolute; left:50%; height:50%; margin:-9px 0 0 -4.5px; background: url("/images/mayor_new/main/main_sp_new.png?build_20251127001") no-repeat;}
 .practice .control a.prev:after { background-position:-477px -176px;}
 .practice .control a.stop:after { background-position:-639px -176px; width:11px; margin-left:-5.5px;}
 .practice .control a.next:after { background-position:-594px -176px;}
 .practice .control a.start:after { background-position:-535px -176px; width:10px; margin-left:-5px;}
 .mayor_sns { margin-top:53px; margin-left:32px; position:relative; margin-bottom:75px;}
 .mayor_sns h3 { position:absolute; font-size:30px; top:23px;}
 .mayor_sns h3 span { display:block; float:right; text-indent:-999999px; background: url("/images/mayor_new/main/main_sp_new.png?build_20251127001") -50px -371px no-repeat; width:71px; height:27px; margin:-2px 0 0 5px; }
 .mayor_sns ul { padding-left:185px; display:inline-block;}
 .mayor_sns ul li { float:left; margin-left:23px;}
 .mayor_sns ul li a { display:block; width:70px; height:70px; text-indent:-999999px; border-radius:35px; position:relative;}
 .mayor_sns ul li a:hover { margin-top:-5px;}
 .mayor_sns ul li.blog a { background-color:#00bc50;}
 .mayor_sns ul li.instgram a { background: url("/images/mayor_new/main/main_sp_new.png?build_20251127001") -534px -350px no-repeat;}
 .mayor_sns ul li.facebook a { background-color:#3287d2;}
 .mayor_sns ul li.youtube a { background-color:#d63b3b;}
 .mayor_sns ul li a:after { content:""; display:block; position:absolute; left:50%; top:50%; background: url("/images/mayor_new/main/main_sp_new.png?build_20251127001") no-repeat;}
 .mayor_sns ul li.blog a:after { width:46px; height:20px; margin:-10px 0 0 -23px; background-position:-166px -375px;}
 .mayor_sns ul li.instgram a:after { width:28px; height:28px; margin:-14px 0 0 -14px; background-position:-268px -371px;}
 .mayor_sns ul li.facebook a:after { width:15px; height:28px; margin:-14px 0 0 -7.5px; background-position:-367px -371px;}
 .mayor_sns ul li.youtube a:after { width:18px; height:24px; margin:-12px 0 0 -9px; background-position:-459px -373px;}
 .mayor_c { float:left; background: linear-gradient(135deg, #039068, #037cad); width:802px; height:528px; margin-left:-52px; margin-top:50px; position:relative; box-sizing:border-box; padding:63px 0 0 100px;}
 .mayor_c:after { content:""; display:block; position:absolute; background: url("/images/mayor_new/main/mayor_img_c.png?build_20251127001") no-repeat; width:433px; height:603px; right:-39px; top:-75px; z-index:3;}
 .mayor_c .text { color:#fff; margin-bottom:35px;}
 .mayor_c .text > span { display:block;}
 .mayor_c .text .txt { font-size:21px; margin-bottom:24px;}
 .mayor_c .text .txt em { font-style:italic;}
 .mayor_c .text .tit { font-size:30px; margin-bottom:35px; height:47px;}
 .mayor_c .text .tit span { display:block; float:left; line-height:47px;}
 .mayor_c .text .tit span.name { width:128px; height:47px; background: url("/images/mayor_new/main/main_sp_new.png?build_20251127001") no-repeat -395px -243px; text-indent:-999999px; margin:0 10px;}
 .mayor_c a { color:#fff; font-size:17px; display:block; border:2px solid rgba(255,255,255,.2); border-radius:10px; box-sizing:border-box;}
 .mayor_c a:hover {border:2px solid rgba(255,255,255,.7);}
 .mayor_c .ys_hope { clear:both; margin-bottom:25px; width:359px;}
 .mayor_c .ys_hope a { padding:24px 88px; width:359px;}
 .mayor_c .ys_hope a .ico { display:block; float:left; width:47px; height:43px; background: url("/images/mayor_new/main/main_sp_new.png?build_20251127001") no-repeat -46px -446px; margin:-9px 10px 0 0;}
 .mayor_c h4 { font-size:19px; color:#fff; margin-bottom:20px; margin-top:30px; position:relative; margin-left:10px;}
 .mayor_c h4:after { content:""; display:block; height:2px; width:240px; position:absolute; top:11px; left:107px; background-color:rgba(255,255,255,.5);}
 .mayor_c .promise { position:relative; z-index:4;}
 .mayor_c .promise li { float:left; margin-left:10px;}
 .mayor_c .promise li:first-child { margin-left:0;}
 .mayor_c .promise li a { width:113px; height:117px; text-align:center;}
 .mayor_c .promise li a .ico { display:block; height:44px; background: url("/images/mayor_new/main/main_sp_new.png?build_20251127001") no-repeat; margin:20px auto 9px;}
 .mayor_c .promise li.proposal a .ico { width:50px; background-position:-132px -446px;}
 .mayor_c .promise li.question a .ico { width:44px; background-position:-222px -446px;}
 .mayor_c .promise li.poll a .ico { width:41px; background-position:-307px -446px}
 .pv_wrap { background-color:#e1ecf8; padding:15px 0 40px; margin-top:70px;}
 .photo_vidio { margin-top:70px; position:relative; margin-bottom:45px;}
 .photo_vidio h3 { font-size:40px; font-weight:300; float:left; line-height:64px; margin-bottom:45px;}
 .photo_vidio .photo_vidio_tab { float:right; margin-top:10px;}
 .photo_vidio .photo_vidio_tab li { float:left; width:150px; height:56px; text-align:center; margin-left:15px; }
 .photo_vidio .photo_vidio_tab li a { display:block; font-size:20px; color:#fff; line-height:56px; background-color:#838386; text-align:center; border-radius:32px; }
 .photo_vidio .photo_vidio_tab li a:hover { background-color:#646469;}
 .photo_vidio .photo_vidio_tab li.on a { color:#fff; background-color:#046fd9; }
 .photo_vidio .photo_vidio_tab li.on a span { display:block; text-indent:-99999px; height:0; width:0;}
 .photo_vidio .photo_vidio_list { clear:both; width:100%; display:inline-block; margin-bottom:54px; overflow:hidden;}
 .photo_vidio .photo_vidio_list li { float:left; width:326px!important; height:329px; margin-right:32px; position:relative;}
 .photo_vidio .photo_vidio_list li.no_img:after { content:""; display:block; width:326px; height:224px; background: url("/images/mayor_new/main/noimg.jpg?build_20251127001") no-repeat;}
 .photo_vidio .photo_vidio_list li:first-child { margin-left:0;}
 .photo_vidio .photo_vidio_list li a { display:block; position:relative;}
 .photo_vidio .photo_vidio_list li span { display:block;}
 .photo_vidio .photo_vidio_list li.no_img span img { display:block; margin-bottom:20px; position:relative; width:326px; height:224px; background-color:#efefef;}
 .photo_vidio .photo_vidio_list li span.img { display:block; margin-bottom:20px; position:relative; width:326px; height:224px; }
 .photo_vidio .photo_vidio_list li span.date { margin-bottom:5px; font-size:16px; color:#606060; margin-top:25px;}
 .photo_vidio .photo_vidio_list li span.tit { font-size:18px; word-break: keep-all; display:inline-block; line-height:23px; overflow:hidden; height:47px; text-overflow:ellipsis; width:80%;}
 .photo_vidio .photo_vidio_list li span.tit span.newicon { display: inline-block; text-indent:-99999px; width:23px; height:23px; background:url("/images/subsite_common/layout_sp.png?build_20251127001") -177px -46px no-repeat; margin-left:4px;}
 .photo_vidio .photo_vidio_list li span.img .ico { display:none;}
 .photo_vidio .photo_vidio_list li:hover a { margin-top:-5px;}
 .photo_vidio .photo_vidio_list li.video a:after { content:""; display:block; position:absolute; left:50%; top:80px; width:64px; height:64px; margin:0 0 0 -32px; background:url("/images/mayor_new/main/main_sp_new.png?build_20251127001") -534px -444px no-repeat; }
 .photo_vidio .control { position:absolute; top:195px; width:100%; }
 .photo_vidio .control a { position:absolute; display:block; float:left; width:70px; height:70px; border-radius:50px; background-color:#fff; text-indent:-99999px; border:2px solid #fff;}
 .photo_vidio .control a.prev { left:-7.5%;}
 .photo_vidio .control a.next { right:-7.5%;}
 .photo_vidio .control a:after { content:""; display:block; width:13px; height:23px; position:absolute; left:50%; margin:-11.5px 0 0 -6.5px; top:50%;}
 .photo_vidio .control a.prev:after { background: url("/images/mayor_new/main/main_sp_new.png?build_20251127001") no-repeat -577px -264px;}
 .photo_vidio .control a.next:after { background: url("/images/mayor_new/main/main_sp_new.png?build_20251127001") no-repeat -628px -264px;}
 .photo_vidio .control a:hover { border:2px solid #a1a1a1;}
 .photo_vidio .more { position:absolute; width:56px; top:10px; right:0; display:none; }
 .photo_vidio .more a { display:block; float:left; width:62px; height:62px; border-radius:50px; background-color:#afafaf; text-indent:-99999px; position:relative;}
 .photo_vidio .more a:after { content:""; display:block; background:url("/images/mayor/main/main_sp.png?build_20251127001") no-repeat -34px -164px; position:absolute; top:50%; left:50%; width:21px; height:21px; margin-top:-10.5px; margin-left:-10.5px;}
 .photo_vidio .more a:hover { background-color:#2f313d;}
 #footer { margin-top:0;}
 #footer .footer_top .gotop { z-index:5; top:29px;}