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

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

/*CSS Variable
================================*/
:root {
	/*ベースカラー*/
	--theme-color01: #026100;
	--theme-color02: #78400a;
}

.nolink {
	opacity: 0.5;
}
.nolink05 {
	opacity: 0.5;
}
.link_op1 {
	opacity: 1!important;
}

.junbi {
    position: relative;
    display: inline-block;
}

.junbi::after {
    content: "準備中";
    position: absolute;
    top: 0;
    left: 0;
    background: #cccccc;
    color: white;
    font-size: 24px;
    letter-spacing: 1px;
    display: grid;
    align-items: center;
    text-align: center;
    width: 100%;
    height: 100%;
}

/*html基本設定
================================*/
html {
	overflow-y: scroll;
	scroll-behavior: smooth;
	font-size: 10px;
	font-size: 62.5%;
}
body {
	overflow: hidden;
	/*↓文字の基本設定*/
	font-family: "Zen Maru Gothic", serif;
	font-size: 18px;
	font-size: 1.8em;
	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 {
	text-decoration: none;
}
a:link {
	text-decoration: none;
}
a:visited {
	/*text-decoration: none;*/
}
a:hover {}
a:active {
	/*color: #999;*/
	/*text-decoration: none;*/
}
/*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;
}

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

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

/* ブロック要素、インライン要素
================================*/
.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-ZenMaruGo {
	font-family: "Zen Maru Gothic", serif;
}
.ff-JosefinSlab {
	font-family: "Josefin Slab", 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-fff {
	color: #fff!important;
	vertical-align: baseline;
}
.fc-333 {
	color: #333!important;
	vertical-align: baseline;
}
.fc-7ba256 {
	color: #7ba256!important;
	vertical-align: baseline;
}
.fc-f2a5ab {
	color: #f2a5ab!important;
	vertical-align: baseline;
}
.fc-87bac3 {
	color: #87bac3!important;
	vertical-align: baseline;
}
.fc-e78315 {
	color: #e78315!important;
	vertical-align: baseline;
}
.fc-78400a {
	color: #78400a!important;
	vertical-align: baseline;
}

/* 注釈、脚注
================================*/
.kome {
	padding-left: 1em;
	text-indent: -1em;
}
.footnote {
	display: flex;
	justify-content: flex-start;
	align-items: stretch;
	gap: 0.5em;
	text-align: left;
}
.footnote_head {
	min-width: 1.5em;
}
.footnote_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 {}
.bnr_link {
	display: block;
	width: fit-content;
	margin-inline: auto;
	transition: 0.3s;
}
.bnr_item a:hover {
	filter: brightness(110%);
}

/* リンクボタン
================================*/
.link_btn {
	position: relative;
	z-index: 1;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 1rem;
	cursor: pointer;
	width: fit-content;
	min-width: 18rem;
	margin: auto;
	padding: 0.7rem 1.8rem 0.9rem;
	background: linear-gradient(to right,#f2a5ab 0,#fac5b6 100%);
	border-radius: 30px;
}
.link_btn::before {
	opacity: 0;
	transition: 1s;
	position: absolute;
	z-index: -1;
	content: "";
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(to left,#f2a5ab 0,#fac5b6 100%);
	border-radius: 30px;
}
.link_btn_text {
	position: relative;
	z-index: 1;
	transition: padding 0.6s;
	display: inline-block;
	padding-right: 2.2rem;
	font-size: 1.6rem;
	text-align: center;
	line-height: 1.6;
	color: #fff;
}
.link_btn_text::after {
	position: absolute;
	z-index: 1;
	content: "";
	right: 0;
	top: calc(50% + 0.1rem);
	transform: translateY(-50%);
	width: 0.8rem;
	height: 1rem;
	background: #fff;
	clip-path: polygon(12% 0, 100% 44%, 100% 56%, 12% 100%, 0 88%, 0 12%);
}
/*hover*/
.link_btn:hover::before {
	opacity: 1;
}
.link_btn:hover .link_btn_text {
	padding-left: 0.6rem;
	padding-right: 1.6rem;
}
/*nolink*/
.link_btn.-nolink {}

/*================================
ヘッダー
================================*/
.seo-message_wrapper {
	position: absolute;
	z-index: 10;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 100%;
	max-width: calc(1200px + 14rem);
	padding-top: 1rem;
	padding-left: 7rem;
	padding-right: 7rem;
}
.seo-message {
	font-size: 1.4rem;
	text-align: left;
	line-height: 1.4;
}
.header {}
.header .inner {
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	max-width: calc(1200px + 14rem);
	padding-top: 1rem;
	padding-bottom: 1rem;
}
/*------------------------------*/
.hd_area01 {
	padding-top: calc(1.4rem*1.4 + 1rem);
}
.hd_logo {
	max-width: 250px;
}
.hd_logo_img {}
/*------------------------------*/
.hd_area02 {}
.hd_tel {}
.hd_tel_text {
	font-size: 1.6rem;
	font-weight: 500;
	line-height: 1.6;
	color: #f2a5ab;
}
.hd_tel_number {
	line-height: 1;
}
.hd_tel_link {
	display: inline-block;
	padding-left: 1em;
	background-image: url(../img/tel_icon01.png);
	background-position: top 0.06em left;
	background-size: 0.75em auto;
	background-repeat: no-repeat;
	font-family: "Josefin Slab", serif;
	font-optical-sizing: auto;
	font-weight: 600;
	font-size: 3.6rem;
	color: #f2a5ab;
}
.hd_address {
	font-size: 1.4rem;
	line-height: 1.6;
}

/*固定タブ（右側）
================================*/
.side_fix {
	position: fixed;
	z-index: 20;
	top: 18rem;
	right: 0;
	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;
}
.side_tab:hover {
	top: -0.5rem;
}
.side_link {}

/*================================
グローバルナビ
================================*/
.gnav {
	height: 9.6rem;
	background: url(../img/pattern01.jpg)top center;
}
.gnav_content {
	position: relative;
	z-index: 10;
	top: 0;
	left: 0;
	width: 100%;
}
.gnav .inner {
	display: flex;
	justify-content: center;
	align-items: center;
	max-width: calc(1000px + 14rem);
	height: 9.6rem;
	padding-top: 2rem;
	padding-bottom: 2rem;
}

.menu_lists {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
}
.menu_item {
	position: relative;
	z-index: 1;
	width: 100%;
}
.menu_link {
	display: block;
	transition: top .3s;
	position: relative;
	z-index: 1;
	top: 0;
	width: fit-content;
	margin: auto;
	padding-top: 3.5rem;
	background-position: top center;
	background-size: 4rem auto;
	background-repeat: no-repeat;
}
.menu_link:hover {
	top: -0.5rem;
}
.menu_link.-icon01 {
	background-image: url(../img/nav_icon01.png);
}
.menu_link.-icon02 {
	background-image: url(../img/nav_icon02.png);
}
.menu_link.-icon03 {
	background-image: url(../img/nav_icon03.png);
}
.menu_link.-icon04 {
	background-image: url(../img/nav_icon04.png);
}
.menu_link.-icon05 {
	background-image: url(../img/nav_icon05.png);
}
.menu_link_jp {
	/*font-size: 1.8rem;*/
	text-align: center;
	line-height: 1.5;
	color: #333;
}
/*no link*/
.menu_link.-nolink {
	opacity: 0.4!important;
	margin-top: 0!important;
}
.menu_link.-nolink:hover {
	top: 0;
}

/* サブメニュー
-------------------------------*/
.sub_menu_lists {
	display: flex;
	justify-content: flex-start;
	align-items: stretch;
	flex-flow: row wrap;
	gap: 0 2rem;
	visibility: hidden;
	opacity: 0;
	position: absolute;
	z-index: 1;
	left: 50%;
	bottom: -10px;
	transform: translate(-50%,calc(100% - 20px));
	width: 40rem;
	padding: 10px 10px;
	background: #fff;
	border-radius: 1rem;
	transition: .3s;
	box-shadow: 0 0 20px 0 rgba(0,0,0,0.1);
}
/*ホバーでサブメニュー表示*/
.menu_item:hover .sub_menu_lists {
	visibility: visible;
	opacity: 1;
	transform: translate(-50%,calc(100% + 0px));
}
.sub_menu_item {
	position: relative;
	transition: .4s;
	width: calc(100%/2 - 1rem);
	opacity: 0.5;
}
.sub_menu_link {
	display: block;
	padding: 1rem 0;
	font-size: 1.8rem;
	text-align: center;
	line-height: 1.6;
	color: #333;
}

/*-------------------------------
グローバルナビ（固定時）
-------------------------------*/
.gnav_content.fixed {
	position: fixed;
	box-shadow: 0 0 20px 0 rgba(0,0,0,0.2);
	background: url(../img/pattern01.jpg)top center;
	animation: gnav_content-fixed 1s 0s ease both;
}
@keyframes gnav_content-fixed {
	from {
		transform: translateY(-100%);
	}
	to {
		transform: translateY(0);
	}
}
.gnav_content.fixed .inner {
	height: auto;
}
.gnav_content.fixed .menu_link {
	padding-top: 0;
	background: none;
}

/*================================
メインコンテンツ
================================*/
.main {
	background: url(../img/pattern01.jpg)top center;
}

/*================================
フッター
================================*/
.footer {}
.ft_info {
	background-image:
		url(../img/ft_leaves_L.png),
		url(../img/ft_leaves_R.png),
		url(../img/bottom_flower02.png),
		url(../img/ft_info_bg.jpg);
	background-position:
		top left,
		top right,
		center bottom,
		center;
	background-size: 23.3rem auto,24.2rem auto,33.2rem auto,cover;
	background-repeat: no-repeat,no-repeat,repeat-x,no-repeat;
}
.ft_info .inner {
	max-width: calc(1000px + 14rem);
	padding-top: 10rem;
	padding-bottom: 10rem;
}
.ft_info .deco01 {
	position: relative;
	z-index: 1;
}
.ft_info .deco01::before {
	position: absolute;
	z-index: -1;
	content: "";
	background: url(../img/ft_info_deco01.png)center/contain no-repeat;
	width: 23.4rem;
	height: 10rem;
	left: 0;
	top: 27.5rem;
	transform: translateX(-77%);
}

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

/*ロゴ
------------------------*/
.ft_logo {
	max-width: 344px;
	margin: 0 auto;
}
.ft_logo_img {
}

/*電話
------------------------*/
.ft_tel {
	max-width: 44rem;
	margin: auto;
	padding-bottom: 2rem;
	background-image: radial-gradient(circle, #fff 2px, transparent 2px);
	background-position: left bottom;
	background-repeat: repeat-x;
	background-size: 12px 4px;
}
.ft_tel_text {
	max-width: 25rem;
	margin: auto;
	background: #f2a5ab;
	border-radius: 20px;
	font-size: 1.6rem;
	line-height: 1.6;
	text-align: center;
	color: #fff;
}
.ft_tel_number {
	line-height: 1;
	text-align: center;
}
.ft_tel_link {
	display: inline-block;
	padding-left: 1em;
	background-image: url(../img/tel_icon02.png);
	background-position: top 0.06em left;
	background-size: 0.75em auto;
	background-repeat: no-repeat;
	font-family: "Josefin Slab", serif;
	font-optical-sizing: auto;
	font-weight: 600;
	font-size: 3.6rem;
	color: #fff;
}

/*住所
------------------------*/
.ft_address {
	font-size: 1.8rem;
	text-align: center;
	line-height: 1.6;
	color: #fff;
}

/* アクセス
------------------------*/
.ft_access {
	text-align: center;
}
.ft_access_ul {
	display: inline-block;
}
.ft_access_li {
	font-size: 1.8rem;
	text-align: left;
	line-height: 1.6;
	color: #fff;
}

/* リンク
------------------------*/
.ft_link {
	text-align: center;
}

/* 診療時間
------------------------*/
.ft_schedule {
	max-width: 44rem;
	margin: auto;
	padding: 2rem 3rem;
	background: #fff;
	border-radius: 10px;
}
.ft_time-table {
	margin-bottom: 1rem;
}
.ft_time-table .time {}
.ft_time-table .day {
	width: 9.7%;
}
.ft_time-table thead th {
	padding: 6px 5px;
	border-bottom: 1px solid #7ba256;
	font-size: 1.6rem;
	font-weight: 500;
	text-align: center;
	line-height: 1.4;
	vertical-align: middle;
	color: #7ba256;
}
.ft_time-table tbody th {
	padding: 6px 5px;
	border-bottom: 1px solid #7ba256;
	font-size: 1.6rem;
	font-weight: 500;
	text-align: center;
	line-height: 1.4;
	vertical-align: middle;
	color: #78400a;
}
.ft_time-table tbody td {
	padding: 6px 5px;
	border-bottom: 1px solid #7ba256;
	font-size: 1.6rem;
	font-weight: 500;
	text-align: center;
	line-height: 1.4;
	vertical-align: middle;
	color: #78400a;
}
.ft_time-table .time_text {
	position: relative;
	z-index: 1;
}
.ft_time-table .time_text::before {
	position: absolute;
	z-index: -1;
	content: "";
	left: -3.4em;
	top: -0.4em;
	background: url(../img/heading_deco01.png)center/contain no-repeat;
	width: 4.5rem;
	height: 2.8rem;
}
.ft_time-table .am {
	padding-left: 0.5em;
}
.ft_time-table .pm {}

.ft_time-table_info {
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	gap: 0 2rem;
	flex-flow: row wrap;
	font-size: 1.6rem;
	font-weight: 500;
	text-align: left;
	line-height: 1.4;
	color: #78400a;
}
.ft_time-table_info .text01 {}
.ft_time-table_info .holyday {
	margin-right: 1rem;
	padding: 0 0.8rem;
	background: #f2a5ab;
	border-radius: 4px;
	text-align: center;
	color: #fff;
}

/* カレンダー
------------------------*/
.ft_calendar {}
.ft_calendar iframe {
	aspect-ratio: 1/1;
}

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

/* 地域情報
------------------------*/
.ft_areainfo {}
.ft_areainfo .inner {
	max-width: calc(1000px + 14rem);
	padding-top: 4rem;
	padding-bottom: 6rem;
}
.ft_areainfo_title {
	margin-bottom: 2rem;
	font-weight: 500;
	text-align: center;
	color: #78400a;
}
.ft_areainfo_text {
	width: fit-content;
	margin-inline: auto;
	font-size: 1.6rem;
}

/* コピーライト表記
------------------------*/
.copyright {
	padding: 0.6rem 7rem;
	background: #f2a5ab;
	font-family: "Josefin Slab", serif;
	font-optical-sizing: auto;
	font-weight: 600;
	font-size: 1.4rem;
	line-height: 1.4;
	text-align: center;
	color: #fff;
}

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


.pointer_list_wrap {
    padding: 20px;
}

.pointer_list {
    display: inline-block;
    text-align: left;
}

.pointer_list li:last-of-type {
    margin-bottom: 0;
}
.pointer_list li {
    position: relative;
    padding-left: 24px;
    margin-bottom: 8px;
    letter-spacing: 0.6px;
}

.pointer_list li::before {
    content: "・";
    position: absolute;
    font-size: 24px;
    left: 0;
    top: 7px;
    line-height: 1;
    color: var(--theme-color02);
}


.junbi {
    position: relative;
}

.junbi::before {
    content: "準備中";
    background-color: #ddebc6;
    color: #333;
    font-size: 2rem;
    display: grid;
    justify-content: center;
    align-items: center;
    position: absolute;
    width: 100%;
    height: 100%;
}


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


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

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

	/* リンクボタン
	================================*/
	.link_btn {}
	.link_btn_text {}
	/*nolink*/
	.link_btn.-nolink {}

	/*================================
	ヘッダー
	================================*/
	.seo-message_wrapper {}
	.seo-message {}
	.header {}
	.header .inner {}
	/*------------------------------*/
	.hd_area01 {}
	.hd_logo {}
	.hd_logo_img {}
	/*------------------------------*/
	.hd_area02 {}
	.hd_tel {}
	.hd_tel_text {}
	.hd_tel_number {}
	.hd_tel_link {}
	.hd_address {}

	/*固定タブ（右側）
	================================*/
	.side_fix {}
	.side_tab {}
	.side_link {}
	/*WEB予約*/
	.side_tab.-rsv {
		width: 12rem;
	}

	/*================================
	グローバルナビ
	================================*/
	.gnav {}
	.gnav_content {}
	.gnav .inner {}
	.menu_lists {}
	.menu_item {}
	.menu_link {}
	.menu_link_jp {}
	/*no link*/
	.menu_link.-nolink {}

	/* サブメニュー
	-------------------------------*/
	.sub_menu_lists {}
	.sub_menu_item {}
	.sub_menu_link {}

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

	/*================================
	フッター
	================================*/
	.footer {}
	.ft_info {}
	.ft_info .inner {}
	.ft_info .deco01 {}
	.ft_info .deco01::before {}

	/*ft_fl
	------------------------*/
	.ft_fl {}
	.ft_fl_item {}

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

	/*電話
	------------------------*/
	.ft_tel {}
	.ft_tel_text {}
	.ft_tel_number {}
	.ft_tel_link {}

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

	/* アクセス
	------------------------*/
	.ft_access {}
	.ft_access_ul {}
	.ft_access_li {}

	/* リンク
	------------------------*/
	.ft_link {}

	/* 診療時間
	------------------------*/
	.ft_schedule {}
	.ft_time-table {}
	.ft_time-table .time {}
	.ft_time-table .day {}
	.ft_time-table thead th {}
	.ft_time-table tbody th {}
	.ft_time-table tbody td {}
	.ft_time-table .time_text {}
	.ft_time-table .time_text::before {}
	.ft_time-table .am {}
	.ft_time-table .pm {}

	.ft_time-table_info {}
	.ft_time-table_info .text01 {}
	.ft_time-table_info .holyday {}

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

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

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

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

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

}


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

	/* 画面下固定タブ
	================================*/
	.bottom_fix {
		display: flex;
		position: fixed;
		z-index: 8;
		left: 0;
		bottom: 0;
		width: 100%;
		box-shadow: 0 0 10px rgba(0,0,0,0.2);
		/*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_text {
		padding-left: 1.8em;
		padding-top: 0.15em;
		background-position: left top 0.2em;
		background-size: 1.25em auto;
		background-repeat: no-repeat;
		min-height: calc(2.4rem*1.4);
		font-size: 2.4rem;
		font-weight: 500;
		line-height: 1.4;
		color: #fff;
	}
	/*tel*/
	.bottom_tab.-tel {
		width: 50%;
		background: #f2a5ab;
	}
	.bottom_tab.-tel .bottom_text {
		background-image: url(../img/tel_icon02.png);
        background-position: left center;
        font-size: 18px;
        line-height: 1;
	}
	/*rsv*/
	.bottom_tab.-rsv {
		width: 50%;
		background: #b49668;
	}
	.bottom_tab.-rsv .bottom_text {
		padding: 0;
	}
	/*nolink*/
	.bottom_tab.-nolink {
		background: #ccc;
	}
	/*------------------------------*/

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

	/* リンクボタン
	================================*/
	.link_btn {}
	.link_btn_text {}
	/*nolink*/
	.link_btn.-nolink {}

	/*================================
	ヘッダー
	================================*/
	.seo-message_wrapper {
		padding-left: 40px;
		padding-right: 80px;
	}
	.seo-message {}
	.header {}
	.header .inner {
		padding-right: 80px;
	}
	/*------------------------------*/
	.hd_area01 {}
	.hd_logo {}
	.hd_logo_img {}
	/*------------------------------*/
	.hd_area02 {}
	.hd_tel {}
	.hd_tel_text {}
	.hd_tel_number {}
	.hd_tel_link {}
	.hd_address {}

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

	/*================================
	グローバルナビ
	================================*/
	.gnav {}
	.gnav_content {}
	.gnav .inner {}
	.menu_lists {}
	.menu_item {}
	.menu_link {}
	.menu_link_jp {}
	/*no link*/
	.menu_link.-nolink {}

	/* サブメニュー
	-------------------------------*/
	.sub_menu_lists {}
	.sub_menu_item {}
	.sub_menu_link {}

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

	/*================================
	フッター
	================================*/
	.footer {}
	.ft_info {}
	.ft_info .inner {}
	.ft_info .deco01 {}
	.ft_info .deco01::before {
		width: 160px;
		transform: none;
	}

	/*ft_fl
	------------------------*/
	.ft_fl {
		flex-direction: column;
	}
	.ft_fl_item {
		width: 100%;
	}

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

	/*電話
	------------------------*/
	.ft_tel {}
	.ft_tel_text {}
	.ft_tel_number {}
	.ft_tel_link {}

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

	/* アクセス
	------------------------*/
	.ft_access {}
	.ft_access_ul {}
	.ft_access_li {}

	/* リンク
	------------------------*/
	.ft_link {}

	/* 診療時間
	------------------------*/
	.ft_schedule {}
	.ft_time-table {}
	.ft_time-table .time {}
	.ft_time-table .day {}
	.ft_time-table thead th {}
	.ft_time-table tbody th {}
	.ft_time-table tbody td {}
	.ft_time-table .time_text {}
	.ft_time-table .time_text::before {}
	.ft_time-table .am {}
	.ft_time-table .pm {}

	.ft_time-table_info {}
	.ft_time-table_info .text01 {}
	.ft_time-table_info .holyday {}

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

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

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

	/* コピーライト表記
	------------------------*/
	.copyright {
		padding: 0.6rem 7rem 60px;
	}

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



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


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

	/* リンクボタン
	================================*/
	.link_btn {}
	.link_btn_text {}
	/*nolink*/
	.link_btn.-nolink {}

	/*================================
	ヘッダー
	================================*/
	.seo-message_wrapper {}
	.seo-message {}
	.header {}
	.header .inner {
		height: 70px;
		align-items: center;
	}
	/*------------------------------*/
	.hd_area01 {
		padding-top: 0;
	}
	.hd_logo {}
	.hd_logo_img {
		width: 172px;
	}
	/*------------------------------*/
	.hd_area02 {}
	.hd_tel {}
	.hd_tel_text {}
	.hd_tel_number {}
	.hd_tel_link {}
	.hd_address {}

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

	/*================================
	グローバルナビ
	================================*/
	.gnav {}
	.gnav_content {}
	.gnav .inner {}
	.menu_lists {}
	.menu_item {}
	.menu_link {}
	.menu_link_jp {}
	/*no link*/
	.menu_link.-nolink {}

	/* サブメニュー
	-------------------------------*/
	.sub_menu_lists {}
	.sub_menu_item {}
	.sub_menu_link {}

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

	/*================================
	フッター
	================================*/
	.footer {}
	.ft_info {
		background-size: 40% auto,40% auto,33.2rem auto,cover;
	}
	.ft_info .inner {}
	.ft_info .deco01 {}
	.ft_info .deco01::before {
		left: -80px;
        top: 18%;
	}

	/*ft_fl
	------------------------*/
	.ft_fl {}
	.ft_fl_item {}

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

	/*電話
	------------------------*/
	.ft_tel {}
	.ft_tel_text {}
	.ft_tel_number {}
	.ft_tel_link {}

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

	/* アクセス
	------------------------*/
	.ft_access {}
	.ft_access_ul {}
	.ft_access_li {}

	/* リンク
	------------------------*/
	.ft_link {}

	/* 診療時間
	------------------------*/
	.ft_schedule {}
	.ft_time-table {}
	.ft_time-table .time {}
	.ft_time-table .day {}
	.ft_time-table thead th {}
	.ft_time-table tbody th {}
	.ft_time-table tbody td {}
	.ft_time-table .time_text {}
	.ft_time-table .time_text::before {}
	.ft_time-table .am {}
	.ft_time-table .pm {}

	.ft_time-table_info {}
	.ft_time-table_info .text01 {}
	.ft_time-table_info .holyday {}

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

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

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

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

	/* ページTOPへ戻る
	------------------------*/
	.pagetop {
		right: 10px;
		width: 50px;
		height: 50px;
	}
	
	.pointer_list li::before {
		top: 4px;
	}
	
}