@charset "utf-8";
/*================================
ここから全サイズ適用
================================*/








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

/*バナー*/
/*------------------------------*/
.bnr_group {
	display: flex;
	justify-content: center;
	align-items: stretch;
	gap: 20px 40px;
}
.bnr_item {
	text-align: center;
}
.bnr_item img {
	display: inline-block;
}
.bnr_item a {
	transition: .3s;
}
.bnr_item a:hover {
	opacity: 0.7;
}

/*================================
ヘッダー
================================*/
.header {
	animation: fadeInDown 2s 0.4s ease backwards;
}
.hd_logo {
	transition: .4s;
	visibility: hidden;
	opacity: 0;
}
.header.-bg .hd_logo {
	visibility: visible;
	opacity: 1;
}


/*================================
メインビジュアル
================================*/
#main-visual {}
.mv_content {
	/*flex*/
	display: flex;
	justify-content: center;
	align-items: stretch;
	/*others*/
	margin-left: auto;
}

/*------------------------------*/
/*メインビジュアル　キャッチコピー*/
/*------------------------------*/
.mv_catchcopy {
	/*flex*/
	display: flex;
	justify-content: flex-end;
	align-items: center;
	/*others*/
	width: 40%;
	min-width: 52rem;
	padding: 7rem 2rem;
}
.mv_catchcopy_group {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding-top: 3rem;
    flex-direction: column;
}

.mv_title {
	font-size: 28px;
	line-height: 1.643;
	text-align: center;
	/* letter-spacing: 0; */
	color: var(--theme-color01);
	/*anime*/
	animation: fadeInUp 2s 1s ease both;
    padding: 50px 0 30px;
    font-weight: 500;
}
.mv_text {
	font-size: 18px;
	text-align: left;
	line-height: 2;
	color: var(--theme-color01);
	/*anime*/
	animation: fadeInUp 2s 1.4s ease both;
    font-weight: 500;
}


/*------------------------------*/
/*メインビジュアル　写真*/
/*------------------------------*/
/* .mv_pic {
	position: relative;
	z-index: 1;
	width: 60%;
	height: 69rem;
	border-radius: 0 0 0 8rem;
	background-image: url(../img/top/mv_pic.jpg);
	background-position: left top;
	background-size: auto 100%;
	background-repeat: no-repeat;
	background-color: #dee3e7;
	animation: mv_pic 2s 0s ease both;
}
@keyframes mv_pic {
	from {
		background-size: auto 160%;
	}
	to {
		background-size: auto 100%;
	}
} */

.mv_pic {
	position: relative;
	width: 60%;
	height: 69rem;
	border-radius: 0 0 0 8rem;
	overflow: hidden;
	/* background-color: #dee3e7; */
}
  
  .mv_pic img {
	position: absolute;
	top: 0;
	left: 0;
	width: 90%;
	height: 100%;
	object-fit: cover;
	opacity: 0;
	animation: fadeZoom 30s infinite;
  }
  
  .mv_pic img:nth-child(1) {
	animation-delay: 0s;
  }
  .mv_pic img:nth-child(2) {
	animation-delay: 6s;
  }
  .mv_pic img:nth-child(3) {
	animation-delay: 12s;
  }
  .mv_pic img:nth-child(4) {
	animation-delay: 18s;
  }
  .mv_pic img:nth-child(5) {
	animation-delay: 24s;
  }
  
  @keyframes fadeZoom {
	0% {
	  opacity: 0;
	  transform: scale(1);
	}
	10% {
	  opacity: 1;
	  transform: scale(1.05);
	}
	20% {
	  opacity: 0;
	  transform: scale(1.1);
	}
	100% {
	  opacity: 0;
	  transform: scale(1);
	}
  }



.mv_pic::after {
	position: absolute;
	z-index: 1;
	content: "";
	right: 3rem;
	top: calc(50% + 6rem);
	transform: translateY(-50%);
	width: 2.3rem;
	height: 17rem;
	background: url(../img/top/scroll_text.png)center/contain no-repeat;
}

/*縦書き設定*/
.vertical {
	writing-mode: vertical-rl;
	text-orientation: upright;
}

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

/*================================
メインコンテンツ
================================*/
.main {
	padding-top: 10rem;
}

/*================================
お知らせ・バナーなど
================================*/
.topics {}
.topics .inner {
	max-width: calc(1000px + 14rem);
	padding-bottom: 80px;
}
.topics_frame {
	padding: 30px;
	background: #fff;
	border: 1px solid var(--theme-color02);
	text-align: center;
}
.topics_title {
	margin-bottom: 20px;
	font-size: 2.6rem;
	font-weight: 500;
	line-height: 1.4;
	text-align: center;
	letter-spacing: 0.05em;
	color: var(--theme-color01);
}
.topics_text {
	display: inline-block;
	text-align: left;
}

/*================================
当院について・当院の特長・診療科目
================================*/
.introduction {
	margin-bottom: 10rem;
}
.introduction .inner {
	/*flex*/
	display: flex;
	justify-content: center;
	align-items: flex-start;
	/*others*/
	position: relative;
	z-index: 1;
	max-width: calc(1200px + 14rem);
}
.introduction .inner::after {
	position: absolute;
	z-index: -1;
	content: "";
	top: 4.6rem;
	left: 50%;
	transform: translateX(-50%);
	width: 102vw;
	height: 13rem;
	border-top: 1px solid var(--theme-color02);
	border-bottom: 1px solid var(--theme-color02);
}
.intro_bg {
	position: absolute;
	z-index: -1;
	content: "";
	left: 4rem;
	top: 3rem;
	width: calc(100% - 8rem);
	padding-top: 37.35%;
	background: #67a29b;
	border-radius: 4rem 0 4rem 0;
}
.intro_catchcopy {
	position: absolute;
	bottom: 0;
	right: 0;
	transform: translateX(100%);
	writing-mode: vertical-rl;
	text-orientation: sideways;
	font-family: 'Lato', serif;
	font-weight: 300;
	letter-spacing: 0.05em;
	color: var(--theme-color03);
}
/*写真*/
/*------------------------------*/
.intro_photo_group {
	/*flex*/
	display: flex;
	justify-content: flex-start;
	align-items: flex-end;
	flex-direction: column;
	/*others*/
	width: calc(100% - (48.3% - 15%));
	margin-right: -15%;
}
.intro_photo01 {}
.intro_photo01_frame {
	position: relative;
	z-index: 1;
	overflow: hidden;
	max-width: 800px;
	border-radius: 4rem 0 4rem 0;
	/*縦横比*/
	aspect-ratio: 8/5;
}
.intro_photo01_img {
	width: 100%;
}
.intro_photo01_frame::before {
	position: absolute;
	z-index: 1;
	content: "";
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	border-radius: 4rem 0 4rem 0;
	box-shadow: 0 0 0 0.8rem rgba(255,255,255,0.5) inset;
}
.intro_photo01_frame::after {
	position: absolute;
	z-index: 1;
	content: "";
	left: 0.8rem;
	top: 0.8rem;
	width: calc(100% - (0.8rem*2));
	height: calc(100% - (0.8rem*2));
	border-radius: 3.2rem 0 3.2rem 0;
	border: 1px solid #fff;
}
.intro_photo02 {
	z-index: 1;
	width: 32.5%;
	margin-right: 20%;
	margin-top: -15%;
}
/*文章*/
/*------------------------------*/
.intro_frame {
	/*flex*/
	display: flex;
	justify-content: center;
	align-items: stretch;
	/*others*/
	z-index: 1;
	width: 48.3%; /*約580px*/
	margin-top: 6rem;
}
.intro_frame_bg {
	/*flex*/
	display: flex;
	justify-content: center;
	align-items: stretch;
	/*others*/
	width: 100%;
	padding: 6rem 6rem;
	background: rgba(255,255,255,0.9);
}
.intro_body {
	max-width: 40rem;
}
.intro_heading {
	margin-bottom: 25px;
}
.intro_heading_en {
	position: relative;
	z-index: 1;
	margin-bottom: 20px;
	padding-bottom: 0.24em;
	font-family: 'Lato', serif;
	font-size: 5.8rem;
	font-weight: 300;
	line-height: 1;
	text-align: left;
	letter-spacing: 0.05em;
	color: var(--theme-color01);
}
.intro_heading_en::before {
	position: absolute;
	z-index: 1;
	content: "";
	left: 3px;
	bottom: 0;
	height: 1px;
	width: 0.64em;
	background: var(--theme-color01);
}
.intro_heading_jp {
	font-size: 2.6rem;
	font-weight: 500;
	line-height: 1.4;
	text-align: left;
	letter-spacing: 0.05em;
	color: var(--theme-color05);
}

.intro_txt {
	color: #7e7e7e;
    font-weight: 400;

}

/*------------------------------*/
/*左右反転*/
/*------------------------------*/
.introduction.-reverse {}
.introduction.-reverse .inner {
	flex-direction: row-reverse;
}
.introduction.-reverse .intro_photo_group {
	margin-right: 0;
	margin-left: -15%;
	align-items: flex-start;
}
.introduction.-reverse .intro_photo02 {
	margin-left: 20%;
}
.introduction.-reverse .intro_catchcopy {
	right: auto;
	left: 0;
	transform: translateX(-100%);
}

/*================================
医院イメージ画像
================================*/
.appearance {
	margin-bottom: 10rem;
}
.app_photo01 {
	overflow: hidden;
	position: relative;
	z-index: 1;
	padding-top: 37%;
	background-image: url(../img/top/photo_bg.jpg?02);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	border-radius: 4rem 0 4rem 0;
}
.app_photo01::before {
	position: absolute;
	z-index: 1;
	content: "";
	width: 100%;
	height: calc(100% - 2rem);
	top: 1rem;
	border-top: 2px solid #fff;
	border-bottom: 2px solid #fff;
}
.app_photo02 {
	position: relative;
	z-index: 1;
	aspect-ratio: 15/11;
	width: 45rem;
	margin-top: -15rem;
	margin-left: auto;
	margin-right: 8rem;
	background-image: url(../img/top/photo_pic01.png);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}

/*================================
診療内容
================================*/
.service {
	position: relative;
	z-index: 1;
	border-top: 1px solid var(--theme-color02);
}
.service::before {
	position: absolute;
	z-index: -1;
	content: "";
	left: 0;
	top: 6px;
	width: 100%;
	border-top: 1px solid var(--theme-color02);
}
.service .inner {
	/*flex*/
	display: flex;
	justify-content: flex-start;
	align-items: stretch;
	gap: 40px 4rem;
	/*others*/
	max-width: calc(1000px + 14rem);
	padding-top: 9rem;
	padding-bottom: 9rem;
}
.service_heading {
	width: 30rem;
}
.service_heading_en {
	position: relative;
	z-index: 1;
	margin-bottom: 20px;
	padding-bottom: 0.24em;
	font-family: 'Lato', serif;
	
	font-size: 6.6rem;
	font-weight: 300;
	line-height: 0.65;
	text-align: left;
	letter-spacing: 0.05em;
	color: var(--theme-color01);
}
.service_heading_en::before {
	position: absolute;
	z-index: 1;
	content: "";
	left: 0;
	bottom: 0;
	height: 1px;
	width: 0.64em;
	background: var(--theme-color01);
}
.service_heading_jp {
	font-size: 2.6rem;
	font-weight: 500;
	line-height: 1.4;
	text-align: left;
	letter-spacing: 0.05em;
	color: var(--theme-color05);
}
.service_content {
	width: calc(100% - (30rem + 4rem));
}
.services_group {
	display: flex;
	justify-content: flex-start;
	align-items: stretch;
	flex-flow: row wrap;
	gap: 3rem 4rem;
}
.services_item {
	width: calc(100%/3 - 4rem*2/3);
	/*min-width: 16rem;*/
}
.services_link {
	display: flex;
	justify-content: flex-end;
	align-items: stretch;
	flex-direction: column;
	position: relative;
	z-index: 1;
	overflow: hidden;
	transition: .4s;
	height: 16rem;
	padding: 0 0.8rem 2.4rem;
	background-color: #fff;
	background-position: top 2rem center;
	/* background-size: 8rem 6.6rem; */
	background-repeat: no-repeat;
	border: 1px solid var(--theme-color01);
	border-radius: 2rem 0.2rem 2rem 0.2rem;
}
.services_link::before {
	transition: .4s;
	opacity: 0;
	position: absolute;
	z-index: -1;
	content: "";
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: var(--theme-color04);
	background-position: top 2rem center;
	/* background-size: 8rem 6.6rem; */
	background-repeat: no-repeat;
}
.services_name {
	position: relative;
	z-index: 1;
	transition: .4s;
	padding-bottom: 0.2em;
	font-size: 1.8rem;
	text-align: center;
	color: #7e7e7e;
}
.services_name::before {
	position: absolute;
	z-index: 1;
	content: "";
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 7rem;
	height: 1px;
	background: var(--theme-color05);
	transition: .4s;
}
/*hover
-------------------------------*/
.services_link:hover::before {
	opacity: 1;
}
.services_link:hover .services_name {
	color: #fff;
}
.services_link:hover .services_name::before {
	background: #fff;
}
/*診療内容アイコン
-------------------------------*/
.services_link.-icon01 {
	background-image: url(../img/top/services_icon01_off.png);
}
.services_link.-icon02 {
	background-image: url(../img/top/services_icon02_off.png);
}
.services_link.-icon03 {
	background-image: url(../img/top/services_icon03_off.png);
}
.services_link.-icon04 {
	background-image: url(../img/top/services_icon04_off.png);
}
.services_link.-icon05 {
	background-image: url(../img/top/services_icon05_off.png);
}
.services_link.-icon06 {
	background-image: url(../img/top/services_icon06_off.png);
}
.services_link.-icon07 {
	background-image: url(../img/top/services_icon07_off.png);
}
.services_link.-icon08 {
	background-image: url(../img/top/services_icon08_off.png);
}
.services_link.-icon09 {
	background-image: url(../img/top/services_icon09_off.png);
}
.services_link.-icon10 {
	background-image: url(../img/top/services_icon10_off.png);
}
.services_link.-icon11 {
	background-image: url(../img/top/services_icon11_off.png);
}
/*診療内容アイコン（hover）
-------------------------------*/
.services_link.-icon01::before {
	background-image: url(../img/top/services_icon01_on.png);
}
.services_link.-icon02::before {
	background-image: url(../img/top/services_icon02_on.png);
}
.services_link.-icon03::before {
	background-image: url(../img/top/services_icon03_on.png);
}
.services_link.-icon04::before {
	background-image: url(../img/top/services_icon04_on.png);
}
.services_link.-icon05::before {
	background-image: url(../img/top/services_icon05_on.png);
}
.services_link.-icon06::before {
	background-image: url(../img/top/services_icon06_on.png);
}
.services_link.-icon07::before {
	background-image: url(../img/top/services_icon07_on.png);
}
.services_link.-icon08::before {
	background-image: url(../img/top/services_icon08_on.png);
}
.services_link.-icon09::before {
	background-image: url(../img/top/services_icon09_on.png);
}
.services_link.-icon10::before {
	background-image: url(../img/top/services_icon10_on.png);
}
.services_link.-icon11::before {
	background-image: url(../img/top/services_icon11_on.png);
}
/*準備中*/
.services_group.-nolink {
	position: relative;
	z-index: 1;
}
.services_group.-nolink::before {
	position: absolute;
	z-index: 2;
	content: "準備中";
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(200,200,200,0.6);
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 2.4rem;
	font-weight: 500;
	line-height: 1.4;
	text-align: center;
	color: #fff;
}

/*================================
お知らせ
================================*/
.news {
	position: relative;
	z-index: 1;
	border-top: 1px solid var(--theme-color02);
}
.news::before {
	position: absolute;
	z-index: -1;
	content: "";
	left: 0;
	top: 6px;
	width: 100%;
	border-top: 1px solid var(--theme-color02);
}
.news .inner {
	/*flex*/
	display: flex;
	justify-content: flex-start;
	align-items: stretch;
	gap: 40px 4rem;
	/*others*/
	max-width: calc(1000px + 14rem);
	padding-top: 9rem;
	padding-bottom: 9rem;
}
.news_heading {
	width: 30rem;
}
.news_heading_en {
	position: relative;
	z-index: 1;
	margin-bottom: 20px;
	padding-bottom: 0.24em;
	font-family: 'Lato', serif;
	font-size: 6.6rem;
	font-weight: 300;
	line-height: 0.65;
	text-align: left;
	letter-spacing: 0.05em;
	color: var(--theme-color01);
}
.news_heading_en::before {
	position: absolute;
	z-index: 1;
	content: "";
	left: 3px;
	bottom: 0;
	height: 1px;
	width: 0.64em;
	background: var(--theme-color01);
}
.news_heading_jp {
	font-size: 2.6rem;
	font-weight: 500;
	line-height: 1.4;
	text-align: left;
	letter-spacing: 0.05em;
	color: var(--theme-color05);
}
.news_content {
	width: calc(100% - (30rem + 4rem));
}

.news_scroll {
	overflow-y: scroll;
	margin-left: auto;
	margin-right: auto;
	min-height: 12rem;
	max-height: 25rem;
	padding-right: 20px;
}

.news_scroll dd span {
	color: #a0958f;
	font-weight: bold;
}
.news_scroll dd{
	max-width: 400px;
	color: #7e7e7e;
    font-weight: 400;
	width: 100%;

}
.news_scroll dt{
	color: #a0958f;
    font-weight: 500;
}


.news_list {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 70px;

}
.news_list .date {
	float: left;
	width: 16rem;
	font-weight: 500;
	color: var(--theme-color01);
}
.news_list .article {
	margin-left: 16rem;
	margin-bottom: 20px;
}
.news_list .article a {
	text-decoration: underline;
	font-weight:500;
	color:var(--theme-color01);
}

/*================================
インスタグラム
================================*/
.instagram {
	position: relative;
	z-index: 1;
	border-top: 1px solid var(--theme-color02);
}
.instagram::before {
	position: absolute;
	z-index: -1;
	content: "";
	left: 0;
	top: 6px;
	width: 100%;
	border-top: 1px solid var(--theme-color02);
}
.instagram::after {
	position: absolute;
	z-index: -1;
	content: "";
	left: 0;
	bottom: 0;
	width: 100%;
	height: 8px;
	border-top: 1px solid var(--theme-color02);
	border-bottom: 1px solid var(--theme-color02);
}
.instagram .inner {
	max-width: calc(1000px + 14rem);
	padding-top: 9rem;
	padding-bottom: 9rem;
}
.instagram_heading {
	margin-bottom: 40px;
}
.instagram_heading_en {
	position: relative;
	z-index: 1;
	margin-bottom: 20px;
	padding-bottom: 0.24em;
	font-family: 'Lato', serif;
	font-size: 6.6rem;
	font-weight: 300;
	line-height: 0.65;
	text-align: left;
	letter-spacing: 0.05em;
	color: var(--theme-color01);
}
.instagram_heading_en::before {
	position: absolute;
	z-index: 1;
	content: "";
	left: 0;
	bottom: 0;
	height: 1px;
	width: 0.64em;
	background: var(--theme-color01);
}
.instagram_heading_jp {
	font-size: 2.6rem;
	font-weight: 500;
	line-height: 1.4;
	text-align: left;
	letter-spacing: 0.05em;
	color: var(--theme-color04);
}
.instagram_content {
	padding: 30px 30px 10px;
	/*border: 1px solid #c5ae97;*/
	border-radius: 2rem 0.2rem 2rem 0.2rem;
	background: var(--theme-color01);
}

/*=======================

施設基準バナーエリア

========================*/
.facilitycriteria {
	padding: 30px;
	background-color: #19a59130;
	border-radius: 5px;
	margin: 0px auto 50px;
	width: 96%;
	max-width: 1000px;
}
.facilitycriteria_title {
	font-size: 22px;
	text-align: center;
	color: #655945;
	background: url(../img/main_title_deco.png) center bottom/auto no-repeat;
	padding-bottom: 30px;
	font-weight: 500;
}
.facilitycriteria_frame {
	padding: 20px;
	background: #fff;
}
.facilitycriteria_text {
	text-align: center;
  color: #655945;
    font-size: 16px;
}
.facilitycriteria_ul {
	width: fit-content;
	margin-inline: auto;
}
.facilitycriteria_ul li {
	padding-left: 0.5em;
	text-indent: -1.1em;
	font-size: 13px;
	text-align: left;
	color: #655945;
  line-height: 2.0;
}

.folding {}
.folding_switch {
  display: block;
  background: #18a591;
  border: 1px solid #fff1;
  padding: 6px 15px 5px 15px;
  color: #fff;
  font-size: clamp(14px, 18 / 1024 * 100vw, 15px);
  transition: .3s ease-out;
	text-align: center;
  width: fit-content;
  margin: auto;
  border-style: solid;
  border-radius: 23px;
cursor: pointer;
position: relative;
}
.folding_switch::before {
	content: "詳しくはこちら";
}
.folding_switch::after {
	/* position: absolute;
	z-index: 1;
	content: "";
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
	width: 8px;
	height: 7px;
	background: #c7b27c;
	clip-path: polygon(0 0,100% 0,50% 100%); */
}
.folding_switch.open {}
.folding_switch.open::before {
	/*content: "折りたたむ";*/
}
.folding_detail {
	transition: .4s;
	transform-origin: top;
	transform: scaleY(0);
	max-height: 0;
	opacity: 0;
}
.folding_detail.open {
	transform: scaleY(1);
	max-height: 10000px;
	opacity: 1;
	margin-top: 20px;
  max-width: 1000px;
	width: 100%;
  margin-left: auto;
	margin-right: auto;


}

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

	.mv_pic img {
		width: 100%;
	}

	.mv_pic {
		height: 60rem;
	}

}


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

	.mv_pic {
		height: 69rem;
	}

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

	/*バナー*/
	/*------------------------------*/
	.bnr_group {}
	.bnr_item {}
	.bnr_item a {}

	/*================================
	メインビジュアル
	================================*/
	#main-visual {}
	.mv_content {}
	
	/*------------------------------*/
	/*メインビジュアル　キャッチコピー*/
	/*------------------------------*/
	.mv_catchcopy {}
	.mv_catchcopy_group {}
	.mv_title {}
	.mv_text {}

	/*------------------------------*/
	/*メインビジュアル　写真*/
	/*------------------------------*/
	.mv_pic {}
	.mv_pic::after {}

	/*縦書き設定*/
	.vertical {}

	/*モバイル検索のサムネイル画像対策
	--------------------------------*/
	#main-visual .thumbnail_img {}

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

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

	/*================================
	当院について・当院の特長・診療科目
	================================*/
	.introduction {}
	.introduction .inner {}
	.introduction .inner::after {
		/* height: 60px; */

	}
	.intro_bg {}
	.intro_catchcopy {
		letter-spacing: 0;
		font-size: 14px;
	}
	/*写真*/
	/*------------------------------*/
	.intro_photo_group {}
	.intro_photo01 {}
	.intro_photo01_frame {}
	.intro_photo01_frame::before {}
	.intro_photo01_frame::after {}
	.intro_photo02 {}
	/*文章*/
	/*------------------------------*/
	.intro_frame {}
	.intro_frame_bg {}
	.intro_body {}
	.intro_heading {}
	.intro_heading_en {}
	.intro_heading_en::before {}
	.intro_heading_jp {}

	/*------------------------------*/
	/*左右反転*/
	/*------------------------------*/
	.introduction.-reverse {}
	.introduction.-reverse .inner {}
	.introduction.-reverse .intro_photo_group {}
	.introduction.-reverse .intro_photo02 {}
	.introduction.-reverse .intro_catchcopy {}

	/*================================
	医院イメージ画像
	================================*/
	.appearance {}
	.app_photo01 {}
	.app_photo01::before {}
	.app_photo02 {}

	/*================================
	診療内容
	================================*/
	.service {}
	.service::before {}
	.service .inner {}
	.service_heading {}
	.service_heading_en {}
	.service_heading_en::before {}
	.service_heading_jp {}
	.service_content {}
	.services_group {}
	.services_item {}
	.services_link {}
	.services_link::before {}
	.services_name {}
	.services_name::before {}

	/*================================
	お知らせ
	================================*/
	.news {}
	.news::before {}
	.news .inner {}
	.news_heading {}
	.news_heading_en {}
	.news_heading_en::before {}
	.news_heading_jp {}
	.news_content {}

	.news_scroll {}
	.news_list {}
	.news_list .date {}
	.news_list .article {}

	/*================================
	インスタグラム
	================================*/
	.instagram {}
	.instagram::before {}
	.instagram .inner {}
	.instagram_heading {}
	.instagram_heading_en {}
	.instagram_heading_en::before {}
	.instagram_heading_jp {}
	.instagram_content {}
	
	
}


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

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

	/*バナー*/
	/*------------------------------*/
	.bnr_group {}
	.bnr_item {}
	.bnr_item a {}

	/*================================
	メインビジュアル
	================================*/
	#main-visual {}
	.mv_content {
		flex-direction: column;
	}
	
	/*------------------------------*/
	/*メインビジュアル　キャッチコピー*/
	/*------------------------------*/
	.mv_catchcopy {
		justify-content: center;
		width: 100%;
		min-width: auto;
	}
	.mv_catchcopy_group {
		justify-content: center;
	}
	.mv_title {}
	.mv_text {
		font-size: 16px;
	}

	/*------------------------------*/
	/*メインビジュアル　写真*/
	/*------------------------------*/
	.mv_pic {
		z-index: -1;
		width: 100%;
		/* background: url(../img/top/mv_pic_sp.jpg) center bottom/contain no-repeat; */
		/* margin-top: -12rem; */
		border-radius: 0;
	}
	.mv_pic::after {}

	/*縦書き設定*/
	.vertical {}

	/*モバイル検索のサムネイル画像対策
	--------------------------------*/
	#main-visual .thumbnail_img {}

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

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

	/*================================
	当院について・当院の特長・診療科目
	================================*/
	.introduction {}
	.introduction .inner {
		flex-direction: column;
	}
	.introduction .inner::after {}
	.intro_bg {
		padding-top: 0;
		height: 100%;
	}
	.intro_catchcopy {}
	/*写真*/
	/*------------------------------*/
	.intro_photo_group {
		/*flex*/
		align-items: center;
		flex-direction: row;
		width: 100%;
		/*others*/
		width: 96%;
		margin-left: auto;
		margin-right: auto;
	}
	.intro_photo01 {
		width: 84%;
	}
	.intro_photo01_frame {}
	.intro_photo01_frame::before {}
	.intro_photo01_frame::after {}
	.intro_photo02 {
		width: 30%;
		margin-top: 0;
		margin-right: 0;
		margin-left: -14%;
	}
	/*文章*/
	/*------------------------------*/
	.intro_frame {
		width: 100%;
		max-width: 600px;
		margin-top: -30px;
		margin-right: auto;
		margin-left: auto;
	}
	.intro_frame_bg {}
	.intro_body {}
	.intro_heading {}
	.intro_heading_en {}
	.intro_heading_en::before {}
	.intro_heading_jp {}

	/*------------------------------*/
	/*左右反転*/
	/*------------------------------*/
	.introduction.-reverse {}
	.introduction.-reverse .inner {
		flex-direction: column;
	}
	.introduction.-reverse .intro_photo_group {
		/*flex*/
		align-items: center;
		flex-direction: row-reverse;
		width: 100%;
		/*others*/
		width: 96%;
		margin-left: auto;
		margin-right: auto;
	}
	.introduction.-reverse .intro_photo02 {
		width: 30%;
		margin-top: 0;
		margin-left: 0;
		margin-right: -14%;
	}
	.introduction.-reverse .intro_catchcopy {}

	/*================================
	医院イメージ画像
	================================*/
	.appearance {}
	.app_photo01 {}
	.app_photo01::before {}
	.app_photo02 {
		width: 30%;
		margin-top: -10%;
	}

	/*================================
	診療内容
	================================*/
	.service {}
	.service::before {}
	.service .inner {
		align-items: center;
		flex-direction: column;
	}
	.service_heading {
		width: auto;
	}
	.service_heading_en {}
	.service_heading_en::before {}
	.service_heading_jp {}
	.service_content {
		width: 100%;
	}
	.services_group {
		margin: auto;
	}
	.services_item {}
	.services_link {}
	.services_link::before {}
	.services_name {}
	.services_name::before {}
	
	/*================================
	お知らせ
	================================*/
	.news {}
	.news::before {}
	.news .inner {
		align-items: center;
		flex-direction: column;
	}
	.news_heading {
		width: auto;
	}
	.news_heading_en {}
	.news_heading_en::before {}
	.news_heading_jp {}
	.news_content {
		position: relative;
		width: 100%;
	}
	.news_content::before {
		content: "";
		border-right: solid 2px #c0c0c04a;
		position: absolute;
		right: 1px;
		top: 0;
		height: 100%;
		width: 2px;
	}

	.news_scroll dd {
		max-width: 100%;
	}
	.news_scroll {}
	.news_list {}
	.news_list .date {}
	.news_list .article {}

	/*================================
	インスタグラム
	================================*/
	.instagram {}
	.instagram::before {}
	.instagram .inner {}
	.instagram_heading {}
	.instagram_heading_en {}
	.instagram_heading_en::before {}
	.instagram_heading_jp {}
	.instagram_content {}


}


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

		
  .facilitycriteria {
		padding: 16px;
	}
	.facilitycriteria_title {}
	.facilitycriteria_frame {
		padding: 16px;
	}
	.facilitycriteria_text {}
	.facilitycriteria_ul {}
	.facilitycriteria_ul li {
		font-size: 15px;
	}

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

	/*バナー*/
	/*------------------------------*/
	.bnr_group {
		flex-direction: column;
	}
	.bnr_item {}
	.bnr_item a {}

	/*================================
	メインビジュアル
	================================*/
	#main-visual {}
	.mv_content {}
	
	/*------------------------------*/
	/*メインビジュアル　キャッチコピー*/
	/*------------------------------*/
	
	.mv_catchcopy {}
	.mv_catchcopy_group {
		/*------------------------------
		↓↓↓↓ min-heightの設定 ↓↓↓↓
		------------------------------*/
		/*------------------------------
		min-height: calc(4rem*〇 + 3rem);
		〇に.mv_titleの一行分の文字数を入れる
		------------------------------
		4remは.mv_titleの文字サイズ
		3remは.mv_catchcopy_groupのpadding-top
		------------------------------*/
		min-height: calc(4rem*9 + 3rem);
		/*------------------------------
		↑↑↑↑ min-heightの設定 ↑↑↑↑
		------------------------------*/
	}
	.mv_title {
		font-size: 28px;
		text-align: center;
		letter-spacing: 0;
	}
	.mv_text {
		padding-top: 2rem;
	}

	/*------------------------------*/
	/*メインビジュアル　写真*/
	/*------------------------------*/
	.mv_pic {
		height: 0;
		padding-top: 92%;
	}
	.mv_pic::after {
		display: none;
	}

	/*縦書き設定*/
	.vertical {}

	/*モバイル検索のサムネイル画像対策
	--------------------------------*/
	#main-visual .thumbnail_img {}

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

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

	/*================================
	当院について・当院の特長・診療科目
	================================*/
	.introduction {}
	.introduction .inner {}
	.introduction .inner::after {
		height: 120px;
	}
	.intro_bg {
		left: 10px;
		width: calc(100% - 20px);
		border-radius: 20px 0 20px 0;
	}
	.intro_catchcopy {
		display: none;
	}
	/*写真*/
	/*------------------------------*/
	.intro_photo_group {
		width: 100%;
		flex-direction: column;
		align-items: flex-start;
	}
	.intro_photo01 {
		width: 90%;
	}
	.intro_photo01_frame {
		border-radius: 20px 0 20px 0;
		aspect-ratio: 8/6;
	}
	.intro_photo01_frame::before {
		border-radius: 20px 0 20px 0;
		box-shadow: 0 0 0 4px rgba(255,255,255,0.5) inset;
	}
	.intro_photo01_frame::after {
		left: 4px;
		top: 4px;
		width: calc(100% - (4px*2));
		height: calc(100% - (4px*2));
		border-radius: 16px 0 16px 0;
	}
	.intro_photo02 {
		width: 32%;
		margin-left: auto;
		margin-top: -16vw;
	}
	/*文章*/
	/*------------------------------*/
	.intro_frame {
		margin-top: 20px;
	}
	.intro_frame_bg {
		padding: 40px 30px;
	}
	.intro_body {}
	.intro_heading {}
	.intro_heading_en {
		font-size: 4.6rem;
	}
	.intro_heading_jp {
		font-size: 2.4rem;
	}

	/*------------------------------*/
	/*左右反転*/
	/*------------------------------*/
	.introduction.-reverse {}
	.introduction.-reverse .inner {}
	.introduction.-reverse .intro_photo_group {
		width: 100%;
		flex-direction: column;
		align-items: flex-end;
	}
	.introduction.-reverse .intro_photo02 {
		width: 32%;
		margin-right: auto;
		margin-top: -16vw;
	}
	.introduction.-reverse .intro_catchcopy {}

	/*================================
	医院イメージ画像
	================================*/
	.appearance {}
	.app_photo01 {
		padding-top: 50%;
		border-radius: 20px 0 20px 0;
	}
	.app_photo01::before {
		height: calc(100% - 8px);
		top: 4px;
		border-top: 1px solid #fff;
		border-bottom: 1px solid #fff;
	}
	.app_photo02 {
		width: 40%;
		margin-top: -16%;
		margin-right: 6%;
	}

	/*================================
	診療内容
	================================*/
	.service {}
	.service::before {}
	.service .inner {}
	.service_heading {}
	.service_heading_en {
		font-size: 4.6rem;
	}
	.service_heading_en::before {}
	.service_heading_jp {
		font-size: 2.4rem;
	}
	.service_content {}
	.services_group {
		gap: 20px;
	}
	.services_item {
		width: calc(100%/2 - 20px/2);
	}
	.services_link {}
	.services_link::before {}
	.services_name {}
	.services_name::before {}
	
	/*================================
	お知らせ
	================================*/
	.news {}
	.news::before {}
	.news .inner {}
	.news_heading {}
	.news_heading_en {
		font-size: 4.6rem;
	}
	.news_heading_en::before {}
	.news_heading_jp {
		font-size: 2.4rem;
	}
	.news_content {}

	.news_scroll {
	}
	.news_list {}
	.news_list .date {
		width: 100%;
		float: none;
	}
	.news_list .article {
		margin-left: 0;
	}

	/*================================
	インスタグラム
	================================*/
	.instagram {}
	.instagram::before {}
	.instagram .inner {}
	.instagram_heading {}
	.instagram_heading_en {
		font-size: 4.6rem;
	}
	.instagram_heading_en::before {}
	.instagram_heading_jp {
		font-size: 2.4rem;
	}
	.instagram_content {
		overflow-y: scroll;
		height: 600px;
		padding: 16px 16px 0;
	}


}


@media (max-width: 374px) {
    .mv_title {
        font-size: 23px;
	}

}