/* ---------- overview ---------- */
.overview{
	background-color: #FDF8F2;
	padding-top:100px;
}

.overview-image-wrapper{
	position:relative;
}

.overview-text{
	width:70%;
	position:absolute;
	text-align: center;
	font-size:26px;
	line-height: 60px;
	letter-spacing: 2.24px;
	top:70%;
	left:50%;
	transform: translate(-50%, 0);
	-webkit-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
}

@media screen and (max-width: 834px) {
	.overview{
		padding-top:20px;
	}
	.overview-text{
		font-size:12px;
		line-height:20px;
		letter-spacing: 0;
	}
}
/* ---------- /overview ---------- */

/* ---------- shintyaku ---------- */
.shintyaku{
	background-color: #FDF8F2;
	padding-bottom:400px;
	position:relative;
}

.to-news-list{
	width:160px;
	position:absolute;
	top:125px;
	right:80px;
	transition:all 0.3s;
}
.to-news-list:hover{
	opacity:0.7;
}

.news-item{
	width:350px;
	height:360px;
	margin: 0 55px;
	border-radius: 15px;
	background-color: #FFF;
	cursor: pointer;
	transition:all 0.3s;
}
.news-item:hover{
	opacity:0.7;
}

.news-item-img{
	width:100%;
}

.news-item-img img{
	border-radius: 15px 15px 0 0;
	height:220px;
	object-fit: cover;
}

.news-item-detail{
	padding:20px 25px;
}

.news-item-created-at{
	color:#B9A595;
	font-size:18px;
}

.news-item-title{
	color:#E38137;
	font-size:20px;
}

.slider{
	margin-top:80px;
	width:100%;
}

.slider .slick-prev
{
	/* デフォルトでは-25px(= スライダーの外側) */
	top:100px;
	left: 10px;
}
.slider .slick-next
{
	/* デフォルトでは-25px(= スライダーの外側) */
	top:100px;
	right: 50px;
}

.slider .slick-prev,
.slider .slick-next
{
	/* スライド画像の後ろに隠れないようにする */
	z-index: 20;
}
.slider .slick-prev::before,
.slider .slick-next::before {
	/* フォントと色の設定はbefore内で行う */
	font-size: 60px;
	color: black;
}
@media screen and (max-width: 834px) {
	.shintyaku{
		padding-top:0px;
		padding-bottom:150px;
	}
	.to-news-list{
		width:160px;
		position:absolute;
		top:370px;
		left: 50%;
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transition:all 0.3s;
	}
	.news-item{
		margin: 0 25px;
		width:250px;
		height:280px;
	}
	.news-item-img img{
		height:150px;
		object-fit: cover;
	}
	.slider{
		margin-top:40px;
	}
}
/* ---------- /shintyaku ---------- */

/* ---------- shisetsujouhou ---------- */
.shisetsujouhou{
	position:relative;
}

.ashirai{
	position:absolute;
	width:100%;
	top:-18%;
	left:50%;
	transform: translate(-50%, 0);
	-webkit-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
}

.shisetsujouhou-wrapper{
	width:90%;
	display:flex;
	justify-content: space-between;
	height:auto;
	gap:0 60px;
	margin:160px auto 0 auto;
}
.shisetsujouhou-facebook{
	width:35%;
}
.shisetsujouhou-facebook > .fb-page {
    width: 100%;
}
.shisetsujouhou-facebook > .fb-page > span,
.shisetsujouhou-facebook iframe {
    width: 100% !important;
}
.address{
	width:60%;
	height:600px;
	background-color: #FDF8F2;
	border-radius: 20px;
}

.address-text-wrapper{
	margin:45px 50px 30px 50px;
}

.address-text-wrapper > .title{
	font-size:22px;
	font-weight: bold;
	line-height: 45px;
	letter-spacing: 1.76px;
}

.address-text-wrapper > .text{
	font-size:16px;
	line-height: 35px;
	letter-spacing: 1.28px;
}

.address-text-wrapper > .text > span{
	color:#E38137;
}

.address-map{
	margin: 0 auto;
	width:90%;
	height:260px;
}
@media screen and (max-width: 834px) {
	.ashirai{
		top:-4%;
	}
	.shisetsujouhou-wrapper{
		flex-flow:column;
		margin-top:40px;
		gap:40px 0;
	}
	.shisetsujouhou-facebook{
		width:100%;
		height:500px;
	}
	.address{
		width:100%;
		height:570px;
		background-color: #FDF8F2;
		border-radius: 20px;
	}
	.address-text-wrapper{
		margin:40px auto 10px auto;
		width:90%;
	}
	.address-text-wrapper > .title{
		text-align: center;
		font-size:16px;
		font-weight: bold;
		line-height: 30px;
		letter-spacing: 0;
	}
	.address-text-wrapper > .text{
		font-size:16px;
		letter-spacing: 1.28px;
	}

}

/* ---------- /shintyaku ---------- */