@media only screen and (min-width:769px) {
		.visual { position: relative; background: #FFF; height: 800px; overflow: hidden; }
		.visual .logo { position: absolute; bottom: 0; z-index: 40; width: 100%; }
		.visual .logo h2 { background: linear-gradient(#004386CC, #004386FF);position: relative; bottom: auto; font-size: 72px; line-height: 80px; color: #FFF; text-align: center; width: 100%; padding: 0 0 40px; }
		.visual .logo h2 img { height: 80px !important; margin: 0 16px 0 0; }

		.visual .logo h2 b { font-size: 24px; font-weight: normal; line-height: 40px; color: #004386; letter-spacing: 2px; background: #FFF; border-radius: 4px; padding: 0 40px; display: inline-block; margin: 0 0 20px; }
		.visual .logo h2 span { font-size: 20px; font-weight: 300; line-height: 30px; letter-spacing: 4px; display: block; margin: 20px 0 0; }

		.visual .bg {
			height: 800px;
			background-size: cover !important;
			background-position: center bottom !important;
			width: 100%;
		}
		.visual .bg1 { background: url("../imgs/top/slide_bg1.jpg"); }
		.visual .bg2 { background: url("../imgs/top/slide_bg2.jpg"); }
		.visual .bg3 { background: url("../imgs/top/slide_bg3.jpg"); }
		.visual .bg4 { background: url("../imgs/top/slide_bg4.jpg"); }
		.visual .bg5 { background: url("../imgs/top/slide_bg5.jpg"); }
		.visual .bg6 { background: url("../imgs/top/slide_bg6.jpg"); background-position: center center !important;
}
		
		.about { text-align: center; padding: 80px 0; margin: 0; background: #FAFAFA; }
		.about h2 { font-size: 40px; line-height: 60px; }
		.about p { font-size: 20px; }

		.video { width: 100%; float: left; border-top: double 4px #D6D6D6; padding: 80px 0; text-align: center; }
		.video h3 { font-size: 32px; padding-bottom: 40px; margin-bottom: 40px; background: url("../imgs/cross-title-wedding.png") no-repeat bottom center;}
		.video iframe { margin: 40px 0 0; box-shadow: 0 0 10px #D6D6D6; }
		
		.top { width: 100%; float: left; border-top: double 4px #D6D6D6; padding: 80px 0 0; background: #FAFAFA; }
		.top ul { clear: both;}
		.top li { width: 480px; float: left; text-align: center; padding: 0 0 80px; }
		.top li:first-child, .top li:last-child { width: 360px; }
		.top li h3 { font-size: 32px; line-height: 1.5em;}
		
		.style { width: 100%; float: left; border-top: double 4px #D6D6D6; padding: 80px 0; background: #FAFAFA; }
		.style h3 { font-size: 48px; text-align: center; padding-bottom: 40px; background: url("../imgs/cross-title-wedding.png") no-repeat bottom center;}
		.style p { font-size: 20px; text-align: center; margin: 40px 20px 20px; padding: 40px; background: #F6F6F6; border-radius: 8px; border: double 4px #D6D6D6; }
		.style ul { }
		.style ul li { margin: 0 20px; width: 100%; text-align: center;  font-size: 16px; }
		
		.flow { width: 100%; float: left; border-top: double 4px #D6D6D6; padding: 80px 0;}
		.flow h3 { font-size: 48px; text-align: center; padding-bottom: 40px; background: url("../imgs/cross-title-wedding.png") no-repeat bottom center;}
		.flow ul { }
		.flow ul li { }
		
		.plan { width: 100%; float: left; border-top: double 4px #D6D6D6; padding: 40px 0;}
		.plan h3 { font-size: 48px; text-align: center; margin-bottom: 40px; padding-bottom: 40px; background: url("../imgs/cross-title-wedding.png") no-repeat bottom center;}


		.plan .slider img { margin: 0 auto; }
		.plan p { clear: both; padding: 40px 0; text-align: center; }
		.plan ul+p { display: flex; width: 1000px; margin: 0 auto; }
		.plan ul+p:before, .plan ul+p:after { content: ""; flex-grow: 1; height: 2px; background: #D6D6D6; display: block; margin-top: 24px; }
		.plan ul+p:before { margin-right: .8em; }
		.plan ul+p:after { margin-left: .8em; }
		.plan h4 { clear: both; font-size: 24px; text-align: center; padding-top: 40px;  background: url(../imgs/cross-wedding.png) top center no-repeat; }
		.plan .present {}
		.plan .present ul { clear: both; width: 1120px; margin: 0 auto; }
		.plan .present ul li { float: left; width: 240px; margin: 20px; text-align: center; }
		.plan h5 { clear:both; font-size: 24px; line-height: 35px; text-align: center; padding-top: 40px;  background: url(../imgs/cross-wedding.png) top center no-repeat; }
		.plan .content { width: 100%; float: left; margin: 0; padding: 0 0 20px; }
		.plan .content ul { clear: both; width: 1120px; margin: 20px auto; }
		.plan .content ul li { float: left; width: 240px; margin: 20px; text-align: center; }

		.plan h6 { clear: both; font-size: 24px; text-align: center; padding: 40px 0 20px; display: flex; width: 800px; margin: 0 auto; }
		.plan h6:before, .plan h6:after { content: ""; flex-grow: 1; height: 2px; background: #D6D6D6; display: block; margin-top: 24px; }
		.plan h6:before { margin-right: .8em; }
		.plan h6:after { margin-left: .8em; }
		
		.contact { width: 100%; float: left; background: #EDEDED; padding: 80px 0; }
		.contact div { width: 960px; margin: 0 auto; background: #FFF; padding: 40px 0; }
		.contact h3 { color: #004386; font-size: 40px; text-align: center; margin-bottom: 40px; padding-bottom: 40px; background: url("../imgs/cross-title-wedding.png") no-repeat bottom center;}

		.contact section { display: flex; padding: 0 40px; justify-content: space-around; }
		.contact section div { width: 400px; margin: 0; padding: 0; }
		.contact section h4 { font-size: 20px; line-height: 30px; text-align: center; }
		.contact section p { font-size: 40px; line-height: 50px; font-weight: bold; text-align: center; }
		.contact section p i { font-size: 36px; margin: 0 10px 0 0; }
		.contact section p span { font-size: 16px; line-height: 20px;  font-weight: normal; display: block; }

		.contact section ul { width: 400px; height: 90px; margin: 0; display: flex; justify-content: space-between; }
		.contact section ul li { text-align: center; }
		.contact section ul li a { width: 400px; background: #BB3828; color: #FFF; display: block; border-radius: 10px; line-height: 100px; font-size: 24px; } 

	}
	@media only screen and (max-width:768px) {
		.visual { position: relative; clear:both; height: 440px; overflow: hidden; }

		.visual .logo { position: absolute; bottom: 0; z-index: 40; width: 100%; }

		.visual .logo h2 { background: linear-gradient(#004386CC, #004386FF);position: relative; bottom: auto; font-size: 28px; line-height: 35px; color: #FFF; text-align: center; width: 100%; padding: 5px 0 15px; }
		.visual .logo h2 img { height: 30px !important; margin: 0 10px 0 0; }

		.visual .logo h2 b { font-size: 12px; font-weight: normal; line-height: 25px; color: #004386; letter-spacing: 1px; background: #FFF; border-radius: 4px; padding: 0 20px; display: inline-block; margin: 0 0 5px; }
		.visual .logo h2 span { font-size: 11px; font-weight: 300; line-height: 20px; letter-spacing: 1px; display: block; margin: 5px 0 0; }


		.visual .bg {
			height: 400px;
			background-size: cover !important;
			background-position: center !important;
			width: 100%;
		}
		.visual .bg1 { background: url("../imgs/top/sp/slide_bg1.jpg"); }
		.visual .bg2 { background: url("../imgs/top/sp/slide_bg2.jpg"); }
		.visual .bg3 { background: url("../imgs/top/sp/slide_bg3.jpg"); }
		.visual .bg4 { background: url("../imgs/top/sp/slide_bg4.jpg"); }
		.visual .bg5 { background: url("../imgs/top/sp/slide_bg5.jpg"); }
		.visual .bg6 { background: url("../imgs/top/sp/slide_bg6.jpg"); }

		
		.about { text-align: center; padding: 0; margin: 40px 0; }
		.about h2 { font-size: 18px; }
		.about p { font-size: 16px; padding: 0 10px; }

		.video { width: 100%; float: left; border-top: double 4px #D6D6D6; padding: 40px 20px; box-sizing: border-box; background: #FAFAFA; }
		.video h3 { font-size: 16px; text-align: center; padding-bottom: 40px; margin-bottom: 20px; background: url("../imgs/cross-title-wedding.png") no-repeat bottom center;}
		.video p { font-size: 16px; padding: 0; }

		.video iframe { margin: 20px 0 0; width: 100%; height: 55vw; }
		
		.top { width: 100%; float: left; border-top: double 4px #D6D6D6; padding: 40px 20px 20px; box-sizing: border-box; }
		.top ul { border: solid 1px #D6D6D6; margin: 0 0 20px; }
		.top li { width: 100%; text-align: center; padding: 0 10px 10px; box-sizing: border-box; line-height: 1.5em; }
		.top li:first-child, .top li:last-child { padding: 0 0 10px; }
		.top li h3 { font-size: 20px; }
		
		.style { width: 100%; float: left; border-top: double 4px #D6D6D6; padding: 40px 0;}
		.style h3 { font-size: 24px; text-align: center; padding-bottom: 40px; margin-bottom: 40px; background: url("../imgs/cross-title-wedding.png") no-repeat bottom center;}
		.style p { text-align: center; }
		.style ul { }
		.style ul li { }
		
		.flow { width: 100%; float: left; border-top: double 4px #D6D6D6; padding: 40px 0;}
		.flow h3 { font-size: 24px; text-align: center; padding-bottom: 40px; background: url("../imgs/cross-title-wedding.png") no-repeat bottom center;}
		
		.plan { width: 100%; float: left; border-top: double 4px #D6D6D6; padding: 40px 0 0;}
		.plan h3 { font-size: 24px; text-align: center; padding-bottom: 40px; margin-bottom: 20px; background: url("../imgs/cross-title-wedding.png") no-repeat bottom center;}
		.plan .slider img { margin: 0 auto; }
		.plan p { clear: both; padding: 40px 10px; text-align: center; }
		
		.plan h4 { font-size: 20px; text-align: center; padding-top: 30px; }
		.plan .present {}
		.plan .present ul { clear: both; width: 100%; margin: 0 auto; }
		.plan .present ul li { float: left; width: 50%; padding: 10px; text-align: center; box-sizing: border-box; font-size: 14px; }
		
		.plan h5 { clear: both; font-size: 20px; text-align: center; padding-top: 30px; }

		.plan .content { width: 100%; float: left; margin: 20px 0; }
		.plan .content ul { clear: both; width: 100%; margin: 0 auto; }
		.plan .content ul li { float: left; width: 50%; padding: 10px; text-align: center; box-sizing: border-box; font-size: 14px; }
		
		.plan h6 { clear: both; font-size: 20px; text-align: center; padding-top: 20px; }
		.plan .model ul { }
		.plan .model li { text-align: center; padding: 10px 10px 0; }
		.plan .place ul { }
		.plan .place li { text-align: center; padding: 10px 10px 0; }
		
		.contact { width: 100%; float: left; background: #EDEDED; padding: 40px 20px; box-sizing: border-box;}
		.contact div { background: #FFF; padding: 20px 0; }
		.contact h3 { color: #004386; font-size: 24px; text-align: center; margin-bottom: 40px; padding-bottom: 40px; background: url("../imgs/cross-title-wedding.png") no-repeat bottom center;}

		.contact section { }
		.contact section div { width: 100%; margin: 0 0 40px; padding: 0; }
		.contact section h4 { font-size: 20px; line-height: 30px; text-align: center; }
		.contact section p { font-size: 32px; line-height: 40px; font-weight: bold; text-align: center; }
		.contact section p i { font-size: 20px; margin: 0 5px 0 0; }
		.contact section p span { font-size: 14px; line-height: 20px;  font-weight: normal; display: block; }

		.contact section ul { width: 100%; margin: 0; }
		.contact section ul li { text-align: center; }
		.contact section ul li a { width: 300px; background: #BB3828; color: #FFF; display: block; border-radius: 10px; line-height: 80px; font-size: 20px; margin: 0 auto; } 
	}