@charset "utf-8";
	/* CSS Document */
	/* **************Index.html CSS*************** */
			
	/* PC
	--------------------------------------------
	-------------------------------------------- */
	@media screen and (min-width:980px) {
		#body_lp {
			text-align: center;
			
		}
		
		
		#main_banner2 {
			height:2050px;
			background-image: url(../images/back1.png);
			margin-right: auto;
			margin-left:auto;
			overflow:hidden;
			width: 100%;
			text-align:center;
	
		}
		
		#main_banner2 img{
			margin-top: 150px;
		}
		
		
		/*アンケート*/
		#main_banner3 {
			height:1250px;
			background-color: rgba(255,255,255,0.7);
			margin-left:auto;
			overflow:hidden;
			width: 100%;
			top: 800px;
			z-index: 10;
			position: absolute;
			text-align:center;
	
		}
		
		#main_banner3 img{
			margin-top: 50px;
		}
	
		#main_banner3 p{
			text-align: justify;
			font-size: 1.4em;
			width: 980px;
			padding: 10px;
			line-height: 160%;
			margin-left: auto;
			margin-right: auto;
			color: #383434
		}
		
		/*効果写真*/
		#main_banner4 {
			height:1650px;
			background-image: url(../images/back2.png);
			margin-right: auto;
			margin-left:auto;
			overflow:hidden;
			width: 100%;
		}
		
		
		/*ご愛用者の声*/
		#main_banner5 {
			height:1080px;
			background-image: url(../images/back3.png);
			margin-right: auto;
			margin-left:auto;
			overflow:hidden;
			width: 100%;
		}
		
		
		
		/*原因*/
		#main_banner6 {
			height:2330px;
			background-image: url(../images/back4.png);
			margin-right: auto;
			margin-left:auto;
			overflow:hidden;
			width: 100%;
		}
		
		#main_banner6 p{
			text-align: justify;
			font-size: 1.4em;
			width: 980px;
			padding: 10px;
			line-height: 180%;
			margin-left: auto;
			margin-right: auto;
			
		}
		
		
		
		/*製品特長*/
		#main_banner7 {
			height:2366px;
			background-image: url(../images/back5.png);
			margin-right: auto;
			margin-left:auto;
			overflow:hidden;
			width: 100%;
	
		}
		
		
		#main_banner8 {
			height:1270px;
			background-image: url(../images/back6.png);
			margin-right: auto;
			margin-left:auto;
			overflow:hidden;
			width: 100%;
			background-repeat: no-repeat;
			background-position-y: 400px;
		}
		
		
		#flow{
		text-align: center;
		margin-bottom: 30px;
		}
		
		#flow ul{
		width: 744px;
		margin: 0px auto 0px auto;
		text-align: left;
		}
		
		#flow ul li{
		display: inline;
		}
		
		#flow ul p{
		width: 210px;
		text-align: left;
		display: inline-block;
		vertical-align: text-top;
		font-size: 0.9em;
		}
	
		#flow {
	    text-align: center;
	    margin-bottom: 30px;	
		}
		
		.clear {
	    clear: both;
		}
		
		#koka1{
			background-image: url(../images/img5.png);
			background-repeat: no-repeat;
			width: 731px;
			height: 600px;
			margin-right: auto;
			margin-left:auto;
			padding-top: 100px;
			text-align: justify;
		}
		
		
		#koka2{
			background-image: url(../images/img6.png);
			background-repeat: no-repeat;
			width: 731px;
			height: 490px;
			margin-right: auto;
			margin-left:auto;
			padding-top: 100px;
			text-align: justify;
			
		}
		
		
		#koka1 p{
			font-size: 1.4em;
			line-height: 160%;
			width: 680px;
			margin-right: auto;
			margin-left:auto;
	
		}
		
		#koka2 p{
			font-size: 1.4em;
			line-height: 160%;
			width: 680px;
			margin-right: auto;
			margin-left:auto;
	
		}
		
		
		#voice_area{
			width: 980px;
			height:720px;
			margin-left: auto;
			margin-right: auto;
			
		}
	
		.voice{
			width:430px;
			height:300px;
			background-color: white;
			float: left;
			margin: 30px;
		}
		
		
		.voice p{
			font-size: 1.2em;
			line-height: 160%;
			padding: 10px;
			text-align: justify;
		}
		
		.item_name{
			font-weight: 800;
			line-height: 180%;
			text-decoration: underline;
			
		}
		
		
		#point{
			width:980px;
			margin-left: auto;
			margin-right: auto;
		}
		
		#point p{
			float:left;
			text-align: justify;
			width: 707px;
			line-height: 160%;
			font-size: 1.4em;
			margin-top: 40px;
		}
		
		
		#hg{
			width: 829px;
			height:679px;
			margin-left: auto;
			margin-right: auto;
			background-image: url(../images/img14_2.png);
			background-repeat: no-repeat;
			margin-top: 200px;
			
		}
		
		
		#hg p{
			width:750px;
			font-size: 1.4em;
			line-height: 180%;
		    text-align: justify;
		    position: absolute;
		    margin-top: 150px;
		    margin-left:40px;
		    color: #383434;
		}
		
		
		#la{
			width: 829px;
			height:679px;
			margin-left: auto;
			margin-right: auto;
			background-image: url(../images/img14.png);
			background-repeat: no-repeat;
			margin-top: 300px;
			
		}
		
		
		#la p{
			width:750px;
			font-size: 1.4em;
			line-height: 180%;
		    text-align: justify;
		    position: absolute;
		    margin-top: 150px;
		    margin-left:40px;
		    color: #383434;
		}
	
		
		#movie{
			background: #eeece0;
			height: 400px;
			margin-top: 50px;
			
		}
		
		
		#movie_contents{
			width: 980px;
			margin: 0 auto;
			
		}
		
		
		#movie_contents p{
			float: left;
			width: 550px;
			height:400px;
			position: absolute;
			font-size: 1.4em;
			line-height: 160%;
			text-align: justify;
			margin-top: 40px;
		}
	
	}
	
	/* SmartPhone
	--------------------------------------------
	-------------------------------------------- */
	@media screen and (max-width:979px) {
		
			#body_lp {
			text-align: center;
			
		}
		
		
		#main_banner2 {
			height: 491px;
			background-image: url(../images/back1.png);
			margin-right: auto;
			margin-left:auto;
			overflow:hidden;
			/* width: 100%; */
			text-align:center;
		}
		
		#main_banner2 img{
			margin-top: 150px;
		}
		
		#main_banner1 img,#main_banner2 img,#main_banner3 img,#main_banner4 img,#main_banner5 img,#main_banner6 img,#main_banner8 img{
			width: 100%;
		}
		
		#main_banner1,#main_banner2,#main_banner3,#main_banner4,#main_banner5,#main_banner6,#main_banner7,#main_banner8{
			padding: 20px;
			margin: 0 auto;
			line-height: 160%;
		}

		/*アンケート*/
		#main_banner3 {
			margin-left:auto;
			overflow:hidden;
			top: 800px;
			z-index: 10;
			text-align:center;
			
		}
		
		#main_banner3 img{
			margin-top: 50px;
			width: 100%;
		}
	
		#main_banner3 p{
			text-align: justify;
			font-size: 1.2em;
			padding-top: 20px;
			line-height: 160%;
		}
		
		/*効果写真*/
		#main_banner4 {
			/* background-image: url(../images/back2.png); */
			/* overflow:hidden; */
			/* min-height: 1000px; */
		}
		
		#main_banner4 p{
			line-height: 160%;
		}
		
				
		
		/*ご愛用者の声*/
		#main_banner5 {
			/* background-image: url(../images/back3.png); */
			overflow:hidden;
			background-size: cover;
			background-repeat: no-repeat;
			background-position: right;
			background-color: beige;
		}
		
		
		
		/*原因*/
		#main_banner6 {
			background-image: url(../images/back4.png);
			overflow:hidden;
			background-size: inherit;
		}
		
		#main_banner6 p{
			text-align: justify;
			font-size: 1.2em;
			padding: 10px;
			line-height: 160%;
			margin-left: auto;
			margin-right: auto;
		}
		
		
		
		/*製品特長*/
		#main_banner7 {
			/* height:2366px; */
			/* background-image: url(../images/back5.png); */
			/* overflow:hidden; */
		}
		
		#main_banner7 p{
			line-height: 160%;
			text-align: justify;
			padding-bottom: 30px;
		}
		
		#main_banner8 {
			/* height:1270px; */
			background-image: url(../images/back6.png);
			overflow:hidden;
			background-repeat: no-repeat;
			background-position-y: 400px;
			clear: both;
		}
		
		
		#flow{
		text-align: center;
		margin-bottom: 30px;
		}
		
		#flow ul{
		width: 744px;
		margin: 0px auto 0px auto;
		text-align: left;
		}
		
		#flow ul li{
		display: inline;
		}
		
		#flow ul p{
		width: 210px;
		text-align: left;
		display: inline-block;
		vertical-align: text-top;
		font-size: 0.9em;
		}
	
		#flow {
	    text-align: center;
	    margin-bottom: 30px;	
		}
		
		.clear {
	    clear: both;
		}
		
		#koka1{
			background-image: url(../images/img5.png);
			background-repeat: no-repeat;
			width: 100%;
			height: 260px;
			margin-right: auto;
			margin-left:auto;
			padding-top: 100px;
			text-align: justify;
			background-size: contain;
			margin-bottom: 30px;
		}
		
		
		#koka2{
			background-image: url(../images/img6.png);
			background-repeat: no-repeat;
			width: 100%;
			height: 260px;
			margin-right: auto;
			margin-left:auto;
			padding-top: 100px;
			text-align: justify;
			background-size: contain;
		}
		
		
		#koka1 p{
			font-size: 1.4em;
			line-height: 160%;
			width: 680px;
			margin-right: auto;
			margin-left:auto;
	
		}
		
		#koka2 p{
			font-size: 1.4em;
			line-height: 160%;
			width: 680px;
			margin-right: auto;
			margin-left:auto;
	
		}
		
		
		#voice_area{
			/* width: 100%; */
			/* height: 732px; */
			margin-left: auto;
			margin-right: auto;
		}
	
		.voice{
			/* width:430px; */
			/* height:300px; */
			background-color: #fff;
			/* float: left; */
			/* margin: 30px; */
			margin-bottom: 20px;
		}
		
		
		.voice p{
			font-size: 1.2em;
			line-height: 160%;
			padding: 10px;
			text-align: justify;
		}
		
		.item_name{
			font-weight: 800;
			line-height: 180%;
			text-decoration: underline;
			
		}
		
		
		#point{
			/* width:980px; */
			/* margin-left: auto; */
			/* margin-right: auto; */
			margin: 0 auto;
			padding: 20px;
		}
		
		#point p{
			/* float:left; */
			text-align: justify;
			/* width: 80%; */
			line-height: 140%;
			font-size: 1.2em;
			/* margin-top: 40px; */
		}
		
		
		#hg{
			/* width: 93%; */
			height:679px;
			margin-left: auto;
			margin-right: auto;
			background-image: url(../images/img14_2.png);
			background-repeat: no-repeat;
			/* margin-top: 200px; */
			background-size: contain;
		}
		
		
		#hg p{
			/* width:750px; */
			font-size: 1.2em;
			line-height: 160%;
			text-align: justify;
			/* position: absolute; */
			/* margin-top: 150px; */
			/* margin-left:40px; */
			color: #383434;
			padding-top: 61px;
		}
		
		
		#la{
			/* width: 829px; */
			height:679px;
			margin-left: auto;
			margin-right: auto;
			background-image: url(../images/img14.png);
			background-repeat: no-repeat;
			margin-top: 300px;
		}
		
		
		#la p{
			/* width:750px; */
			font-size: 1.4em;
			line-height: 180%;
			text-align: justify;
			position: absolute;
			margin-top: 150px;
			margin-left:40px;
			color: #383434;
		}
	
		
		#movie{
			/* background: #eeece0; */
			/* height: 400px; */
			margin-top: 50px;
		}
		
		
		#movie_contents{
			/* width: 980px; */
			margin: 0 auto;
		}
		
		
		#movie_contents p{
			/* float: left; */
			/* width: 550px; */
			/* height:400px; */
			/* position: absolute; */
			font-size: 1.2em;
			line-height: 140%;
			text-align: justify;
			/* margin-top: 40px; */
		}	
		
		.sp_title{
			    text-align: center;
			    font-size: 1.6em;
			    width: 100%;
			    background-color: beige;
			    font-family: YuMincho,"游明朝",sans-serif;
			    font-style: normal;
			    font-weight: normal;
			    letter-spacing: 0px;
			    padding-bottom: 5px;
			    padding-top: 5px;
			    line-height: 160%;
		}
		
	}