:root {
	--csec-section-smp-margin-2: 25px;
}

/**/
ul li, ol li {
	margin-bottom: 0;
}
/*Section settings*/
@media screen and (min-width: 1281px) {
	.services_menu,
	#cons_hours_2 {
		max-width: var(--page-wrap-width);
		margin-left: auto;
		margin-right: auto;
	}
}
@media screen and (max-width: 1280px) {
	.services_menu,
	#cons_hours_2 {
		padding-left: var(--base-padding-side);
		padding-right: var(--base-padding-side);
	}
}
@media screen and (max-width: 750px) {
	.services_menu,
	#cons_hours_2 {
		padding-left: var(--share-smp-padding);
		padding-right: var(--share-smp-padding);
	}
}

/*タイトル*/
#problem_area header h2,
#facility_area header h2 {
	margin-bottom: 60px;
}
#problem_area header h3,
#facility_area  header h3 {
	margin-bottom: 60px;
}
#problem_area .sub_heading,
#facility_area  .sub_heading {
	position: relative;
	font-size: 10px;
	padding: 1em 2em;
	margin-bottom: 30px;
	border: 1.5px solid var(--color-accent-a);
	border-radius: var(--border-radius-xsmall);
}
	#problem_area .sub_heading::before,
	#problem_area .sub_heading::after,
	#facility_area .sub_heading::before,
	#facility_area .sub_heading::after {
		content: "";
		display: inline-block;
		position: absolute;
		left: 50%;
		bottom: 0;
	}
	#problem_area .sub_heading::before,
	#facility_area .sub_heading::before{
		background-color: #FFFFFF;
		width: 1.25em;
		height: 4px;
		transform: translate(-50%, 50%);
	}
		#problem_area .problems .sub_heading::before {
			background-color: var(--color-bg-02);
		}
	#problem_area .sub_heading::after,
	#facility_area .sub_heading::after {
		background-color: var(--color-accent-a);
		width: 1.5px;
		height: 15px;
		transform: translate(-50%, 95%);
	}
#problem_area .sec__description,
#facility_area .sec__description {
	margin-bottom: 60px;
}
@media screen and (max-width: 750px) {
	#problem_area header h2,
	#facility_area header h3 {
		margin-bottom: 40px;
	}
	#problem_area .sec__description,
	#facility_area .sec__description {
		margin-bottom: 40px;
	}
	#problem_area .sub_heading,
	#facility_area .sub_heading {
		border: 1.3px solid var(--color-accent-a);
		margin-bottom: 20px;
	}
		#problem_area .sub_heading::after,
		#facility_area .sub_heading::after {
			width: 1.3px;
		}
}

/*スクロール設定*/
.scrolling__wrapper {
	display: inline-block;
	white-space: nowrap;
	width: 100%;
	scrollbar-width: none;
}
	.scrolling__wrapper::-webkit-scrollbar {
		display: none;
	}

/*タイトル*/
header h2 {
	margin-bottom: 60px;
}
header h3 {
	margin-bottom: 60px;
}
@media screen and (max-width: 750px) {
	header h2,
	header h3 {
		margin-bottom: 40px;
	}
}

/*SERVICE MENU PURPLE------------------------------------*/
.services_menu > ul {
	width: 100%;
	gap: 13px;
}		
	.services_menu > ul > li > a {
		width: 100%;
		height: 60px;
	}
#service_menu_purple_area {
    background-color: var(--color-bg-04);
    padding: 60px 0;
	margin-bottom: 0;
}
	#service_menu_purple_area .services_menu {
		max-width: var(--page-wrap-width);
		margin-left: auto;
		margin-right: auto;
	}
@media screen and (max-width: 1280px) {
	.services_menu > ul > li {
		width: calc((100% - 13px * 3) / 4);
		margin-bottom: 0;
	}
}
@media screen and (min-width: 951px) {
	.services_menu > ul > li {
		width: calc((100% - 13px * 3) / 4);
		margin-bottom: 0;
	}
}
@media screen and (max-width: 950px) {
	.services_menu > ul > li {
		width: calc((100% - 13px * 2) / 3);
		margin-bottom: 0;
	}
}
@media screen and (max-width: 750px) {
	.services_menu > ul {
		justify-content: space-between;
		gap: 13px;
	}
			.services_menu > ul > li {
				width: calc((100% - 13px) / 2);
			}
	.services_menu .btn {
		font-size: var(--font-small);
		justify-content: left;
	}
}

/*診療時間のご案内------------------------------------*/
#hours_area {
	border-top: 1.2px solid var(--color-border-pale);
}
#cons_hours_2 {
	padding-top: 100px;
	padding-bottom: 100px;
}
.hours table {
	width: 100%;
	font-size: 17px;
	margin-bottom: 25px;
	border-collapse: collapse;
}
	.hours table tr > * {
		border-bottom: 1.2px solid var(--color-border-pale);
	}
		.hours table tr > th:first-child {
			text-align: left;
		}
		.hours td {
			font-weight: 100;
		}
		.hours td:not(:last-child) {
			color: var(--color-accent-a);
		}
			.to_19h, 
			.to_16h30,
			.to_20h,
			.to_18h,
			.from_13h30_to_17h {
				position: relative;
			}
				.to_19h::after {
					content: "~19:00";
				}
				.to_16h30::after {
					content: "~16:30";
				}
				.to_20h::after {
					content: "~20:00";
				}
				.to_18h::after {
					content: "~18:00";
				}
				.from_13h30_to_17h::after {
					content: "13:30~17:00";
				}
				.to_19h::after,
				.to_16h30::after,
				.to_18h::after,
				.to_20h::after,
				.from_13h30_to_17h::after {
					position: absolute;
					display: inline-block;
					width: 100%;
					font-size: 12px;
					font-weight: 400;
					bottom: 6px;
					left: 0;
					text-align: center;
					color: var(--color-primary);
				}
.hours > div > div {
	font-size: 15px;
}
.consultation_hours .contact_bt,
.consultation_hours .contact_box {
	width: 100%;
}
	.consultation_hours .contact_bt > .btn:first-child {
		margin-bottom: 15px;
	}
	.consultation_hours .contact_box {
		border-top: 1.2px solid var(--color-border-pale);
		border-bottom: 1.2px solid var(--color-border-pale);
		padding: 20px 0;
		margin-top: 25px;
		justify-content: center;
		align-items: center;
	}
		.consultation_hours .contact_box .left-icon {
			position: relative;
			font-size: 24px;
			margin-left: 35px;
		}
			.consultation_hours .contact_box .left-icon::before {
				width: var(--icon-l3);
				height: var(--icon-l3);
				top: 50%;
				left: -35px;
				transform: translate(0, -50%);
			}
.consultation_hours .contact_btn_gr .btn {
	width: 100%;
	height: 70px;
}
@media screen and (min-width: 951px) {
	.hours {
		max-width: 720px;
		width: 62%;
		margin-right: 40px;
	}
	.consultation_hours .contact_btn_gr {
		width: 31%;
		max-width: 360px;	
	}
}
@media screen and (max-width: 950px) {
	.hours,
	.consultation_hours .contact_btn_gr {
		width: 100%;
	}
	.consultation_hours .contact_btn_gr {
		margin-top: 65px;
	}
		.consultation_hours .contact_bt,
		.consultation_hours .contact_box {
			width: calc((100% - 40px) / 2);
			margin-top: 0;
		}
}
@media screen and (min-width: 751px) {
	.hours tbody th {
			padding: 32px 0 35px;
		}
		.hours thead tr > * {
			padding: 21.5px 0;
		}
			.hours thead th:first-child {
				width: calc(100% / 9 * 2);
			}
			.hours thead th:not(:first-child), td {
				width: calc(100% / 9);
			}
			.hours td {
				font-size: 22px;
			}
}
@media screen and (max-width: 750px) {
	#cons_hours_2 {
		padding-top: 47px;
		padding-bottom: 45px;
	}
	.hours thead tr:first-of-type > * {
		padding: 12px 0;
	}
	.hours tbody th {
		padding: 22px 0;
	}
		.to_19h::after,
		.to_16h30::after,
		.to_18h::after,
		.to_20h::after,
		.from_13h30_to_17h::after {
			bottom: 2px;
		}
	.hours table tr > * {
		font-size: 12px;
	}
		.hours table tr > *::after {
			font-size: 7px;
			bottom: 6px;
		}
			.hours thead tr > th:last-of-type {
				
			}
	.hours thead th {
		width: calc(100% / 14 * 1.4);
	}
		.hours thead th:last-child {
			width: calc(100% / 14 * 1.8);
		}
		.hours thead th:first-child {
			width: calc(100% / 14 * 3.6);
		}
	.hours > div {
		display: block;
		margin: var(--csec-section-smp-margin-2) 0;
	}
	.consultation_hours .contact_btn_gr {
		margin-top: 0;
	}
		.consultation_hours .contact_btn_gr .btn {
			height: 60px;
		}
			.consultation_hours .contact_btn_gr .btn::before {
				/*top: calc(50% - var(--icon-l3) / 2);*/
				width: var(--icon-l3);
				height: var(--icon-l3);
			}
			.consultation_hours .contact_box .left-icon.i-tel {
				font-size: 19px;
			}
	.consultation_hours .contact_bt,
	.consultation_hours .contact_box {
		width: 100%;
	}
	.consultation_hours .contact_box {
		margin-top: 20px;
	}
}
@media screen and (max-width: 450px) {
	.hours table tr .from_13h30_to_17h::after {
		content: "13:30~ 17:00";
		bottom: 2px;
		line-height: 1.3;
	}
}
/*症状から治療を探す------------------------------------*/
/**/
.problems {
	background-color: var(--color-bg-02);
	padding-top: 100px;
	padding-bottom: 130px;
}
	.problems__list {
		display: inline-block;
	}
		.problems__item {
			display: inline-block;
			vertical-align: middle;
			background-color: #FFFFFF;
			border-radius: var(--border-radius);
			margin: 0 20px;
		}
			.problems__link {
				display: inline-block;
				padding: 20px;
				width: 260px;
				border-radius: var(--border-radius);
			}
				.problems__item__content {
					width: 100%;
					height: 100%;
				}
					.problems__item__content > div:first-child {
						width: 100%;
					}
						.problems__item__content p {
							width: 100%;
							font-size: 18px;
							text-align: center;
							line-height: 1.65;
							height: 3.33em;
							margin-bottom: 20px;
						}
						.problems__item__content img {
							width: 100px;
							height: 100px;
							margin: 35px auto 15px;
						}
					.problems__item__content .c-btn {
						margin: auto 0 0 auto;
						width: 2.34em;
						height: 2.34em;
						font-size: 20px;
					}
@media screen and (max-width: 750px) {
	.problems {
		padding-top: 45px;
		padding-bottom: 55px;
	}
		.problems__item {
			margin: 0 6.5px;
		}
		.problems__link {
			padding: 13px;
			width: calc(50vw - 13px);
		}
			.problems__item__content img {
				width: 100px;
				height: 100px;
				margin: 12px auto 10px;
			}
			.problems__item__content p {
				font-size: 14px;
				margin-bottom: 0.5em;
			}
			.problems__item__content .c-btn {
				width: 2.85em;
				height: 2.85em;
				font-size: 12px;
			}
}

/*ABOUT------------------------------------*/
.about {
	background-color: var(--color-bg-03);
	padding-top: 50px;
	padding-bottom: 50px;
}
	.about__item {
		display: inline-block;
		z-index: 1;
		vertical-align: middle;
		border-radius: var(--border-radius);
		margin: 0 20px;
		width: 660px;
		height: 378px;
		background-size: cover;
		background-position: center center;
		background-repeat: no-repeat;
	}
		.about__i01 {
			background-image: url("/share/im/_nakata/top/banner_slide_01.jpg")
		}
		.about__i02 {
			background-image: url("/share/im/_nakata/top/banner_slide_02.jpg")
		}
		.about__i03 {
			background-image: url("/share/im/_nakata/top/banner_slide_03.jpg")
		}
		.about__link {
			display: inline-block;
			background-color: rgba(255, 255, 255, 0.6);
			padding: 30px;
			width: 100%;
			height: 100%;
			border-radius: var(--border-radius);
		}
			.about__item__content {
				position: relative;
				width: 100%;
				height: 100%;
			}
					.about__item__content p {
						width: 100%;
						font-size: 22px;
						text-align: center;
						line-height: 1.65; /*check*/
					}
						.about__item__content .babout__item__tit {
							font-size: 22px;
							position: relative;

						}	
							.about__item__content .about__item__tit::before {
								content: "";
								display: inline-block;
								position: absolute;
								top: 2em;
								left: calc(50% - 50px);
								width: 100px;
								height: 2px;
								background-color: var(--color-bg-03);

							}
						.about__item__content .about__item__text {
							font-size: calc(var(--font-base)*2);
							margin-top: 0.5em;
						}
					.about__item__content img {
						width: 71.5px;
						height: 71.5px;
						margin: 40px auto;
					}
				.about__item__content .c-btn {
					margin: auto 0 0 auto;
					width: 2.38em;
					height: 2.38em;
					font-size: 21px;
				}
@media screen and (max-width: 750px) {
	.about {
		padding-top: 22px;
		padding-bottom: 22px;
	}
	.about__item {
		width: 72.25vw;
		height: 72.25vw;
		margin: 0 6.5px;
	}
	.about__link {
		padding: 13px;
	}
	.about__item__content .about__item__tit {
		font-size: 13px;
	}
	.about__item__content .about__item__text {
		width: 62vw;
		font-size: 17.5px;
		margin-left: auto;
		margin-right: auto;
		margin-top: 18px;
	}
	.about .btn {
		width: 72.5vw;
		max-width: 270px;
	}
	.about__item__content .c-btn {
		width: 2.85em;
		height: 2.85em;
		font-size: 12px;
	}
}

/*クリニック案内------------------------------------*/
.facility {
	padding-top: 100px;
	padding-bottom: 90px;
}
.facility .sec__description {
	margin-bottom: 80px;
}
	.facility__list {
		margin-bottom: 55px;
	}
.facility__list {
	display: inline-block;
}
	.facility__item {
		display: inline-block;
		vertical-align: middle;
		width: 660px;
		height: 495px;
		background-color: #CCCCCC; /**/
		margin: 0 20px;
	}
		.facility__item img {
			object-position: center;
			object-fit: cover;
			width: 100%;
			height: 100%;
		}
@media screen and (max-width: 750px) {
	.facility {
		padding-top: 45px;
		padding-bottom: 47px;
	}
	.facility header,
	.facility p {
		padding-left: var(--share-smp-padding);
		padding-right: var(--share-smp-padding);
	}
	.facility .sec__description {
		margin-bottom: 50px;
		text-align: left;
	}
	.facility__list {
		margin-bottom: 40px;
	}
	.facility__item {
		width: 57.3vw;
		height: 43vw;
		margin: 0 6.5px;
	}
	.facility .btn {
		width: 72.5vw;
		max-width: 272px;
	}
}

/*CAREER------------------------------------*/
.recruit {
	height: auto;
	background-color: var(--color-bg-01);
	vertical-align: middle;
}
	.recruit  .recruit_img {
		width: 50%;
		height: auto;
		background-image: url("/share/im/_nakata/careers/careers_main.jpg");
		background-size: cover;
		background-position: left center;
	}
	.recruit__content {
		display: inline-block;
		padding-left: 4.68vw;
		padding-top: 100px;
		padding-bottom: 100px;
		margin-right: auto;
		margin-top: auto;
		margin-bottom: auto;
	}
		.recruit__content h2,
		.recruit__text {
			margin-bottom: 35px;
		}
		.recruit__content > div {
			text-align: right ;
		}
		.recruit__content .btn {
			width: 260px;
		}
@media screen and (min-width: 1281px) {
	
}
@media screen and (max-width: 1280px) {
	.recruit__content {
		padding-right: var(--base-padding-side);
	}
}
@media screen and (min-width: 751px) {
	.recruit__content {
		width: 50%;
		max-width: calc(var(--page-wrap-width) / 2);
	}
}
@media screen and (max-width: 750px) {
	.recruit .recruit_img {
		width: 100%;
		height: 56.25vw;
		margin-right: 0;
	}
	.recruit__content {
		width: 100%;
		padding: 50px 0 45px;
		padding-left: var(--share-smp-padding);
		padding-right: var(--share-smp-padding);
	}
	.recruit__content {
		width: 100%;
	}
	.recruit__content h2{
		margin-bottom: 35px;
		text-align: center;
	}
	.recruit__text{
		margin-bottom: 40px;
	}
	.recruit__content > div {
		text-align: center;
	}
}

/**/
@media screen and (min-width: 751px) {
}
@media screen and (max-width: 750px) {
}