@charset "utf-8";




/*================================
*
診療案内
01_annai.html
*
================================*/
#annai {}
.annai_lead {
	font-size: 18px;
}

/*================================
*
医院・設備紹介
02_setsubi.html
*
================================*/
#setsubi {}

/*リードテキスト*/
/*-----------------------------*/
#setsubi-lead {
	position: relative;
	z-index: 1;
	height: 411px;
}
#setsubi-lead .txt_img {
	position: absolute;
	z-index: 2;
	top: 0;
	right: 0;
	width: 425px;
	height: 90px;
}
#setsubi-lead .pic_img {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 700px;
	height: 411px;
}
/*-----------------------------*/
.setsubi_flex {
	display: flex;
	justify-content: flex-start;
	align-items: stretch;
	flex-flow: row wrap;
	gap: 20px;
}
.setsubi_flex_item01 {
	width: calc(100%/2 - 20px/2);
}
.setsubi_flex_item02 {
	width: calc(70% - 20px/2);
}
.setsubi_flex_item03 {
	width: calc(30% - 20px/2);
}
/*-----------------------------*/
.setsubi_frame {
	display: flow-root;
	padding: 14px;
	border: 1px solid #663300;
	border-radius: 10px;
}
.setsubi_title {
	margin-bottom: 10px;
	padding: 6px 10px;
	background: #663300;
	border-radius: 6px;
	font-size: 15px;
	line-height: 1.4;
	font-weight: bold;
	color: #fff;
}
.setsubi_text {
	font-size: 13px;
	line-height: 1.5;
	color: #656565;
}

/*================================
*
院長・スタッフ紹介
03_staff.html
*
================================*/
#staff {}
/* 略歴 */
.ryakureki_title {
	position: relative;
	z-index: 1;
	margin-bottom: 20px;
	padding: 4px 10px 0;
	border-top: 4px solid #ccc;
	font-size: 16px;
	line-height: 1.4;
	color: #663300;
}
.ryakureki_title::before {
	position: absolute;
	z-index: 1;
	content: "";
	top: -4px;
	left: 0;
	width: 84px;
	height: 4px;
	background: #663300;
}
.ryakureki_dl {
	display: flow-root;
}
.ryakureki_dl dt {
	float: left;
	width: 150px;
	padding: 4px 5px;
	background: #ccc;
	border-left: solid 5px #663300;
}
.ryakureki_dl dd {
	margin-left: 150px;
	padding: 4px 10px;
	border-bottom: 1px dotted #333;
}

/*================================
*
採用情報
04_saiyo.html
*
================================*/
#saiyo {}
.saiyo_title {
	margin-top: -16px;
	margin-bottom: 10px;
	border-radius: 6px;
	font-size: 16px;
	line-height: 1.4;
	font-weight: bold;
}
.saiyo_title.-type01 {
	text-shadow: 2px 2px 1px #ffffcc, -2px 2px 1px #ffffcc, 2px -2px 1px #ffffcc, -2px -2px 1px #ffffcc, 2px 0px 1px #ffffcc, 0px 2px 1px #ffffcc, -2px 0px 1px #ffffcc, 0px -2px 1px #ffffcc;
	color: #663300;
}
.saiyo_title.-type02 {
	text-shadow: 2px 2px 1px #ffcc99, -2px 2px 1px #ffcc99, 2px -2px 1px #ffcc99, -2px -2px 1px #ffcc99, 2px 0px 1px #ffcc99, 0px 2px 1px #ffcc99, -2px 0px 1px #ffcc99, 0px -2px 1px #ffcc99;
	color: #fff;
}
.saiyo_frame01 {
	padding: 10px;
	background: #ffffcc;
	border-radius: 10px;
	box-shadow: 2px 3px 6px rgba(0,0,0,0.3);
}
.saiyo_frame02 {
	padding: 10px;
	background: #ffcc99;
	border-radius: 10px;
	box-shadow: 2px 3px 6px rgba(0,0,0,0.3);
}
.saiyo_flex {
	display: flex;
	justify-content: flex-start;
	align-items: stretch;
	flex-flow: row wrap;
	gap: 20px;
}
.saiyo_flex_item01 {
	width: calc(42% - 20px/2);
}
.saiyo_flex_item02 {
	width: calc(58% - 20px/2);
}
.saiyo_ul {}
.saiyo_ul li {
	margin-bottom: 2px;
	padding-left: 15px;
	background: url(common/img/icon_diamond.png) no-repeat 0 3px;
	font-size: 13px;
	line-height: 1.5;
}
/*募集要項*/
/*-----------------------------*/
.bosyu_tbl {}
.bosyu_tbl_th {
	width: 26%;
	padding: 10px;
	background: #ffc;
	border: 1px solid #ccc;
	font-size: 16px;
	font-weight: bold;
	text-align: left;
	line-height: 1.4;
	vertical-align: middle;
}
.bosyu_tbl_td {
	padding: 10px;
	background: #fff;
	border: 1px solid #ccc;
	font-size: 15px;
	line-height: 1.4;
}

/*================================
*
アクセス
05_acces.html
*
================================*/
#acces {}
.acces_frame {
	padding: 20px;
	background: #663300;
	font-size: 12px;
	color: #fff;
}


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


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


	/*================================
	*
	診療案内
	01_annai.html
	*
	================================*/
	#annai {}
	.annai_lead {}

	/*================================
	*
	医院・設備紹介
	02_setsubi.html
	*
	================================*/
	#setsubi {}

	/*リードテキスト*/
	/*-----------------------------*/
	#setsubi-lead {}
	#setsubi-lead .txt_img {}
	#setsubi-lead .pic_img {}
	/*-----------------------------*/
	.setsubi_flex {}
	.setsubi_flex_item01 {}
	.setsubi_flex_item02 {}
	.setsubi_flex_item03 {}
	/*-----------------------------*/
	.setsubi_frame {}
	.setsubi_title {}
	.setsubi_text {}

	/*================================
	*
	院長・スタッフ紹介
	03_staff.html
	*
	================================*/
	#staff {}
	/* 略歴 */
	.ryakureki_title {}
	.ryakureki_title::before {}
	.ryakureki_dl {}
	.ryakureki_dl dt {}
	.ryakureki_dl dd {}

	/*================================
	*
	採用情報
	04_saiyo.html
	*
	================================*/
	#saiyo {}
	.saiyo_title {}
	.saiyo_title.-type01 {}
	.saiyo_title.-type02 {}
	.saiyo_frame01 {}
	.saiyo_frame02 {}
	.saiyo_flex {}
	.saiyo_flex_item01 {}
	.saiyo_flex_item02 {}
	.saiyo_ul {}
	.saiyo_ul li {}
	/*募集要項*/
	/*-----------------------------*/
	.bosyu_tbl {}
	.bosyu_tbl_th {}
	.bosyu_tbl_td {}


}


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


	/*================================
	*
	診療案内
	01_annai.html
	*
	================================*/
	#annai {}
	.annai_lead {}

	/*================================
	*
	医院・設備紹介
	02_setsubi.html
	*
	================================*/
	#setsubi {}

	/*リードテキスト*/
	/*-----------------------------*/
	#setsubi-lead {
		height: auto;
	}
	#setsubi-lead .txt_img {
		position: static;
		width: auto;
		height: auto;
	}
	#setsubi-lead .pic_img {
		position: static;
		width: auto;
		height: auto;
	}
	/*-----------------------------*/
	.setsubi_flex {}
	.setsubi_flex_item01 {
		width: 100%;
	}
	.setsubi_flex_item02 {
		width: 100%;
	}
	.setsubi_flex_item03 {
		width: 100%;
	}
	/*-----------------------------*/
	.setsubi_frame {}
	.setsubi_title {}
	.setsubi_text {}

	/*================================
	*
	院長・スタッフ紹介
	03_staff.html
	*
	================================*/
	#staff {}
	/* 略歴 */
	.ryakureki_title {}
	.ryakureki_title::before {}
	.ryakureki_dl {}
	.ryakureki_dl dt {
		float: none;
		width: 100%;
	}
	.ryakureki_dl dd {
		margin-left: 0;
	}

	/*================================
	*
	採用情報
	04_saiyo.html
	*
	================================*/
	#saiyo {}
	.saiyo_title {}
	.saiyo_title.-type01 {}
	.saiyo_title.-type02 {}
	.saiyo_frame01 {}
	.saiyo_frame02 {}
	.saiyo_flex {}
	.saiyo_flex_item01 {
		width: 100%;
	}
	.saiyo_flex_item02 {
		width: 100%;
	}
	.saiyo_ul {}
	.saiyo_ul li {}
	/*募集要項*/
	/*-----------------------------*/
	.bosyu_tbl {
		border-bottom: 1px solid #ccc;
	}
	.bosyu_tbl_th {
		display: block;
		width: 100%;
	}
	.bosyu_tbl_td {
		display: block;
		width: 100%;
		border-top: none;
		border-bottom: none;
	}
	
	

}