@charset "utf-8";
/*================================
ここから全サイズ適用
================================*/
/* 内覧会終わったらバナーのみになるので消すcss */
.vr_eria {
	position: relative;
}
.vr_link {
	display: inline-block;
	width: 60%;
	height: 70%;
	position: absolute;
	left: 0;
	right: 0;
	margin-inline: auto;
	top: 15%;
}
@media (max-width: 834px) {
	.vr_link {
		width: 50%;
		height: 85%;
		top: 8%;
	}
}
@media (max-width: 480px) {
	.vr_link {
		width: 70%;
		height: 85%;
		top: 5%;
	}
}
/* 内覧会終わったらバナーのみになるので消すcss */
/*インフルエンザと歯周病菌の関係YouTube埋め込み*/
.influenza_ttl {
	font-size: 21px;
	background: linear-gradient(45deg, #149caf, #137bc9);
	max-width: 560px;
	margin: 0 auto 15px;
	border-radius: 3px;
	box-shadow: 5px 5px 1px #07527d;
	text-align: left;
	color: #fff;
	padding: 10px 20px;
	line-height: 1.6em;
	  font-family: "Noto Serif JP", serif;
}
iframe.influenza_movie {
	width: 100%;
	max-width: 560px;
}
/*インフルエンザと歯周病菌の関係YouTube埋め込み*/
/*================================
スクロールアニメーション
================================*/
/*---------------------------
下からふわっとフェードイン1
---------------------------*/
/*初期状態*/
.action01 .action01_01,
.action01 .action01_02,
.action02 {
	opacity: 0;
}
/*指定その１*/
.anime01 .action01_01 {
	-webkit-animation: fadeInUp 1s .2s ease both;
	animation: fadeInUp 1s .2s ease both;
}
/*タイミング遅延*/
.anime01 .action01_02 {
	-webkit-animation: fadeInUp 1s .6s ease both;
	animation: fadeInUp 1s .6s ease both;
}
/*指定その２*/
.anime02 {
	-webkit-animation: fadeInUp 1s .2s ease both;
	animation: fadeInUp 1s .2s ease both;
}
/*アニメーション内容*/
@-webkit-keyframes fadeInUp {
	from {
		opacity: 0;
		-webkit-transform: translate(0, 10px);
		transform: translate(0, 10px);
	}
	to {
		opacity: 1;
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}
}
@keyframes fadeInUp {
	from {
		opacity: 0;
		-webkit-transform: translate(0, 10px);
		transform: translate(0, 10px);
	}
	to {
		opacity: 1;
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}
}
/*---------------------------
左右からフェードイン2
---------------------------*/
/*初期状態*/
.action03,
.action04 {
	opacity: 0;
}
/*指定*/
.anime03 {
	-webkit-animation: fadeInLeft 1.6s 0s ease both;
	animation: fadeInLeft 1.6s 0s ease both;
}
.anime04 {
	-webkit-animation: fadeInRight 1.6s 0s ease both;
	animation: fadeInRight 1.6s 0s ease both;
}
/*アニメーション内容*/
@-webkit-keyframes fadeInLeft {
	from {
		opacity: 0;
		-webkit-transform: translate(20px, 0);
		transform: translate(20px, 0);
	}
	to {
		opacity: 1;
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}
}
@keyframes fadeInLeft {
	from {
		opacity: 0;
		-webkit-transform: translate(20px, 0);
		transform: translate(20px, 0);
	}
	to {
		opacity: 1;
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}
}
@-webkit-keyframes fadeInRight {
	from {
		opacity: 0;
		-webkit-transform: translate(-20px, 0);
		transform: translate(-20px, 0);
	}
	to {
		opacity: 1;
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}
}
@keyframes fadeInRight {
	from {
		opacity: 0;
		-webkit-transform: translate(-20px, 0);
		transform: translate(-20px, 0);
	}
	to {
		opacity: 1;
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}
}

.main {
	position: relative;
	padding-top: 60px;
}
/*================================
メインビジュアル
================================*/
#main-visual {
	position: relative;
	z-index: 1;
	/* margin-bottom: 120px; */
    background: #e7e7e7;
    margin-bottom: 100px;
}
.main-slider {
	width: 100%;
	height: 100%;
    /* max-width: 1366px; */
    margin: 0 auto;
}

.mv_video {
	position: absolute;
	top: 0;
	/* opacity: 0.05; */
	z-index: 0;
    opacity: 0.1;

	width: 100%;
}

.swiper-slide {
	width: 100%;
	min-height: 580px;
	overflow: hidden;

	/* height: calc(100vw * 0.45); */
	background-color: #e7e7e7;
}
/*スライド画像
--------------------------------*/
.main_slide01 {
	background: url(./img/mv_slide01_1121.jpg?20251121)bottom center/auto 100% no-repeat;
	background-size: cover;
}
/* .main_slide02 {
	background: url(img/mv_slide01.jpg)bottom center/auto 100% no-repeat;
	background-size: cover;
}
.main_slide03 {
	background: url(img/mv_slide01.jpg)bottom center/auto 100% no-repeat;
	background-size: cover;
} */

/*スライドカバー
--------------------------------*/
.slider_cover {
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	left: 0;
	margin: 0 auto;
	max-width: 1366px;
	width: 100%;
	height: 100%;
}

.mv_info {
	position: absolute;
	right: 100px;
	bottom: 40px;
	font-size: 20px;
	color: #46372d;
	line-height: 2;
	text-shadow: 0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff;
}
a.mv_tel span{
	font-size: 22px;
	color: #4f7238;
}
a.mv_tel {
	font-size: 34px;
	color: #46372d;
}



.mv_logo {
	margin-top: 15px;
}
.mv_address {
}
.mv_tel {
	text-align: left;
}
.mv_features {
	/*flex*/
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	gap: 15px;
	/*others*/
	position: absolute;
	right: 75px;
	top: 15px;
}
.mv_features_item {
	/* background: url(./common/img/mv_bnr_circle.png) no-repeat center;
	width: 145px;
	height: 145px;
	display: grid;
	align-items: center;
	justify-content: center;
	text-align: center;
	font-size: 20px;
	color: #46372d;
	line-height: 1.4;
	text-shadow: 0 0 15px #fff,0 0 15px #fff,0 0 15px #fff,0 0 15px #fff,0 0 15px #fff,0 0 15px #fff,0 0 15px #fff,0 0 15px #fff,0 0 15px #fff
	,0 0 15px #fff,0 0 20px #fff,0 0 20px #fff,0 0 20px #fff,0 0 15px #fff,0 0 20px #fff,0 0 20px #fff,0 0 20px #fff,0 0 15px #fff,0 0 20px #fff,0 0 20px #fff,0 0 20px #fff,0 0 15px #fff,0 0 20px #fff,0 0 20px #fff,0 0 20px #fff
	; */

}

.mv_features_item span {
	font-size: 24px;
}

.mv_catch {
	position: absolute;
	left: 100px;
	bottom: 55px;
}
/* メインビジュアルに追加のお知らせ
================================*/
.mv_notice {
	position: relative;
	z-index: 1;
	margin-bottom: 100px;
	padding: 6px 0;
	background: #fff;
}
.mv_notice::before {
	position: absolute;
	content: "";
	top: 6px;
	left: 0;
	width: 100%;
	height: calc(100% - 6px*2);
	border-top: 1px solid #b5ad9e;
	border-bottom: 1px solid #b5ad9e;
}
.mv_notice .inner {
	padding-top: 1rem;
	padding-bottom: 1rem;
	background: #f4f5ef;
}
.mv_notice_text {
	  font-family: "Noto Serif JP", serif;
	font-weight: 700;
	font-size: 2.4rem;
	line-height: 1.4;
	text-align: center;
	color: #453130;
}
.mv_notice .big {
	font-size: 3.2rem;
	line-height: calc(2.4rem*1.4);
}
.mv_notice .em {
	font-size: 4.8rem;
	line-height: calc(2.4rem*1.4);
}
.mv_notice .line {
	text-decoration: underline;
	text-decoration-thickness: 1.5rem;
	text-decoration-color: #c9d793;
	text-underline-offset: -0.2em;
	text-decoration-skip-ink: none;
}

.top_map {
}

.map_main {
	color: #46372d;
	font-size: 36px;
	font-weight: bold;
	text-align: center;
	position: relative;
	border-bottom: solid 1px #e99200;
	width: fit-content;
	margin: 0 auto 20px;
}
.map_main::before {
	content: "";
	background-image: url(./common/img/logo_op6.png);
	width: 121px;
	height: 116px;
	position: absolute;
    right: -65px;
    bottom: -25px;
    z-index: -1;
}

.map_sub span{
	color: #3d6c00;
	font-weight: bold;
}
.map_sub {
	color: #333;
	font-size: 26px;
	line-height: 1.308;
	text-align: center;
    font-weight: 500;
}

.map_ttl {
	background-color: #f1ab3e;
	color: #fff;
	font-size: 22px;
	line-height: 1.455;
	margin: 30px auto;
	max-width: 560px;
	width: 100%;
    text-align: center;
    padding: 3px 0;
}

.map_flex {
	display: flex;
	justify-content: center;
	gap: 30px;
	align-items: flex-start;
	margin-bottom: 25px;
}

.bnr_vr {
	display: block;
	margin: 0 auto 20px;
	width: fit-content;
}

/*================================
矯正相談・インプラント相談
================================*/
.consul {

}
.consul .inner {
	padding-top: 55px;
	padding-bottom: 70px;
}
.consul_fl {
	display: flex;
	justify-content: center;
	align-items: stretch;
	flex-flow: row wrap;
	gap: 20px 40px;
    margin-top: 40px;
}
.consul_fl_item {
	width: calc(100%/2 - 40px/2);
}

.consul_box {
	padding: 10px;
	/* background: #ffe9c1; */
	
    background: #fff4e0;
	border-radius: 10px;
}
.consul iframe {
	display: block;
	margin-inline: auto;
	width: 100%;
}
/*================================
トピックス・バナー
================================*/
.topics {
	background: url(common/img/pattern01.jpg)top center;
}
.topics .inner {
	padding-top: 20px;
	padding-bottom: 60px;
}
.topics a:hover {
	opacity: 0.8;
}
.topics h1 {
	margin-top: 30px;
	text-align: center;
	font-weight: bold;
	font-size: 21px;
	color: #60491c;
}
.topics p {
	text-align: center;
}
/*topics_video*/
.topics_video {
	text-align: center;
}
.topics_video .video_frame {
	position: relative;
	z-index: 1;
	margin-left: auto;
	margin-right: auto;
	padding-top: 462px;
	max-width: 260px;
}
.topics_video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.topics_video .video_frame_2 {
	position: relative;
	z-index: 1;
	margin-left: auto;
	margin-right: auto;
	padding-top: 462px;
	width: 95%;
	max-width: 736px;
	height: auto;
}
.topics_video video {
	position: absolute;
	top: 10%;
	left: 0;
	width: 100%;
}
/*================================
トピックス・バナー02
================================*/
.topics02 {
	background: #fff;
}
.topics02 .inner {
	padding-top: 60px;
	padding-bottom: 60px;
}
.topics02_infect {
	text-align: center;
	margin-bottom: 30px;
}
.topics02_infect_link {
	display: inline-block;
}
/*
.recruit {
	max-width: 1320px;
	margin: 0 auto;
	background: url(img/recruit_pic.jpg)left center/auto 100% no-repeat;
	-webkit-transition: .3s;
	transition: .3s;
}
.recruit:hover {
	opacity: 0.8;
}
.recruit_sentence {
	margin-left: auto;
	width: 58%;
	padding: 30px;
	background: url(common/img/pattern02.png)top left;
	text-align: center;
	color: #000;
}
.recruit_title_en {
	display: inline-block;
	margin-bottom: 20px;
	min-width: 310px;
	font-family: 'Jost', sans-serif;
	font-size: 3.4rem;
	line-height: 1.7;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
}
.recruit_title_jp {
	margin-bottom: 20px;
	font-size: 3.4rem;
	line-height: 1.6;
}
.recruit_text {
	display: inline-block;
	padding: 0 80px;
	background:
		url(img/recruit_deco01.png)left center/auto 100% no-repeat,
		url(img/recruit_deco02.png)right center/auto 70% no-repeat;
	font-size: 1.6rem;
}
*/
/*================================
お知らせ
================================*/
.news {
	/* background: url(img/news_bg.jpg)top center; */
	background-color: #f5f5f5;
	padding-top: 60px;
	margin-bottom: 50px;
}
.news .inner {
	max-width: calc(1000px + 120px);
	padding-top: 30px;
	padding-bottom: 50px;
	width: fit-content;
}


.news_list_wrap {
}

.news_list {
	max-height: 380px;
	overflow-y: scroll;
    padding-right: 20px;
	line-height: 1.7;
}
.news_list dt {
    float: left;
    width: fit-content;
    font-size: 2rem;
    letter-spacing: 1px;
}
.news_list dd span{
	font-weight: bold;
}
.news_list dd a{
	text-decoration: underline;
}
.news_list dd {
	margin-bottom: 20px;
	padding-left: 160px;
	font-size: 2rem;
}
/*================================
無料相談
================================*/
.free-consul {
	background: url(common/img/pattern01.jpg)top center;
}
.free-consul .inner {
	padding: 60px 0 100px;
	max-width: 100%;
}
.free-consul .lead-text {
	margin-bottom: 50px;
	  font-family: "Noto Serif JP", serif;
	font-weight: 700;
	font-size: 3rem;
	text-align: center;
	line-height: 1.4;
	color: #453130;
}
.free-consul_container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.free-consul_content {
	width: 50%;
}
.free-consul_content_pic {}
.free-consul_content_sentence {
	position: relative;
	z-index: 1;
	margin-top: -30px;
	padding: 60px;
	max-width: 780px;
	background: rgba(255, 255, 255, 0.6);
	text-align: center;
}
.free-consul_content.-odd .free-consul_content_sentence {
	margin-left: auto;
	margin-right: 40px;
}
.free-consul_content.-even .free-consul_content_sentence {
	margin-right: auto;
	margin-left: 40px;
}
.free-consul_content_sentence::before {
	position: absolute;
	z-index: -1;
	content: "";
	left: 8px;
	top: 8px;
	width: calc(100% - 16px);
	height: calc(100% - 16px);
	background: #fff;
}
.free-consul_content_title {
	margin-bottom: 30px;
	  font-family: "Noto Serif JP", serif;
	font-weight: 700;
	font-size: 3.4rem;
	color: #45b377;
}
.free-consul_content_lists {
	/*flex*/
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	/*othres*/
	margin: 0 auto 20px;
	max-width: 600px;
}
.free-consul_content_lists li {
	width: 50%;
	margin-bottom: 10px;
	padding-left: 36px;
	background: url(img/check01.png)left top no-repeat;
	text-align: left;
}
.free-consul_content_text {
	display: inline-block;
	margin-bottom: 30px;
	  font-family: "Noto Serif JP", serif;
	font-weight: 700;
	font-size: 1.8rem;
	text-align: left;
}

/*================================
当院が選ばれる理由
================================*/


.reason_scroll {
	background: url(./img/reason_bg.jpg);
	padding: 0px 0 100px;
}

.reason_inner {
	position: relative;
	background: url(./img/reason_bg.jpg);
	/* padding-right: 20%; */
    padding-block: 50px;

    /* スクロールアニメーションのための高さを確保 */
}

.reason_item_wrap {
	/* max-width: 1366px; */
	width: 100%;
	margin: 0 auto;
    display: flex; /* 子要素を横並びに */
    flex-wrap: nowrap; /* 折り返しを禁止 */
    margin: 0 auto;
    align-items: flex-start;
	max-height: 1000px;
	/* min-height: 1000px; */
	/* width: fit-content; */
}

/* 左側に固定されるタイトルコンテナ */
.reason_ttl_wrap_fixed {
    position: sticky;
    top: 0;
    width: 30%;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    overflow: hidden;
    z-index: 10;
}

/* タイトルを縦に並べるコンテナ */
.reason_ttl_scroll {
    position: relative;    /* 各タイトルの高さに合わせて調整 */
    height: calc(100vh * 5); 
}


/* 右側に横スクロールするコンテンツコンテナ */
.reason_scroll {
	position: relative;
    /* overflow: hidden; */
    flex-shrink: 0;
}

.reason_item_wrap {

}

.reason_item {
	flex-shrink: 0;
	/* background-color: #fff; */
    display: flex;

    align-items: stretch;
}

.reason_item_wrap .reason_ttl_wrap{
	/* display: none; */
}
.reason_05 .reason_ttl_wrap{
    border-right-width: 2px;
}

.reason_ttl_wrap {
	border-bottom: solid 20px #c29700;
	background-image: -moz-linear-gradient( 90deg, rgb(253,247,224) 0%, rgb(244,226,164) 100%);
	background-image: -webkit-linear-gradient( 90deg, rgb(253,247,224) 0%, rgb(244,226,164) 100%);
	background-image: -ms-linear-gradient( 90deg, rgb(253,247,224) 0%, rgb(244,226,164) 100%);
	position: relative;
	width: 74px;
	height: 874px;
    border-right-width: 0;
	
    border: solid 2px;
    z-index: 1;
	/* height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center; */
	/* position: sticky;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10; */
	position: sticky;
    left: 0;
    top: 0;
}

.reason_ttl {
	display: flex;
    align-items: center;
	gap: 30px;
    writing-mode: vertical-rl;
    width: 100%;
	padding-top: 60px;
}

.reason_ttl_txt {
	font-size: 22px;
	font-weight: 400;
}

.reason_ttl_eng {
	font-size: 26px;
	font-weight: 200;
	text-orientation: sideways;
}

.reason_cont {
	background-color: #fff;
    /* width: calc( 100vw - 74px ); */
    width: calc( 100vw - 74px*5 ); /* コンテンツに合わせて幅を自動調整 */
	position: relative;
	max-width: 1366px;
    z-index: 0;
	/* display: none; */
}

/*--------------------------------
Reason横スライド用
--------------------------------*/
.reason_item {
	display: flex;
	overflow: hidden;
	position: relative;
	z-index: 0;
    max-height: 875px;
	
	/* border-top-left-radius:  50px; */
	background: #fff!important;

}
  
  /* タイトル部分 */
  .reason_ttl_wrap::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	background-color: #fafafa;
	opacity: 0;
	display: block;
	transition: opacity 0.35s ease;
	pointer-events: none; /* クリック無効で元のイベント優先 */
    width: 100%;
    height: 100%;
    z-index: -1;
  }
  
/* ▼ hover時にふわっと表示 */
.reason_ttl_wrap:hover::before {
	opacity: 1;
  }
  /* .reason_item:hover .reason_ttl_wrap::before {
	opacity: 1;
  } */

  .reason_ttl_wrap {
	width: 74px;
	cursor: pointer;
	display: flex;
    align-items: flex-start;
	justify-content: center;
    overflow: hidden;
	padding: 10px;
	transition: background 0.3s, border-right-width 0.3s, border-right-style 0.3s;
    border-color: #c29700;
	z-index: 2;
    border-top-left-radius: 50px;
	border-right: none;
	border-bottom: solid 20px #c29700;
	
  }
  
  /* ハイライト（active時） */
  .reason_item.active {
    border-right: none;
  }

  .reason_item.active .reason_ttl_wrap {
	/* background: #fafafa; */
	/* border-right-width: 2px;
    border-right-style: solid; */
  }
  
  /* コンテンツ部分（横スライド） */
  .reason_cont {
	/* border-top: solid 2px; */
	/* border-bottom: solid 2px; */
	background-color: #fff;
	width: 0;
	max-width: calc(100vw - 74px * 5);
	overflow: hidden;
	transition: width 0.6s ease, opacity 0.6s ease;
	opacity: 0;
	z-index: 1;
	position: relative;
	pointer-events: none; /* 非アクティブ時クリック不可 */
  }
  
  /* active時 */
  .reason_item.active .reason_pic {
	display: block;
  }
  .reason_pic {
	display: none;
  }
  .reason_item.active .reason_cont {
	width: calc(100vw - 74px * 5)!important;
	opacity: 1!important;
	pointer-events: auto!important;
  }
  
  /* 中身 */
  
  .reason_item.active .reason_cont_inner {
	display: block;
  }
  
  /* SP時は縦アコーディオン */
  @media screen and (max-width: 768px) {
	/* .reason_item {
	  display: block;
	}
	.reason_ttl_wrap {
	  width: 100%;
	  border-left: none !important;
	}
	.reason_cont {
	  width: 100% !important;
	  max-height: 0;
	  transition: max-height 0.4s ease;
	  opacity: 1;
	  pointer-events: auto;
	}
	.reason_item.active .reason_cont {
	  max-height: 500px; 
	} */
	/* 必要に応じて調整 */
  }

.reason_cont_inner {
    min-height: 855px;
	border-bottom: solid 1px #c29700;
	padding-bottom: 35px;
	display: none;
	/* background-image: -moz-linear-gradient( 90deg, rgb(253,247,224) 0%, rgb(244,226,164) 100%);
	background-image: -webkit-linear-gradient( 90deg, rgb(253,247,224) 0%, rgb(244,226,164) 100%);
	background-image: -ms-linear-gradient( 90deg, rgb(253,247,224) 0%, rgb(244,226,164) 100%); */
}

.reason_pic {
	position: relative;
    padding-top: 30px;
    z-index: 1;
    width: fit-content;
}
.reason_pic::after {
	content: "";
	background-color: rgba(236, 235, 232, 0.5);
	width: 900px;
	height: 530px;
	position: absolute;
    bottom: -50px;
    left: 40px;
    z-index: -1;
}

.reason_txt_wrap {
	margin-top: -85px;
	margin-left: 130px;
    padding-right: 70px;
	position: relative;
    z-index: 1;
}

.reason_txt_ttl {
	font-size: 38px;
	color: #46372d;
	line-height: 1.316;
	font-weight: 500;
    position: relative;
    z-index: 1;
    margin-bottom: 25px;
	text-shadow: 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff;
}

.reason_txt_eng {
	font-size: 42px;
    margin-bottom: 25px;
	color: #46372d;
    line-height: 1;

}

.reason_txt_eng::first-letter {
	color: #e9b500;
}

.reason_txt {
    font-size: 18px;
}


.reason_item.active {
	/* border-right-width: 2px;
	border-right-style: solid; */
}

.reason_01 {
	border-color: #c29700;
	/* margin-top: -1px; */
	/* border-top: solid 2px transparent; */

}

.reason_01 .reason_cont{
	border-color: #c29700;
}

.reason_02 .reason_txt_eng::first-letter {
	color: #aa9a7e;
}
.reason_02 .reason_cont{
	border-color: #aa9a7e;
}
.reason_02 .reason_cont_inner{
	border-color: #aa9a7e;
}
.reason_02 .reason_ttl_wrap{
	border-color: #aa9a7e;
	background-image: -moz-linear-gradient( 90deg, rgb(239,235,229) 0%, rgb(222,211,192) 100%);
	background-image: -webkit-linear-gradient( 90deg, rgb(239,235,229) 0%, rgb(222,211,192) 100%);
	background-image: -ms-linear-gradient( 90deg, rgb(239,235,229) 0%, rgb(222,211,192) 100%);
}
.reason_02 {
	background-image: -moz-linear-gradient( 90deg, rgb(253,247,224) 0%, rgb(244,226,164) 100%);
	background-image: -webkit-linear-gradient( 90deg, rgb(253,247,224) 0%, rgb(244,226,164) 100%);
	background-image: -ms-linear-gradient( 90deg, rgb(253,247,224) 0%, rgb(244,226,164) 100%);
	border-color: #aa9a7e;
	/* border-top: solid 2px #c29700; */
}

.reason_03 .reason_txt_eng::first-letter {
	color: #7b8a68;
}
.reason_03 .reason_cont_inner{
	border-color: #7b8a68;
}
.reason_03 .reason_cont{
	border-color: #7b8a68;
}
.reason_03 .reason_ttl_wrap{
	border-color: #7b8a68;
	background-image: -moz-linear-gradient( 90deg, rgb(235,240,228) 0%, rgb(196,208,181) 100%);
	background-image: -webkit-linear-gradient( 90deg, rgb(235,240,228) 0%, rgb(196,208,181) 100%);
	background-image: -ms-linear-gradient( 90deg, rgb(235,240,228) 0%, rgb(196,208,181) 100%);
}
.reason_03 {
	background-image: -moz-linear-gradient( 90deg, rgb(239,235,229) 0%, rgb(222,211,192) 100%);
	background-image: -webkit-linear-gradient( 90deg, rgb(239,235,229) 0%, rgb(222,211,192) 100%);
	background-image: -ms-linear-gradient( 90deg, rgb(239,235,229) 0%, rgb(222,211,192) 100%);
	border-color: #7b8a68;
	/* border-top: solid 2px #aa9a7e; */
}

.reason_04 .reason_txt_eng::first-letter {
	color: #e9b500;
}
.reason_04 .reason_cont_inner{
	border-color: #e9b500;
}
.reason_04 .reason_cont{
	border-color: #e9b500;
}
.reason_04 .reason_ttl_wrap{
	border-color: #e9b500;
	background-image: -moz-linear-gradient( 90deg, rgb(253,247,224) 0%, rgb(244,226,164) 100%);
	background-image: -webkit-linear-gradient( 90deg, rgb(253,247,224) 0%, rgb(244,226,164) 100%);
	background-image: -ms-linear-gradient( 90deg, rgb(253,247,224) 0%, rgb(244,226,164) 100%);
}
.reason_04 {
	background-image: -moz-linear-gradient( 90deg, rgb(235,240,228) 0%, rgb(196,208,181) 100%);
	background-image: -webkit-linear-gradient( 90deg, rgb(235,240,228) 0%, rgb(196,208,181) 100%);
	background-image: -ms-linear-gradient( 90deg, rgb(235,240,228) 0%, rgb(196,208,181) 100%);
	border-color: #e9b500;
	/* border-top: solid 2px #7b8a68; */
}



.reason_05 .reason_txt_eng::first-letter {
	color: #aa9a7e;
}
.reason_05 .reason_cont_inner{
	border-color: #aa9a7e;
}
.reason_05 .reason_cont{
	border-color: #aa9a7e;
}
.reason_05 .reason_ttl_wrap{
	border-color: #aa9a7e;
	background-image: -moz-linear-gradient( 90deg, rgb(239,235,229) 0%, rgb(222,211,192) 100%);
	background-image: -webkit-linear-gradient( 90deg, rgb(239,235,229) 0%, rgb(222,211,192) 100%);
	background-image: -ms-linear-gradient( 90deg, rgb(239,235,229) 0%, rgb(222,211,192) 100%);
}

.reason_05 {
	background-image: -moz-linear-gradient( 90deg, rgb(253,247,224) 0%, rgb(244,226,164) 100%);
	background-image: -webkit-linear-gradient( 90deg, rgb(253,247,224) 0%, rgb(244,226,164) 100%);
	background-image: -ms-linear-gradient( 90deg, rgb(253,247,224) 0%, rgb(244,226,164) 100%);
	border-color: #aa9a7e;
	/* border-top: solid 2px #c29700; */

}



/*.free-consul .content_link {}*/
/*================================
当院の理念
================================*/
.philosophy {
	background: url(img/philosophy_bg0.jpg) center top;
    position: relative;
    z-index: 1;
}
.philosophy_bg {
	background: url(img/philosophy_bg.jpg) center top no-repeat;
	background-size: cover;
    max-width: 1920px;
    margin: 0 auto;
}

.philosophy .lead-text {
	text-align: center;
}
.philosophy .lead-text img{
	margin: 0 auto 100px;
	padding-top: 170px;
}

.philosophy .inner {
	padding: 0;
	max-width: 100%;
    padding-bottom: 1px;
}
.philosophy_title {
	font-size: 34px;
	color: #46372d;
	text-align: center;
	padding-bottom: 5px;
	border-bottom: solid 1px #e9b500;
	max-width: 270px;
	margin: 0 auto 25px;
    font-weight: 500;
}

.philosophy_container {
	/* margin-bottom: 60px; */
	padding-top: 50px;
	position: relative;
	z-index: 1;
    padding-bottom: 20px;
	/* min-height: 580px; */
}
.philosophy_container_text {
	margin-bottom: 60px;
	font-weight: 500;
	font-size: 2rem;
	text-align: center;
	line-height: 1.4;
}
.philosophy_flex {
	/*flex*/
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
	/*others*/
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	width: 100%;
}
.philosophy_flex .flex_item {
	position: relative;
	z-index: 1;
}
.philosophy_sentence {
	display: flex;
	align-items: center;
	justify-content: center;
    gap: 15px;
	margin-bottom: 70px;
}
.philosophy_sentence .post {
	font-weight: 500;
	font-size: 2.4rem;
	color: #46372d;
	line-height: 1.4;
}
.philosophy_sentence .name {}
.philosophy_sentence .name_jp {
	font-weight: 500;
	font-size: 3.4rem;
	color: #46372d;
	line-height: 1.4;
    position: relative;
}
.philosophy_sentence .name_en {
	font-weight: 200;
	font-size: 2rem;
	color: #5e892a;
	line-height: 1;
    display: block;
	position: absolute;
	bottom: -30px;

    right: -10px;
	width: 120px;

}



/*施設基準について
--------------------------------*/
#facilitycriteria {
 text-size-adjust:100%;
 -webkit-text-size-adjust:100%;
 font-family: "Noto Serif JP", serif;
 background: #fff;
 position: relative;
 padding-top: 60px;
}
#facilitycriteria .inner {
  padding: 40px 0 100px;
	width:95%;
	max-width:950px;
}
#facilitycriteria .frame01 {
  padding: 30px;
	background:#f4f4f4;
}
#facilitycriteria .frame02 {
  padding: 30px 60px;
  background: #ffffff;
  border-radius: 10px;
	max-width:650px;
	margin:0 auto;
}
#facilitycriteria .ttl {
  margin-bottom: 35px;
  font-size: 28px;
  text-align: center;
	color:#60491c;
	font-weight:bold;
}
#facilitycriteria .facilitycriteria_txt {
	text-align: center;
	max-width: 720px;
	margin: 0 auto 25px;
}
#facilitycriteria .color01 {
	color: #e99200;
	font-weight:bold;
}
.facilitycriteria_ul {
}
.facilitycriteria_ul li {
  position: relative;
  z-index: 1;
  padding-left: 1em;
  text-indent: -1em;
  text-align: left;
  font-size: 16px;
  line-height: 1.6;
}
.facilitycriteria_ul li:first-letter {
  color: #e99200;
}




.PickUp_ttl {
	display: flex; /* 文字を横並びにする */
	justify-content: center; /* 中央寄せ */
	margin-bottom: 30px;
}
.PickUp_ttl span{
	font-size: 48px;
	color: #46372d;
	text-align: center;
	/* アニメーションの基本設定 */
	animation: jump 3s ease-in-out infinite; /* ease-in-outを追加 */
    transform-origin: 50% 100%; /* ジャンプの基点を文字の下部に設定 */

	display: inline-block; /* 変換を適用するために必要 */
	position: relative; /* アニメーション中の位置を調整するために必要 */
}
  


/* アニメーションの定義 */
@keyframes jump {
	0% {
	  transform: translateY(0); /* 開始時は元の位置 */
	}
	30% {
	  transform: translateY(-25px); /* 中間点で上に移動 */
	}
	60% {
	  transform: translateY(0); /* 終了時は元の位置に戻る */
	}
}


.check_lists {
	margin-bottom: 60px;
}

#PickUp_invisalign .check_lists {
	margin-bottom: 20px;
}


.PickUp_content {
	display: flex;
	justify-content: center;
	align-items: stretch;
	max-width: 1500px;
	margin: 0 auto;
	background: url(./img/PickUp_bg01.png?11) no-repeat center bottom / cover;
}

#PickUp_invisalign {
	background: url(./img/PickUp_bg02-2.png) no-repeat center bottom / cover;
	margin-top: 40px;
	margin-bottom: 60px;
}

.PickUp_content div:first-of-type {
}

.PickUp_img {
    max-width: 100%;
	width: 643px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding: 20px;
	position: relative;
    z-index: 1;
}

.PickUp_img_ttl {
	background: url(./common/img/PickUp_ttl.png) center no-repeat;
    background-size: contain;
	max-width: 603px;
    font-size: 28px;
	width: 100%;
	padding-bottom: 7px;
	margin: 0 auto;
	min-height: 56px;
    display: grid;
    align-items: center;
	justify-content: center;
}

.PickUp_bg::before {
	/* content: "";
	background: url(./img/pick_ortho.png) no-repeat left top;
    background-size: contain;
	width: 743px;
	height: 490px;
	display: inline-block;
	position: absolute;
	right: 100%;
	top: 0;
    z-index: 0; */
}
.PickUp_bg {
	/* background: url(./img/PickUp_left_bg.png) no-repeat right top;
    background-size: contain; */
	min-height: 490px;
	padding: 40px;
	max-width: 713px;
    width: 100%;
	position: relative;
}

.PickUp_bg_txt {
	text-align: center;
	font-size: 28px;
	color: #46372d;
	font-weight: 500;
	margin-bottom: 20px;
}
.PickUp_bg_txt span {
	display: block;
	font-size: 22px;
	color: #fff;
	font-weight: 500;
	line-height: 1.455;
}
.PickUp_bg_item .txt {
	font-size: 18px;
	font-weight: 500;
	color: #46372d;
	line-height: 1.778;
	text-align: center;
}


.PickUp_youtube {
	margin: 0 auto;
	max-width: 100%;
	display: block;
}

.PickUp_img +.PickUp_bg {
	/* background: url(./img/PickUp_right_bg.png) no-repeat left top;
    background-size: contain; */
}

.PickUp_img_txt {
	background-color: rgba(255, 255, 255, 0.9);
	border-radius: 4px;
	max-width: 600px;
	min-height: 75px;
	width: fit-content;
    margin: 0 auto 20px;
	padding: 5px 15px;
    font-size: 18px;
    font-weight: 500;
}

.bnr_box {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 20px 40px;
	margin-bottom: 60px;
}

/*================================
診療内容
================================*/
.services {
	background: url(./common/img/service_bg.jpg) center/cover;
	padding-top: 80px;
}
.services .inner {
    padding-top: 55px;
	padding-bottom: 100px;
    max-width: calc(1000px + 120px);
	margin-bottom: 40px;
}

.services_lists {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	gap: 30px 25px;
}
.services_lists_item {
	width: 100%;
	max-width: 225px;
	min-height: 210px;
	/* width: calc(100%/4 - (100px/4)); */
	border-radius: 10px;
	background-color: rgba(255, 255, 255, 0.5);
	padding: 6px;
}
.services_lists_link {
	/*flex*/
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
    justify-content: flex-end;
	align-items: center;
	flex-direction: column;
	padding-bottom: 25px;
	/*others*/
	-webkit-transition: .4s;
	transition: .4s;
	position: relative;
	z-index: 1;
	margin: 0 auto;
	width: 213px;
	height: 198px;
	border-radius: 8px;
	background-color: #fff;
	background-position: top 40px center;
	background-repeat: no-repeat;
	text-align: center;
}

.services_lists_content {
	-webkit-transition: .4s;
	transition: .4s;
	font-size: 1.8rem;
	color: #46372d;
}

.services_lists_eng {
	font-size: 25px;
	font-family: "Mrs Saint Delafield";
	color: #839a68;
	line-height: 1.28;
	text-align: center;
	-webkit-transition: .4s;
	transition: .4s;
}

.medical_lists_link::before {
	-webkit-transition: .4s;
	transition: .4s;
	opacity: 0;
	position: absolute;
	z-index: -1;
	content: "";
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background-color: #543e3d;
	background-position: top 40px center;
	background-repeat: no-repeat;
}

/*icon*/
.services_lists_link.-icon_cavities {
	background-image: url(img/services_icon_cavities.png);
}
.services_lists_link.-icon_perio {
	background-image: url(img/services_icon_perio.png);
}
.services_lists_link.-icon_root {
	background-image: url(img/services_icon_root.png);
}
.services_lists_link.-icon_pediatric {
	background-image: url(img/services_icon_pediatric.png);
}
.services_lists_link.-icon_prevention {
	background-image: url(img/services_icon_prevention.png);
}
.services_lists_link.-icon_ceramic {
	background-image: url(img/services_icon_ceramic.png);
}
.services_lists_link.-icon_whitening {
	background-image: url(img/services_icon_whitening.png);
}
.services_lists_link.-icon_wisdom {
	background-image: url(img/services_icon_wisdom.png);
}
.services_lists_link.-icon_TMD {
	background-image: url(img/services_icon_TMD.png);
}
.services_lists_link.-icon_ortho {
	background-image: url(img/services_icon_ortho.png);
}
.services_lists_link.-icon_implant {
	background-image: url(img/services_icon_implant.png);
}
.services_lists_link.-icon_dentures {
	background-image: url(img/services_icon_dentures.png);
}
/*hover*/
.services_lists_link:hover {
	background-color: #ebe8d7;
	/* background-color: #543e3d; */
}
.services_lists_link:hover::before {
	/* opacity: 1; */
}
.services_lists_link:hover .services_lists_content {
	font-weight: bold;
}
.services_lists_link:hover .services_lists_eng {
	color: #46372d;

	/* font-weight: bold; */
}

.slide_wrap {
	overflow: hidden;
	padding: 60px 0 80px;
	background-color: #ecebe8;
    position: relative;
}

.slide_wrap .slide_img {
	animation: slide_img 40s linear infinite;
	display: flex;
	width: calc(430px * 10);
	height: 100%;
	gap: 20px;
	padding: 0 20px;
}
.slide_wrap .slide_img {
margin-bottom: 0;
}

@keyframes slide_img {
0% {
	-webkit-transform: translateX(calc(-430px * 5));
	transform: translateX(calc(-430px * 5));

}
100% {
	-webkit-transform: translateX(0);
			transform: translateX(0);
}
}

.slide_txt {
	position: relative;
    top: -40px;
}
.slide_scroll_txt {
	width: 100%; /* コンテナの幅をビューポート全体に設定 */
	overflow: hidden; /* コンテナからはみ出したコンテンツを非表示に */
	white-space: nowrap; /* テキストの折り返しを禁止 */
	box-sizing: border-box;
}

.slide_eng {
	margin-top: -50px;
	font-size: 80px;
	color: #fff;
	text-align: left;
	padding-left: 100%;
	display: inline-block; /* インラインブロック要素に設定 */
	animation: scroll-left 30s linear infinite; /* アニメーションのプロパティ */
}
/* アニメーションの定義 */
@keyframes scroll-left {
	0% {
	  transform: translateX(0); /* アニメーション開始時 */
	}
	100% {
	  transform: translateX(-100%); /* アニメーション終了時（要素の幅分だけ左に移動） */
	}
  }

.slide_p {
	font-size: 28px;
	color: #46372d;
	line-height: 1.143;
	text-align: center;
	padding-left: 15%;

}

@media (min-width: 1920px) {
	#main-visual .main-slider,
	#main-visual .swiper-slide{
		max-width: 1920px;
		margin: 0 auto;
	}
}
@media (min-width: 1600px) {
	#main-visual .swiper-slide{
		min-height: 700px;
	}
	

}
@media (min-width: 1366px) {
	.PickUp_content {
        max-width: 1920px;
	}
	.philosophy .lead-text img {
		margin: 0 auto 8%;
	}
}
@media (max-width: 1920px) {

}
@media (max-width: 1600px) {
	.mv_features {
	}
	.mv_logo {
	}
	.mv_address {
	}
	.mv_info02 {
	}
	.mv_catch {
	}

	.swiper-slide {
		/* height: calc(100vw * 0.40); */
	}
}
/*================================
ノートPC 1366px～0px
================================*/
@media (max-width: 1366px) {
	/* リンクボタン
	================================*/
	.link_btn {}
	/*================================
	メインビジュアル
	================================*/
	#main-visual {}
	#main-visual .swiper-slide{

	}
	.main_slider {}
	/*スライド画像
	--------------------------------*/
	/*スライドカバー
	--------------------------------*/
	.slider_cover {
		width: calc(100% - 20px);
	}
	.mv_info {
		right: 50px;
        bottom: 5px;
	}
	.mv_logo img{
		display: inline-block;
		max-width: 302px;
		width: 302px;
		position: relative;
		z-index: 1;
	}
	.mv_address {
		/* font-size: 1.6rem; */
        line-height: 1;
	}
	.mv_tel {
		font-size: 3rem;
		background-size: auto 90%;
		padding-left: 30px;
	}
	.mv_features {
		/* width: 34%; */
		right: 0;
	}
	.mv_features_item {}
	.mv_features_text {}
	.mv_text {
		-webkit-transform: translateY(-36%);
		transform: translateY(-36%);
	}
	.mv_text img {
		width: 50%;
	}
	.mv_catch {
	}
	/* メインビジュアルに追加のお知らせ
	================================*/
	.mv_notice {}
	.mv_notice::before {}
	.mv_notice .inner {}
	.mv_notice_text {}
	.mv_notice .big {}
	.mv_notice .em {}
	.mv_notice .line {}

	/*================================
	矯正相談・インプラント相談
	================================*/
	.philosophy_bg {
		background-size: contain;
	}
	/*================================
	トピックス・バナー
	================================*/
	.topics {}
	.topics .inner {}
	/*================================
	トピックス・バナー02
	================================*/
	.topics02 {}
	.topics02 .inner {}
	.recruit {}
	.recruit:hover {}
	.recruit_sentence {}
	.recruit_title_en {}
	.recruit_title_jp {}
	.recruit_text {}
	/*================================
	お知らせ
	================================*/
	.information {}
	.information .inner {}
	.news {}
	.news_list_wrap {}
	.news_list {}
	.news_list dt {}
	.news_list dd {}
	/*================================
	無料相談
	================================*/
	.free-consul {}
	.free-consul .inner {}
	.free-consul .lead-text {}
	.free-consul_container {}
	.free-consul_content {}
	.free-consul_content_pic {}
	.free-consul_content_sentence {}
	.free-consul_content.-odd .free-consul_content_sentence,
	.free-consul_content.-even .free-consul_content_sentence {
		margin-left: 40px;
		margin-right: 40px;
	}
	.free-consul_content_title {}
	.free-consul_content_lists {
		display: inline-block;
	}
	.free-consul_content_lists li {
		width: 100%;
	}
	.free-consul_content_text {}
	/*.free-consul .content_link {}*/

	.reason_cont {
		/* width: fit-content; */
	}



	.reason_txt_ttl {
		margin-bottom: 0;
		font-size: 30px;
	}

	.reason_txt_eng {
		font-size: 32px;
		margin-block: 5px;
	}
	.reason_txt {
        max-width: 100%;
		font-size: 16px;
        line-height: 1.7;
    }
	.reason_pic {
		margin: 0 auto 20px;
	}
	.reason_pic img {
		width: 500px;
	}
	.reason_ttl {
        padding-top: 20px;
        gap: 20px;
		height: 100%;
	}
		
	.reason_item {
		max-height: 660px;
		
	}
	.reason_ttl_wrap {
		height: 660px;
	}
	.reason_cont_inner {
        min-height: 640px;
        padding: 10px;
	}
	
	.reason_ttl_txt {
		font-size: 18px;
	}
	.reason_ttl_eng {
		font-size: 22px;
	}

	.reason_pic::after {
        height: 100%;
        width: 100%;
	}

	.reason_txt_wrap {
		margin-top: 0;
        margin-left: 10px;
        padding-right: 10px;
	}

	/*================================
	当院の理念
	================================*/
	.philosophy {
		/*
		background:
			url(img/philosophy_bg_pic01_ver02.jpg)left top/24% auto no-repeat,
			url(img/philosophy_bg_pic02_ver02.jpg)right bottom/24% auto no-repeat #fff;
			*/
	}
	.philosophy .inner {
		padding-bottom: 0px;
	}
	.philosophy .lead-text img {
		margin: 0 auto 10px;
		padding-top: 40%;
	}
	.philosophy .main-title {}
	.philosophy .lead-text {}
	.philosophy_container {
		padding-top: 0;
        padding-bottom: 40px;
	}
	.philosophy_container_text {
		margin-bottom: 40px;
	}
	.philosophy_flex {
		position: static;
		margin: 0 auto;
		max-width: 900px;
	}
	.philosophy_flex .flex_item {
		width: 46%;
	}
	.philosophy_sentence {}
	.philosophy_sentence .post {}
	.philosophy_sentence .name {}
	.philosophy_sentence .name_jp {}
	.philosophy_sentence .name_en {}
	/*================================
	5つの特長
	================================*/
	.feature {}
	.feature .inner {}
	.feature .main-title {}
	.feature_container {
		width: calc(100% - 60px);
	}
	.feature_sentence {}
	.feature_title_en {}
	.feature_title_jp {}
	.feature_text {}
	/*container01
	--------------------------------*/
	.container01 {
		min-height: 760px;
	}
	.container01::before {
		top: 80px;
		width: 60%;
		height: 540px;
	}
	.container01 .feature_sentence {}
	.container01 .feature01_pic01 {
		bottom: 0;
		width: 33%;
	}
	.container01 .feature01_pic01 .pic_frame {}
	.container01 .feature01_pic01 .pic_frame::before {
		right: 20px;
		top: 40px;
	}
	.container01 .feature01_pic02 {
		width: 50%;
	}
	.container01 .feature01_pic03 {
		right: 20%;
		width: 38%;
	}
	/*container02
	--------------------------------*/
	.container02 {
		min-height: 400px;
	}
	.container02::before {
		width: 60%;
		height: 300px;
	}
	.container02 .feature_sentence {}
	.container02 .feature02_pic01 {
		width: 52%;
	}
	.container02 .feature02_pic02 {
		top: 80px;
		left: 100px;
	}
	/*container03
	--------------------------------*/
	.container03 {
		min-height: 880px;
	}
	.container03::before {
		width: 60%;
		height: 600px;
	}
	.container03 .feature_sentence {}
	.container03 .feature03_pic01 {
		width: 46%;
		left: 10%;
	}
	.container03 .feature03_pic02 {
		width: 52%;
	}
	/*container04
	--------------------------------*/
	.container04 {
		min-height: 960px;
	}
	.container04::before {
		width: 60%;
		height: 520px;
	}
	.container04 .feature_sentence {}
	.container04 .feature04_pic01 {
		width: 54%;
	}
	.container04 .feature04_pic02 {
		width: 46%;
		right: 10%;
	}
	/*container05
	--------------------------------*/
	.container05 {
		min-height: 960px;
	}
	.container05::before {
		width: 62%;
		height: 600px;
	}
	.container05 .feature_sentence {}
	.container05 .feature05_pic01 {
		width: 40%;
		left: 10%;
	}
	.container05 .feature05_pic02 {
		width: 56%;
	}
	/*================================
	インビザライン
	================================*/
	.invisa {}
	.invisa .inner {}
	.invisa_frame {}
	.invisa_video {}
	.invisa_sentence {}
	.invisa_title {}
	.invisa_title .small {}
	.invisa_lists {}
	.invisa_lists li {}
	.invisa_link {}
	/*================================
	お口のことでお悩みはございませんか？
	================================*/
	.services {}
	.services .inner {}
	.services .main-title {}
	.services_lists {
		justify-content: space-around;
		gap: 10px;
	}
	.services_lists_item {}
	.services_lists_link {}
	.services_lists_content {}
}
/*================================
TABLET横 1080px～0px
================================*/
@media (max-width: 1080px) {
	/* リンクボタン
	================================*/
	.link_btn {}
	/*================================
	メインビジュアル
	================================*/
	#main-visual {
	}
	.main_slider {
		
	}
	.swiper-slide {
		background-position: top;
		min-height: 400px;
	}
	/*スライド画像
	--------------------------------*/
	/*スライドカバー
	--------------------------------*/
	.slider_cover {}
	.mv_info {}
	.mv_logo {}
	.mv_address {}
	.mv_tel {}
	.mv_features {
		/* display: none; */
		position: absolute;
		top: 135%;
		left: 0;
	}
	.mv_features_item {}
	.mv_features_text {}
	.mv_text {}
	.mv_catch {
		left: 0;
        bottom: 5px;
		max-width: 348px;
	}
	.mv_info02 {
		position: absolute;
		/* right: 40px; */
		right: 7%;
		bottom: 10px;
		width: 30%;
	}
	/* メインビジュアルに追加のお知らせ
	================================*/
	.mv_notice {}
	.mv_notice::before {}
	.mv_notice .inner {}
	.mv_notice_text {
		font-size: 2rem;
	}
	.mv_notice .big {
		font-size: 2.6rem;
	}
	.mv_notice .em {
		font-size: 3.6rem;
	}
	.mv_notice .line {
		text-decoration-thickness: 1.2rem;
	}

	.main {
		padding-top: 200px;
	}
	/*================================
	矯正相談・インプラント相談
	================================*/
	.consul {}
	.consul .inner {}
	.consul_fl {}
	.consul_fl_item {}
	.consul_title01 {}
	.consul_title02 {}
	.consul_box {}
	.consul iframe {}

	.philosophy_bg {
		
        padding-top: 15%;
		background: url(img/philosophy_bg_tab.jpg) center top no-repeat;
	}
	
	.philosophy_title {
        padding-top: 25%;
	}
	/*================================
	トピックス・バナー
	================================*/
	.topics {}
	.topics .inner {}
	/*================================
	トピックス・バナー02
	================================*/
	.topics02 {}
	.topics02 .inner {}
	.recruit {}
	.recruit:hover {}
	.recruit_sentence {}
	.recruit_title_en {}
	.recruit_title_jp {}
	.recruit_text {}
	/*================================
	お知らせ
	================================*/
	.information {}
	.information .inner {}
	.news {}
	.news_list_wrap {}
	.news_list {}
	.news_list dt {}
	.news_list dd {}
	/*================================
	無料相談
	================================*/
	.free-consul {}
	.free-consul .inner {}
	.free-consul .lead-text {}
	.free-consul_container {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		gap: 60px;
	}
	.free-consul_content {
		width: 100%;
	}
	.free-consul_content_pic {}
	.free-consul_content_sentence {
		max-width: 100%;
	}
	.free-consul_content_title {}
	.free-consul_content_lists {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}
	.free-consul_content_lists li {
		width: 50%;
	}
	.free-consul_content_text {}
	/*.free-consul .content_link {}*/
	/*================================
	当院の理念
	================================*/
	.philosophy {}
	.philosophy .inner {}
	.philosophy .main-title {}
	.philosophy .lead-text {}
	.philosophy_container {}
	.philosophy_container_text {}
	.philosophy_flex {}
	.philosophy_flex .flex_item {}
	.philosophy_sentence {}
	.philosophy_sentence .post {}
	.philosophy_sentence .name {}
	.philosophy_sentence .name_jp {}
	.philosophy_sentence .name_en {}
	.philosophy .lead-text img {
		margin: 0 auto 50px;
		padding-top: 170px;
	}


	.reason_txt_ttl {
		font-size: 28px;
		margin-bottom: 10px;
	}
	.reason_txt_wrap {
        padding-right: 10px;
        margin-left: 10px;
    }
	.reason_pic img {
		/* width: 400px; */
	}
	/*================================
	5つの特長
	================================*/
	#PickUp .PickUp_content {
		flex-wrap: wrap;
		background: url(./common/img/pick_bg.jpg);
		padding-bottom: 30px;
	}

	#PickUp .check_lists {
		margin-bottom: 20px;
	}

	.PickUp_img {
		order: 2;
        padding-top: 0;
		/* background: url(./img/pick_implant.png) no-repeat center top 60px;
        padding-top: 450px; */
	}

	#PickUp_invisalign .PickUp_img {
		/* background-image: url(./img/pick_ortho.png); */
	}
	.PickUp_bg {
		min-height: auto;
        padding: 20px 0 10px;
		position: relative;
	}
	.PickUp_bg::before {
		content: "インプラント治療";
		background: url(./common/img/PickUp_ttl_sp.png) center no-repeat;
		background-size: contain;
		max-width: 603px;
		font-size: 20px;
		width: 100%;
		margin: 0 auto;
		min-height: 56px;
		display: grid;
		align-items: center;
		justify-content: center;
	}
	#PickUp_invisalign 	.PickUp_bg::before {
		content: "矯正歯科・マウスピース矯正";
	}

	.PickUp_bg_item {
		position: relative;
	}
	.PickUp_bg_item::before {
		content: "";
		background: url(./img/pick_implant.png) no-repeat center center ;
		width: 589px;
		height: 333px;
		display: block;
		max-width: 100%;
		background-size: cover;
        margin: 20px auto;
        font-weight: 600;
	}

	.PickUp_youtube  {
		margin-top: 20px;
	}

	.PickUp_bg_txt {
		line-height: 1.5;
	}
	
	#PickUp_invisalign .PickUp_bg_item::before {
		background-image: url(./img/pick_ortho.png);
	}

	.PickUp_img_ttl {
		display: none;
	}


	.PickUp_img_txt {
		background-color: rgba(255, 255, 255, 0.8);
		margin-top: 20px;
	}

	.slide_wrap {
		padding-bottom: 0;
	}
	.slide_p {
		padding: 15px;
		text-align: left;
		font-size: 24px;
	}
	
	
	
	/*================================
	インビザライン
	================================*/
	.invisa {}
	.invisa .inner {}
	.invisa_frame {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		max-width: 700px;
		margin: 0 auto;
	}
	.invisa_video {
		width: 100%;
	}
	.invisa_sentence {
		width: 100%;
		max-width: 600px;
		margin: 0 auto;
	}
	.invisa_title {}
	.invisa_title .small {}
	.invisa_lists {}
	.invisa_lists li {}
	.invisa_link {}
	/*================================
	お口のことでお悩みはございませんか？
	================================*/
	.services {}
	.services .inner {}
	.services .main-title {}
	.services_lists {}
	.services_lists_item {
		width: calc(100%/3 - (15px/3));

	}
	.services_lists_link {
		/* width: 160px;
		height: 160px;
		background-position: top 34px center;
		background-size: 60px auto; */
		width: 100%;
		height: 100%;
	}
	.services_lists_link::before {
		/* background-position: top 34px center;
		background-size: 60px auto; */
	}
	.services_lists_content {
		/* padding-top: 60px;
		font-size: 1.8rem; */
	}
}
/*================================
TABLET縦 834px～0px
================================*/
@media (max-width: 834px) {
	/* リンクボタン
	================================*/
	.link_btn {}
	/*================================
	メインビジュアル
	================================*/
	#main-visual {
		/* margin-bottom: 0; */
	}
	.main_slider {}
	.swiper-slide {
		/* height: 500px; */
	}
	.main_slide01 {
		background-position: center;
		background-size: contain;
		/* background: url(img/slide01_sp_ver05.jpg) center / 110% no-repeat #faf3e9; */
	}
	.main {
		padding-top: 100px;
	}
	/*スライド画像
	--------------------------------*/
	/*スライドカバー
	--------------------------------*/
	.slider_cover {}
	.mv_info {}
	.mv_logo {
		width: 230px;
	}
	.mv_address {}
	.mv_tel {}
	.mv_features {
		top: 105%;
		/* display: none; */
	}
	.mv_features_item {}
	.mv_features_text {}
	.mv_text {}
	.mv_text img {
		width: 80%;
	}
	.mv_catch {
		max-width: 348px;

	}
	/* メインビジュアルに追加のお知らせ
	================================*/
	.mv_notice {
		margin-bottom: 0;
	}
	.mv_notice::before {}
	.mv_notice .inner {}
	.mv_notice_text {}
	.mv_notice .big {}
	.mv_notice .em {}
	.mv_notice .line {}

	/*================================
	矯正相談・インプラント相談
	================================*/
	.consul {}
	.consul .inner {}
	.consul_fl {}
	.consul_fl_item {
		width: 100%;
	}
	.consul_title01 {}
	.consul_title02 {}
	.consul_box {}
	.consul iframe {}
	/*================================
	トピックス・バナー
	================================*/
	.topics {}
	.topics .inner {}
	.topics02_bnr {
		max-width: 450px;
		margin-inline: auto;
	}
	/*================================
	トピックス・バナー02
	================================*/
	.topics02 {}
	.topics02 .inner {}
	.recruit {}
	.recruit:hover {}
	.recruit_sentence {}
	.recruit_title_en {}
	.recruit_title_jp {}
	.recruit_text {}
	iframe.influenza_movie {
		width: 80vw;
		height: 60vw;
	}
	.influenza_ttl {
		font-size: 18px;
		padding: 2% 3%;
		width: 80vw;
		line-height: 1.4em;
	}
	/*================================
	お知らせ
	================================*/
	.information {}
	.information .inner {}
	.news {}
	.news_list_wrap {}
	.news_list {}
	.news_list dt {
		width: 180px;
	}
	.news_list dd {
		padding-left: 180px;
	}
	/*================================
	無料相談
	================================*/
	.free-consul {}
	.free-consul .inner {}
	.free-consul .lead-text {}
	.free-consul_container {}
	.free-consul_content {}
	.free-consul_content_pic {}
	.free-consul_content_sentence {
		padding: 60px 40px;
	}
	.free-consul_content_title {}
	.free-consul_content_lists {
		/*max-width: 100%;*/
	}
	.free-consul_content_lists li {}
	.free-consul_content_text {}
	/*.free-consul .content_link {}*/
	/*================================
	当院の理念
	================================*/
	.philosophy {
		/*background: url(img/philosophy_bg_pic01_ver02.jpg)left top/30% auto no-repeat, url(img/philosophy_bg_pic02.jpg)right bottom/30% auto no-repeat #fff;*/
	}
	.philosophy .inner {}
	.philosophy .main-title {}
	.philosophy .lead-text {}
	.philosophy_container {}
	.philosophy_container_text {}
	.philosophy_flex {}
	.philosophy_flex .flex_item {}
	.philosophy_sentence {}
	.philosophy_sentence .post {
		/* font-size: 1.6rem; */
	}
	.philosophy_sentence .name_jp {
		/* margin-bottom: 10px; */
		/* font-size: 2rem; */
	}
	.philosophy_sentence .name_en {
		/* font-size: 2.8rem; */
	}
    .philosophy_title {
        padding-top: 0;
    }
	.philosophy_bg {
		background-size: contain;
	}
	.philosophy .lead-text img {
        margin: 0 auto 10px;
        padding-top: 30%;
    }
	.reason_pic img {
		/* width: 300px; */
	}
	/*================================
	5つの特長
	================================*/
	.feature {}
	.feature .inner {}
	.feature .main-title {}
	.feature_container {
		width: 100%;
		padding: 0 60px;
	}
	.feature_sentence {
		width: 100%;
	}
	.feature_title_en {}
	.feature_title_jp {}
	.feature_text {}
	/*container01
	--------------------------------*/
	.container01::before {}
	.container01 .feature01_pic01 {
		position: static;
		float: left;
		width: 40%;
	}
	.container01 .feature01_pic01 .pic_frame {}
	.container01 .feature01_pic01 .pic_frame::before {}
	.container01 .feature01_pic02 {
		position: static;
		width: 100%;
		margin-bottom: 20px;
	}
	.container01 .feature01_pic03 {
		position: static;
		float: right;
		width: 56%;
		margin-bottom: 40px;
	}
	/*container02
	--------------------------------*/
	.container02 {}
	.container02::before {
		height: 180px;
	}
	.container02 .feature_sentence {
		margin-bottom: 60px;
	}
	.container02 .feature02_pic01 {
		position: static;
		width: 100%;
		margin-bottom: 40px;
	}
	.container02 .feature02_pic01 .pic_frame {}
	.container02 .feature02_pic01 .pic_frame::before {}
	/*container03
	--------------------------------*/
	.container03 {}
	.container03::before {
		height: 360px;
	}
	.container03 .feature_sentence {
		margin-bottom: 60px;
	}
	.container03 .feature03_pic01 {
		position: static;
		width: 60%;
		margin-bottom: 40px;
	}
	.container03 .feature03_pic02 {
		position: static;
		width: 100%;
		margin-bottom: 20px;
	}
	/*container04
	--------------------------------*/
	.container04 {}
	.container04::before {
		height: 360px;
	}
	.container04 .feature_sentence {}
	.container04 .feature04_pic01 {
		position: static;
		width: 100%;
		margin-bottom: 20px;
	}
	.container04 .feature04_pic02 {
		position: static;
		width: 60%;
		margin-left: auto;
		margin-bottom: 40px;
	}
	/*container05
	--------------------------------*/
	.container05 {}
	.container05::before {
		height: 360px;
	}
	.container05 .feature05_pic01 {
		position: static;
		width: 60%;
		margin-bottom: 40px;
	}
	.container05 .feature05_pic02 {
		position: static;
		width: 100%;
		margin-bottom: 20px;
	}
	/*================================
	インビザライン
	================================*/
	.invisa {}
	.invisa .inner {}
	.invisa_frame {}
	.invisa_video {}
	.invisa_sentence {}
	.invisa_title {}
	.invisa_title .small {}
	.invisa_lists {}
	.invisa_lists li {}
	.invisa_link {}
	/*================================
	お口のことでお悩みはございませんか？
	================================*/
	.services {}
	.services .inner {
		padding-left: 30px;
		padding-right: 30px;
	}
	.services .main-title {}
	.services_lists {
		justify-content: center;

	}
	.services_lists_item {
		width: calc(100% / 2 - (10px / 2));
	}
	.services_lists_link {}
	.services_lists_content {}

	.sticky {
		/* top: 0!important; */
	}

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

	.mv_address {
		display: none;
	}
	.mv_tel {
		display: none;
	}

	.reason_ttl_eng {
        display: none;
    }

	.reason_item {
		flex-wrap: wrap;
        width: 100%;
		align-items: flex-start;
		border-radius: 0;
		margin-top: 20px;
		max-height: fit-content;
	}

	.reason_ttl_wrap::before {
		display: none;
	}

	.reason_ttl_wrap {
		border-width: 2px;
		width: 100%;
		height: auto;
        border-radius: 0;
        padding: 5px;
	}
	.reason_ttl {
		gap: 0;
		writing-mode: unset;
		width: 100%;
		padding-top: 0px;
		flex-wrap: wrap;
        justify-content: center;
        line-height: 1.2;
	}

	.reason_item_wrap {
        max-height: 100%;
		flex-wrap: wrap;
	}
	

	.reason_item.active .reason_cont {
		width: calc(100vw) !important;
        max-width: 100%;
		height: 100%;
        border-top: none;
	}
	  /* ハイライト（active時） */
	  .reason_item.active .reason_ttl_wrap {
		/* background-color: #c29700; */
		border-width: 2px;
		border-right-width: 0;
		min-height: 62px;
		display: grid;
		align-content: center;
	  }
	  .reason_item.active .reason_cont_inner {
		border-width: 2px;
	  }
	  .reason_cont_inner {
        height: 100%;
		display: block;
        min-height: auto;
		padding-bottom: 20px;
    }
	.reason_cont {
		max-height: 1500px;
		height: 0;
		transition: height 0.6s,width 0.6s ease, opacity 0.6s ease;
    }
	.reason_txt_eng {
		margin-block: 15px;
	}

	.reason_item.active {
        border-right: solid 2px #c29700;
	}
	
.active.reason_01 .reason_cont_inner{
	border-left: solid 2px;
	border-color: #c29700;
}
.active.reason_02 .reason_txt_eng::first-letter {
	color: #aa9a7e;
}
.active.reason_02 .reason_cont_inner{
	/* background-image: -moz-linear-gradient( 90deg, rgb(239,235,229) 0%, rgb(222,211,192) 100%);
	background-image: -webkit-linear-gradient( 90deg, rgb(239,235,229) 0%, rgb(222,211,192) 100%);
	background-image: -ms-linear-gradient( 90deg, rgb(239,235,229) 0%, rgb(222,211,192) 100%); */
	border-left: solid 2px;
	border-color: #aa9a7e;
}
.active.reason_02 .reason_ttl_wrap{
	border-color: #aa9a7e;
	background-image: -moz-linear-gradient( 90deg, rgb(239,235,229) 0%, rgb(222,211,192) 100%);
	background-image: -webkit-linear-gradient( 90deg, rgb(239,235,229) 0%, rgb(222,211,192) 100%);
	background-image: -ms-linear-gradient( 90deg, rgb(239,235,229) 0%, rgb(222,211,192) 100%);
}
.active.reason_02 {
	background-image: -moz-linear-gradient( 90deg, rgb(253,247,224) 0%, rgb(244,226,164) 100%);
	background-image: -webkit-linear-gradient( 90deg, rgb(253,247,224) 0%, rgb(244,226,164) 100%);
	background-image: -ms-linear-gradient( 90deg, rgb(253,247,224) 0%, rgb(244,226,164) 100%);
	border-color: #aa9a7e;
}

.active.reason_03 .reason_txt_eng::first-letter {
	color: #7b8a68;
}
.active.reason_03 .reason_cont_inner{
	border-left: solid 2px;
	border-color: #7b8a68;
	/* background-image: -moz-linear-gradient( 90deg, rgb(235,240,228) 0%, rgb(196,208,181) 100%);
	background-image: -webkit-linear-gradient( 90deg, rgb(235,240,228) 0%, rgb(196,208,181) 100%);
	background-image: -ms-linear-gradient( 90deg, rgb(235,240,228) 0%, rgb(196,208,181) 100%); */
}
.active.reason_03 .reason_ttl_wrap{
	border-color: #7b8a68;
	background-image: -moz-linear-gradient( 90deg, rgb(235,240,228) 0%, rgb(196,208,181) 100%);
	background-image: -webkit-linear-gradient( 90deg, rgb(235,240,228) 0%, rgb(196,208,181) 100%);
	background-image: -ms-linear-gradient( 90deg, rgb(235,240,228) 0%, rgb(196,208,181) 100%);
}
.active.reason_03 {
	background-image: -moz-linear-gradient( 90deg, rgb(239,235,229) 0%, rgb(222,211,192) 100%);
	background-image: -webkit-linear-gradient( 90deg, rgb(239,235,229) 0%, rgb(222,211,192) 100%);
	background-image: -ms-linear-gradient( 90deg, rgb(239,235,229) 0%, rgb(222,211,192) 100%);
	border-color: #7b8a68;
}

.active.reason_04 .reason_txt_eng::first-letter {
	color: #c29700;
}
.active.reason_04 .reason_cont_inner{
	border-left: solid 2px;
	border-color: #c29700;
	/* background-image: -moz-linear-gradient( 90deg, rgb(253,247,224) 0%, rgb(244,226,164) 100%);
	background-image: -webkit-linear-gradient( 90deg, rgb(253,247,224) 0%, rgb(244,226,164) 100%);
	background-image: -ms-linear-gradient( 90deg, rgb(253,247,224) 0%, rgb(244,226,164) 100%); */
}
.active.reason_04 .reason_ttl_wrap{
	border-color: #c29700;
	background-image: -moz-linear-gradient( 90deg, rgb(253,247,224) 0%, rgb(244,226,164) 100%);
	background-image: -webkit-linear-gradient( 90deg, rgb(253,247,224) 0%, rgb(244,226,164) 100%);
	background-image: -ms-linear-gradient( 90deg, rgb(253,247,224) 0%, rgb(244,226,164) 100%);
}
.active.reason_04 {
	background-image: -moz-linear-gradient( 90deg, rgb(235,240,228) 0%, rgb(196,208,181) 100%);
	background-image: -webkit-linear-gradient( 90deg, rgb(235,240,228) 0%, rgb(196,208,181) 100%);
	background-image: -ms-linear-gradient( 90deg, rgb(235,240,228) 0%, rgb(196,208,181) 100%);
	border-color: #c29700;
}



.active.reason_05 .reason_txt_eng::first-letter {
	color: #aa9a7e;
}
.active.reason_05 .reason_cont_inner{
	border-left: solid 2px;
	border-color: #aa9a7e;
	/* background-image: -moz-linear-gradient( 90deg, rgb(239,235,229) 0%, rgb(222,211,192) 100%);
	background-image: -webkit-linear-gradient( 90deg, rgb(239,235,229) 0%, rgb(222,211,192) 100%);
	background-image: -ms-linear-gradient( 90deg, rgb(239,235,229) 0%, rgb(222,211,192) 100%); */
}
.active.reason_05 .reason_ttl_wrap{
	border-color: #aa9a7e;
	background-image: -moz-linear-gradient( 90deg, rgb(239,235,229) 0%, rgb(222,211,192) 100%);
	background-image: -webkit-linear-gradient( 90deg, rgb(239,235,229) 0%, rgb(222,211,192) 100%);
	background-image: -ms-linear-gradient( 90deg, rgb(239,235,229) 0%, rgb(222,211,192) 100%);
}

.active.reason_05 {
	/* border-top: solid 2px #c29700; */
	background-image: -moz-linear-gradient( 90deg, rgb(253,247,224) 0%, rgb(244,226,164) 100%);
	background-image: -webkit-linear-gradient( 90deg, rgb(253,247,224) 0%, rgb(244,226,164) 100%);
	background-image: -ms-linear-gradient( 90deg, rgb(253,247,224) 0%, rgb(244,226,164) 100%);
	border-color: #aa9a7e;
}


}
/*================================
SP表示 480px～0px
================================*/
@media (max-width: 480px) {
	/* リンクボタン
	================================*/
	.link_btn {
		width: 100%;
		padding: 6px 30px 6px;
		font-size: 1.6rem;
		min-height: auto;
	}
	.link_btn::after {
		right: 5px;
		font-size: 1.6rem;
	}
	.main {
		padding-top: 30px;
	}
	/*================================
	ヘッダー
	================================*/

	.header {}
	/*================================
	メインビジュアル
	================================*/
	#main-visual {
		margin-bottom: 300px;
	}
	.main_slider {}
	.swiper-slide img{
		display: none;
		/* height: 350px; */
	}
	.map_main {
		font-size: 18px;
	}
	.map_ttl {
		font-size: 18px;
	}
	.map_sub {
		font-size: 18px;
	}
	.brown_box_p {
		font-size: 15px;
	}
	/*スライド画像
	--------------------------------*/
	/*スライド画像
	--------------------------------*/
	/* .main_slide01 {
		background: url(img/slide01_sp_ver05.jpg)top center/cover no-repeat;
	} */
	.main_slide02 {
		/* background: url(img/slide02_sp_ver02.webp)top center/cover no-repeat; */
	}
	.main_slide03 {
		/* background: url(img/slide03_sp.webp)top center/cover no-repeat; */
	}

	/*スライドカバー
	--------------------------------*/
	.slider_cover {
		width: 100%;
	}
	.mv_info {
		width: calc(100% - 80px);
	}
	.mv_logo {
		/* width: 260px; */
		width: 130px;
		padding-top: 10px;
	}

	.mv_features {
		flex-wrap: wrap;
	}
	.mv_features_item {
		max-width: 135px;
	}
	.mv_features_text {}
	.mv_text {}
	.mv_text img {
		width: 80%;
	}
	.mv_catch {
	}
	/* メインビジュアルに追加のお知らせ
	================================*/
	.mv_notice {}
	.mv_notice::before {}
	.mv_notice .inner {}
	.mv_notice_text {
		font-size: 1.8rem;
	}
	.mv_notice .big {
		font-size: 2.2rem;
	}
	.mv_notice .em {
		font-size: 3rem;
	}
	.mv_notice .line {
		text-decoration-thickness: 1rem;
	}

	.map_flex {
		flex-wrap: wrap;
	}
	/*================================
	矯正相談・インプラント相談
	================================*/
	.consul {}
	.consul .inner {}
	.consul_fl {}
	.consul_fl_item {}
	.consul_title01 {
		font-size: 2.4rem;
	}
	.consul_title02 {
		font-size: 2.2rem;
	}
	.consul_box {}
	.consul iframe {}
	/*================================
	トピックス・バナー
	================================*/
	.topics {}
	.topics .inner {}
	.topics_video .video_frame_2 {
		padding-top: 60%;
	}
	/*================================
	トピックス・バナー02
	================================*/
	.topics02 {}
	.topics02 .inner {}
	.recruit {}
	.recruit:hover {}
	.recruit_sentence {}
	.recruit_title_en {}
	.recruit_title_jp {}
	.recruit_text {}
	/*================================
	お知らせ
	================================*/
	.information {}
	.information .inner {}
	.news {}
	.news .main-title {
		margin-bottom: 40px;
		padding-top: 100px;
		background: url(img/news_main-title_deco.png)top center/auto 130px no-repeat;
		font-size: 2.6rem;
	}
	.news_list_wrap {}
	.news_list {
		max-height: 200px;
	}
	.news_list dt {
		width: 100%;
		float: none;
		font-size: 1.6rem;
	}
	.news_list dd {
		padding-left: 0;
		font-size: 1.6rem;
	}
	/*================================
	無料相談
	================================*/
	.free-consul {}
	.free-consul .inner {}
	.free-consul .lead-text {
		font-size: 2rem;
	}
	.free-consul_container {}
	.free-consul_content {}
	.free-consul_content_pic {}
	.free-consul_content_sentence {
		padding: 30px;
	}
	.free-consul_content.-odd .free-consul_content_sentence,
	.free-consul_content.-even .free-consul_content_sentence {
		margin: -20px 20px 0;
	}
	.free-consul_content_title {
		font-size: 2.2rem;
	}
	.free-consul_content_lists {}
	.free-consul_content_lists li {
		width: 100%;
		font-size: 1.4rem;
	}
	.free-consul_content_text {
		font-size: 1.6rem;
	}

	.reason .section_ttl {
        font-size: 26px;
	}

	.reason_cont_inner {
		height: 100%;
		min-height: auto;
	}

	.reason_scroll {
		padding-top: 20px;
	}
	.reason_pic {
		padding-top: 20px;
    }
	.reason_txt_wrap {
        margin-left: 0px;
        padding-right: 0px;
    }

	.reason_ttl {
		/* padding-top: 5px; */
        /* gap: 5px; */
		flex-direction: column;
	}
	.reason_ttl_txt {
		font-size: 19px;
        text-align: center;
	}
	.reason_ttl_eng {
		/* font-size: 16px; */
		padding-bottom: 5px;
	}

	.reason_txt {
		line-height: 1.7;
        font-size: 14px;
	}

	

	.reason_txt_ttl {
		font-size: 18px;
		margin-bottom: 5px;
	}
	.reason_txt_eng {
		font-size: 30px;
		margin-top: 10px;
        line-height: 1;
	}

	.reason_cont {
		/* width: 100vw; */
	}
	/*.free-consul .content_link {}*/
	/*================================
	当院の理念
	================================*/
	.philosophy {
		background: #fff;
        position: relative;
		z-index: 1;
	}
	.philosophy_title {
        padding-top: 0;
    }
	.philosophy_bg {
		background-size: contain;
		padding-top: 0;
	}
	.philosophy .lead-text img {
		margin-bottom: 0;

        padding-top: 45%;
	}
	.philosophy .inner {
		padding-bottom: 60px;
	}
	.philosophy .main-title {
		margin-bottom: 40px;
		padding-top: 100px;
		background: url(img/philosophy_main-title_deco.png)top center/auto 130px no-repeat;
		font-size: 2.6rem;
	}
	.philosophy .lead-text {
		margin-bottom: 10px;
		font-size: 2.2rem;
	}
	.philosophy_container {
        padding: 0 10px;

	}
	.philosophy_container_text {
		font-size: 1.6rem;
        margin-bottom: 0px;
	}
	.philosophy_flex {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		gap: 40px;
	}
	.philosophy_flex .flex_item {
		margin: 0 auto;
		width: 80%;
	}
	.philosophy_sentence {
		padding: 10px 0px;
		margin-bottom: 40px;
	}
	.philosophy_sentence .post {
		/* font-size: 1.4rem; */
	}
	.philosophy_sentence .name_jp {
		/* margin-bottom: 6px; */
		/* font-size: 1.6rem; */
	}
	.philosophy_sentence .name_en {
		/* font-size: 2.6rem; */
	}

	
	.reason_pic img {
		width: 250px;
	}

	 /*施設基準について
  ------------------------------*/
  #facilitycriteria {
  }
  #facilitycriteria .inner {
	padding: 0;
	width: 100%;
  }
  #facilitycriteria .frame01 {
    padding: 20px 15px;
  }
  #facilitycriteria .frame02 {
    padding: 20px 15px;
  }
  #facilitycriteria .ttl {
    font-size: 26px;
	  margin-top:30px;
  }
	#facilitycriteria .facilitycriteria_txt {
		text-align: left;
	}
  #facilitycriteria .color01 {
  }
  .facilitycriteria_ul {
  }
  .facilitycriteria_ul li {
  }
  .facilitycriteria_ul li:first-letter {
  }

  .news .inner {
	    width: 100%;
  }


	/*================================
	5つの特長
	================================*/
	.feature {}
	.feature .inner {}
	.feature .main-title {
		margin-bottom: 40px;
		padding-top: 100px;
		background: url(img/feature_main-title_deco.png)top center/auto 130px no-repeat;
		font-size: 2.6rem;
	}
	.feature_container {
		padding: 0 20px;
	}
	.feature_sentence {}
	.feature_title_en {}
	.feature_title_en img {
		width: 200px;
	}
	.feature_title_jp {
		font-size: 2.8rem;
	}
	.feature_text {}
	/*container01
	--------------------------------*/
	.container01 {
		min-height: auto;
	}
	.container01 .feature01_pic01 {
		float: none;
		width: 100%;
		margin-bottom: 10px;
	}
	.container01 .feature01_pic01 .pic_frame {}
	.container01 .feature01_pic01 .pic_frame::before {
		display: none;
	}
	.container01 .feature01_pic02 {}
	.container01 .feature01_pic03 {
		float: none;
		width: 100%;
	}
	/*container02
	--------------------------------*/
	.container02 {
		min-height: auto;
	}
	.container02 .feature_sentence {}
	.container02 .feature02_pic01 {}
	.container02 .feature02_pic01 .pic_frame {}
	.container02 .feature02_pic01 .pic_frame::before {}
	/*container03
	--------------------------------*/
	.container03 {
		min-height: auto;
	}
	.container03::before {}
	.container03 .feature03_pic01 {
		width: 80%;
	}
	.container03 .feature03_pic02 {}
	/*container04
	--------------------------------*/
	.container04 {
		min-height: auto;
	}
	.container04::before {}
	.container04 .feature_sentence {}
	.container04 .feature04_pic01 {}
	.container04 .feature04_pic02 {
		width: 80%;
	}
	/*container05
	--------------------------------*/
	.container05 {
		min-height: auto;
	}
	.container05::before {}
	.container05 .feature05_pic01 {
		width: 70%;
	}
	.container05 .feature05_pic02 {}

	.PickUp_ttl {
		margin-bottom: 0;
	}
	#PickUp .check_lists {
        margin-bottom: 0px;
    }

	.PickUp_bg_item::before {
		max-width: 300px;
		width: 100%;
        height: 170px;
	}

	/*================================
	インビザライン
	================================*/
	.invisa {}
	.invisa .inner {}
	.invisa_frame {
		gap: 20px;
		padding: 20px 20px 100px;
	}
	.invisa_frame::before {
		background: url(img/invisa_bg_pic.jpg)right bottom/60% auto no-repeat #fff;
	}
	.invisa_video {}
	.invisa_sentence {}
	.invisa_title {
		display: block;
		font-size: 2.6rem;
	}
	.invisa_title .small {
		font-size: 1.8rem;
	}
	.invisa_lists {
		margin-bottom: 40px;
	}
	.invisa_lists li {}
	.invisa_link {
		max-width: 200px;
	}
	/*================================
	お口のことでお悩みはございませんか？
	================================*/
	.services {}
	.services .inner {
		padding-left: 10px;
        padding-right: 10px;
	}
	.services .main-title {
		margin-bottom: 40px;
		padding-top: 100px;
		background: url(img/services_main-title_deco.png)top center/auto 130px no-repeat;
		font-size: 2.6rem;
	}
	.services .sub-text {
		font-size: 2rem;
	}
	.services_lists {
		gap: 20px 5px;
		justify-content: space-around;
	}
	.services_lists_item {
		/* width: 100%; */
		/* max-width: 98%; */
		min-height: auto;
        padding: 5px;
	}
	.services_lists_eng {
		line-height: 1;
        padding: 0 3px;
	}
	.services_lists_link.-icon_implant {
		
        /* background-position: left 40px center; */
	}
	.services_lists_link {
        background-position: center top 20px;
        padding-top: 70px;
        padding-bottom: 5px;
		/* min-height: 181px; */
        justify-content: flex-start;
	}
	.services_lists_link::before {
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background-position: left 30px center;
		background-size: 40px auto;
		padding: 10px 20px 10px 90px;
		border-radius: 30px;
	}
	.services_lists_content {
		padding: 0;
        font-size: 16px;
	}
	.services_lists_content {}
	.reason_txt {
		font-size: 16px;
	}
	
}