@media (max-width: 1199px) {
	.wd1200{width:100%;}
	.wd1160{width:96%; margin:0 auto;}

	/*¸Þ´ºÀ§µå*/
	#nav #nav-open ul > li:not(:first-child) {width:180px;}
	#nav #nav-open > ul{width:720px; left:auto; right:0; float:right; padding-left:0; padding-right:0;margin-left:auto;}
	#nav #nav-open > ul > li:first-child{left:-290px; position:absolute;}
		#nav > div.wd1160.clear > ul > li:nth-child(3){margin-left:8rem;}
	#nav > div.wd1160.clear > ul > li:nth-child(4){margin-right:0.4rem;margin-left:6rem;}
	#nav div ul.nav-tit li.sfo{display:none;}
		/*¸Þ´ºÀ§µå ³¡*/
	
	#header-top ul li.mobile{display:block;}
	
	.bx-wrapper .visual-text h2 {font-size: 4.2rem;}

	#main-board div #tab-container .tabcontent table td:first-child a{width:36vw;}

	#main-bottom {height: auto;}
	#main-bottom .copy_bnr_left{width:100%;height:auto;}
	#main-bottom .copy_bnr_left .cs_area {width: 100%;}
	#main-bottom .copy_bnr_right {width:100%;}
}

@media (max-width: 1000px) {
	html, body {font-size: 9px;}

	#nav .nav-tit{display:none;}
	#nav-open{display:none !important;}
	#nav .m-nav-open{display:block;}

	#visual > div > img.mobile{display:block;}
	#visual > div > img.pc{display:none !important;}

	#main-btns ul li{width:48%;}
	#main-btns ul li:nth-child(1){margin-bottom:4%;}
	#main-btns ul li:nth-child(2){margin-right:0; margin-bottom:4%;}

}

@media (max-width: 767px) {
	br.mobile{display:block;}

	#main-bottom .copy_bnr_left .cs_area p.cs_tel {margin-top:0rem;}

	div.bx-controls.bx-has-controls-direction.bx-has-pager > div.bx-controls-direction{display:none;}
	
	#main-board div {height: auto;}
	#main-board div #board-showing{display:none;}
	#main-board div #tab-container{width:100%;padding:3rem;}
	#main-board div #tab-container .tabcontent table td:first-child a {width: 60vw;}
	#sub-tab{flex-direction:column;}
	
}

@media (max-width: 600px) {
.bx-wrapper .visual-text span {font-size: 1.2rem;}
		.bx-wrapper .visual-text h2 {font-size: 3.2rem;margin-top:10px;}

	footer > div > div{float:none;}
	footer .foot-address{width:100%;margin-top:20px;}
}

@media (max-width: 480px) {
	#header-top ul li.pc{display:none;}
	#header-top ul li.mobile{margin-right:8px;}
	#nav div h1 a{width:200px !important; height:35px !important; background: url(../images/logo-m.png) no-repeat top center; background-size:200px; margin-top:5px;}
	
	#visual > div > div > h2{width:80%;word-break:keep-all; margin:10px auto 0 auto;}
	#visual > div > div > h2 br{display:none;}

	#main-btns ul li a h6{font-size:16px;}
	#main-btns ul li a img{width:80px;}

	/*
	#main-board div #board-showing{height:260px;}
	#main-board div #board-showing span{font-size:14px;}
	#main-board div #board-showing h5{font-size:18px; height:53px;}
	#main-board div #board-showing p{font-size:14px; height:80px;}*/
	
	#main-board div #tab-container{height:260px;}
	#main-board div #tab-container ul.tab li{font-size:16px; margin-right: 13px;}
	#main-board div #tab-container .tabcontent.current {margin-top: 10px; }
	#main-board div #tab-container .tabcontent table {font-size: 14px;}
	#main-board div #tab-container .tabcontent table td {height: 26px; font-size:1.6rem;}
	#main-board div #tab-container a.tab-detail-ico {top: -45px;}
	}

@media (max-width: 400px) {
	html{min-width:320px;}

	body > main > div > div.bx-controls.bx-has-controls-direction.bx-has-pager > div.bx-pager.bx-default-pager{display:none;}
		#visual div div span h2{font-size:20px;}
}