@media screen and (max-width:768px){

	#main {width:auto; min-width:320px;}
	#header {width:100%; height:100px; margin-bottom:1em;}
	#logo {top:5px; left:10px;}
	#header_l {width:100%; top:60px;}
	#logo img {max-width:80%;}
	#nav_top {width:100%;}
	#nav_top li {width:18%;}
	#nav_top li:last-child {width:28%;}
	#nav_mid {display:none;}
	#nav_mid_s {display:block;}
	#footer {width:100%; padding-bottom:0.5em;}
	#page_top {width:2em;	height:2em;	right:10px;	bottom:10px;}

	#clm0 {width:100%; margin-bottom:1em;}
	#clm1, #clm2, #clm3, #clm4, #clm5, .clm51, .clm52 {width:100%; float:none; margin:0;}
	#clm6 {display:none;}

	.clmc {padding:0 1rem;}
	.fs1, .fs2, .fs3, .fs4 {font-size:1.2em;}

	.fm_tb01 th {width:100%; display:block; padding:1em 0; border:none; background-color:#CCCCCC;}
	.fm_tb01 td {display:block; padding:1em; border:none;}

	.fm_tb011 {width:100%; border-collapse:collapse; margin-bottom:1em; border:solid 1px #CCCCCC;}
	.fm_tb011 caption {font-weight:bold; text-align:left; margin-left:10px;}
	.fm_tb011 th {display:table-cell; width:auto; padding:10px; white-space:nowrap; background-color:#f2f2f2; border:solid 1px #CCC;}
	.fm_tb011 td {display:table-cell; padding:10px; border:solid 1px #CCC;}

	.btn03 {max-width:300px;}

	.swo1 {display:none!important;}
	.list_social {display:none;}
}

@media screen and (max-width:480px){
	#header {height:140px;}
	#header_l {height:80px; top:60px;}
	#search {right:60px;}
	#nav_top li {width:33.3%;}
	#nav_top li:last-child {width:66.6%;}


	.clm11 {width:100%; float:none;}
	.clm12 {width:100%; float:none;}

	.tb_y {margin-bottom:1em;}
	.tb_y th {display:block; border-right:none;}
	.tb_y td {display:block; border-right:none;}
	.tb_y td:last-child {border-bottom:none;}

	.fm_tb011 th {display:block; white-space:normal; border:none;}
	.fm_tb011 td {display:block; padding:10px; border:none; text-align:left;}

	.swo2 {display:none!important;}
}