@media only screen and (min-width:769px) {
		.visual { clear:both; height: 0; padding-bottom: 57%; position: relative; }
		.visual img { width: 100% !important; }
		.visual .slider .catch { position: absolute; top: 160px; width: 100%; }
		.visual .slider1 h2 { position: relative; bottom: auto; font-size: 36px; color: #FFF; text-align: center; width: 100%; text-shadow:0px 0px 10px #000; }
		.visual .slider1 h3 { position: relative; bottom: auto; font-size: 72px; line-height: 1.5em; color: #FFF; text-align: center; width: 100%; text-shadow:0px 0px 10px #000; }
		.visual .slider1 p { position: absolute; bottom: 0; padding: 30px 0; font-size: 30px; line-height: 1em; color: #FFF; text-align: center; width: 100%; background: rgb(0,0,0,0.2);text-shadow:0px 0px 10px #000; }
		.visual .slider1 p span { font-size: 20px; font-weight: 900; background: linear-gradient(to bottom, #EDEDED, #FFF); text-shadow: none; color: #000; border-radius: 5px; padding: 5px 20px; margin: 30px 20px 0; display: inline-block; }


		.visual h2 { position: absolute; bottom: 30%; font-size: 48px; color: #FFF; text-align: center; width: 100%; text-shadow:0px 0px 10px #000,0px 0px 10px #000; }
		.visual h3 { position: absolute; bottom: 20%; font-size: 72px; line-height: 1.5em; color: #FFF; text-align: center; width: 100%; text-shadow:0px 0px 10px #000,0px 0px 10px #000; }
		
		.index { width: 100%; float: left; border-top: double 4px #D6D6D6; padding: 40px 0;}
		.index h2 { font-size: 48px; text-align: center; padding-top: 40px; background: url("../common/imgs/title_sakura.png") no-repeat top center;}
		.index h3 { font-size: 16px; text-align: center; color: #646464}
		.index ul { width: 1080px; margin: 0 auto; }
		.index ul li { float: left; padding: 80px 0 0; width: 33.333%; text-align: center; }
		
	}
	@media only screen and (max-width:768px) {
		.visual { position: relative; }
		.visual .slider .catch { position: absolute; top: 60px; width: 100%; }

		.visual .slider1 h2 { position: relative; bottom: auto; font-size: 4vw; line-height: 1.5em; color: #FFF; text-align: center; width: 100%; text-shadow:0px 0px 10px #000; padding: 0 0 15px; }
		.visual .slider1 h3 { position: relative; bottom: auto; font-size: 7vw; font-weight: 700; line-height: 1.5em; color: #FFF; text-align: center; width: 100%; text-shadow:0px 0px 10px #000; }
		.visual .slider1 p { position: absolute; bottom: 0; font-size: 4vw; line-height: 1.2em; color: #FFF; text-align: center; width: 100%; text-shadow:0px 0px 10px #000; background: rgb(0,0,0,0.2); padding: 10px 0; }
		.visual .slider1 p span { font-size: 3vw; font-weight: 900; background: linear-gradient(to bottom, #EDEDED, #FFF); text-shadow: none; color: #000; border-radius: 4px; padding: 4px 8px; margin: 5px 4px 0; white-space: nowrap; display: inline-block; }

		.visual h2 { position: absolute; bottom: 30%; font-size: 6vw; line-height: 1.5em; color: #FFF; text-align: center; width: 100%; text-shadow:0px 0px 10px #000,0px 0px 10px #000; }
		.visual h3 { position: absolute; bottom: 15%; font-size: 8vw; line-height: 1.2em; color: #FFF; text-align: center; width: 100%; text-shadow:0px 0px 10px #000,0px 0px 10px #000; }

		
		.index { width: 100%; float: left; border-top: double 4px #D6D6D6; padding: 40px 0;}
		.index h2 { font-size: 24px; text-align: center; padding-top: 40px; background: url("../common/imgs/title_sakura.png") no-repeat top center;}
		.index h3 { font-size: 12px; text-align: center; color: #646464}
		.index ul { }
		.index ul li { float: left; width: 33.333%; box-sizing: border-box; padding: 20px 10px 0; text-align: center; font-size: 4vw; line-height: 1.2em; }
	}