@charset "utf-8";

/***********************************************************************

------------------------------------------------------------------------
HOME
***********************************************************************/

/*-----------------------------------------------------
メインビジュアル
-------------------------------------------------------*/

.home-mv {
	padding-top: 80px;
	padding-bottom: 30px;
	background: linear-gradient(270deg, #f2f8fa, #fffbed);
	background-size: 200% 200%;
	animation: Grad 5s ease infinite;
	position: relative;
}

@keyframes Grad {
	0%{background-position:0% 50%}
	50%{background-position:100% 50%}
	100%{background-position:0% 50%}
}

@media only screen and (max-width: 767px) {
	.home-mv {
		background-size: contain;
		padding-bottom: 20px;
		padding-top: 40px;
	}
}

.home-mv-slider {
	position: absolute;
	right: 0;
	top: 0;
	width: 60%;
	opacity: 0;
	transition: all 5s ;
	transition-delay: 1.8s;
	transform: translateY(100px);
}
.home-mv-slider.inView {
	opacity: 1;
	transform: translateY(0);
}
.home-mv-slider .home-mv-slider-pic {
	border-radius: 0 0 0 300px;
	overflow: hidden;
	transition: all 1s;
}
.home-mv-slider .home-mv-slider-pic ol li img {
	transition: all 3s;
	transform: scale(1.15);
}
.home-mv-slider.inView .home-mv-slider-pic ol li img {
	transition-delay: 2.0s;
	transform: scale(1);
}
@media only screen and (max-width: 767px) {
	.home-mv-slider {
		width: 70%;
		transition-delay: 0.8s;
	}
	.home-mv-slider .home-mv-slider-pic {
		border-radius: 0 0 0 150px;
	}
}

/* メインビジュアル-テキスト
========================================== */

.home-mv .home-mv-catch {
	line-height: 1.6;
	position: relative;
}
.home-mv .home-mv-catch h1 {
	font-size: 56px;
	font-weight: bold;
}
.home-mv .home-mv-catch span {
	font-size: 35px;
	font-weight: bold;
	display: block;
	color: #C75A55;
}
.home-mv .home-mv-catch em {
	display: block;
	font-size: 82px;
	font-weight: bold;
}
@media only screen and (max-width: 767px) {
	.home-mv .home-mv-catch h1 {
		font-size: 14px;
	}
	.home-mv .home-mv-catch em {
		display: block;
		font-size: 32px;
		font-weight: bold;
	}
	.home-mv .home-mv-catch span {
		font-size: 12px;
	}
}

/* メインビジュアル-レイアウト
========================================== */

.home-mv .home-mv-flex {
	display: flex;
	justify-content: space-between;
	margin-top: 80px;
	position: relative;
}
@media only screen and (max-width: 767px) {
	.home-mv .home-mv-flex {
		flex-wrap: wrap;
		margin-top: 30px;
	}
}

/* メインビジュアル-サブキャッチ
========================================== */

.home-mv .home-mv-catch-sub {
	font-size: 40px;
	font-weight: bold;
	line-height: 2;
	transform: translateX(-300px);
	transition: 2s all;
	opacity: 0;
}
.inView .home-mv-catch-sub {
	transform: translateX(0);
	opacity: 1;
}
.home-mv .home-mv-catch-sub span {
	font-size: 46px;
	font-weight: bold;
}
.home-mv .home-mv-catch-sub em {
	display: inline-block;
	background: #00000000;
	padding: 0 .5em;
	font-size: 46px;
	margin: 0 .5em;
	color: #00000000;
}

.inView .home-mv-catch-sub em {
		transition:all 1s;
		color: #fff;
		background: #000;
		transition-delay:0.8s;
	}
	.inView .home-mv-catch-sub em:nth-of-type(2) {
		transition-delay:1.4s;
}

@media only screen and (max-width: 767px) {
	.home-mv .home-mv-catch-sub {
		font-size: 20px;
		text-align: center;
	}
	.home-mv .home-mv-catch-sub span {
		font-size: 26px;
	}
	.home-mv .home-mv-catch-sub em {
		font-size: 26px;
	}
}

/* メインビジュアル-ポイント
========================================== */

ol.home-mv-point {
	display: flex;
	margin-top: 35px;
	gap: 15px;
	padding-bottom: 30px;
}
ol.home-mv-point li {
	max-width: 238px;
	width: 100%;
	transition:all 1s;
	opacity: 0;
}
.inView ol.home-mv-point li {
	opacity: 1;
	transform:translate(0,0);
}
ol.home-mv-point li:nth-of-type(1) {transition-delay:1.6s;}
ol.home-mv-point li:nth-of-type(2) {transition-delay:1.8s;}
ol.home-mv-point li:nth-of-type(3) {transition-delay:2.0s;}

@media only screen and (max-width: 767px) {
	ol.home-mv-point {
		margin-top: 20px;
		padding-bottom: 10px;
	}
	ol.home-mv-point + p {
		font-size: 12px;
		text-align: center;
	}
}


/* メインビジュアル-ラインボタン
========================================== */

.home-mv .home-mv-btn-line {
	margin-top: 30px;
}
@media only screen and (max-width: 767px) {
	.home-mv .home-mv-btn-line {
		margin: 0 calc(50% - 50vw);
		padding: 0 calc(50vw - 50%);
		display: block;
		background: #CEF4DE;
		padding-top: 13px;
		padding-bottom: 13px;
		margin-top: 13px;
	}
}
.home-mv .home-mv-btn-line a {
	width: 280px;
	height: 86px;
	display: block;
	background: #fff url(../img/common/ic_sns_line.png) center left 12px no-repeat;
	border-radius: 8px;
	background-size: 50px;
	border: #2FD071 4px solid;
	line-height: 1.4;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	align-content: center;
	padding-left: 78px;
}
.home-mv .home-mv-btn-line span {
	font-size: 12px;
	font-weight: bold;
	display: block;
	color: #06C755;
	width: 100%;
}
.home-mv .home-mv-btn-line em {
	width: 100%;
	display: block;
	font-size: 24px;
	font-weight: bold;
}
@media only screen and (max-width: 767px) {
	.home-mv .home-mv-btn-line a {
		margin-inline: auto;
	}
}


/* メインビジュアル-実例
========================================== */

.home-mv-right {
	position: absolute;
	right: 50px;
	z-index: 5;
	bottom: 50px;
	opacity: 0;
	transition: all 3s;
	transition-delay: 3s;
}
.inView .home-mv-right {
	opacity: 1;
}

@media only screen and (max-width: 767px) {
	.home-mv-right {
		position: relative;
		right: 0;
		bottom: 0;
		transition-delay: 2s;

	}
}

.home-mv .home-mv-case {
	max-width: 640px;
	width: 100%;
	background: #fff;
	box-shadow: 0px 0px 15px -5px #777777;
	padding: 38px;
	border-radius: 14px;
	margin-top: 10px;
}
@media only screen and (max-width: 767px) {
	.home-mv .home-mv-case {
		padding: 15px;
		border-radius: 8px;
		margin-top: 20px;
	}
}
.home-mv .home-mv-case .home-mv-case-tit {
	background: #F68A86;
	color: #fff;
	font-weight: bold;
	text-align: center;
	font-size: 18px;
}
.home-mv .home-mv-case picture {
	margin-top: 12px;
	display: block;
}
.home-mv dl.home-mv-case-name {
	display: flex;
	align-items: center;
	gap: 18px;
	margin-top: 12px;
	border-bottom: #D4ADAD 1px solid;
	padding-bottom: 12px;
	margin-bottom: 12px;
}
.home-mv dl.home-mv-case-name dt {
	font-size: 16px;
	font-weight: bold;
}
.home-mv dl.home-mv-case-name dd {
	font-size: 14px;
	padding-left: 18px;
	border-left: #D4ADAD 1px solid;
}

.home-mv .home-mv-case p {
	font-size: 14px;
}

@media only screen and (max-width: 767px) {
	.home-mv .home-mv-case .home-mv-case-tit {
		font-size: 14px;
		padding: .5em;
	}
	.home-mv dl.home-mv-case-name dt {
		font-size: 14px;
	}
	.home-mv dl.home-mv-case-name dd {
		font-size: 12px;
	}
	.home-mv .home-mv-case p {
		font-size: 12px;
	}
}

/*-----------------------------------------------------
ちょっとずつ「面倒」が重なる
-------------------------------------------------------*/

.home-concept {
	padding-bottom: 40px;
}
.home-concept .home-concept-tit {
	text-align: center;
	font-size: 22px;
	font-weight: bold;
}
.home-concept .home-concept-txt {
	text-align: center;
	font-size: 20px;
	margin-top: 16px;
}

/*-----------------------------------------------------
吉祥寺デンタルクリニックについて
-------------------------------------------------------*/

.home-about .home-about-tit {
	font-size: 18px;
	font-weight: bold;
	background: url(../img/home/bg_about.png) no-repeat;
	padding: 36px 15px 15px 40px;
}
.home-about .home-about-read {
	color: #C97D60;
	font-size: 32px;
	font-weight: bold;
	padding-bottom: 1em;
}
.home-about .home-about-picflex {
	display: flex;
	gap: 20px;
	justify-content: space-between;
	align-items: flex-end;
	margin-top: 20px;
}
@media only screen and (max-width: 767px) {
	.home-about {
		padding-top: 40px;
	}
	.home-about .home-about-read {
		font-size: 20px;
		text-align: center;
	}
	.home-about .home-about-picflex p {
		font-size: 12px;
	}
}


/*-----------------------------------------------------
お悩み解消
-------------------------------------------------------*/

.home-problem {
	margin-top: 140px;
}
.home-problem .home-problem-text {
	margin-top: 60px;
}
.home-problem .home-problem-text > p {
	font-size: 24px;
}
@media only screen and (max-width: 767px) {
	.home-problem {
		margin-top: 30px;
	}
	.home-problem .home-problem-text {
		margin-top: 20px;
	}
	.home-problem .home-problem-text > p {
		font-size: 14px;
	}
}

/* お悩み解消-イメージ画像
========================================== */

.home-problem .home-problem-pic {
	position: relative;
}
.home-problem .home-problem-pic img {
	position: absolute;
	width: 556px;
	right: 0;
	top: -240px;
}

@media only screen and (max-width: 767px) {
	.home-problem .home-problem-pic {
		margin-top: 20px;
	}
	.home-problem .home-problem-pic img {
		position: relative;
		width: 100%;
		height: auto;
		top: 0;
	}
}

/* お悩み解消-本文
========================================== */

.home-problem-point {
	background: radial-gradient(circle,rgba(254, 253, 253, 1) 0%, rgba(229, 178, 176, 1) 100%);
	padding-top: 85px;
	padding-bottom: 53px;
	margin-top: 66px;
}
@media only screen and (max-width: 767px) {
	.home-problem-point {
		margin-top: 20px;
		padding-top: 20px;
	}
}

/* お悩み解消-本文-タイトル
========================================== */

.home-problem-point .home-problem-point-tit {
	font-weight: bold;
	font-size: 22px;
}
.home-problem-point .home-problem-point-tit em {
	font-weight: bold;
	font-size: 34px;
}
@media only screen and (max-width: 767px) {
	.home-problem-point .home-problem-point-tit {
		font-size: 16px;
	}
	.home-problem-point .home-problem-point-tit em {
		font-size: 22px;
	}
}

/* お悩み解消-本文-リスト
========================================== */

.home-problem-point .home-problem-flex {
	display: flex;
	justify-content: space-between;
	margin-top: 60px;
}
.home-problem-point .home-problem-item {
	max-width: 380px;
	width: 100%;
}

@media only screen and (max-width: 767px) {
	.home-problem-point .home-problem-flex {
		flex-wrap: wrap;
		gap: 40px;
		margin-top: 20px;
	}
	.home-problem-point .home-problem-item {
		max-width: 100%;
	}
}

/*小見出し*/
.home-problem-point .home-problem-item .home-problem-num {
	background: #D16C68;
	color: #fff;
	display: inline-block;
	padding: 14px 64px  14px 18px;
	border-radius: 0 20px 0 0;
	line-height: 1;
	position: relative;
}
.home-problem-point .home-problem-item .home-problem-num em {
	font-weight: bold;
	font-size: 36px;
	position: absolute;
	right: 18px;
	top: 50%;
	margin-top: -22px;
}
@media only screen and (max-width: 767px) {
	.home-problem-point .home-problem-item .home-problem-num {
		font-size: 12px;
	}
	.home-problem-point .home-problem-item .home-problem-num em {
		font-size: 22px;
		right: 32px;
		margin-top: -14px;
	}
}

/*本体*/
.home-problem-point .home-problem-item .home-problem-body {
	background: #fff;
	text-align: center;
	padding: 40px;
	box-shadow: 0px 10px 15px -10px #b5b5b5;
	border-radius: 8px;
	min-height: 320px;

}
.home-problem-point .home-problem-item .home-problem-body > h3 {
	text-align: center;
	font-weight: bold;
	color: #2C6E4E;
	font-size: 22px;
	position: relative;
	padding-bottom: 60px;
}
.home-problem-point .home-problem-item .home-problem-body > h3::after {
	content: "";
	width: 68px;
	height: 4px;
	display: block;
	background: #D16C68;
	position: absolute;
	left: 50%;
	margin-left: -34px;
	bottom: 30px;
}
.home-problem-point .home-problem-item .home-problem-body > p {
	text-align: center;
	font-size: 18px;
}
@media only screen and (max-width: 767px) {
	.home-problem-point .home-problem-item .home-problem-body {
		padding: 15px;
		min-height: inherit;
	}
	.home-problem-point .home-problem-item .home-problem-body > h3 {
		font-size: 18px;
		padding-bottom: 0;
	}
	.home-problem-point .home-problem-item .home-problem-body > h3::after {
		display: none;
	}
	.home-problem-point .home-problem-item .home-problem-body > p {
		font-size: 14px;
	}
}

.home-problem-point .home-problem-item dl.home-problem-answer::after {
	content: "";
	width: 27px;
	height: 18px;
	background: #D16C68;
	display: block;
	clip-path: polygon(50% 100%, 0 0, 100% 0);
	position: absolute;
	left: 50%;
	margin-left: -14px;
	top: -60px;
}
.home-problem-point .home-problem-item dl.home-problem-answer {
	position: relative;
	background: #fff;
	border:#E5B0AE 6px solid;
	margin-top: 75px;
	padding: 70px 0;
	position: relative;
}
.home-problem-point .home-problem-item dl.home-problem-answer dt {
	background: #000;
	color: #fff;
	text-align: center;
	position: absolute;
	top: -28px;
	border-radius: 28px;
	font-weight: bold;
	text-align: center;
	padding: 1em 2em;
	left: 50%;
	margin-left: -140px;
	max-width: 280px;
	width: 100%;
}
.home-problem-point .home-problem-item dl.home-problem-answer dd {
	text-align: center;
	font-size: 26px;
	font-weight: bold;
}
@media only screen and (max-width: 767px) {
	.home-problem-point .home-problem-item dl.home-problem-answer {
		padding: 35px 15px 15px 15px;
		border: #D16C68 3px solid;
	}
	.home-problem-point .home-problem-item dl.home-problem-answer dt {
		padding: 14px;
	}
	.home-problem-point .home-problem-item dl.home-problem-answer dd {
		font-size: 18px;
	}
}

/* 裏側矯正は「外さない」から、外す必要のある悩みから解消される！
========================================== */

.home-problem .home-problem-message {
	background: #E7EDEF url(../img/home/bg_problem.jpg) no-repeat right;
	background-size: 968px;
	padding-top: 60px;
	padding-bottom: 140px;
	padding-right: 50%;
}
@media only screen and (max-width: 767px) {
	.home-problem .home-problem-message {
		padding-top: 40px;
		padding-bottom: 40px;
		background-size: contain;
		background-position: center left 110px;
		padding-right: 0;
	}
}

.home-problem .home-problem-message .home-problem-message-tit {
	font-size: 34px;
	font-weight: bold;
}
.home-problem .home-problem-message .home-problem-message-text {
	margin-top: 40px;
}
.home-problem .home-problem-message .home-problem-message-text p {
	font-size: 20px;
	line-height: 3;
}
.home-problem .home-problem-message .home-problem-message-text .btn-cv {
	font-size: 24px;
	margin-top: 40px;
}
@media only screen and (max-width: 767px) {
	.home-problem .home-problem-message .home-problem-message-tit {
		font-size: 20px;
	}
	.home-problem .home-problem-message .home-problem-message-text {
		text-align: center;
	}
	.home-problem .home-problem-message .home-problem-message-text p {
		font-size: 14px;
		line-height: 2;
		padding-right: 34%;
	}
	.home-problem .home-problem-message .home-problem-message-text .btn-cv {
		font-size: 20px;
	}
}

/*-----------------------------------------------------
院長プロフィール
-------------------------------------------------------*/

.home-prof {
	margin-top: 32px;
}
.home-prof .home-prof-tit {
	font-size: 20px;
	font-weight: bold;
	color: #C97D60;
}
@media only screen and (max-width: 767px) {
	.home-prof .home-prof-tit {
		font-size: 18px;
	}
}

.home-prof .home-prof-flex {
	display: flex;
	justify-content: space-between;
}
@media only screen and (max-width: 767px) {
	.home-prof .home-prof-flex {
		flex-wrap: wrap;
	}
}

.home-prof .home-prof-name {
	margin-top: 25px;
}
.home-prof .home-prof-name em {
	font-size: 31px;
	font-weight: bold;
	display: block;
}
@media only screen and (max-width: 767px) {
	.home-prof .home-prof-name {
		font-size: 14px;
	}
	.home-prof .home-prof-name em {
		font-size: 20px;
	}
}

.home-prof .home-prof-message {
	font-size: 24px;
	margin-top: 20px;
}
.home-prof .home-prof-message em {
	display: block;
	font-weight: bold;
	font-size: 18px;
	margin-top: 18px;

}
@media only screen and (max-width: 767px) {
	.home-prof .home-prof-message em {
		font-size: 12px;

	}
	.home-prof .home-prof-message {
		font-size: 18px;
	}
}

.home-prof figure.home-prof-image {
	max-width: 350px;
	position: relative;
}
.home-prof figure.home-prof-image::after {
	content: "";
	width: 60vw;
	background: rgba(201, 126, 96, 0.1);
	display: block;
	height: 170px;
	position: absolute;
	bottom: -50px;
	left: -100px;
}
@media only screen and (max-width: 767px) {
	.home-prof figure.home-prof-image {
		margin-top: 40px;
		width: 100%;
		text-align: center;
	}
	.home-prof figure.home-prof-image img {
		max-width: 80%;
	}
}



.home-prof-history {
	display: flex;
	margin-top: 100px;
}
.home-prof-history dl.history-item {
	display: flex;
	border-top: 1px solid #C8C8C8;
	border-left: 1px solid #C8C8C8;
}
.home-prof-history dl.history-item:last-of-type {
	border-bottom:  1px solid #C8C8C8;
}
.home-prof-history dl.history-item dt {
	font-size: 14px;
	font-weight: bold;
	color: #C97D60;
	width: calc(90px + 2em);
	padding: 1em;
}
.home-prof-history dl.history-item dd {
	border-left: 1px solid #cccc;
	padding:1em ;
	width: calc(100% - 120px);
}
.home-prof-history dl.history-item dd ol {}
.home-prof-history dl.history-item dd ol li {
	font-size: 12px;
	text-indent: -1em;
	padding-left: 1em;
}
@media only screen and (max-width: 767px) {
	.home-prof-history {
		flex-wrap: wrap;
		margin-top: 20px;
	}
	.home-prof-history dl.history-item {
		flex-wrap: wrap;
		border: none;
		padding-bottom: 0;
	}
	.home-prof-history dl.history-item:last-of-type {
		border-bottom: none;
	}
	.home-prof-history dl.history-item dt {
		font-size: 12px;
		width: 100%;
		border: none;
		padding-bottom: 0;
		padding-top: 0;
	}
	.home-prof-history dl.history-item dd {
		border: none;
		width: 100%;
		padding-top: 10px;
	}
}


/*-----------------------------------------------------
ちょっとずつ「面倒」が重なる
-------------------------------------------------------*/

.home-system {
	background: #F6F6F6;
	padding-top: 60px;
	padding-bottom: 40px;
}

.home-system-flex {
	display: flex;
	justify-content: space-between;
	gap:0 40px ;
}
@media only screen and (max-width: 767px) {
	.home-system {
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.home-system-flex {
		flex-wrap: wrap;
	}
}

.home-system .home-system-text {
	margin-top: 50px;
}

.home-system .home-system-catch {
	font-weight: bold;
	font-size: 22px;
	z-index: 5;
	position: relative;
}
.home-system .home-system-catch::after {
	content: "";
	width: 160px;
	height: 160px;
	display: block;
	background: url(../img/home/bg_system.svg)no-repeat;
	position: absolute;
	left: -100px;
	top: -60px;
	z-index: -1;
}
.home-system .home-system-catch em {
	font-size: 32px;
	font-weight: bold;
	display: block;
}
@media only screen and (max-width: 767px) {
	.home-system .home-system-catch {
		font-size: 14px;
		text-align: center;
	}
	.home-system .home-system-catch em {
		font-size: 22px;
		text-align: center;
	}
}
/*コーヒー1杯飲むたびに、*/
.home-system .home-system-text .home-system-text-catch {
	font-weight: bold;
	font-size: 26px;
	color: #2C6E4E;
	padding-bottom: 40px;
}
@media only screen and (max-width: 767px) {
	.home-system .home-system-text .home-system-text-catch {
		font-size: 18px;
		text-align: center;
		padding-bottom: 20px;
	}
}

.home-system-loop {
	border-left: 1px solid #ccc;
	padding-left: 45px;
}
.home-system-loop .home-system-loop-list {
	margin-top: 30px;
}
.home-system-loop .home-system-loop-list p {
	font-size: 16px;
}

@media only screen and (max-width: 767px) {
	.home-system-loop {
		padding-left: 0;
		border-left: none;
	}
	.home-system-loop .home-system-loop-catch {
		font-size: 18px;
	}
	.home-system-loop .home-system-loop-list p {
		font-size: 12px;
		text-align: center;
	}
}


/* ちょっとずつ「面倒」が重なる-不安
========================================== */

.home-system-loop {}
.home-system-loop ol {
	display: flex;
	justify-content: center;
	gap: 50px;
	width: auto;
	max-width: 750px;
	margin-inline: auto;
	border-radius: 8px;
	position: relative;
	margin-top: 20px;
	min-height: 190px;
}
.home-system-loop ol::after {
	content: "";
	max-width: 750px;
	width: 100%;
	height: 170px;
	display: block;
	position: absolute;
	background: #fff;
	z-index: 2;
	top: 20px;
	border-radius: 8px;
}
.home-system-loop ol li {
	font-size: 20px;
	text-align: center;
	z-index: 3;
	font-weight: bold;
}
.home-system-loop ol li em {
	display: block;
	text-align: center;
	color: #fff;
	font-size: 20px;
	border-radius: 8px;
	background: #AB664D;
	padding: 1em;
	line-height: 1;
	margin-bottom: 30px;
}
.home-system-loop ol li:nth-of-type(even) em {
	background: #757575;
}
@media only screen and (max-width: 767px) {
	.home-system-loop ol {
		gap: 10px;
		min-height: fit-content;
	}
	.home-system-loop ol::after {
		width: 100vw;
		border-radius: 0;
		height: 80px;
	}
	.home-system-loop ol li em {
		font-size: 14px;
		padding: .5em;
		letter-spacing: normal;
		margin-bottom: 10px;
		border-radius: 0;
	}
	.home-system-loop ol li {
		font-size: 12px;
		letter-spacing: normal;
	}
}

/* 「これが重なると」
========================================== */

.home-system-result {
	margin-top: 60px;
	display: flex;
	font-weight: bold;
	justify-content: center;
	gap: 25px;
	align-items: baseline;
}
@media only screen and (max-width: 767px) {
	.home-system-result {
		flex-wrap: wrap;
		gap: .5em;
		line-height: 1.4;
	}
}
.home-system-result .home-system-result-catch {
	font-size: 24px;
	font-weight: bold;
}
.home-system-result .home-system-result-catch em {
	font-size: 40px;
	color: #2C6E4E;
	font-weight: bold;
	display: block;
}
.home-system-result figure {
	width: 200px;
}
@media only screen and (max-width: 767px) {
	.home-system-result .home-system-result-catch {
		text-align: center;
		font-size: 18px;
		width: 100%;
	}
	.home-system-result .home-system-result-catch em {
		font-size: 30px;
		width: 100%;
		text-align: center;
		margin-top: 10px;
		}
	.home-system-result figure {
		width: 120px;
		margin-top: 20px;
	}
}

/*-----------------------------------------------------
マウスピース矯正の挫折率は、
-------------------------------------------------------*/

.home-uragawa {}
.home-zasetsu {
	text-align: center;
	position: relative;
	font-size: 22px;
}
.home-zasetsu .home-zasetsu-kaishou {
	font-size: 40px;
	font-weight: bold;
	text-align: center;
	margin-top: 30px;
}
.home-zasetsu::after {
	content: "";
	width: 100%;
	height: 94px;
	display: block;
	background: #F6F6F6;
	clip-path: polygon(50% 100%, 0 0, 100% 0);
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -50%;
	z-index: -1;
}
@media only screen and (max-width: 767px) {
	.home-zasetsu {
		font-size: 16px;
	}
	.home-zasetsu .home-zasetsu-kaishou {
		font-size: 24px;
	}
}

/*-----------------------------------------------------
患者様の努力に頼らない裏側矯正
-------------------------------------------------------*/

.home-uragawa {
	padding-top: 80px;
}
@media only screen and (max-width: 767px) {
	.home-uragawa {
		padding-top: 40px;
	}
}

.home-uragawa .home-uragawa-tit {
	text-align: center;
	font-size: 43px;
	line-height: 1.2;
}
.home-uragawa .home-uragawa-tit span {
	color: #C97D60;
}
.home-uragawa .home-uragawa-tit em {
	text-align: center;
	font-weight: bold;
	font-size: 84px;
	display: block;
	margin-top: 10px;
}
@media only screen and (max-width: 767px) {
	.home-uragawa .home-uragawa-tit {
		font-size: 28px;
		letter-spacing: normal;
		font-weight: bold;
	}
	.home-uragawa .home-uragawa-tit span {
		font-weight: bold;
	}
	.home-uragawa .home-uragawa-tit em {
		font-size: 72px;
	}
}

.home-uragawa figure {
	text-align: center;
	margin-top: 30px;
}
.home-uragawa figure figcaption {
	text-align: center;
	font-size: 20px;
	margin-top: 20px;
}
@media only screen and (max-width: 767px) {
	.home-uragawa figure figcaption {
		font-size: 14px;
	}
}


/* 医師に任せて～
========================================== */

.home-uragawa .home-uragawa-catch {
	margin-top: 100px;
	background: url(../img/home/bg_automatic.svg) no-repeat top center;
	line-height: 1.5;
	padding-top: 20px;
}
.home-uragawa .home-uragawa-catch span {
	display: block;
	text-align: center;
	color: #C97D60;
	font-size: 30px;
}
.home-uragawa .home-uragawa-catch em {
	display: block;
	font-size: 55px;
	text-align: center;
}
@media only screen and (max-width: 767px) {
	.home-uragawa .home-uragawa-catch {
		background-size: 100%;
		letter-spacing: normal;
		margin-top: 50px;
	}
	.home-uragawa .home-uragawa-catch span {
		font-size: 22px;
	}
	.home-uragawa .home-uragawa-catch em {
		font-size: 36px;
		font-weight: bold;
	}
}

/* 外さない＆医師が管理
========================================== */

.home-uragawa .home-uragawa-point {
	background: url(../img/home/bg_and.svg) no-repeat center;
	display: flex;
	justify-content: center;
	gap: 230px;
	margin-top: 40px;
}
.home-uragawa .home-uragawa-point dl {}
.home-uragawa .home-uragawa-point dl dt {
	background: #C97D60;
	color: #fff;
	text-align: center;
	font-size: 34px;
}
.home-uragawa .home-uragawa-point dl dd {
	font-size: 26px;
	text-align: center;
	margin-top: 24px;
}
@media only screen and (max-width: 767px) {
	.home-uragawa .home-uragawa-point {
		gap: 80px;
		letter-spacing: normal;
		background-size: 50px;
	}
	.home-uragawa .home-uragawa-point dl dt {
		font-size: 16px;
	}
	.home-uragawa .home-uragawa-point dl dd {
		font-size: 14px;
		margin-top: 12px;
		line-height: 1.4;
	}
}

/*-----------------------------------------------------
マウスピース矯正と裏側矯正の比較
-------------------------------------------------------*/

.home-compare {
	background: #F6F6F6;
	margin-top: 85px;
	padding-bottom: 100px;
}
@media only screen and (max-width: 767px) {
	.home-compare {
		padding-bottom: 30px;
		margin-top: 0;
	}
}

.home-compare .home-compare-head {
	position: relative;
}
.home-compare .home-compare-head > h2 {
	font-size: 28px;
	font-weight: bold;
	color: #62B9B4;
	text-align: center;
	position: absolute;
	top: -28px;
	width: 100%;
}
.home-compare .home-compare-head > h3 {
	font-size: 38px;
	font-weight: bold;
	text-align: center;
	margin-top: 40px;
	padding-top: 40px;
}
.home-compare .home-compare-head > p {
	text-align: center;
	font-size: 20px;
	margin-top: 60px;
}
@media only screen and (max-width: 767px) {

	.home-compare .home-compare-head > h2 {
		font-size: 16px;
		top: -17px;
		background: #62B9B4;
		color: #fff;
		padding:5px 10px;
	}
	.home-compare .home-compare-head > h3 {
		font-size: 16px;
	}
	.home-compare .home-compare-head > p {
		font-size: 14px;
		margin-top: 20px;
	}
}

/* 比較表
========================================== */

.home-compare .home-compare-table {
	background: #fff;
	padding:50px 40px;
	border-radius: 8px;
	margin-top: 40px;
}
@media only screen and (max-width: 767px) {
	.home-compare .home-compare-table {
		background: #fff;
		padding: 10px;
		border-radius: 8px;
		margin-top: 20px;
	}
}
.home-compare .home-compare-table table {
	vertical-align: middle;
	margin-inline: auto;
	width: 100%;
}
.home-compare .home-compare-table table * {
	text-align: center;
}
@media only screen and (max-width: 767px) {
	.home-compare .home-compare-table table {
		letter-spacing: normal;
		border-bottom: 1px solid #ccc;
	}
	.home-compare .home-compare-table table * {
		text-align: left;
	}
}

/*見出し*/
.home-compare .home-compare-table table thead {
	background: #C97D60;
	color: #fff;
}
.home-compare .home-compare-table table thead tr {}
.home-compare .home-compare-table table thead tr th {
	text-align: center;
	font-weight: bold;
	padding: 30px;
	font-size: 20px;
}
@media only screen and (max-width: 767px) {
	.home-compare .home-compare-table table thead tr {
		display: flex;
	}
	.home-compare .home-compare-table table thead tr th {
		width: 50%;
		padding: 10px;
		font-size: 14px;
	}
	.home-compare .home-compare-table table thead tr th:nth-of-type(1) {
		display: none;
	}
}

/*テーブル本文*/
.home-compare .home-compare-table table tbody {}
.home-compare .home-compare-table table tbody tr th {
	width: 240px;
}
.home-compare .home-compare-table table thead tr th:nth-of-type(2) {
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
}
.home-compare .home-compare-table table tbody tr {
	background: #F4F4F0;
}
.home-compare .home-compare-table table tbody tr:nth-of-type(even) {
	background: #FEFEF5;
}
.home-compare .home-compare-table table tbody tr th {
	font-weight: bold;
	vertical-align: middle;
	padding: 0 40px;
	border-right: 1px solid #707070;
}
.home-compare .home-compare-table table tbody tr td:nth-of-type(1) {
	border-right: 1px solid #C4C4C4;

}.home-compare .home-compare-table table tbody tr td {
	width: 300px;
	padding: 30px 20px;
}
.home-compare .home-compare-table table tbody tr td picture {
	display: block;
	text-align: center;
	padding-bottom: 14px;
}

@media only screen and (max-width: 767px) {
	.home-compare .home-compare-table table tbody tr {
		display: flex;
		flex-wrap: wrap;
	}
	.home-compare .home-compare-table table tbody tr th {
		display: block;
		width: 100%;
		background: #cfa492;
		padding: 10px;
		font-size: 12px;
		color: #fff;
		text-align: center;
		border: none;
	}
	.home-compare .home-compare-table table tbody tr td {
		padding: 10px;
		width: 50%;
		font-size: 12px;
		line-height: 1.2;
		display: block;
	}
	.home-compare .home-compare-table table tbody tr,
	.home-compare .home-compare-table table tbody tr:nth-of-type(even) {
		background: #fff;
	}
	.home-compare .home-compare-table table tbody tr td picture {
		padding-bottom: 10px;
	}
	.home-compare .home-compare-table table tbody tr td picture img{
		width: 30px;
	}
}

/*-----------------------------------------------------
こんな方に裏側矯正が選ばれています
-------------------------------------------------------*/

.home-target {
}
.home-target dl {
	background: #fff;
	padding:80px 40px;
	position: relative;
}
@media only screen and (max-width: 767px) {
	.home-target {
		padding-top: 50px;
	}
	.home-target dl {
		background: #fff;
		padding:20px 15px 20px;
	}
}

.home-target dl dt {
	background: #62B9B4;
	max-width: 460px;
	width: 100%;
	text-align: center;
	color: #fff;
	font-size: 20px;
	border-radius: 8px;
	position: absolute;
	padding: 1em;
	left: 50%;
	margin-left: -230px;
	top: -50px;
}
.home-target dl dt::after {
	content: "";
	width: 20px;
	height: 18px;
	background: #62B9B4;
	clip-path: polygon(50% 100%, 0 0, 100% 0);
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -9px;
	bottom: -18px;
}
@media only screen and (max-width: 767px) {
	.home-target dl dt {
		font-size: 13px;
		max-width: 80%;
		left: 10%;
		margin-left: 0;
	}
	.home-target dl dt::after {
		width: 10px;
		height: 9px;
		bottom: -9px;
	}
}

.home-target dl dd {}
.home-target dl dd ol {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 50px;
}
.home-target dl dd ol li {
	font-size: 20px;
	border-bottom: 1px solid #000;
	width: 380px;
	text-align: center;
	padding-bottom: .5em;
}
@media only screen and (max-width: 767px) {
	.home-target dl dd ol {
		gap: 10px;
	}
	.home-target dl dd ol li {
		font-size: 14px;
		border-bottom: 1px solid #ccc;
	}
}

/*-----------------------------------------------------
結婚式前や入社・入学前など
-------------------------------------------------------*/

.home-target .home-target-catch {
	text-align: center;
	padding-top: 40px;
}
.home-target .home-target-catch p {
	font-size: 26px;
	background: url(../img/home/pic_target.png) no-repeat left bottom;
	padding-left: 140px;
	min-height: 120px;
	display: inline-block;
}
@media only screen and (max-width: 767px) {
	.home-target .home-target-catch {
		padding-top: 20px;
	}
	.home-target .home-target-catch p {
		font-size: 14px;
		padding-left: 0;
		text-align: center;
		background: url(../img/home/pic_target.png) no-repeat center top;
		background-size: 60px;
		padding-top: 80px;
	}
}

/*-----------------------------------------------------
歯が自動で動く 裏側矯正の特長
-------------------------------------------------------*/

.home-features {
	margin-top: 100px;
	padding-bottom: 50px;
}
@media only screen and (max-width: 767px) {
	.home-features {
		margin-top: 20px;
		padding-bottom: 50px;
	}
}
.home-features .home-features-tit {
	background: #C97D60;
	color: #fff;
	text-align: center;
	font-weight: bold;
	font-size: 30px;
}
@media only screen and (max-width: 767px) {
	.home-features .home-features-tit {
		font-size: 18px;
		padding: 5px;
	}
}

.home-features .home-features-list {
	margin-top: 40px;
	display: flex;
	justify-content: center;
	gap: 28px;
}
@media only screen and (max-width: 767px) {
	.home-features .home-features-list {
		margin-top: 20px;
		gap: 14px;
	}
}

.home-features .home-features-list .home-features-item {
	max-width: 335px;
	width: 100%;
	position: relative;
}
.home-features .home-features-list .home-features-item picture {
	position: relative;
	display: block;
	border-radius: 8px;
	overflow: hidden;
}
.home-features .home-features-list .home-features-item picture::after {
	content: "";
	width: 100%;
	height: 362px;
	display: block;
	background: linear-gradient(180deg,rgba(193, 148, 148, 0) 0%, rgba(155, 86, 17, 0) 70%, rgba(155, 86, 17, 1) 100%);
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1;
}
.home-features .home-features-list .home-features-item picture h3 {
	text-align: center;
	display: block;
	width: 100%;
	color: #fff;
	font-size: 36px;
	font-weight: bold;
	z-index: 5;
	position: absolute;
	bottom: 0;
	padding-bottom: 10px;
}
.home-features .home-features-list .home-features-item p {
	text-align: center;
	font-size: 20px;
	margin-top: 20px;
}

@media only screen and (max-width: 767px) {
	.home-features .home-features-list .home-features-item picture::after {
		height: 180px;
	}
	.home-features .home-features-list .home-features-item picture h3 {
		font-size: 16px;
	}
	.home-features .home-features-list .home-features-item p {
		font-size: 12px;
		margin-top: 10px;
	}
}

/* 特徴
========================================== */

.home-features .home-features-content {
	background: #fff;
	padding: 40px 80px;
	margin-top: 40px;
}
@media only screen and (max-width: 767px) {
	.home-features .home-features-content {
		padding: 15px 25px;
		margin-top: 20px;
	}
}

.home-features .home-features-content-flex {
	display: flex;
	justify-content: space-between;
}
@media only screen and (max-width: 767px) {
	.home-features .home-features-content-flex {
		flex-wrap: wrap;
	}
}

.home-features .home-features-content01 figure {
	max-width: 530px;
	width: 100%;
}

/*タイトル*/
.home-features .home-features-content .home-features-content-tit {
	padding-bottom: 40px;
}
.home-features .home-features-content .home-features-content-tit > h3 {
	font-size: 35px;
	font-weight: bold;
	position: relative;
	display: flex;
	align-items: center;
}
.home-features .home-features-content .home-features-content-tit > h3::after {
	content: "";
	width: 5px;
	height: 50px;
	display: block;
	background: #C97D60;
	border-radius: 3px;
	position: absolute;
	top: 10px;
}
.home-features .home-features-content .home-features-content-tit > h3 em {
	color: #C97D60;
	font-weight: bold;
	font-size: 24px;
	padding-right: 25px;
	padding-left: 40px;
}
@media only screen and (max-width: 767px) {
	.home-features .home-features-content .home-features-content-tit {
		padding-bottom: 20px;
	}
	.home-features .home-features-content .home-features-content-tit > h3 {
		flex-wrap: wrap;
		justify-content: center;
		font-size: 20px;
		border-bottom: #C97D60 2px solid;
		width: 100%;
	}
	.home-features .home-features-content .home-features-content-tit > h3::after {
		display: none;
	}
	.home-features .home-features-content .home-features-content-tit > h3 em {
		padding: 0;
		text-align: center;
		font-size: 14px;
		display: block;
		width: 100%;
	}
}


.home-features .home-features-content .home-features-content-text p{
	margin-top: 50px;
	font-size: 20px;
	line-height: 2.5;
}
@media only screen and (max-width: 767px) {
	.home-features .home-features-content .home-features-content-text p{
		margin-top: 0;
		font-size: 14px;
		line-height: 2;
	}
}
.home-features .home-features-content02 figure {
	max-width: 353px;
	width: 100%;
}
@media only screen and (max-width: 767px) {
	.home-features .home-features-content02 figure {
		text-align: center;
		margin-top: 20px;
	}
	.home-features .home-features-content02 figure img {
		width: 70%;
		max-width: 353px;
	}
}

/*-----------------------------------------------------
従来装置とフルパッシブ装置の違い
-------------------------------------------------------*/

.home-features-dif {}

@media only screen and (max-width: 767px) {
	.home-features-dif {
		margin-top: 30px;
	}
}

.home-features-dif h2 {
	font-size: 20px;
	font-weight: bold;
	position: relative;
	padding-left: 50px;
}
.home-features-dif h2::after {
	content: "";
	width: 27px;
	height: 4px;
	background: #C97D60;
	display: block;
	position: absolute;
	left: 0;
	top: 15px;
}

@media only screen and (max-width: 767px) {
	.home-features-dif h2 {
		font-size: 14px;
		padding-left: 28px;
	}
	.home-features-dif h2::after {
		top: 12px;
		width: 20px;
		height: 3px;
	}
}

.home-features-dif .home-features-dif-body {
	border-left: 15px #F8EEEB solid;
	padding: 20px 0 60px 40px;
}
.home-features-dif .home-features-dif-body:nth-of-type(1) {
	margin-top: 60px;
}
.home-features-dif .home-features-dif-body p {
	line-height: 2.6;
}
@media only screen and (max-width: 767px) {
	.home-features-dif .home-features-dif-body {
		padding: 20px 0 20px 40px;
	}
	.home-features-dif .home-features-dif-body:nth-of-type(1) {
		margin-top: 2%;
	}
	.home-features-dif .home-features-dif-body p {
		line-height: 2;
		font-size: 12px;
	}
}

.home-features-dif .home-features-dif-body dl {}

.home-features-dif .home-features-dif-body dl dt {
	font-size: 18px;
	border-radius: 4px;
	font-weight: bold;
	width: fit-content;
	padding: 0 2em;
	height: 40px;
	background: #F2F2F1;
	text-align: center;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}
.home-features-dif .home-features-dif-body dl dt.bg-Ye {
	background: #FFEBA8;
}
.home-features-dif .home-features-dif-body dl dt span {
	font-size: 14px;
}
.home-features-dif .home-features-dif-body dl dt::after {
	content: "";
	width: 50px;
	height: 1px;
	display: block;
	background: #000;
	position: absolute;
	left: -50px;
	top: 20px;
}
.home-features-dif .home-features-dif-body dl dd {
	font-size: 24px;
	font-weight: bold;
	margin-top: 20px;
}
@media only screen and (max-width: 767px) {
	.home-features-dif .home-features-dif-body dl dt.bg-Ye {
		width: 100%;
		text-align: left;
	}
	.home-features-dif .home-features-dif-body dl dt {
		width: 100%;
		padding: 0 1em;
		font-size: 16px;
		flex-wrap: wrap;
		height: inherit;
	}
	.home-features-dif .home-features-dif-body dl dt span {
		font-size: 12px;
	}
	.home-features-dif .home-features-dif-body dl dd {
		font-size: 16px;
	}
}

.home-features-dif .home-features-dif-body .home-features-dif-pic {
	display: flex;
	gap: 26px;
	padding-bottom: 50px;
	margin-top: 40px;
}
.home-features-dif .home-features-dif-body .home-features-dif-pic img {
	max-width: 260px;
	width: 100%;
}
@media only screen and (max-width: 767px) {
	.home-features-dif .home-features-dif-body .home-features-dif-pic {
		gap: 0;
		padding-bottom: 20px;
		margin-top: 20px;
	}
	.home-features-dif .home-features-dif-body .home-features-dif-pic img {
		width: 48%;
	}
}

/*-----------------------------------------------------
裏側矯正の流れ
-------------------------------------------------------*/

.home-flow {
	background: #C97D60;
	padding-top: 50px;
	padding-bottom: 70px;
	position: relative;
}
.home-flow .home-flow-tit {
	font-size: 35px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	margin-bottom: 60px;
}
@media only screen and (max-width: 767px) {
	.home-flow {
		padding-top: 20px;
		padding-bottom: 30px;
	}
	.home-flow .home-flow-tit {
		font-size: 20px;
		margin-bottom: 20px;
	}
}

/* 治療の流れの本文
========================================== */

.home-flow .home-flow-item {
	display: flex;
	justify-content: space-between;
	gap: 30px;
	background: #fff;
	padding: 60px 30px 30px;
	position: relative;
	border-radius: 8px;
	margin-top: 50px;
	width: 96%;
	margin-inline: auto;
	letter-spacing: normal;
}
@media only screen and (max-width: 767px) {
	.home-flow .home-flow-item {
		flex-wrap: wrap;
		padding-top: 30px;
		margin-top: 30px;
		border-radius: 4px;
		gap: 10px;
	}
}

.home-flow .home-flow-item .home-flow-item-num {
	position: absolute;
	left: 50%;
	top: -30px;
	margin-left: -30px;
	display: block;
	width: 60px;
	height: 60px;
	color: #fff;
	background: #62B9B4;
	text-align: center;
	line-height: 60px;
	border-radius: 60px;
	font-size: 30px;
}
@media only screen and (max-width: 767px) {
	.home-flow .home-flow-item .home-flow-item-num {
		font-size: 20px;
		width: 40px;
		height: 40px;
		margin-left: -20px;
		line-height: 40px;
	}
}

.home-flow .home-flow-item .home-flow-item-text > h3 {
	font-size: 25px;
	color: #C97D60;
	font-weight: bold;
	margin-bottom: 18px;
}
.home-flow .home-flow-item .home-flow-item-text {
	font-size: 18px;
	width: calc( 100% - 550px);
}
.home-flow .home-flow-item .home-flow-item-text p + p {
	margin-top: 14px;
}

@media only screen and (max-width: 767px) {

	.home-flow .home-flow-item .home-flow-item-text > h3 {
		font-size: 18px;
	}
	.home-flow .home-flow-item .home-flow-item-text {
		width: 100%;
		font-size: 14px;
	}
}


.js-slick {
  opacity: 0;
  transition: opacity .3s linear;
}
.js-slick.slick-initialized{
  opacity: 1;
}

/*-----------------------------------------------------
マウスピースから変更された症例をご紹介
-------------------------------------------------------*/

.home-case {
	background: url(../img/common/bg_pt_grid_gr01.svg);
	padding-top: 65px;
	padding-bottom: 85px;
}
@media only screen and (max-width: 767px) {
	.home-case {
		padding-bottom: 40px;
		padding-top: 40px;
	}
}

.home-case .home-case-tit {
	text-align: center;
	font-weight: bold;
	font-size: 32px;
}
@media only screen and (max-width: 767px) {
	.home-case .home-case-tit {
		font-size: 18px;
	}
}

/*治療内容*/
.home-case dl.home-case-care {
	display: flex;
	gap: 27px;
	justify-content: center;
	margin-top: 30px;
}
.home-case dl.home-case-care dt {
	background: hsl(16, 96%, 64%);
	color: #fff;
	font-weight: bold;
	font-size: 18px;
	display: block;
	line-height: 1;
	padding: .5em 1em;
}
.home-case dl.home-case-care dd {
	font-size: 22px;
	font-weight: bold;
}
@media only screen and (max-width: 767px) {
	.home-case dl.home-case-care dt {
		font-size: 14px;
	}
	.home-case dl.home-case-care dd {
		font-size: 14px;
	}
}

.home-case .home-case-flex {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 20px 50px;
	margin-top: 60px;
}
@media only screen and (max-width: 767px) {
	.home-case .home-case-flex {
		margin-top: 20px;
	}
}

/* 治療実例の本体
========================================== */

.home-case .home-case-item {
	max-width: 540px;
	width: 100%;
	background: #fff;
	border-radius: 0 0 8px 8px;
	box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.10);
}
@media only screen and (max-width: 767px) {
}
.home-case .home-case-item .home-case-item-tit {
	background: #C97D60;
	color: #fff;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 15px 35px;
	gap: 23px;
	font-weight: bold;
	border-radius: 8px 8px 0 0 ;
}

.home-case .home-case-item .home-case-item-tit * {
	color: #fff;
}
.home-case .home-case-item .home-case-item-tit em {
	font-size: 24px;
	font-weight: bold;
}
.home-case .home-case-item .home-case-item-tit .month {
	background: hsl(17, 35%, 43%);
	font-weight: bold;
	letter-spacing: normal;
	padding: .5em 1em;
	line-height: 1;
	border-radius: 4px;
}
@media only screen and (max-width: 767px) {
	.home-case .home-case-item .home-case-item-tit {
		justify-content: center;
		flex-wrap: wrap;
		padding: 15px;
		gap: 0;
	}
	.home-case .home-case-item .home-case-item-tit > div {
		width: 100%;
		text-align: center;
	}
	.home-case .home-case-item .home-case-item-tit.active {
	}
	.home-case .home-case-item .home-case-item-tit * {
	}
	.home-case .home-case-item .home-case-item-tit em {
		font-size: 20px;
	}
	.home-case .home-case-item .home-case-item-tit .month {
		display: inline-block;
	}
}

.home-case .home-case-item .home-case-item-data {}
.home-case .home-case-item .home-case-item-data ul.home-case-pic {
	display: flex;
	gap: 10px;
	justify-content: center;
}
.home-case .home-case-item .home-case-item-data ul.home-case-pic li {}
.home-case .home-case-item .home-case-item-data ul.home-case-pic li figure {}
.home-case .home-case-item .home-case-item-data ul.home-case-pic li figure figcaption {
	text-align: center;
}
.home-case .home-case-item .home-case-item-data div {
	padding: 20px;
	letter-spacing: normal;
}
.home-case .home-case-item .home-case-item-data div dl {
	display: flex;
	align-items: center;
	border-bottom: 1px solid #C8C8C8;
}
.home-case .home-case-item .home-case-item-data div dl dt {
	font-weight: bold;
	width: 140px;
	padding: 20px;
}
.home-case .home-case-item .home-case-item-data div dl dd {
	border-left: 2px solid #C97D60;
	width: calc(100% - 140px);
	font-size: 14px;
	padding: 14px 14px 14px 23px;
}
.home-case .home-case-item .home-case-item-data div dl dd span {
	font-size: 12px;
}
@media only screen and (max-width: 767px) {
	.home-case .home-case-item .home-case-item-data div dl {
		align-items: flex-start;
	}
	.home-case .home-case-item .home-case-item-data div dl dt {
		width: 80px;
		padding: 10px;
		font-size: 12px;
	}
	.home-case .home-case-item .home-case-item-data div dl dd {
		width: calc(100% - 80px);
		padding: 10px;
		font-size: 12px;
		line-height: 1.6;
	}
	.home-case .home-case-item .home-case-item-data ul.home-case-pic {
		margin-top: 0;
	}
	.home-case .home-case-item .home-case-item-data ul.home-case-pic li figure figcaption {
		font-size: 12px;
		padding: 1em;
	}
	.home-case .home-case-item .home-case-item-data div dl dd span {
		display: block;
	}
}

/*-----------------------------------------------------
リカバリーにも即座に対応できる「設備」と「技術体制」
-------------------------------------------------------*/

.home-select {}
.home-select .home-select-tit {
	text-align: center;
	padding-bottom: 60px;
}
.home-select .home-select-tit span {
	font-size: 22px;
	font-weight: bold;
	color: #C97D60;
}
.home-select .home-select-tit h2 {
	font-size: 33px;
	text-align: center;
	font-weight: bold;
	margin-top: 30px;
}
@media only screen and (max-width: 767px) {
	.home-select .home-select-tit {
		padding-bottom: 30px;
	}
	.home-select .home-select-tit span {
		font-size: 14px;
	}
	.home-select .home-select-tit h2 {
		font-size: 20px;
		margin-top: 10px;
	}
}

/* 「設備」と「技術体制」の横並び
========================================== */

.home-select .home-select-flex {
	display: flex;
	justify-content: center;
	gap: 30px;
	position: relative;
}
@media only screen and (max-width: 767px) {
	.home-select .home-select-flex {
		flex-wrap: wrap;
	}
}
.home-select .home-select-flex::after {
	content: "";
	width: 100%;
	height: 300px;
	background: #F4E9E2;
	position: absolute;
	left: 0;
	z-index: 2;
	bottom: 0;
}
.home-select .home-select-flex::before {
	content: "";
	width: 100%;
	height: 130px;
	background: #F4E9E2;
	position: absolute;
	left: 0;
	z-index: 2;
	bottom: -130px;
	clip-path: polygon(50% 100%, 0 0, 100% 0);
}

/* 「設備」と「技術体制」の本体
========================================== */

.home-select .home-select-item {
	max-width: 500px;
	width: 100%;
	position: relative;
	z-index: 5;
}
.home-select .home-select-item picture {
	text-align: center;
	width: 100%;
	position: absolute;
}
.home-select .home-select-item picture img {
	max-width: 410px;
	width: 100%;
	border-radius: 8px;
}
@media only screen and (max-width: 767px) {
	.home-select .home-select-item {
		background: #fff;
		width: 80%;
	}
	.home-select .home-select-item picture {
		position: relative;
		display: block;
	}
	.home-select .home-select-item picture img {
	}
}

.home-select .home-select-item dl {
	background: #fff;
	border-radius: 8px;
	max-width: 500px;
	width: 100%;
	margin-top: 50px;
	padding: 200px 15px 40px;
	box-shadow: 0px 10px 15px -10px #b5b5b5;
}
.home-select .home-select-item dl dt h3 {
	font-size: 25px;
	text-align: center;
	font-weight: bold;
}
.home-select .home-select-item dl dd {
	text-align: center;
	font-size: 18px;
	margin-top: 26px;
}
@media only screen and (max-width: 767px) {
	.home-select .home-select-item dl {
		padding-top: 0;
		margin-top: 10px;
	}
	.home-select .home-select-item dl dt h3 {
		font-size: 20px;
	}
	.home-select .home-select-item dl dd {
		font-size: 14px;
		margin-top: 10px;
	}
}

/* 「設備」と「技術体制」のメッセージ
========================================== */

.home-select-message {
	margin-top: 100px;
	text-align: center;
	font-size: 22px;
	color: #C97D60;
	font-weight: bold;
	position: relative;
	z-index: 2;
}
.home-select-message em {
	font-size: 40px;
	font-weight: bold;
	color: #000;
	display: block;
	margin-top: 20px;
	text-align: center;
}
@media only screen and (max-width: 767px) {
	.home-select-message {
		font-size: 16px;
		margin-top: 50px;
	}
	.home-select-message em {
		font-size: 20px;
	}
}


/*-----------------------------------------------------
治療費用
-------------------------------------------------------*/

.home-price {

}
.home-price .home-price-tit {}
.home-price .home-price-tit > h2 {
	text-align: center;
	font-weight: bold;
	font-size: 35px;
	color: #fff;
}
.home-price .home-price-tit > p {
	text-align: center;
	color: #fff;
	font-size: 14px;
	margin-top: 1em;
}

.home-price .home-price-body {
	max-width: 750px;
	background: #fff;
	border-radius: 8px;
	margin-top: 25px;
	margin-inline: auto;
	padding: 40px;
}
@media only screen and (max-width: 767px) {
	.home-price .home-price-tit > h2 {
		font-size: 30px;
	}
	.home-price .home-price-tit > p {
		margin-top: 0.5em;
	}
	.home-price .home-price-body {
		padding: 25px;
	}
}

.home-price .home-price-body dl.home-price-item {
	display: flex;
	align-items: center;
	gap: 80px;
	max-width: 500px;
	width: 100%;
	margin-inline: auto;
	border-bottom: 1px solid #B8B8B8;
}
.home-price .home-price-body dl.home-price-item dt {
	font-size: 18px;
	font-weight: bold;
	padding-left: 80px;
}
.home-price .home-price-body dl.home-price-item dd {
	position: relative;
}
.home-price .home-price-body dl.home-price-item dd::after {
	content: "";
	width: 1px;
	height: 34px;
	display: block;
	background: #ccc;
	position: absolute;
	left: -40px;
	top: 50%;
	margin-top: -17px;
}
.home-price .home-price-body dl.home-price-item dd em {
	font-size: 44px;
	font-weight: bold;
}
@media only screen and (max-width: 767px) {
	.home-price .home-price-body dl.home-price-item {
		gap: 20px;
		padding: 20px 0;
	}
	.home-price .home-price-body dl.home-price-item dt {
		font-size: 14px;
		padding-left: 0;
	}
	.home-price .home-price-body dl.home-price-item dd {
		font-size: 14px;
		border-left: 1px dotted #ccc;
		padding-left: 20px;
	}
	.home-price .home-price-body dl.home-price-item dd em {
		font-size: 20px;
	}
	.home-price .home-price-body dl.home-price-item dd::after {
		display: none;
	}
}

.home-price .home-price-body .home-price-text {
	margin-top: 35px;
}
.home-price .home-price-body .home-price-text p {
	text-align: center;
	font-size: 18px;
}
.home-price .home-price-body .home-price-text p span {
	font-size: 14px;
	display: inline-block;
	margin-top: 10px;
}
@media only screen and (max-width: 767px) {
	.home-price .home-price-body .home-price-text {
		margin-top: 15px;
	}
	.home-price .home-price-body .home-price-text p {
		font-size: 14px;
	}
	.home-price .home-price-body .home-price-text p span {
		font-size: 12px;
	}
}