/**********************************************
	縦スクロールバーを常に表示
**********************************************/
html {
	overflow-y:scroll;
}

/**********************************************
	CSSリセット
**********************************************/
body,p,ul,th,td {
	margin:0;
	padding:0;
}

img {
	vertical-align:bottom;
}

/**********************************************
	リンクの設定
**********************************************/
a:link {
	color:#171c61;
	text-decoration:underline;
}

a:visited {
	color:#171c61;
	text-decoration:underline;
}

a:active {
	color:#171c61;
	text-decoration:underline;
}

a:hover {
	color:#0087cb;
	text-decoration:none;
}

/**********************************************
	電話リンク
**********************************************/
.tel a {
	text-decoration:none;
}

/**********************************************
	リンクボタン
**********************************************/
.othersLink {
	margin:1rem auto;
	width:20rem;
}

.othersLink a {
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	align-items:center;
	padding:1rem 1rem;
	width:20rem;
	text-align:center;
	text-decoration:none;
	font-size:1rem;
	font-weight:bold;
	color:#fff;
	background-color:#0a7465;
	border-radius:0.5rem;
	-webkit-transition:.3s ease-in-out;
	transition:.3s ease-in-out;
}

.othersLink a:hover {
	color:#fff;
	background-color:#06463d;
}

.othersLink a::after {
	width:1rem;
	font-family:'Font Awesome 5 Free';
	font-weight:900;
	content:'\f105';
}


.textLink {
	margin:1rem auto;
}

.textLink a {
	font-size:1.2rem;
	font-weight:700;
}

.textLink a::before {
	width:1rem;
	font-family:'Font Awesome 5 Free';
	font-weight:900;
	content:'\f105';
}


/**********************************************
	画像スライダー
**********************************************/
:root {
	--easing:cubic-bezier(.2,1, .2,1);
	--transition:.4s var(--easing);
}

.gallery {
	overflow:hidden;
}

.gallery .swiper {
	overflow:visible;
	margin:0 auto;
	margin-bottom:1rem;
}

.gallery .swiper-slide {
	-webkit-transition-property:opacity, -webkit-transform !important;
	transition-property:opacity, -webkit-transform !important;
	transition-property:opacity, transform !important;
	transition-property:opacity, transform, -webkit-transform !important;
	pointer-events:none;
}

.gallery .thumb-wrapper {
	display:grid;
	grid-template-columns:repeat(7,1fr);
	gap:1rem;
	margin:auto;
}

.gallery .thumb-media {
	position:relative;
	overflow:hidden;
	padding-top:100%;
	cursor:pointer;
	-webkit-transition:var(--transition);
	transition:var(--transition);
}

.gallery .thumb-media img {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	-o-object-fit:cover;
	object-fit:cover;
	-webkit-transition:var(--transition);
	transition:var(--transition);
}

.gallery .thumb-media:hover img {
	-webkit-transform:scale(1.1);
	transform:scale(1.1);
}

.gallery .thumb-media-active {
	-webkit-transform:scale(0.9);
	transform:scale(0.9);
	opacity:0.3;
}

.gallery .thumb-media-active img {
	-webkit-transform:scale(1.1);
	transform:scale(1.1);
}

@media only screen and (max-width:599px) {
	.gallery .thumb-wrapper {
		grid-template-columns:repeat(5,1fr);
	}
}

@media only screen and (min-width:1025px) {
	.gallery .thumb-media:hover {
		-webkit-transform:scale(0.9);
		transform:scale(0.9);
	}
}
.othersLink a::after {
	width:1rem;
	font-family:'Font Awesome 5 Free';
	font-weight:900;
	content:'\f105';
}