@charset "utf-8";

/*----------
CSS -micro clearfix
------------*/
/* For modern browsers */
.cf:before,
.cf:after {
    content:"";
    display:table;}
.cf:after {clear:both;} 
/* For IE 6/7 (trigger hasLayout) */
.cf {zoom:1;}


@media(max-width: 767px){
	.PC{display:none !important;}
	.SP{display:block !important;}
	#hside{display:none !important;}}

@media(min-width: 768px){
	/*body{min-width: 980px;}*/
	.PC{display:block !important;}
	.SP{display:none !important;}
	#hside{display:block !important;}
	#LpContainer{display:block !important;}}


/*--------------------------------------------------------------------------------*/
@media(min-width: 768px){
#LpContainer h1,#LpContainer h2,#LpContainer h3,#LpContainer p,#LpContainer ul,#LpContainer li{text-align:center!important;}	
figure{margin:0;}
#LpContainer{background-color:#002eff; text-align:center;}
#hside{
	left:460px !important;
	right:0 !important;
	margin:0 auto !important;}
/*nav{height: 49px !important;}
nav li a{height: 49px !important;}*/


/*-------------------------------*/
.Main{
	/*padding-top:60px;*/padding-top:100px;
	width:960px;
	border-bottom: 1px solid #1f1ea7;
	margin:0 auto;
	margin-bottom:50px;}
.Main p{
	line-height:0;
	text-indent:-9999px;
	background: url("../images/main.gif") 0 0 no-repeat;
	width:820px;
	height:128px;
	margin:0 auto;
	margin-bottom:30px;}

	.Main img.ProductImg{
		margin:-90px 0 0 60px;}
	.Main .Hydroflash{
		margin-bottom:150px;}
		.Main .Hydroflash span{
			display:block;
			line-height:0;
			text-indent:-9999px;
			background: url("../images/clean.gif") 0 0 no-repeat;
			width:317px;
			height:17px;
			margin:-220px 0 40px 520px;}
		.Main .Hydroflash h1{
			line-height:0;
			text-indent:-9999px;
			background: url("../images/hydroflash.gif") 0 0 no-repeat;
			width:317px;
			height:72px;
			margin:0 0 0 520px;}
/*-------------------------------*/
.Movie{
	margin-bottom:50px;}
.Movie h2{
	line-height:0;
	text-indent:-9999px;
	background: url("../images/movie_tit.gif") 0 0 no-repeat;
	width:102px;
	height:26px;
	margin:0 auto;
	margin-bottom:10px;}	
	.Movie .Movie-Box iframe{
		width:586px;
		height:330px;
		margin:0 auto;}
		
/*-------------------------------*/
.Outline{
	background-color:#1f1ea7;
	padding:60px 0;}
	.Outline h2{
		line-height:0;
		text-indent:-9999px;
		background: url("../images/outline_tit.gif") 0 0 no-repeat;
		width:792px;
		height:184px;
		margin:0 auto;
		margin-bottom:30px;}		

		.Outline figure img{
			width:437px;
			margin-bottom:10px;}
		.Outline figcaption{
			line-height:0;
			text-indent:-9999px;
			background: url("../images/outline_caption.gif") 0 0 no-repeat;
			width:398px;
			height:58px;
			margin:0 auto;
			margin-bottom:40px;}
		.Outline figcaption br{
			display: none;}	
		

	.Outline .Other{
		width:920px;
		border: 1px solid #908fd3;
		padding:20px;
		margin:0 auto;
		margin-top:20px;}
	.Outline .Other h3{
			line-height:0;
			text-indent:-9999px;
			background: url("../images/outline2_txt.gif") 0 0 no-repeat;
			width:380px;
			height:52px;
			margin:0 auto;
			margin-bottom:10px;}
			.Outline .Other h3 br{
				display: none;}	
	.Outline .Other figcaption{
			margin-bottom:0px;}
	.Outline .Other  figcaption{
			line-height:0;
			text-indent:-9999px;
			background: url("../images/outline2_caption.gif") 0 0 no-repeat;
			width:552px;
			height:58px;
			margin:0 auto;
			margin-bottom:0px;}
/*-------------------------------*/
.Answer{
	padding:60px 0 0 0;}
	.Answer h2{
		line-height:0;
		text-indent:-9999px;
		background: url("../images/answer_tit.gif") 0 0 no-repeat;
		width:665px;
		height:136px;
		margin:0 auto;
		margin-bottom:20px;}
	.Answer h3{
		line-height:0;
		text-indent:-9999px;
		background: url("../images/answer_cleancoating.gif") 0 0 no-repeat;
		width:960px;
		height:91px;
		margin:0 auto;
		margin-bottom:20px;}
		.Answer img{
			margin:0 auto;}
		.Answer span img{
			display:block;
			width:460px;
			margin-bottom:20px;}
		.Answer img.Img1{
			width:440px;
			margin-bottom:40px;}			
		.Answer img.Img2{
			width:586px;
			margin-bottom:40px;}
			
/*-------------------------------*/	
.Technology{
	width:960px;
	border-bottom: 1px solid #1f1ea7;
	margin:0 auto;
	margin-bottom:40px;}
	.Technology span img{
			max-width: 100%;
			margin-bottom:10px;}
.Technology .Label{
		display:block;
		line-height:0;
		text-indent:-9999px;
		background: url("../images/technology.gif") 0 0 no-repeat;
		width:202px;
		height:202px;
		margin:0 auto;
		margin-bottom:20px;}
	.Technology h2.Tec1{
		line-height:0;
		text-indent:-9999px;
		background: url("../images/technology_tit.gif") 0 0 no-repeat;
		width:413px;
		height:89px;
		margin:0 auto;
		margin-bottom:30px;}
	.Technology p{
		line-height:0;
		text-indent:-9999px;
		background: url("../images/technology_txt.gif") 0 0 no-repeat;
		width:608px;
		height:51px;
		margin:0 auto;
		margin-bottom:20px;}
		.Technology p  br{
				display: none;}

.Technology .TechnologyArea{
	/*width:880px;*/width:960px;
	border: 1px solid #8097ff;
	padding:39px;
	margin:0 auto;
	margin-bottom:40px;}	
	.Technology .TechnologyOld{
		 padding:40px;
		 margin:0;
		 margin-bottom:40px;
		 background-color:#5876ff;}
		.Technology .TechnologyOld h3{
			line-height:0;
			text-indent:-9999px;
			background: url("../images/technology_old_tit.gif") 0 0 no-repeat;
			width:800px;
			height:31px;
			margin-bottom:20px;}
		.Technology .TechnologyOld figure img{
			width:437px;
			margin-bottom:10px;}
		.Technology .TechnologyOld figure figcaption{
			line-height:0;
			text-indent:-9999px;
			background: url("../images/technology_old_txt.gif") 0 0 no-repeat;
			width:341px;
			height:38px;
			margin:0 auto;}
		.Technology .TechnologyOld figure figcaption br{
			display: none;}	
		.Technology .TechnologyOld span{
			display:block;
			width:437px;
			color:#dce2ff;
			font-size:1.0em;
			text-align:right;
			margin:0 auto;
			margin-bottom:5px;}	
			
						
		
		.Technology .TechnologyNew{}
			.Technology .TechnologyNew h3{
					line-height:0;
					text-indent:-9999px;
					background: url("../images/technology_hydro_tit.gif") 0 0 no-repeat;
					width:880px;
					height:31px;
					margin-bottom:20px;}
		.Technology .TechnologyNew .TechnologyNewArea figure{
			float:left;}
		.Technology .TechnologyNew figure.S1 img,
		.Technology .TechnologyNew figure.S2 img{
			width:420px;
			margin-bottom:10px;}
		.Technology .TechnologyNew figure.Arrow img{
			margin:90px 7px 0 7px;}		
		.Technology .TechnologyNew figure.S1 figcaption{
			line-height:0;
			text-indent:-9999px;
			background: url("../images/technology_hydro1_txt.gif") 0 0 no-repeat;
			width:356px;
			height:38px;
			margin:0 auto;}
		.Technology .TechnologyNew figure.S2 figcaption{
			line-height:0;
			text-indent:-9999px;
			background: url("../images/technology_hydro2_txt.gif") 0 0 no-repeat;
			width:364px;
			height:38px;
			margin:0 auto;}
		.Technology .TechnologyNew figure figcaption br{
			display: none;}			
			.Technology .TechnologyNew span{
				display:block;
				width:420px;
				color:#dce2ff;
				font-size:1.0em;
				text-align:right;
				margin-bottom:5px;}	

	.Technology h2.Tec2{
		line-height:0;
		text-indent:-9999px;
		background: url("../images/technology_hydro_tit2.gif") 0 0 no-repeat;
		width:581px;
		height:89px;
		margin:0 auto;
		margin-bottom:20px;}
			
	.Technology img.Img2{
		width:578px;
		margin-bottom:40px;}
		


/*-------------------------------*/
.Case span.Label{
	display:block;
	line-height:0;
	text-indent:-9999px;
	background: url("../images/case.gif") 0 0 no-repeat;
	width:101px;
	height:102px;
	margin:0 auto;
	margin-bottom:20px;}
.Case h2{
	line-height:0;
	text-indent:-9999px;
	background: url("../images/case_tit.gif") 0 0 no-repeat;
	width:464px;
	height:41px;
	margin:0 auto;
	margin-bottom:30px;}
.Case p{
	line-height:0;
	text-indent:-9999px;
	background: url("../images/case_txt.gif") 0 0 no-repeat;
	width:334px;
	height:22px;
	margin:0 auto;
	margin-bottom:20px;}

.Case .CaseArea{
	/*width:880px;*/width:960px;
	border: 1px solid #8097ff;
	padding:39px;
	margin:0 auto;
	margin-bottom:60px;}	

.Case1,
.Case2{
	/*width:380px;*/
	float:left;
	border: 1px solid #8097ff;
	padding:19px;}
.Case1{
	margin-right:40px;}
	.Case1 h3{
		line-height:0;
		text-indent:-9999px;
		background: url("../images/case1_title.gif") 0 0 no-repeat;
		width:380px;
		height:31px;
		margin:0 auto;
		margin-bottom:10px;}
	.Case2 h3{
		line-height:0;
		text-indent:-9999px;
		background: url("../images/case2_title.gif") 0 0 no-repeat;
		width:380px;
		height:31px;
		margin:0 auto;
		margin-bottom:10px;}

	.Case1 .TestCase span,
	.Case2 .TestCase span{
		display:block;
		width:100%;
		color:#dce2ff;
		font-size:1.0em;
		text-align:right;
		margin-bottom:5px;}
	.Case1 figure,
	.Case2 figure{
		margin:0;}
		.Case1 figure img,
		.Case2 figure img{
			width:380px;
			margin-bottom:14px;}
			.Case2 figure img.stepArrow{
				width:250px;
				margin-bottom:5px;
				margin-top:-5px;}
							
		.Case1 figcaption{
			line-height:0;
			text-indent:-9999px;
			background: url("../images/case1_caption.gif") 0 0 no-repeat;
			width:321px;
			height:38px;
			margin:0 auto;}
			.Case1 figcaption br{
					display: none;}
		.Case2 figcaption{
			line-height:0;
			text-indent:-9999px;
			background: url("../images/case2_caption.gif") 0 0 no-repeat;
			width:330px;
			height:38px;
			margin:0 auto;}
			.Case2 figcaption br{
					display: none;}
			
/*	.Case1 ul li figure.Arrow img,
	.Case2 ul li figure.Arrow img{
		padding:10px 0;}*/


						
/*-------------------------------*/
.PointArea{
	border-bottom: 1px solid #1f1ea7;}
	.PointArea .Point1,
	.PointArea .Point2,
	.PointArea .Point3,
	.PointArea .Point4{
		margin-bottom:60px;}
		
	.PointArea .PointNumber{
		line-height:0;
		text-indent:-9999px;
		margin:0 auto;
		margin-bottom:20px;
		width:960px;
		height:78px;}	
		.PointArea .Point1 .PointNumber{
			background: url("../images/point1.jpg") 0 0 no-repeat;}
		.PointArea .Point2 .PointNumber{
			background: url("../images/point2.jpg") 0 0 no-repeat;}
		.PointArea .Point3 .PointNumber{
			background: url("../images/point3.jpg") 0 0 no-repeat;}
		.PointArea .Point4 .PointNumber{
			background: url("../images/point4.jpg") 0 0 no-repeat;}		

	.PointArea h2{
		line-height:0;
		text-indent:-9999px;
		margin:0 auto;		
		margin-bottom:30px;}	
		.PointArea .Point1 h2{
			background: url("../images/point1_tit.gif") 0 0 no-repeat;
			width:251px;
			height:42px;}
		.PointArea .Point2 h2{
			background: url("../images/point2_tit.gif") 0 0 no-repeat;
			width:607px;
			height:42px;}
		.PointArea .Point3 h2{
			background: url("../images/point3_tit.gif") 0 0 no-repeat;
			width:458px;
			height:42px;}
		.PointArea .Point4 h2{
			background: url("../images/point4_tit.gif") 0 0 no-repeat;
			width:407px;
			height:42px;}
			
	.PointArea p{
		line-height:0;
		text-indent:-9999px;
		margin:0 auto;		
		margin-bottom:30px;}	
		.PointArea .Point1 p{
			background: url("../images/point1_txt.gif") 0 0 no-repeat;
			width:444px;
			height:21px;}
		.PointArea .Point2 p{
			background: url("../images/point2_txt.gif") 0 0 no-repeat;
			width:411px;
			height:21px;}
		.PointArea .Point3 p{
			background: url("../images/point3_txt.gif") 0 0 no-repeat;
			width:386px;
			height:51px;}
		.PointArea .Point4 p{
			background: url("../images/point4_txt.gif") 0 0 no-repeat;
			width:522px;
			height:51px;}
		.PointArea p br{
			display: none;}				


	.PointArea figure{
		margin:0 10px;}
		.PointArea figure img{
			width:586px;}
		.PointArea .Point1 figure img,
		.PointArea .Point2 figure img{
			margin-bottom:20px;}			
		.PointArea figure figcaption{
			line-height:0;
			text-indent:-9999px;
			margin:0 auto;		
			margin-bottom:30px;}	
			.PointArea .Point1 figure figcaption{
				background: url("../images/point1_caption.gif") 0 0 no-repeat;
				width:226px;
				height:38px;}
			.PointArea .Point2 figure figcaption{
				background: url("../images/point2_caption.gif") 0 0 no-repeat;
				width:264px;
				height:38px;}
			.PointArea  figure figcaption br{
				display: none;}	
				
/*-------------------------------*/
.Ft-Product{
	width:960px;
	margin:0 auto;
	padding:60px 0 60px 0;}
		.Ft-Product span{
			display:block;
			line-height:0;
			text-indent:-9999px;
			background: url("../images/ft_tit1.gif") 0 0 no-repeat;
			width:960px;
			height:36px;
			margin:0 auto;
			margin-bottom:20px;}	
		.Ft-Product p.Tit{
			line-height:0;
			text-indent:-9999px;
			background: url("../images/ft_tit2.gif") 0 0 no-repeat;
			width:820px;
			height:129px;
			margin:0 auto;
			margin-bottom:30px;}
		.Ft-Product div{
			margin-bottom:50px;}
		.Ft-Product img.ProductImg{
			margin:-90px 0 0 60px;}
		.Ft-Product h2{
			line-height:0;
			text-indent:-9999px;
			background: url("../images/ft_hydroflash.gif") 0 0 no-repeat;
			width:317px;
			height:72px;
			margin:-220px 0 40px 520px;}
		.Ft-Product p.OnlineShop{
			margin:0 0 0 520px;}			
			.Ft-Product p.OnlineShop a{
				transition: none;
				display:block;
				line-height:0;
				text-indent:-9999px;
				background: url("../images/ft_shop.gif") 0 top no-repeat;
				width:317px;
				height:62px;}
				.Ft-Product p.OnlineShop a:hover{
					transition: none;
					background-position:0 bottom;}


					
		/*.Ft-Product p.OnlineShop{
			margin:0 0 0 540px;}			
			.Ft-Product p.OnlineShop{
				display:block;
				line-height:0;
				text-indent:-9999px;
				background: url("../images/ft_shop_3.gif") 0 top no-repeat;
				width:317px;
				height:156px;}	*/			
				
}
/*--------------------------------------------------------------------------------*/
@media(max-width: 767px){
figure{margin:0;}
#LpContainer{background-color:#002eff; text-align:center;}

/*-------------------------------*/
.Main{
	margin-bottom:20px;}
.Main p{
	line-height:0;
	text-indent:-9999px;
	background: url("../images/sp/sp_main.jpg") 0 0 no-repeat;
	padding-top: 70.1%; /* calc(100%*538/768); calc(100*ImageHeight/ImageWidth)% */
	background-size: contain;
	margin-bottom:10px;}
	
.Main .Hydroflash{
	margin:0 10px;
	padding-bottom:10px;
	border-bottom: 1px solid #1f1ea7;}
	.Main .Hydroflash span{
		display:block;
		line-height:0;
		text-indent:-9999px;
		background: url("../images/sp/sp_clean.gif") 0 0 no-repeat;
		padding-top: 8.5%; /* calc(100%*62/728); calc(100*ImageHeight/ImageWidth)% */
		background-size: contain;
		margin-bottom:10px;}
	.Main .Hydroflash h1{
		line-height:0;
		text-indent:-9999px;
		background: url("../images/sp/sp_hydroflash.gif") 0 0 no-repeat;
		padding-top: 16.2%; /* calc(100%*118/728); calc(100*ImageHeight/ImageWidth)% */
		background-size: contain;
		margin-bottom:20px;}			
	.Main .Hydroflash img{
		max-width: 100%;
		margin-bottom:10px;}	
/*-------------------------------*/
.Movie{
	padding:10px 10px 40px 10px;}
	
	.Movie .Movie-Box{
		height: 0;
		overflow: hidden;
		padding-bottom: 56.25%;
		position: relative;}
	.Movie .Movie-Box iframe{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;}

/*-------------------------------*/
.Outline{
	background-color:#1f1ea7;
	padding:40px 10px;}
	.Outline h2{
		line-height:0;
		text-indent:-9999px;
		margin-bottom:15px;
		background: url("../images/sp/sp_outline_tit.gif") 0 0 no-repeat;
		padding-top: 40.1%; /* calc(100%*292/728); calc(100*ImageHeight/ImageWidth)% */
		background-size: contain;}		
	.Outline figure{
		margin:0;
		margin-bottom:10px;}
		.Outline figure img{
			max-width: 100%;}
		.Outline figcaption{
			line-height:130%;
			color:#dce2ff;
			font-size:0.76em;
			padding-top:5px;
			margin-bottom:20px;}
		

	.Outline .Other{
		 border: 1px solid #908fd3;
		 padding:10px 10px 0 10px;
		 margin-top:20px;}
	.Outline .Other h3{
		line-height:130%;
		color:#fff;
		font-size:1.0em;
		font-weight:bold;
		margin-bottom:5px;}
	.Outline .Other figcaption{
			margin-bottom:0px;}

/*-------------------------------*/
.Answer{
	padding:40px 10px 0 10px;}
	.Answer h2{
		line-height:0;
		text-indent:-9999px;
		margin-bottom:15px;
		background: url("../images/sp/sp_answer_tit.gif") 0 0 no-repeat;
		padding-top: 31.8%; /* calc(100%*232/728); calc(100*ImageHeight/ImageWidth)% */
		background-size: contain;}
	.Answer h3{
		line-height:0;
		text-indent:-9999px;
		margin-bottom:10px;
		background: url("../images/sp/sp_answer_cleancoating.gif") 0 0 no-repeat;
		padding-top: 21.2%; /* calc(100%*154/728); calc(100*ImageHeight/ImageWidth)% */
		background-size: contain;}	
		.Answer img{
			max-width: 100%;
			margin-bottom:20px;}
		.Answer span img{
			max-width: 100%;
			margin-bottom:10px;}	


/*-------------------------------*/	
.Technology{
	padding:0 10px;
	margin-bottom:20px;}

.Technology .Label{
		display:block;
		line-height:0;
		text-indent:-9999px;
		margin-bottom:15px;
		background: url("../images/sp/sp_technology.gif") 0 0 no-repeat;
		padding-top: 46.2%; /* calc(100%*336/728); calc(100*ImageHeight/ImageWidth)% */
		background-size: contain;}
	
	.Technology h2.Tec1{
		line-height:0;
		text-indent:-9999px;
		margin-bottom:15px;
		background: url("../images/sp/sp_technology_tit.gif") 0 0 no-repeat;
		padding-top: 15.9%; /* calc(100%*116/728); calc(100*ImageHeight/ImageWidth)% */
		background-size: contain;}
	.Technology h2.Tec2{
		line-height:0;
		text-indent:-9999px;
		margin-bottom:15px;
		background: url("../images/sp/sp_technology_hydro_tit2.gif") 0 0 no-repeat;
		padding-top: 15.9%; /* calc(100%*116/728); calc(100*ImageHeight/ImageWidth)% */
		background-size: contain;}	
	.Technology p{
		line-height:130%;
		color:#fff;
		font-size:1.0em;
		font-weight:bold;
		margin-bottom:15px;}
		.Technology figure{
			margin:0;
			margin-bottom:10px;}
		.Technology figure img{
			max-width: 100%;}
		.Technology figcaption{
			line-height:130%;
			color:#dce2ff;
			font-size:0.76em;
			padding-top: 5px;}
			
.Technology .TechnologyOld{
	 padding:10px;
	 margin:0;
	 margin-bottom:20px;
	 background-color:#5876ff;}
	.Technology .TechnologyOld h3{
		padding:5px 0;
		background-color:#666;
		border-radius:90px;
		color:#fff;
		font-size:1.0em;
		font-weight:bold;
		margin-bottom:10px;}
	.Technology .TechnologyOld figure{
		margin:0 !important;} 
	.Technology .TechnologyOld span{
		display:block;
		width:100%;
		color:#dce2ff;
		font-size:0.6em;
		text-align:right;
		margin-bottom:5px;}				
		
.Technology .TechnologyNew{}
	.Technology .TechnologyNew h3{
		padding:5px 0;
		background-color:#1f1ea7;
		border-radius:90px;
		color:#ffff00;
		font-size:1.0em;
		font-weight:bold;
		margin-bottom:10px;}
	.Technology .TechnologyNew span{
		display:block;
		width:100%;
		color:#dce2ff;
		font-size:0.6em;
		text-align:right;
		margin-bottom:5px;}		
					
/*-------------------------------*/	
.Case1,
.Case2{
	border-top: 1px solid #1f1ea7;
	padding-top:20px;
	margin:0 10px;}
.Case1 div,
.Case2 div{
	 border: 1px solid #8097ff;
	 padding:10px;
	 margin-bottom:30px;}	
	.Case1 h3,
	.Case2 h3{
		padding:5px 0;
		background-color:#1f1ea7;
		border-radius:90px;
		color:#fff;
		font-size:1.0em;
		font-weight:bold;
		margin-bottom:10px;}		
	.Case1 p,
	.Case2 p{
		line-height:130%;
		color:#fff;
		font-size:1.0em;
		font-weight:bold;
		margin-bottom:15px;}
	.Case1 .TestCase span,
	.Case2 .TestCase span{
		display:block;
		width:100%;
		color:#dce2ff;
		font-size:0.6em;
		text-align:right;
		margin-bottom:5px;}
	.Case1 figure,
	.Case2 figure{
		margin:0;}
		.Case1 figure img,
		.Case2 figure img{
			max-width: 100%;}	
		.Case1 figcaption,
		.Case2 figcaption{
			line-height:130%;
			color:#dce2ff;
			font-size:0.76em;
			padding-top:5px;}	
	.Case1 ul li figure.Arrow img,
	.Case2 ul li figure.Arrow img{
		padding:10px 0;}
		
	.Case1 .Label1{
			display:block;
			line-height:0;
			text-indent:-9999px;
			margin-bottom:15px;
			background: url("../images/sp/sp_case1.gif") 0 0 no-repeat;
			padding-top: 23.1%; /* calc(100%*168/728); calc(100*ImageHeight/ImageWidth)% */
			background-size: contain;}
	.Case1 h2{
		line-height:0;
		text-indent:-9999px;
		margin-bottom:15px;
		background: url("../images/sp/sp_case1_tit.gif") 0 0 no-repeat;
		padding-top: 15.9%; /* calc(100%*116/728); calc(100*ImageHeight/ImageWidth)% */
		background-size: contain;}
	.Case2 .Label2{
			display:block;
			line-height:0;
			text-indent:-9999px;
			margin-bottom:15px;
			background: url("../images/sp/sp_case2.gif") 0 0 no-repeat;
			padding-top: 23.1%; /* calc(100%*168/728); calc(100*ImageHeight/ImageWidth)% */
			background-size: contain;}		
	.Case2 h2{
		line-height:0;
		text-indent:-9999px;
		margin-bottom:15px;
		background: url("../images/sp/sp_case2_tit.gif") 0 0 no-repeat;
		padding-top: 7.1%; /* calc(100%*52/728); calc(100*ImageHeight/ImageWidth)% */
		background-size: contain;}
		
/*-------------------------------*/
.PointArea{}
	.PointArea .Point1,
	.PointArea .Point2,
	.PointArea .Point3,
	.PointArea .Point4{
		margin-bottom:40px;}
		
	.PointArea .PointNumber{
		line-height:0;
		text-indent:-9999px;
		margin-bottom:10px;}	
		.PointArea .Point1 .PointNumber{
			background: url("../images/sp/sp_point1.jpg") 0 0 no-repeat;
			padding-top: 16.9%; /* calc(100%*130/768); calc(100*ImageHeight/ImageWidth)% */
			background-size: contain;}
		.PointArea .Point2 .PointNumber{
			background: url("../images/sp/sp_point2.jpg") 0 0 no-repeat;
			padding-top: 16.9%; /*calc(100%*130/768); */
			background-size: contain;}
		.PointArea .Point3 .PointNumber{
			background: url("../images/sp/sp_point3.jpg") 0 0 no-repeat;
			padding-top: 16.9%; /* calc(100%*130/768); */
			background-size: contain;}
		.PointArea .Point4 .PointNumber{
			background: url("../images/sp/sp_point4.jpg") 0 0 no-repeat;
			padding-top: 16.9%; /* calc(100%*130/768); */
			background-size: contain;}		

	.PointArea h2{
		line-height:0;
		text-indent:-9999px;
		margin-bottom:15px;}	
		.PointArea .Point1 h2{
			background: url("../images/sp/sp_point1_tit.gif") 0 0 no-repeat;
			padding-top: 6.8%; /* calc(100%*52/768); calc(100*ImageHeight/ImageWidth)% */
			background-size: contain;}
		.PointArea .Point2 h2{
			background: url("../images/sp/sp_point2_tit.gif") 0 0 no-repeat;
			padding-top:14.6%; /*calc(100%*112/768); */
			background-size: contain;}
		.PointArea .Point3 h2{
			background: url("../images/sp/sp_point3_tit.gif") 0 0 no-repeat;
			padding-top: 6.8%; /* calc(100%*52/768); */
			background-size: contain;}
		.PointArea .Point4 h2{
			background: url("../images/sp/sp_point4_tit.gif") 0 0 no-repeat;
			padding-top: 6.8%; /* calc(100%*52/768); */
			background-size: contain;}
			
	.PointArea p{
		line-height:130%;
		color:#fff;
		font-size:1.0em;
		font-weight:bold;
		margin-bottom:15px;}

	.PointArea figure{
		margin:0 10px;}
		.PointArea figure img{
			max-width: 100%;}
		.PointArea .Point1 figure img,
		.PointArea .Point2 figure img{
			margin-bottom:5px;}			
		.PointArea figure figcaption{
			line-height:130%;
			color:#dce2ff;
			font-size:0.76em;}

/*-------------------------------*/
.Ft-Product{
	border-top: 1px solid #1f1ea7;
	padding:20px 0 40px 0;}
		.Ft-Product span{
			display:block;
			line-height:0;
			text-indent:-9999px;
			background: url("../images/sp/sp_ft_tit1.gif") 0 0 no-repeat;
			padding-top: 8.1%; /* calc(100%*62/768); */
			background-size: contain;
			margin-bottom:20px;}	
		.Ft-Product p.Tit{
			line-height:0;
			text-indent:-9999px;
			background: url("../images/sp/sp_ft_tit2.gif") 0 0 no-repeat;
			padding-top: 29.9%; /* calc(100%*230/768); */
			background-size: contain;
			margin-bottom:20px;}	
		.Ft-Product img{
			max-width: 100%;
			margin-bottom:10px;}	
		.Ft-Product h2{
			line-height:0;
			text-indent:-9999px;
			background: url("../images/sp/sp_ft_hydroflash.gif") 0 0 no-repeat;
			padding-top: 15.6%; /* calc(100%*120/768); */
			background-size: contain;
			margin-bottom:20px;}
		.Ft-Product p.OnlineShop{
			margin:0 10px;}			
			.Ft-Product p.OnlineShop a{
				display:block;
				line-height:0;
				text-indent:-9999px;
				background: url("../images/sp/sp_ft_shop.gif") 0 0 no-repeat;
				padding-top: 16.5%; 
				background-size: contain;}
		/*.Ft-Product p.OnlineShop{
			margin:0 10px;}			
			.Ft-Product p.OnlineShop{
				display:block;
				line-height:0;
				text-indent:-9999px;
				background: url("../images/sp/sp_ft_shop_3.gif") 0 0 no-repeat;
				padding-top: 47.25%; 
				background-size: contain;}*/
}