@charset "UTF-8";
/************************************
	INSEL-ART Inc.
*************************************

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

				Basic Setting

-----------------------------------------------*/
body {
  margin: 0 auto;
  width: 100%;
  background: url(../img/body_bg.jpg);
  background-size: 50%; }
  
img {
  width: 100%; }

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

.inter {
  width: 100%;
  text-align: center;
  margin: 30px auto; }
  

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

				Layouts

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

header{
}
  header ul{
	  font-size:0;
  }
  header ul li{
	  width:33%;
	  display:inline-block;
	  vertical-align:middle;
  }


#mv2{
  background:url(../img/mv_bg01a.jpg) 0 0 no-repeat;
  background-size:100%;
  padding-top:20px;
  margin-bottom:30px;

}
  #mv2 .notice{
	  font-size:1.2rem;
	  text-align:right;
	  margin-right:10px;
  }



#mv{
  background:url(../img/mv_bg01.jpg) 0 0 no-repeat;
  background-size:100%;
  padding-top:20px;
  margin-bottom:30px;
}
  #mv h2{
	width:80%;
	margin-bottom:10px;
  }
  #mv ul{
  }
    #mv ul li{
	  background:url(../img/mv_bg02.png) 0 0 no-repeat;
	  background-size:100%;
	  box-sizing:border-box;
	  display:inline-block;
	  width:30%;
	  padding:4% 5% 6%;
	  margin-left:2%;
	}
  #mv .notice{
	  font-size:1.2rem;
	  text-align:right;
	  margin-right:10px;
  }


#nayami .inner.first{
  background:url(../img/nayami_bg01.jpg) 0 bottom no-repeat;
  background-size:100%;
}
  #nayami .inner h3{
    margin-bottom:20px;
  }
  #nayami .inner ul{
	  margin-left:10px;
  }
    #nayami .inner ul li{
		margin-bottom:20px;
	}
  #nayami p.movieTit{
	margin-bottom:20px;
  }
  #nayami .movie{
    position:relative;
    padding-bottom: 56.25%;
    padding-top:30px;
    height:0;
    overflow:hidden;
	margin:0 10px 30px;
  }
    #nayami .movie iframe{
	  position:absolute;
      top:0;
      left:0;
      width:100%;
      height:100%;
	}


#about{
  margin-bottom:30px;
}
  #about h3{
	  margin-bottom:20px;
  }
   #about ul.point{
    margin-left:20px;
    }
	 #about ul.point li{
		margin-bottom:20px;
	}
  #about .img01{
	  margin-left:20px;
}


#seibun{
  background:url(../img/feature_seibun_bg01.jpg) right 0 no-repeat;
  background-size:40%;
  padding-top:30px;
}
  #seibun h3{
    margin-bottom:30px;
  }
  #seibun p{
	margin:0 10px 20px;}
  #seibun ul{
	margin:0 10px 20px;
  }
    #seibun ul li{
      display:inline-block;
	  width:49%;
	}
  #seibun .detail{
    border:2px solid #009BDD;
	border-radius:5px;
	margin:40px 10px;
  }
    #seibun .detail h4{
	  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.98, #d8e5eb), color-stop(0.00, #fefefe));
	  background: -webkit-linear-gradient(top, #fefefe 0%, #d8e5eb 98%);
	  background: -moz-linear-gradient(top, #fefefe 0%, #d8e5eb 98%);
	  background: -o-linear-gradient(top, #fefefe 0%, #d8e5eb 98%);
      background: -ms-linear-gradient(top, #fefefe 0%, #d8e5eb 98%);
	  background: linear-gradient(to bottom, #fefefe 0%, #d8e5eb 98%);
	  padding:15px 60px;
	}
	#seibun .detail dl{ }
	  #seibun .detail dl dt{
		background: url(../img/feature_seibun_icn01.png) 95% 50% no-repeat #009BDD;
		background-size:8%;
		padding:15px 30% 15px 5%;
	  }
	  #seibun .detail dl dd{
		display:none;
		padding:15px 10px;
	  }
  #seibun .uruoi{
    background:url(../img/seibun_uruoi_bg01.jpg) 0 bottom no-repeat;
	background-size:100%;
  }
    #seibun .uruoi h4{
	  margin-bottom:20px;
	}
	#seibun .uruoi ul{
	  position:relative;
	  padding-bottom:120%;
	}
	  #seibun .uruoi ul li.uruoi01{
		position:absolute;
		top:0;
		right:0;
	  }
	  #seibun .uruoi ul li.uruoi02{
		position:absolute;
		top:20%;
		left:10%;
	  }
	  #seibun .uruoi ul li.uruoi03{
		position:absolute;
		top:50%;
		right:10%;
	  }


#howto{
  margin-bottom:30px;
}
  #howto h3{
    margin-bottom:20px;
  }
  #howto h4{
    margin-bottom:10px;
  }
  #howto .step{
	margin:0 10px 30px;
  }
    #howto .step li .inter{
	  width:40%;
	  margin:0 auto;
	}
  #howto .hyoumen{
	margin:0 10px 30px;
  }
	#howto .hyoumen li .inter{
	  margin:20px auto;
	}
  #howto .notice{
	border:1px solid #A3C2DE;
	padding:10px 20px;
	margin:0 10px 20px;
  }
  #howto .kurozumi{
	margin:0 10px 30px 15px;
  }
	#howto .kurozumi li{
	  display:inline-block;
	  width:48%;
	  margin-right:1%;
	}
  #howto .movie{
    position:relative;
    padding-bottom: 56.25%;
    padding-top:30px;
    height:0;
    overflow:hidden;
	margin:0 10px 30px;
  }
    #howto .movie iframe{
	  position:absolute;
      top:0;
      left:0;
      width:100%;
      height:100%;
	}


#kansou{
  background:url(../img/kansou_bg01.jpg) 0 5% no-repeat;
  background-size:100%;
}
  #kansou h3{
	margin-bottom:30px;
  }
  #kansou p{
	text-align:center;
	margin-bottom:40px;
  }
	#kansou p .img01{
	  width:50%;
	  margin-bottom:15px;
	}


#relux{
  margin-bottom:30px;
}
  #relux h3{
	margin-bottom:30px;
  }
	#relux ul li{
	  margin-top:-20px;
	}


#voice{
  background:url(../img/voice_bg01.jpg) 0 0 repeat-y;
  background-size:100%;
  padding:10px;
  margin-bottom:40px;
}
  #voice .inner{
	background: -webkit-gradient(linear, left top, right bottom, from(#FFF),  to(#E2F2FA));
	background: linear-gradient(to right bottom, #FFF, #FFF 80%, #E2F2FA);
	position:relative;
  }
	#voice .inner h3{
	  position:relative;
	  top:-5px;
	  left:-10px;
	}
	#voice .inner ul{
	  padding:20px;
	}
	  #voice .inner ul li{
		border-bottom:1px solid #FCA593;
		padding:20px 0;
	  }
	  #voice .inner ul li:last-child{
		border-bottom:none;
	  }
  #voice .notice{
	font-size:1.2rem;
	text-align:right;
  }


#faq{
  box-shadow:0px 0px 5px #666;
  padding:30px 10px;
  margin:0 10px 40px;
}
  #faq h3{
	width:50%;
	margin:0 auto 30px;
  }
  #faq dl{}
	#faq dl dt{
	  background:url(../img/faq_img01.png) 0 center no-repeat, url(../img/faq_img02.png) right center no-repeat;
	  background-size:8%;
	  border-bottom:1px solid #61ADE2;
	  padding:5% 15% 5% 10%; 
	}
	#faq dl dd{
	  display:none;
	  background:url(../img/faq_img03.png) 0 20% no-repeat;
	  background-size:8%;
	  font-size:1.6rem;
	  padding:5% 0 10% 10%;
	}


#shoppingGuide{
  background:#D7EDF9;
  padding:10px 10px 30px;
}
  #shoppingGuide dl{
	background:#FFF;
	padding:10px;
  }
	#shoppingGuide dl dt{
	  color:#96CCDA;
	  font-size:1.8rem;
	  font-weight:bold;
	  margin-bottom:20px;
	}
	#shoppingGuide dl dd{
	  margin-bottom:30px;
	}
	  #shoppingGuide dl dd p{
	    margin-bottom:10px;
	  }
	  #shoppingGuide dl dd .subTit{
		font-size:1.6rem;
		margin-bottom:5px;
	  }
	  #shoppingGuide dl dd ul{ }
		#shoppingGuide dl dd li{
		  font-size:1.6rem;
		  list-style:disc;
		  text-indent:0rem;
		  margin:0 0 5px 20px;	
		}
		  #shoppingGuide dl dd li .subTxt{
			margin-left:10px;
		  }
	  #shoppingGuide dl dd .postage{
		background:#D7EDF9;
		font-size:1.8rem;
		padding:10px;
		margin-bottom:20px;
	  }

 
footer{
  background:#63B7CC;
  color:#FFF;
  text-align:center;
  padding:30px 20px;
}
  footer ul{
	margin-bottom:40px;
  }
	footer ul li a{
	  color:#FFF;
	  text-decoration:none;
	}
  footer .copyright{
	font-size:1.2rem;
  }






/* CT
-------------------*/
.ct.primary{
	margin-bottom:30px;
}
  .ct.primary dl.soap{
	background:url(../img/ct_primary_img01.jpg) 0 0 no-repeat;
	background-size:100%;
	padding:58% 5px 0;
  }
    .ct.primary dl.soap dt .icn01{
	  width:20%;
	  margin-right:5px;
    }
  	.ct.primary dl.soap dt .txt01{
	  width:60%;
	}
	.ct.primary dl.soap dt .icn_wbs{
	  width:33%;
	}
	.ct.primary dl.soap dt .notice{
		font-size:1.2rem;
		margin-left:0;
	}
    .ct.primary dl.soap dd{
	  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.42, #fff), color-stop(0.03, #fbebed));
	  background: -webkit-linear-gradient(top, #fbebed 3%, #fff 42%);
	  background: -moz-linear-gradient(top, #fbebed 3%, #fff 42%);
	  background: -o-linear-gradient(top, #fbebed 3%, #fff 42%);
	  background: -ms-linear-gradient(top, #fbebed 3%, #fff 42%);
	  background: linear-gradient(to bottom, #fbebed 3%, #fff 42%);
	  padding:20px 5px 0;
    }
	  .ct.primary dl.soap dd p{
	    margin-bottom:10px;
	  }
	    .ct.primary dl.soap dd p.btn{
		  margin-bottom:30px;
		}
  .ct.primary .case{
	padding:10px;
  }
  .ct.primary .case dl{
    border:3px solid #F0DADF;
	margin:0 0 30px;
	padding:10px;
  }
    .ct.primary .case dl dt{
	  margin-bottom:10px;
    }
	  .ct.primary .case dl dd p{
		margin-bottom:10px;
	  }
	  .ct.primary .case dl dd ul{
		margin:0 0 10px 5px;
	  }
	    .ct.primary .case dl dd ul li{
			box-sizing: border-box;
			display:inline-block;
			width:48%;
			padding:0 1%;
	    }
	  .ct.primary .case dl dd p.btn{
		  margin-bottom:0;
	   }
  .ct.primary .tel{
	  margin:0 10px 5px;
  }
  /*
  .ct.primary dl.tel{
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.98, #dedede), color-stop(0.00, #fefefe));
	background: -webkit-linear-gradient(top, #fefefe 0%, #dedede 98%);
	background: -moz-linear-gradient(top, #fefefe 0%, #dedede 98%);
	background: -o-linear-gradient(top, #fefefe 0%, #dedede 98%);
	background: -ms-linear-gradient(top, #fefefe 0%, #dedede 98%);
	background: linear-gradient(to bottom, #fefefe 0%, #dedede 98%);
	border:1px solid #CCC;
	border-radius:8px;
	text-align:center;
	padding:10px;
	margin:0 10px;
  }
    .ct.primary dl.tel dt{
	  font-size:1.8rem;
	  margin-bottom:5px;
	  text-decoration:none;
	  color:#333;
	}
	.ct.primary dl.tel dd a{
		text-decoration:none;
	  	color:#333;
	}
	  .ct.primary dl.tel dd .number{
	    font-size:2.8rem;
	    text-align:center;
	  }
	    .ct.primary dl.tel dd .number rt{
		  font-size:1.2rem;
		}
	    .ct.primary dl.tel dd .number .icn{
	      width:20%;
	    }
	  .ct.primary dl.tel dd .time{
		font-size:1.2rem;
	  }
  */
  .ct.primary .notice{
	margin-left:10px;
  }


.ct.secondary{
  margin-bottom:40px;
}
  .ct.secondary h3{
    margin-bottom:30px;
  }
  .ct.secondary .soap{
	background:url(../img/ct_img01.jpg) 100% 20% no-repeat;
	background-size:55%;
	padding:0 10px;
	margin-bottom:30px;
  }
	.ct.secondary .soap dt{
	  margin-bottom:30px;
	}
	.ct.secondary .soap dd p{
	  margin-bottom:20px;
	}
	.ct.secondary .soap dd .detail{
	  width:55%;
	  margin-bottom:10px;
	 }
	 .ct.secondary .soap dd .notice{
		 font-size:1.2rem;
		 margin-left:0;
	}
	.ct.secondary .soap dd .price{
	  width:75%;
	}
  .ct.secondary .recommend{
	border:2px solid #E77888;
	margin:0 10px 30px;
  }
    .ct.secondary .recommend dt{
	  padding:10px;
	}
	.ct.secondary .recommend dd{
	  padding:10px;
	}
	  .ct.secondary .recommend dd .price{
		margin-bottom:10px;
	  }
	.ct.secondary .recommend dd.present{
	  background:#FFF9C7;
	  border-top:2px solid #E77888;
	  position:relative;
	}
	  .ct.secondary .recommend dd.present .txt01{
	    width:70%;
	  }
	  .ct.secondary .recommend dd.present .img01{
		position:absolute;
		top:-10%;
		right:0;
		width:30%;
	  }
  .routine{
	background: rgb(132,15,8);
	background: -moz-linear-gradient(left,  rgba(132,15,8,1) 0%, rgba(223,1,9,1) 50%, rgba(132,15,8,1) 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(132,15,8,1)), color-stop(50%,rgba(223,1,9,1)), color-stop(100%,rgba(132,15,8,1)));
	background: -webkit-linear-gradient(left,  rgba(132,15,8,1) 0%,rgba(223,1,9,1) 50%,rgba(132,15,8,1) 100%);
	background: -o-linear-gradient(left,  rgba(132,15,8,1) 0%,rgba(223,1,9,1) 50%,rgba(132,15,8,1) 100%);
	background: -ms-linear-gradient(left,  rgba(132,15,8,1) 0%,rgba(223,1,9,1) 50%,rgba(132,15,8,1) 100%);
	background: linear-gradient(to right,  rgba(132,15,8,1) 0%,rgba(223,1,9,1) 50%,rgba(132,15,8,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#840f08', endColorstr='#840f08',GradientType=1 );
	padding:20px 0;
	margin-bottom:20px;
	  }
	.routine h4{
	  margin-bottom:30px;
	  padding:0 10px;
	}
	.routine > p{
	  margin:0 20px 20px;
	}
	.routine dl{
	  border:3px solid #D49A46;
	  margin:0 10px 30px;
	  background:#fff;
	}
	  .routine dl dt{
	  }
		.routine dl dd p{
		}
		.routine dl dd p.price{
			margin:-30px 0 10px;
			padding: 0 10px;
		}
		.routine dl dd p.btn{
		  margin-bottom:0;
		}
	.routine .notice{
		color:#fff;
	}
  .ct.secondary .tel{
	  margin:0 10px 5px;
  }
  /*
  .ct.secondary dl.tel{
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.98, #dedede), color-stop(0.00, #fefefe));
	background: -webkit-linear-gradient(top, #fefefe 0%, #dedede 98%);
	background: -moz-linear-gradient(top, #fefefe 0%, #dedede 98%);
	background: -o-linear-gradient(top, #fefefe 0%, #dedede 98%);
	background: -ms-linear-gradient(top, #fefefe 0%, #dedede 98%);
	background: linear-gradient(to bottom, #fefefe 0%, #dedede 98%);
	border:1px solid #CCC;
	border-radius:8px;
	text-align:center;
	padding:10px;
	margin:0 10px;
  }
    .ct.secondary dl.tel dt{
	  font-size:1.8rem;
	  margin-bottom:5px;
	  text-decoration:none;
	  color:#333;
	}
	.ct.secondary dl.tel dd a{
		text-decoration:none;
	  	color:#333;
	}
	  .ct.secondary dl.tel dd .number{
	    font-size:2.8rem;
	    text-align:center;
	  }
	  .ct.secondary dl.tel dd .number rt{
		  font-size:1.2rem;
		}
	  .ct.secondary dl.tel dd .number .icn{
	    width:20%;
	  }
	  .ct.secondary dl.tel dd .time{
		font-size:1.2rem;
	  }
  */
  .ct.secondary .notice{
	margin:0 0 30px 10px;
  }