@charset "UTF-8";
/*--------------------*/
/*responsive*/
/*--------------------*/
/*for pc*/
@media screen and (min-width: 768px) {
	.visible-xs{ display: none !important;}

	.colgroup{overflow:hidden; margin-left:-20px; margin-right:-20px;}
	.col{ float: left; padding:0 20px;}
	.col2{width: 16.6%;}
	.col3{width: 25%;}
	.col4{width: 33.3%;}
	.col6{width: 50%;}
	.col8{width: 66.6%;}
	.col9{width: 75%;}
	.col-right{float: right;}

	.colgroup .col6:nth-child(2n+1){clear: both;}
	.colgroup .col4:nth-child(3n+1){clear: both;}

	.dlgroup dl{overflow: hidden;}
	.dlgroup dt{float:left; width: 25%;}
	.dlgroup dd{padding-left: 30%;}

	@media screen and (max-width: 992px) {
	.dlgroup dt{float:none; width: 100%;}
	.dlgroup dd{padding-left: 0;}

	}
}


/*for mobile*/
@media screen and (max-width: 767px) {
	.hidden-xs{ display: none !important;}


}