@charset "utf-8";

/*+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+
当院について
+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+*/

/*+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+
- ページヘッダー
+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+*/
.page-header-img {
	object-position: center 20%;
}

/*+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+
- イントロ
+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+*/
.about-intro {
	--content-width: var(--content-width_large);
	overflow: hidden;
	position: relative;
	z-index: 0;
	margin-top: var(--padding-block);
	border-radius: 0 0 var(--border-radius) var(--border-radius);
}

.about-intro .img {
	position: absolute;
	inset: auto auto 0 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: 30% 30%;
}

.about-intro .content {
	position: relative;
	z-index: 0;
	max-width: 480px;
	margin-left: auto;
}

.about-intro .content::before {
	position: absolute;
	inset: 0;
	z-index: -1;
	background: radial-gradient(circle, #fff, rgb(255, 255, 255, 0) 60%);
	content: "";
	transform: scale(2.5);
}

@media (min-width: 768px) {
.about-intro {
	border-radius: 0 var(--border-radius) var(--border-radius) 0;
}

.about-intro .heading_large {
	font-size: 36px;
}
}

/*+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+
- ごあいさつ
+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+*/
.about-greeting {
	padding-bottom: initial;
}

.about-greeting .img {
	width: calc(100% - var(--padding-inline));
	border-radius: 100vw 0 0 100vw;
	object-fit: cover;
	object-position: center 60%;
}

@media (min-width: 768px) {
.about-greeting {
	display: grid;
	grid-template-columns: minmax(auto, 555px) 50%;
	justify-content: end;
	align-items: center;
}

.about-greeting .img {
	width: 100%;
	height: 466px;
	grid-row: 1 / 3;
	grid-column: 2;
}

.about-greeting .description {
	max-width: 440px;
}
}

@media (max-width: 767.9px) {
.about-greeting .img {
	display: block;
	margin: 0 0 30px auto;
	aspect-ratio: 350 / 270;
}
}

/*+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+
- 施設・設備
+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+*/
.about-facility-slider {
	overflow: initial;
	width: 76%;
	max-width: 770px;
}

.about-facility-li {
	transition: transform var(--transition);
}

.about-facility-li:not(.swiper-slide-active) {
	transform: scale(0.78) !important;
}

.about-facility-li .img {
	border-radius: var(--border-radius);
}

.swiper-button-prev {
	left: -3%;
	transform: translateX(-100%) scaleX(-1);
}

.swiper-button-next {
	right: -3%;
	transform: translateX(100%);
}

@media (max-width: 767.9px) {
.about-facility-li {
	margin-inline: 10px;
}
}