@media only screen and (min-width:769px) {
		.visual { clear:both; height: 0; padding-bottom: 25%; }
		.visual img { width: 100% !important; }

		.access { width: 100%; float: left; border-top: double 4px #D6D6D6; padding: 40px 0; background: #EDEDED; }
		.access h2 { font-size: 48px; text-align: center; padding-top: 40px; background: url("/common/imgs/title_sakura.png") no-repeat top center;}
		.access h3 { font-size: 16px; text-align: center; color: #646464}
		.access ul { width: 990px; margin: 0 auto; }
		.access ul li { width: 100%; float: left; background: #FFF; margin: 40px 0 0; }
		.access ul li .content { width: 100%; box-sizing: border-box; padding: 20px; }
		.access ul li .content h4 { font-size: 20px; border-bottom: solid 1px #D6D6D6; }
		.access ul li .content p { font-size: 16px; color: #323232; line-height: 1.5em; }



	}
	@media only screen and (max-width:768px) {
		.access { width: 100%; float: left; border-top: double 4px #D6D6D6; padding: 40px 10px; background: #EDEDED; box-sizing: border-box; }
		.access h2 { font-size: 24px; text-align: center; padding-top: 40px; background: url("/common/imgs/title_sakura.png") no-repeat top center;}
		.access h3 { font-size: 16px; text-align: center; color: #646464}
		.access ul { width: 100%; margin: 0 auto; }
		.access ul li { width: 100%; float: left; background: #FFF; margin: 40px 0 0; padding: 20px; box-sizing: border-box; }
		.access ul li .content { width: 100%; }
		.access ul li .content h4 { font-size: 20px; border-bottom: solid 1px #D6D6D6; }
		.access ul li .content p { font-size: 16px; color: #323232; line-height: 1.5em; }

	}