@media only screen and (min-width:769px) {
		.visual { clear:both; height: 0; padding-bottom: 57%; position: relative; }
		.visual img { width: 100% !important; }
		.visual h2 {
position: absolute; 
bottom: 16%;
    font-size: 64px;
    color: #FFF;
    text-align: center;
    width: 100%;
text-shadow:0px 0px 10px #000;
}
		.visual p {
position: absolute;
bottom: 32%;
    font-size: 40px;
line-height: 1.5em;
    color: #FFF;
    text-align: center;
    width: 100%;
text-shadow:0px 0px 10px #000;
}
		.visual h2+p { position: absolute; bottom: 8%; font-size: 32px; line-height: 1.5em; color: #FFF; text-align: center; width: 100%; text-shadow:0px 0px 10px #000,0px 0px 10px #000; }
		.visual h2+p span { font-size: 20px; font-weight: 900; background: linear-gradient(to bottom, #EDEDED, #FFF); text-shadow: none; color: #000; border-radius: 5px; padding: 10px 20px; margin: 0 20px; }


		
		.top { text-align: center; padding: 40px 0; margin: 40px 0 0; }
		.top h2 { font-size: 24px; color: #996633; }
		.top p { font-size: 20px; }

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

		.notice { width: 100%; float: left; border-top: double 4px #D6D6D6; padding: 40px 0; background: #FFF; }
		.notice h3 { clear: both; font-size: 24px; text-align: center; padding-top: 30px; background: url("/common/imgs/title_sakura_s.png") no-repeat top center; }
		.notice .box { width: 640px; margin: 40px auto; padding: 20px; border: solid 2px #D6D6D6; box-sizing: border-box; background: #FFF; }
		.notice .box h4 { font-size: 20px; }
		.notice .box p { font-size: 16px; padding-bottom: 1em; }

		.photos { width: 100%; float: left; border-top: double 4px #D6D6D6; padding: 40px 0; background: #FFF; overflow: hidden; }
		.photos h2 { font-size: 48px; text-align: center; padding-top: 40px; background: url("/common/imgs/title_sakura.png") no-repeat top center;}
		.photos h3 { font-size: 16px; text-align: center; color: #646464}

		.option { width: 100%; float: left; border-top: double 4px #D6D6D6; padding: 40px 0; background: #EDEDED; }
		.option h3 { clear: both; font-size: 24px; text-align: center; padding-top: 30px; background: url("/common/imgs/title_sakura_s.png") no-repeat top center; }
		.option .box { width: 640px; margin: 40px 0 40px 280px; float: left; padding: 20px; border: solid 2px #D6D6D6; box-sizing: border-box; background: #FFF; }
		.option .box h4 { font-size: 20px; }
		.option .box p { font-size: 16px; padding-bottom: 1em; }
		.option .box dl { font-size: 16px; padding-bottom: 1em; float: left; width: 100%; }
		.option .box dt { clear: both; float: left; }
		.option .box dd { float: right; }
		


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



	}
	@media only screen and (max-width:768px) {
		.visual { position: relative; }
		.visual h2 {
position: absolute; 
bottom: 18%;
    font-size: 32px;
line-height: 1.5em;

    color: #FFF;
    text-align: center;
    width: 100%;
text-shadow:0px 0px 10px #000;
}
		.visual p {
position: absolute;
bottom: 30%;
    font-size: 16px;
line-height: 1.5em;
    color: #FFF;
    text-align: center;
    width: 100%;
text-shadow:0px 0px 10px #000;
}
		.visual h2+p { position: absolute; bottom: 9%; font-size: 4vw; line-height: 1.2em; color: #FFF; text-align: center; width: 100%; text-shadow:0px 0px 10px #000,0px 0px 10px #000; }
		.visual h2+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; }


		
		.top { text-align: center; padding: 40px 0; margin: 40px 0 0; }
		.top h2 { font-size: 20px; color: #996633; }
		.top p { font-size: 16px; }

		.plan { width: 100%; float: left; border-top: double 4px #D6D6D6; padding: 40px 10px; background: #EDEDED; box-sizing: border-box; }
		.plan h2 { font-size: 24px; text-align: center; padding-top: 40px; background: url("/common/imgs/title_sakura.png") no-repeat top center;}
		.plan h3 { font-size: 16px; text-align: center; color: #646464}
		.plan ul { width: 100%; margin: 0 auto; }
		.plan ul li { width: 100%; float: left; background: #FFF; margin: 40px 0 0; padding: 20px; box-sizing: border-box; }
		.plan ul li .photo { width: 240px; margin: 0 auto; }
		.plan ul li .content { width: 100%; }
		.plan ul li .content h4 { font-size: 20px; border-bottom: solid 1px #D6D6D6; }
		.plan ul li .content h5 { font-size: 16px; }
		.plan ul li .content .price { font-size: 16px; }
		.plan ul li .content .price b { color: #BC3829; }
		.plan ul li .content .price span { font-size: 14px; }
		.plan ul li .content .caption { font-size: 14px; color: #323232; line-height: 1.5em; }
		.plan ul li .content .reserve { text-align: center; }

		.notice { width: 100%; float: left; border-top: double 4px #D6D6D6; padding: 40px 10px; background: #FFF; box-sizing: border-box; }
		.notice h3 { clear: both; font-size: 24px; text-align: center; padding-top: 30px; background: url("/common/imgs/title_sakura_s.png") no-repeat top center; }
		.notice .box { width: 100%; margin: 40px auto; padding: 20px; border: solid 2px #D6D6D6; box-sizing: border-box; background: #FFF; }
		.notice .box h4 { font-size: 16px; }
		.notice .box p { font-size: 14px; padding-bottom: 1em; }

		.photos { width: 100%; float: left; border-top: double 4px #D6D6D6; padding: 40px 0; background: #FFF; overflow: hidden; }
		.photos h2 { font-size: 24px; text-align: center; padding-top: 40px; background: url("/common/imgs/title_sakura.png") no-repeat top center;}
		.photos h3 { font-size: 16px; text-align: center; color: #646464}

		.option { width: 100%; float: left; border-top: double 4px #D6D6D6; padding: 40px 10px; background: #EDEDED; box-sizing: border-box; }
		.option h3 { clear: both; font-size: 24px; text-align: center; padding-top: 30px; background: url("/common/imgs/title_sakura_s.png") no-repeat top center; }
		.option .box { width: 100%; margin: 40px auto; padding: 20px; border: solid 2px #D6D6D6; box-sizing: border-box; background: #FFF; float: left; }
		.option .box h4 { font-size: 16px; }
		.option .box p { font-size: 14px; padding-bottom: 1em; }
		.option .box dl { font-size: 16px; padding-bottom: 1em; float: left; width: 100%; }
		.option .box dt { clear: both; float: left; }
		.option .box dd { float: right; }



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

	}