@charset "utf-8";


.serUnit01{
	width:90%;
	max-width:1000px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	background-color: #fff;
	margin-bottom:min(12vw,120px);
}
.serUnit01 .imgwrap{
	width:100%;
}
.serUnit01 .txtwrap{
	width:90%;
	max-width: 600px;
	margin-left: auto;
	margin-right: auto;
	padding:40px 0;
}
.serUnit01 .ttl01{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	width:100%;
	font-weight: normal;
	margin-bottom:20px;
}
.serUnit01 .ttl01 .num{
	font-size:1.8rem;
	background-color: #736357;
	color:#fff;
	display: flex;
	justify-content: center;
	align-items: center;
	width:30px;
	height:30px;
	line-height: 30px;
	padding:0;
	margin:0 10px 0 0;
}
.serUnit01 .ttl01 .txt{
	font-size:1.8rem;
	width:calc(100% - 40px);
}
.serUnit01 .btnwrap{
	margin-top:30px;
}
.serUnit01 .btnwrap a{
	width:300px;
}
@media (min-width:768px) {
	.serUnit01 .btnwrap{
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 10px;
	}
	.serUnit01 .btnwrap a{
		margin:0;
	}
}

/*スライダー*/
.serUnit01 .imgwrap{
	position: relative;
	width:100%;
}
.serUnit01 .swiper{
	margin-bottom:60px;
}
.serUnit01 .imgwrap .swiper-slide {
	width:100%;
}
.serUnit01 .imgwrap .swiper-slide img {
  height: auto;
  width: 100%;
}
/* ページネーションの余白 */
.serUnit01 .imgwrap .swiper-pagination{
	left:0%;
	bottom:-40px;
}
.serUnit01 .imgwrap .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.serUnit01 .imgwrap .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 5px;
}
/* ページネーションのサイズと色 */
.serUnit01 .imgwrap .swiper-pagination-bullet {
  background-color: #3c3228;
  height: 10px;
  width: 10px;
}