@charset "utf-8";  #wrap { min-width:1390px; }
 .inner { width:100%; max-width:1340px; }
 #container { position:relative;}
 #container > div { clear:both; position:relative; }
  .main_vis { background: url("/images/foreign/main/main_bg_2024.jpg?build_20250704001") no-repeat center 0; height:842px; }
 .main_vis > .inner { padding-top:225px; }
 .main_vis .vis_title { background:url("/images/foreign/main/main_sp.png?build_20250704001") no-repeat 0px -216px; width:799px; height:113px; margin:0 auto; display:block; text-indent:-99999px; }
 .greeting_box { position:absolute; left:50%; bottom:0; margin-left:-600px; }
 .greeting_box .mayor_img { background: url("/images/foreign/main/mayor_2022_1.png?build_20250704001") no-repeat 0 0; width:230px; height:293px; display:block; position:absolute; left:42px; bottom:0; }
 .greeting_box .mayor_txt{font-size:28px; width:500px; color:#ffc300;text-shadow: 2px 2px 2px #0e0e0e; position:absolute;left: 259px;top: -27px;}
 .greeting_box .cont { padding:0 0 5px 195px; }
 .greeting_box .cont_txt { padding:0px 20px; }
 .greeting_box .cont_txt h4 { background:url("/images/foreign/main/main_sp.png?build_20250704001") no-repeat -1px -359px; width:137px; height:28px; display:block; text-indent:-99999px; }
 .greeting_box .cont_txt p { margin-top:7px; font-size:19px; line-height:27px; color:#fff; text-shadow:2px 2px 3px #000; }
 .greeting_box .cont_txt .go_sns { position:absolute; right:50px; bottom:135px; }
 .greeting_box .cont_txt .go_sns a { background:rgba(0,0,0,0.4); width:45px; height:45px; border:2px solid #fff; border-radius:50px; text-align: center; display:inline-block; line-height:39px; }
 .greeting_box .cont_txt .go_sns a:hover { background-color:#255da9; border:2px solid #2a548e; transition:ease-in-out 0.5s; }
 .greeting_box .cont_txt .go_sns span { background:url("/images/foreign/main/main_sp.png?build_20250704001") no-repeat -86px -22px; width:13px; height:23px; display:inline-block; text-indent:-99999px; vertical-align:middle; }
 .greeting_box .cont_btn { width:100%; margin-top:20px; display:inline-block; }
 .greeting_box .cont_btn ul li { float:left; }
 .greeting_box .cont_btn ul li a { width:274px; height:60px; line-height:60px; display:block; font-size:17px; color:#fff; text-align:center; }
 .greeting_box .cont_btn ul li a:hover{background-color: #ffd33a; color: #000; transition:ease-in-out 0.5s; }
 .greeting_box .cont_btn ul .btn01 { background-color:#2a548e; }
 .greeting_box .cont_btn ul .btn02 { background-color:#2a8d86; }
 .greeting_box .cont_btn ul .btn03 { background-color:#2a548e; }
  .main_vis .vis_title_wbt { background:url("/images/foreign/main/main_sp_220701.png?build_20250704001") no-repeat 40px -208px; width:799px; height:125px; margin:0 auto; display:block; text-indent:-99999px; }
 .wbt_greeting_box { position:absolute; left:50%; bottom:0; margin-left:-612px; }
 .wbt_greeting_box .cont { padding:0 0 50px 235px; }
 .wbt_greeting_box .cont_btn { width:100%; margin-top:20px; display:inline-block; }
 .wbt_greeting_box .cont_btn ul li { float:left; }
 .wbt_greeting_box .cont_btn ul li a { width:250px; height:60px; line-height:60px; display:block; font-size:17px; color:#fff; text-align:center; }
 .wbt_greeting_box .cont_btn ul li a:hover{background-color: #ffd33a; color: #000; transition:ease-in-out 0.5s; }
 .wbt_greeting_box .cont_btn ul .btn01 { background-color:#2a548e; }
 .wbt_greeting_box .cont_btn ul .btn02 { background-color:#2a8d86; }
 .wbt_greeting_box .cont_btn ul .btn03 { background-color:#2a548e; }
 .weather { position:absolute; top:95px; right:50%; margin-right:-670px; }
 .weather .w_txt { float:left; margin-right:15px; }
 .weather .w_txt p { margin-top:7px; font-size:18px; color:#fff; text-align:right; }
 .weather .w_icon { float:right; }
 .weather .w_icon .icon { background:url("/images/foreign/main/main_sp.png?build_20250704001") no-repeat 0px 0px; display:block; text-indent:-99999px; height: 65px;}
 .weather .w_icon .none {width: 80px; background-position: -523px 0;}
 .weather .w_icon .sunny {width: 66px; background-position: -642px 0;}
 .weather .w_icon .rainy {width: 56px; background-position: -746px 0;}
 .weather .w_icon .cloudy {width: 96px; background-position: -840px 0;}
 .weather .w_icon .sunnycloudy {width: 81px; background-position: -974px 0;}
 .weather .w_icon .snow {width: 78px; background-position: -1095px 0;}
 .weather .w_icon .night {width: 89px; background-position: -1211px 0;}
 .btn_scroll { position:absolute; right:50%; bottom:50px; margin-right:-670px; animation:mouseDown .5s ease infinite alternate-reverse; }
 .btn_scroll a { background:url("/images/foreign/main/main_sp.png?build_20250704001") no-repeat 0px -3px; width:44px; height:65px; display:block; text-indent:-99999px; }
 @keyframes mouseDown { from{bottom:50px}
 to{bottom:60px}
 }
  .naju_info { height:813px; }
 .naju_info .gray_bg { background-color:#ebebeb; width:100%; height:455px; z-index:-1; position:absolute; left:0px; bottom:0px; }
 .naju_info .info_box { padding-top:75px; }
 .naju_info .info_box > div { float:left; width:420px; height:395px; margin-left:40px; }
 .naju_info .info_box > div:first-child { margin-left:0px; }
 .invest {}
 .invest h4 { font-size:26px; font-weight:400; }
 .invest h4::after { content:''; width:223px; height:2px; background-color:#000; margin:23px 0; display:block; }
 .invest p { font-size:16px; color:#636363; letter-spacing:0.1px; line-height:25px; }
 .invest .mat20 { margin-top:18px; }
 .invest p .more { margin-left:5px; }
 .invest p .more a { font-size:16px; color:#c83233; font-weight:400; }
 .invest p .more a:hover { text-decoration:underline;}
 .invest p .more a .icon { background:url("/images/foreign/main/main_sp.png?build_20250704001") no-repeat -151px -29px; width:6px; height:10px; margin-left:5px; display:inline-block; }
 .invest .complex { margin-top:28px; display:block; }
 .invest .complex a { background-color:#2a8d86; width:317px; height:58px; line-height:58px; display:block; color:#fff; text-align:center; }
 .invest .complex a:hover , .invest .program a:hover { background-color:#353535; transition:ease-in-out 0.5s; }
 .invest .program { margin-top:10px; display:block; }
 .invest .program a { background-color:#2a548e; width:389px; height:58px; line-height:58px; display:block; color:#fff; padding-left:30px; }
 .cultural ul li a { background-color:#2e3851; width:210px; height:58px; line-height:56px; color:#fff; font-size:17px; text-align:center; display:inline-block; float:left; box-sizing:border-box; }
 .cultural ul li a:hover { background-color:#ffd33a; color:#000; transition:ease-in-out 0.5s; }
 .cultural ul li:first-child a { border-right:1px solid #646c7e; }
 .cultural ul li:last-child a { width:420px; border-top: 1px solid #646c7e; }
 .about ul li a { background-color:#c83233; width:210px; height:58px; line-height:56px; color:#fff; font-size:17px; text-align:center; display:inline-block; float:left; box-sizing:border-box; }
 .about ul li a:hover { background-color:#ffd33a; color:#000; transition:ease-in-out 0.5s; }
 .about ul li:first-child a { border-right:1px solid #d66768; }
 .about ul li:last-child a { width:420px; border-top: 1px solid #d66768; }
 .icon_link { width:100%; margin-top:73px; display:inline-block; }
 .icon_link ul li { width:16.6%; padding:0 40px; float:left; display:block; box-sizing:border-box; }
 .icon_link ul li a { width:100%; height:100%; display:block; }
 .icon_link ul li a .icon { background: #fff url("/images/foreign/main/main_sp.png?build_20250704001") no-repeat 0px 0px; width:132px; height:132px; margin:0 auto; border-radius:132px; display:block; }
 .icon_link ul .i01 a .icon { background-position:37px -73px; }
 .icon_link ul .i02 a .icon { background-position:-174px -73px; }
 .icon_link ul .i03 a .icon { background-position:-385px -71px; }
 .icon_link ul .i04 a .icon { background-position:-600px -73px; }
 .icon_link ul .i05 a .icon { background-position:-809px -71px; }
 .icon_link ul .i06 a .icon { background-position:-1022px -71px; }
 .icon_link ul li a:hover .icon { transition:ease-in-out 0.5s; transform:rotateY(180deg); }
 .icon_link ul li a .txt { margin-top:20px; font-size:17px; color:#0b0b0b; text-align:center; display:block; }
 .icon_link ul li a:hover .txt { font-weight:bold; letter-spacing: -1px; }
  .tourism { background-color:#2e3851; height:647px; }
 .tourism > .inner { padding-top:85px; }
 .tourism h4 { background: url("/images/foreign/main/main_sp.png?build_20250704001") no-repeat -187px -354px; width:267px; height:28px; margin:0 auto; display:block; text-indent:-99999px; }
 .tourism .tab_box { position:relative; width:100%; height:420px; margin-top:40px; }
 .tourism .tab_box .items { float:left; }
 .tourism .tab_box a.tab_btn { background-color:#157bbd; width:228px; height:45px; line-height:45px; font-size:17px; color:#fff; text-align:center; border-radius:45px; position:absolute; top:0px; left:50%; margin-left:-114px; }
 .tourism .tab_box a.tab_btn:hover { background-color:#c83233; transition:ease-in-out 0.5s; }
 .tourism .tab_box .recommend a.tab_btn { margin-left:-360px; }
 .tourism .tab_box .taste a.tab_btn { margin-left:134px; }
 .tourism .tab_box a.on { background-color:#c83233; }
 .tourism .tab_box .t_list { margin-top:80px; }
 .tourism .tab_box .t_list li { float:left; margin-left:40px; }
 .tourism .tab_box .t_list li:first-child { margin-left:0px; }
 .tourism .tab_box .t_list li a { width:420px; height:320px; display:block; }
 .tourism .tab_box .t_list li a .img { width:420px; height:269px; overflow:hidden; display:block; }
 .tourism .tab_box .t_list li a .img img { transition: ease-in-out 0.5s; transform: scale(1,1); }
 .tourism .tab_box .t_list li a:hover .img img { transform: scale(1.1,1.1); }
 .tourism .tab_box .t_list li a .txt { background-color:#fff; height:52px; line-height:52px; text-align:center; font-size:17px; display:block; }
 .tourism .tab_box .t_list li a:hover .txt { background-color:#ffd33a; transition:ease-in-out 0.5s; }
  .jp .main_vis .vis_title { background-position:0px -419px; width:417px; height:144px; }
 .jp .greeting_box .cont_txt h4 { background-position:-1px -591px; width:94px; height:33px; }
 .jp .invest .complex a , .ch .invest .complex a { font-size:21px; width:222px; }
 .jp .invest .program a , .ch .invest .program a{ font-size:21px; padding-left:0px; text-align:center; width:420px; }
 .jp .tourism h4 { background-position:-154px -589px; width:302px; height:40px; }
 .jp .greeting_box .cont_btn ul li a , .ch .greeting_box .cont_btn ul li a { font-size:19px; }
 .jp .icon_link ul li a .txt, .ch .icon_link ul li a .txt { font-size:18px; }
 .jp .tourism .tab_box .t_list li a .txt, .ch .tourism .tab_box .t_list li a .txt { font-size:19px; }
 .jp .invest h4 , .ch .invest h4 { font-size:33px; }
 .jp .invest h4::after, .ch .invest h4::after { width:103px; }
  .jp .main_vis .vis_title_wbt { background-position:0 -424px; width:500px; height:140px; }
 .jp .wbt_greeting_box .cont_btn ul li a , .ch .wbt_greeting_box .cont_btn ul li a { font-size:19px; }
  .ch .main_vis .vis_title { background-position:-566px -419px; width:427px; height:135px; }
 .ch .greeting_box .cont_txt h4 { background-position:-564px -591px; width:66px; height:33px; }
 .ch .tourism h4 { background-position:-669px -587px; width:177px; height:42px; }
  .ch .main_vis .vis_title_wbt { background-position:-602px -416px; width:435px; height:140px; }