@charset "UTF-8";
/**
 *
 * page/ facility / facility.scss
 *
 * ページ名 : 施設
 *
 *
 */
/* ------------------------------------------------------------
 pg-facility-virtual
------------------------------------------------------------ */
.pg-facility-virtual {
	position: relative;
}

@media screen and (min-width: 1024px) {
	.pg-facility-virtual {
		height: 60rem;
		border-radius: var(--radius-md);
		overflow: hidden;
	}
}

@media screen and (max-width: 1023px) {
	.pg-facility-virtual {
		width: var(--ww);
		height: 50rem;
		position: relative;
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}
}

.pg-facility-virtual__button {
	position: absolute;
	z-index: 10;
}

@media screen and (min-width: 1024px) {
	.pg-facility-virtual__button {
		width: 39rem;
		height: 10rem;
		right: 2rem;
		bottom: 14rem;
	}
	.pg-facility-virtual__button.button02 {
		width: 39rem;
		height: 10rem;
		right: 2rem;
		bottom: 2rem;
	}
}

@media screen and (max-width: 1023px) {
	.pg-facility-virtual__button {
		width: 36rem;
		height: 8rem;
		right: 2rem;
		bottom: 12rem;
	}
	.pg-facility-virtual__button.button02 {
		width: 36rem;
		height: 8rem;
		right: 2rem;
		bottom: 2rem;
	}
}

.pg-facility-virtual__button a {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 100%;
	height: 100%;
	background-color: var(--color-bg);
}

.pg-facility-virtual__button a {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 100%;
	height: 100%;
	background-color: var(--color-bg);
}

@media screen and (min-width: 1024px) {
	.pg-facility-virtual__button a {
		border-radius: var(--radius-md);
		padding-left: 11.5rem;
	}
}

@media screen and (max-width: 1023px) {
	.pg-facility-virtual__button a {
		border-radius: var(--radius-rg-fixed);
		padding-left: 9.8rem;
	}
}

.pg-facility-virtual__button a::before {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	background-image: url("../../../img/common/illust/person_17.svg");
	background-size: 100% 100%;
	background-position: center;
	background-repeat: no-repeat;
}

@media screen and (min-width: 1024px) {
	.pg-facility-virtual__button a::before {
		width: 9.5rem;
		height: 8rem;
	}
}

@media screen and (max-width: 1023px) {
	.pg-facility-virtual__button a::before {
		width: 8.1rem;
		height: 6.8rem;
	}
}

.pg-facility-virtual__button i {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

@media screen and (min-width: 1024px) {
	.pg-facility-virtual__button i {
		right: 2.2rem;
	}
}

@media screen and (max-width: 1023px) {
	.pg-facility-virtual__button i {
		right: 2rem;
	}
}

@media screen and (min-width: 1024px) {
	.pg-facility-virtual__button__txt {
		font-size: var(--font-size16);
	}
}

@media screen and (max-width: 1023px) {
	.pg-facility-virtual__button__txt {
		font-size: var(--font-size14);
	}
}

.pg-facility-virtual__button__title {
	color: var(--color-main2);
	font-weight: 500;
	margin-top: 0.8rem;
}

@media screen and (min-width: 1024px) {
	.pg-facility-virtual__button__title {
		font-size: var(--font-size20);
	}
}

@media screen and (max-width: 1023px) {
	.pg-facility-virtual__button__title {
		font-size: var(--font-size18);
	}
}
/*# sourceMappingURL=../../sourcemaps/page/facility/facility.css.map */