/*★メインイメージ☆	*/
#natural_warapper{ color:#5b3d20;} 
#mainimage{ max-width:1441px; height:auto; margin:0 auto;}



/*★block2-before after☆	*/
#block2{  padding-top:80px; padding-bottom:150px; background-image:url(../img/natural_allbg.jpg); background-repeat:repeat;}
#block2 h2{ color:#582c13; font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; text-align:center; font-size:25px; line-height:48px;}
#natural_message1{ text-align:left; width:900px; margin:20px auto 0 auto;}
#before{ margin-top:70px;}
#before img{ max-width:962px; max-height:auto; margin: 0 auto; }

@media screen and (max-width: 768px) {
#block2{  padding-bottom:120px;}
#natural_message1{ width:95%;}
#before img{ width:90%; }
}

@media screen and (max-width: 640px) {
#block2{  padding-top:40px; padding-bottom:60px;}
#block2 h2{ font-size:16px !important; padding-bottom:10px; line-height:22px;}
#before{ margin-top:30px;}
}




/*★block3-こんな御悩みはありませんか？☆	*/
#block3{background-color: #fff; margin-bottom:140px;}
#content-block3 { background-image:url(../img/titlebg.jpg); background-repeat:repeat-x;}  
#content-block3 h3 img { max-width:718px; max-height:107px; margin: 0 auto; }
.inner { padding: 40px 0 40px 0;} 
#block3_box1{ padding-top:60px; margin:0 auto;}
#block3 dl{ float:left; padding-right:18px; max-width:307px; height:auto;}
#block3 dl dt{}
#block3 dl dd{ font-size:20px; line-height:28px; margin-top:10px;}
.right_none{ padding-right:0px !important;}
#block3 p{ clear:both; padding-top:60px;}

@media screen and (max-width: 768px) {
#block3{margin-bottom:70px;}
#block3 h3 img { width:70%; height:auto; margin:0 auto;}
#block3_box1{ padding-top:60px;width:95%; margin:0 auto;}
#block3 dl{ width:30%; height:auto;}
#block3 dl dt{}
}

@media screen and (max-width: 640px) {
#block3{margin-bottom:30px;}
#block3 h3 img { width:90%; height:auto; margin:0 auto;}
#block3_box1{ padding-top:0px; margin:0 auto;}
#block3 dl{ float:none; padding-right:0; width:95%; margin:0 auto; padding-top:50px;}
#block3 dl dt{}
#block3 dl dd{ font-size:14px; line-height:28px; margin-top:5px;}
#block3 p{ width:95%; margin:0 auto; clear:both; padding-top:60px;}
}





/*★block5-天然素材リフォームで解決☆*/
#block5{ background-image:url(../img/natural_allbg.jpg); background-repeat:repeat; padding-bottom:100px;}
#content-block5 { background-image:url(../img/titlebg2.jpg); background-repeat:repeat-x; margin-bottom:100px;}  
#content-block5 .inner { padding: 60px 0 60px 0;} 
#block5 h3 img { max-width:644px; max-height:55px; margin: 0 auto; }
#block5_body{  max-width:960px;  margin: 0 auto; }
.point{ max-width:960px; margin: 0 auto; font-size:32px; background-color: #ffffff; background-repeat: no-repeat; background-attachment: fixed; margin-bottom:40px; box-shadow: 1px 1px 2px #ccc; /* CSS3 */ -moz-box-shadow: 1px 1px 2px #ccc; /* Firefox用*/ -webkit-box-shadow: 1px 1px 2px #ccc; /* Google Chrome, Safari用*/}

.point_inner {width:900px; height:auto; padding:27px 0 0 80px; background-repeat: no-repeat; }
#point1 .point_inner{background-image:url(../img/point1.jpg);}
#point2 .point_inner{background-image:url(../img/point2.jpg);}
#point3 .point_inner{background-image:url(../img/point3.jpg);}
#point4 .point_inner{background-image:url(../img/point4.jpg);}
#point5 .point_inner{background-image:url(../img/point5.jpg);}
.point_inner dl{ padding-top:30px; padding-bottom:22%;}
.point_inner dt{ float:left; width:45%; font-size:14px; padding-right:40px; line-height:22px; }
.point_inner dt span{ color:#850b00;}
.point_inner dd{ float:left; width:374px; height:165px;}
.point h4{ font-size:33px; text-decoration: underline; text-align:center; font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; }
.point h4 span{ color:#850b00;}


@media screen and (max-width: 768px) {
#block5{ padding-bottom:70px;}
#block5 h3 img { width:70%; height:auto; margin:0 auto;}

.point{  width:100%;}
.point_inner{ width:80%; padding:30px 0 0px 100px; background-size:15%;}
.point_inner dl{ padding-top:10px; padding-bottom:55%;}
.point_inner dt{ float:right; width:100%; font-size:12px; padding-right:5px; padding-top:30px; padding-bottom:20px; line-height:22px; }
.point_inner dd{ clear:both; margin: 0 auto; text-align:center;}
.point_inner dd img {width:100%; height:100%;}
.point h4{ font-size:17px; }
}

@media screen and (max-width: 670px) {
#content-block5 { margin-bottom:40px;} 	
#content-block5 .inner { padding: 40px 0 40px 0;} 
#block5 h3 img { width:90%; height:auto; margin:0 auto;}

#block5{ padding-bottom:30px; }
#block5_body{  max-width:768px;  margin: 0 auto; }
.point_inner{ width:80%; padding:20px 10% 0px 11%; background-size:20%;}
.point_inner dl{ padding-top:0px; padding-bottom:105%;}
.point_inner dt{ float:right; width:100%; font-size:12px; padding-right:0px; padding-top:20px; padding-bottom:10px; }
.point_inner dd{ clear:both; margin: 0 auto; text-align:center;}
.point_inner dd img {width:77%; height:77%;}
.point h4{ font-size:17px; }
.point h4{ line-height:24px; margin-top:10px;}
}

@media screen and (max-width: 320px) {
.point_inner dl{ padding-bottom:120%;}
.point_inner dd img {width:68%; height:68%;}
}








/*★☆☆☆☆block6-天然素材リフォームって？★☆☆☆☆*/	
#block6{  padding-bottom:30px; margin-top:-50px;}
#content-block6 { background-image:url(../img/titlebg.jpg); background-repeat:repeat-x;}  
#content-block6 .inner { padding: 60px 0 60px 0;} 
#block6 h3 img { max-width:679px; max-height:104px; margin: 0 auto; }
#block6_body{  max-width:960px;  margin: 0 auto; }


#block6 .block6_point1 p{ float:left;}
#block6 .block6_point1 p img{ max-width:170px; height:auto;}
#block6 .block6_point1 dl{ max-width:700px; height:auto; margin-left:30px; float:left;}
#block6 .block6_point1 dl dt{ font-size:22px; font-weight:bold; padding-bottom:20px;}
#block6 .block6_point1 dd{ line-height:25px; font-size:15px; width:100%;}
#block6 .block6_point1 dd span{ color:#c92b11;}

.block6_box{ width:100%; height:auto; max-width:960px; clear:both; padding-top:40px;}
.block6_box .block6_point1 {float:left;  width:100%; height:auto; background-image:url(../img/natural_allbg.jpg); background-repeat:repeat; padding-bottom:10px; box-shadow: 1px 1px 2px #ccc; /* CSS3 */ -moz-box-shadow: 1px 1px 2px #ccc; /* Firefox用*/ -webkit-box-shadow: 1px 1px 2px #ccc; /* Google Chrome, Safari用*/ padding:35px 0 35px 30px; margin-top:40px;}




@media screen and (max-width: 768px) {
#block6{ padding-bottom:50px;}
#block6 h3 img { width:70%; height:auto; margin:0 auto;}
#block6 .block6_text1{ width:100%;}
#block6 .block6_point1 p img{ width:100%; height:auto;}
.block6_box .block6_point1 { margin:0 auto; padding:35px 0 35px 30px; margin-top:40px;}
#block6 .block6_point1 dl{ max-width:450px; height:auto; margin-left:20px;}
.block6_box{ width:90%; margin:0 auto; clear:both; padding-top:40px;}
}



@media screen and (max-width: 640px) {
#block6{ max-width:640px;  width:100%; padding-bottom:0px; height:auto;}
#content-block6{padding:30px 0;}
#content-block6 .inner { padding: 40px 0 40px 0;} 
#block6 h3 img { width:90%; height:auto; margin:0 auto;}
.block6_box{ width:95%; height:auto;  padding-top:0px;}

.block6_box{ width:100%; height:auto; max-width:640px;}
#block6 .block6_text1{ width:95%; margin:0 auto; margin-top:-30px;}
.block6_box .block6_point1 {float:none;  width:95%; height:auto; padding:20px 0 35px 0px; margin-top:20px;}
#block6 .block6_point1 p{ width:100%; text-align:center; margin:0 auto;}
#block6 .block6_point1 p img{width:100%; height:auto; margin:0 auto;}
#block6 .block6_point1 dl{ width:100%; max-width:640px; height:auto; margin-left:0px; float:none; clear:both; padding-top:35px;}
#block6 .block6_point1 dl dt{ font-size:22px; font-weight:bold; padding-bottom:15px; text-align:center;}
#block6 .block6_point1 dd{ line-height:25px; font-size:14px; width:95%; margin:0 auto;} 
}	




/*★お問い合わせフォーム*/
.riform_contact{ margin-top:100px; background-image:url(../img/titile-bg2.png); background-repeat:repeat-x; padding:70px 0 160px 0 ;}
.riform_contact  .riform_contactbox{ max-width:710px; margin:0 auto;}
.riform_contact p{text-align:center; margin-top:10px;}
.riform_contact p img{ width:100%; max-width:665px; height:24px;}
.riform_contact dl{ margin-top:20px;}
.riform_contact dl dt{ float:left;}
.riform_contact dl dd{ float:right;}

@media screen and (max-width: 768px) {
.riform_contact{ margin-top:70px;}
.riform_contact p img{ width:90%; height:auto;}
.riform_contact dl{ margin-top:20px;}
}

@media screen and (max-width: 640px) {
.riform_contact{  padding:40px 0 45px 0;}
.riform_contact p img{ width:100%;height:auto; margin:0 auto;}
.riform_contact dl{ text-align:center; margin-top:10px;}
.riform_contact dl img{ width:70%; margin:0 auto; height:auto;}
.riform_contact dl dt{ float:none;}
.riform_contact dl dd{ margin-top:10px; float:none;}
.riform_contact .smp_on{ font-size:14px; color:#fff;}
}



/*★☆☆☆☆block7-天然素材はペットにも優しい★☆☆☆☆*/	
#block7{ padding-top:70px; background-image:url(../img/natural_allbg.jpg); background-repeat:repeat; padding-bottom:80px;}
#block7 h3 img { max-width:756px; max-height:58px; margin: 0 auto; }
#block7 dl{max-width:756px; background-color:#fff; width:100%; margin:0 auto; padding:50px; box-shadow: 1px 1px 2px #ccc; /* CSS3 */ -moz-box-shadow: 1px 1px 2px #ccc; /* Firefox用*/ -webkit-box-shadow: 1px 1px 2px #ccc; /* Google Chrome, Safari用*/ margin-top:60px; }
#block7 dl dt{ text-align:center;}
#block7 dl dd{ margin-top:25px;}

@media screen and (max-width: 768px) {
#block7{ padding-top:50px; padding-bottom:70px;}
#block7 h3 img { width:70%; height:auto;}
#block7 dl{ width:80%; margin:0 auto; margin-top:40px; }
}
@media screen and (max-width: 640px) {
#block7{ padding-top:10px; height:auto; padding-bottom:20px;}
#block7 h3 img { width:90%; height:auto;}
#block7 dl{max-width:640px; width:90%; padding:10px 10px 30px 10px; margin-top:20px; }
#block7 dl dd{ margin-top:15px;}
}






/*★☆☆☆☆block8-修理の流れ★☆☆☆☆*/	
#block8{ width:100%; height:auto; background-color:#FFF; }
#content-block8 { background-image:url(../img/titlebg.jpg); background-repeat:repeat-x;}  
#content-block8 .inner { padding: 40px 0 40px 0;} 
#block8 h3 img { max-width:263px; max-height:85px; margin: 0 auto; }
#block8_body{ padding:80px 0 0px 0;}
.block8_box2{ width:100%; height:auto; max-width:960px; clear:both; padding-top:50px;  margin: 0 auto;}
hr{ border:none; border-top:dashed 1px #565656; height:1px; color:#FFFFFF; width:960px;}
.block8_img{float:left; padding-right:30px; padding-top:5%;}
.block8_box2{border-top: dotted 1px #565656;}
.block8_img2{float:left; padding-right:30px; padding-top:1.5%;}

.block8_box2 dl {width:70%; float:right; padding:0px 0 50px 0;}
.block8_box2 dl dt{ color:#6c3213; font-size:33px; font-weight:bold; font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;}
.block8_box2 dl dd{ font-size:14px; width:90%; padding-top:5%; line-height:20px;}
.block8_box2 dl dd span{ color:#ba0000;}
.block8_box2 dl dd a{ color:#17078b;}

@media screen and (max-width: 768px) {
#block8 h3 img { width:30%; height:auto;margin: 0 auto; }
#block8_body{ width:95%; margin:0 auto;}
}




@media screen and (max-width: 640px) {
#block8{margin-bottom:-50px;}
#content-block8 .inner { padding: 20px 0 20px 0;} 
#block8 h3 img { width:40%;}

#block8_body{ padding:20px 0 40px 0;}
.block8_box2{ max-width:640px; clear:both; padding-top:20px;  margin: 0 auto;}

hr{ width:97%;}
.block8_img{float:none; padding-right:0px; margin-top:-20px; text-align:center;}
.block8_img img{width:30%; height:30%;}

.block8_img2{float:none; padding-right:0px; margin-top:-5px; text-align:center;}
.block8_img2 img{width:30%; height:30%;}
.block8_box2 dl {width:96%; float:none; padding:15px 0 15px 0; margin: 0 auto; }
.block8_box2 dl dt{ font-size:20px; text-align:center;}
.block8_box2 dl dd{ width:100%; padding-top:3%; line-height:20px; font-size:12px; }
}




/*★☆☆☆☆block10-Q&A★☆☆☆☆*/	
#block10{ width:100%; height:auto; padding-top:40px; background-image:url(../img/natural_allbg.jpg); background-repeat:repeat; }
#content-block10 .inner { padding: 60px 0 50px 0;} 
#block10 h3 img { max-width:171px; max-height:67px; margin: 0 auto; }

#block10_box{ width:100%; height:auto; max-width:960px; margin-top:80px;  margin: 0 auto; padding-bottom:0px;}
.question{padding:0px 0 0px 0px;}
.question dt{ float:left;}
.question dd{ float:left; padding:10px 0 0 20px; font-size:18px; font-weight:bold;}
.answer{ clear:both; padding:10px 0 30px 0px; }
.answer dt{ float:left;}
.answer dd{ float:left; padding:0px 0 0 20px; font-size:14px;}
.qa_box{ width:83.5%; height:auto; padding:30px 0 60px 0 !important; border-top: dotted 1px #565656; margin: 0 auto; clear:both;}

@media screen and (max-width: 768px) {
.answer{ clear:both; padding:10px 0 30px 0px; }
.answer dt{ float:left; }
.answer dd{ float:left; padding:0px 0 0 20px; font-size:14px; width:85%;}
.qa_box{ width:95%; height:auto; padding:30px 0 90px 0 !important;}

}


@media screen and (max-width: 640px) {
#block10{ width:100%; height:auto; padding-top:40px; max-width:640px; padding-bottom:0px;}
#block10 h3 img { width:30%; height:auto; }

#block10_title_smp{ text-align:center;}
#block10_title_smp img{ width:55%; height:55%;}
#content-block10 .inner { padding: 30px 0 0px 0;}
#block10_box{ max-width:640px; margin-top:0px; padding-bottom:0px;}
#question_box{ max-width:640px; width:97%; margin: 0 auto; }
.question{padding:10px 0 0px 0px;}
.question dt img {width:70%; height:70%;}
.question dd{ padding:1px 0 0 0px; font-size:13px;}
.answer{ padding:10px 0 0px 0px; width:100%;}
.answer dt{ float:left;}
.answer dt img {width:70%; height:70%;}
.answer dd{ float:left; padding:3px 0 0 0px; font-size:12px; width:80%; margin-bottom:0px;}
.qa_box{ width:100%; padding:8px 0 20px 0 !important; margin-top:20px; border-top: dotted 1px #565656; }
}



/*★block5-5つのポイント☆*/
#last_block{ background-color:#fff; padding:70px 0 150px 0 ; max-width:710px; margin:0 auto;}
#last_block p{text-align:center;}
#last_block p img{ width:100%; max-width:665px; height:24px;}
#natural_last_message{ margin:30px 0; text-align:center !important;}
#last_block dl{ margin-top:20px;}
#last_block dl dt{ float:left;}
#last_block dl dd{ float:right;}
#last_block dt img{ max-width:300px; height:65px;}
	

@media screen and (max-width: 640px) {
#last_block{  padding:30px 0 30px 0;}
#last_block p img{ width:95%;height:auto; margin:0 auto;}
#natural_last_message{ width:95%; margin:30px auto 30px auto;}
#last_block dl{ text-align:center; margin-top:10px;}
#last_block dl img{ width:70%; height:auto;}
#last_block dl dt{ float:none;}
#last_block dl dd{ margin-top:10px; float:none;}

#last_block .smp_on{ font-size:14px;}
}