@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:#fff; text-align:center;
	font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;}

#hside{
	left:460px !important;
	right:0 !important;
	margin:0 auto !important;}



#LpContainer .Main{
padding-top: 60px;}


/*BodyDoctor-block*/
#LpContainer section.BodyDoctor-block{
	width:960px;
	margin:0 auto;
	padding:80px 0;}

	#LpContainer section.BodyDoctor-block h2{
		margin:0 0 50px 0;}
	
	#LpContainer section.BodyDoctor-block p{
		color: #333;
		font-size: 1.6rem;
		line-height: 3rem;
		text-align:left;}

	#LpContainer section.BodyDoctor-block figure{
		margin:0 0 50px 0;}


/*Point-block*/
#LpContainer section.Point-block{
	padding:80px 0;
	background-color:#f2f8f5;}

	#LpContainer section.Point-block h2{
		margin:0 0 50px 0;}

	#LpContainer section.Point-block ul{
		width:960px;
		margin:0 auto;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;}
	
		#LpContainer section.Point-block ul li{
			width:304px;}

		#LpContainer section.Point-block ul li:nth-last-child(n+4){
			margin:0 0 80px 0;}
				
			#LpContainer section.Point-block ul li img{
				width:100%;
				margin:0 0 25px 0;}
				
			#LpContainer section.Point-block ul li h3{
				text-align:left !important;
				color: #007d38;
				font-size: 2.1rem;
				font-weight:normal;
				margin:0 0 20px 0;}				
				
			#LpContainer section.Point-block ul li p{
				color: #333;
				font-size: 1.4rem;
				line-height: 2.3rem;
				text-align:left;}				

			#LpContainer section.Point-block ul li p span{
				display:block;
				color: #555;
				font-size: 1rem;
				line-height: 1.6rem;}	


/*threeD-Content*/
#LpContainer #tabArea #threeD-Content{
		width:960px;
		margin:80px auto;}

	#LpContainer #tabArea #threeD-Content h2{
		margin:0 0 30px 0;}

	#LpContainer #tabArea #threeD-Content .Image-block{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin:0 0 50px 0;}
		
		#LpContainer #tabArea #threeD-Content .Image-block figure{
			width:468px;}
			
		#LpContainer #tabArea #threeD-Content .Image-block figure img{
			width:100%;}



/*Basic-Content*/
#LpContainer #tabArea #Basic-Content{
		width:960px;
		margin:80px auto;}

	#LpContainer #tabArea #Basic-Content h2{
		margin:0 0 30px 0;}

	#LpContainer #tabArea #Basic-Content .Image-block{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin:0 0 50px 0;}
		
		#LpContainer #tabArea #Basic-Content .Image-block figure{
			width:468px;}
			
		#LpContainer #tabArea #Basic-Content .Image-block figure img{
			width:100%;}



/*Ponto-Content*/
#LpContainer #tabArea #Ponto-Content{
		width:960px;
		margin:80px auto;}

	#LpContainer #tabArea #Ponto-Content h2{
		margin:0 0 30px 0;}

	#LpContainer #tabArea #Ponto-Content .Image-block{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin:0 0 50px 0;}
		
		#LpContainer #tabArea #Ponto-Content .Image-block figure{
			width:468px;}
			
		#LpContainer #tabArea #Ponto-Content .Image-block figure img{
			width:100%;}


	#LpContainer #tabArea #Ponto-Content .Scene-block{}
		#LpContainer #tabArea #Ponto-Content .Scene-block p{
			color: #333;
			font-size: 1.8rem;
			font-weight:bold;
			line-height: 3rem;
			margin:0 0 20px 0;
			text-align:center;}
			
		#LpContainer #tabArea #Ponto-Content .Scene-block ul{
			display: flex;
			flex-wrap: wrap;
			justify-content: space-between;}
	
			#LpContainer #tabArea #Ponto-Content .Scene-block ul li{
				width:304px;}
	
			#LpContainer #tabArea #Ponto-Content .Scene-block ul li img{
				width:100%;}


/*Item-block*/
#LpContainer #tabArea .Item-block{
	display: flex;
	justify-content: space-between;}
	
	#LpContainer #tabArea .Item-block p{
			color: #333;
			font-size: 1.6rem;
			line-height: 3rem;
			margin:0 0 60px 0;
			text-align:left;}

	#LpContainer #tabArea .Item-block a.OnlineShop{
		margin:0 0 0 30px;}

/*Feature-block*/
#LpContainer #tabArea ul.Feature-block{
		margin:0 0 80px;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		padding:30px;
		box-sizing: border-box;
		background-color:#f2f8f5;}
		
		#LpContainer #tabArea #Ponto-Content ul.Feature-block {
			margin:0 0 50px;}		
	
			#LpContainer #tabArea ul.Feature-block li{
				width:438px;}
				
			#LpContainer #tabArea ul.Feature-block li:nth-last-child(n+3){
				margin:0 0 60px 0;}
				
			#LpContainer #tabArea ul.Feature-block li h3{
				text-align:left !important;
				color: #007d38;
				font-size: 2.1rem;
				font-weight:normal;
				margin:0 0 20px 0;}	

			#LpContainer #tabArea ul.Feature-block li img{
				width:100%;
				margin:0 0 25px 0;}

			#LpContainer #tabArea ul.Feature-block li p{
				color: #333;
				font-size: 1.4rem;
				line-height: 2.3rem;
				text-align:left;}				

			#LpContainer #tabArea ul.Feature-block li p span{
				display:block;
				color: #555;
				font-size: 1rem;
				line-height: 1.6rem;}	


/*Recommend-block*/
#LpContainer #tabArea .Recommend-block{
	display: flex;
	border:1px solid #eee;
	border-radius:1px;
	padding:10px;
	box-sizing: border-box;
	text-align:left;}
	
	#LpContainer #tabArea .Recommend-block figure{
		width:115px;
		margin:0 20px 0 0;}	

	#LpContainer #tabArea .Recommend-block figure img{
		width:100%;}

	#LpContainer #tabArea .Recommend-block .Recommend-Txt .label{
		display:block;
		width:120px;
		text-align:center;
		background:#393939;
		padding:6px;
		color:#fff;
		font-size:1.4rem;
		font-weight:bold;
		border-radius:3px;
		margin:0 0 10px 0;}

	#LpContainer #tabArea .Recommend-block .Recommend-Txt p{
		color: #333;
		font-size: 1.4rem;
		font-weight:bold;}

		#LpContainer #tabArea .Recommend-block .Recommend-Txt p span{
			display:block;
			color: #555;
			font-size: 1.1rem;
			font-weight:normal !important;}




/*----  tab  ----*/
#LpContainer #tabArea{
	}

#LpContainer #tabArea ul#tab{
	display: flex;
	justify-content: center;
	padding-top:80px;
	background-color:#007d38;}
	#LpContainer #tabArea ul#tab li {
		width:312px;
		margin-right:12px;}
		#LpContainer #tabArea ul#tab li:last-child {
			margin-right:0;}
			
	#LpContainer #tabArea ul#tab li a {
		display:block;
		text-indent:-9999px;
		outline: 0;
		width:312px;
		height: 131px;
		background: url(../images/tab.gif) no-repeat 0 0;}
		
	#LpContainer #tabArea ul#tab li#tab01 a {
		background-position: 0 -131px;
		transition:none;}
	#LpContainer #tabArea ul#tab li#tab02 a {
		background-position: -324px -131px;
		transition:none;}
	#LpContainer #tabArea ul#tab li#tab03 a {
		background-position: -648px -131px;
		transition:none;}

	#LpContainer #tabArea ul#tab li#tab01 a:hover,
	#LpContainer #tabArea ul#tab li#tab01 a.active{
		background-position: 0 0;
		transition:none;}
	#LpContainer #tabArea ul#tab li#tab02 a:hover,
	#LpContainer #tabArea ul#tab li#tab02 a.active{
		background-position: -324px 0;
		transition:none;}
	#LpContainer #tabArea ul#tab li#tab03 a:hover,
	#LpContainer #tabArea ul#tab li#tab03 a.active{
		background-position: -648px 0;
		transition:none;}


/*Movie*/
#LpContainer .Movie{
	width:960px;
	margin:0 auto 80px;
	padding:0 0 0;}
#LpContainer .Movie h3{
	margin-bottom:10px;}	
	#LpContainer .Movie .Movie-Box iframe{
		width:586px;
		height:330px;
		margin:0 auto;}

}

/*--------------------------------------------------------------------------------*/
@media(max-width: 767px){
figure{margin:0;}
#LpContainer{
	background-color:#fff; text-align:center;
	font-size:62.5%;}


#LpContainer .Main{}
	
	#LpContainer .Main img{
		width: 100%;}


/*BodyDoctor-block*/
#LpContainer section.BodyDoctor-block{
	padding:60px 10px;}

	#LpContainer section.BodyDoctor-block h2{
		margin:0 0 30px 0;
		padding:0 10px}
		
		#LpContainer section.BodyDoctor-block h2 img{
			max-width:100%;}
		
	#LpContainer section.BodyDoctor-block p{
		color: #333;
		font-size: 1.6rem;
		line-height:200%;
		text-align:left;}

	#LpContainer section.BodyDoctor-block figure{
		margin:0 0 50px 0;}

	#LpContainer section.BodyDoctor-block figure img{
		max-width:100%;}


/*Point-block*/
#LpContainer section.Point-block{
	padding:50px 10px;
	background-color:#f2f8f5;}

	#LpContainer section.Point-block h2{
		margin:0 0 50px 0;}

	#LpContainer section.Point-block h2 img{
		max-width:100%;}

	#LpContainer section.Point-block ul{
		}
	
		#LpContainer section.Point-block ul li{
			margin:0 0 50px 0;}
			#LpContainer section.Point-block ul li:last-child{
				margin:0;}

			#LpContainer section.Point-block ul li img{
				max-width:100%;
				margin:0 0 25px 0;}
				
			#LpContainer section.Point-block ul li h3{
				color: #007d38;
				font-size: 2.1rem;
				font-weight:bold;
				margin:0 0 12px 0;}				
				
			#LpContainer section.Point-block ul li p{
				color: #333;
				font-size: 1.4rem;
				line-height: 160%;
				text-align:left;}				

			#LpContainer section.Point-block ul li p span{
				display:block;
				color: #555;
				font-size: 72%;
				line-height: 180%;
				margin:10px 0 0 0;}


/*Main-block*/
#LpContainer #tabArea .Main-block{
	margin:0 10px;}	

#LpContainer #tabArea .Main-block img{
	max-width:100%;
	margin:0 0 30px 0;}	
			

/*threeD-Content*/
#LpContainer #tabArea #threeD-Content{
		padding:50px 0 80px;}

	#LpContainer #tabArea #threeD-Content h2{
		margin:0 0 20px 0;}
		#LpContainer #tabArea #threeD-Content h2 img{
			max-width:100%;}
			
	#LpContainer #tabArea #threeD-Content .Image-block{
		margin:0 10px;}
		
		#LpContainer #tabArea #threeD-Content .Image-block figure{
			margin:0 0 30px 0;}

		#LpContainer #tabArea #threeD-Content .Image-block figure:last-child{
			margin:0 0 30px 0;
			padding:0 40px}
			
		#LpContainer #tabArea #threeD-Content .Image-block figure img{
			max-width:100%;}			



/*Basic-Content*/
#LpContainer #tabArea #Basic-Content{
		padding:50px 0 80px;}

	#LpContainer #tabArea #Basic-Content h2{
		margin:0 0 20px 0;}
		#LpContainer #tabArea #Basic-Content h2 img{
			max-width:100%;}

	#LpContainer #tabArea #Basic-Content .Image-block{
		margin:0 10px;}
		
		#LpContainer #tabArea #Basic-Content .Image-block figure{
			margin:0 0 30px 0;}

		#LpContainer #tabArea #Basic-Content .Image-block figure:last-child{
			margin:0 0 30px 0;
			padding:0 40px}
			
		#LpContainer #tabArea #Basic-Content .Image-block figure img{
			max-width:100%;}	
			
			
/*Ponto-Content*/
#LpContainer #tabArea #Ponto-Content{
		padding:50px 0 80px;}

	#LpContainer #tabArea #Ponto-Content h2{
		margin:0 0 20px 0;}
		#LpContainer #tabArea #Ponto-Content h2 img{
			max-width:100%;}

	#LpContainer #tabArea #Ponto-Content .Image-block{
		margin:0 10px;}
		
		#LpContainer #tabArea #Ponto-Content .Image-block figure{
			margin:0 0 30px 0;}
			
		#LpContainer #tabArea #Ponto-Content .Image-block figure img{
			max-width:100%;}	
	
	#LpContainer #tabArea #Ponto-Content .Scene-block{
		margin:0 10px;}
		#LpContainer #tabArea #Ponto-Content .Scene-block p{
			color: #333;
			font-size: 1.8rem;
			font-weight:bold;
			line-height: 160%;
			margin:0 0 20px 0;
			text-align:center;}
			
		#LpContainer #tabArea #Ponto-Content .Scene-block ul{
			display: flex;
			flex-wrap: wrap;
			justify-content: space-between;}
	
			#LpContainer #tabArea #Ponto-Content .Scene-block ul li{
				width:32%;}
	
			#LpContainer #tabArea #Ponto-Content .Scene-block ul li img{
				width:100%;}	



/*Item-block*/
#LpContainer #tabArea .Item-block{
	margin:0 10px;}
	
	#LpContainer #tabArea .Item-block p{
			color: #333;
			font-size: 1.6rem;
			line-height:180%;
			margin:0 0 40px 0;
			text-align:left;}
			
	#LpContainer #tabArea .Item-block a.OnlineShop{
		display:block;
		margin:0 40px 40px 40px;}

	#LpContainer #tabArea .Item-block a.OnlineShop img{
		max-width:100%;}


/*Feature-block*/
#LpContainer #tabArea ul.Feature-block{
		margin:0 10px 50px;
		padding:30px 10px;
		background-color:#f2f8f5;}
	
			#LpContainer #tabArea ul.Feature-block li{
			margin:0 0 50px 0;}
			#LpContainer #tabArea ul.Feature-block li:last-child{
				margin:0;}
				
			#LpContainer #tabArea ul.Feature-block li h3{
				text-align:left !important;
				color: #007d38;
				font-size: 2.1rem;
				font-weight:bold;
				margin:0 0 10px 0;}	

			#LpContainer #tabArea ul.Feature-block li img{
				max-width:100%;
				margin:0 0 15px 0;}

			#LpContainer #tabArea ul.Feature-block li p{
				color: #333;
				font-size: 1.4rem;
				line-height: 160%;
				text-align:left;}				

			#LpContainer #tabArea ul.Feature-block li p span{
				display:block;
				color: #555;
				font-size: 72%;
				line-height: 180%;
				margin:10px 0 0 0;}	



/*Recommend-block*/
#LpContainer #tabArea .Recommend-block{
	margin:0 10px;
	border:1px solid #eee;
	border-radius:1px;
	padding:20px 10px;
	box-sizing: border-box;
	text-align:left;}

	#LpContainer #tabArea .Recommend-block img{
		max-width:100%;
		margin:0 0 20px 0;}

	#LpContainer #tabArea .Recommend-block .Recommend-Txt .label{
		display:block;
		width:120px;
		text-align:center;
		background:#393939;
		padding:6px;
		color:#fff;
		font-size:1.4rem;
		font-weight:bold;
		border-radius:3px;
		margin:0 0 10px 0;}

	#LpContainer #tabArea .Recommend-block .Recommend-Txt p{
		color: #333;
		font-size: 1.4rem;
		line-height: 140%;
		font-weight:bold;}

		#LpContainer #tabArea .Recommend-block .Recommend-Txt p span{
			display:block;
			color: #555;
			font-size: 82%;
			line-height: 140%;
			font-weight:normal !important;
			margin:5px 0 0 0;}


/*----  tab  ----*/
#LpContainer #tabArea{
	}

#LpContainer #tabArea ul#tab{
	display: flex;
	justify-content: center;
	padding-top:50px;
	background-color:#007d38;}
	#LpContainer #tabArea ul#tab li {
		display:block;
		width:33%;
		margin-right:0.5%;}
		#LpContainer #tabArea ul#tab li:last-child {
			margin-right:0;}
			
	#LpContainer #tabArea ul#tab li a {
		display:block;
		text-indent:-9999px;
		outline: 0;
		line-height: 0;
		padding-top:105%;/*calc(100%*222/210);*/}

		#LpContainer #tabArea ul#tab li#tab01 a {
			background: url("../images/tab_sp01.gif") 0 bottom no-repeat;
			background-size:100% auto;
			transition:none;}
		#LpContainer #tabArea ul#tab li#tab02 a {
			background: url("../images/tab_sp02.gif") 0 bottom no-repeat;
			background-size:100% auto;
			transition:none;}
		#LpContainer #tabArea ul#tab li#tab03 a {
			background: url("../images/tab_sp03.gif") 0 bottom no-repeat;
			background-size:100% auto;
			transition:none;}
	
		#LpContainer #tabArea ul#tab li#tab01 a.active{
			background: url("../images/tab_sp01.gif") 0 top no-repeat;
			background-size:100% auto;
			transition:none;}
		#LpContainer #tabArea ul#tab li#tab02 a.active{
			background: url("../images/tab_sp02.gif") 0 top no-repeat;
			background-size:100% auto;
			transition:none;}
		#LpContainer #tabArea ul#tab li#tab03 a.active{
			background: url("../images/tab_sp03.gif") 0 top no-repeat;
			background-size:100% auto;
			transition:none;}


/*Movie*/
#LpContainer .Movie{
	/*border-top:1px solid #201fa7;*/
	padding:30px 0 60px 0;}
	
	#LpContainer .Movie .Movie-Box{
		height: 0;
		overflow: hidden;
		padding-bottom: 56.25%;
		position: relative;}
	#LpContainer .Movie .Movie-Box iframe{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;}


}