@charset "UTF-8";
/* CSS Document */



/*=========各施設ボタン==========*/

/*--------くの字矢印（右）--------*/
.dli-chevron-round-right {
  display: inline-block;
  vertical-align: middle;
  color: #0068b7;
  line-height: 1;
  position: relative;
  width: 1em;
  height: 1em;
  transform: translateX(-25%) rotate(45deg);
}

.dli-chevron-round-right::before, .dli-chevron-round-right::after {
  content: '';
  position: absolute;
  background: currentColor;
  border-radius: 0.1em;
}

.dli-chevron-round-right::before {
  top: 0;
  left: 0;
  right: 0;
  height: 0.1em;
}

.dli-chevron-round-right::after {
  top: 0;
  right: 0;
  bottom: 0;
  width: 0.1em;
}
/*-----------------------------*/



table {
	max-width: 800px;
	width: 100%;
	border: 1px solid #0068b7;
	border-radius: 1rem;
	border-collapse: separate;
	padding: 20px;
	margin: auto;
	margin-bottom: 50px;
	transition: 0.5s;
}
@media screen and (max-width:820px) {
	table {
		margin-bottom: 20px;
		padding: 15px;
	}
}

.contents a {
	display: block;
	width: 800px;
	margin: auto
}
@media screen and (max-width:820px) {
	.contents a {
		width: 90%;
	}
}

.shisetsu-name p {
	font-size: 1.5rem;
	font-feature-settings: "palt";
	padding-left: 20px;
	font-weight: 550;
}
@media screen and (max-width:820px) {
	.shisetsu-name p {
		font-size: 1rem;
	}
}

.shisetsu-img {
	width: 293px;
}
@media screen and (max-width:820px) {
	.shisetsu-img {
		width: 150px;
	}
}

.shisetsu-img img {
	width: 100%;
}

.shisetsu-btn td {
	height: 162px;
	vertical-align: middle;
}
@media screen and (max-width:820px) {
	.shisetsu-btn td {
		height: 82px;
	}
}

.right-arrow {
	width: 24px;
	padding-left: 5px;
}
@media screen and (max-width:820px) {
	.right-arrow {
		width: 20px;
	}
}

.shisetsu-btn:hover table {
	background-color: #0068b7;
	border-radius: 1rem;
}
.shisetsu-btn:hover .shisetsu-name {
	color: #fff;
}
.shisetsu-btn:hover .dli-chevron-round-right {
	color: #fff;
}


/*===============================*/