@charset "UTF-8";

/* 施設案内 */
.top-box-service {
	text-align: center;
}
.top-box-service ul {
	margin: 0 10px;
}
.top-box-service li {
	padding: 30px 20px;
}
.top-box-service li:nth-child(2n+1) {
	background: url(../img/contents_bg.webp);
}
.top-box-service li .service-img {
	margin-bottom: 20px;
}
.top-box-service li .service-img img {
	display: block;
	width: 100%;
	margin-bottom: 10px;
}
.top-box-service li .service-img-title.first-experience-after {
	background: none;
	width: auto;
	border-bottom: 2px solid #007151;
	margin-bottom: 20px;
}
.top-box-service li .service-img-title.first-experience-after::before {
	border-top-width: 13px;
	border-bottom-width: 13px;
	border-left-width: 7px;
	border-right-width: 7px;
	margin-left: -7px;
	border-top-color: #007151;
}
.top-box-service li:nth-child(2n) .service-img-title.first-experience-after::after {
	border-top-color: #fff;
}
.top-box-service .bx-wrapper .bx-controls-direction a {
	width: 33px;
	height: 33px;
}
.top-box-service .bx-wrapper .bx-prev {
	background: url(../img/allow-left.png);
}
.top-box-service .bx-wrapper .bx-next {
	background: url(../img/allow-right.png);
}

.top-box-service .bx-viewport {
	overflow: initial !important;
}
.top-box-service .bx-wrapper {
	display: inline-block;
	box-shadow: none;
}
li .service-img-title {
	margin: 0 10px 10px;
}
li .service-img-title,
li .service-img-title p {
	font-weight: bold;
	color: #007151
}
li .service-img-come {
	margin: 0 10px 10px;
	text-align: left;
}

@media screen and (min-width: 769px) {
	/* PC */
	.top-box {
		margin: 0 0 50px;
	}
	h2.post-title .post-title-inner {
		margin-top: 50px;
	}
	
	.top-box-service li {
		font-size: 0;
		text-align: center;
	}
	.top-box-service li .service-img {
		display: inline-block;
		width: 440px;
		margin-right: 60px;
		margin-bottom: 0;
		vertical-align: top;
	}
	.top-box-service li:nth-child(2n) .service-img {
		margin-right: -480px;
	}
	.top-box-service li .service-img img {
		margin-bottom: 0;
	}
	.top-box-service li .service-text-box {
		display: inline-block;
		width: 440px;
		text-align: left;
		vertical-align: top;
	}
	.top-box-service li:nth-child(2n) .service-text-box {
		margin-left: -480px;
		margin-right: 0;
	}
	.top-box-service li .service-img-come {
		font-size: 16px;
	}
}