@media screen and (max-width:1000px) {
#wrapper{
	width: 100%;
	min-width:100%;
}
.area{
	width:96%;
	margin:0 auto;
}
}
@media screen and (max-width:767px) {
#wrapper{
	width: 100%;
	min-width:100%;
}
.area{
	width:96%;
	margin:0 auto;
}
.main h1{
	width: 30%;
}
.sl{
	width: 90%;
	margin: 0 auto;
	padding: 5em 0 10em;
}
.company{
	width:80%;
}
}
@media screen and (max-width:500px) {
.main{
	padding:3em 0;
}
.main h1{
	width: 38%;
}
.sl{
	width: 94%;
	margin: 0 auto;
	padding: 3em 0 6em;
}
.main h2{
text-align:center;
font-size:15px;
letter-spacing:0;
}
.list li{
	font-size:13px;
}
.company{
	width:80%;
	margin:0 auto;
	padding-bottom:7em;
	font-size: .9rem;
}
.company dt{
	width:100%;
	float:none;
	font-size: .8rem;
	margin-bottom:1em;
	
}
.company dd{
	float:none;
	width:100%;
	padding-left:1em;

}
	.company dd br{
		display: none;
	}
.last p.title{
	font-size:13px;
	letter-spacing:0em;
	margin-bottom:2em;
}
.last p.tel{
	font-size:1.4rem;
}
	.last p.ss{
		font-size: 12px;
	}
ul.sns li{
	width: 35px;
}
.slick-dots li button {
   
    width: 8px !important;
	height: 8px !important;
	border-radius: 50%;
}
.slick-dots li {
 
    width: 8px !important;
    margin: 0 3px !important;
}
}