@import url(sub.css);
@charset "utf-8";

@media all and (min-width:1181px){
	
/***** common *****/	
#wrapper {max-width:100%; height:auto; margin:0 auto; position:relative;}


/***** header *****/
#header {width:1180px; padding:0; height:97px; position:relative;}
.usan_map_m{display:none; overflow:hidden;}

/******main*******/
#main_visual .DB_mask { height:594px; width:100%;} 
#main_visual .DB_mask .DB_img li { top:0px; left:200px;}

}


@media all and (max-width:1180px){
	
/***** header *****/
#header{width:100%;  margin:0 auto; overflow:hidden; }
.gnb h1 a {padding:0;}
#search {right:1%; top:28px; width:250px; height:34px; position:absolute;}


/*****main contents *****/
#contents_box {max-width:100%;  overflow:hidden; position:relative;}

#cont01 .cont01_zone{width:92%;}
#cont01 .cont01_zone .txt span {display:none;}
#cont01 .cont01_zone  strong {margin-top:10px;}

#cont02 {width:100%;}
#cont02_box11{width:49.9%; border-bottom:1px solid #ccc;}
#cont02_box31{width:49.9%; border-bottom:1px solid #ccc; border-right:none; }
#cont02_box21{width:49.9%; border-bottom:none;  border-right:1px solid #ccc; }
#cont02_box41{width:49.9% ;padding-top:2%;  }
#cont02_box41 .box41_wrap {width:100%;}

/******main*******/
#main_visual .DB_mask { height:594px; width:100%;} 
#main_visual .DB_mask .DB_img li { top:0px; left:200px;}



/***** sub *****/
#sub{width:99%; overflow:hidden; margin:0 auto; height:auto; padding:0; position:relative;}

.sub_cont {min-width:79%; margin:0 auto; padding: 0; float:none; overflow:hidden;}

.tab_box {width:100%; position:relative; overflow:hidden; }
.sub_tabZone { width:100%; border-bottom:none !important; letter-spacing:none; margin:0 auto;}
.sub_tabZone li a {width:90%;  text-align:center; float:none; font-size:15px !important;  height:auto;  margin:3px 5px; border-bottom:#e1e1e1 solid 1px; letter-spacing:none; }
.sub_tabZone .tab_left{width:50%;  float:left; margin:0; padding:0; }
.sub_tabZone .tab_right{width:50%; float:left; margin:0; padding:0;}

.usan_img {width:15%; margin:5px auto;}
.usan_list {width:65%; }
.usan_map_m{display:none; overflow:hidden;}


/***** board *****/
.search_box {width:100%; height:auto; clear:both;}

.search_box .s_box1 {width:100%  !important; height:30px  !important; float:none; border-right:none !important;  border-bottom:1px dashed #e1e1e1;}
.search_box .s_box1 span { padding-top:5px  !important;  }
.search_box .s_box2 {width:100% !important;}

.search_opt {margin:13px 10%!important; width:100% !important; }

/*****footer *****/
#footer .foot_body { width:100%;  border-top:1px solid #e5e5e5;}
#foot {width:90%;}

}

@media all and (max-width:1053px){
	
/***** header *****/
#header_wrap {display:none; overflow:hidden;}
.gnb_wrap {display:block; width:100%; }
.gnb h1 a{left:0px;}
.nav {  width:700px; left:2%;}



/***** sub *****/
#lnb {display:none; overflow:hidden;}
.sub_cont {min-width:100%; margin:0 auto; padding: 0; float:none; overflow:hidden;}


.location_tit {width:100%; margin:0 auto; text-align:center;display:block;}
.sns .pr{display:none; overflow:hidden; }
.loca {width:97%; margin:0 auto; padding:35px 10px 10px 0; overflow:hidden;}

	.btnmenu  {display:none; overflow:hidden;}
	.DB_menu { display:none;}	
	.history_cont {width:100%;}
	.history_cont   img{width:100%; }


/******main*******/

#main_visual .DB_mask { height:600px !important; border:0px !important; } 
#main_visual .DB_mask .DB_img li { height:600px !important; left:0px; top:0px !important;}
#main_visual .DB_mask .DB_img li img{ width:87% !important; height:97% !important;}


#main_zone .slide_img  {width:100%;  position: relative; top:0; left:0;  background:#fff;; overflow:hidden;}
.slide_img div img {width:100%;}



}

@media all and (max-width:1052px){
	
/***** header *****/
#header_wrap {display:none; overflow:hidden;}
.gnb_wrap {display:block; }

.gnb h1 a{left:6%; }
.nav {width:100%; left:0;}


#main_visual .DB_mask { width:100%; height:580px !important; border:0px !important;} 
#main_visual .DB_mask .DB_img li { width:100%; left:0px;top:-15px }
#main_visual .DB_mask .DB_img li img{ width:87%; height:90%; }


}


@media all and (max-width:1000px){
	


/***** header *****/

#header_wrap {display:none; overflow:hidden;}
.gnb_wrap {display:block;}
#search {right:2%; top:28px; width:250px; height:34px; position:absolute;}
.gnb h1 a{ left:8%;  width:180px; }
.nav {width:100%;}

#main_visual .DB_mask { width:100%; height:520px !important; border:0px !important;} 
#main_visual .DB_mask .DB_img li { top:-15px !important; }
#main_visual .DB_mask .DB_img li img{ width:83% !important; height:89% !important;}

}




@media all and (max-width:940px){
	
#main_visual{ height:400px;}
#main_visual .DB_mask { height:500px !important;} 
#main_visual .DB_mask .DB_img li {height:500px !important; top:0px !important;}
#main_visual .DB_mask .DB_img li img{ width:76% !important; height:100% !important;}



/*****contents *****/
#cont01 .cont01_zone:after {content:""; display:block; clear:both; }
#cont01 .cont01_zone{width:90%; margin:0 auto; margin:0 8%; overflow:hidden;}
#cont01 .cont01_zone .con_box1, .con_box2 {float:left; margin:0px; }
#cont01 .cont01_zone .con_box1>div{ width:220px;  margin:0; padding:0; }
#cont01 .cont01_zone .con_box2 {margin-left:3px;}
#cont01 .cont01_zone .con_box2>div{ width:220px; margin:0; }


#cont02_box11{width:50%;float:left;  border-right:1px solid #ccc;  }
#cont02_box11 .cont ul.title_01 li div{ height:80px; width:50%; margin-left:10px; overflow:hidden;}

#cont02_box31{width:49.8%;  float:left; border-right:none;}
#cont02_box21{width:50%; height:165px; float:left;}
#cont02_box41{width:49.8%; float:left; padding-top:5%; }


/***** board *****/
.list_area .list_count  {margin-left:10px;}
.list .list_subject {width:60%;}
.list_area .list_subject {width:60%;}

.usan_img {width:25%; margin:5px auto;}
.usan_list {width:55%; }


/***** sub *****/
.tab_btn {width:100%; display:block; }
.tab_btn>span{ width:98%; height:40px; margin:2px 3px;display:block;}
.tab_btn>span a{ line-height:40px;}
.sub2 .value2 .value2_img7 li {width:23%; }

.tab_btn_sansa>span{display:inline-block; width:31%; margin:4px; float:left; }


/***�쟾�넻�궛�궗��?***/
.about_sansa img {width:100%;}
.about_sansa .img{ width:100%; margin-right:0;}
.about_sansa .txt{width:100%; margin-right:0px;}
.about_sansa .img2{width:100%; }
.about_sansa li .img_per {width:31%;}


/***�벑�옱���긽�쟾�넻�궛�궗�냼媛�***/
/***�궗李곗냼媛�***/
.intro_sub01 .top1_box img  {float:none;  width:100%;}
.intro_sub01 .top1_box .txt {float:none; width:100%; padding-top:10px; margin-left:0px;}
.intro_sub01 .top1_box .txt_r {float:none; width:100%;  margin-right:0; }
.intro_sub01 .top1_box .img { width:100%; height:auto; float:left; display:block;} 
.intro_sub01 li .img_per {width:100%; margin-bottom:5px; }

/***�옄�뿰�솚寃�***/
.nature .layout_txt2{ width:100%; margin-right:0;} 
.nature .layout_img2{ width:100%;} 

.nature .layout_img3{ width:100%; margin-right:0;} 
.nature .layout_txt3{ width:100%; } 
	


/**�옄�뿰�솚寃� �씠誘몄�**/

	/*�궗吏� 2媛쒖쭨由�*/
	.nature .img2 { width:100%; margin-right:0;} 
	.nature .img21 { width:100%; } 
	
	.nature .img22 { width:100%;} 
	.nature .img23 { width:100%; } 
	
	.nature .img24 { width:100%; margin-right:0;} 
	.nature .img25 { width:100%; } 
	
	
	
.nature .img3 { width:32%; margin-right:10px; } 
.nature .img31 { width:32%;margin-right:10px; } 
.nature .img32 { width:32%; } 



/***�뿭�궗***/

.intro_sub01 .top1_box2 .txt { width:100%;}
.intro_sub01 .top1_box2 .img  { width:100%;}

.intro_sub01 .top1_box3 .txt {float:none; width:100%;}
.intro_sub01 .top1_box3 .img  {float:none;  width:40%;  margin-right:0px; margin:0 auto;}

.intro_sub01 .top1_box3 .txt2 {float:left; width:100%; padding-bottom:2px; overflow:hidden; display:block; }
.intro_sub01 .top1_box3 .img2  {float:left;  width:100%;  overflow:hidden; display:block; margin-right:25px; }


/*�꽕�솕*/

.tale_img .img03 {width:100%;  margin-right:0;}
.tale_img .img04 {width:100%;}

.tale .tale_left_txt {width:100%; margin-right:0px; }
.tale .tale_left_img { width:100%; float:none;}
.tale .tale_left_img1 { width:100%; float:none;}

/*****footer *****/
#foot { min-width:95%; text-align:center; }
#foot_ban {min-width:350px;  float:none !important; margin:10px auto !important;  }


/*****�긽�꽭寃��깋 *****/
.search_area input { width:64%; }



.site_menu .box>li {margin-left:30px; }


}



@media all and (max-width:620px){


/***** gnb *****/	
.gnb h1 a { left:12%;}
#search {display:none;}

#main_visual {height:360px }
#main_visual .DB_mask { height:360px !important;} 
#main_visual .DB_mask .DB_img li {height:360px !important; top:-10px}
#main_visual .DB_mask .DB_img li img{ width:51% !important; height:100% !important;}


/*****contents *****/
#cont01 {width:100%;}
#cont01 .cont01_zone:after {content:""; display:block; clear:both; }
#cont01 .cont01_zone{margin-left:10%; overflow:hidden;}
#cont01 .cont01_zone img{display:none;}
#cont01 .cont01_zone .con_box1 {max-width:90%;}
#cont01 .cont01_zone .con_box1 div{width:auto; margin:0; padding:0; margin-right:40px;}
#cont01 .cont01_zone .con_box2 {margin-left:0; margin-top:-15px;}
#cont01 .cont01_zone .con_box2 div{width:auto; margin:0; padding:0; padding-right:53px; }


#cont02_box11{width:100%; height:230px; border-right:none;}
#cont02_box11 .cont #tab1c1 ul li .last_gongji {display:none;}
#cont02_box11 .cont ul.title_01 li div{width:90%; height:40px; margin-left:0px; overflow:hidden;}
#cont02_box11 .cont ul.title_01 img {display:none;}

#cont02_box21{width:100%;border-bottom:1px solid #e5e5e5; }
#cont02_box31{width:100%; border-right:none; border-bottom:1px solid #e5e5e5;}
#cont02_box41{width:100%; height:auto; vertical-align:middle; }




/***** board *****/
.gallery_bord3{ border-bottom:none; padding:0;}
#gallery_box {margin-top:0;}
#gallery_box .gallery_lt {width:100%; margin-right:0 !important; margin:10px 0;  border-bottom:1px dashed #ccc; padding-bottom:10px;}
#gallery_box .gallery_rt {width:100%;  border-bottom:1px dashed #ccc; padding-bottom:10px; }
#gallery_box .gallery_img img{width:78%;}
#gallery_box .gallery_txt {padding-left:0px; margin:0; width:60%;}


/***** board list*****/
.list_count  {display:none !important;}
.list_area .list_date {margin-left:15px}
#board_prenex .pn_cont { width:79%; line-height:40px;}

/***** search *****/
.search_box {width:98%!important; height:160px !important;  overflow:visible !important; }
.search_opt {margin:10px 5% !important; width:100%  !important; }
.search_opt select {width:90% !important; display:block; margin-bottom:8px;}
.search_opt input  {width:73% !important;}
.search_opt button {width:15% !important;}



/***** sub *****/
.sub_box .name_txt {display:none;}

.usan_img {width:20%; margin:5px auto;}
.usan_list {width:55%; }
.usan_map_pc  {display:none; overflow:hidden;}
.usan_map_m{display:block; }

.k_usan_img { display:none;}
.k_usan_list  {width:100%;margin-left:0px; }



.w_usan_box1 img {display:none;}
.w_usan_box1_cont {width:100%; margin-left:0;}


.w_usan_box2 .cont {width:100%;  margin-left:0;  border-top:none;}
.w_usan_box2 .cont > li { margin-left:0; }
.w_usan_box2 .art_01 { width:100%;  height:35px; padding-top:0px; line-height:35px; border-top:none; background:#caa568; text-align:center;}
.w_usan_box2 .art_02 {  width:100%; height:35px; padding-top:0px;  line-height:35px; border-top:none; background:#ad9565; text-align:center; }
.w_usan_box2 .art_03 { width:100%; height:35px;padding-top:0px;  line-height:35px; border-top:none; background:#9c855b;  text-align:center; }
.w_usan_box2 .art_04 { width:100%; height:35px; padding-top:0px;  line-height:35px; border-top:none; background: #887a4e;   text-align:center; }

.sub2 .value2 .value2_img7 li {width:30%; }
.tab_btn_sansa>span{display:inline-block; width:46%; margin:5px; float:left; }
.tab_btn_sansa>span a{ line-height:30px; font-size:1.1em; }


/***�쟾�넻�궛�궗��?***/
.about_sansa li .img_per {width:30%;}


/***�궗李곗냼媛�***/
.intro_sub01 .top1_box img {display:none;}
.intro_sub01 li .img_per {display:none;}


/***�옄�뿰�솚寃�***/
.nature img {display:none;}


/***�뿭�궗***/
.intro_sub01 .top1_box2 .img  {display:none; }
.intro_sub01 .top1_box3 .img {display:none; }
.intro_sub01 .top1_box3 .img2  {display:none; }



/*�씤臾�*/
.person .img{display:none;}



/**�꽕�솕**/
.tale img{display:none;}

/***�솚�쁺�궗***/
.greeting_img{display:none;}
.greeting {width:100%; margin-left:0; line-height:22px; font-size:1.2em;}


/***異붿쭊�쐞�썝�쉶 �냼媛�***/
.history img {display:none;}
.history_btn {width:99%; padding-top:20px; margin:0 auto; overflow:hidden;}
.history_btn>span{display:block; width:98%; height:46px; margin-bottom:10px;}


/***�삊�빟湲곌�***/
.agreement span img{display:none;}
.agreement ul li {width:32%;}


/***異붿쭊�쐞�썝�쉶***/
.organization_table {width:100%;}


/*****footer *****/
#foot_ban {min-width:330px;  float:none !important; }



/*****�긽�꽭寃��깋 *****/

.search_area select {width:100%; margin-right:0;border:none;}
.search_area input { width:100%; margin-right:0px; margin:5px 0; border:none;}
.search_area button { width:100%;}

/****sitemap *****/

.site01 h6 {width:100%;}
.site_menu {width:100%;  float:none;}
.site_menu .box>li {width:100%; margin-left:0; }
.site_menu .box>li a {font-size:1.1em; }
.site_menu .box div {display:none;}




}



@media all and (max-width:480px){
	
/***** header*****/
.gnb h1 a{ left:15%;}
#cont01 .cont01_zone{ margin-left:3%; }
#cont01 .cont01_zone .con_box1 {margin-bottom:10px;}
#cont01 .cont01_zone strong{ margin-top:0px;}
#main_zone {min-width:400px;}


#main_visual { height:270px; }
#main_visual .DB_mask { height:270px !important;} 
#main_visual .DB_mask .DB_img li { top:0px !important;}
#main_visual .DB_mask .DB_img li img{ width:38.5% !important; height:auto !important;}


/***** board****/
#gallery_box .gallery_lt li:last-child {display:none;}
#gallery_box .gallery_rt li:last-child {display:none;}


.list_num {display:none  !important;}
.list_date {display:none  !important;}

.list .list_subject {width:80%;} 
.list_area .list_subject {width:80%;}

 

/***** sub *****/
.usan_img {display:none;}
.usan_title {width:99%; text-align:center;}
.usan_list {width:99%; display:block; overflow:hidden; margin:0;}
.btn_2_more {float:left; margin:5px auto;}

.tab_btn_sansa>span{display:inline-block; width:98%; margin:5px; float:left; }
.tab_btn_sansa>span a{ line-height:20px; font-size:1.1em; text-align:left;}


/***�쟾�넻�궛�궗��?***/
.about_sansa li .img_per {width:29%;}


/***�삊�빟湲곌�***/
.agreement ul li {width:47%;}
}