@charset "UTF-8";

img,a{outline:none; border:none;}

.contents{width:100%; position:relative;}
.header{width:100%; height:auto; position:relative;}
.header_inner{width:1200px; height:186px; position:relative; display:block; margin:0 auto;}
.logo{position:relative; left:100px; top:50px;}
.img_block{position:relative; height:1680px; width:1200px; display:block;}

.top_navi{position:absolute; top:70px; left:520px; display:block;}
.top_navi li{height:60px; position:relative; float:left; padding:0 50px 0 0; cursor:pointer; z-index:99; background:#FFFFFF;}
.top_navi li img{position:relative; display:block; margin:0 auto;}
.top_navi li.top_navi01{width:109px;}
.top_navi li.top_navi02{width:169px;}
.top_navi li.top_navi03{width:71px;}
.top_navi li.top_navi04{width:90px;}

.main_block, .top_block{width:100%; height:auto; position:relative;}
.main_block_inner{width:1200px; height:auto; position:relative; display:block; margin:0 auto;}

.top_text01{right:185px; bottom:58px; position:absolute;}
.concept{position:absolute; left:60px; top:50px;}

.photo02{left:898px; top:90px; position:absolute;}
.photo03{left:684px; top:19px; position:absolute;}
.photo04{left:494px; top:398px; position:absolute;}
.photo05{left:948px; top:318px; position:absolute;}
.photo06{left:35px; top:542px; position:absolute;}
.photo07{left:453px; top:762px; position:absolute;}
.photo08{left:842px; top:1107px; position:absolute;}
.photo09{left:0px; top:1221px; position:absolute; margin-left:-210px;}


.text03{position:absolute; left:202px; top:1097px;}
.text04{position:relative; margin:0 auto; display:block;}

.map_block{width:100%; min-width:1200px; height:auto; position:relative; display:block; margin:0 auto; text-align:center;}
.map_block h2{margin:80px 0 30px;}
#map{width:100%;height:350px; position:relative; display:block; }

.footer{width:100%; min-width:1200px; padding:2% 0; background:#5dc1cf; position:relative;}
.footer_inner{width:1200px; margin:0 auto; display:block; text-align:center; position:relative;}


#panel-btn { display:none; position:absolute; width: 40px; height: 40px; right:5%; top:50%; margin-top:-20px; border-radius: 50%; background: #eef5f5; }
#panel-btn-icon { display: block; position: absolute; top: 50%; left: 50%; width: 14px; height: 2px; margin: -1px 0 0 -7px; background: #5dc1cf; transition: .2s; }
#panel-btn-icon:before, #panel-btn-icon:after { display: block; content: ""; position: absolute; top: 50%; left: 50%; width: 14px; height: 2px; margin-left: -7px; background: #5dc1cf; transition: .3s; }
#panel-btn-icon:before { margin-top: -6px; }
#panel-btn-icon:after { margin-top: 4px; }

#panel-btn .close { background: transparent; }
#panel-btn .close:before, #panel-btn .close:after { margin-top: 0; }
#panel-btn .close:before { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }
#panel-btn .close:after { transform: rotate(-135deg); -webkit-transform: rotate(-135deg); }

.pageTop{width:80px; height:40px; display:block; position:absolute; right:3%; top:-30px; cursor:pointer;}

.clear{clear:both;}