@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{text-align:center!important;}	
figure{margin:0;}
#LpContainer{background-color:#00abeb; 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;
	margin-bottom:200px;}
.Main p{
	margin-bottom:50px;}
	.Main p.relative{
		position:relative;
		width:960px;
		margin:0 auto;
		margin-bottom:50px;}
	.Main p.relative img.absolute{
		position:absolute;
		left:70px;
		top:350px;}
	
	.Main .ClothBarrier{
		width:960px;
		margin:0 auto;}
	.Main .ClothBarrier .pName{
		float:right;
		margin-right:120px;}
		.Main .ClothBarrier span{
			display:block;
			line-height:0;
			text-indent:-9999px;
			background: url("../images/coating_pc.gif") 0 0 no-repeat;
			width:317px;
			height:28px;
			margin-bottom:10px;}
		.Main .ClothBarrier h1{
			display:block;
			line-height:0;
			text-indent:-9999px;
			background: url("../images/clothbarrier_pc.gif") 0 0 no-repeat;
			width:317px;
			height:72px;}
		
		
/*-------------------------------*/
.Movie{
	width:960px;
	margin:0 auto;
	margin-bottom:50px;
	padding-top:60px;
	border-top: 1px solid #008cd6;}
.Movie h2{
	line-height:0;
	text-indent:-9999px;
	background: url("../images/movie_tit_pc.gif") 0 0 no-repeat;
	width:102px;
	height:27px;
	margin:0 auto;
	margin-bottom:10px;}	
	.Movie .Movie-Box iframe{
		width:586px;
		height:330px;
		margin:0 auto;}
		
/*-------------------------------*/
.Outline{
	background-color:#1f1ea7;
	padding:60px 0 40px 0;}	
	.Outline h2{
		line-height:0;
		text-indent:-9999px;
		background: url("../images/outline1_tit_pc.gif") 0 0 no-repeat;
		width:531px;
		height:110px;
		margin:0 auto;
		margin-bottom:20px;}
	.Outline .OutlineImg{
			width:920px;
			border: 1px solid #908fd3;
			padding:40px 20px;
			margin:0 auto;
			margin-bottom:20px;
			border: 1px solid #908fd3;}		
	.Outline figure{
		margin-bottom:20px;}
		
	.Outline2{
		width:960px;
		margin:0 auto;}	
	.Outline2 p{
		line-height:0;
		text-indent:-9999px;
		background: url("../images/outline2_tit1_pc.gif") 0 0 no-repeat;
		width:456px;
		height:446px;
		margin:0 auto;
		margin-bottom:40px;}	
	.Outline2 .Outline-L{
		float:left;
		width:460px;}		
		.Outline2 .Outline-L h3{
			line-height:0;
			text-indent:-9999px;
			background: url("../images/outline2_stit1_pc.gif") 0 0 no-repeat;
			width:460px;
			height:31px;
			margin-bottom:10px;}
			
	.Outline2 .Outline-R{
		float:right;
		width:460px;}		
		.Outline2 .Outline-R h3{
			line-height:0;
			text-indent:-9999px;
			background: url("../images/outline2_stit2_pc.gif") 0 0 no-repeat;
			width:460px;
			height:31px;
			margin-bottom:10px;}
			
		.Outline2 figure img{
			margin-bottom:5px;}
			.Outline2 figure figcaption{
				display:block;
				color:#fff;
				font-size:1.0rem;
				text-align:right;}
/*-------------------------------*/
.Answer{
	margin:60px 0 60px 0;}
.Answer h2{
		line-height:0;
		text-indent:-9999px;
		background: url("../images/answer_tit_pc.gif") 0 0 no-repeat;
		width:356px;
		height:59px;
		margin:0 auto;
		margin-bottom:20px;}	
		
/*-------------------------------*/	
.Use div{}
	.Use h2{
		line-height:0;
		text-indent:-9999px;
		background: url("../images/use_tit_pc.gif") 0 0 no-repeat;
		width:960px;
		height:60px;
		margin:0 auto;
		margin-bottom:40px;}	
	.Use p{
		line-height:0;
		text-indent:-9999px;
		background: url("../images/use_stit_pc.gif") 0 0 no-repeat;
		width:830px;
		height:49px;
		margin:0 auto;
		margin-bottom:30px;}
		.Use p br{
			display: none;}	
	.Use figure{
		margin-bottom:30px;}

/*-------------------------------*/
	.Example{
			width:960px;
			margin:0 auto;
			border-bottom: 1px solid #008cd6;
			padding-bottom:60px;
			margin-bottom:60px;}
	.Example1,
	.Example2{
		/*width:420px;*/width:460px;
		padding:19px;
		border: 1px solid #abe7fd;}
		.Example1{
			float:left;}
		.Example2{
			float:right;}	
		.Example1 h3{
			line-height:0;
			text-indent:-9999px;
			background: url("../images/use_example1_tit_pc.gif") 0 0 no-repeat;
			width:420px;
			height:74px;
			margin:0 auto;
			margin-bottom:20px;}		
		.Example2 h3{
			line-height:0;
			text-indent:-9999px;
			background: url("../images/use_example2_tit_pc.gif") 0 0 no-repeat;
			width:420px;
			height:74px;
			margin:0 auto;
			margin-bottom:20px;}
		.Example figure.Arrow{
			text-align:center;}
				.Example1 figure figcaption,
				.Example2 figure figcaption{
					padding-top:5px;
					color:#fff;
					font-size:1.0rem;
					line-height:130%;
					text-align:left;
					margin-bottom:20px;}
				.Example1 figure figcaption br,
				.Example2 figure figcaption br{
					display: none; }
			.Example figure.Arrow img{
				padding:10px 0;}
				
			.TestExample h4{
				text-align:left;}
				.TestExample h4 img{
					margin-bottom:10px;}
			.TestExample p{
				width:65%;
				color:#fff;
				font-size:1.4rem;
				font-weight:bold;
				text-align:left;}				
			.TestExample img.exampleImg{
				float:right;}	


/*-------------------------------*/
.Proof h2{
		line-height:0;
		text-indent:-9999px;
		background: url("../images/proof_tit_pc.gif") 0 0 no-repeat;
		width:960px;
		height:60px;
		margin:0 auto;
		margin-bottom:40px;}	

.ProofArea{
		/*width:880px;*/width:960px;
		margin:0 auto;
		margin-bottom:60px;
		border: 1px solid #abe7fd;
		padding:39px;}
		
	.ProofArea .ProofArea1,
	.ProofArea .ProofArea2{
			/*width:380px;*/
			border: 1px solid #abe7fd;
			padding:29px 19px;}		
	.ProofArea .ProofArea1{
		float:left;}
	.ProofArea .ProofArea2{
		float:right;}
			
			.Proof .ProofArea .ProofArea1 h3{
				line-height:0;
				text-indent:-9999px;
				background: url("../images/proof1_tit_pc.gif") 0 0 no-repeat;
				width:151px;
				height:152px;
				margin:0 auto;
				margin-bottom:20px;}				
			.Proof .ProofArea .ProofArea2 h3{
				line-height:0;
				text-indent:-9999px;
				background: url("../images/proof2_tit_pc.gif") 0 0 no-repeat;
				width:151px;
				height:152px;
				margin:0 auto;
				margin-bottom:20px;}

			.Proof .ProofArea .ProofArea1 p.ProofTxt{
				line-height:0;
				text-indent:-9999px;
				background: url("../images/proof1_txt_pc.gif") 0 0 no-repeat;
				width:380px;
				height:80px;
				margin:0 auto;
				margin-bottom:20px;}
				.Proof .ProofArea .ProofArea1 p.ProofTxt br{
					display: none;}		
			.Proof .ProofArea .ProofArea2 p.ProofTxt{
				line-height:0;
				text-indent:-9999px;
				background: url("../images/proof2_txt_pc.gif") 0 0 no-repeat;
				width:380px;
				height:80px;
				margin:0 auto;
				margin-bottom:20px;}
				.Proof .ProofArea .ProofArea2 p.ProofTxt br{
					display: none;}	


			.Proof .ProofArea .ProofArea1 ul li p{
				line-height:0;
				text-indent:-9999px;
				background: url("../images/proof1_txt2_pc.gif") 0 0 no-repeat;
				width:380px;
				height:55px;
				margin:0 auto;
				margin-bottom:10px;}
				.Proof .ProofArea .ProofArea1  ul li p br{
					display: none;}		
			.Proof .ProofArea .ProofArea2 ul li p{
				line-height:0;
				text-indent:-9999px;
				background: url("../images/proof2_txt2_pc.gif") 0 0 no-repeat;
				width:380px;
				height:55px;
				margin:0 auto;
				margin-bottom:10px;}
				.Proof .ProofArea .ProofArea2  ul li p br{
					display: none;}	
					
			.Proof1 .TestProof span,
			.Proof2 .TestProof span{
				display:block;
				color:#fff;
				font-size:1.0rem;
				text-align:right;
				margin-bottom:5px;}	
								
			.Proof1 ul li figure.Arrow,
			.Proof2 ul li figure.Arrow{
				text-align:center;}
				.Proof1 ul li figure.Arrow img,
				.Proof2 ul li figure.Arrow img{
					padding:10px 0;}

/*-------------------------------*/
.Merit{
	width:960px;
	margin:0 auto;
	margin-bottom:60px;
	padding-bottom:60px;
	border-bottom: 1px solid #008cd6;}
.Merit h2{
	line-height:0;
	text-indent:-9999px;
	background: url("../images/proof3_tit_pc.gif") 0 0 no-repeat;
	width:474px;
	height:170px;
	margin-bottom:40px;
	margin:0 auto;
	margin-bottom:30px;}

.Merit ul.MeritArea{
	background-color:#66cdf3;
	padding:30px;}
	.Merit ul.MeritArea li{
		float:left;
		width:439px;}
		
		.Merit ul.MeritArea li.Merit1,
		.Merit ul.MeritArea li.Merit3{
			margin-right:21px;}
		.Merit ul.MeritArea li.Merit1,
		.Merit ul.MeritArea li.Merit2{
			min-height:190px;}
		.Merit ul.MeritArea li h3{
			line-height:0;
			text-indent:-9999px;
			width:439px;
			height:48px;
			margin-bottom:15px;}
		.Merit ul.MeritArea li.Merit1 h3{
			background: url("../images/proof3_stit1_pc.gif") 0 0 no-repeat;}
			.Merit ul.MeritArea li ul{
				margin-left:25px;}
			.Merit ul.MeritArea li ul li{
				float:left;
				width:71px;
				min-height:auto;
				margin-right:10px;}	
		.Merit ul.MeritArea li.Merit2 h3{
			background: url("../images/proof3_stit2_pc.gif") 0 0 no-repeat;}
		.Merit ul.MeritArea li.Merit3 h3{
			background: url("../images/proof3_stit3_pc.gif") 0 0 no-repeat;}			
		.Merit ul.MeritArea li.Merit4 h3{
			background: url("../images/proof3_stit4_pc.gif") 0 0 no-repeat;}
		.Merit ul.MeritArea li p{
			font-size:1.2rem;
			margin-left:25px;
			text-align:left;}

/*-------------------------------*/
.Case{
	width:960px;
	margin:0 auto;}
.Case h2{
	line-height:0;
	text-indent:-9999px;
	background: url("../images/case_tit_pc.gif") 0 0 no-repeat;
	width:960px;
	height:60px;
	margin-bottom:40px;}
	
.Case figure{
	float:left;
	margin:0 30px 40px 0;}
.Case figure:nth-child(3n){
	margin:0 0 40px 0;}


	
.Case figure img{
	margin-bottom:10px;}
	.Case figure.Case1 figcaption{
		line-height:0;
		text-indent:-9999px;
		background: url("../images/case_txt1_pc.gif") 0 0 no-repeat;
		width:220px;
		height:18px;
		margin:0 auto;}
	.Case figure.Case2 figcaption{
		line-height:0;
		text-indent:-9999px;
		background: url("../images/case_txt2_pc.gif") 0 0 no-repeat;
		width:273px;
		height:18px;
		margin:0 auto;}
	.Case figure.Case3 figcaption{
		line-height:0;
		text-indent:-9999px;
		background: url("../images/case_txt3_pc.gif") 0 0 no-repeat;
		width:204px;
		height:18px;
		margin:0 auto;}
	.Case figure.Case4 figcaption{
		line-height:0;
		text-indent:-9999px;
		background: url("../images/case_txt4_pc.gif") 0 0 no-repeat;
		width:134px;
		height:18px;
		margin:0 auto;}
	.Case figure.Case5 figcaption{
		line-height:0;
		text-indent:-9999px;
		background: url("../images/case_txt5_pc.gif") 0 0 no-repeat;
		width:256px;
		height:18px;
		margin:0 auto;}

/*-------------------------------*/
.Ft-Product{
	border-top: 1px solid #008cd6;
	padding-top:60px;}
.Ft-Product p.relative{
	position:relative;
	width:960px;
	margin:0 auto;
	margin-bottom:30px;}
.Ft-Product p.relative img.absolute{
	position:absolute;
	left:165px;
	top:350px;}
	.Ft-Product .ClothBarrier{
		width:960px;
		margin:0 auto;}
	.Ft-Product .pName{
		float:right;
		margin-right:120px;}
		.Ft-Product .pName span{
			display:block;
			line-height:0;
			text-indent:-9999px;
			background: url("../images/coating_pc.gif") 0 0 no-repeat;
			width:317px;
			height:28px;
			margin-bottom:10px;}
		.Ft-Product .pName h3{
			display:block;
			line-height:0;
			text-indent:-9999px;
			background: url("../images/clothbarrier_pc.gif") 0 0 no-repeat;
			width:317px;
			height:72px;
			margin-bottom:20px;}

			.Ft-Product p.OnlineShop{
				/*margin-bottom:100px;*/
				margin-bottom:200px;}				
			
			.Ft-Product p.OnlineShop a{
				float:right;
				display:block;
				line-height:0;
				text-indent:-9999px;
				background: url("../images/ft_shop_pc.gif") 0 top no-repeat;
				width:317px;
				height:62px;}
				.Ft-Product p.OnlineShop a:hover{
					background-position:0 bottom;}
}

/*--------------------------------------------------------------------------------*/
@media(max-width: 767px){
figure{margin:0;}
#LpContainer{background-color:#00abeb; text-align:center;}

/*-------------------------------*/
.Main{
	}
.Main p{
	margin-bottom:30px;}
.Main p img{
	max-width: 100%;}
	.Main .ClothBarrier{
		margin:0 10px 20px 10px;
		padding-bottom:20px;
		border-bottom: 1px solid #008cd6;}
		.Main .ClothBarrier span{
			display:block;
			line-height:0;
			text-indent:-9999px;
			background: url("../images/coating_sp.gif") 0 0 no-repeat;
			padding-top: 8.52%; /* calc(100%*62/728); calc(100*ImageHeight/ImageWidth)% */
			background-size: contain;
			margin-bottom:10px;}
		.Main .ClothBarrier h1{
			display:block;
			line-height:0;
			text-indent:-9999px;
			background: url("../images/clothbarrier_sp.gif") 0 0 no-repeat;
			padding-top: 15.10%; /* calc(100%*110/728); calc(100*ImageHeight/ImageWidth)% */
			background-size: contain;
			margin-bottom:10px;}
		.Main .ClothBarrier img{
			max-width: 100%;}

/*-------------------------------*/
.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{
	padding:40px 10px 10px 10px;
	background-color:#1f1ea7;}
.Outline h2{
	line-height:0;
	text-indent:-9999px;
	margin-bottom:20px;
	background: url("../images/outline1_tit_sp.gif") 0 0 no-repeat;
	padding-top: 40.1%; /* calc(100%*292/728); calc(100*ImageHeight/ImageWidth)% */
	background-size: contain;}
	.Outline figure img{
		max-width: 100%;}		
	.Outline figure{
		margin-bottom:20px;}

.Outline2 p{
	line-height:0;
	text-indent:-9999px;
	margin-bottom:20px;
	background: url("../images/outline2_tit1_sp.gif") 0 0 no-repeat;
	padding-top: 96.15%; /* calc(100%*700/728); calc(100*ImageHeight/ImageWidth)% */
	background-size: contain;}	
	
.Outline2 h3{
	padding:5px 0;
	background-color:#666;
	border-radius:90px;
	color:#fff;
	font-size:1.2em;
	font-weight:bold;
	margin-bottom:10px;}
	.Outline2 figure img{
		max-width: 100%;
		margin-bottom:5px;}
		.Outline2 figure figcaption{
			display:block;
			width:100%;
			color:#fff;
			font-size:0.6em;
			text-align:right;}


/*-------------------------------*/
.Answer{
	margin:40px 10px;}
.Answer h2{
	line-height:0;
	text-indent:-9999px;
	margin-bottom:20px;
	background: url("../images/answer_tit_sp.gif") 0 0 no-repeat;
	padding-top: 13.46%; /* calc(100%*98/728); calc(100*ImageHeight/ImageWidth)% */
	background-size: contain;}		

.Answer img{
	max-width: 100%;}

/*-------------------------------*/	
.Use div{
	margin:0 10px;}
.Use h2{
	line-height:0;
	text-indent:-9999px;
	margin-bottom:20px;
	background: url("../images/use_tit_sp.gif") 0 0 no-repeat;
	padding-top: 12.76%; /* calc(100%*98/768); calc(100*ImageHeight/ImageWidth)% */
	background-size: contain;}	
.Use p{
	padding:5px 0;
	background-color:#1f1ea7;
	line-height:130%;
	color:#ffff00;
	font-size:1.4em;
	font-weight:bold;
	margin-bottom:10px;}
.Use figure{
	margin:0;
	margin-bottom:20px;}
.Use figure img{
	max-width: 100%;}

/*-------------------------------*/	
.Example{
	margin:0 10px;
	border: 1px solid #abe7fd;
	padding:10px;
	margin-bottom:40px;}
	.Example1{
		margin-bottom:40px;}

		.Example1 h3{
			line-height:0;
			text-indent:-9999px;
			margin-bottom:10px;
			background: url("../images/use_example1_tit_sp.gif") 0 0 no-repeat;
			padding-top: 19.48%; /* calc(100%*134/688); calc(100*ImageHeight/ImageWidth)% */
			background-size: contain;}
			
		.Example2 h3{
			line-height:0;
			text-indent:-9999px;
			margin-bottom:10px;
			background: url("../images/use_example2_tit_sp.gif") 0 0 no-repeat;
			padding-top: 14.24%; /* calc(100%*98/688); calc(100*ImageHeight/ImageWidth)% */
			background-size: contain;}


			.Example1 figure,
			.Example2 figure{
				margin:0;}
				.Example1 figure img,
				.Example2 figure img{
					max-width: 100%;}
				.Example1 figure figcaption,
				.Example2 figure figcaption{
					padding-top:5px;
					color:#fff;
					font-size:0.6em;
					line-height:130%;
					text-align:left;
					margin-bottom:20px;}					
			.Example1 ul li figure.Arrow img,
			.Example2 ul li figure.Arrow img{
				padding:10px 0;}
				
			.TestExample h4{
				text-align:left;}
				.TestExample h4 img{
					max-width:40%;
					margin-bottom:10px;}
			.TestExample p{
				width:60%;
				color:#fff;
				font-size:0.9em;
				font-weight:bold;
				text-align:left;}				
			.TestExample img.exampleImg{
				max-width:35%;
				float:right;}				
					
/*-------------------------------*/
.Proof h2{
	line-height:0;
	text-indent:-9999px;
	margin-bottom:20px;
	background: url("../images/proof_tit_sp.gif") 0 0 no-repeat;
	padding-top: 12.76%; /* calc(100%*98/768); calc(100*ImageHeight/ImageWidth)% */
	background-size: contain;}	

.Proof .ProofArea .ProofArea1,
.Proof .ProofArea .ProofArea2{
	margin:0 10px;}
	.Proof .ProofArea .ProofArea1{
		border-bottom: 1px solid #008cd6;
		margin-bottom:20px;}

		.Proof .ProofArea .ProofArea1 h3{
			line-height:0;
			text-indent:-9999px;
			margin-bottom:20px;
			background: url("../images/proof1_tit_sp.gif") 0 0 no-repeat;
			padding-top: 34.62%; /* calc(100%*252/728); calc(100*ImageHeight/ImageWidth)% */
			background-size: contain;}
			
		.Proof .ProofArea .ProofArea2 h3{
			line-height:0;
			text-indent:-9999px;
			margin-bottom:20px;
			background: url("../images/proof2_tit_sp.gif") 0 0 no-repeat;
			padding-top: 34.62%; /* calc(100%*252/728); calc(100*ImageHeight/ImageWidth)% */
			background-size: contain;}
			
			.Proof .ProofArea .ProofArea1 p.ProofTxt,
			.Proof .ProofArea .ProofArea2 p.ProofTxt{
				font-size:1.2em;
				font-weight:bold;
				line-height:130%;
				color:#fff;}
		
		.Proof1,
		.Proof2{
			padding-top:20px;}
		.Proof1 div,
		.Proof2 div{
			 border: 1px solid #abe7fd;
			 padding:10px;
			 margin-bottom:30px;}
			 .Proof2 div{
				 margin-bottom:40px;}	
			.Proof1 h3,
			.Proof2 h3{
				padding:5px 0;
				background-color:#1f1ea7;
				border-radius:90px;
				color:#fff;
				font-size:1.0em;
				font-weight:bold;
				margin-bottom:10px;}		
			.Proof1 p,
			.Proof2 p{
				padding:5px 0;
				background-color:#1f1ea7;
				line-height:130%;
				color:#ffff00;
				font-size:1.2em;
				font-weight:bold;
				margin-bottom:10px;}
				
			.Proof1 .TestProof span,
			.Proof2 .TestProof span{
				display:block;
				width:100%;
				color:#fff;
				font-size:0.6em;
				text-align:right;
				margin-bottom:5px;}	
			.Proof1 figure,
			.Proof2 figure{
				margin:0;}
				.Proof1 figure img,
				.Proof2 figure img{
					max-width: 100%;}	
			.Proof1 ul li figure.Arrow img,
			.Proof2 ul li figure.Arrow img{
				padding:10px 0;}


/*-------------------------------*/
.Merit{
	margin-bottom:40px;}
.Merit h2{
	line-height:0;
	text-indent:-9999px;
	margin:0 10px 20px 10px;
	background: url("../images/proof3_tit_sp.gif") 0 0 no-repeat;
	padding-top: 32.42%; /* calc(100%*236/728); calc(100*ImageHeight/ImageWidth)% */
	background-size: contain;}

.Merit ul.MeritArea{
	background-color:#fff;
	padding:10px 10px 10px 10px;}
		.Merit ul.MeritArea li.Merit1 h3{
			line-height:0;
			text-indent:-9999px;
			margin-bottom:10px;
			background: url("../images/proof3_stit1_sp.gif") 0 0 no-repeat;
			padding-top: 10.99%; /* calc(100%*80/728); calc(100*ImageHeight/ImageWidth)% */
			background-size: contain;}
			.Merit ul.MeritArea li ul{
				margin:0 20px 10px 20px;}
			.Merit ul.MeritArea li ul li{
				float:left;
				width:20%;
				min-height:auto;}
			.Merit ul.MeritArea li ul li img{
				max-width:90%;}
		.Merit ul.MeritArea li.Merit2 h3{
			line-height:0;
			text-indent:-9999px;
			margin-bottom:10px;
			background: url("../images/proof3_stit2_sp.gif") 0 0 no-repeat;
			padding-top: 10.99%; /* calc(100%*80/728); calc(100*ImageHeight/ImageWidth)% */
			background-size: contain;}
		.Merit ul.MeritArea li.Merit3 h3{
			line-height:0;
			text-indent:-9999px;
			margin-bottom:10px;
			background: url("../images/proof3_stit3_sp.gif") 0 0 no-repeat;
			padding-top: 10.99%; /* calc(100%*80/728); calc(100*ImageHeight/ImageWidth)% */
			background-size: contain;}		
		.Merit ul.MeritArea li.Merit4 h3{
			line-height:0;
			text-indent:-9999px;
			margin-bottom:10px;
			background: url("../images/proof3_stit4_sp.gif") 0 0 no-repeat;
			padding-top: 10.99%; /* calc(100%*80/728); calc(100*ImageHeight/ImageWidth)% */
			background-size: contain;}
		.Merit ul.MeritArea li p{
			color:#333;
			font-size:0.6em;
			text-align:left;
			margin-left:20px;
			margin-bottom:10px;}


		
/*-------------------------------*/
.Case h2{
	line-height:0;
	text-indent:-9999px;
	margin-bottom:20px;
	background: url("../images/case_tit_sp.gif") 0 0 no-repeat;
	padding-top: 12.76%; /* calc(100%*98/768); calc(100*ImageHeight/ImageWidth)% */
	background-size: contain;}	
.Case div{
	margin:0 10px;}
.Case figure{}
.Case figure img{
	max-width: 100%;
	margin-bottom:10px;}
.Case figure figcaption{
	font-size:1.2em;
	color:#fff;
	font-weight:bold;
	margin-bottom:40px;}

/*-------------------------------*/


.Ft-Product{
	padding:0 0 40px 0;}
	.Ft-Product p img{
		max-width:100%;}
	.Ft-Product p.relative{
		margin-bottom:20px;}
	.Ft-Product p.relative img.absolute{
		max-width:30%;
		margin-top:-30px;}		
	
		.Ft-Product span{
			margin:0 10px 10px 10px;
			display:block;
			line-height:0;
			text-indent:-9999px;
			background: url("../images/coating_sp.gif") 0 0 no-repeat;
			padding-top: 8.52%; /* calc(100%*62/728); calc(100*ImageHeight/ImageWidth)% */
			background-size: contain;}
		.Ft-Product h3{
			margin:0 10px 40px 10px;
			display:block;
			line-height:0;
			text-indent:-9999px;
			background: url("../images/clothbarrier_sp.gif") 0 0 no-repeat;
			padding-top: 15.10%; /* calc(100%*110/728); calc(100*ImageHeight/ImageWidth)% */
			background-size: contain;}	

		.Ft-Product p.OnlineShop{
			margin:0 10px;}			
			.Ft-Product p.OnlineShop a{
				display:block;
				line-height:0;
				text-indent:-9999px;
				background: url("../images/ft_shop_sp.gif") 0 0 no-repeat;
				padding-top: 16.5%; 
				background-size: contain;}
}