@charset "utf-8";
/*common*/
.wrapper { margin:0 auto; width:1100px;}

/*top*/
header { position:fixed; top:0; left:0; padding:20px 0; width:100%; border-bottom:1px solid #ddd; background:#fff; z-index:10000; }
header h1 { float:left; font-size:28px; font-weight:400; line-height:20px; }
header h1 span { display:block; font-size:15px; }
header h1 a { display:block; padding:13px 0 20px 63px; background:url('/foreign/img/logo.gif') no-repeat; }
header nav { float:left; }
header nav #lnb { margin-left:65px; padding:12px 0; }
header nav #lnb > li { float:left; margin-left:35px; }
header nav #lnb > li > a { font-size:18px; }
header #gnb { float:right; padding:12px 0; }
header #gnb > li { float:left; margin-left:20px; }
header #gnb > li.language { position:relative; }
header #gnb > li > a { display:block; padding-left:22px; color:#666; font-size:15px; line-height:22px; }
header #gnb > li.sitemap > a { background:url('/main/img/inc/gnb_allmenu.gif') no-repeat left 7px; }
header #gnb > li.language > a { padding-left:27px; background:url('/main/img/inc/gnb_lang.gif') no-repeat left 2px; }
header #gnb li.language>ul { position:absolute; right:0; display:none; margin-top:10px; border:1px solid #ddd; background:#fff; z-index:100;}
header #gnb li.language>ul>li {border-bottom:1px dotted #d8d8d8;}
header #gnb li.language>ul>li>a {display:block; padding:5px 15px 7px; font-size:14px;}
header #gnb li.language>ul>li.close {border-bottom:0;}
header #gnb li.language>ul>li.close>a {color:#fff; background:#333;}
header #sitemap { position:absolute; top:-500px; left:0; padding:20px 0 50px; width:100%; height:auto; border-bottom:1px solid #000; background:#fff; transition:all .8s ease; z-index:10000; }
header #sitemap.on { top:0; }
header #sitemap .tit { position:relative; float:left; padding-left:30px; font-size:27px; }
header #sitemap .tit:before { position:absolute; left:0; top:18px; width:24px; height:3px; background:#000; box-shadow:0 6px 0 #000, 0 -6px 0 #000; content:""; }
header #sitemap .close { position:absolute; left:50%; margin-left:-50px; bottom:0; }
header #sitemap .close a { display:block; text-align:center; padding:3px 0; width:100px; color:#fff; background:#000; }
header #sitemap .sitemapCon { float:left; overflow:hidden; margin-left:80px; padding:12px 0; }
header #sitemap .sitemapCon > li { float:left; margin-left:28px; }
header #sitemap .sitemapCon > li > a { font-size:18px; }
header #sitemap .sitemapCon > li > ul { margin-top:12px; }
header #sitemap .sitemapCon > li > ul li { position:relative; margin-top:7px; padding-left:7px; }
header #sitemap .sitemapCon > li > ul li:before { position:absolute; left:0; top:8px; width:5px; height:1px; background:#666; content:""; }
header #sitemap .sitemapCon > li > ul li a { color:#666; }

/*bottom*/
footer {position:relative; background:#252525; z-index:200;}
footer #footer { text-align:center; overflow:hidden; padding:50px 0; color:#fff; }
footer #footer address { font-size:16px; letter-spacing:0; }
footer #footer .txt { margin-top:5px; }
footer #footer .copy { margin-top:40px; }

.screenTop.on {bottom:20px; opacity:1; }
.screenTop {display:block; position:fixed; text-align:center; width:70px; height:70px; bottom:-80px; right:20px; border-radius:5px; background:#3b3e44; box-shadow:1px 1px 3px rgba(0,0,0,.2); opacity:0; transition:all .2s ease, opacity .5s ease; z-index:1000}
.screenTop span { position:relative; display:block; top:50%; color:#fff; font-size:16px; transform:translateY(-90%); }
.screenTop span:before { position:absolute; left:50%; top:100.5%; width:1px; height:15px; background:#fff; content:""; }

/*intro*/
#intro .slogan { position:relative; top:185px; text-align:center; }
#intro .next { position:relative; top:530px; margin:0 auto; width:85px; transition:all .3s ease; }
#intro .next a { display:block; overflow:hidden; height:85px; font-size:0; text-indent:-5000px; background:url('/foreign/img/go_contents.png') no-repeat; }
#intro .next:hover,
#intro .next:active { top:540px; }

/*contents*/
h3 { text-align:center; padding:30px 0 0; font-size:40px; font-weight:400; background:#fff; }
h3:after { display:block; margin:30px auto 0; height:1px; width:100%; max-width:1100px; background:#000; content:""; }
#contents > div > div:nth-child(2n) { background:#f2f2f2; }
#contents > div  div.wrapper { padding:30px 0; }
.wrapper>.para_line:first-child {padding-top:0; border-top:none;}
.wrapper>h4 {padding-left:40px; margin-top:60px; font-size:26px; line-height:1.5em; background:url('/img/bl.gif') no-repeat left 5px;}
.wrapper>h4+.para_line {border-top:none;}
.wrapper>h4+.bl04 {margin-top:30px;}
.tbox:before {display:block; content:""; position:absolute; left:-10px; top:-10px; right:-10px; bottom:-10px; background:url('/img/tbox_line.gif') repeat; z-index:-1;}
.tbox {position:relative; margin:10px; padding:35px; line-height:24px; background:#fff;}
.tbox>.bl04 {margin-left:0; margin-top:8px;}
.tbox+.bl04 {margin-top:30px !important;}
.sbox {margin-top:10px; padding:12px 18px; color:#555; font-size:0.9rem; background:#f2f2f2;}
.para_line {padding:30px 15px; border-top:1px dotted #d2d2d2;}
.bl02 {padding-left:26px; font-size:20px; font-weight:bold; line-height:1.5em; letter-spacing:-1px; background:url('/img/bl02.gif') no-repeat left 5px;}
.bl03 {margin-left:20px; margin-top:30px;}
.bl03 > p {position:relative; padding-left:17px; font-size:17px; font-weight:bold; letter-spacing:-1px;}
.bl03>p:before {display:block; content:""; position:absolute; left:0; top:7px; width:5px; height:5px; border:3px solid #4258c9;}
.bl04 {margin-left:20px; margin-top:20px;}
.bl04>li, p.bl04 {position:relative; padding-left:10px; margin-bottom:8px; line-height:24px;}
.bl04>li:before, p.bl04:before {display:block; content:""; position:absolute; left:0; top:10px; width:4px; height:4px; background:#666;}
.bl03>.bl04 {margin-left:10px; margin-top:15px;}
.bl05>li {position:relative; padding-left:10px; margin:5px 0;}
.bl05>li:before {display:block; content:""; position:absolute; left:0; top:12px; width:5px; height:1px; background:#666;}
.golink, .godown {display:inline-block; min-height:19px;}
.golink {padding-left:20px; margin-left:3px; margin-right:3px; background:url('/main/img/sub/golink.gif') left 3px no-repeat; text-decoration:underline !important;}
.godown {padding-left:20px; margin-left:3px; margin-right:3px; background:url('/main/img/sub/godown.gif') left 5px no-repeat; text-decoration:underline !important;}
.wrapper>.conbtnBox:first-child {margin-top:0; margin-bottom:50px;}
.conbtnBox {text-align:center; margin-top:50px;}
.tbox .conbtnBox {margin-top:30px;}
.conbtn {position:relative; overflow:hidden; display:inline-block; text-align:center; padding:15px 55px 15px 25px; color:#fff !important; background:#3b3e44; transition:.3s; z-index:1;}
.conbtn:after {content:''; position:absolute; top:50%; left:50%; width:0; height:100%; background-color:#6a48aa; opacity:0; transition:.3s; -webkit-transform:translateX(-50%) translateY(-50%); -moz-transform:translateX(-50%) translateY(-50%); -ms-transform:translateX(-50%) translateY(-50%); transform:translateX(-50%) translateY(-50%); z-index:-1;}
.conbtn:hover:after {width:100%; opacity:1;}
.conbtn:active:after {background-color:#5e31b3;}
.conbtn.down:before {content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:url('/main/img/sub/conbtn_down.gif') 82% 45% no-repeat; z-index:2;}
.conbtn.link {padding-right:65px;}
.conbtn.link:before {content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:url('/main/img/sub/conbtn_link.gif') 82% 45% no-repeat; z-index:2;}
.consbtn {display:inline-block; margin-top:5px; padding:2px 13px 4px 13px; font-size:14px; line-height:22px; border:1px solid #5a5a5a; border-radius:30px; background-color:#fff; background-repeat:no-repeat; transition:.3s;}
.consbtn:first-child {margin-top:0;}
.consbtn:hover {color:#fff; background-color:#5e31b2; border-color:#5e31b2; box-shadow:2px 4px 0 rgba(0,0,0,.2); text-decoration:none; transition:.3s;}
.consbtn.link {padding-left:30px; background-image:url('/main/img/sub/consbtn_link.gif'); background-position:15px 9px;}
.consbtn.link:hover {background-image:url('/main/img/sub/consbtn_link_on.gif');}
.consbtn.down {padding-left:30px; background-image:url('/main/img/sub/consbtn_down.gif'); background-position:13px 8px;}
.consbtn.down:hover {background-image:url('/main/img/sub/consbtn_down_on.gif');}
.conbtn.print {padding-right:65px;}
.conbtn.print:before {content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:url('/main/img/sub/conbtn_print.gif') right 30px top 13px no-repeat; z-index:2;}
.conbtnBox>a+a {margin-left:10px;}
.tableBox {margin-left:10px; margin-top:10px;}
.income {width:100%; margin:20px 10px; padding:5%; border:1px solid #ccc; background-color:#fdfdfd;}
.income p {vertical-align:middle; display:inline-block;}
.income p.caption {text-align:right; margin-left:40px;}
table.data {position:relative; width:100%; border-top:2px solid #000; border-spacing:0; border-collapse:collapse; word-break:break-all;}
table.data.fixed {table-layout:fixed;}
table.data.nothead {border-top:0;}
table.data.nothead tr:first-child th, table.data.nothead tr:first-child td {border-top:2px solid #000;}
table.data.fix {table-layout:fixed;}
table.data:before {display:block; content:""; position:absolute; left:0; top:-1px; width:1px; height:100%; background:#fff;}
table.data:after {display:block; content:""; position:absolute; left:0; bottom:0; width:100%; height:1px; background:#000;}
table.data th, table.data td {padding:10px 18px 12px; font-weight:300; color:#000; line-height:22px;}
table.data thead {border-bottom:1px solid #000;}
table.data thead th {font-size:16px; letter-spacing:-1px; line-height:25px; border-top:1px solid #000; border-left:1px solid #000; background:#f8f8f8;}
table.data tr:first-child th:first-child {border-left:none;}
table.data tbody th, table.data td {border-bottom:1px solid #d4d4d4; border-left:1px solid #d4d4d4; text-align:center;}
table.data tfoot th {border-left:1px solid #d4d4d4; text-align:center;}
table.data tfoot tr:last-child td {border-bottom:none;}
table.data td:last-child {border-right:0 !Important;}
table.data tbody tr th:first-child, table.data tfoot th:first-child {border-right:1px solid #d4d4d4; border-left:0;}
table.data tbody tr td:first-child {border-left:none; border-right:1px solid #d4d4d4;}
table.data .bdr_line {border-right:1px solid #d4d4d4;}
table.data tbody th, table.data tfoot th , table.data tfoot td {text-align:center; background-color:#f6f6f6;}
table.data .ssblet {margin-bottom:0; font-size:14px; font-weight:300; line-height:25px;}
table.data.overcolor tr:hover, table.data tr.point {background:#e9f1f8;}

/*submenu*/
.submenu { position:fixed; top:30%; right:-55px; transition:.4s; background:none !important; z-index:-1; }
.submenu.on { right:0; z-index:1000; }
.submenu  * {transition:.2s; }
.submenu li a { position:relative; display:block; color:#fff; }
.submenu li a span { display:block; overflow:hidden; padding:12px 18px; width:60px; font-size:16px; background:rgba(0,0,0,.5); opacity:0; white-space:nowrap; }
.submenu li a:before { position:absolute; left:10px; top:0; height:100%; width:3px; background:#ccc; content:""; }
.submenu li a:hover,.submenu li a:active { background:rgba(0,0,0,.75); }
.submenu li a.on span { background:#398edd; }
.submenu li a.on:before { left:8px; width:7px; background:#398edd; }
.submenu:hover li a span,.submenu:active li a span,.submenu li a:focus span { width:250px; opacity:1; }
.submenu:hover li a:before,.submenu:active li a:before,.submenu li a:focus:before { left:0px; }

/*about*/
#greeting .tit { position:relative; overflow:hidden; padding:60px 0 60px 145px; border-radius:0 0 140px 0; background:#294eac url('/foreign/img/greeting_bg.gif') no-repeat; z-index:0; }
#greeting .tit:before { position:absolute; right:0; bottom:0; width:100%; height:100%; background:url('/foreign/img/greeting_logo.png') no-repeat right bottom; content:""; z-index:-1; }
#greeting .tit p { color:#fff; font-size:30px; line-height:50px; letter-spacing:-1px; z-index:1; }
#greeting .tit p span { color:#45d5ff; }
#greeting .txt { position:relative; padding:20px 0 10px 145px; margin-bottom:20px; }
#greeting .txt p { margin-top:30px; font-size:17px; line-height:30px; padding-right:33%; }
#greeting .txt:before {position:absolute; right:-10%; bottom:0%; width:50%; height:100%; background:url('/headman/img/contents/greeting_photo2022.jpg') no-repeat; background-size:100% auto; content:""; transform:scaleX(-1); z-index:-1;}
#greeting > div > div:after { position:absolute; left:70px; top:0; width:4px; height:100%; background:#ffd200; content:""; }
#greeting .tit:after { top:100px; }

#history > div { overflow:hidden; }
#history .tit { position:relative; float:left; text-align:right; margin-top:20px; padding-bottom:400px; padding-top:30px; width:45%;border-top:3px solid #d3d2cf; box-sizing:border-box; background:url('/foreign/img/history.gif') 100% 67% no-repeat; }
#history .tit:before {content:''; position:absolute; right:0; top:-3px; width:75px; height:3px; border-right:30px solid #f2f2f2; background-color:#1055a8;}
#history .tit:after {content:'HISTORY'; position:absolute; right:20px; bottom:0; color:transparent; width:90%; max-width:336px; height:66px; background:url('/foreign/img/history_tit.gif') right 0 no-repeat; -webkit-background-size:100%; background-size:100%;}
#history .tit p {margin-right:30px; letter-spacing:0;}
#history .tit p:nth-child(1) {color:#333; font-size:55px; font-weight:500;}
#history .tit p:nth-child(2) {color:#1053a8; font-size:24px; font-weight:bold;}
#history .txt { position:relative; margin-left:48%; }
#history .txt:before { position:absolute; left:8px; top:12px; width:1px; height:100%; background:#819cd0; content:""; }
#history .txt > dl { position:relative; padding-top:75px; padding-left:85px; }
#history .txt > dl:first-child {padding-top:0; margin-top:5px;}
#history .txt > dl dt { position:relative; color:#1055a8; font-size:26px; font-weight:500; }
#history .txt > dl dt:before { content:''; position:absolute; left:-75px; top:50%; margin-top:-1px; width:60px; height:1px; background-color:#ddd; }
#history .txt > dl dt:after { content:''; position:absolute; left:-82px; top:50%; margin-top:-6px; width:11px; height:11px; border-radius:100%; background-color:#0f51a7; box-sizing:border-box; }
#history .txt > dl:nth-child(1) dt:after,
#history .txt > dl:nth-last-child(1) dt:after {left:-86px; margin-top:-10px; width:20px; height:20px; border:3px solid #376ac8; background-color:#fff; box-sizing:border-box;}
#history .txt > dl dd li { margin-left:5px; margin-top:15px; font-weight:400; }
#history .txt > dl dd li span { display:inline-block; margin-right:20px; letter-spacing:0; }

#symbol .box {padding:5%; border:1px solid #c2c2c2; background:url('/main/img/contents/logo_bg.gif') 0 0 repeat;}
#symbol .box+.box {margin-top:10px;}
#symbol .conbtnBox {text-align:right; margin-top:15px;}
#symbol .logo {overflow:hidden;}
#symbol .logo div dl {position:relative; margin-top:25px; padding-left:45px;}
#symbol .logo div dl:first-child {margin-top:0;}
#symbol .logo div dt {color:#0f54a8; font-size:16px; font-weight:bold;}
#symbol .logo div dd {position:relative; margin-top:2px; padding-left:10px; color:#555;}
#symbol .logo div dd:before {content:'-'; position:absolute; left:0;}
#symbol .slogan {overflow:hidden;}
#symbol .slogan .tit {float:left; text-align:center; margin-top:5%; padding:5px 10px; min-width:116px; color:#fff; font-size:18px; border-radius:30px; background-color:#1054a8;}
#symbol .slogan .img {text-align:center;}
#symbol .symbol { overflow:hidden; margin-top:20px; }
#symbol .symbol dl { float:left; margin:0 0.5%; width:24%; min-height:320px; border:1px solid #d4d4d4; }
#symbol .symbol dl dt p { text-align:center; margin:10px 10px; padding-bottom:10px; font-size:17px; font-weight:600; border-bottom:1px solid #e3e3e3; }
#symbol .symbol dl dd { padding:10px; }

#origin .accordion dt a { position:relative; display:block; overflow:hidden; padding:25px; color:#fff; font-size:18px; border-bottom:1px dashed #777; background:#3b3e44; transition:.3s; z-index:1; }
#origin .accordion dt a:after {content:''; position:absolute; top:50%; left:50%; width:0; height:100%; background-color:#6a48aa; opacity:0; transition:.3s; -webkit-transform:translateX(-50%) translateY(-50%); -moz-transform:translateX(-50%) translateY(-50%); -ms-transform:translateX(-50%) translateY(-50%); z-index:-1; }
#origin .accordion dt a:hover:after {width:100%; opacity:1;}
#origin .accordion dt a:active:after {background-color:#5e31b3;}
#origin .accordion dl:nth-child(2n) dt a { background:#393c42; }
#origin .accordion dl:last-child dt a { border-bottom:0; }
#origin .accordion dl.show dt a { background:#6a48aa; border-bottom:0 }
#origin .accordion dt a:before { content:""; position:absolute; top:50%; right:25px; margin-top:-10px; width:39px; height:20px; background:url('/foreign/img/acco_open.gif') no-repeat; z-index:2; }
#origin .accordion dl.show dt a:before { margin-top:-12px; height:23px; background:url('/foreign/img/acco_close.gif') no-repeat; }
#origin .accordion dd { padding:35px 25px; border:1px solid #6a48aa; background:#fff; }

#basic .local {overflow:hidden; margin-top:20px;}
#basic .local li {float:left; text-align:center; margin:.5%; padding:150px 3.5% 40px 3.5%; width:24%; min-height:232px;}
#basic .local li.local01 {border:1px solid #d2d4aa; background:#f1f2d9 url('/main/img/contents/basic_local01.gif') center 45px no-repeat;}
#basic .local li.local02 {border:1px solid #97d0d5; background:#d9f0f2 url('/main/img/contents/basic_local02.gif') center 45px no-repeat;}
#basic .local li.local03 {border:1px solid #add59a; background:#e1f2d9 url('/main/img/contents/basic_local03.gif') center 45px no-repeat;}
#basic .local li.local04 {border:1px solid #ccafa6; background:#f2dfd9 url('/main/img/contents/basic_local04.gif') center 45px no-repeat;}
#basic .area {overflow:hidden; margin-left:30px; margin-top:15px;}
#basic .area li {float:left; text-align:center; margin-left:.5%; padding:100px 5px 25px 5px;}
#basic .area li strong {font-size:20px;}
#basic .area li span {display:block; color:#777; font-weight:500;}
#basic .area li.area01 {width:45.5%; border:1px solid #add59a; background:#e1f2d9 url('/main/img/contents/basic_area01.gif') center 30px no-repeat;}
#basic .area li.area02 {width:18%; border:1px solid #ccafa6; background:#f2dfd9 url('/main/img/contents/basic_area02.gif') center 30px no-repeat;}
#basic .area li.area03 {width:13%; border:1px solid #d2d4aa; background:#f1f2d9 url('/main/img/contents/basic_area03.gif') center 30px no-repeat;}
#basic .area li.area04 {width:11%; border:1px solid #97d0d5; background:#d9f0f2 url('/main/img/contents/basic_area04.gif') center 30px no-repeat;}
#basic .area li.area05 {width:10%; border:1px solid #ccc; background:#f0f0f0 url('/main/img/contents/basic_area05.gif') center 30px no-repeat;}
#basic .income {text-align:center; margin:20px 10px; padding:5%; border:1px solid #ccc; background-color:#fdfdfd;}
#basic .income.graph ul { position:relative; margin:0 auto; width:100%; max-width:751px; height:317px; background:url('/foreign/img/basic_graph.gif') no-repeat; }
#basic .income.graph ul li { position:absolute; bottom:6px; width:113px; border-radius:4px 4px 0 0; }
#basic .income.graph ul li:nth-child(1) { right:50%; margin-right:6%; height:64.3%; background:#4e76e8; }
#basic .income.graph ul li:nth-child(2) { left:50%; margin-left:113px; height:64.0%; background:#f75a5b; }
#basic .income.graph ul li:nth-child(1):before { position:absolute; top:-91px; left:0; width:100%; height:203px; background:url('/foreign/img/basic_graph_man.gif') no-repeat center top; content:""; }
#basic .income.graph ul li:nth-child(2):before { position:absolute; top:-86px; left:0; width:100%; height:203px; background:url('/foreign/img/basic_graph_woman.gif') no-repeat center top; content:""; }
#basic .income.graph ul li p { position:relative; top:50%; color:#fff; font-size:17px; font-weight:600; transform:translateY(-50%); }
#basic  .status_of_budget .total { padding:10px 30px; color:#fff; font-size:18px; font-weight:600; background:#1054a8; }
#basic  .status_of_budget * { position:relative; }
#basic  .status_of_budget ul { width:85%; margin:20px auto; }
#basic  .status_of_budget ul li { padding:0 8%; margin:13px 0; }
#basic  .status_of_budget ul li dl { overflow:hidden; color:#333; font-size:18px; }
#basic  .status_of_budget ul li dl dt{ float:left; color:#1054a8; font-weight:600; padding-right:10px; background:#fdfdfd; }
#basic  .status_of_budget ul li dl dd{ float:right; padding-left:10px; background:#fdfdfd; }
#basic  .status_of_budget ul:before { position:absolute; left:0; top:12px; height:75px; width:1px; background:#1054a8; content:""; }
#basic  .status_of_budget ul:after { position:absolute; right:0; top:12px; height:75px; width:1px; background:#aaa; content:""; }
#basic  .status_of_budget ul li:before { position:absolute; left:0; top:12px; height:1px; width:6%; background:#1054a8; content:"";  }
#basic  .status_of_budget ul li:after { position:absolute; right:0; top:12px; height:1px; width:6%; background:#aaa; content:"";  }
#basic  .status_of_budget ul li:nth-child(2):before,
#basic  .status_of_budget ul li:nth-child(2):after { display:none; }
#basic  .status_of_budget ul li dl:before { position:absolute; left:0; top:12px; width:100%; height:1px; border-top:1px dashed #aaa; content:""; }
#basic  .status_of_budget .selfReliance { color:#333; font-size:18px; }

#call ul {overflow:hidden;}
#call ul li {float:left; text-align:center; margin:0.5%; padding:150px 3.5% 40px 3.5%; width:32.3%; min-height:232px;}
#call ul li:nth-child(1) {border:1px solid #d2d4aa; background:#f1f2d9 url('/foreign/img/call01.gif') center 45px no-repeat;}
#call ul li:nth-child(2) {border:1px solid #97d0d5; background:#d9f0f2 url('/foreign/img/call02.gif') center 45px no-repeat;}
#call ul li:nth-child(3) {border:1px solid #add59a; background:#e1f2d9 url('/foreign/img/call03.gif') center 45px no-repeat;}
#call ul li dt { margin-bottom:5px; font-size:18px; font-weight:600; }

#location .mapBox {margin-top:20px; border:1px solid #ddd;}
#location .info { overflow:hidden; text-align:center; margin-top:-1px; padding:15px 30px; font-size:17px; border:1px solid #333;}
#location .info * { display:inline-block; margin:0 5px; }
#location .info dt { position:relative; padding-left:30px; font-weight:600; }
#location .info dt:before { position:absolute; left:0; top:0; width:18px; height:24px; background:url('/main/img/contents/location_addr.gif') no-repeat; content:""; }

/*cultureTour*/
#cultureTour h4 {text-align:center; padding:0; background:none;}
#cultureTour h4 span {display:inline-block; padding:0px 15px; font-size:14px; text-indent:2px; letter-spacing:2px; line-height:30px; border-radius:15px; background:#f0f0f0;}
#cultureTour > div:nth-child(2n) h4 span {background:#ddd;}
#cultureTour p.tit { text-align:center; margin-top:15px; font-size:30px;}
#cultureTour p.txt { margin:25px auto; padding:30px 10px;  border:2px solid #000; border-left:0; border-right:0;}
#cultureTour div.wrapper { position:relative; overflow:hidden; }
#cultureTour ul.photo { overflow:hidden; }
#cultureTour ul.photo li { float:left; padding:1px; width:50%; box-sizing:border-box; }

#soraeFestival .clear { clear:both; }
#soraeFestival .box { overflow:hidden; padding:5%; border:1px solid #c2c2c2; background:url('/main/img/contents/logo_bg.gif') 0 0 repeat;}
#soraeFestival .box.character li{float:left; text-align:center; width:50%}
#soraeFestival .box.character li span{display:block; margin:10px auto 0px; padding:2px 0px 5px; width:100px; background:#333333; border-radius:60px; color:#fff; font-weight:bold}
#soraeFestival .box.character li.character1 span{background:#e84133}
#soraeFestival .box.character li.character2 span{background:#5bc5f2}
#soraeFestival .boxBottom { padding:15px; border:1px solid #c2c2c2; border-top:0; background:#fafafa; }


/*industrialComplex*/
#industrial .history { position:relative; padding-left:40px; margin-left:15px; margin-top:20px; }
#industrial .history li { position:relative; padding-left:90px; margin-bottom:20px; font-size:16px; }
#industrial .history li span { position:absolute; left:0px; color:#1054a8; font-weight:600; }
#industrial .history:before, #industrial .history *:before, #industrial .history *:after { position:absolute; content:""; }
#industrial .history:before { left:14px; top:7px; width:1px; height:100%; background:#819cd0; }
#industrial .history li:before { left:-30px; top:7px; width:5px; height:5px; background:#fff; border:2px solid #376ac8; }
#industrial .history li:after { left:-21px; top:11px; width:15px; height:1px; background:#aaa; z-index:-1; }

/*pc*/
@media screen and (min-width:640px){
	header h2 { display:none !important; }

	#intro { position:relative; padding-top:94px; min-height:920px; }
	#movieBg { position:absolute; left:0; top:94px; right:0; bottom:0; overflow:hidden; width:100%; height:920px; z-index:-1; }
	#movieBg video { width:auto; min-width:100%; min-height:100%; }
	#movieBg:before { position:absolute; left:0; top:0; display:block; width:100%; height:100%; background:url('/main/img/main/visual_pattern.png') repeat; content:""; }

	#symbol .logo .img {position:relative; float:left; margin-left:14%; padding-top:10px; padding-right:60px;}
	#symbol .logo div {position:relative; float:left; padding-left:65px; width:50%;}
	#symbol .logo div:before,
	#symbol .logo div dl:before {content:''; position:absolute; background-color:#1054a8;}
	#symbol .logo div:before {top:10px; width:1px; height:75%;}
	#symbol .logo div dl:nth-child(2):before {left:-65px; width:100px;}
	#symbol .logo div dl:before {left:0; top:10px; width:35px; height:1px;}
	#symbol .logo .img:after,
	#symbol .logo .img:before {content:''; position:absolute; background-color:#a5a5a5;}
	#symbol .logo .img:after {right:0; top:0; width:1px; height:167px;}
	#symbol .logo .img:before {right:0; top:0; width:35px; height:166px; border-top:1px solid #a5a5a5; border-bottom:1px solid #a5a5a5; background-color:transparent;}

	#cultureTour div.wrapper > div:nth-child(1) { float:left; width:55%; }
	#cultureTour div.wrapper > div:nth-child(2) { position:absolute; right:0; top:50%; width:40%; transform:translateY(-50%); }
	#cultureTour > div:nth-child(2n) div.wrapper > div:nth-child(1) { float:right; }
	#cultureTour > div:nth-child(2n) div.wrapper > div:nth-child(2) { left:0; right:auto; }
	#soraeFestival div.wrapper > div:nth-child(2) { position:static; float:right; padding-top:35px; transform:none; }


}

/*mobile*/
@media screen and (max-width:640px){
	.wrapper { width:100%; }
	header { padding:50px 0 20px; }
	header h1 { float:none; margin-left:15px; }
	header h1 a { display:inline-block; }
	header h2 { position:absolute; right:15px; top:60px; }
	header h2 a { position:relative; display:block; overflow:hidden; width:35px; height:30px; font-size:0; text-indent:-5000px; }
	header h2 a:before { position:absolute; display:block; top:50%; left:0; margin-top:-2px; width:100%; height:4px; background:#333; box-shadow:0 10px 0 #333, 0 -10px 0 #333; content:""; }
	header nav { float:none; }
	header nav #lnb { position:absolute; top:122px; display:none; margin-left:0 !important; padding:0; width:100%; border-bottom:#000 1px solid; background:#fff; }
	header nav #lnb.on { display:block; }
	header nav #lnb > li { float:none; text-align:center; margin-left:0 !important; border-top:1px solid #ddd; }
	header nav #lnb > li > a { display:block; padding:10px 0; }
	header #gnb { float:none; padding:0; }
	header #gnb li.language { position:absolute; top:0; margin-left:0; width:100%; }
	header #gnb li.language > a { display:none; } 
	header #gnb li.language > ul { position:static; display:block; overflow:hidden; margin-top:0; border:0; border-bottom:1px solid #ddd; background:#f5f5f5; }
	header #gnb li.language > ul > li { float:left; border-bottom:0; }
	header #gnb li.language > ul > li.close { display:none; }
	header #gnb li.sitemap { display:none; }
	#contents .submenu { display:none; }
	#contents > div div.wrapper { padding:30px 10px;}

	#intro { position:relative; padding-top:123px; height:480px; min-height:auto; background:url('/foreign/img/mb_visual.jpg') no-repeat center top; background-size:auto 100%; }
	#movieBg video { display:none; }
	#intro .slogan { top:50%; width:98%; height:132px; transform:translateY(-50%); }
	#intro .next { position:absolute; left:50%; top:auto; bottom:25px; margin-left:-30px; }
	#intro .next:hover,
	#intro .next:active { top:auto;  bottom:10px;}
	#intro .next a { height:60px; width:60px; background-size:100%; }

	#greeting *:after { display:none; }
	#greeting .tit { padding:35px 20px; border-radius:0 0 50px 0; }
	#greeting .tit:before {display:none;}
	#greeting .tit p { font-size:20px; line-height:40px; }
	#greeting .txt { padding:0 10px 20px; }
	#greeting .txt:before {display:block; position:static; width:100%; height:75vw; transform:none;}
	#greeting .txt p { margin-top:20px; font-size:15px; line-height:24px; padding-right:0;}
	#history .tit { display:none; }
	#history .txt { margin-left:0; }
	#history .txt > dl dd li span { display:block; margin-right:0; }
	#symbol .conbtnBox { text-align:center; }
	#symbol .conbtn { display:block; }
	#symbol .conbtnBox > a + a { margin:10px 0 0 0; }
	#symbol .logo p.img { text-align:center; margin-bottom:20px; }
	#symbol .logo div dl { padding-left:0; }
	#symbol .symbol dl { width:49%; margin-bottom:5px; }
	#basic .local li {width:49%;}	
	#basic .area li {float:none; margin-left:0; margin-bottom:1%; text-align:left; padding:10px; background-position:right bottom !important;}
	#basic .area li strong {font-size:18px;}
	#basic .area li.area01 {width:80%;}
	#basic .area li.area02 {width:60%;}
	#basic .area li.area03 {width:50%;}
	#basic .area li.area04 {width:40%;}
	#basic .area li.area05 {width:35%;}
	#basic .graph.income ul li { width:64px; }
	#basic .status_of_budget :after,
	#basic .status_of_budget :before { display:none !important; }
	#basic .status_of_budget ul li { margin-top:10px; padding-top:10px; border-top:1px dashed #aaa; }
	#basic .status_of_budget ul li:first-child { margin-top:0; padding-top:0; border-top:0; }
	#basic .status_of_budget ul li dl dt,
	#basic .status_of_budget ul li dl dd { float:none; padding:0; }
	#call ul li { width:100%; min-height:auto; margin:0 0 10px; padding:100px 3.5% 20px 3.5%; background-position:center 10px !important; }
	#cultureTour p.tit { font-size:22px; }
	#soraeFestival .clear { margin-top:40px; }
	#industrial .history li { padding:27px 0 0 0; }
	#industrial .history li span { top:0; }
}

/*mobile_min*/
@media screen and (max-width:480px){
	#symbol .symbol dl { width:100%; margin:0 0 5px; }
	#basic .graph.income ul li:nth-child(1) { left:50%; margin:0; margin-left:-45px; }
	#basic .graph.income ul li:nth-child(2) { left:50%; margin:0; margin-left:45px;}
	#greeting .txt { background:none; }
	#greeting .txt p { padding-right:0; }
}