@charset "utf-8";

p .Strong{
	font-weight:bold;
	background: linear-gradient(transparent 0%, #ffff00 0%);
	padding:1px 0;}

/*--------------------------------------------------------------
clearfix
--------------------------------------------------------------*/
.clearfix{
    zoom:1;}

.clearfix:after{
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;}

.PC{display:none;}


#LpContainer{
	padding:10px 0 60px 0;}


/*--------------------------------------------------------------
MAIN
--------------------------------------------------------------*/
#LpContainer #Main{
	margin:auto 10px;}
	#LpContainer #Main img{
		width: 100%;}
	#LpContainer #Main h1{
		line-height:0;
		text-indent:-9999px;
		background: url("../images/sp/main_img.gif") 0 0 no-repeat;
		padding-top: 145.67%; /* calc(100%*874/600); */
		background-size: contain;}

/*--------------------------------------------------------------
contents
--------------------------------------------------------------*/
#LpContainer .FL{}
#LpContainer .FR{}

#LpContainer .Professor{
	width:91px;
	margin-bottom:15px;}

#LpContainer article{
	background-color:#e9f6ff;
	margin:auto 10px;
	margin-bottom:20px;
	padding:0 10px 20px 10px;}

#LpContainer section {}
	#LpContainer section p{
		font-size:1.6rem;
		line-height:180%;}

	/*section h2{
		padding:10px 10px;
		margin-bottom:20px;
		background-color:#201fa7;		
		color:#fff;
		font-weight:bold;
		font-size:1.8em;
		line-height:120%;}*/

	
/*----------------------------------------------------*/
#LpContainer div.Content1-2{
	padding:10px;
	background-color:#fff;}

#LpContainer section.Content1{
	margin-bottom:30px;
	text-align:center;}
	#LpContainer section.Content1 h2{
		line-height:0;
		text-indent:-9999px;
		background: url("../images/sp/content1_tit.gif") 0 0 no-repeat;
		padding-top: 22.69%; /* calc(100%*118/520); */
		background-size: contain;
		margin-bottom:20px;}
	
	#LpContainer section.Content1 p{
		margin-bottom:10px;
		text-align:left;}
		#LpContainer section.Content1 ul{
			margin-bottom:20px;}
			#LpContainer section.Content1 ul li{
				margin-bottom:10px;}			
			#LpContainer section.Content1 ul li:last-child{
				margin-bottom:0;}
				section.Content1 ul li img{
					max-width: 100%;}
			#LpContainer section.Content1 ul li.FL{
				margin-bottom:10px;}
			#LpContainer section.Content1 ul li p{
				font-size:1.2rem;
				line-height:120%;
				color:#555;
				padding-top:5px;
				margin-bottom:0;
				text-align:center;}

					
/*----------------------------------------------------*/
#LpContainer section.Content2{
	margin-bottom:0;
	text-align:center;}
	#LpContainer section.Content2 h2{
		line-height:0;
		text-indent:-9999px;
		background: url("../images/sp/content2_tit.gif") 0 0 no-repeat;
		padding-top: 22.69%; /* calc(100%*118/520); */
		background-size: contain;
		margin-bottom:20px;}
	#LpContainer section.Content2 p{
		margin-bottom:10px;
		text-align:left;}
		#LpContainer section.Content2 ul{}
			#LpContainer section.Content2 ul li{
				margin-bottom:10px;}			
			#LpContainer section.Content2 ul li:last-child{
				margin-bottom:0;}
			#LpContainer section.Content2 ul li.FL{
				margin-bottom:20px;}	
			#LpContainer section.Content2 img.FR{
				max-width:100%;
				margin-bottom:20px;}
			#LpContainer section.Content2 ul li p{
				font-size:1.0rem;
				line-height:120%;
				color:#555;
				padding-top:5px;
				margin-bottom:0;
				text-align:center;}			
			#LpContainer section.Content2 h3{
				line-height:0;
				text-indent:-9999px;
				background: url("../images/sp/content2_stit.gif") 0 0 no-repeat;
				padding-top: 8.85%; /* calc(100%*46/520); */
				background-size: contain;
				margin-bottom:10px;}
			#LpContainer section.Content2 ul li img{
				max-width:100%;}
			#LpContainer section.Content2 ul li{
				margin:0;}
			#LpContainer section.Content2 ul li.Arrow img{
				width:15px;
				margin:5px 0 5px 0;}

/*----------------------------------------------------*/
#LpContainer section.Content3{
	padding-top:20px;
	margin-bottom:20px;
	text-align:center;}
	
#LpContainer section.Content3 h2{
	line-height:0;
	text-indent:-9999px;
	background: url("../images/sp/rule_img.gif") 0 0 no-repeat;
	padding-top: 116.79%; /* calc(100%*654/560); */
	background-size: contain;
	margin-bottom:20px;}
#LpContainer section.Content3 p{
	line-height:0;
	text-indent:-9999px;
	background: url("../images/sp/rule_txt.gif") 0 0 no-repeat;
	padding-top: 29.92%; /* calc(100%*158/528); */
	background-size: contain;
	margin-bottom:10px;}
#LpContainer section.Content3 img{
	width:170px;}

/*----------------------------------------------------*/
#LpContainer section.Content4{
	margin-bottom:30px;
	text-align:center;}	
	#LpContainer section.Content4 p{
		margin-bottom:20px;
		text-align:left;}
	#LpContainer section.Content4 p.Txt{}		
	#LpContainer section.Content4 .Case{
		border: 3px solid #0c258c;
		background-color:#fff;
		padding:7px;}
			#LpContainer section.Content4 .Case section.Case1 h3{
					line-height:0;
					text-indent:-9999px;
					background: url("../images/sp/case1_tit.gif") 0 0 no-repeat;
					padding-top: 25%; /* calc(100%*130/520); */
					background-size: contain;
					margin-bottom:20px;}
			#LpContainer section.Content4 .Case section.Case2 h3{
					line-height:0;
					text-indent:-9999px;
					background: url("../images/sp/case2_tit.gif") 0 0 no-repeat;
					padding-top: 33.46%; /* calc(100%*174/520); */
					background-size: contain;
					margin-bottom:20px;}
			#LpContainer section.Content4 .Case section.Case3 h3{
					line-height:0;
					text-indent:-9999px;
					background: url("../images/sp/case3_tit.gif") 0 0 no-repeat;
					padding-top: 33.46%; /* calc(100%*174/520); */
					background-size: contain;
					margin-bottom:20px;}
										
/*-----------------------*/					
		#LpContainer section.Content4 .Case section.Case1{
			margin-bottom:30px;}
		#LpContainer section.Content4 .Case section.Case1 .Case1Txt{}
		#LpContainer section.Content4 .Case section.Case1 p.Notes{
			background-color:#f5fbff;
			border-radius: 3px;
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			padding:10px;			
			color:#e50011;
			font-size:1.2rem;
			line-height:150%;}	
		#LpContainer section.Content4 .Case section.Case1 ul li p{
			clear:both;
			font-size:1.2rem !important;
			line-height:130% !important;
			padding-top: 5px !important;
			margin-bottom:10px !important; 
			color:#555 !important;}
		#LpContainer section.Content4 .Case section.Case1 ul li img{
			max-width:100%;}

/*-----------------------*/					
		#LpContainer section.Content4 .Case section.Case2{
			margin-bottom:30px;}
		#LpContainer section.Content4 .Case section.Case2 .Case2Txt{}
		#LpContainer section.Content4 .Case section.Case2 ul li{
			margin-bottom:10px;}
		#LpContainer section.Content4 .Case section.Case2 ul li:last-child{
			margin-bottom:0;}
		#LpContainer section.Content4 .Case section.Case2 ul li img{
			max-width:100%;}

/*-----------------------*/					
		#LpContainer section.Content4 .Case section.Case3{}
		#LpContainer section.Content4 .Case section.Case3 .Case3Txt{}
		#LpContainer section.Content4 .Case section.Case3 p.Txt{
			margin-bottom:0;}
			#LpContainer section.Content4 .Case section.Case3 p.Txt-R{}
			#LpContainer section.Content4 .Case section.Case3 .shampooImg{
				border-top: 1px solid #dfe5f6;
				padding:20px 0 20px 0;}
			#LpContainer section.Content4 .Case section.Case3 .shampooImg img{
				width:84px;}				


				
		#LpContainer section.Content4 .Case section.Case3 h4{
			line-height:0;
			text-indent:-9999px;
			background: url("../images/sp/case3_stit.gif") 0 0 no-repeat;
			padding-top: 19.62%; /* calc(100%*102/520); */
			background-size: contain;
			margin-bottom:10px;}
		#LpContainer section.Content4 .Case section.Case3 .CaseA{}
		#LpContainer section.Content4 .Case section.Case3 .CaseA ul{
			margin-bottom:20px;}
		#LpContainer section.Content4 .Case section.Case3 .CaseA ul li{}
		#LpContainer section.Content4 .Case section.Case3 .CaseA ul li img{
			max-width:100%;}
		#LpContainer section.Content4 .Case section.Case3 .CaseA ul li.Arrow{}		
		#LpContainer section.Content4 .Case section.Case3 .CaseA ul li.Arrow img{
			width:15px;
			margin:5px 0 5px 0;}			
		#LpContainer section.Content4 .Case section.Case3 .CaseA p{
			color:#0182f0;
			font-size:1.4rem;
			font-weight:bold;
			margin-bottom:10px;}


/*--------------------------------------------------------------
OTHER
--------------------------------------------------------------*/
	#LpContainer section.Result{
		margin-bottom:30px;}
	#LpContainer section.Result .List{
		background-color:#0182f0;
			border-radius: 4px;
			-webkit-border-radius: 4px;
			-moz-border-radius: 4px;
		padding:15px 10px 15px 10px;}
		#LpContainer section.Result .List p{
			font-size:1.8rem;
			color:#fff;
			font-weight:bold;}
	
	
#LpContainer section.Product{}
	#LpContainer section.Product h2{
		line-height:0;
		text-indent:-9999px;
		background: url("../images/sp/megane_tit.gif") 0 0 no-repeat;
		padding-top: 12.86%; /* calc(100%*72/560); */
		background-size: contain;}
	#LpContainer section.Product .ProductArea{
		border-left: 3px solid #0e2382;
		border-right: 3px solid #0e2382;
		border-bottom: 3px solid #0e2382;
		background-color:#fff;
		padding:20px 7px 20px 7px;}

	#LpContainer section.Product .ProductArea img{
		width:100%;}


	#LpContainer section.Product .ProductArea p{
		line-height:0;
		text-indent:-9999px;
		background: url("../images/sp/megane_stit.gif") 0 0 no-repeat;
		padding-top: 19.61%; /* calc(100%*102/520); */
		background-size: contain;
		margin-bottom:10px;}
	#LpContainer section.Product .ProductArea h3{
		line-height:0;
		text-indent:-9999px;
		background: url("../images/sp/megane.jpg") 0 0 no-repeat;
		padding-top: 42.3%; /* calc(100%*220/520); */
		background-size: contain;
		margin-bottom:10px;}	
	#LpContainer section.Product .ProductArea ul{
		line-height:0;
		text-indent:-9999px;
		background: url("../images/sp/megane_txt.gif") 0 0 no-repeat;
		padding-top: 47.7%; /* calc(100%*248/520); */
		background-size: contain;
		margin-bottom:10px;}
					
	#LpContainer section.Product .ProductArea .Corporate{
		height:16px;
		text-indent:-9999px;
		background: url("../images/sp/megane_soft99.gif") 0 0 no-repeat;
		background-size:204px 16px;
		margin-bottom:20px;}