/**
* メインビジュアル
*--------------------------------------------------*/
.main-visual {
	margin: 0 auto;
	padding: 0;
	width: 100%;
	height: 387px;
	overflow: hidden;
}

.main-visual .main_visual_img {
	position: relative;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.main-visual .main_visual_img > img {
	object-fit: cover;
	width: 100%;
	height: 100%;
}

.main-visual .page-title-area {
	position: absolute;
	top: 37%;
	left: 0;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100px;
	color: #fff;
	font-weight: 700;
	line-height: 1.8rem;
	background: rgba(75, 51, 6, 0.4);
}

.main-visual .page-title-area .main-title {
	display: flex;
	align-items: center;
	padding: 0 0 0 50px;
	width: 100%;
	height: 100px;
	font-size: 2rem;
	color: #fff;
	font-weight: 700;
	line-height: 3.4rem;
	z-index: 10;
	box-sizing: border-box;
}

.main-visual .page-title-area .sub-title {
	padding-left: 50px;
	font-size: 1rem;
}


@media screen and (max-width: 480px) {

	.main-visual {
		height: 180px;
	}

	.main-visual .page-title-area {
		position: absolute;
		top: 50%;
		left: 0;
		transform: translateY(-50%);
		width: 100%;
		height: 100%;
	}

	.main-visual .page-title-area .main-title {
		/* display: flex;
		align-items: center;
		justify-content: center; */
		display: block;
		margin: 0 auto;
		padding: 50px 1.5em 0 1.5em;
		width: 70%;
		height: auto;
		font-size: 1.4rem;
		color: #fff;
		font-weight: bold;
		line-height: 2rem;
		text-align: center;
	}

	.main-visual .page-title-area .sub-title {
		display: inline-block;
		margin: 5px auto 0 auto;
		padding: 0;
		width: 100%;
		font-size: 0.84rem;
		color: #fff;
		text-align: center;
	}

}

/*
* 口コミ評判
*---------------------------------------*/
.kuchikomi_area {
	margin: 56px auto;
	padding: 1.5em 2.5em;
	width: 1140px;
  background: #fafafa;
}

@media screen and (max-width: 480px) {
  .kuchikomi_area {
    padding: 1em;
    width: 96%;
  }
}

.kuchikomi_area .section_area_yotpo_title {
	margin: 0 auto;
	padding: 1em 2em;
	width: 100%;
	font-size: 1.4rem;
	font-weight: bold;
	color: #1574a0;
}

@media screen and (max-width: 480px) {

	.kuchikomi_area {
		margin-top: 24px;
	}

	.kuchikomi_area .section_area_yotpo_title {
		padding: 0.8em 1em;
		font-size: 1rem;
		line-height: 1.8rem;
	}
}

.kuchikomi_area .yotpo_area {
	margin: 56px auto 0 auto;
	padding: 0;
	width: 100%;
}