@charset "utf-8";
/* CSS Document */


h3{
	font-size:22px;
}

/* Visual*/
.visual{
	max-width:1680px;
	height:594px;
	margin:0 auto;
	position: relative;
}
.visual .inner{
	width:90%;
	height:100%;
	background:url(../images/top/img_main.jpg) top center no-repeat;
	background-size: cover;
	position: absolute;
	right:0;
}
.visual .inner .ttl{
	padding-top:3%;
	margin-left:-6%;
}
.visual .ttl .catch{
	font-family: 'Allura', cursive;
	color:#99586C;
	font-size: 120px;
	line-height: 1.0;
}
.visual .ttl h2{
	width:310px;
	margin-top:2%;
	padding-left:20px;
	font-size: 42px;
	line-height: 1.4;
	color:#fff;
	background: #99586C;
	opacity: 0.7;
}
.visual .ttl h2{
	font-size: 36px;
	line-height: 1.4;
}
.visual .ttl .txt{
	width:370px;
	margin-top:1%;
	padding: 5px 0 5px 20px;
	line-height: 1.4;
	color:#fff;
	background: #99586C;
	opacity: 0.7;

}

/* Informaiton */
#info .ttl{
	width:30%;
	max-width:220px;
	padding:10px;
	background: #EFEBE8;
	text-align: center;
}
#info .ttl .inner{
	padding:20% 0;
	color:#1C181A;
	border:1px solid #fff;
}
#info .ttl .inner span{
	font-size: 12px;
	margin-top:5px;
	color:#99586C;	
	display: block;
}
#info .wrap{
	width:65%;
    height:202px;
	margin:35px 0 0 5%;
    overflow: auto;
}
#info .list{
	margin-top: 20px;
	line-height: 1.2;
}
#info .list:first-child{
	margin-top: 0;
}
#info .wrap .list .date{
	width:15%;
	margin-right:40px;
	border-right:1px solid #99586C;
}
#info .wrap .list .txt{
	text-align: left;
}
#info .wrap .list .txt a{
	display: inline-block;
}


/* Advantage */
#advantage {
	margin-top:80px;
}
#advantage .L{
	width:50%;
}
#advantage .L h3 span{
	font-size: 12px;
	margin-top:5px;
	color:#99586C;	
	display: inline-block;
}
#advantage .L h2{
	font-size: 36px;
	margin-top:25px;
	color:#99586C;	
}
#advantage .L p{
	margin-top:20px;
}
#advantage .L .btn a{
	width:300px;
	margin-top:40px;
	padding: 20px 0;
	font-size: 20px;
	text-align: center;
	background: #99586C;
	color:#fff;
}
#advantage .R .img{
	width:360px;
	height:288px;
	background: #EFEBE8;
	position: relative;
}
#advantage .R .img .catch{
	position: absolute;
	top:-40px;
	left:-6px;
	font-family: 'Allura', cursive;
	color:#C1A081;
	font-size: 80px;
	transform: rotate(-10deg);
	-moz-transform: rotate(-10deg);
	-webkit-transform: rotate(-10deg);
}
#advantage .R .img .inner_img{
	position: absolute;
	top:15%;
	left:-50px;
}

#shop_info{
	max-width:100%;
	margin-top:100px;
	background: #F4F4F4;
}
#shop_info .inner{
	max-width:1024px;
	margin:0 auto;
	padding:60px 0;
}
#shop_info .inner h3{
	text-align: center;
}
#shop_info .inner h3 span{
	font-size: 12px;
	margin-top:5px;
	color:#99586C;	
	display: block;
}
#shop_info .inner .slider{
	margin-top:40px;
}
#shop_info .inner .slider .box{
	margin: 0 15px;
	padding:20px;
	border:1px solid #99586C;
	background: #fff;
	position: relative;
}
#shop_info .inner .slider .box h4{
	font-weight: 500;
	margin-top:25px;
}
#shop_info .inner .slider .box h4 span{
	margin-top:5px;
	font-size: 10px;
	display: block;
}
#shop_info .inner .slider .box .shop,
#shop_info .inner .slider .box .ad,
#shop_info .inner .slider .box .tel{
	font-size: 14px;
	line-height: 1.2;
	margin-top:10px;
}
#shop_info .inner .slider .box .tel span{
	margin-right:6px;
	padding:2px 5px;
	font-size: 14px;
	background: #F4E6E4;
}
#shop_info .inner .slider .box .attend{
	position: absolute;
	top:1px;
	left:1px;
	padding:6px;
	font-size: 14px;
	background: #1A2133;
	text-align: center;
	color: #fff;
}

/* Recruit */
#recruit{
	margin-top:80px;
}
#recruit .ttl{
	width:30%;
	max-width:220px;
	padding:10px;
	background: #EFEBE8;
	text-align: center;
}
#recruit .ttl .inner{
	padding:40% 0;
	color:#1C181A;
	border:1px solid #fff;
}
#recruit .ttl .inner span{
	font-size: 12px;
	margin-top:5px;
	color:#99586C;	
	display: block;
}
#recruit .wrap{
	width:65%;
	margin-left:5%;
}
#recruit .wrap  h2{
	font-size: 36px;
	color:#7C2F41;
}
#recruit .wrap  p{
	margin-top:20px;
}
#recruit .wrap .btn a{
	width:300px;
	margin-top:40px;
	padding: 20px 0;
	font-size: 20px;
	text-align: center;
	background: #99586C;
	color:#fff;
}


/**************************
TABLET
**************************/
@media screen and (max-width:960px){
	#info .wrap{
		margin-top:2%;
	}
	#info .wrap .list .date{
		margin: 0 0 1% 0;
    	border-right: 0;
		color: #99586C;
	}
	#info .wrap .list .date,
	#info .wrap .list .txt{
		float:none;
	}
}

/**************************
SP
**************************/
@media screen and (max-width:640px){
	/* Visual*/
	.visual{
		max-width:1680px;
		height:594px;
	}
	.visual .inner{
		width:100%;
		background:url(../images/top/img_main_sp.jpg) top center no-repeat;
		background-size: cover;
	}
	.visual .inner .ttl{
		padding-top:2%;
		margin-left:2%;
		line-height: 1.2;
	}
	.visual .ttl .catch{
		font-size: 460%;
		line-height: 1.2;
	}
	.visual .ttl h2{
		width:76%;
		margin-top:2%;
		font-size: 360%;
	}
	.visual .ttl h2{
		font-size: 180%;
	}
	.visual .ttl .txt{
		width:74%;
		margin-top:1%;
		padding-left:20px;
	}
	.wrap{
		width:90%;
		margin:0 auto;
	}
	/*SP用ESO文字*/
	h4.sp{
		line-height: 1.4;
		text-align: center;
		margin-bottom:15%;
		font-size: 110%;
	}	
	/* Informaiton */
	#info .ttl{
		width:100%;
		max-width: 100%;
		padding:0;
		background:none;
		text-align: center;
	}
	#info .ttl .inner{
		padding:0;
		color:none;
		border:none;
	}
	#info .ttl .inner span{
		font-size: 12px;
		margin-top:5px;
		color:#99586C;	
		display: block;
	}
	#info .wrap{
		width:100%;
		margin:8% 0 0 0;
	}
	#info .list{
		margin-top: 6%;
		padding-bottom:5%;
		border-bottom: 1px dotted #99586C;
		line-height: 1.2;
	}
	#info .list:first-child{
		margin-top: 0;
	}
	#info .wrap .list .date{
		width:auto;
		margin:0 0 2% 0;
		border-right:none;
	    color: #99586C;
	}
	
	/* Advantage */
	#advantage {
		margin-top:15%;
	}
	#advantage .L{
		width:100%;
	}	
	#advantage .L h3{
		text-align: center;
	}
	#advantage .L h3 span{
		display: block;
	}
	#advantage .L h2{
		font-size: 200%;
		margin-top:8%;
        text-align: center;
	}
	#advantage .L p{
		margin-top:5%;
	}
	#advantage .L .btn a{
		width:80%;
		margin:10% auto 0;
		padding: 5% 0;
		font-size: 120%;
	}
	#advantage .R{
		margin-top:24%;
	}
	#advantage .R .img{
		width:80%;
		height:200px;
	}
	#advantage .R .img .catch{
		top:-40px;
		left:-6px;
		font-size: 380%;
	}
	#advantage .R .img .inner_img{
		width:110%;
		bottom:-30px;
		left:15%;
	}
	
	#shop_info{
		width:100%;
		margin-top:100px;
		background: #F4F4F4;
	}
	#shop_info .inner{
		max-width:1024px;
		margin:0 auto;
		padding:15% 0;
	}
	#shop_info .inner h3{
		text-align: center;
	}
	#shop_info .inner h3 span{
		font-size: 12px;
		margin-top:5px;
		color:#99586C;	
		display: block;
	}
	#shop_info .inner .slider{
		width:90%;
		margin:8% auto 0;
	}
	#shop_info .inner .slider .box{
		margin: 0 15px;
		padding:20px;
		border:1px solid #99586C;
		background: #fff;

	}
	#shop_info .inner .slider .box img{
		width:100%;
	}
	#shop_info .inner .slider .box h4{
		font-size: 140%;
	}
	#shop_info .inner .slider .box h4 span{
		font-size: 50%;
		font-weight: normal;
	}
	#shop_info .inner .slider .box .shop,
	#shop_info .inner .slider .box .ad,
	#shop_info .inner .slider .box .tel{
		margin-top:3%;
	}
	#shop_info .inner .slider .box .tel span{
		margin-right:6px;
		padding:2px 5px;
		font-size: 14px;
		background: #F4E6E4;
	}
	.slick-next{
		right:-5% !important;
	}
	.slick-prev{
		left:-5% !important;
		z-index: 100;
	}
	
	/* Recruit */
	#recruit{
		margin-top:80px;
	}
	#recruit .ttl{
		width:100%;
		max-width: 100%;
		padding:0;
		background:none;
		text-align: center;
	}
	#recruit .ttl .inner{
		padding:0;
		color:none;
		border:none;
	}
	#recruit .ttl .inner span{
		font-size: 12px;
		margin-top:5px;
		color:#99586C;	
		display: block;
	}
	#recruit .wrap{
		width:100%;
		margin:8% 0 0;
	}
	#recruit .wrap  h2{
		font-size: 200%;
		line-height: 1.2;
        text-align: center;
	}
	#recruit .wrap  p{
		margin-top:20px;
	}
	#recruit .wrap .btn a{
		width:80%;
		margin:10% auto 0;
		padding: 5% 0;
		font-size: 120%;
	}
}