@charset "utf-8";

/*共通*/
.img_bg_block {
	padding: 120px 0;
}

/*その他の追加変更 ここから*/
.m_ttl01 {
	margin-bottom: 30px;

	.txt01 {
		font-size: 7.5rem;
		letter-spacing: 0.12em;
		line-height: 1.1;
	}

	.txt02 {
		font-size: 4.2rem;
		letter-spacing: 0.06em;
		line-height: 1.5;
		margin-top: -42px;
	}
}

.m_txt p+p {
	margin-top: 1em;
}

.m_ttl02 {
	padding-bottom: 14px;

	&:before {
		width: 50px;
	}

	.txt01 {
		letter-spacing: 0.06em;
		line-height: 1.5;
		font-size: 3.4rem;

		span {
			font-size: 2.6rem;
			top: -0.2em;
			margin-left: 0.5em;
		}
	}

	.txt02 {
		font-size: 1.2rem;
	}
}

.m_ttl03 {
	padding: 6px 0;
	margin-top: 24px;
	font-size: 1.9rem;

	&::before,
	&::after {
		background: linear-gradient(90deg, rgba(176, 140, 213, 0) 0%, rgba(176, 140, 213, 1) 20%, rgba(176, 140, 213, 1) 80%, rgba(176, 140, 213, 0) 100%);
	}
}

/*______________________________________________________________________________________
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
m_mv
______________________________
^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/
.m_mv {}

.m_mv_logo {
	top: 13px;
	left: 15px;
	width: 587px;
	display: none;
}

/*______________________________________________________________________________________
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
trouble
______________________________
^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/
.trouble {}

.trouble .img_bg_block {
	padding: 0 0 100px;
}

.trouble_ttl {
	width: 523px;
	margin: 0 auto;
}

.trouble_block {
	display: grid;
	gap: 160px;
	grid-template-columns: repeat(2, 1fr);
	margin-top: 77px;
	background: url(../images/trouble_img01.png) center top / 400px no-repeat;
}

.trouble_box_content {
	padding-bottom: 65px;
	width: 400px;
	min-height: 491px;

	&:before {
		bottom: 0;
		width: 180px;
	}

	.trouble_box:nth-of-type(2) & {
		margin-left: auto;
	}
}

.trouble_list {
	gap: 7px;

	li {
		font-size: 1.8rem;
		background: url(../images/icon_check.png) left top 5px / 23px no-repeat;
		padding: 0 0 13px 35px;
	}
}

.trouble_etc {
	margin-top: 11px;
}

.trouble_bnr {
	filter: drop-shadow(0px 0px 1rem rgba(0, 0, 0, 0.2));
	margin-top: 30px;
}

/*______________________________________________________________________________________
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
t_consult
______________________________
^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/
.consult {
	background: #8fc2d1 url(../images/consultation_bg.jpg) center / cover no-repeat;
	overflow: hidden;
}

.consult .img_bg_block {
	padding: 0;
}

.consult_block {
	padding: 88px 0 73px;
}

.consult_ttl {
	width: 400px;
	padding-top: 22px;
	font-size: 1.9rem;
	top: -1px;
}

.consult_catch {
	margin-top: 40px;
	font-size: 3.6rem;
}

.consult_btns {
	gap: 40px;
	margin-top: 29px;

	a {
		width: 350px;
		background: #fff;
		border-radius: 10rem;

		img {
			display: block;
			transition: 0.5s;
		}

		&:hover {
			opacity: 1;

			img {
				opacity: 0.5;
			}
		}
	}
}

.consult_txt {
	font-size: 1.6rem;
	margin-top: 22px;
}

.consult_hosoku {
		font-size: 1.6rem;
	margin-top: 5px;
}

/*______________________________________________________________________________________
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
m_about
______________________________
^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/
.m_about {
	background: #f0e6f9;
	position: relative;
	isolation: isolate;
	overflow: hidden;
	padding-bottom: 120px;

	&:before {
		content: '';
		display: block;
		position: absolute;
		top: 50%;
		left: 50%;
		width: 1318px;
		aspect-ratio: 1/1;
		transform: translate(-50%, -50%);
		z-index: -1;
		background: #fff;
		border-radius: 50%;
		border: 60px solid #f0e6f9;
		--filter-opacity: 1;
		--shadow-size: 40px;
		--shadow-color: 255, 255, 255;
		filter:
			drop-shadow(0px 0px var(--shadow-size) rgba(var(--shadow-color), var(--filter-opacity))) drop-shadow(0px 0px var(--shadow-size) rgba(var(--shadow-color), var(--filter-opacity)));
	}
}

.m_about_head {
	position: relative;
	isolation: isolate;
	overflow: visible;
	min-height: auto;
	display: flex;
	align-items: center;
	background: none;

	/* padding-top: 142px; */
	&:before {
		display: none !important;
	}

	.m_ttl01 {
		margin-bottom: 0;
	}
}

.m_about_imgs {
	gap: 20px;
	width: 780px;
	margin: 0 auto;

	img {
		border-radius: 20px;
	}
}

.m_about_body {
	padding: 0;
	margin-top: 49px;
}

.m_about_txt {
	margin: 30px auto 0;
	max-width: 651px;
}

/*______________________________________________________________________________________
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
bri
______________________________
^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/
.bri {}

.bri .img_bg_block {
	padding: 0;
}

.bri_about {
	padding: 108px 0 109px;
}

.bri_ttl {
	.txt01 {
		font-size: 6.1rem;
		color: #f0e6f9;
		letter-spacing: 0.02em;
	}

	.txt02 {
		margin-top: -33px;
	}
}

.bri_menu {
	display: flex;
}

.bri_menu_head {
	background: url(../images/menu_ttl_bg.jpg) center / cover no-repeat;
	width: 540px;
	display: flex;
	flex-direction: column;
}

.bri_menu_ttl {
	.ttl {
		padding: 42px 0;

		span {
			font-size: 2.2rem;
		}

		em {
			font-size: 3.7rem;
		}
	}
}

.bri_menu_list {
	flex: 1;
	display: flex;
	flex-direction: column;
}

.bri_menu_item {
	padding: 17px 0px 19px 40px;
	gap: 30px;
	flex: 1;
	transition: 0.5s;
	cursor: pointer;

	* {
	transition: 0.5s;
	}

	&:last-of-type {
		border-bottom: 2px solid rgba(255, 255, 255, 1);
	}
	    &.on {
        border-right: 0;
    }

	.ttl {}

	.txt01 {
		font-size: 2.6rem;

		em {
			font-size: 1.9rem;
			margin-left: 0.5em;
			top: -0.12em;
		}
	}

	.txt02 {
		letter-spacing: 0.3em;
		font-size: 1.2rem;
		margin-top: 0px;
		padding-bottom: 0.75em;
	}

	&:hover {
		border-right-color: transparent;
		background: rgba(176, 140, 213, 0.5);

		.txt01,
		.txt02 {
			color: #fff;
		}
	}
}

.bri_menu_body {
	flex: 1;
	border: 2px solid #c6afe5;
	border-right: 0;
}

.bri_menu_contents {
	height: 100%;
}
.bri_menu_box_wrap {
	background: none;
}
.bri_menu_box_ttl {
	display: none !important;
}

.bri_menu_box {
	padding: 52px 80px 56px;
	height: 100%;
	min-height: calc(var(--maxHeight) * 1px);
	align-items: center;
	display: none;

	&.on {
		display: flex;
	}
}

.bri_menu_box_in {
	width: 100%;
}

.bri_menu_desc {
	margin-top: 22px;
	text-align: center;

	p+p {
		margin-top: 10px;
	}
}

.bri_menu_txt {
	margin-top: 11px;
	text-align: center;

	p {
		line-height: 1.6;
	}

	strong {
		display: block;
		font-size: 1.7rem;
		letter-spacing: 0.05em;
	}

	p+p {
		margin-top: 3px;
	}
}

.bri_point {
	padding: 0px 0 124px;

	.m_ttl01 {
		padding-top: 0;

		.txt01 {
			font-size: 7.5rem;
		}

		.txt02 {
			font-size: 4.2rem;

			span {
				&:before {
					top: 7px;
					left: 50%;
					width: 213px;
					transform: translateX(-50%);
					height: 100%;
					background: url(../images/wave.png) center bottom / 100% no-repeat;
				}
			}
		}
	}
}

.bri_point_head {
	padding-right: 0;
	padding-top: 105px;
	z-index: 1;

	&:before {
		top: 0;
		right: -334px;
		width: 860px;
	}
}

.bri_point_catch {
	border-radius: 20px;
	background: rgba(255, 255, 255, 0.6);
	box-shadow: inset 0 0 1.5rem rgba(255, 255, 255, 1);
	padding: 28px 0;
	margin: 60px auto 0;
	width: 650px;
	font-size: 2.4rem;
	line-height: 1.5;
}

.bri_point_txt {
	margin-top: 24px;
	position: relative;
	z-index: 10;
	text-align: center;
}

.bri_point_cols {
	margin-top: 41px;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 50px;
	padding-left: 20px;
	position: relative;
	z-index: 10;
}

.bri_point_box {}

.bri_point_box_head {
	padding: 4px 0 6px 75px;
}

.bri_point_box_num {
	left: -22px;
	width: 80px;
	font-size: 3.7rem;
	top: 33%;
}

.bri_point_box_ttl {
	font-size: 2.1rem;
}

.bri_point_box_body {
	padding: 18px 34px;
}

.bri_point_list {
	gap: 5px;
}

.bri_point_list li {
	padding-left: 18px;

	&:before {
		top: 13px;
		left: 0;
		width: 6px;
	}
}

.bri_point_box_txt {}

/*______________________________________________________________________________________
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
placenta
______________________________
^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/
.placenta {
	.m_about_head {
		background: none;
		padding-top: 101px;
	}
}

.placenta .img_bg_block {
	padding: 0;
}

.placenta_about {
	background: #d8f4ef;
	padding-bottom: 107px;

	&:before {
		border-color: #d8f4ef;
	}
}

.placenta_ttl {
	.txt01 {
		font-size: 7.5rem;
	}

	.txt02 {
		margin-top: -39px;
	}
}

.placenta_our {
	padding-bottom: 120px;
}

.placenta_head {
	padding-left: 0;
	padding-top: 99px;
	z-index: -1;

	&:before {
		left: -386px;
		width: 950px;
	}

	.m_ttl01 {
		padding-top: 0;
	}

	.txt01 {
		font-size: 7.5rem;
		width: 100%;
	}

	.txt02 {
		margin-top: -38px;
	}
}

.placenta_txt {
	margin-top: 50px;
	text-align: center;
}

.placenta_desc {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 60px;
	margin-top: 70px;
}

.placenta_desc_box {}

.placenta_desc_box_ttl {
	padding: 6px 45px;
	font-size: 2.1rem;
	text-align: left;
}

.placenta_desc_box_body {
	padding: 20px 48px;
}

.placenta_ttl_sub {
	font-size: 3.4rem;
	gap: 15px;
	margin-top: 43px;

	&:before {
		background: linear-gradient(90deg, rgba(4, 162, 129, 0) 0%, rgba(4, 162, 129, 1) 50%, rgba(4, 162, 129, 1) 100%);
	}

	&:after {
		background: linear-gradient(90deg, rgba(4, 162, 129, 1) 0%, rgba(4, 162, 129, 1) 50%, rgba(4, 162, 129, 0) 100%);
	}
}

.placenta_feature {
	--triangle-size: 36px;
	--triangle-gap: -3px;
	padding: 22px 30px 30px;
	margin-top: 71px;
}

.placenta_feature_ttl {
	font-size: 2.3rem;
	letter-spacing: 0.14em;

	span {
		font-size: 4.3rem;
	}
}

.placenta_feature_list {
	grid-template-columns: repeat(4, 1fr);
	gap: 20px;
	margin-top: 25px;
}

.placenta_feature_item {
	&:before {
		top: -10px;
		left: -3px;
		font-size: 4.9rem;
	}
}

.placenta_feature_item_ttl {
	padding: 7px 0;
	font-size: 1.9rem;
}

.placenta_feature_item_txt {
	padding: 11px 16px 20px;
	line-height: calc(30/16);
}

.placenta_caution {
	display: grid;
	gap: 25px;
	margin: 51px auto 0;
	width: fit-content;
}

.placenta_caution dl {
	display: flex;
}

.placenta_caution dt {
	font-size: 2.1rem;
	min-width: 300px;
	line-height: 1.5;
}

.placenta_caution dd {
	margin-top: 0;
	font-size: 1.6rem;
}

.placenta_table_scroll {
	margin-top: 52px;
	display: flex;
}

.placenta_table_ttl {
	border-right: 0;
	padding: 42px 18px 38px;
	margin-top: 0;
	font-size: 2.1rem;
	-webkit-writing-mode: vertical-rl;
	writing-mode: vertical-rl;
}

.placenta_table {
	flex: 1;

	:is(th, td) {
		font-size: 1.6rem;
		padding: 5px 0;
	}

	thead th:nth-of-type(5) {
		width: 326px;
	}

	thead {
		th {
			padding: 11px 0;

			span {
				font-size: 1.2rem;
			}
		}
	}

	.mini_txt {
		font-size: 1.4rem;
	}
}

.placenta_diff {
padding: 40px;
margin-top: 40px;
}

.placenta_diff_ttl {
    font-size: 2.4rem;
    margin-bottom: 20px;
}


/*______________________________________________________________________________________
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
feature
______________________________
^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/
.feature {
	.inner {
		max-width: 1480px;
	}
}

.feature .img_bg_block {
	padding: 93px 0 100px;
}

.feature_wrap {
	position: relative;
}

.feature_ttl {
	position: absolute;
	top: 103px;
	left: 0;
	width: 50%;
}

.feature_block {
	border-radius: 0;
	margin-top: 0;
	display: flex;
	flex-wrap: wrap;

	&:before {
		content: '';
		display: block;
		width: 50%;
		height: 1px;
		z-index: 1;
	}
}

.feature_item {
	width: 50%;
	padding: 57px 72px 58px 80px;
	background: #e4f5fa;

	&:nth-of-type(1) {
		border-radius: 30px 30px 0 0;
	}

	&:nth-of-type(2) {
		border-radius: 30px 0 0 0;
	}

	&:nth-last-of-type(2) {
		border-radius: 0 0 0 30px;
	}

	&:nth-last-of-type(1) {
		border-radius: 0 0 30px 0;
	}

	&:nth-of-type(4n + 2) {
		background: #e4f5fa;
	}

	&:nth-of-type(4n + 3) {
		background: #d2e9f0;
	}

	&:nth-of-type(4n + 4) {
		background: #d2e9f0;
	}

	&:nth-of-type(4n + 5) {
		background: #e4f5fa;
	}
}

.feature_item_ttl {
	gap: 17px;

	&:before {
		font-size: 6.8rem;
		top: -0.05em;
		letter-spacing: 0.1em;
	}

	span {
		padding-left: 23px;
		font-size: 2.4rem;
		letter-spacing: 0.1em;

		&:before {
			width: 2px;
		}
	}
}

.feature_item_txt {
	margin-top: 20px;
}

/*______________________________________________________________________________________
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
faq
______________________________
^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/
.faq {}

.faq .img_bg_block {
	padding: 0;
}

.faq_btns {
	display: flex;
	gap: 40px;
	justify-content: center;
}

.faq_btn {
	font-size: 2rem;
	border-radius: 20px 20px 0 0;
	padding: 10px 0 10px;
	border-width: 3px;
	border-bottom: 0;
	width: 400px;
	line-height: 1.3;
	cursor: pointer;
	transition: 0.5s;

	span {
		font-size: 2.4rem;
		letter-spacing: 0.12em;
	}

		&:hover {
		background: var(--btn-color);
		color: #fff;
	}

	&.faq_btn02:hover {
		--btn-color: #61cab6;
	}
}

.faq_item {
	border-width: 5px;
	padding: 59px 0;
}

/*++++++++++++++++++++++++++++
m_faq
++++++++++++++++++++++++++++*/
.m_faq {
	--left-padding: 60px;

	&+& {
		margin-top: 15px;
	}

	.m_faq_head {
		--icon-right: 23px;
		--icon-width: 11px;
	}

	.m_faq_ttl {
		margin-top: 0;
		padding: 12px 40px 14px var(--left-padding);
		font-size: 2rem;

		&:before {
			font-size: 2.5rem;
			top: 14px;
			left: 20px;
		}
	}

	.m_faq_body {
		padding: 15px 15px 19px var(--left-padding);
		background: #fff;

		&:before {
			font-size: 2.5rem;
			top: 17px;
			left: 19px;
		}
	}
}

/*______________________________________________________________________________________
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
greeting
______________________________
^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/
.greeting {
	background: url(../images/greeting_bg.png) center top / cover no-repeat;
}

.greeting_block {
	display: flex;
	gap: 60px;
	flex-direction: row-reverse;
}

.greeting_head {
	box-shadow: 63px 24px 0px rgba(255, 255, 255, 0.3);
	width: 400px;
}

.greeting_body {
	flex: 1;
	padding-top: 58px;
}

.greeting_body_top {
	display: flex;
	align-items: center;
	gap: 48px;
}

.greeting_ttl {
	font-size: 7.5rem;
	line-height: 1;
	margin-top: 0;
}

.greeting_name {
	width: 186px;
	position: relative;
	top: 6px;
	left: -13px;
}

.greeting_txt {
	margin-top: 35px;
}

/*______________________________________________________________________________________
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
clinic
______________________________
^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/
.clinic {
	.inner {
		max-width: none;
		padding: 0;
		width: 100%;
	}

	.img_bg_block {
		padding: 104px 0 150px;
	}
}

.clinic_block {
	margin-top: 69px;
	display: flex;
	gap: 40px;
	padding-right: 60px;
}

.clinic_head {
	flex: 1;

	.gmap {
		height: 100%;
	}
}

.clinic_body {
	margin-top: 0;
	width: 400px;
}

.clinic_img {}

.clinic_name {
	font-size: 2.5rem;
	margin-top: 14px;
}

.clinic_list {
	margin-top: 3px;
	display: grid;
	gap: 1px;

	li {
		padding-left: 20px;
		background-size: 10px;
	}

	.tel {}
}

.clinic_table {
	margin-top: 9px;
}

.clinic_hosoku {
	font-size: 1.4rem;
	margin-top: 11px;
	letter-spacing: 0.12em;
}

.clinic_bnr {
	margin-top: 24px;
}