/************************************************************************************
over 960
*************************************************************************************/
@media screen and (min-width: 961px) {
	.lm-navi {
		display:block;
	}
	.s-navi {
		display:none;
	}
	
	.l-display {
		display:block;
	}
	.m-display {
		display:none;
	}
	.s-display {
		display:none;
	}
}


/************************************************************************************
smaller than 960
*************************************************************************************/
@media screen and (max-width: 960px) {
	.wrapper {
		width: 95%;
	}
	
	.lm-navi {
		display:block;
	}
	.s-navi {
		display:none;
	}

	.l-display {
		display:block;
	}
	.m-display {
		display:none;
	}
	.s-display {
		display:none;
	}
	
	#note_left {
		width:46.94%;
		margin-right:6.12%;
	}
	#note_right {
		margin-left:53.06%;
	}
	
	#inquiry_left {
		width:46.94%;
		margin-right:6.12%;
	}
	#inquiry_right {
		margin-left:53.06%;
	}
	
}


/************************************************************************************
smaller than 650
*************************************************************************************/
@media screen and (max-width: 650px) {
	.lm-navi {
		display:none;
	}
	.s-navi {
		display:block;
	}
	
	.l-display {
		display:none;
	}
	.m-display {
		display:block;
	}
	.s-display {
		display:none;
	}
	
	h2.title {
		font-size:18px;
	}
	h3.title {
		font-size:18px;
	}
	
	#note_left {
		float:none;
		width:100%;
		display:block;
		margin-right:0;
		padding-bottom:20px;
		text-align:center;
	}
	#note_right {
		width:100%;
		display:block;
		margin:0;
		text-align:center;
	}
	
	#inquiry_left {
		float:none;
		width:100%;
		display:block;
		margin-right:0;
		padding-bottom:20px;
		text-align:center;
	}
	#inquiry_right {
		width:100%;
		display:block;
		margin:0;
		text-align:center;
	}
	
	table.footer_table th {
		padding:0;
		width:100%;
		display:block;
	}
	table.footer_table td {
		padding:0;
		width:100%;
		display:block;
	}
	
}


/************************************************************************************
smaller than 560
*************************************************************************************/
@media screen and (max-width: 480px) {

	/* disable webkit text size adjust (for iPhone) */
	html {
		-webkit-text-size-adjust: 100%;
		-ms-text-size-adjust: 100%;
	}
	
	.l-display {
		display:none;
	}
	.m-display {
		display:none;
	}
	.s-display {
		display:block;
	}

}