@charset "UTF-8";

/* ▼▼▼ トップ
======================================================*/



/* ▼ sec05 スライダー
----------------------------------------*/
.slider01{
	background: #C85A5B;
	}
	.slider02{
		background: #3C837D;
	}
	.slider{
		width: 90%;
		margin: 0 auto;
		font-size: 0;
	}
	/* arrowsカスタム */
	.slider::before,
	.slider::after{
		content: "";
		width: 45px;
		height: 100%;
		background: #fff;
		position: absolute;
		top: 0;
		z-index: 1;
		opacity: .3;
	}
	.slider::after{
		right: 0;
	}
	.slider .slick-prev,
	.slider .slick-next{
		top: 45%;
		height: 40px;
		z-index: 2;
		height: 100%;
	}
	.slider .slick-prev{
		left: 14px;
	}
	.slider .slick-next{
		right: 14px;
	}
	.slick-next:before{
		content: url(../img/next.png)!important;
	}
	.slick-prev:before{
		content: url(../img/prev.png)!important;
	}
	.slick-prev:before, .slick-next:before{
		opacity: 1;
	}

/* ▼ sec10 QA
----------------------------------------*/
#sec10{
	background: rgba(250,240,225);
	padding-bottom: 30px;
	}
	#sec10 dl{
		max-width: 85%;
		margin: 20px auto;
		background: #fff;
		padding: 15px;
		color: rgba(85,60,0);
	}
	#sec10 dl:last-child{
		margin-bottom: 0;
	}
	#sec10 dl dt{
		display: flex;
		align-items: center;
		min-height: 60px;
		padding: 0 0 10px 55px;
		margin-bottom: 10px;
		border-bottom: 1px dotted #333;
		font-weight: bold;
		position: relative;
	}
	#sec10 dl dd{
		padding-left: 55px;
		position: relative;
	}
	#sec10 dl dt::before,
	#sec10 dl dd::before{
		content: "Q";
		width: 50px;
		height: 50px;
		font-size: 48px;
		color: rgba(60,130,125);
		font-family: 'Cardo', serif;
		font-weight: 400;
		line-height: 1;
		position: absolute;
		top: 0;
		left: 0px;
	}
	#sec10 dl dd::before{
		content: "A";
	}
	#sec10 dl .red{
		color: rgba(200,90,90);
	}

/* ▼ sec11 information
----------------------------------------*/
#sec11{
	background: rgba(250,240,225);
	}
	.shop_list li{
		max-width: 85%;
		margin: 20px auto;
		background: #fff;
		padding: 30px 50px;
		margin-bottom: 40px;
		color: rgba(85,60,0);
	}
	.shop_list li p{
		font-size: 24px;
	}
	.shop_list li p.free_tel{
		padding-left: 60px;
		font-size: 50px;
		color: rgba(200,90,90);
		font-weight: bold;
		line-height: 1.2;
		position: relative;
	}
	.shop_list li p.free_tel::before{
		content: "";
		width: 50px;
		height: 50px;
		background: url(../img/free_tel.jpg)no-repeat center/100%;
		position: absolute;
		top: 6px;
		left: 0;
	}
	.shop_list li p.shop_tel{
		font-size: 41px;
		font-weight: bold;
		line-height: 1.2;
	}
	.shop_list li p.shop_tel::before{
		content: "tel.";
		font-weight: normal;
	}
	#sec11 dl{
		display: flex;
		font-size: 24px;
	}
	#sec11 dl dt{
		width: 115px;
	}
	.g_map{
		margin-top: 10px;
	}
	.g_map iframe{
		width: 100%;
		height: 350px;
	}



/* ▼▼▼ 480px〜768px
======================================================*/
@media screen and (max-width: 768px) {
	/* ▼ sec05 スライダー
	----------------------------------------*/
	/* arrowsカスタム */
	.slider::before,
	.slider::after{
		content: "";
		width: 30px;
		}
		.slider .slick-prev{
			left: 5px;
		}
		.slider .slick-next{
			right: 5px;
		}


	/* ▼ sec10 QA
	----------------------------------------*/
	#sec10{
		padding-bottom: 25px;
		}
		#sec10 dl{
			max-width: 90%;
		}


	/* ▼ sec11 information
	----------------------------------------*/
	.shop_list li{
		max-width: 90%;
		padding: 20px 25px;
		margin-bottom: 35px;
		}
		.shop_list li p{
			font-size: 17px;
		}
		.shop_list li p.free_tel{
			padding-left: 45px;
			font-size: 33px;
		}
		.shop_list li p.free_tel::before{
			width: 37px;
			top: -2px;
			left: 0;
		}
		.shop_list li p.shop_tel{
			font-size: 31px;
		}
		#sec11 dl{
			font-size: 17px;
		}
		#sec11 dl dt{
			width: 88px;
		}
		.g_map{
			margin-top: 10px;
		}
		.g_map iframe{
			height: 220px;
		}


}