@charset "utf-8";
.main_wrap{min-width:320px;overflow:hidden; width:100%; position:relative; margin:0 auto; padding-top:12px;}
.main_fixing1{margin:0 auto; max-width:1100px; min-width:1100px; width:100%; overflow:hidden;}


.visual_bnr {overflow:hidden; position:relative;width:100%; height:auto; }
.visual_bnr .visual_btn {position:absolute; bottom:0; right:0; width:100%;}


.visual_bnr .visual_btn .visual_prev {position:absolute;right:120px; bottom:20px;}
.visual_bnr .visual_btn .visual_stop {position:absolute;right:70px; bottom:20px;}
.visual_bnr .visual_btn .visual_play {position:absolute;right:70px; bottom:20px;}
.visual_bnr .visual_btn .visual_next {position:absolute;right:20px; bottom:20px;}
.visual_bnr .visual_btn a:hover{opacity:.8;}


.visual_bnr .visual_btn .visual_play {display:none;}
.visual_bnr .visual_list {position:relative; overflow:hidden; float:left;width:1100px;height:370px; border:1px solid #ddd;}
.visual_bnr .visual_list ul{}
.visual_bnr .visual_list ul li {float:left;}
.visual_bnr .visual_list ul li a {display:block;}
.visual_bnr .visual_list ul li img {width:1100px;}




.main_section1{overflow:hidden; width:100%; border-top:1px solid #e0e0e0; margin:20px auto 0 auto;  border-bottom:1px solid #e0e0e0;}
.main_section1_d{overflow:hidden; width:1100px; margin:0 auto; }

.board{padding-top:20px; background:#fff; float:left; width:370px; height:300px;}
.main_news{position:relative; height:240px; }
li.news01,li.news02,li.news03{position:absolute;width:350px; left:0; top:0;}
li.news01 p.tit, li.news02 p.tit, li.news03 p.tit{position:absolute;top:0; left:0;}
li.news02 p.tit{left:130px;}
li.news03 p.tit{left:270px;}
li.news04 p.tit{left:330px;}
li.news01 p.tit a,li.news02 p.tit a,li.news03 p.tit a{font-weight:500; display:block; font-size:16px;padding:8px 0px 8px 0px; color:#666;width:130px;}
li.news01 p.tit a.hover,li.news03 p.tit a.hover{display:block; font-weight:600;  color:#000; width:130px; padding:8px 0px 8px 0px; background:url(/img/main/board_tab.png) 60% 55% no-repeat; background-size:14px auto; }
li.news02 p.tit a.hover{display:block; font-weight:600;  color:#000; width:130px; padding:8px 0px 8px 0px; background:url(/img/main/board_tab.png) 75% 55% no-repeat; background-size:14px auto; }
.news01 .more,.news02 .more,.news03 .more{}
.news01 .more a,.news02 .more a,.news03 .more a{position:absolute; right:0; top:-33px; background:url(/img/main/board_more.png) no-repeat; background-size:19px auto; text-indent:-99999px; width:19px; height:19px;  display:inline-block; }

.news_list{position:absolute; left:0; top:40px; width:350px;  border-top:2px solid #000; padding-top:10px;}
.news_list li{margin-bottom:6px; height:25px; overflow:hidden;}
.news_list li a{letter-spacing:-0.02em;}
.news_list li .date{float:right; .margin-top:-20px; font-size:13px;}


.ta_frm{float:left; width:350px;padding:18px 0 0 30px; overflow:hidden;}
.ta_frm h2{margin-top:15px;}
.ta_frm h2 span{ font-size:13px; color:#777; text-align:center; display:block; }
.ta_frm h2 a{color:#000; font-weight:500; font-size:19px; text-align:center; display:block;}
.ta_frm div{overflow:hidden; margin-top:20px;}
.ta_frm div p{float:left;}
.ta_txt{font-size:14px;width:65%}
.ta_txt span{margin-top:10px; display:block;}
.ta_txt a{display:inline-block; padding:7px 20px 10px 20px; color:#fff; font-size:14px; font-weight:500; background:#329199}
.ta_img{width:35%; text-align:right;}
.ta_img img{width:90%;}


.photo_gallery{float:left; position:relative; margin-left:25px; width:350px; height:300px; }
.photo_gallery h2{margin-top:15px; }
.photo_gallery h2 span{ font-size:13px; color:#777; text-align:center; display:block; }
.photo_gallery h2 a{color:#000; font-weight:500; font-size:21px; text-align:center; display:block;}
.photo_gallery .tree_image{position:absolute; left:8px; top:35px; background:url(/img/main/photo_bg.png) no-repeat; width:63px; height:42px;}


.photo_gallery .photo_image{margin-top:24px;width:350px; height:200px;}
.photo_gallery .photo_image img{width:100%; height:200px;}
.photo_gallery .photo_image p a{position:absolute; bottom:22px; color:#fff; text-align:center; width:100%; padding:10px 15px; background-color:#000; opacity:.7; z-index:10;}

.photo_gallery .btn_more1{position:absolute; right:0; top:20px;}
.photo_gallery .btn_more1 a{text-indent:-9999px; font-size:0; width:30px; height:30px; border:1px solid #dedede; display:inline-block; background:url(/img/main/board_more.png) center no-repeat; background-size:13px auto;}

.photo_gallery .slide_button {position:absolute; right:0; top:30px; }
.photo_gallery .slide_button button{float:left; display:block; width:30px; height:30px; padding:0; font-size:1px; color:transparent;}
.photo_gallery .slide_button button.prev {border-left:1px solid #999; border-top:1px solid #999; border-bottom:1px solid #999; background:url(/img/main/ico_btn_left.png) left top no-repeat; display:block; width:30px; height:30px; background-size:28px auto;}
.photo_gallery .slide_button button.next {border:1px solid #999; background:url(/img/main/ico_btn_right.png) left top no-repeat; display:block; width:30px; height:30px; background-size:28px auto;}

.main_section2{background:url(/img/main/section_bg.png) top center no-repeat; overflow:hidden;}
.main_section2_d1{width:1100px; overflow:hidden; position:relative; margin:20px auto 0 auto;}
.main_section2_d1 div{float:left;}
.main_section2_d1 .smenu1{width:310px; padding-top:30px; background:url(/img/main/sn2_bg1.png) 0 75px no-repeat; background-size:60px auto;}
.main_section2_d1 .smenu1 ul{padding:10px 0 0 70px;}
.main_section2_d1 .smenu1 ul li{font-weight:500; font-size:16px; color:#000;}
.main_section2_d1 .smenu1 ul li strong{color:#d90000;}
.main_section2_d1 .smenu1 ul li a{color:#d90000;}
.main_section2_d1 .smenu1 ul li.gray_txt{font-size:13px; color:#555; padding-top:10px; font-weight:300;}

.main_section2_d1 .smenu2{width:220px; height:250px; padding-top:30px; background:url(/img/main/sn2_bg2.png) 80% 75px no-repeat; background-size:60px auto;}
.main_section2_d1 .smenu2 a{margin-top:10px; display:inline-block; padding:5px 20px 7px 20px; font-size:13px; font-weight:500; border:1px solid #9a5780; color:#9a5780;}
.main_section2_d1 .smenu2 a:hover{color:#fff; background-color:#9a5780;}

.main_section2_d1 .smenu3{position:relative; width:280px; height:230px;border:2px solid #994f8b; background:#fff url(/img/main/sn2_bg5.png) right 10px no-repeat; background-size:90px auto; padding:2.5%;}
.main_section2_d1 .smenu3 a{margin-top:10px; display:inline-block; padding:5px 20px 7px 20px; font-size:13px; font-weight:500; border:1px solid #9a5780; color:#9a5780;}
.main_section2_d1 .smenu3 a:hover{color:#fff; background-color:#9a5780}
.main_section2_d1 .smenu3 .sbox_bg{position:absolute; right:30px; bottom:40px; background:url(/img/main/sn2_bg3.png) no-repeat; width:54px; height:48px; background-size:100% auto;}

.main_section2_d1 .smenu4{position:relative; width:280px; height:230px; border:2px solid #994f8b; background:#994f8b url(/img/main/sn2_bg6.png) right top no-repeat; background-size:85px auto;  padding:2.5%;}
.main_section2_d1 .smenu4 a{margin-top:10px; display:inline-block; padding:5px 20px 7px 20px; font-size:13px; font-weight:500; border:1px solid #fff; color:#fff;}
.main_section2_d1 .smenu4 a:hover{color:#994f8b; background-color:#fff;}
.main_section2_d1 .smenu4 .sbox_bg{position:absolute; right:30px; bottom:40px; background:url(/img/main/sn2_bg4.png) no-repeat; width:49px; height:51px; background-size:auto 100%;}

.main_section2_d1 h2{font-size:20px; font-weight:600; color:#000; }
.main_section2_d1 .smenu4 h2{color:#fff;}
.main_section2_d1 .gray_txt{font-size:13px; color:#555; padding-top:15px;}
.main_section2_d1 .smenu4 .gray_txt{color:#fff;}

.main_section2_d2{width:1100px; overflow:hidden; position:relative; margin:50px auto 0 auto;}
.main_section2_d2 ul{overflow:hidden; width:1000px;}
.main_section2_d2 li{float:left; width:12.5%; padding-bottom:15px;}
.main_section2_d2 li a{width:100%; text-align:center; display:inline-block; padding-top:55%;}
.main_section2_d2 li:first-child a{background:url(/img/main/icons_img7.png) center top no-repeat; background-size:60% auto; }
.main_section2_d2 li:nth-child(2) a{background:url(/img/main/icons_img1.png) center top no-repeat; background-size:60% auto; }
.main_section2_d2 li:nth-child(3) a{background:url(/img/main/icons_img2.png) center top no-repeat; background-size:60% auto; }
.main_section2_d2 li:nth-child(4) a{background:url(/img/main/icons_img3.png) center top no-repeat; background-size:60% auto; }
.main_section2_d2 li:nth-child(5) a{background:url(/img/main/icons_img8.png) center top no-repeat; background-size:60% auto; }
.main_section2_d2 li:nth-child(6) a{background:url(/img/main/icons_img4.png) center top no-repeat; background-size:60% auto; }
.main_section2_d2 li:nth-child(7) a{background:url(/img/main/icons_img5.png) center top no-repeat; background-size:60% auto; }
.main_section2_d2 li:nth-child(8) a{background:url(/img/main/icons_img6.png) center top no-repeat; background-size:60% auto; }

.main_section2_d3{width:1100px; overflow:hidden; position:relative; margin:30px auto 0 auto;}
.main_section2_d3 h2{margin-top:5px; font-size:20px; font-weight:600; color:#000; float:left; width:15%; background:url(/img/sub/ico_arr1.png) 100px 7px no-repeat; background-size:10px auto;}
.main_section2_d3 ul{overflow:hidden; width:85%;}
.main_section2_d3 li{float:left; width:25%; padding-bottom:15px;}
.main_section2_d3 li a{display:inline-block; width:95%; padding:11px 10px 13px 10px; border:1px solid #ccc; border-radius:3px; background:#fff url(/img/main/arrow1.png) 95% center no-repeat; font-weight:400;}
.main_section2_d3 ul li a:hover{background-color:#994f8b; color:#fff; border-color:#994f8b; transition:all .25s ease;}

/* contents */
.contents { width:1100px; margin:0 auto;}
.contents:after {content:""; display:block; height:0; clear:both;}

/********************************** Media Queries **********************************/


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

}


@media all and (max-width:999px) {
.visual_bnr .visual_list {width:100%; height:100%; overflow:hidden; border:none;}
.visual_bnr .visual_list ul{}
.visual_bnr .visual_list ul li {}
.visual_bnr .visual_list ul li img {border-top:1px solid #ddd; border-bottom:1px solid #ddd; width:100%; height:100%; }


.main_wrap{padding-top:0;}
.main_fixing1{max-width:100%; min-width:100%; width:100%; padding-bottom:0;}

.main_section1{margin:0 auto; border-top:none;}
.main_section1_d{margin:0 auto; width:100%;}
.board{float:left; width:55%; padding:2%;}
li.news01,li.news02,li.news03,li.news04{width:100%;}
.news_list{width:100%;}
.ta_frm{width:45%; padding:18px 2% 0 20px; }
.photo_gallery{display:none;}

.main_section2{height:auto;background-position:55% top;}
.main_section2_d1{width:100%; padding:0 2%;}

.main_section2_d1 .smenu1{width:23%; padding-top:10px; background:url(/img/main/sn2_bg1.png) 0 45px no-repeat; background-size:60px auto;}
.main_section2_d1 .smenu1 ul{padding:65px 0 0 0;}
.main_section2_d1 .smenu1 ul li{font-size:15px;}
.main_section2_d1 .smenu1 ul li.gray_txt{padding-top:5px;}
.main_section2_d1 .smenu2{width:21%; padding:10px; background:none;}
.main_section2_d1 .smenu2 .gray_txt{padding-top:5px;}
.main_section2_d1 .smenu3{width:28%;}
.main_section2_d1 .smenu4{width:28%;}
.main_section2_d1 .smenu3 .sbox_bg{right:30px; bottom:30px; width:54px; height:48px; background-size:100% auto;}
.main_section2_d1 .smenu4 .sbox_bg{right:20px; bottom:30px; width:54px; height:48px; background-size:auto 100%;}

.main_section2_d2{width:100%; margin:40px auto 0 auto;}
.main_section2_d2 ul{width:100%;}
.main_section2_d3{width:100%; padding:0 2%;} 


.contents {width:100%; }


}

@media all and (max-width:830px) {
.main_section2{background-position:left top;}
.main_section2_d1 .smenu1{width:50%;height:150px; padding-top:0; }
.main_section2_d1 .smenu1 ul{padding:0 0 0 80px; }
.main_section2_d1 .smenu2{width:50%; height:150px; background:url(/img/main/sn2_bg2.png) 2% 45px no-repeat; background-size:60px auto;}
.main_section2_d1 .smenu2 .gray_txt{margin-left:70px;}
.main_section2_d1 .smenu2 a{margin-left:70px;}
.main_section2_d1 .smenu3{width:50%; height:200px;}
.main_section2_d1 .smenu4{width:50%; height:200px;}
.main_section2_d1 h2{font-size:18px;}
.main_section2_d1 .smenu3 .sbox_bg{}
.main_section2_d3 ul li a{}

}

@media all and (max-width:767px) {
.main_wrap{ padding-top:0;}
.main_fixing1{max-width:100%; min-width:320px; width:100%;}

.visual_bnr .visual_btn img{width:30px;}
.visual_bnr .visual_btn .visual_prev {position:absolute;right:80px; bottom:10px;}
.visual_bnr .visual_btn .visual_stop {position:absolute;right:45px; bottom:10px;}
.visual_bnr .visual_btn .visual_play {position:absolute;right:45px; bottom:10px;}
.visual_bnr .visual_btn .visual_next {position:absolute;right:10px; bottom:10px;}


.main_section1{width:100%;}
.board{float:left; width:55%; padding:2%;}

.news_list li .date{display:none;}



.main_section2_d2{width:100%; margin:30px auto 0 auto;}
.main_section2_d3 h2{display:none;}
.main_section2_d3 ul{width:100%;}

}


@media all and (max-width:690px) {
.main_section1{border-top:0;}
.board{float:none; width:100%; padding:4% 4% 0 4%; height:auto;}
.main_news{height:240px; }
li.news02 p.tit{left:110px;}
li.news03 p.tit{left:220px;}
li.news04 p.tit{left:330px;}
li.news01 p.tit a,li.news02 p.tit a,li.news03 p.tit a{width:110px;}
li.news01 p.tit a.hover,li.news03 p.tit a.hover{width:110px; background:url(/img/main/board_tab.png) 70% 55% no-repeat; background-size:14px auto; }
li.news02 p.tit a.hover{width:110px; background:url(/img/main/board_tab.png) 85% 55% no-repeat; background-size:14px auto; }
.news_list li .date{display:inline-block;}


.ta_frm{display:none;}

.photo_gallery{margin-left:0; display:block; float:none; width:100%; padding:2% 4%; height:auto;}

.photo_gallery .photo_image{margin-top:23px;width:100%; height:auto;}
.photo_gallery .photo_image img{width:100%; height:auto;}
.photo_gallery .tree_image{display:none;}
.photo_gallery .btn_more1{position:absolute; right:4%; top:30px; }
.photo_gallery .slide_button {position:absolute; right:20px; top:30px; }
.photo_gallery .photo_image p a{margin-top:-5px; position:relative; bottom:auto; display:inline-block; color:#fff; text-align:center; width:100%; padding:10px 15px; background-color:#000; opacity:.7; z-index:10;}

.main_section2_d1 .smenu1{padding-left:2%; width:50%;height:150px; padding-top:0; background:url(/img/main/sn2_bg1.png) 10px 40px no-repeat; background-size:60px auto; }
.main_section2_d1 .smenu1 ul{padding:15px 0 0 70px; }
.main_section2_d1 .smenu2{width:50%; height:150px;padding-top:0;}
.main_section2_d1 .smenu3{width:50%; height:200px;}
.main_section2_d1 .smenu4{width:50%; height:200px;}
.main_section2_d1 h2{font-size:18px;}
.main_section2_d1 .smenu3 .sbox_bg{}
.main_section2_d1 .smenu4 .sbox_bg{}

.main_section2_d2{margin:10px auto 0 auto;}
.main_section2_d2 ul li{width:25%; margin-bottom:10px;}

.main_section2_d2 li a{width:100%; text-align:center; display:inline-block; padding-top:50%; font-size:13px;}
.main_section2_d2 li:first-child a{background:url(/img/main/icons_img7.png) center top no-repeat; background-size:60% auto; }
.main_section2_d2 li:nth-child(2) a{background:url(/img/main/icons_img1.png) center top no-repeat; background-size:60% auto; }
.main_section2_d2 li:nth-child(3) a{background:url(/img/main/icons_img2.png) center top no-repeat; background-size:60% auto; }
.main_section2_d2 li:nth-child(4) a{background:url(/img/main/icons_img3.png) center top no-repeat; background-size:60% auto; }
.main_section2_d2 li:nth-child(5) a{background:url(/img/main/icons_img8.png) center top no-repeat; background-size:60% auto; }
.main_section2_d2 li:nth-child(6) a{background:url(/img/main/icons_img4.png) center top no-repeat; background-size:60% auto; }
.main_section2_d2 li:nth-child(7) a{background:url(/img/main/icons_img5.png) center top no-repeat; background-size:60% auto; }
.main_section2_d2 li:nth-child(8) a{background:url(/img/main/icons_img6.png) center top no-repeat; background-size:60% auto; }

}


@media all and (max-width:640px) {
.main_section2_d3 ul li{width:50%; padding:2px;}
.main_section2_d3 li a{width:100%;}


}



@media all and (max-width:600px) {
.main_section2_d3{margin-top:10px;}


}
@media all and (max-width:500px) {
.main_section2_d1 .smenu1{background:none; width:55%}
.main_section2_d1 .smenu1 ul{padding:10px 0 0 0; }
.main_section2_d1 .smenu2{background:none; width:45%}
.main_section2_d1 .smenu2 .gray_txt{padding-top:10px; margin-left:0;}
.main_section2_d1 .smenu2 a{margin-left:0;}
.main_section2_d1 .smenu3{width:100%; height:170px;  padding:5% 0 0 5%;}
.main_section2_d1 .smenu4{width:100%; height:170px; padding:5% 0 0 5%;}
.main_section2_d1 .smenu3 .sbox_bg{right:30px; bottom:20px; }
.main_section2_d1 .smenu4 .sbox_bg{right:30px; bottom:20px;}
}



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

li.news02 p.tit{left:90px;}
li.news03 p.tit{left:180px;}
li.news04 p.tit{left:270px;}
li.news01 p.tit a,li.news02 p.tit a,li.news03 p.tit a{width:90px;}
li.news01 p.tit a.hover,li.news03 p.tit a.hover{width:90px; background:url(/img/main/board_tab.png) 70% 55% no-repeat; background-size:14px auto; }
li.news02 p.tit a.hover{width:90px; background:url(/img/main/board_tab.png) 85% 55% no-repeat; background-size:14px auto; }
.news_list li .date{display:none;}




}


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



}



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







