@charset "utf-8";
/*================================
ここから全サイズ適用
================================*/



/*------------------------------
.u-〇〇 …… 下層ページ固有のclass名

lower.cssにあるclass名と被らないよう
接頭文字として "u-" を付けてます。
uniqueの略。
------------------------------*/




/*-------------------------------
ページタイトル
-------------------------------*/
.page-title {
	background-image: url(../common/img/nav_icon03.png);
}

/*================================
院内紹介
================================*/

/*-------------------------------
写真一つレイアウト
-------------------------------*/
.u-photo01_group {
	display: flex;
	justify-content: center;
	align-items: center;
}
.u-photo01_item {
	position: relative;
	z-index: 1;
	max-width: fit-content;
	width: 55.9%;
}
.u-photo01_item::before,
.u-photo01_item::after {
	position: absolute;
	z-index: 1;
	content: "";
	background-position: center;
	background-size: contain;
}
.u-photo01_item::before {
	top: 0;
	left: -20%;
	height: 100%;
	width: 27%;
}
.u-photo01_item::after {
	top: 0;
	right: -18%;
	height: 100%;
	width: 34.4%;
}
.u-photo01_group.-design01 .u-photo01_item::before {
	background-image: url(img/photo01_deco01.png);
}
.u-photo01_group.-design01 .u-photo01_item::after {
	background-image: url(img/photo01_deco02.png);
}
.u-photo01_group.-design02 .u-photo01_item::before {
	background-image: url(img/photo01_deco03.png);
}
.u-photo01_group.-design02 .u-photo01_item::after {
	background-image: url(img/photo01_deco04.png);
}

/*-------------------------------
写真二つレイアウト
-------------------------------*/
.u-photo02_group {
	display: flex;
	justify-content: center;
	align-items: flex-start;
	flex-flow: row wrap;
}
.u-photo02_item01 {
	position: relative;
	z-index: 1;
	max-width: fit-content;
	width: 56%;
}
.u-photo02_item02 {
	position: relative;
	z-index: 1;
	max-width: fit-content;
	width: 51%;
	margin-left: -7%;
	margin-top: 21%;
}
.u-photo02_item01::before,
.u-photo02_item01::after,
.u-photo02_item02::before {
	position: absolute;
	z-index: 1;
	content: "";
	background-position: center;
	background-size: contain;
}
.u-photo02_item01::before {
	top: 21%;
	left: 0;
	height: 100%;
	width: 30%;
}
.u-photo02_item01::after {
	top: 0;
	right: -28%;
	height: 100%;
	width: 28.4%;
}
.u-photo02_item02::before {
	top: -22%;
	right: 0;
	height: 100%;
	width: 31.2%;
}
/*photo02_item01*/
.u-photo02_group.-design01 .u-photo02_item01::before {
	background-image: url(img/photo02_deco01.png);
}
.u-photo02_group.-design01 .u-photo02_item01::after {
	background-image: url(img/photo02_deco02.png);
}
.u-photo02_group.-design02 .u-photo02_item01::before {
	background-image: url(img/photo02_deco04.png);
}
.u-photo02_group.-design02 .u-photo02_item01::after {
	background-image: url(img/photo02_deco05.png);
}
/*photo02_item02*/
.u-photo02_group.-design01 .u-photo02_item02::before {
	background-image: url(img/photo02_deco03.png);
}
.u-photo02_group.-design02 .u-photo02_item02::before {
	background-image: url(img/photo02_deco06.png);
}

/*-------------------------------
写真三つレイアウト
-------------------------------*/
.u-photo03_group {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-flow: row wrap;
	gap: 2rem 4rem;
}
.u-photo03_item01 {
	position: relative;
	z-index: 1;
	max-width: fit-content;
	width: 55.9%;
}
.u-photo03_item02,
.u-photo03_item03 {
	position: relative;
	z-index: 1;
	max-width: fit-content;
	width: calc(100%/2 - 4rem/2);
}
.u-photo03_item01::before,
.u-photo03_item02::before,
.u-photo03_item03::before {
	position: absolute;
	z-index: 1;
	content: "";
	background-position: center;
	background-size: contain;
}
.u-photo03_item01::before {
	top: 0;
	right: -19%;
	height: 100%;
	width: 24%;
}
.u-photo03_item02::before {
	top: -19%;
	left: 0;
	height: 100%;
	width: 27.7%;
}
.u-photo03_item03::before {
	top: -24%;
	right: 0;
	height: 100%;
	width: 36.3%;
}
/*photo03_item01*/
.u-photo03_group.-design01 .u-photo03_item01::before {
	background-image: url(img/photo03_deco01.png);
}
.u-photo03_group.-design02 .u-photo03_item01::before {
	background-image: url(img/photo03_deco04.png);
}
/*photo03_item02*/
.u-photo03_group.-design01 .u-photo03_item02::before {
	background-image: url(img/photo03_deco02.png);
}
.u-photo03_group.-design02 .u-photo03_item02::before {
	background-image: url(img/photo03_deco05.png);
}
/*photo03_item03*/
.u-photo03_group.-design01 .u-photo03_item03::before {
	background-image: url(img/photo03_deco03.png);
}
.u-photo03_group.-design02 .u-photo03_item03::before {
	background-image: url(img/photo03_deco06.png);
}

/*================================
設備紹介
================================*/


/*================================
TABLET横 1080px～0px
================================*/
@media screen and (max-width: 1080px) {}


/*================================
TABLET縦 834px～0px
================================*/
@media screen and (max-width: 834px) {

	/*================================
	院内紹介
	================================*/

	/*-------------------------------
	写真一つレイアウト
	-------------------------------*/
	.u-photo01_group {}
	.u-photo01_item {}
	.u-photo01_item::before {}
	.u-photo01_item::after {}

	/*-------------------------------
	写真二つレイアウト
	-------------------------------*/
	.u-photo02_group {}
	.u-photo02_item01 {}
	.u-photo02_item02 {}
	.u-photo02_item01::before {}
	.u-photo02_item01::after {}
	.u-photo02_item02::before {}

	/*-------------------------------
	写真三つレイアウト
	-------------------------------*/
	.u-photo03_group {}
	.u-photo03_item01 {}
	.u-photo03_item02,
	.u-photo03_item03 {}
	.u-photo03_item01::before {}
	.u-photo03_item02::before {}
	.u-photo03_item03::before {}

	/*================================
	設備紹介
	================================*/
	
	
}


/*================================
SP表示 667px～0px
================================*/
@media (max-width: 667px) {

	/*================================
	院内紹介
	================================*/

	/*-------------------------------
	写真一つレイアウト
	-------------------------------*/
	.u-photo01_group {}
	.u-photo01_item {
		width: 100%;
	}
	.u-photo01_item::before {}
	.u-photo01_item::after {}

	/*-------------------------------
	写真二つレイアウト
	-------------------------------*/
	.u-photo02_group {
		gap: 2rem;
	}
	.u-photo02_item01 {
		width: 100%;
	}
	.u-photo02_item02 {
		width: 100%;
		margin: 0;
	}
	.u-photo02_item01::before {
		top: 0;
		left: -13%;
	}
	.u-photo02_item01::after {
		right: -12%;
	}
	.u-photo02_item02::before {}

	/*-------------------------------
	写真三つレイアウト
	-------------------------------*/
	.u-photo03_group {}
	.u-photo03_item01 {
		width: 100%;
	}
	.u-photo03_item02,
	.u-photo03_item03 {
		width: 100%;
	}
	.u-photo03_item01::before {
		right: -12%;
	}
	.u-photo03_item02::before {
		top: 0;
		left: -12%;
	}
	.u-photo03_item03::before {
		top: -18%;
		right: -18%;
	}

	/*================================
	設備紹介
	================================*/

}