@charset "utf-8";
/*================================
*
*基本設定
*
================================*/

/*================================
　ここから全サイズ適用
================================*/

/*CSS Variable
================================*/
:root {
	/*ベースカラー*/
	/*緑1*/
	--theme-color01: #106657;
	/*緑2*/
	--theme-color02: #74a475;
	/*緑3(薄め)*/
	--theme-color03: #c6e3c1;
	/*グレー1*/
	--theme-gray01: #dedede;
	/*グレー2*/
	--theme-gray02: #cbcbcb;
}

/*html基本設定
================================*/
html {
	overflow-y: scroll;
	scroll-behavior: smooth;
	font-size: 10px;
	font-size: 62.5%;
}
body {
	overflow: hidden;
	background: #f2f2f2;
	/*↓文字の基本設定*/
	font-family: "Zen Kaku Gothic New", sans-serif;
	/*
	font-size: 18px;
	font-size: 1.8em;
	*/
	font-size: 16px;
	font-size: 1.6em;
	font-weight: 400;
	text-align: justify;
	color: #333;
	/* ↓iPhoneの文字サイズ自動調整を無効化 */
	-webkit-text-size-adjust: 100%;
}
h1 ,h2 ,h3 ,h4 ,h5 ,h6 {
	/*↓文字の字間を設定*/
	/*letter-spacing: 0.05em;*/
}
p, dl, dt, dd, ol, ul, li {
	/*↓文字の行の高さ設定*/
	line-height: 2;
	/*↓文字の字間を設定*/
	/*letter-spacing: 0.05em;*/
}
img {
	max-width: 100%;
	height: auto;
	vertical-align: middle;
}
a {
	/*color: #333;*/
	text-decoration: none;
}
a:link {
	text-decoration: none;
}
a:visited {}
a:hover {}
a:active {}
.link {
	text-decoration: underline;
	color: var(--theme-color01);
}

/*margin-bottom
================================*/
.mb0 {
	margin-bottom:0 !important;
}
.mb10 {
	margin-bottom:1rem !important;
}
.mb20 {
	margin-bottom:2rem !important;
}
.mb30 {
	margin-bottom:3rem !important;
}
.mb40 {
	margin-bottom:4rem !important;
}
.mb50 {
	margin-bottom:5rem !important;
}
.mb60 {
	margin-bottom:6rem !important;
}
.mb70 {
	margin-bottom:7rem !important;
}
.mb80 {
	margin-bottom:8rem !important;
}
.mb90 {
	margin-bottom:9rem !important;
}
.mb100 {
	margin-bottom:10rem !important;
}

/* インライン方向の揃え
================================*/
.mi-c {
	margin-inline: auto;
}

/* コンテナ類、幅制御
================================*/
.inner {
	margin: 0 auto;
	/*max-width: calc(1200px + 14rem);*/
	padding-left: 7rem;
	padding-right: 7rem;
}

/* ページ内リンク位置調整
================================*/
.anchor-link {
	display: block;
	transform: translateY(-8rem);
}

/* ブロック要素、インライン要素
================================*/
.block,
.blk {
	display: block;
}
.inline,
.inl {
	display: inline;
}
.inline-block,
.inl-blk {
	display: inline-block;
}

/* ブロック要素の揃え方向
================================*/
.block-center,
.b-cen,
.blk-c {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.block-left,
.b-lef,
.blk-l {
	display: block;
	margin-right: auto;
}
.block-right,
.b-rig,
.blk-r {
	display: block;
	margin-left: auto;
}

/* 文字、インライン要素の揃え方向
================================*/
.text-center,
.t-cen,
.ta-c {
	text-align: center !important;
}
.text-left,
.t-lef,
.ta-l {
	text-align: left !important;
}
.text-right,
.t-rig,
.ta-r {
	text-align: right !important;
}
.text-justify,
.t-just,
.ta-j {
	text-align: justify!important;
}

/* フォントファミリー
================================*/
.ff-ZenOldMincho {
	font-family: "Zen Old Mincho", serif;
}
.ff-ZenKakuGothicNew {
	font-family: "Zen Kaku Gothic New", sans-serif;
}

/* 文字ウェイト
================================*/
/*Light*/
/*
.fw300 {
	font-weight: 300;
	vertical-align: baseline;
}
*/
/*Regular*/
.fw400 {
	font-weight: 400;
	vertical-align: baseline;
}
/*Medium*/
/*
.fw500 {
	font-weight: 500;
	vertical-align: baseline;
}
*/
/*SemiBold*/
/*
.fw600 {
	font-weight: 600;
	vertical-align: baseline;
}
*/
/*Bold*/
.fw700 {
	font-weight: 700;
	vertical-align: baseline;
}

/*文字カラー
================================*/
.fc-theme01 {
	color: var(--theme-color01)!important;
	vertical-align: baseline;
}
.fc-theme02 {
	color: var(--theme-color02)!important;
	vertical-align: baseline;
}
.fc-theme03 {
	color: var(--theme-gray01)!important;
	vertical-align: baseline;
}
.fc-fff {
	color: #fff!important;
	vertical-align: baseline;
}
.fc-333 {
	color: #333!important;
	vertical-align: baseline;
}

/* 注釈、脚注
================================*/
.kome {
	padding-left: 1em;
	text-indent: -1em;
}
/*footnote01*/
.footnote01 {
	display: flex;
	justify-content: flex-start;
	align-items: stretch;
	gap: 0.25em;
	text-align: left;
}
.footnote01_head {
	min-width: 1em;
}
.footnote01_text {}
/*footnote02*/
.footnote02 {
	display: flex;
	justify-content: flex-start;
	align-items: stretch;
	gap: 0.5em;
	text-align: left;
}
.footnote02_head {
	min-width: 1.5em;
}
.footnote02_text {}


/*================================
ノートPC 1366px～0px
================================*/
@media (max-width: 1366px) {}


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

	/* font size設定 */
	/*--------------------------
	ベースとなるhtmlのfont sizeを10pxから8pxに変更することで、
	10px = 1remだったのが8px = 1remとなり、サイト全体の文字をサイズダウンする。
	ベースのfont sizeを変更したことで、bodyに設定した基本のfont sizeが
	1.8em = 18pxだったのが1.8em = 14.4pxになってしまうので、
	bodyのfont sizeを2em（16px相当）に変更する
	--------------------------
	※chrome対策のため、body要素のみemを使用、他の要素ではremを使用すること
	--------------------------
	※文字サイズ一覧※
	12.8px = 1.6rem
	14px = 1.75rem
	16px = 2rem
	18px = 2.25rem
	20px = 2.5rem
	24px = 3rem
	26px = 3.25rem
	28px = 3.5rem
	32px = 4rem
	--------------------------*/


	/*html基本設定
	================================*/
	html {
		font-size: 8px;
		font-size: 50%;
	}
	body {
		/*16px = 2em*/
		font-size: 2em;
	}

}


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

	/*margin-bottom
	================================*/
	.mb0-tab {
		margin-bottom: 0 !important;
	}
	.mb10-tab {
		margin-bottom: 1rem !important;
	}
	.mb20-tab {
		margin-bottom: 2rem !important;
	}
	.mb30-tab {
		margin-bottom: 3rem !important;
	}
	.mb40-tab {
		margin-bottom: 4rem !important;
	}
	.mb50-tab {
		margin-bottom: 5rem !important;
	}
	.mb60-tab {
		margin-bottom: 6rem !important;
	}
	.mb70-tab {
		margin-bottom: 7rem !important;
	}
	.mb80-tab {
		margin-bottom: 8rem !important;
	}
	.mb90-tab {
		margin-bottom: 9rem !important;
	}
	.mb100-tab {
		margin-bottom: 10rem !important;
	}

	/* コンテナ類、幅制御
	================================*/
	.inner {
		padding-left: 40px;
		padding-right: 40px;
	}

	/* 文字、インライン要素の揃え方向
	================================*/
	.text-center-tab,
	.t-cen-tab,
	.ta-c-tab {
		text-align: center !important;
	}
	.text-left-tab,
	.t-lef-tab,
	.ta-l-tab {
		text-align: left !important;
	}
	.text-right-tab,
	.t-rig-tab,
	.ta-r-tab {
		text-align: right !important;
	}
	.text-justify-tab,
	.t-just-tab,
	.ta-j-tab {
		text-align: justify!important;
	}

	/* ページ内リンク位置調整
	================================*/
	.anchor-link {}

}



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

	/*margin-bottom
	================================*/
	.mb0-sp {
		margin-bottom: 0 !important;
	}
	.mb10-sp {
		margin-bottom: 1rem !important;
	}
	.mb20-sp {
		margin-bottom: 2rem !important;
	}
	.mb30-sp {
		margin-bottom: 3rem !important;
	}
	.mb40-sp {
		margin-bottom: 4rem !important;
	}
	.mb50-sp {
		margin-bottom: 5rem !important;
	}
	.mb60-sp {
		margin-bottom: 6rem !important;
	}
	.mb70-sp {
		margin-bottom: 7rem !important;
	}
	.mb80-sp {
		margin-bottom: 8rem !important;
	}
	.mb90-sp {
		margin-bottom: 9rem !important;
	}
	.mb100-sp {
		margin-bottom: 10rem !important;
	}

	/* コンテナ類、幅制御
	================================*/
	.inner {
		padding-left: 20px;
		padding-right: 20px;
	}

	/* 文字、インライン要素の揃え方向
	================================*/
	.text-center-sp,
	.t-cen-sp,
	.ta-c-sp {
		text-align: center !important;
	}
	.text-left-sp,
	.t-lef-sp,
	.ta-l-sp {
		text-align: left !important;
	}
	.text-right-sp,
	.t-rig-sp,
	.ta-r-sp {
		text-align: right !important;
	}
	.text-justify-sp,
	.t-just-sp,
	.ta-j-sp {
		text-align: justify!important;
	}


}




/*================================
*
*共通パーツ（ヘッダー、フッターなど）
*
================================*/

/*================================
ここから全サイズ適用
================================*/

/*バナー
================================*/
.bnr_group {
	display: flex;
	justify-content: center;
	align-items: stretch;
	gap: 2rem 4rem;
}
.bnr_item {
	width: calc(100%/2 - 4rem/2);
}
.bnr_link {
	display: block;
	width: fit-content;
	margin-inline: auto;
	transition: 0.3s;
}
.bnr_item a:hover {
	filter: brightness(110%);
}

/* リンクボタン
================================*/
/*link_btn*/
/*-----------------------------*/
.link_btn {
	position: relative;
	z-index: 1;
	cursor: pointer;
	width: fit-content;
	min-height: 7rem;
	padding-right: 10rem;
	transition: 0.6s;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.link_btn::before {
	position: absolute;
	z-index: 1;
	content: "";
	right: 0;
	top: 50%;
	translate: 0 -50%;
	width: 8rem;
	aspect-ratio: 8/7;
	background: url(../img/link_btn_deco.png)center/contain no-repeat;
	transition: 0.4s;
}
.link_btn::after {
	position: absolute;
	z-index: 1;
	content: "";
	right: calc(8rem/2);
	top: 50%;
	translate: 50% -50%;
	width: 1rem;
	height: 1.2rem;
	background: #333;
	transition: 0.6s;
	clip-path: polygon(0 0,100% 50%,0 100%);
}
.link_btn_text {
	font-family: "Zen Old Mincho", serif;
	font-size: 1.5rem;
	font-weight: 700;
	text-align: left;
	line-height: 1.5;
	color: #333;
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-decoration-color: var(--theme-gray02);
	text-underline-offset: 0.3em;
	text-decoration-skip-ink: none;
}
/*hover*/
.link_btn:hover::before {
	scale: 0.9;
}
/*nolink*/
.link_btn.-nolink {}

/*link_btn02*/
/*-----------------------------*/
.link_btn02 {
	max-width: 48rem;
	min-height: 6rem;
	margin-inline: auto;
	padding: 1rem;
	background: var(--theme-color02);
	transition: 0.4s;
	display: flex;
	justify-content: center;
	align-items: center;
}
.link_btn02_text {
	padding-right: 2em;
	padding-bottom: 0.16em;
	background-image: url(../img/link_btn02_deco.png);
	background-position: right center;
	background-size: 1em auto;
	transition: 0.4s;
	font-family: "Zen Old Mincho", serif;
	font-size: 1.5rem;
	font-weight: 700;
	text-align: left;
	line-height: 1.5;
	color: #fff;
}
/*hover*/
.link_btn02:hover {
	filter: brightness(1.08);
}
.link_btn02:hover .link_btn02_text {
	padding-right: 1.6em;
}
/*nolink*/
.link_btn02.-nolink {}
/*color*/
.link_btn02.-type02 {
	background: none;
	border: 2px solid var(--theme-gray02);
}
.link_btn02.-type02 .link_btn02_text {
	background-image: url(../img/link_btn02_deco02.png);
	color: #333;
}

/*================================
モーダルウィンドウ
================================*/
.modalOpen {
	cursor: pointer;
}
.modal {
	/*display: flex;*/
	justify-content: center;
	align-items: center;
	animation: modalopen .5s 0s ease;
	display: none;
	position: fixed;
	z-index: 30;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	padding: 4rem;
	overflow: auto;
	background-color: rgba(0,0,0,0.6);
	backdrop-filter: blur(5px);
}
@keyframes modalopen {
	from{
		opacity: 0;
	}
	to{
		opacity: 1;
	}
}
/*お知らせ表示エリア*/
.modal-box {
	display: flex;
	justify-content: center;
	align-items: stretch;
	flex-direction: column;
	position: relative;
	z-index: 1;
	max-width: 800px;
	width: 100%;
	background: #fff;
}
.modal_heading {
	padding: 1rem 3rem;
	background: var(--theme-color02);
	font-family: "Zen Old Mincho", serif;
	font-size: 2.4rem;
	font-weight: 700;
	text-align: center;
	line-height: 1.5;
	color: #fff;
}
.modal_body {
	padding: 3rem;
}
/*閉じるボタン*/
.modalClose {
	position: absolute;
	top: 0;
	right: 0;
	width: 3rem;
	height: 3rem;
	background: var(--theme-color01);
	border: none;
}
.modalClose::before,
.modalClose::after {
	position: absolute;
	content: "";
	top: 50%;
	left: 50%;
	width: 2.2rem;
	height: 1px;
	background: #fff;
}
.modalClose::before {
	transform: translate(-50%,-50%) rotate(-45deg);
}
.modalClose::after {
	transform: translate(-50%,-50%) rotate(45deg);
}

/*================================
ヘッダー
================================*/
.seo-message_wrapper {
	position: absolute;
	z-index: 10;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 100%;
	padding-top: 0.5rem;
	padding-left: 7rem;
	padding-right: 7rem;
}
.seo-message {
	font-size: 1rem;
	text-align: left;
	line-height: 1.4;
}
/*------------------------------*/
.header {
	border-bottom: 2px solid var(--theme-gray01);
}
.header .inner {
	height: 13rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-flow: row wrap;
	gap: 4rem;
}
.hd_area01 {}
.hd_logo {}
.hd_logo_img {
	width: 290px;
}

/*-------------------------------
医院情報
-------------------------------*/
.clinic-info {
	border-bottom: 2px solid var(--theme-gray01);
}
.clinic-info .inner {
	max-width: calc(800px + 14rem);
	padding-top: 4rem;
	padding-bottom: 4rem;
}
.clinic-info_group {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-flow: row wrap;
	gap: 2rem;
}
.clinic-info_item {
	width: calc(100%/2 - 2rem/2);
	display: flex;
	justify-content: center;
	align-items: center;
}
.clinic-info_link {
	display: block;
}
.clinic-info_p {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	min-height: 1.6em;
	padding-left: 2.4em;
	padding-top: 0.16em;
	background-position: left center;
	background-size: 1.6em;
	font-size: 1.6rem;
	font-weight: 700;
	text-align: left;
	line-height: 1.5;
	color: #333;
}
.clinic-info_p.-access {
	background-image: url(../img/icon_access.png);
}
.clinic-info_p.-tel {
	background-image: url(../img/icon_tel.png);
}

/*固定タブ（右側）
================================*/
.side_fix {
	position: fixed;
	z-index: 20;
	bottom: 13rem;
	right: 1rem;
	display: flex;
	justify-content: flex-start;
	align-items: flex-end;
	flex-direction: column;
	gap: 2rem;
}
.side_tab {
	cursor: pointer;
	transition: 0.4s;
	position: relative;
	z-index: 1;
	top: 0;
	width: 11.7rem;
}
.side_tab:hover {
	top: -0.5rem;
	filter: brightness(1.06);
}
.side_link {}

/*================================
メインコンテンツ
================================*/
.main {}

/*================================
フッターコンテンツ01
================================*/
.footer {}
.ft_info {}
.ft_info .inner {
	max-width: calc(1000px + 14rem);
	padding-top: 9rem;
	padding-bottom: 9rem;
}
.ft_title01 {
	margin-bottom: 3rem;
	font-family: "Zen Old Mincho", serif;
	font-size: 2.4rem;
	font-weight: 700;
	line-height: 1.5;
	text-align: center;
}
.ft_title02 {
	margin-bottom: 4rem;
}
.ft_title02_en {
	margin-bottom: 2rem;
	font-family: "Zen Old Mincho", serif;
	font-size: 4.8rem;
	line-height: 1.5;
	text-align: left;
}
.ft_title02_jp {
	font-family: "Zen Old Mincho", serif;
	font-size: 2rem;
	font-weight: 700;
	line-height: 1.5;
	text-align: left;
}

/*ft_group
------------------------*/
.ft_group {
	display: flex;
	justify-content: center;
	align-items: stretch;
	flex-flow: row wrap;
	gap: 6rem 4rem;
}
.ft_item {
	width: calc(100%/2 - 4rem/2);
}

/*-------------------------------
ブログ
-------------------------------*/
.ft_blog {
	width: 100%;
}
.ft_blog_scroll {
	overflow: hidden scroll;
	margin-left: auto;
	margin-right: auto;
	min-height: 10rem;
	max-height: 30rem;
}
.ft_blog_list {}
.ft_blog_list .head {}
.ft_blog_list .date {
	font-size: 1.4rem;
	font-weight: 700;
	color: var(--theme-color01);
}
.ft_blog_list .title {
	font-size: 1.4rem;
	font-weight: 700;
	color: var(--theme-color01);
}
.ft_blog_list .article {
	margin-bottom: 2rem;
	padding-bottom: 2rem;
	border-bottom: 1px solid #333;
	font-size: 1.4rem;
}
.ft_blog_list a {
	text-decoration: underline;
}

/*-------------------------------
You Tube
-------------------------------*/
.ft_youtube {}
.ft_video {}

/*-------------------------------
インスタグラム
-------------------------------*/
.ft_insta {
	width: 100%;
}

/*-------------------------------
新着お知らせ
-------------------------------*/
.ft_whatsnew {
	width: 100%;
}
.ft_whatsnew_scroll {
	overflow: hidden scroll;
	margin-left: auto;
	margin-right: auto;
	min-height: 10rem;
	max-height: 34rem;
}
.ft_whatsnew_list {}
.ft_whatsnew_list .date {
	float: left;
	width: 16rem;
	font-size: 1.4rem;
	font-weight: 700;
	color: var(--theme-color01);
}
.ft_whatsnew_list .article {
	margin-bottom: 2rem;
	padding-left: 16rem;
	padding-bottom: 2rem;
	border-bottom: 1px solid #333;
	font-size: 1.4rem;
}
.ft_whatsnew_list a {
	text-decoration: underline;
}

/*-------------------------------
ご予約・お問い合わせ
-------------------------------*/
.ft_contact {
	min-height: 25rem;
	padding: 2rem 2rem;
	border: 1px solid var(--theme-gray02);
	display: flex;
	justify-content: center;
	align-items: stretch;
	flex-direction: column;
	gap: 2rem;
}
.ft_tel {}
.ft_tel_txt {
	margin-bottom: 0.6rem;
	font-family: "Zen Old Mincho", serif;
	font-size: 2.4rem;
	font-weight: 700;
	text-align: center;
	line-height: 1.2;
}
.ft_tel_number {
	line-height: 1;
	text-align: center;
}
.ft_tel_link {
	display: inline-block;
	padding-left: 0.8em;
	background-image: url(../img/icon_tel.png);
	background-position: top 0.2em left;
	background-size: 0.61em auto;
	background-repeat: no-repeat;
	font-family: "Zen Old Mincho", serif;
	font-size: 3.4rem;
	font-weight: 700;
	color: #333;
}
.fv_rsv {}
.ft_rsv_btn {
	max-width: 32rem;
	min-height: 6rem;
	margin-inline: auto;
	padding: 1rem;
	background: var(--theme-color02);
	transition: 0.4s;
	display: flex;
	justify-content: center;
	align-items: center;
}
.ft_rsv_btn_text {
	position: relative;
	z-index: 1;
	padding-right: 1.2em;
	padding-bottom: 0.16em;
	transition: 0.4s;
	font-family: "Zen Old Mincho", serif;
	font-size: 1.5rem;
	font-weight: 700;
	text-align: left;
	line-height: 1.5;
	color: #fff;
}
.ft_rsv_btn_text::before {
	position: absolute;
	z-index: 1;
	content: "";
	right: 0;
	top: 50%;
	translate: 0 -50%;
	width: 0.6rem;
	height: 0.8rem;
	background: #fff;
	clip-path: polygon(0 0,100% 50%,0 100%);
}
/*hover*/
.ft_rsv_btn:hover .ft_rsv_btn_text {
	padding-right: 0.8em;
	filter: brightness(1.08);
}

/*-------------------------------
カレンダー
-------------------------------*/
.ft_calendar {}
.ft_calendar iframe {
	/*aspect-ratio: 1/1;*/
	max-width: 100%;
	height: 46rem;
}
.ft_calendar_notice {
	padding: 2rem 2rem;
	border: 1px solid var(--theme-color03);
	background: #fff;
}
.ft_calendar_notice_heading {
	margin-bottom: 2rem;
	font-family: "Zen Old Mincho", serif;
	font-size: 2rem;
	font-weight: 700;
	text-align: center;
	line-height: 1.5;
	color: var(--theme-color01);
}

/*================================
フッターコンテンツ02
================================*/
.ft_info02 {
	border-top: 2px solid var(--theme-gray01);
}
.ft_info02 .inner {
	max-width: calc(1000px + 14rem);
}
.ft_info02_group {
	display: flex;
	justify-content: center;
	align-items: stretch;
	flex-flow: row wrap;
	gap: 4rem 0;
}
.ft_info02_item {
	width: 50%;
	padding-top: 7rem;
	padding-bottom: 7rem;
}
.ft_info02_item:nth-child(odd) {
	padding-right: 4rem;
	border-right: 1px solid var(--theme-gray01);
}
.ft_info02_item:nth-child(even) {
	padding-left: 4rem;
}

/*ロゴ
------------------------*/
.ft_logo {}
.ft_logo_img {}

/*住所
------------------------*/
.ft_address {
	font-size: 1.4rem;
}

/* 診療時間
------------------------*/
.ft_schedule {
	margin-inline: auto;
	max-width: 480px;
}
.ft_time-tbl_wrap {}
.ft_time-tbl {}
.ft_time-tbl .time {}
.ft_time-tbl .day {
	width: 11%;
}
.ft_time-tbl_thd th {
	padding: 1.2rem 4px;
	font-size: 1.4rem;
	font-weight: 700;
	text-align: center;
	line-height: 1;
	vertical-align: middle;
}
.ft_time-tbl_tbdy th {
	padding: 1.2rem 4px;
	font-size: 1.4rem;
	font-weight: 700;
	text-align: left;
	line-height: 1;
	vertical-align: middle;
}
.ft_time-tbl_tbdy td {
	padding: 1.2rem 4px;
	font-size: 1.4rem;
	text-align: center;
	line-height: 1;
	vertical-align: middle;
}
.ft_time-tbl .am {
	/*padding-left: 0.5em;*/
}
.ft_time-tbl .pm {}

.ft_time-tbl_info {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	gap: 0 2rem;
	flex-flow: row wrap;
	padding: 0.5rem 1rem;
}
.ft_time-tbl_info .txt01 {
	font-size: 1.4rem;
	font-weight: 700;
	text-align: left;
	line-height: 1.5;
}
.ft_time-tbl_info .holyday {}
.ft_sankaku {}

/* Googleマップ
------------------------*/
.ft_googlemaps {
	height: 42rem;
}
.ft_googlemaps iframe {
	display: block;
	width: 100%;
	height: 100%;
}

/* 地域情報
------------------------*/
.ft_areainfo {
	background: #626262;
}
.ft_areainfo .inner {
	max-width: calc(1000px + 14rem);
	padding-top: 4rem;
	padding-bottom: 4rem;
}
.ft_areainfo_title {
	margin-bottom: 2rem;
	font-family: "Zen Old Mincho", serif;
	font-size: 1.8rem;
	font-weight: 700;
	text-align: center;
	line-height: 1.5;
	color: #fff;
}
.ft_areainfo_text {
	font-size: 1.4rem;
	color: #fff;
}

/* コピーライト表記
------------------------*/
.copyright {
	font-size: 1.4rem;
	text-align: right;
	color: #fff;
}

/* ページTOPへ戻る
------------------------*/
.pagetop {
	opacity: 0;
	transition: .4s;
	position: fixed;
	z-index: 6;
	right: 1rem;
	bottom: 4rem;
	width: 8rem;
	aspect-ratio: 8/7;
	border: none;
	background: url(../img/pagetop.png)center/contain no-repeat;
	cursor: pointer;
}
.pagetop:hover {
	filter: brightness(110%);
}



/*================================
ノートPC 1366px～0px
================================*/
@media (max-width: 1366px) {}


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


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

	/* 画面下固定タブ
	================================*/
	.bottom_fix {
		display: flex;
		justify-content: flex-start;
		align-items: stretch;
		flex-flow: row wrap;
		position: fixed;
		z-index: 8;
		left: 0;
		bottom: 0;
		width: 100%;
		/*anime*/
		/*animation: fadeInUp 1.6s 2s ease both;*/
	}
	.bottom_tab {
		display: flex;
		justify-content: center;
		align-items: stretch;
		transition: 0.4s;
	}
	.bottom_link {
		display: flex;
		justify-content: center;
		align-items: center;
		height: 5.8rem;
		width: 100%;
		padding: 6px 10px;
	}
	.bottom_txt {
		padding-left: 1.8em;
		background-position: left top 0.2em;
		background-size: 1.2em auto;
		min-height: calc(2.4rem*1.4);
		font-family: "Zen Old Mincho", serif;
		font-size: 2.4rem;
		font-weight: 700;
		line-height: 1.4;
		color: #fff;
	}
	/*rsv*/
	.bottom_tab.-rsv {
		width: 100%;
		background: var(--theme-color02);
	}
	.bottom_tab.-rsv .bottom_link {}
	.bottom_tab.-rsv .bottom_txt {
		padding-left: 0;
	}
	/*tel*/
	.bottom_tab.-tel {
		width: 100%;
		background: var(--theme-color02);
	}
	.bottom_tab.-tel .bottom_link {}
	.bottom_tab.-tel .bottom_txt {
		background-image: url(../img/bottom_tab_tel.png);
	}
	/*------------------------------*/


	/*バナー
	================================*/
	.bnr_group {
		flex-direction: column;
	}
	.bnr_item {
		width: 100%;
	}
	.bnr_link {}

	/* リンクボタン
	================================*/
	/*link_btn*/
	/*-----------------------------*/
	.link_btn {}
	.link_btn::before {}
	.link_btn::after {}
	.link_btn_text {}
	
	/*================================
	モーダルウィンドウ
	================================*/
	.modalOpen {}
	.modal {}
	/*お知らせ表示エリア*/
	.modal-box {
		max-height: calc(100% - 6rem);
	}
	.modal_heading {}
	.modal_body {}
	/*閉じるボタン*/
	.modalClose {}

	/*link_btn02*/
	/*-----------------------------*/
	.link_btn02 {}
	.link_btn02_text {}

	/*================================
	ヘッダー
	================================*/
	.seo-message_wrapper {}
	.seo-message {}
	.header {}
	.header .inner {}
	/*------------------------------*/
	.hd_area01 {}
	.hd_logo {}
	.hd_logo_img {}
	/*------------------------------*/
	.hd_info {}
	.hd_info .inner {}
	.hd_info_item {}
	.hd_info_link {}
	.hd_info_link.-access {}
	.hd_info_link.-tel {}

	/*-------------------------------
	医院情報
	-------------------------------*/
	.clinic-info {}
	.clinic-info .inner {}
	.clinic-info_group {}
	.clinic-info_item {}
	.clinic-info_link {}
	.clinic-info_p {}
	.clinic-info_p.-access {}
	.clinic-info_p.-tel {}

	/*固定タブ（右側）
	================================*/
	.side_fix {}
	.side_tab {}
	.side_link {}

	/*================================
	メインコンテンツ
	================================*/
	.main {}

	/*================================
	フッターコンテンツ01
	================================*/
	.footer {}
	.ft_info {}
	.ft_info .inner {}
	.ft_title01 {}
	.ft_title02 {}
	.ft_title02_en {}
	.ft_title02_jp {}

	/*ft_group
	------------------------*/
	.ft_group {}
	.ft_item {}

	/*-------------------------------
	ブログ
	-------------------------------*/
	.ft_blog {}

	/*-------------------------------
	You Tube
	-------------------------------*/
	.ft_youtube {}
	.ft_video {}

	/*-------------------------------
	インスタグラム
	-------------------------------*/
	.ft_insta {}

	/*-------------------------------
	新着お知らせ
	-------------------------------*/
	.ft_whatsnew {}
	.ft_whatsnew_scroll {}
	.ft_whatsnew_list {}
	.ft_whatsnew_list .date {}
	.ft_whatsnew_list .article {}
	.ft_whatsnew_list a {}

	/*-------------------------------
	ご予約・お問い合わせ
	-------------------------------*/
	.ft_contact {}
	.ft_tel {}
	.ft_tel_txt {}
	.ft_tel_number {}
	.ft_tel_link {}
	.fv_rsv {}
	.ft_rsv_btn {}
	.ft_rsv_btn_text {}
	.ft_rsv_btn_text::before {}

	/*-------------------------------
	カレンダー
	-------------------------------*/
	.ft_calendar {}
	.ft_calendar iframe {}

	/*================================
	フッターコンテンツ02
	================================*/
	.ft_info02 {}
	.ft_info02 .inner {}
	.ft_info02_group {}
	.ft_info02_item {}
	.ft_info02_item:nth-child(odd) {}
	.ft_info02_item:nth-child(even) {}

	/*ロゴ
	------------------------*/
	.ft_logo {}
	.ft_logo_img {}

	/*住所
	------------------------*/
	.ft_address {}

	/* 診療時間
	------------------------*/
	.ft_schedule {}
	.ft_time-tbl_wrap {}
	.ft_time-tbl {}
	.ft_time-tbl .time {}
	.ft_time-tbl .day {}
	.ft_time-tbl_thd th {}
	.ft_time-tbl_tbdy th {}
	.ft_time-tbl_tbdy td {}
	.ft_time-tbl .am {}
	.ft_time-tbl .pm {}
	.ft_time-tbl_info {}
	.ft_time-tbl_info .txt01 {}
	.ft_time-tbl_info .holyday {}
	.ft_sankaku {}

	/* Googleマップ
	------------------------*/
	.ft_googlemaps {}
	.ft_googlemaps iframe {}

	/* 地域情報
	------------------------*/
	.ft_areainfo {}
	.ft_areainfo .inner {
		padding-bottom: 8rem;
	}
	.ft_areainfo_title {}
	.ft_areainfo_text {}

	/* コピーライト表記
	------------------------*/
	.copyright {}

	/* ページTOPへ戻る
	------------------------*/
	.pagetop {
		bottom: 8rem;
	}
	
	
	
	
}



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


	/*バナー
	================================*/
	.bnr_group {}
	.bnr_item {}
	.bnr_link {}

	/* リンクボタン
	================================*/
	/*link_btn*/
	/*-----------------------------*/
	.link_btn {}
	.link_btn::before {}
	.link_btn::after {}
	.link_btn_text {}
	
	/*================================
	モーダルウィンドウ
	================================*/
	.modalOpen {}
	.modal {}
	/*お知らせ表示エリア*/
	.modal-box {}
	.modal_heading {}
	.modal_body {}
	/*閉じるボタン*/
	.modalClose {}

	/*link_btn02*/
	/*-----------------------------*/
	.link_btn02 {}
	.link_btn02_text {}

	/*================================
	ヘッダー
	================================*/
	.seo-message_wrapper {}
	.seo-message {}
	/*------------------------------*/
	.header {}
	.header .inner {
		padding-right: 140px;
		height: 70px;
	}
	.hd_area01 {}
	.hd_logo {}
	.hd_logo_img {}

	/*-------------------------------
	医院情報
	-------------------------------*/
	.clinic-info {
		display: none;
	}
	.clinic-info .inner {}
	.clinic-info_group {
		flex-direction: column;
		align-items: flex-start;
		width: fit-content;
		margin-inline: auto;
	}
	.clinic-info_item {
		justify-content: flex-start;
		width: fit-content;
	}
	.clinic-info_link {}
	.clinic-info_p {}
	.clinic-info_p.-access {}
	.clinic-info_p.-tel {}

	/*================================
	メインコンテンツ
	================================*/
	.main {}

	/*================================
	フッターコンテンツ01
	================================*/
	.footer {}
	.ft_info {}
	.ft_info .inner {}
	.ft_title01 {}
	.ft_title02 {}
	.ft_title02_en {}
	.ft_title02_jp {}

	/*ft_group
	------------------------*/
	.ft_group {}
	.ft_item {
		width: 100%;
	}

	/*-------------------------------
	ブログ
	-------------------------------*/
	.ft_blog {}

	/*-------------------------------
	You Tube
	-------------------------------*/
	.ft_youtube {}
	.ft_video {}

	/*-------------------------------
	インスタグラム
	-------------------------------*/
	.ft_insta {}

	/*-------------------------------
	新着お知らせ
	-------------------------------*/
	.ft_whatsnew {}
	.ft_whatsnew_scroll {}
	.ft_whatsnew_list {}
	.ft_whatsnew_list .date {
		float: none;
		white-space: 100%;
	}
	.ft_whatsnew_list .article {
		padding-left: 0;
	}
	.ft_whatsnew_list a {}

	/*-------------------------------
	ご予約・お問い合わせ
	-------------------------------*/
	.ft_contact {
		min-height: 0;
	}
	.ft_tel {}
	.ft_tel_txt {}
	.ft_tel_number {}
	.ft_tel_link {}
	.fv_rsv {}
	.ft_rsv_btn {}
	.ft_rsv_btn_text {}
	.ft_rsv_btn_text::before {}

	/*-------------------------------
	カレンダー
	-------------------------------*/
	.ft_calendar {}
	.ft_calendar iframe {}

	/*================================
	フッターコンテンツ02
	================================*/
	.ft_info02 {}
	.ft_info02 .inner {
		padding-top: 9rem;
		padding-bottom: 9rem;
	}
	.ft_info02_group {}
	.ft_info02_item {
		width: 100%;
	}
	.ft_info02_item:nth-child(odd) {
		padding: 0;
		border: 0;
	}
	.ft_info02_item:nth-child(even) {
		padding: 0;
	}

	/*ロゴ
	------------------------*/
	.ft_logo {}
	.ft_logo_img {}

	/*住所
	------------------------*/
	.ft_address {}

	/* 診療時間
	------------------------*/
	.ft_schedule {}
	.ft_time-tbl_wrap {}
	.ft_time-tbl {}
	.ft_time-tbl .time {}
	.ft_time-tbl .day {}
	.ft_time-tbl_thd th {}
	.ft_time-tbl_tbdy th {}
	.ft_time-tbl_tbdy td {}
	.ft_time-tbl .am {}
	.ft_time-tbl .pm {}
	.ft_time-tbl_info {}
	.ft_time-tbl_info .txt01 {}
	.ft_time-tbl_info .holyday {}
	.ft_sankaku {}

	/* Googleマップ
	------------------------*/
	.ft_googlemaps {}
	.ft_googlemaps iframe {}

	/* 地域情報
	------------------------*/
	.ft_areainfo {}
	.ft_areainfo .inner {}
	.ft_areainfo_title {}
	.ft_areainfo_text {}

	/* コピーライト表記
	------------------------*/
	.copyright {}

	/* ページTOPへ戻る
	------------------------*/
	.pagetop {}
	
	
}