@charset "UTF-8";
/*
	Filename: ja
	Version: 1.0.1
*/
/*-----------------------------------------------------
	common
------------------------------------------------------*/
.header_nav ul.flex {
	gap: 20px;
}
/*-----------------------------------------------------
	midasi
------------------------------------------------------*/
.midasi_01 {
	font-family: var(--font-ja);
	font-size: 50px;
	font-weight: 600;
	line-height: 1.6;
}
.midasi_01.white {
	color: #fff;
}
@media screen and (max-width: 750px) {
	.midasi_01 {
		font-size: 32px;
		font-weight: 500;
	}
}
/*-----------------------------------------------------
	#page_mv
------------------------------------------------------*/
#page_mv .page_title h1, #page_mv .page_title div.h1_title {
	font-family: var(--font-ja);
	font-size: 70px;
	font-weight: 600;
	line-height: 1.4;
}
@media screen and (max-width: 1000px) {
	#page_mv .page_title h1, #page_mv .page_title div.h1_title {
		font-size: 60px;
	}
}
@media screen and (max-width: 750px) {
	#page_mv .page_title h1, #page_mv .page_title div.h1_title {
		font-size: 	8vw;
	}
}
/*-----------------------------------------------------
	目次
------------------------------------------------------*/
#ez-toc-container {
	display: flex !important;
	flex-direction: row;
	flex-wrap: wrap;
	flex-direction: column;
	width: 800px !important;
	max-width: 100%;
	margin: 0 auto;
	padding: 0;
  background: #F5F5F5 !important;
  border: none !important;
  box-shadow: none;
}
.ez-toc-title-container {
	display: block !important;
	width: 100%;
}
.ez-toc-title-container span {
	display: none !important;
}
#ez-toc-container nav {
	width: 100%;
	padding: 30px 24px 40px;
}
ul.ez-toc-list li a {
	display: block !important;
	padding: 10px 0;
	font-size: 16px !important;
	font-weight: 500;
	line-height: 1.6;
	letter-spacing: 0.1em;
	text-decoration: none !important;
	color: var(--gold) !important;
}
ul.ez-toc-list li a:visited {
  color: var(--gold) !important;
}
.ez-toc-counter nav ul li a::before {
	margin-right: 1.2em;
}
@media screen and (max-width: 750px) {
	#ez-toc-container {
		width: 100% !important;
		margin: 20px auto 60px;
	}
	#ez-toc-container nav {
		width: 100%;
		padding: 20px 25px 40px;
	}
	ul.ez-toc-list li a {
		font-size: 14px !important;
	}
}
/*-----------------------------------------------------
	.main
------------------------------------------------------*/
.main h1 {
	font-family: var(--font-ttl);
  font-size: 30px;
  font-weight: 500;
  line-height: 1.2;
}
@media screen and (max-width: 781px) {
	.main h1 {
		font-size: 20px;
	}
}
/*-----------------------------------------------------
	case single
------------------------------------------------------*/

.main .case_img {
	width: 60%;
	margin: 0 auto 30px;
}
.main .before_after_img img {
  height: auto;
	object-fit: contain;
}
@media screen and (max-width: 750px) {
	.main .category span {
		font-size: 14px;
	}
	.main .case_img {
		width: 100%;
	}
}

.main p {
  line-height: 1.8;
}
.main ul, .main ol {
  margin-bottom: 30px;
}
.main ul li {
  line-height: 1.8;
}
.main ol li {
  line-height: 1.8;
}
/*-----------------------------------------------------
	#mv
------------------------------------------------------*/
.mv_lead {
	font-family: var(--font-ja);
	font-size: 70px;
	font-weight: 600;
	line-height: 1.4;
}
.mv_link a {
	font-size: 16px;
}
@media screen and (max-width: 750px) {
	.mv_lead {
		font-size: 7.6vw;
	}
	.mv_link a {
		font-size: 4.533vw;
	}
}
/*-----------------------------------------------------
	#about
------------------------------------------------------*/
.about_text h2 {
	font-family: var(--font-ja);
	font-size: 50px;
	font-weight: 600;
	line-height: 1.6;
}
.about_text p {
	line-height: 1.8;
}
@media screen and (max-width: 750px) {
	.about_text h2 {
		font-size: 32px;
	}
	.about_text p {
		font-size: 16px;
	}
}
/*-----------------------------------------------------
	#doctor
------------------------------------------------------*/
.doctor_text p {
	line-height: 1.8;
}
/*-----------------------------------------------------
	#why
------------------------------------------------------*/
.why_child p {
	line-height: 1.8;
	text-align: left;
}
@media screen and (max-width: 750px) {
	.why_child p {
		text-align: center;
	}
}
/*-----------------------------------------------------
	#services
------------------------------------------------------*/
#services p {
	line-height: 1.8;
}
/*-----------------------------------------------------
  #flow
------------------------------------------------------*/
.flow_text p {
	line-height: 1.8;
}
/*-----------------------------------------------------
  #technology
------------------------------------------------------*/
.technology_child_text p {
	line-height: 1.8;
}
/*-----------------------------------------------------
  #faq
------------------------------------------------------*/
.faq_answer_inner p {
  line-height: 1.8;
}
.book_link_02 span p {
	line-height: 1.8;
}
/*-----------------------------------------------------
	#contact
------------------------------------------------------*/
.contact_l p {
	line-height: 1.8;
}