@charset "utf-8"; html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, select, input, textarea, button{ font-weight: 300; letter-spacing:0.1px; }
 .inner{width:100%; margin:0 auto; max-width: 1400px;}
 #wrap{min-width:1400px; position:relative; letter-spacing: -0.5px; }
 #wrap_hide{display: none; position: absolute; top: 149px; left: 0; z-index: 100; width: 100%; height: 100%; background: #000; opacity: 0.7;}
 .inner { position:relative; width:1400px; margin:0 auto;}
  #header { position:absolute; z-index:10; width:100%; padding-top:36px; }
 #header h1 { position:absolute; width:185px; height:40px;}
 .gnb_box { width:65%; margin:0 0 0 220px;}
 .gnb_box .gnb .gnbA{position: relative; float: left; width:20%;}
 .gnb_box .gnb .gnbA > a{position: relative; display: block; text-align: center; padding: 13px 0; font-size:20px; transition: ease-in-out 0.3s; color: #fff;}
 .gnb_box .gnb .gnbA.on > a, .gnb_box .gnb .gnbA > a:hover{color: #ffef6a;}
 .gnb_box .gnb .gnb_wrap{position: absolute; top: 62px; left: 50%; transform: translateX(-50%); z-index: 52; background-color: #fff; border: 2px solid #282828; display: none;}
 .gnb_box .gnb .gnb_wrap.open{z-index: 53;}
 .gnb_box .gnb .gnb_wrap:before{content: ''; position: absolute; top: 0; left: 50%; width: 18px; height: 7px; background: url("/images/subsite_common/layout_sp.png?build_20251101001") no-repeat -25px -447px; margin-left: -9px; transition: ease-in-out 0.2s; z-index: -1;}
 .gnb_box .gnb .gnb_wrap.complete:before{top: -9px;}
 .gnb_box .gnb .gnb_wrap .gnbB { min-width:250px;}
 .gnb_box .gnb .gnb_wrap .gnbB > li{position: relative; border-bottom: 1px solid #dbdbdb;}
 .gnb_box .gnb .gnb_wrap .gnbB > li:last-child{border-bottom: 0;}
 .gnb_box .gnb .gnb_wrap .gnbB > li > a{position: relative; display: block; padding: 14px 60px 14px 20px; font-size: 16px; color: #212121; min-width: 100px; background-color: #fff; }
 .gnb_box .gnb .gnb_wrap .gnbB > li.on > a, .gnb_box .gnb .gnb_wrap .gnbB > li > a:hover, .gnb_box .gnb .gnb_wrap .gnbB > li.open > a{background-color: #02994a; color: #fff;}
 .gnb_box .gnb .gnb_wrap .gnbB > li.accordion > a:before{content: ''; position: absolute; top: 50%; right: 20px; width: 7px; height: 10px; background: url("/images/subsite_common/layout_sp.png?build_20251101001") no-repeat -69px -447px; margin-top: -5px;}
 .gnb_box .gnb .gnb_wrap .gnbB > li.accordion.on > a:before, .gnb_box .gnb .gnb_wrap .gnbB > li.accordion > a:hover:before, .gnb .gnb_wrap .gnbB > li.accordion.open > a:before{background-position: -52px -447px;}
 .gnb_box .gnb .gnb_wrap .gnbC{position: absolute; right: 0; top: -2px; background-color: #fff; border: 2px solid #384f56; transform: translateX(100%);padding: 13px 0; display: none; z-index: 1; }
 .gnb_box .gnb .gnb_wrap .gnbC > li{}
 .gnb_box .gnb .gnb_wrap .gnbC > li > a{display: block; font-size: 15px; color: #212121; line-height: 20px; padding:6px 33px; background: url("/images/subsite_common/layout_sp.png?build_20251101001") no-repeat -175px -462px;}
 .gnb_box .gnb .gnb_wrap .gnbC > li.on > a, .gnb_box .gnb .gnb_wrap .gnbC > li > a:hover{color: #323232; background-color:#ffe16c;}
 .dark_base{position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,0.5); z-index: 10; display: none;}
 .gnb_box .gnb span.newicon{display: inline-block; width: 16px; height: 18px; text-indent: -99999px; background: url("/images/subsite_common/layout_sp.png?build_20251101001") no-repeat -54px -475px; vertical-align: middle; margin-left: 4px;}
 .right_util { width:225px; position:absolute; right:0; }
 .right_util > div { float:left;}
 .right_util .sitemap { margin-right:30px; margin-top:14px;}
 .right_util .sitemap a { display:block; background: url("/images/foreign/common/sitemap.png?build_20251101001") no-repeat 0 0; text-indent:-99999px; width:37px; height:27px;}
 .right_util .lang_wrap { position:relative;}
 .right_util .lang_wrap > a { display:block; width:158px; background-color:#ffef6a; height:50px; border-radius:50px; line-height:50px; padding-left:25px; box-sizing:border-box; font-size:15px;}
 .right_util .lang_wrap > a .icon { display:block; text-indent:-99999px; width:18px; height:11px; background: url("/images/foreign/main/main_sp.png?build_20251101001") no-repeat; float:right; margin:20px 20px 0 0;}
 .right_util .lang_wrap > a .icon.open { background-position:-22px -23px;}
 .right_util .lang_wrap > a .icon.close { background-position:-55px -23px;}
 .right_util .lang_wrap .lang_box { position:absolute; left:0; background-color:#fff; width:100%; border-radius:15px; top:52px; box-sizing:border-box; padding:10px 20px; }
 .right_util .lang_wrap .lang_box ul li { border-top:1px solid #eaeaea;}
 .right_util .lang_wrap .lang_box ul li:first-child { border-top:none;}
 .right_util .lang_wrap .lang_box ul li a { display:block; line-height:33px; padding-left:10px;}
 .right_util .lang_wrap .lang_box ul li a:hover { color:#c83232;}
 .right_util .lang_wrap .lang_box ul li.on a { color:#c83232;}
 #container{position: relative; z-index: 1; }
  #footer {clear: both; margin-top: 70px; padding-top:40px; position:relative; z-index:3; background-color:#30446b; height:140px; color:#fff; box-sizing:border-box;}
 #footer .gotop{ position: absolute; top:-84px; right: 0; display: block; width: 89px; height: 89px; background:url("/images/subsite_common/layout_sp.png?build_20251101001") 0 -263px no-repeat; transition: ease-in-out 0.3s; text-indent: -9999px;}
 #footer .gotop:hover{ background-position: -101px -263px}
 #footer .logo { float:left; background: url("/images/foreign/main/main_sp.png?build_20251101001") no-repeat ; text-indent:-99999px; margin-right:30px;}
 #footer address { padding-top:8px;}
 #footer address span { display:block; font-size:16px;}
  .sub_vis {height: 315px; width: 100%;}
 .sub_vis.life { background:url("/images/foreign/sub/sub_vis_life.jpg?build_20251101001") center top no-repeat;}
 .sub_vis.tour { background:url("/images/foreign/sub/sub_vis_life.jpg?build_20251101001") center top no-repeat;}
 .sub_vis.local { background:url("/images/foreign/sub/sub_vis_local.jpg?build_20251101001") center top no-repeat;}
 .sub_vis.industry { background:url("/images/foreign/sub/sub_vis_industry.jpg?build_20251101001") center top no-repeat;}
 .sub_vis.intro { background:url("/images/foreign/sub/sub_vis_intro.jpg?build_20251101001") center top no-repeat;}
 .sub_vis.support { background:url("/images/foreign/sub/sub_vis_life.jpg?build_20251101001") center top no-repeat;}
 .sub_vis .sub_navi{ position: absolute; top:145px; left:0; width:100%; text-align:center;}
 .sub_vis .sub_navi h3{ color:#fff; font-size:33px; height: 40px; line-height:39px; overflow: hidden}
 .sub_vis #path{margin:13px 0; color:#fff; }
 .sub_vis #path a{position: relative; display: inline-block; color: #fff; font-size: 17px; vertical-align: middle;}
 .sub_vis #path a.home{width: 20px; height: 20px; background: url("/images/subsite_common/sub_sp.png?build_20251101001") no-repeat 0 2px; text-indent: -99999px; margin-left: 3px; padding: 0;}
 .sub_inner{margin-top: 40px;}
 .sub_inner > div{position: relative; float: left;}
 .sub_inner #left{width: 255px; margin-right: -310px; z-index: 2;}
 .sub_inner #left .title_box{background-color: #02994a; color: #fff; display: table; font-size: 29px; line-height: 32px; width: 100%; text-align: center; height: 140px;}
 .sub_inner #left .title_box .title{display: table-cell; vertical-align: middle; line-height:35px; padding: 0 27px;}
 .sub_inner #left #SubMenu{padding-bottom: 100px;}
 #SubMenu .snb .snbA > a{position: relative; display: block; padding: 18px 40px 18px 20px; font-size: 17px; color: #171717; background-color: #fff; transition: ease-in-out 0.3s; border-bottom: 1px solid #dfdfdf;}
 #SubMenu .snb .snbA.now > a, #SubMenu .snb .snbA.on > a, #SubMenu .snb .snbA > a:hover{background-color: #046fd9; color: #fff; padding: 18px 41px 18px 21px;}
 #SubMenu .snb .snbA > a span.more{position: absolute; display: block; top: 23px; right: 22px; width: 15px; height: 10px; text-indent: -99999px; background: url("/images/subsite_common/sub_sp.png?build_20251101001") no-repeat 0 -40px; }
 #SubMenu .snb .snbA.on > a span.more, #SubMenu .snb .snbA > a:hover span.more{background: url("/images/subsite_common/sub_sp.png?build_20251101001") no-repeat -35px -40px;}
 /* #SubMenu .snb .snbA > a span.more:before{content: ''; position: absolute; top: 50%; left: 50%; width: 12px; height: 2px; background-color: #858585; margin: -1px 0 0 -6px; transition: ease-in-out 0.3s;}
 #SubMenu .snb .snbA > a span.more:after{content: ''; position: absolute; top: 50%; left: 50%; width: 2px; height: 12px; background-color: #858585; margin: -6px 0 0 -1px; transition: ease-in-out 0.3s;}
*/ #SubMenu .snb .snbA > a span.more.close:after{content: none;}
 #SubMenu .snb .snbA.now > a span.more:before, #SubMenu .snb .snbA.now > a span.more:after, #SubMenu .snb .snbA.on > a span.more:before, #SubMenu .snb .snbA.on > a span.more:after, #SubMenu .snb .snbA > a:hover span.more:before, #SubMenu .snb .snbA > a:hover span.more:after{background-color: #fff;}
 #SubMenu .snb .snbA .snbB{display: none; padding: 20px 12px; border-bottom: 1px solid #dfdfdf}
 #SubMenu .snb .snbA.now .snbB{display: block;}
 /* #SubMenu .snb .snbA .snbB > li > a{position: relative; display: block; color: #505050;background: url("/images/subsite_common/sub_sp.png?build_20251101001") no-repeat -115px -43px; padding-left: 12px; height: 30px; line-height: 30px;}
 */ #SubMenu .snb .snbA .snbB > li > a{position: relative;display: block;color: #505050;background: url("/images/subsite_common/sub_sp.png?build_20251101001") no-repeat -115px -39px;padding: 5px 0 5px 12px;line-height: 22px;}
 #SubMenu .snb .snbA .snbB > li > a:hover, #SubMenu .snb .snbA .snbB > li.now > a{background: url("/images/subsite_common/sub_sp.png?build_20251101001") no-repeat -111px 10px; margin-left: -4px; padding-left: 16px;}
 /*#SubMenu .snb .snbA .snbB > li > a:before{content: ''; position: absolute; top: 11px; left: 0; width: 4px; height: 4px; background-color: #555555;}
*/ #SubMenu .snb .snbA .snbB > li.now > a, #SubMenu .snb .snbA .snbB > li.on > a, #SubMenu .snb .snbA .snbB > li > a:hover{color: #046fd9; }
 .sub_inner #right{position: relative; padding-left:310px; z-index: 1; width: 100%; box-sizing: border-box;}
 #right .cont_titlebox{position: relative; padding-top: 49px; padding-right: 180px; padding-bottom: 30px; border-bottom: 1px solid #cdcdcd; margin-bottom: 40px;}
 #right .cont_titlebox h3{display: block; font-size: 30px; line-height: 34px; color: #171717;}
 #right .cont_titlebox .tool_box{position: absolute; top: 42px; right: 0;}
  #content .sitemap {display: block;float: left;margin: 0 0 30px;padding: 0;width: 100%;}
 #content .sitemap h3 { margin-bottom:5px; margin-top: 0 !important; padding: 5px 0 15px 0 !important;font-size: 25px;text-align: left;color: #2a548e;background: none;}
 #content .sitemap .sitemap_list { border:1px solid #e6e6e6; box-sizing:border-box; background-color:#f9f9f9; border-radius:10px; padding-top:29px; display:inline-block; width:100%;}
 #content .sitemap .sitemap_list > ul > li > a { display:block; background-color:#ffe16c; font-weight:300; color:#262626; padding:14px 27px; font-size:18px; border-radius:7px; }
 #content .sitemap .sitemap_list > ul > li:hover > a { background-color:#046fd9; color:#fff; transition: ease-in-out 0.28s;}
 #content .sitemap > ul { margin: 0 0 27px; padding: 0; border:1px solid #dee4e3}
 #content .sitemap ul { margin-bottom:0; display:inline-block; width:100%;}
 #content .sitemap ul li { margin-left:3.3%; width:45.3%; float:left; background-color:#fff; margin-bottom:20px; border-radius:7px; border:none; box-sizing:border-box;}
 #content .sitemap > ul > li > a { color: #0c4da2; font-size: 15px; font-weight:400; padding:0 0 0 11px;}
 #content .sitemap ul li ul { margin-top:15px;}
 #content .sitemap ul li ul li { margin:0 0 0 4px; border: medium none;display: inline-block;float: left; width:380px; line-height: 130% !important; padding: 0 0 0 20px;text-align: justify}
 #content .sitemap ul li ul li:last-child { margin-bottom:15px;}
 #content .sitemap ul li ul li a { font-weight:300; font-size:16px; display:block; padding:5px 0; color:#4f4f4f;}
 #content .sitemap ul li ul li a:hover{text-decoration: underline;}
 #content .sitemap ul li ul li ul { border:dashed 1px #ddd; background-color:#f7f7f7; width:409px; border-radius:7px; padding:15px 20px 6px 16px; margin-bottom:15px; margin-top:10px !important;}
 #content .sitemap ul li ul li ul li { background: url("/images/common/sub/basic_ul_bl.png?build_20251101001") no-repeat 5px 8px; padding-left:15px; margin:2px 0 2px 0;}
 #content .sitemap ul li ul li ul li a { padding:1.5px 0; width:360px; color:#4f6780; font-size: 15px; font-weight:300}
 #content .sitemap ul li ul li ul li ul { width:197px; background-color:#fff; padding:13px 16px 3px 16px; margin:10px 0 15px -13px;}
 #content .sitemap ul li ul li ul li ul li {background:url("/images/common/sub/basic_ul_ul_bl.png?build_20251101001") no-repeat 0px 7px;width: 90%; padding-left:11px;}
 #content .sitemap ul li ul li ul li ul li a { color: #646464; font-size: 14px; width:100%;}
 #content{margin-bottom: 90px;}
  .selectric-wrapper {position: relative; cursor: pointer;}
 .selectric {position: relative; overflow: hidden; }
 .selectric-label {display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: 0 24px 0 0; line-height: 29px; color: #000; height: 29px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
 .selectric-open {z-index: 9999;}
 .selectric-open .selectric {border-color: #d4d4d4;}
 .selectric-open .selectric-items {display: block; width: 120px; top: 100%; height: auto !important;}
 .selectric-disabled {filter: alpha(opacity=50); opacity: 0.5; cursor: default; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
 .selectric-hide-select {position: relative; overflow: hidden; width: 0; height: 0; display: none;}
 .selectric-hide-select select {position: absolute; left: -100%; top: -99999%; display: none;}
 .selectric-hide-select.selectric-is-native {position: absolute; width: 100%; height: 100%; z-index: 10;}
 .selectric-hide-select.selectric-is-native select {position: absolute; top: 0; left: 0; right: 0; height: 100%; width: 100%; border: none; z-index: 1; box-sizing: border-box; opacity: 0;}
 .selectric-input {position: absolute !important; top: 0 !important; left: 0 !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; margin: 0 !important; padding: 0 !important; width: 1px !important; height: 1px !important; outline: none !important; border: none !important; *font: 0/0 a !important; background: none !important; display: none;}
 .selectric-temp-show {position: absolute !important; visibility: hidden !important; display: block !important;}
 .selectric-button{position: absolute; top: 0; right: 1px; width: 17px; height: 16px;}
  .selectric-items {display: none; position: absolute; z-index: -1; top: 100%; left: 0; background: #fdfdfd; border: 1px solid #d4d4d4; box-shadow: 0 0 10px -6px; font-size: 14px;}
 .selectric-items .selectric-scroll {height: 100%; overflow: auto;}
 .selectric-above .selectric-items {top: auto; bottom: 100%;}
 .selectric-items ul, .selectric-items li {list-style: none; padding: 0; margin: 0;}
 .selectric-items li {display: block; padding: 10px; color: #2f2f2f; cursor: pointer;}
 .selectric-items li.selected {background: #f0f0f0; color: #222222;}
 .selectric-items li.highlighted {background: #e4e4e4; color: #222222;}
 .selectric-items li:hover {background: #d7d7d7; color: #222222;}
 .selectric-items .disabled {filter: alpha(opacity=50); opacity: 0.5; cursor: default !important; background: none !important; color: #2f2f2f !important; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
 .selectric-items .selectric-group .selectric-group-label {font-weight: bold; padding-left: 10px; cursor: default; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background: none; color: #161616;}
 .selectric-items .selectric-group.disabled li {filter: alpha(opacity=100); opacity: 1;}
 .selectric-items .selectric-group li {padding-left: 25px;}
 iframe[aria-hidden="true"]{display: none;}
  .gnb_box .gnbB > li > a.newwin .newicon{display: inline-block; width: 16px; height: 15px; background: url("/images/common/newicon_sp.png?build_20251101001") no-repeat -159px 0; text-indent: -99999px; vertical-align: middle; margin:1px 0 0 8px;}
 .gnb_box .gnbB > li > a.newwin:hover .newicon, .gnb_box .gnbB > li > a.newwin:focus .newicon{background-position: -26px 0;}
 .gnb_box .gnb .gnb_wrap .gnbC > li > a.newwin .newicon{display: inline-block; width: 16px; height: 15px; background: url("/images/common/newicon_sp.png?build_20251101001") no-repeat -159px 0; text-indent: -99999px; vertical-align: middle; margin:1px 0 0 8px;}
 .gnb_box .gnb .gnb_wrap .gnbC > li > a.newwin:hover .newicon, .gnb_box .gnb .gnb_wrap .gnbC > li > a.newwin:focus .newicon{background-position: -79.5px 0;}
 #SubMenu .snb .snbA > a.newwin .newicon{display: inline-block; width: 16px; height: 15px; background: url("/images/common/newicon_sp.png?build_20251101001") no-repeat -159px 0; text-indent: -99999px; vertical-align: middle; margin:1px 0 0 8px;}
 #SubMenu .snb .snbA > a.newwin:hover .newicon, #SubMenu .snb .snbA > a.newwin:focus .newicon{background-position: -26px 0;}
 #SubMenu .snb .snbA .snbB > li > a.newwin .newicon{display: inline-block; width: 16px; height: 15px; background: url("/images/common/newicon_sp.png?build_20251101001") no-repeat -159px 0; text-indent: -99999px; vertical-align: middle; margin:1px 0 0 8px;}
 #SubMenu .snb .snbA .snbB > li > a.newwin:hover .newicon, #SubMenu .snb .snbA .snbB > li > a.newwin:focus .newicon{background-position: -79.5px 0;}
 .section.depth4 > li > a.newwin .newicon{display: inline-block; width: 16px; height: 15px; background: url("/images/common/newicon_sp.png?build_20251101001") no-repeat -159px 0; text-indent: -99999px; vertical-align: middle; margin:1px 0 0 8px;}
 .section.depth4 > li > a.newwin:hover .newicon, .section.depth4 > li > a.newwin:focus .newicon{background-position: -26px 0;}