@charset "utf-8";

/*================================
ScrollTriggerのstart位置がずれる不具合の対策
==================================
cssのscroll-behaviorをsmoothにしていると
リロード時にScrollTrigger.jsのstart位置が
ずれてしまうことがあるのでこのページのみautoに設定します。
================================*/
html {
	scroll-behavior: auto;
}


/*------------------------------
font-weight設定について
--------------------------------
〇Noto Serif JP（日本語）
通常　　　：font-weight: 300;
見出しなど：font-weight: 400;
太字　　　：font-weight: 700;
--
〇Mrs Saint Delafield（英語）
font-weight: 400;
（他の太さは使用していません）
------------------------------*/


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


/*================================
共通パーツ
================================*/

/*-------------------------------
タイトル
-------------------------------*/
.sec_heading {
	display: flex;
	justify-content: flex-start;
	align-items: stretch;
	flex-direction: column;
	gap: 2rem;
}
.sec_hd_jp {
	font-size: 2.2rem;
	font-weight: 400;
	text-align: center;
	line-height: 1.6;
}
.sec_hd_en {
	font-family: "Mrs Saint Delafield", cursive;
	font-size: 7.4rem;
	font-weight: 400;
	text-align: center;
	line-height: 1.4;
	letter-spacing: 0;
	color: #7f7f7f;
	background-image: linear-gradient(180deg,#7f7f7f,#c8c8c8);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

/*================================
メインビジュアル
================================*/
.mv {}
/*-------------------------------
スライドエリア
-------------------------------*/
.mv-cont {
	position: relative;
	z-index: 1;
}
/* スライド
-------------------------------*/
.mv-slider {}
.swiper-wrapper {}
.mv_slogan {}
/*スライド画像
--------------------------------*/
.mv-slider .swiper-slide {
	position: relative;
	z-index: 1;
	width: 100%;
	max-height: 84vh;
	aspect-ratio: 1/0.531;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}
.mv-slide01 {
	background-image: url(img/mv_img01.jpg);
}
.mv-slide02 {
	background-image: url(img/mv_img02.jpg);
}
.mv-slide03 {
	background-image: url(img/mv_img03.jpg);
}
.mv-slide04 {
	background-image: url(img/mv_img04.jpg);
}
.mv-slide05 {
	background-image: url(img/mv_img05.jpg);
}

/* スライドカバー
-------------------------------*/
.mv-slider_cover01,
.mv-slider_cover02 {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 50%;
	translate: -50%;
	width: 100%;
	max-width: calc(1180px + 14rem);
	height: 100%;
	padding-left: 7rem;
	padding-right: 7rem;
}
.mv_catchcopy {
	position: absolute;
	z-index: 1;
	left: calc(7rem - 2.6rem);
	bottom: 6rem;
	width: 47%;
	max-width: 57.5rem;
}
.mv_featurers {
	position: absolute;
	z-index: 1;
	right: 7rem;
	bottom: 4rem;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 1rem;
}
.mv_featurers_item {
	width: 17rem;
	aspect-ratio: 1/1;
	border-radius: 100vmax;
	border: 5px solid #fff;
	box-shadow: 0 0 0 1px #818181 inset,0 0 0 4px #fff inset;
	display: flex;
	justify-content: center;
	align-items: center;
}
.mv_featurers_item.-type01 {
	background-color: #5f542d;
}
.mv_featurers_item.-type02 {
	background-color: #424c53;
}
.mv_featurers_txt {
	position: relative;
	z-index: 1;
	padding-bottom: 0.4em;
	font-size: 2.2rem;
	font-weight: 400;
	text-align: center;
	line-height: 1.6;
	color: #fff;
}
.mv_featurers_txt::before {
	position: absolute;
	z-index: 1;
	content: "";
	bottom: 0;
	left: 50%;
	translate: -50%;
	width: 4.5rem;
	height: 1px;
	background: #bebebe;
}
.mv_featurers_txt .small {
	font-size: 0.81em;
}
.mv_featurers_txt .num {
	font-size: 1.36em;
	line-height: calc(2.2rem*1.6);
}

/*モバイル検索のサムネイル画像対策
--------------------------------*/
.mv-cont .thumbnail_img {
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 200px;
	opacity: 0;
}

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

/*================================
お知らせ・バナーなど
================================*/
.topics {
	background: #dceef4;
}
.topics .inner {
	max-width: calc(1000px + 14rem);
	padding-top: 7rem;
	padding-bottom: 7rem;
}
.topics_frame {
	padding: 3rem;
	background: #fff;
	border: 6px solid #fff;
	box-shadow: 0 0 0 1px var(--theme-color02) inset;
}
.topics_title {
	margin-bottom: 2rem;
	font-size: 2.6rem;
	font-weight: 400;
	text-align: center;
	line-height: 1.6;
	color: #fff;
	color: var(--theme-color01);
}
.topics_txt_wrap {
	width: fit-content;
	margin-inline: auto;
}
.topics_txt {
	text-align: left;
}

/*================================
新着情報
================================*/
.news {
	background: var(--theme-color03);
}
.news .inner {
	max-width: calc(1000px + 14rem);
	padding-top: 4rem;
	padding-bottom: 4rem;
}
.news_cont {
	display: flex;
	justify-content: center;
	align-items: stretch;
	flex-flow: row wrap;
}
.news_heading {
	width: 28rem;
	padding-right: 4rem;
}
.news_hd_jp {
	font-size: 1.6rem;
	font-weight: 400;
	text-align: center;
	line-height: 1.6;
	color: #fff;
}
.news_hd_en {
	font-family: "Mrs Saint Delafield", cursive;
	font-size: 5.2rem;
	font-weight: 400;
	text-align: center;
	line-height: 1.6;
	letter-spacing: 0;
	color: #fff;
}
.news_hd_en:first-letter {
	color: var(--theme-color01);
}
.news_body {
	width: calc(100% - 28rem);
	padding-left: 4rem;
	border-left: 1px solid #584d44;
}
.news_scroll {
	overflow-y: scroll;
	margin-left: auto;
	margin-right: auto;
	min-height: 6rem;
	max-height: 14rem;
	padding-right: 20px;
}
.news_list {}
.news_list .date {
	font-size: 1.6rem;
	text-align: left;
	color: #fff;
}
.news_list .article {
	margin-bottom: 4rem;
	font-size: 1.6rem;
	text-align: left;
	color: #fff;
}
.news_list .article a {
	text-decoration: underline;
}

/*================================
気軽に通える歯医者さん
================================*/
.greeting {
	background: #fff;
}
.greeting .inner {
	max-width: calc(1366px + 14rem);
	padding-top: 4rem;
}
.greeting_bg {
	width: 100%;
	max-width: 1366px;
	aspect-ratio: 1/0.249;
	margin: -2rem auto 0;
	background-image: url(img/greeting_bg.jpg);
	background-position: center;
	background-size: cover;
}
.greeting_cont {
	position: relative;
	z-index: 1;
	max-width: 1000px;
	margin-inline: auto;
	padding: 4rem;
	border: 1rem solid rgba(255,255,255,0.9);
}
.greeting_cont::before {
	position: absolute;
	z-index: -1;
	content: "";
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(#fff 30%,#c8c8c8);
}
.greeting_cont::after {
	position: absolute;
	z-index: -1;
	content: "";
	left: 1px;
	top: 1px;
	width: calc(100% - 2px);
	height: calc(100% - 2px);
	background: #fff;
}
.greeting_lead {
	margin-bottom: 2rem;
	font-size: 3rem;
	font-weight: 400;
	text-align: center;
	line-height: 1.6;
}
.greeting_wrap {
	max-width: 78rem;
	margin-inline: auto;
}
.greeting_txt {
	font-size: 1.6rem;
}

/*================================
案内バナー
================================*/
.induction {
	background: #fff;
}
.induction .inner {
	max-width: calc(1180px + 14rem);
	padding-top: 7rem;
	padding-bottom: 7rem;
}
.shadow {
	box-shadow: 0.5rem 0.5rem 0.3rem rgba(0,0,0,0.3);
}

/*================================
当院の特長
================================*/
.feature {}
.feature .inner {
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 10rem;
}
.feature_group {
	width: calc(100%*3.6);
	max-width: calc(1200px*4 + 8rem*3);
	padding-left: 7rem;
	padding-right: 7rem;
	display: flex;
	justify-content: flex-start;
	align-items: stretch;
	gap: 8rem;
}
.feature_item {
	width: calc(100%/4 - 8rem*3/4);
	max-width: 1200px;
	display: flex;
	justify-content: center;
	/*align-items: stretch;*/
	align-items: center;
	flex-flow: row wrap;
	gap: 6rem 8rem;
}
.feature_area01 {
	width: 43.5rem;
}
.feature_area02 {
	width: calc(100% - (43.5rem + 8rem));
}
.feature_head {
	position: relative;
	z-index: 1;
	margin-bottom: 3rem;
	/*padding-top: calc(2.2rem*1.6 + 7.4rem*1.4 + 2rem);*/
}
.feature_heading {}
.feature_hd_num {
	font-size: 1.6rem;
	color: #c7c7c7;
	line-height: 1.6;
}
.feature_hd_num .current {
	font-size: 2rem;
	color: #333;
}
.feature_hd_jp {
	font-size: 3.4rem;
	font-weight: 400;
	text-align: left;
	line-height: 1.6;
}
.feature_hd_jp:first-letter {
	color: var(--theme-color01);
}
.feature_txt {}

/*================================
信頼できる治療を
================================*/
.care {
	background: var(--theme-color03);
	position: relative;
	z-index: 1;
}
.care_group {
	position: absolute;
	z-index: -1;
	top: 0;
	left: 50%;
	translate: -50%;
	width: 100%;
	height: 100%;
	max-height: 75rem;
	display: flex;
	justify-content: center;
	align-items: stretch;
}
.care_group::before {
	position: absolute;
	z-index: 1;
	content: "";
	top: 0;
	left: 50%;
	translate: -50%;
	width: 100%;
	height: 100%;
	background-image: url(img/care_bg_deco.png);
	background-position: top center;
	background-size: 192rem auto;
}
.care_group_item {
	width: 50%;
}
.care_group_item.-img01 {
	background-image: url(img/care_img01.jpg?02);
	background-position: right top;
}
.care_group_item.-img02 {
	background-image: url(img/care_img02.jpg?03);
	background-position: left top;
}
.care .inner {
	max-width: calc(1000px + 14rem);
	padding-top: 6rem;
	padding-bottom: 9rem;
}
.care_heading {
	margin-bottom: 3rem;
	font-family: "Mrs Saint Delafield", cursive;
	font-size: 10.4rem;
	font-weight: 400;
	text-align: center;
	line-height: 1;
	letter-spacing: 0;
	color: #445847;
}
.care_lead {
	margin-bottom: 3rem;
	font-size: 3.4rem;
	font-weight: 400;
	text-align: center;
	color: #fff;
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-decoration-color: #fff;
	text-underline-offset: 0.4em;
	text-decoration-skip-ink: none;
}
.care_txt {
	font-weight: 400;
	text-align: center;
	color: #fff;
	word-break: keep-all;
}

/*================================
診療内容
================================*/
.servics {
	background: url(img/servics_bg_img.jpg)center/cover no-repeat;
}
.servics .inner {
	max-width: calc(1060px + 14rem);
	padding-top: 6rem;
	padding-bottom: 10rem;
}
.services_group {
	display: flex;
	justify-content: center;
	align-items: stretch;
	flex-flow: row wrap;
	gap: 3rem 1.5rem;
}
.services_item {
	position: relative;
	z-index: 1;
	width: calc(100%/4 - 1.5rem*3/4);
	background-color: #fff;
	transition: border-radius 0.4s;
}
.services_item:hover {
	border-radius: 2rem;
}
.services_link {
	position: relative;
	z-index: 1;
	transition: 0.4s;
	width: 100%;
	height: 17rem;
	padding: 7.2rem 0 2rem;
	display: flex;
	justify-content: flex-start;
	align-items: stretch;
	flex-direction: column;
	background-position: top 1.4rem center;
	background-size: 6rem auto;
}
.services_link:hover {
	scale: 0.9;
}
.services_link::before {
	position: absolute;
	z-index: 1;
	content: "";
	bottom: 2rem;
	left: 0;
	width: 100%;
	height: 0.5rem;
	background: url(img/services_arrow.png)center/contain no-repeat;
}
.services_name {}
.services_name_jp {
	margin-bottom: 1rem;
	font-size: 1.8rem;
	font-weight: 400;
	text-align: center;
	line-height: 1.4;
	color: #333;
}
.services_name_en {
	font-size: 1.3rem;
	font-weight: 400;
	text-align: center;
	line-height: 1.4;
	color: var(--theme-color01);
}
/*アイコン*/
/*-----------------------------*/
.services_link.-icon01 {
	background-image: url(img/services_icon01.png);
}
.services_link.-icon02 {
	background-image: url(img/services_icon02.png);
}
.services_link.-icon03 {
	background-image: url(img/services_icon03.png);
}
.services_link.-icon04 {
	background-image: url(img/services_icon04.png);
}
.services_link.-icon05 {
	background-image: url(img/services_icon05.png);
}
.services_link.-icon06 {
	background-image: url(img/services_icon06.png);
}
.services_link.-icon07 {
	background-image: url(img/services_icon07.png);
}
.services_link.-icon08 {
	background-image: url(img/services_icon08.png);
}
.services_link.-icon09 {
	background-image: url(img/services_icon09.png);
}
.services_link.-icon10 {
	background-image: url(img/services_icon10.png);
}
.services_link.-icon11 {
	background-image: url(img/services_icon11.png);
}
/*nolink*/
.services_item.-nolink {
	position: relative;
	z-index: 1;
}
.services_item.-nolink::before {
	position: absolute;
	z-index: 2;
	content: "準備中";
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(234, 234, 234, 0.82);
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 2.6rem;
	font-weight: 400;
	text-align: center;
	line-height: 1.6;
}
.services_item.-nolink:hover {
	border-radius: 0;
}
.services_item.-nolink .services_link:hover {
	scale: 1;
}

/*-------------------------------
施設基準
-------------------------------*/
.criteria {
	max-width: 700px;
	margin-inline: auto;
	min-height: 20rem;
	padding: 3rem;
	background: #fff;
	border: 4px solid #fff;
	border-radius: 4px;
	box-shadow: 0 0 0 3px #d2d2d2 inset;
}
.criteria_heading {
	position: relative;
	z-index: 1;
	margin-bottom: 2rem;
	padding-bottom: 2rem;
	font-size: 2.4rem;
	font-weight: 400;
	text-align: center;
	line-height: 1.6;
	color: #446d4a;
}
.criteria_heading::before {
	position: absolute;
	z-index: 1;
	content: "";
	bottom: 0;
	left: 50%;
	translate: -50%;
	width: 100%;
	max-width: 45rem;
	height: 1px;
	background: linear-gradient(to right,rgba(255,255,255,0),#445847,rgba(255,255,255,0))
}
.criteria .folding {}
.criteria .folding_switch {
	margin-inline: auto;
}
.criteria .folding_detail {
	overflow: hidden;
	transition-duration: 0.6s;
	transform-origin: top;
	transform: scaleY(0);
	height: 0;
	opacity: 0;
}
.criteria .folding_switch.open {}
.criteria .folding_detail.open {
	transform: scaleY(1);
	height: auto;
	opacity: 1;
	margin-top: 4rem;
}
.criteria_frame01 {
	padding: 3rem;
	background: #f8f8f8;
}
.criteria_txt {
	font-size: 1.6rem;
}
.criteria_ul01 {}
.criteria_ul01 li {
	padding-left: 1em;
	text-indent: -1em;
	line-height: 1.6;
}
.criteria_ul01 li:not(:last-child) {
	margin-bottom: 0.4em;
}

/*-------------------------------
フォトギャラリー（スクロール）
-------------------------------*/
.photo-gallery {
	padding-top: 4rem;
	padding-bottom: 10rem;
	background: #f9f8f8;
}
.photo-gallery_cont {
	display: flex;
	justify-content: flex-start;
}
.photo-gallery_list {
	display: flex;
	justify-content: flex-start;
	gap: 0 5rem;
	padding-right: 5rem;
}
.photo-gallery_list-item {
	width: 45rem;
	aspect-ratio: 1/0.52;
	background-position: center;
	background-size: cover;
}
/*画像*/
/*------------------------------*/
.photo-gallery_list-item.-pic01 {
	background-image: url(img/photo-gallery_pic01.jpg?02);
}
.photo-gallery_list-item.-pic02 {
	background-image: url(img/photo-gallery_pic02.jpg);
}
.photo-gallery_list-item.-pic03 {
	background-image: url(img/photo-gallery_pic03.jpg);
}
.photo-gallery_list-item.-pic04 {
	background-image: url(img/photo-gallery_pic04.jpg);
}
/*アニメーション設定*/
/*------------------------------*/
.photo-gallery_list:first-child {
	animation: loop01 160s -80s linear infinite;
}
.photo-gallery_list:nth-child(2) {
	animation: loop02 160s linear infinite;
}
/*loop01*/
/*------------------------------*/
@keyframes loop01 {
	0% {
		transform: translateX(100%);
	}
	to {
		transform: translateX(-100%);
	}
}
/*loop02*/
/*------------------------------*/
@keyframes loop02 {
	0% {
		transform: translateX(0);
	}
	to {
		transform: translateX(-200%);
	}
}


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


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

	/*================================
	当院の特長
	================================*/
	.feature {}
	.feature .inner {
		padding-left: 7rem;
		padding-right: 7rem;
	}
	.feature_group {
		flex-direction: column;
		width: 100%;
		padding-left: 0;
		padding-right: 0;
	}
	.feature_item {
		width: 100%;
	}
	.feature_area01 {}
	.feature_area02 {}
	.feature_head {}
	.feature_heading {}
	.feature_hd_num {}
	.feature_hd_num .current {}
	.feature_hd_jp {}
	.feature_txt {}

	/*================================
	信頼できる治療を
	================================*/
	.care {}
	.care_group {}
	.care_group::before {}
	.care_group_item {
		background-size: auto 80%;
	}
	.care_group_item.-img01 {}
	.care_group_item.-img02 {}
	.care .inner {}
	.care_heading {}
	.care_lead {}
	.care_txt {}
	
}


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

	/*================================
	共通パーツ
	================================*/

	/*-------------------------------
	タイトル
	-------------------------------*/
	.sec_heading {}
	.sec_hd_jp {}
	.sec_hd_en {}

	/*================================
	メインビジュアル
	================================*/
	.mv {}
	/*-------------------------------
	スライドエリア
	-------------------------------*/
	.mv-cont {}
	/* スライド
	-------------------------------*/
	.mv-slider {}
	.swiper-wrapper {}
	.mv_slogan {}
	/*スライド画像
	--------------------------------*/
	.mv-slider .swiper-slide {}

	/* スライドカバー
	-------------------------------*/
	.mv-slider_cover01,
	.mv-slider_cover02 {
		padding-left: 20px;
		padding-right: 20px;
	}
	.mv_catchcopy {
		left: calc(20px - 2.6rem);
		width: 40%;
		bottom: 40px;
	}
	.mv_featurers {
		right: 20px;
		bottom: 20px;
	}
	.mv_featurers_item {
		width: 110px;
		border: 3px solid #fff;
		box-shadow: 0 0 0 1px #818181 inset,0 0 0 3px #fff inset;
	}
	.mv_featurers_txt {
		font-size: 1.8rem;
	}
	.mv_featurers_txt::before {}
	.mv_featurers_txt .small {}
	.mv_featurers_txt .num {
		line-height: calc(1.8rem*1.6);
	}

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

	/*================================
	お知らせ・バナーなど
	================================*/
	.topics {}
	.topics .inner {}
	.topics_frame {}
	.topics_title {}
	.topics_txt_wrap {}
	.topics_txt {}

	/*================================
	新着情報
	================================*/
	.news {}
	.news .inner {}
	.news_cont {}
	.news_heading {}
	.news_hd_jp {}
	.news_hd_en {}
	.news_body {}
	.news_scroll {}
	.news_list {}
	.news_list .date {}
	.news_list .article {}
	.news_list .article a {}

	/*================================
	気軽に通える歯医者さん
	================================*/
	.greeting {}
	.greeting .inner {}
	.greeting_bg {}
	.greeting_cont {}
	.greeting_cont::before {}
	.greeting_cont::after {}
	.greeting_lead {}
	.greeting_wrap {}
	.greeting_txt {}

	/*================================
	案内バナー
	================================*/
	.induction {}
	.induction .inner {}
	.shadow {}

	/*================================
	当院の特長
	================================*/
	.feature {}
	.feature .inner {
		padding-left: 40px;
		padding-right: 40px;
	}
	.feature_group {}
	.feature_item {
		width: 100%;
	}
	.feature_area01 {
		width: 50%;
	}
	.feature_area02 {
		width: 100%;
	}
	.feature_head {}
	.feature_heading {}
	.feature_hd_num {}
	.feature_hd_num .current {}
	.feature_hd_jp {}
	.feature_txt {}

	/*================================
	信頼できる治療を
	================================*/
	.care {}
	.care_group {}
	.care_group::before {}
	.care_group_item {
		background-size: auto 66%;
	}
	.care_group_item.-img01 {}
	.care_group_item.-img02 {}
	.care .inner {}
	.care_heading {}
	.care_lead {}
	.care_txt {}

	/*================================
	診療内容
	================================*/
	.servics {}
	.servics .inner {}
	.services_group {}
	.services_item {}
	.services_link {}
	.services_link::before {}
	.services_name {}
	.services_name_jp {}
	.services_name_en {}

	/*-------------------------------
	施設基準
	-------------------------------*/
	.criteria {}
	.criteria_heading {}
	.criteria_heading::before {}
	.criteria .folding {}
	.criteria .folding_switch {}
	.criteria .folding_detail {}
	.criteria .folding_switch.open {}
	.criteria .folding_detail.open {}
	.criteria_frame01 {}
	.criteria_txt {}
	.criteria_ul01 {}
	.criteria_ul01 li {}
	.criteria_ul01 li:not(:last-child) {}

	/*-------------------------------
	フォトギャラリー（スクロール）
	-------------------------------*/
	.photo-gallery {}
	.photo-gallery_cont {}
	.photo-gallery_list {}
	.photo-gallery_list-item {}
	
}


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

	/*================================
	共通パーツ
	================================*/

	/*-------------------------------
	タイトル
	-------------------------------*/
	.sec_heading {
		gap: 1rem;
	}
	.sec_hd_jp {}
	.sec_hd_en {
		font-size: 6rem;
	}

	/*================================
	メインビジュアル
	================================*/
	.mv {}
	/*-------------------------------
	スライドエリア
	-------------------------------*/
	.mv-cont {}
	/* スライド
	-------------------------------*/
	.mv-slider {}
	.swiper-wrapper {}
	.mv_slogan {}
	/*スライド画像
	--------------------------------*/
	.mv-slider .swiper-slide {
		/*aspect-ratio: 1/0.8;*/
		aspect-ratio: 1/1.16;
	}

	/* スライドカバー
	-------------------------------*/
	.mv-slider_cover01 {
		height: auto;
		aspect-ratio: 1/0.8;
	}
	.mv-slider_cover02 {
		/*
		position: static;
		translate: none;
		padding: 10px 20px 10px;
		background: #fff;
		*/
	}
	.mv_catchcopy {
		width: 66%;
		bottom: 10px;
	}
	.mv_featurers {
		/*position: static;*/
		bottom: 10px;
		right: 20px;
	}
	.mv_featurers_item {
		width: 100px;
	}
	.mv_featurers_txt {
		font-size: 1.6rem;
	}
	.mv_featurers_txt::before {}
	.mv_featurers_txt .small {}
	.mv_featurers_txt .num {}

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

	/*================================
	お知らせ・バナーなど
	================================*/
	.topics {}
	.topics .inner {}
	.topics_frame {}
	.topics_title {}
	.topics_txt_wrap {}
	.topics_txt {}

	/*================================
	新着情報
	================================*/
	.news {}
	.news .inner {}
	.news_cont {}
	.news_heading {
		width: 100%;
		padding-right: 0;
		padding-bottom: 20px;
	}
	.news_hd_jp {}
	.news_hd_en {}
	.news_body {
		width: 100%;
		padding-left: 0;
		border-left: none;
	}
	.news_scroll {
		max-height: 200px;
		padding-right: 0;
	}
	.news_list {}
	.news_list .date {}
	.news_list .article {}
	.news_list .article a {}

	/*================================
	気軽に通える歯医者さん
	================================*/
	.greeting {}
	.greeting .inner {}
	.greeting_bg {
		aspect-ratio: 1/0.4;
		background-image: url(img/greeting_bg_sp.jpg);
	}
	.greeting_cont {
		padding: 20px;
		border-width: 6px;
	}
	.greeting_cont::before {}
	.greeting_cont::after {}
	.greeting_lead {
		font-size: 2.3rem;
	}
	.greeting_wrap {}
	.greeting_txt {}

	/*================================
	案内バナー
	================================*/
	.induction {}
	.induction .inner {}
	.shadow {}

	/*================================
	当院の特長
	================================*/
	.feature {}
	.feature .inner {
		padding-left: 20px;
		padding-right: 20px;
	}
	.feature_group {}
	.feature_item {}
	.feature_area01 {}
	.feature_area02 {}
	.feature_head {}
	.feature_heading {}
	.feature_hd_num {}
	.feature_hd_num .current {}
	.feature_hd_jp {
		font-size: 2.6rem;
	}
	.feature_txt {}

	/*================================
	信頼できる治療を
	================================*/
	.care {}
	.care_group {
		height: 100vw;
	}
	.care_group::before {
		background-image: url(img/care_bg_deco_sp.png);
		background-size: 100% auto;
	}
	.care_group_item {
		background-size: 100% auto;
	}
	.care_group_item.-img01 {
		background-image: url(img/care_img01_sp.jpg?02);
	}
	.care_group_item.-img02 {
		background-image: url(img/care_img02_sp.jpg?03);
	}
	.care .inner {
		padding-top: 8rem;
	}
	.care_heading {
		font-size: 8rem;
	}
	.care_lead {
		font-size: 2.8rem;
	}
	.care_txt {
		font-size: 1.8rem;
	}

	/*================================
	診療内容
	================================*/
	.servics {}
	.servics .inner {}
	.services_group {}
	.services_item {
		width: calc(100%/2 - 1.5rem/2);
	}
	.services_link {}
	.services_link::before {}
	.services_name {}
	.services_name_jp {
		font-size: 1.6rem;
	}
	.services_name_en {}

	/*-------------------------------
	施設基準
	-------------------------------*/
	.criteria {
		min-height: auto;
		padding: 20px;
	}
	.criteria_heading {
		font-size: 2rem;
	}
	.criteria_heading::before {}
	.criteria .folding {}
	.criteria .folding_switch {}
	.criteria .folding_detail {}
	.criteria .folding_switch.open {}
	.criteria .folding_detail.open {}
	.criteria_frame01 {
		padding: 16px;
	}
	.criteria_txt {}
	.criteria_ul01 {}
	.criteria_ul01 li {
		font-size: 1.8rem;
	}
	.criteria_ul01 li:not(:last-child) {}

	/*-------------------------------
	フォトギャラリー（スクロール）
	-------------------------------*/
	.photo-gallery {}
	.photo-gallery_cont {}
	.photo-gallery_list {
		gap: 0 20px;
		padding-right: 20px;
	}
	.photo-gallery_list-item {
		width: 240px;
	}

}


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