@charset "UTF-8";

.main_container {
	padding-bottom: 100px;
}

.activities_text {
	font-size: clamp(0.75rem, 0.245rem + 1.05vw, 0.938rem);
	text-align: center;
}

.clinic_anchor-nav {
	display: block;
	max-width: 710px;
	margin: 0 auto;
}

.clinic_anchor-list {
	display: flex;
	width: 100%;
	flex-wrap: wrap;
}

.clinic_anchor-item {
	display: block;
	max-width: 220px;
}

.clinic_anchor-link {
	display: flex;
	overflow: hidden;
	width: 100%;
	height: 100%;
	border-radius: 5px;
	box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
	background-color: #fff7ea;
	color: #484848;
	font-weight: 500;
	font-size: clamp(0.875rem, 0.538rem + 0.7vw, 1rem);
	line-height: clamp(1.188rem, 0.345rem + 1.75vw, 1.5rem);
	text-align: center;
	column-gap: 5px;
	justify-content: center;
	align-items: center;
	transition: all 0.3s;
}
.clinic_anchor-link:hover {
	background-color: #296ecb;
	color: #ffffff;
}


@media screen and (min-width: 451px) {
	.clinic_anchor-list {
		column-gap: 3.521%;
	}

	.clinic_anchor-item {
		width: 30.986%;
	}
}

@media screen and (max-width: 450px) {
	.clinic_anchor-list {
		column-gap: 10px;
	}

	.clinic_anchor-item {
		width: calc(50% - 5px);
	}

	.clinic_anchor-link {
		min-height: 50px;
	}
}


.clinic_guide-container {
	display: block;
	max-width: 1400px;
	margin: 0 auto;
}

.clinic_guide-section {
	display: block;
	width: 100%;
}

.clinic_guide-title {
	display: flex;
	position: relative;
	padding-bottom: 10px;
	font-weight: normal;
	flex-direction: column;
	align-items: center;
}

.clinic_guide-title::before {
	display: block;
	position: absolute;
	top: calc(100% - 2px);
	width: clamp(1.875rem, -0.165rem + 4.25vw, 3.75rem);
	height: 2px;
	border-right: clamp(0.625rem, -0.055rem + 1.42vw, 1.25rem) solid #db262a;
	background-color: #296ecb;
	content: "";
}

.clinic_guide-title strong {
	margin-bottom: -0.5208vw;
	font-weight: 500;
	font-size: clamp(2.188rem, 0.216rem + 4.11vw, 4rem);
	letter-spacing: 0.03em;
}

.clinic_guide-title > span {
	display: block;
	font-size: 14px;
	letter-spacing: 0.05em;
}

.guide-title-bottom {
	text-align: center;
	font-size: 15px;
	margin-bottom: 20px;
}


.clinic_oral-text {
	font-size: 15px;
	line-height: clamp(1.688rem, 1.348rem + 0.71vw, 2rem);
	text-align: center;
}

.clinic_oral-text span {
	display: inline-flex;
	position: relative;
	align-items: center;
}

.clinic_oral-text span::before {
    position: absolute;
    bottom: calc(100% - 0.8em);
    left: 50%;
    transform: translateX(-50%);
    font-weight: 500;
    font-size: 10px;
    line-height: 1;
    white-space: nowrap;
    content: "しこう";
}
.clinic_oral-steps {
	display: flex;
	max-width: 1245px;
	width: 100%;
	margin: 0 auto;
	flex-wrap: wrap;
	counter-reset: number;
}
.clinic_oral-item {
	display: flex;
	position: relative;
	max-width: 600px;
	align-items: center;
}
.clinic_oral-item::after {
	position: absolute;
	background-color: #296ecb;

	mask-position: center;
	-webkit-mask-position: center;
	mask-image: url(../images/oral_step-arrow.webp);
	-webkit-mask-image: url(../images/oral_step-arrow.webp);
	mask-size: 100%;
	-webkit-mask-size: 100%;
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	aspect-ratio: 4/7;
}
.clinic_oral-contents {
	display: flex;

	row-gap: 10px;
}
.clinic_oral-img {
	display: flex;
}

.clinic_oral-img img {
	width: 100%;
	height: auto;
	margin: auto;
}

.clinic_oral-detail {
	display: flex;
	font-size: 15px;
	column-gap: 5px;
	align-items: center;
}

.clinic_oral-info {
	display: flex;
	flex-direction: column;
}
.clinic_oral-subtitle {
	margin-bottom: 40px;
	padding: 14.5px 0;
	background-color: #fff7ea;
	font-weight: bold;
	font-size: clamp(0.938rem, 0.462rem + 0.99vw, 1.375rem);
	letter-spacing: 0.01em;
}
.clinic_oral-subtitle .subtitle-bottom {
	font-size: clamp(0.813rem, 0.473rem + 1.36vw, 1.125rem);
}
.clinic_oral-details {
	display: flex;
	max-width: 1330px;
	width: 95%;
	margin: 0 auto;
	flex-direction: row-reverse;
	justify-content: space-between;
}

.clinic_oral-details:not(:nth-last-of-type(1)) {
	margin-bottom: 40px;
}
.clinic_oral-subimg {
	max-width: 695px;
}

.clinic_oral-tools {
	display: flex;
	width: 100%;
	flex-wrap: wrap;
	justify-content: space-between;
}
.clinic_oral-tools li {
	max-width: 150px;
	width: 24%;
	font-size: 14px;
	text-align: center;
}
@media screen and (min-width: 501px) {
	.clinic_oral-tools li {
		width: 24%;
	}
}
@media screen and (max-width: 500px) {
	.clinic_oral-tools {
		max-width: 320px;
		column-gap: 20px;

		row-gap: 30px;
	}
	.clinic_oral-tools li {
		width: calc(50% - 10px);
	}
}
.clinic_oral-tools figure {
	display: flex;
	flex-direction: column;

	row-gap: 5px;
}

.clinic_oral-tools img {
	width: 100%;
}

.oral-swallow-title {
	margin-bottom: 20px;
	font-weight: bold;
	font-size: clamp(0.938rem, 0.462rem + 0.99vw, 1.375rem);
	text-align: center;
	letter-spacing: 0.01em;
}
.oral-swallow-title span {
	display: inline-flex;
	position: relative;
	flex-direction: column;
	align-items: center;
}
.oral-swallow-title span::before {
	position: absolute;
	bottom: calc(100% - 0.4154em);
	font-size: 10px;
	letter-spacing: 0.01em;
	white-space: nowrap;
	content: "えんげ";
}

.clinic_oral-details p {
	font-size: 15px;
	line-height: 27px;
	text-align: justify;
}
.clinic_oral-swallow {
	display: flex;
	max-width: 465px;
	width: 100%;
	margin: 0 auto;
	margin-bottom: 25px;
	font-weight: bold;
	font-size: clamp(0.938rem, 0.462rem + 0.99vw, 1.375rem);
	column-gap: 20px;
	justify-content: space-between;
}
.clinic_oral-swallow li {
	max-width: 220px;
	width: calc(50% - 10px);
	text-align: center;
}
.clinic_oral-swallow figure {
	display: flex;
	flex-direction: column;

	row-gap: 10px;
}
.clinic_oral-swallow img {
	width: 100%;
	box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.16);
}
.oral-swallow-caution {
	display: block;
	max-width: 465px;
	width: 100%;
	margin: 0 auto;
	font-weight: normal;
	font-size: clamp(0.563rem, 0.223rem + 0.71vw, 0.875rem);
	line-height: 16px;
	text-align: right;
	letter-spacing: 0.01em;
}
@media screen and (min-width: 768px) {
	#oral {
		margin-bottom: 80px;
	}
	.clinic_oral-text {
		margin-bottom: 40px;
		text-align: center;
	}
	.clinic_oral-steps {
		margin-bottom: 60px;
		column-gap: 40px;

		row-gap: 20px;
	}
	.clinic_oral-item {
		width: calc(50% - 20px);
		padding: 35px 25px;
		border-radius: 5px;
		box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
		background-color: #ffffff;
	}
	.clinic_oral-item:nth-of-type(odd)::after {
		left: calc(100% + 10px);
		width: 20px;
		content: "";
	}
	.clinic_oral-contents {
		min-height: 315px;
		flex-direction: column-reverse;
		justify-content: space-between;
	}
	.clinic_oral-img {
		min-height: 265px;
	}
	.clinic_oral-item:nth-of-type(odd) .clinic_oral-img {
		max-width: 415px;
	}
	.clinic_oral-item:nth-of-type(even) .clinic_oral-img {
		max-width: 530px;
	}
	.clinic_oral-subtitle {
		margin-bottom: 40px;
		padding: 14.5px 0;
		text-align: center;
	}

	.clinic_oral-detail::before {
		display: flex;
		max-width: 35px;
		min-width: 35px;
		border-radius: 100%;
		background-color: #296ecb;
		color: #ffffff;
		font-family: "impact";
		font-weight: normal;
		font-size: 20px;
		justify-content: center;
		align-items: center;
		content: counter(number);
		counter-increment: number;

		aspect-ratio: 1/1;
	}
	.clinic_oral-details {
		width: 95%;
	}
	.clinic_oral-subimg {
		width: 52.2557%;
	}
	.clinic_oral-details p {
		max-width: 560px;
		width: 46%;
	}
}
@media screen and (max-width: 767px) {
	#oral {
		margin-bottom: 40px;
	}
	.clinic_oral-text {
		width: 100%;
		margin-bottom: 40px;
		padding: 0 30px;
		text-align: justify;
	}
	.clinic_oral-text br {
		display: none;
	}
	.clinic_oral-steps {
		margin-bottom: 45px;
		padding: 0 30px;
		flex-direction: column;
		align-items: center;

		row-gap: 60px;
	}
	.clinic_oral-item {
		width: 100%;
		flex-direction: column;
	}
	.clinic_oral-item:not(:nth-last-of-type(1))::after {
		top: calc(100% + 10px);
		transform: rotateZ(90deg);
		width: 18px;
		content: "";
	}
	.clinic_oral-contents {
		flex-direction: column;
	}
	.clinic_oral-img {
		position: relative;
		max-width: 530px;
	}
	.clinic_oral-item:nth-last-of-type(1) .clinic_oral-img {
		padding: 30px 10px 20px;
	}

	.clinic_oral-img::before {
		display: flex;
		position: absolute;
		bottom: calc(100% - 17.5px);
		left: -10px;
		max-width: 35px;
		min-width: 35px;
		border-radius: 100%;
		background-color: #296ecb;
		color: #ffffff;
		font-family: "impact";
		font-weight: normal;
		font-size: 20px;
		justify-content: center;
		align-items: center;
		content: counter(number);
		counter-increment: number;

		aspect-ratio: 1/1;
	}
	.clinic_oral-subtitle {
		margin-bottom: 25px;
		padding: 7px 20px;
	}
	.clinic_oral-details {
		width: calc(100% - 60px);
		flex-direction: column;
	}
	.clinic_oral-details:nth-last-of-type(1) {
		flex-direction: column-reverse;
	}
	.clinic_oral-subimg {
		width: 100%;
	}
	.clinic_oral-tools {
		margin: 0 auto;
		margin-bottom: 20px;
	}
	.oral-swallow-title {
		padding-top: 30px;
	}
	.oral-swallow-title span::before {
		font-weight: 300;
	}
	.clinic_oral-details p {
		width: 100%;
	}
}









.clinic_affiliated-contents {
	display: flex;
	position: relative;
	width: 100%;
	justify-content: center;
	align-items: center;

	row-gap: 10px;
}

.clinic_affiliated-img , .clinic_affiliated-img img {
	width: 100%;
}

.clinic_affiliated-img {
	overflow: hidden;
	width: 100%;
}

.clinic_affiliated-img img {
	height: 100%;

	object-fit: cover;
	object-position: center;
}

.clinic_affiliated-details {
	display: flex;
	max-width: 815px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}



.clinic_affiliated-inner {
	display: flex;
	position: relative;
	max-width: 660px;
	width: 100%;
	flex-direction: column;
	justify-content: center;
}

.clinic_affiliated-hospital {
	display: flex;
	width: 100%;
	flex-direction: column;
}



.clinic_affiliated-hospital h3 {
	display: flex;
	margin-bottom: 5px;
	font-weight: bold;
	font-size: clamp(0.938rem, 0.432rem + 1.05vw, 1.125rem);
	column-gap: clamp(0.625rem, -0.217rem + 1.75vw, 0.938rem);
	align-items: center;
}

.clinic_affiliated-hospital h3::after {
	display: block;
	width: clamp(1.25rem, -0.434rem + 3.51vw, 1.875rem);
	height: 1px;
	background-color: #717171;
	content: "";
}

.clinic_affiliated-hospital ul {
	display: flex;
	font-size: 14px;
	column-gap: clamp(0.688rem, 0.351rem + 0.7vw, 0.813rem);
	flex-wrap: wrap;

	row-gap: 10px;
}

.clinic_affiliated-hospital ul a {
	color: #1d2fff;
	transition: all 0.3s;
}
.clinic_affiliated-hospital ul a:hover {
	color: #d23823;
}

.clinic_affiliated-inner span {
	display: block;
	margin-left: auto;
	font-size: 14px;
}

.clinic_accredited-contents {
	display: flex;
	width: 100%;
	flex-direction: column;
}

.clinic_accredited-base {
	display: flex;
	width: 100%;
	height: 100%;
	background-color: #ffffff;
	flex-direction: column;

	row-gap: 15px;
}

.clinic_accredited-base h3 {
	width: 100%;
	padding: 11.5px 0px;
	background-color: #fff7ea;
	font-weight: bold;
	font-size: clamp(0.938rem, 0.666rem + 0.57vw, 1.188rem);
	text-align: center;
}


.clinic_accredited-base ol {
	display: flex;
	width: calc(100% - clamp(1.25rem, -1.47rem + 5.67vw, 3.75rem));
	min-height: 265px;
	height: 100%;
	margin: 0 auto;
	font-size: clamp(0.935rem, 0.739rem + 0.54vw, 1rem);
	column-gap: 15px;
	flex-direction: column;
	flex-wrap: wrap;
	counter-reset: number;
}

@media screen and (min-width: 1257px) {
	.clinic_accredited-base ol {
		max-height: 340px;
	}
}

@media screen and (max-width: 1256px) {
	@media screen and (min-width: 631px) {
		.clinic_accredited-base ol {
			max-height: 460px;
		}
	}
	@media screen and (max-width: 630px) {
	}
}

.clinic_accredited-numbers {
	width: calc(33% - 5.5px);
	line-height: clamp(1.5rem, 1.364rem + 0.28vw, 1.625rem);
	text-align: justify;
}

@media screen and (max-width: 1060px) {
	/*.clinic_accredited-base ol {
		max-height: 520px;
	}*/

	.clinic_accredited-numbers {
		width: calc(50% - 5.5px);
	}
	@media screen and (max-width: 630px) {
		.clinic_accredited-numbers {
			width: 100%;
		}
	}
}




.clinic_accredited-numbers::before {
	content: counter(number)".";
	counter-increment: number;
}

.clinic_accredited-numbers ul {
	display: flex;
	min-height: 80px;
	height: 100%;
	font-size: 13px;
	column-gap: 10px;
	flex-direction: column;
	flex-wrap: wrap;

	row-gap: 10px;
}

@media screen and (min-width: 1461px) {
	.clinic_accredited-numbers ul {
		max-height: 90px;
	}
}

@media screen and (min-width: 1033px) and (max-width: 1460px) {
	.clinic_accredited-numbers ul {
		max-height: 120px;
	}
}

@media screen and (max-width: 1032px) {
	@media screen and (min-width: 631px) {
		.clinic_accredited-numbers ul {
			max-height: 100px;
		}
	}
}

@media screen and (min-width: 631px) {
	.clinic_accredited-numbers ul {
		margin-top: 10px;
	}
	.clinic_accredited-numbers ul li {
		width: calc(50% - 5px);
	}
}
@media screen and (max-width: 630px) {
	.clinic_accredited-numbers ul {
		margin-top: 5px;
	}
	.clinic_accredited-numbers ul li {
		width: 100%;
	}
	.clinic_accredited-numbers ul li br {
		display: none;
	}
}

.clinic_accredited-numbers ul li {
	display: flex;
	line-height: 20px;
	word-break: break-all;
}

.clinic_accredited-numbers ul li::before {
	content: "･";
}


.clinic_accredited-emergency {
	display: flex;
	max-width: 675px;
	width: calc(100% - 40px);
	margin: 0 auto;
	padding: 23.5px 0;
	background-color: #eaeaea;
	flex-direction: column;
	align-items: center;

	row-gap: 5px;
}

.clinic_accredited-emergency dt {
	font-weight: 500;
	font-size: clamp(0.035rem, 0.739rem + 0.28vw, 1rem);
}

.clinic_accredited-emergency dd {
	font-size: 15px;
}

.clinic_accredited-emergency ul {
	display: flex;
	flex-direction: column;
	align-items: center;

	row-gap: 3px;
}

.clinic_accredited-emergency li {
	display: flex;
	justify-content: center;
}

.clinic_accredited-emergency li::before {
	content: "･";
}
.clinic_online-contents {
	display: flex;
	align-items: center;
}

.clinic_online-img {
	aspect-ratio: 119/80;
}

.clinic_online-img img {
	width: 100%;
	height: 100%;

	object-fit: cover;
	object-position: center;
}

.clinic_online-details {
	max-width: 830px;
}

#online .clinic_guide-title {
	margin-bottom: 25px;
	padding-bottom: 0;
}

#online .clinic_guide-title strong {
	margin-bottom: 0;
}

#online .clinic_guide-title span {
	display: flex;
	position: relative;
	column-gap: 15px;
	align-items: center;
}

#online .clinic_guide-title span::before {
	display: block;
	width: clamp(1.875rem, -0.165rem + 4.25vw, 3.75rem);
	height: 2px;
	border-right: clamp(0.625rem, -0.055rem + 1.42vw, 1.25rem) solid #db262a;
	background-color: #296ecb;
	content: "";
}



#online .clinic_guide-title::before , #online .clinic_guide-title::after {
	display: none;
}
.clinic_online-text {
	font-weight: 500;
	text-align: justify;
}

.clinic_online-head {
	margin-bottom: 10px;
	font-size: 14px;
}

.clinic_online-bottom {
	max-width: 620px;
	width: 100%;
	font-size: 14px;
	line-height: clamp(1.375rem, 1.171rem + 0.42vw, 1.563rem);
}

.clinic_online-details ul {
	display: flex;
	max-width: 620px;
	width: 100%;
	font-weight: 500;
	font-size: clamp(0.875rem, 0.739rem + 0.54vw, 1rem);
	flex-direction: column;
}

.clinic_online-details li {
	display: flex;
	line-height: clamp(1.375rem, 1.171rem + 0.42vw, 1.563rem);
	text-align: justify;
}

.clinic_online-details li::before {
	content: "●";
}

.clinic_faq-wrap {
	display: flex;
	width: 100%;
	column-gap: clamp(1.25rem, -0.79rem + 4.25vw, 3.125rem);
	justify-content: space-between;
}
.clinic_faq-list {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	counter-reset: number;

	row-gap: 20px;
}

.clinic_faq-item {
	display: block;
	width: 100%;
}


.clinic_faq-contents {
	display: flex;
	overflow: hidden;
	flex-direction: column;
}

.clinic_faq-title {
	display: flex;
	width: 100%;
	background-color: #ffffff;
}

.clinic_faq-number {
	font-size: clamp(0.938rem, -0.83rem + 3.68vw, 2.563rem);
}
.clinic_faq-title h3 {
	display: flex;
	position: relative;
	width: 100%;
	font-size: clamp(0.938rem, 0.87rem + 0.14vw, 1rem);
	text-align: justify;
	column-gap: 10px;
	justify-content: space-between;
	align-items: center;
}


.clinic_faq-answer {
	position: relative;
	z-index: -1;
	width: 100%;
	background-color: #ffffff;
	font-size: 14px;
	line-height: 25px;
	text-align: justify;
}

@media screen and (min-width: 768px) {
	.page_visual-container {
		margin-bottom: 75px;
	}
	.clinic_anchor-nav {
		width: 95%;
		margin-bottom: 85px;
	}

	.clinic_anchor-list {
		row-gap: 20px;
	}

	.clinic_anchor-link {
		padding: 18px 0;
	}

	.clinic_anchor-link br {
		display: none;
	}

	.clinic_guide-container {
		width: 95%;
	}

	.clinic_guide-title {
		margin-bottom: 30px;
	}

	.clinic_guide-title > span {
		font-size: 14px;
	}
	#affiliated {
		margin-bottom: 100px;
	}

	.clinic_affiliated-img {
		height: 495px;
	}

	.clinic_affiliated-details {
		position: absolute;
		width: 95%;
	}

	.clinic_affiliated-details::before {
		position: absolute;
		z-index: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(255, 255, 255, 0.88);
		content: "";

		backdrop-filter: blur(22.5px);
		--webkit-backdrop-filter: blur(22.5px);
	}

	.clinic_affiliated-inner {
		padding: 42px 10px;

		row-gap: 10px;
	}

	.clinic_affiliated-hospital {
		flex-direction: column;

		row-gap: 20px;
	}

	#accredited {
		margin-bottom: 115px;
	}

	.clinic_accredited-base {
		padding: 20px 0 clamp(1.875rem, -3.564rem + 11.33vw, 6.875rem);
		border: 1px solid;
		box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
	}

	.clinic_accredited-base h3 {
		padding: 11.5px 0px;
		text-align: center;
	}

	.clinic_accredited-base ol {
		width: calc(100% - clamp(1.25rem, -1.47rem + 5.67vw, 3.75rem));

		row-gap: 15px;
	}





	.clinic_accredited-emergency {
		margin-top: -3.7761vw;
	}
	.clinic_online-img {
		max-width: 595px;
		width: 42.5%;
		height: 400px;
	}
	.clinic_online-details {
		width: 100%;
		margin-left: -25px;
		padding: clamp(1.875rem, -0.165rem + 4.25vw, 3.75rem) clamp(0.938rem, -1.442rem + 4.96vw, 3.125rem) clamp(1.875rem, -0.845rem + 5.67vw, 4.375rem) calc(25px + clamp(0.938rem, -2.462rem + 7.08vw, 4.063rem));
		box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.08);
		background-color: #ffffff;
	}
	#online {
		margin-bottom: 100px;
	}
	#online .clinic_guide-title {
		align-items: flex-start;
	}

	.clinic_online-details ul {
		margin-bottom: 10px;
		padding: 20px;
		background-color: #fff7ea;

		row-gap: 10px;
	}
	.clinic_faq-list {
		max-width: 675px;
		width: calc(50% - clamp(0.625rem, -0.395rem + 2.12vw, 1.563rem));

		row-gap: 20px;
	}
	.clinic_faq-contents {
		border-radius: clamp(0.313rem, -0.027rem + 0.71vw, 0.625rem);
		box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
		transition: all 0.3s;
	}
	.clinic_faq-contents:hover {
		box-shadow: 0px 3px 6px rgba(210, 56, 35, 0.5);
	}

	.clinic_faq-title {
		min-height: 60px;
		padding: clamp(0.563rem, 0.495rem + 0.14vw, 0.625rem) clamp(0.625rem, 0.285rem + 0.71vw, 0.938rem);
		border-bottom-right-radius: clamp(0.313rem, -0.027rem + 0.71vw, 0.625rem);
		border-bottom-left-radius: clamp(0.313rem, -0.027rem + 0.71vw, 0.625rem);
		box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
		column-gap: clamp(0.625rem, 0.285rem + 0.71vw, 0.938rem);
		justify-content: space-between;
		align-items: center;
		cursor: pointer;
		transition: all 0.3s;
	}
	.clinic_faq-title:hover {
		box-shadow: 0px 3px 6px rgba(210, 56, 35, 0.5);
	}
	.clinic_faq-number {
		display: flex;
		max-width: clamp(3.125rem, 0.066rem + 6.37vw, 5.938rem);
		width: 100%;
		padding: 10.5px 0 8.5px;
		border-radius: clamp(0.313rem, -0.027rem + 0.71vw, 0.625rem);
		background-color: #003086;
		color: #ffffff;
		font-family: "Bebas Neue", serif;
		font-weight: normal;
		line-height: 1;
		letter-spacing: 0.05em;
		justify-content: center;
		align-items: center;
	}
	.clinic_faq-title h3 {
		font-family: "Noto Sans JP", serif;
		font-weight: 500;
	}

	.clinic_faq-title h3::before , .clinic_faq-title h3::after {
		display: block;
		width: clamp(1.25rem, 0.57rem + 1.42vw, 1.875rem);
		height: clamp(0.125rem, 0.057rem + 0.14vw, 0.188rem);
		background-color: #484848;
		content: "";
		transition: all 0.3s;
	}

	.clinic_faq-title h3::before {
		position: absolute;
		right: 0;
		transform: rotateZ(90deg);
		transform-origin: center;
	}

	.faq_open h3::before {
		transform: rotateZ(360deg);
	}

	.faq_open h3::after {
		transform: rotateZ(360deg);
	}
	.clinic_faq-title h3 span {
		display: inline-block;
		width: calc(100% - clamp(1.25rem, 0.57rem + 1.42vw, 1.875rem));
	}

	.clinic_faq-answer {
		display: none;
		margin-top: -10px;
		padding: calc(10px + 10px) 15px 10px;
	}
}

@media screen and (max-width: 767px) {
	.main_container {
		padding: 50px 0 80px;
	}
	.page_visual-container {
		margin-bottom: 30px;
	}
	.clinic_anchor-nav {
		width: calc(100% - 40px);
		margin-bottom: 60px;
	}

	.clinic_anchor-list {
		row-gap: 10px;
	}

	.clinic_anchor-link {
		padding: 6px 0;
	}

	.clinic_guide-container {
		width: 100% - 40px;
	}

	.clinic_guide-title {
		margin-bottom: 20px;
	}

	.clinic_guide-title strong {
		display: none;
	}

	.clinic_guide-title > span {
		font-weight: bold;
		font-size: 23px;
	}

	.clinic_accredited-numbers ul  {
		font-size: 15px;
	}

	#affiliated {
		margin-bottom: 40px;
	}
	.clinic_affiliated-contents {
		flex-direction: column-reverse;
	}

	.clinic_affiliated-img {
		aspect-ratio: 75/41;
	}

	.clinic_affiliated-details {
		width: calc(100% - 40px);
	}

	.clinic_affiliated-inner {
		row-gap: 10px;
	}

	.clinic_affiliated-hospital {
		max-height: 435px;
		column-gap: 30px;
		flex-wrap: wrap;
		justify-content: space-between;

		row-gap: 30px;
	}

	.clinic_affiliated-hospital > li {
		width: calc(50% - 15px);
		width: fit-content;
	}

	.clinic_affiliated-hospital > li:nth-of-type(1) {
		order: 1;
	}

	.clinic_affiliated-hospital > li:nth-of-type(3) {
		order: 2;
	}

	.clinic_affiliated-hospital > li:nth-of-type(4) {
		order: 3;
	}

	.clinic_affiliated-hospital > li:nth-of-type(2) {
		margin-left: -17.3334vw;
		order: 4;
	}

	.clinic_affiliated-hospital ul {
		flex-direction: column;
	}

	#accredited {
		margin-bottom: 40px;
	}
	.clinic_accredited-contents {
		margin: 0 auto;

		row-gap: 15px;
	}

	.clinic_accredited-base h3 {
		padding: 7px 20px;
		text-align: left;
	}

	.clinic_accredited-base ol {
		width: calc(100% - 40px);

		row-gap: 10px;
	}

	#online {
		margin-bottom: 40px;
	}
	#online .clinic_guide-title span {
		flex-direction: column-reverse;
		align-items: center;

		row-gap: 5px;
	}

	.clinic_online-head {
		margin-bottom: 20px;
	}
	.clinic_online-contents {
		flex-direction: column-reverse;

		row-gap: 50px;
	}
	.clinic_online-img {
		width: 100%;
	}
	.clinic_online-details {
		width: calc(100% - 60px);
	}
	.clinic_online-details ul {
		margin-bottom: 20px;
	}

	.clinic_online-details li br , .clinic_online-bottom br {
		display: none;
	}
	.clinic_faq-wrap {
		padding: 0 30px;
		flex-direction: column;

		row-gap: 25px;
	}
	.clinic_faq-list {
		width: 100%;

		row-gap: 25px;
	}
	.clinic_faq-contents {
		row-gap: 10px;
	}
	.clinic_faq-title {
		color: #003086;
		font-weight: 400;
		pointer-events: none;
	}
	.clinic_faq-title h3 {
		font-weight: 500;
	}
	.clinic_faq-number::after {
		content: ".";
	}
	.clinic_faq-answer {
		display: block !important;
	}
}