@charset "utf-8";

/*gnav*/
#gnav li.gnav01 img {
	display: none;
}


/*================================
コンテナ
================================*/
#wrap {
	padding-top: 55px;
}

/*================================
メインビジュアル
================================*/
#mainvisual {
	background: linear-gradient(#d6b4fc 70%,#fff);
}
#mainvisual .inner {}
/* スライド
-------------------------------*/
.mv-slider {}
/*スライド画像
--------------------------------*/
.mv-slider .swiper-slide {
	position: relative;
	z-index: 1;
	width: 100%;
	aspect-ratio: 1	/	0.507;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}
.mv-slide01 {
	background-image: url(./img/mv-slide01.jpg);
}
.mv-slide02 {
	background-image: url(./img/mv-slide02.jpg);
}
.mv-slide03 {
	background-image: url(./img/mv-slide03.jpg);
}
.mv-slide04 {
	background-image: url(./img/mv-slide04.jpg);
}
.mv-slide05 {
	background-image: url(./img/mv-slide05.jpg);
}

/*================================
メインコンテンツ
================================*/
#main {
	margin: 0 auto;
	padding: 0;
	background: none;
	border: none;
}


/*-------------------------------
新型コロナウイルス　現在の診療状況についてのお知らせ
-------------------------------*/
.covid-19 {
	line-height: 1.5em;
	margin-bottom: 50px;
	background: #fffdea;
	border: 5px double #211655;
}
.covid-19 h2 {
	background: #211655;
	line-height: 2.5em;
	font-weight: bold;
	font-size: 1.5em;
	color: #fff;
}
.covid-19_action {
	background: #fff;
	font-size: 1.3em;
	font-weight: normal;
	padding: 12px 35px;
	letter-spacing: 2px;
	line-height: 1.8em;
}
.covid-19_action span {
	font-size: 1.3em;
	font-weight: bold;
	color: #915ec7;
}
.covid-19_action_list {
	padding: 20px 35px 5px 35px;
}
.covid-19_action_list li {
	margin-bottom: 15px;
	text-indent: -1em;
	margin-left: 1em;
}
.covid-19_action_list li span {
	font-size: 1.3em;
	color: #a3875f;
	font-weight: bold;
}
.covid-19_please {
	margin: 0 35px 18px 35px;
}
.covid-19_please_ttl {
	font-size: 1.3em;
	color: #ffffff;
	font-weight: bold;
	background: #211655;
	line-height: 2.5em;
	padding: 0 15px;
}
.covid-19_please_cont span {
	color: #745528;
	font-weight: bold;
}
.covid-19_please_cont {
	background: #fff7a8;
	padding: 10px;
	font-size: 1.3em;
	line-height: 1.5em;
}
.covid-19_fin {
	padding: 0px 35px 20px 35px;
}


/*施設基準について*/
/*--------------------------------*/
.criteria {
	padding: 40px 0;
	/* background: #e9edf4; */
}
.criteria .inner {}
.criteria_frame01 {
	padding: 15px;
	background: #fff;
	border: 2px solid #f4f4f4;
	width: fit-content;
	margin: 0 auto;
	max-width: 96%;
}
.criteria_frame02 {
	padding: 15px;
	/* border: solid 3px #9ebf19; */
	width: fit-content;
	margin: 0 auto 20px;
	max-width: 96%;
	background-color: #f4f4f4;
}
.criteria_ttl {
	margin-bottom: 10px;
	font-size: 30px;
	text-align: center;
	line-height: 1.6;
	/* color: #3c8118; */
	font-weight: bold;
}
.criteria_txt {
	font-size: 1.1em;
	letter-spacing: 0.1px;
}

.criteria_txt_center {
	background-color: #fff;
	padding-top: 15px!important;
}
.criteria_bold {
	font-weight: bold;
	color: #915ec7;
}
.criteria_ul {}
.criteria_ul li {
margin-bottom: 10px;
}
.criteria_ul li:first-letter {
	/* color: #9ebf19; */
}


/*-------------------------------
当院の特長
-------------------------------*/
.features {
	background: #fff;
	border: 8px solid #f4f4f4;
	margin-bottom: 60px;
	padding: 30px;
	text-align: center;
}
.features_main-title {
	margin-bottom: 1em;
	padding: 4px 20px 0;
	background: url(img/h3_bg01.jpg)left top;
	width: auto;
	font-size: 24px;
	font-weight: bold;
	line-height: 1.6;
	color: #3064b7;
	text-align: center;
}
.features_group {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-direction: column;
	gap: 20px;
}
.features_item {
	display: flex;
	justify-content: center;
	align-items: stretch;
	gap: 20px;
	box-sizing: border-box;
	padding: 20px;
	background: #ecf4f9;
	border: 4px solid #d7e7f0;
}
.features_item.-reverse {
	flex-direction: row-reverse;
}
.features_pic {
	width: 50%;
}
.features_pic img {
	max-width: 100%;
	height: auto;
}
.features_article {
	width: 50%;
}
.features_article_title {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 10px;
	margin-bottom: 10px;
}
.features_article_title .num {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 60px;
	height: 60px;
	box-sizing: border-box;
	padding-top: 4px;
	background: #3ba3df;
	border-radius: 50%;
	font-size: 24px;
	font-weight: bold;
	line-height: 1;
	color: #fff;
}
.features_article_title .main-text {
	width: calc(100% - (60px + 10px));
	font-size: 16px;
	font-weight: bold;
	line-height: 1.6;
	text-align: left;
	color: #127ab7;
}
.features_article_text {
	line-height: 1.6;
	text-align: left;
}
/*-------------------------------
診療日程のお知らせ
-------------------------------*/
.oshirase {
	background: #FFF;
	border: 8px solid #f4f4f4;
	margin-bottom: 60px;
	padding: 30px;
	text-align: center;
}
.oshirase .in {}
.oshirase .ttl {
	text-align: center;
	margin-bottom: 10px;
	background: linear-gradient(transparent 70%, #fadce9 70%);
	line-height: 1.5
}
.oshirase .ttl span {
	font-size: 20px;
	display: inline-block;
	font-weight: bold;
	line-height: 1.5;
	color: #eb7cbe;
}
.oshirase .txt {
	margin-bottom: 20px;
	font-size: 18px;
	line-height: 1.5;
}
.oshirase ul {
	text-align: center;
	display: inline-block;
	padding: 0 20px;
}
.oshirase ul li {
	text-align: left;
	line-height: 1.5;
	font-weight: bold;
}
.oshirase ul li.shinryo {
	color: #4e81b0;
}
.oshirase ul li.kyushin {
	color: #e90303;
}
.oshirase .shinryo2 {
	color: #4e81b0;
}
.oshirase .kyushin2 {
	color: #e90303;
}
.oshirase2 {
	background: #FFF;
	border: 5px solid #f4f4f4;
	margin-bottom: 80px;
	padding: 15px;
	text-align: center;
}
.oshirase2 .ttl {
	text-align: center;
	margin-bottom: 10px;
	background: linear-gradient(transparent 70%, #fadce9 70%);
	line-height: 1.5
}
.oshirase2 .ttl span {
	font-size: 20px;
	display: inline-block;
	font-weight: bold;
	line-height: 1.5;
	color: #eb7cbe;
}
.oshirase2 .txt {
	line-height: 1.5;
}
.oshirase.kaki {
	width: 60%;
	margin: 0 auto 55px;
}
.oshirase.kaki .ttl span {
	font-size: 22px;
}
.oshirase.kaki .txt {
	font-size: 18px;
	margin-bottom: 0px;
}
.oshirase.kaki ul {
	margin: 10px auto;
}
.oshirase.kaki ul li {
	font-size: 18px;
}
/*================================
左右分割コンテンツ
================================*/
.main_flex01 {
	display: flex;
	justify-content: center;
	align-items: stretch;
	gap: 60px 50px;
	flex-flow: row wrap;
}
.main_flex01_left {
	width: 580px;
}
.main_flex01_right {
	width: 270px;
}

/*-------------------------------
ドクター紹介
-------------------------------*/
#doctor {
	position: relative;
	z-index: 1;
	display: flex;
	justify-content: center;
	align-items: stretch;
	flex-flow: row wrap;
	gap: 10px 20px;
	padding: 20px;
	background: #FFF;
	border: 8px solid #f4f4f4;
}
.doctor_block01 {
	width: 100%;
	padding-left: 70px;
}
.doctor_block02 {
	width: calc(100% - (238px + 20px));
}
.doctor_block03 {
	width: 238px;
	margin-top: -150px;
}
#doctor h2 {
	position: absolute;
	z-index: 1;
	left: -30px;
	top: -40px;
}
#doctor h3 {
	font-size: 28px;
	line-height: 1.2em;
	color: #260C4B;
}
#doctor h3 .job {
	font-size: 16px;
	line-height: 1.6em;
}
#doctor h3 .eng {
	font-size: 18px;
	color: #b48be1;
	font-style: italic;
	font-weight: normal;
	padding-left: 0.5em;
}
.doctor_text {
	line-height: 1.6em;
}
.doctor_img {
	display: block;
	margin: 0 auto 10px;
}
.doctor_field {
	font-size: 85%;
	line-height: 1.4em;
}
/*-------------------------------
ようこそ
-------------------------------*/
#welcome {
	position: relative;
	z-index: 1;
	background: #f0efdf;
	border: 8px solid #FFF;
	margin-top: 30px;
	padding: 20px;
}
.welcome_title01 {
	width: fit-content;
	margin: 0 auto 10px;
	padding: 0 10px 5px;
	border-bottom: 4px dotted #c6c4ab;
	font-size: 21px;
	font-weight: bold;
	color: #260c4b;
}
.welcome_title01 span {
	color: #915ec7;
}
.welcome_title02 {
	font-size: 115%;
	font-weight: bold;
	color: #a0793d;
}
.welcome_text {
	margin-left: calc(205px + 10px);
}
.welcome_text p {
	line-height: 1.6em;
}
.welcome_img {
	position: absolute;
	z-index: 1;
	left: 0;
	bottom: 0;
}


/*================================
サブコンテンツ
================================*/
#sub {
	margin: 0;
	padding: 0;
	border: none;
}
#sub .inner {
	width: auto;
	padding: 0;
}
#sub .bn {
	width: 100%;
}



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


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

	/*================================
	コンテナ
	================================*/
	#wrap {}

	/*================================
	メインビジュアル
	================================*/
	#mainvisual {}
	#mainvisual .inner {}
	/* スライド
	-------------------------------*/
	.mv-slider {}
	/*スライド画像
	--------------------------------*/
	.mv-slider .swiper-slide {}

	/*================================
	メインコンテンツ
	================================*/
	#main {}
	/*-------------------------------
	新型コロナウイルス　現在の診療状況についてのお知らせ
	-------------------------------*/
	.covid-19 {}
	.covid-19 h2 {}
	.covid-19_action {}
	.covid-19_action span {}
	.covid-19_action_list {}
	.covid-19_action_list li {}
	.covid-19_action_list li span {}
	.covid-19_please {}
	.covid-19_please_ttl {}
	.covid-19_please_cont span {}
	.covid-19_please_cont {}
	.covid-19_fin {}
	/*-------------------------------
	当院の特長
	-------------------------------*/
	.features {}
	.features_main-title {}
	.features_group {}
	.features_item {}
	.features_item.-reverse {}
	.features_pic {}
	.features_pic img {}
	.features_article {}
	.features_article_title {}
	.features_article_title .num {}
	.features_article_title .main-text {}
	.features_article_text {}
	/*-------------------------------
	診療日程のお知らせ
	-------------------------------*/
	.oshirase {}
	.oshirase .in {}
	.oshirase .ttl {}
	.oshirase .ttl span {}
	.oshirase .txt {}
	.oshirase ul {}
	.oshirase ul li {}
	.oshirase ul li.shinryo {}
	.oshirase ul li.kyushin {}
	.oshirase .shinryo2 {}
	.oshirase .kyushin2 {}
	.oshirase2 {}
	.oshirase2 .ttl span {}
	.oshirase2 .txt {}
	.oshirase.kaki {}
	.oshirase.kaki .ttl span {}
	.oshirase.kaki .txt {}
	.oshirase.kaki ul {}
	.oshirase.kaki ul li {}
	/*================================
	左右分割コンテンツ
	================================*/
	.main_flex01 {}
	.main_flex01_left {}
	.main_flex01_right {
		width: 100%;
	}

	/*-------------------------------
	ドクター紹介
	-------------------------------*/
	#doctor {}
	.doctor_block01 {}
	.doctor_block02 {}
	.doctor_block03 {}
	#doctor h2 {}
	#doctor h3 {}
	#doctor h3 .job {}
	#doctor h3 .eng {}
	.doctor_text {}
	.doctor_img {}
	.doctor_field {}
	/*-------------------------------
	ようこそ
	-------------------------------*/
	#welcome {}
	.welcome_title01 {}
	.welcome_title01 span {}
	.welcome_title02 {}
	.welcome_text {}
	.welcome_text p {}
	.welcome_img {}


	/*================================
	サブコンテンツ
	================================*/
	#sub {}
	#sub .inner {}
	#sub .bn {
		width: calc(100%/3 - 30px*2/3);
	}

	
}


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


	/*================================
	コンテナ
	================================*/
	#wrap {
		padding-top: 30px;
	}

	/*================================
	メインビジュアル
	================================*/
	#mainvisual {}
	#mainvisual .inner {}
	/* スライド
	-------------------------------*/
	.mv-slider {}
	/*スライド画像
	--------------------------------*/
	.mv-slider .swiper-slide {}

	/*================================
	メインコンテンツ
	================================*/
	#main {}
	/*-------------------------------
	新型コロナウイルス　現在の診療状況についてのお知らせ
	-------------------------------*/
	.covid-19 {}
	.covid-19 h2 {
		font-size: 18px;
	}
	.covid-19_action {
		padding: 12px 20px;
		font-size: 16px;
	}
	.covid-19_action span {}
	.covid-19_action_list {
		padding: 12px 20px 5px;
	}
	.covid-19_action_list li {}
	.covid-19_action_list li span {}
	.covid-19_please {
		margin: 0 10px 10px;
	}
	.covid-19_please_ttl {}
	.covid-19_please_cont span {}
	.covid-19_please_cont {}
	.covid-19_fin {
		padding: 0 10px 10px;
	}
	/*-------------------------------
	当院の特長
	-------------------------------*/
	.features {
		border: 4px solid #f4f4f4;
		padding: 20px;
	}
	.features_main-title {
		font-size: 20px;
	}
	.features_group {}
	.features_item {
		flex-flow: row wrap;
		padding: 10px;
	}
	.features_item.-reverse {}
	.features_pic {
		width: 100%;
	}
	.features_pic img {}
	.features_article {
		width: 100%;
	}
	.features_article_title {}
	.features_article_title .num {}
	.features_article_title .main-text {}
	.features_article_text {}
	/*-------------------------------
	診療日程のお知らせ
	-------------------------------*/
	.oshirase {
		padding: 20px;
	}
	.oshirase .in {}
	.oshirase .ttl {}
	.oshirase .ttl span {
		font-size: 18px;
	}
	.oshirase .txt {
		font-size: 16px;
	}
	.oshirase ul {}
	.oshirase ul li {}
	.oshirase ul li.shinryo {}
	.oshirase ul li.kyushin {}
	.oshirase .shinryo2 {}
	.oshirase .kyushin2 {}
	.oshirase2 {}
	.oshirase2 .ttl span {}
	.oshirase2 .txt {}
	.oshirase.kaki {}
	.oshirase.kaki .ttl span {}
	.oshirase.kaki .txt {}
	.oshirase.kaki ul {}
	.oshirase.kaki ul li {}
	/*================================
	左右分割コンテンツ
	================================*/
	.main_flex01 {}
	.main_flex01_left {}
	.main_flex01_right {}

	/*-------------------------------
	ドクター紹介
	-------------------------------*/
	#doctor {}
	.doctor_block01 {}
	.doctor_block02 {
		width: 100%;
	}
	.doctor_block03 {
		width: 100%;
		margin-top: 0;
	}
	#doctor h2 {}
	#doctor h3 {}
	#doctor h3 .job {}
	#doctor h3 .eng {}
	.doctor_text {}
	.doctor_img {}
	.doctor_field {}
	/*-------------------------------
	ようこそ
	-------------------------------*/
	#welcome {
		padding: 20px 20px 220px;
	}
	.welcome_title01 {}
	.welcome_title01 span {}
	.welcome_title02 {}
	.welcome_text {
		margin: 0;
	}
	.welcome_text p {}
	.welcome_img {}


	/*================================
	サブコンテンツ
	================================*/
	#sub {}
	#sub .inner {}
	#sub .bn {
		width: 100%;
		max-width: 270px;
	}
	
	
	
}