@charset "utf-8";

/* 共通
------------------------------------------------------------------*/
.content_low {
	padding: calc(60 / var(--break) * 100vw) 0 calc(0 / var(--break) * 100vw);
}

.main_page {
	background: url("images/page/bg_ttl_page.jpg")no-repeat center / 100% auto;
	height: calc(500 / var(--break) * 100vw);
}

.page_main section:not(:last-child) {
	margin-bottom: calc(180 / var(--break) * 100vw);
}

/* 下層見出し hdg5 */
.hdg5 {
	position: relative;
	box-sizing: border-box;
	padding-left: calc(56 / var(--break) * 100vw);
	padding-bottom: calc(6 / var(--break) * 100vw);
	border-bottom: calc(4 / var(--break) * 100vw) solid var(--color12);
	letter-spacing: .1em;
}

.hdg5::before {
	content: "";
	position: absolute;
	left: 0;
	top: calc(4 / var(--break) * 100vw);
	width: calc(30 / var(--break) * 100vw);
	aspect-ratio: 30/34;
	background: url(images/page/icn_hdg5.svg) no-repeat center / contain;
}

.hdg5::after {
	content: "";
	position: absolute;
	bottom: calc(-4 / var(--break) * 100vw);
	left: 0;
	width: 100%;
	height: calc(4 / var(--break) * 100vw);
	background: url(images/page/ptn.png) repeat center bottom / auto calc(6 / var(--break) * 100vw);
}

/* ttl_top */
.ttl_top {
	position: relative;
}

.ttl_top::before,
.ttl_top::after {
	content: "";
	position: absolute;
	top: calc(-40 / var(--break) * 100vw);
	z-index: -1;
	width: calc(270 / var(--break) * 100vw);
	aspect-ratio: 270/200;
	background: center / contain no-repeat;
}

.ttl_top::before {
	left: calc(340 / var(--break) * 100vw);
	background-image: var(--bg-l);
}

.ttl_top::after {
	right: calc(340 / var(--break) * 100vw);
	background-image: var(--bg-r);
}

.ttl_top .en {
	width: calc(420 / var(--break) * 100vw);
	margin: 0 auto calc(8 / var(--break) * 100vw);
}

.ttl_top .en img {
	width: 100%;
}

.ttl_top .hdg {
	line-height: 1.4;
}

.hdg2 .en {
	width: calc(800 / var(--break) * 100vw);
}

.hdg2 .deco_hdg2 {
	width: calc(140 / var(--break) * 100vw);
	aspect-ratio: 14 / 12;
	right: 0;
	bottom: 0;
}

/* 下層ページ見出し h3 */
.hdg3 {
	box-sizing: border-box;
	width: 100%;
	min-height: calc(120 / var(--break) * 100vw);
	margin-top: calc(68 / var(--break) * 100vw);
	margin-bottom: calc(53 / var(--break) * 100vw);
	border-radius: calc(60 / var(--break) * 100vw);
}

.hdg3::before {
	content: "";
	position: absolute;
	left: 50%;
	top: calc(-75 / var(--break) * 100vw);
	transform: translateX(-50%);
	width: calc(95 / var(--break) * 100vw);
	height: calc(95 / var(--break) * 100vw);
	background: url("images/page/deco__hdg3.svg") no-repeat center / contain;
}

.hdg3::after {
	content: "";
	position: absolute;
	left: 50%;
	bottom: calc(-3 / var(--break) * 100vw);
	transform: translateX(-50%);
	width: calc(200 / var(--break) * 100vw);
	height: calc(6 / var(--break) * 100vw);
	border-radius: calc(3 / var(--break) * 100vw);
	background-color: var(--color12);
}

/* 下層ページ見出し  */
.hdg4 {
	margin-bottom: 0;
	position: relative;
	border-bottom: solid calc(4 / var(--break) * 100vw) var(--color05);
	background:
		url("images/first/bg__first01.png") no-repeat right bottom / calc(210 / var(--break) * 100vw) auto;
}

.hdg4::before {
	content: "";
	position: absolute;
	bottom: calc(-4 / var(--break) * 100vw);
	left: 0;
	width: 100%;
	height: calc(4 / var(--break) * 100vw);
	background: url("images/page/ptn.png") repeat center bottom / auto calc(6 / var(--break) * 100vw);
}

@media only screen and (min-width: 768px) and (max-width: 1599px) {
	.main_page {
		height: calc(400 / var(--break) * 100vw);
	}

	.ttl_top::before {
		left: calc(185 / var(--break) * 100vw);
	}

	.ttl_top::after {
		right: calc(185 / var(--break) * 100vw);
	}
}

@media only screen and (min-width: 768px) and (max-width: 1299px) {
	.main_page {
		height: calc(328 / var(--break) * 100vw);
	}

	.hdg2 .ja {
		font-size: calc(40 / var(--break) * 100vw);
	}

	.hdg2 .en {
		width: calc(640 / var(--break) * 100vw);
		font-size: calc(24 / var(--break) * 100vw);
		margin-top: calc(10 / var(--break) * 100vw);
	}

	.hdg2 .deco_hdg2 {
		width: calc(110 / var(--break) * 100vw);
		bottom: 0;
	}

	.ttl_top .en {
		width: calc(320 / var(--break) * 100vw);
	}

	.ttl_top .hdg {
		font-size: calc(39 / var(--break) * 100vw);
		margin-top: calc(24 / var(--break) * 100vw);
	}

	.ttl_top::before {
		left: calc(150 / var(--break) * 100vw);
		width: calc(230 / var(--break) * 100vw);
	}

	.ttl_top::after {
		right: calc(150 / var(--break) * 100vw);
		width: calc(230 / var(--break) * 100vw);
	}


	.hdg3 {
		min-height: calc(100 / var(--break) * 100vw);
		font-size: calc(32 / var(--break) * 100vw);
	}

	.hdg4 {
		font-size: calc(28 / var(--break) * 100vw);
		padding-bottom: calc(12 / var(--break) * 100vw);
		background: url(images/first/bg__first01.png) no-repeat right bottom / calc(150 / var(--break) * 100vw) auto;
	}

	.hdg5 {
		font-size: calc(22 / var(--break) * 100vw);
		padding-left: calc(50 / var(--break) * 100vw);
	}

	.hdg5::before {
		width: calc(26 / var(--break) * 100vw);
	}
}

@media only screen and (max-width: 767px) {
	.ttl_top::before {
		left: calc(23 / var(--break) * 100vw);
		width: calc(162 / var(--break) * 100vw);
		top: calc(-80 / var(--break) * 100vw);
	}

	.ttl_top::after {
		right: calc(23 / var(--break) * 100vw);
		background-image: var(--bg-r);
		width: calc(162 / var(--break) * 100vw);
		top: calc(-80 / var(--break) * 100vw);
	}

	.ttl_top .hdg {
		font-size: calc(40 / var(--break) * 100vw);
		letter-spacing: .05em;
	}

	.content_low {
		padding: 7vw 0 0;
	}

	.content_low .inner,
	.main_page .inner {
		max-width: calc(702 / var(--break) * 100vw);
	}

	.page_main section:not(:last-child) {
		margin-bottom: 20vw;
	}

	.main_page {
		background-image: url("images/page/bg_ttl_page_sp.jpg");
	}

	.hdg2 {
		margin-top: 14vw;
	}

	.hdg2 .ja {
		font-size: 1.5625rem;
		letter-spacing: 0;
		line-height: 1.3;
	}

	.hdg2 .en {
		font-size: .9375rem;
		letter-spacing: 0;
		width: calc(600 / var(--break) * 100vw);
	}

	.hdg2 .deco_hdg2 {
		width: calc(115 / var(--break) * 100vw);
		height: auto;
		bottom: calc(8 / var(--break) * 100vw);
	}

	.content_low .hdg3 {
		margin-top: calc(60 / var(--break) * 100vw);
		font-size: calc(46 / var(--break) * 100vw);
		letter-spacing: 0;
		border-radius: calc(100 / var(--break) * 100vw);
	}

	.hdg3::before {
		width: calc(80 / var(--break) * 100vw);
		height: calc(80 / var(--break) * 100vw);
		top: calc(-64 / var(--break) * 100vw);
	}

	.hdg4 {
		font-size: calc(38 / var(--break) * 100vw);
		text-align: center;
	}

	.hdg5 {
		font-size: calc(36 / var(--break) * 100vw);
		letter-spacing: 0;
	}

	.hdg5::before {
		top: calc(10/ var(--break) * 100vw);
		width: calc(36 / var(--break) * 100vw);
	}

}


/* 医院紹介 clinic
------------------------------------------------------------------*/

/* 診療理念・コンセプト clinic01 */
.wrap_clinic01 {
	min-height: calc(650 / var(--break) * 100vw);
	margin-bottom: calc(100 / var(--break) * 100vw);
	background: url("images/clinic/bg_clinic01.png")no-repeat left top / 100% 100%;
}

.wrap_clinic01 .en {
	display: inline-block;
}

.wrap_clinic01 .en::before,
.wrap_clinic01 .en::after {
	content: "";
	position: absolute;
	top: 50%;
	width: calc(300 / var(--break) * 100vw);
	height: 1px;
	background-color: #fff;
}

.wrap_clinic01 .en::before {
	right: 100%;
	margin-right: calc(40 / var(--break) * 100vw);
}

.wrap_clinic01 .en::after {
	left: 100%;
	margin-left: calc(40 / var(--break) * 100vw);
}

/* 院長ご挨拶 clinic02 */
.row_clinic01 {
	gap: calc(50 / var(--break) * 100vw);
}

.row_clinic01 .col_txt {
	width: calc(730 / var(--break) * 100vw);
}

.row_clinic01 .col_img {
	width: calc(460 / var(--break) * 100vw);
}

.row_clinic01 .img_clinic01 {
	aspect-ratio: 460 / 500;
}

.row_clinic01 .name {
	right: calc(-50 / var(--break) * 100vw);
	bottom: calc(-80 / var(--break) * 100vw);
	width: calc(252 / var(--break) * 100vw);
	aspect-ratio: 252 / 248;
	background: url("images/clinic/bg_clinic02.png") center / contain no-repeat;
}

.row_clinic01 .name .en {
	margin-top: calc(8 / var(--break) * 100vw);
}

.box_clinic02 {
	padding: calc(60 / var(--break) * 100vw) 0 calc(60 / var(--break) * 100vw);
}

.box_clinic02::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: calc(415 / var(--break) * 100vw);
	background: url("images/clinic/bg_clinic03.svg") bottom center / 100% auto no-repeat;
	z-index: 0;
}

.box_clinic02::before {
	content: "";
	position: absolute;
	right: calc(340 / var(--break) * 100vw);
	top: calc(-90 / var(--break) * 100vw);
	width: calc(250 / var(--break) * 100vw);
	aspect-ratio: 250 / 120;
	background: url("images/clinic/deco_clinic01.png") center / contain no-repeat;
	z-index: 2;
}

.box_clinic02 .wrap_clinic02_02 {
	gap: calc(40 / var(--break) * 100vw);
}

.card_clinic02 {
	box-sizing: border-box;
	width: calc(600 / var(--break) * 100vw);
	min-height: calc(647 / var(--break) * 100vw);
	padding: calc(90 / var(--break) * 100vw) calc(47 / var(--break) * 100vw) calc(40 / var(--break) * 100vw);
	border: calc(4 / var(--break) * 100vw) solid var(--color11);
	border-radius: calc(20 / var(--break) * 100vw);
}

.card_clinic02 .ttl01 {
	top: -1px;
	left: 50%;
	transform: translateX(-50%);
	display: flex;
	align-items: center;
	justify-content: center;
	width: calc(500 / var(--break) * 100vw);
	height: calc(67 / var(--break) * 100vw);
	background: var(--color11);
	border-radius: 0 0 calc(20 / var(--break) * 100vw) calc(20 / var(--break) * 100vw);
}

.tbl_clinic02 .row:not(:first-child) {
	margin-top: calc(15 / var(--break) * 100vw);
}

.tbl_clinic02 dt {
	width: calc(120 / var(--break) * 100vw);
	-ms-flex-negative: 0;
	flex-shrink: 0;
}

.tbl_clinic02 dd {
	width: calc(100% - calc(140 / var(--break) * 100vw));
	margin-left: calc(20 / var(--break) * 100vw);
}

.list_clinic02 li {
	position: relative;
	padding-left: calc(25 / var(--break) * 100vw);
}

.list_clinic02 li:not(:first-child) {
	margin-top: calc(15 / var(--break) * 100vw);
}

.list_clinic02 li::before {
	content: "";
	position: absolute;
	left: 0;
	top: calc(11 / var(--break) * 100vw);
	width: calc(5 / var(--break) * 100vw);
	height: calc(5 / var(--break) * 100vw);
	border-radius: 50%;
	background: var(--color09);
}

/* 当院の特徴 clinic03 */
.row_clinic {
	position: relative;
	width: 100%;
	min-height: calc(600 / var(--break) * 100vw);
	background-color: rgb(var(--band-rgb) / 0.3);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.row_clinic+.row_clinic {
	margin-top: calc(100 / var(--break) * 100vw);
}


.row_clinic02 {
	--band: var(--color12);
	--band-rgb: var(--color12-rgb);
	background-image: url("images/clinic/bg_clinic04.svg");
}

.row_clinic03 {
	--band: var(--color08);
	--band-rgb: var(--color08-rgb);
	background-image: url("images/clinic/bg_clinic07.svg");
}

.row_clinic04 {
	--band: var(--color07);
	--band-rgb: var(--color07-rgb);
	background-image: url("images/clinic/bg_clinic11.svg");
}

.row_clinic05 {
	--band: var(--color09);
	--band-rgb: var(--color09-rgb);
	background-image: url("images/clinic/bg_clinic12.svg");
}

.row_clinic06 {
	--band: var(--color11);
	--band-rgb: var(--color11-rgb);
	background-image: url("images/clinic/bg_clinic13.svg");
}



.row_clinic .img_clinic {
	position: absolute;
	top: 0;
	left: 0;
	width: 49.5%;
	overflow: hidden;
}

.row_clinic.r_reverse .img_clinic {
	left: auto;
	right: 0;
}


.row_clinic .box01 {
	position: absolute;
	top: calc(60 / var(--break) * 100vw);
	right: calc(60 / var(--break) * 100vw);
	box-sizing: border-box;
	width: 50.8%;
	min-height: calc(540 / var(--break) * 100vw);
	padding: calc(50 / var(--break) * 100vw) calc(100 / var(--break) * 100vw);
	display: flex;
	flex-direction: column;
	justify-content: center;
	background: #fff;
	border-radius: calc(30 / var(--break) * 100vw) calc(30 / var(--break) * 100vw) 0 0;
	box-shadow: calc(10 / var(--break) * 100vw) 0 0 var(--band);
	z-index: 2;
}

.row_clinic.r_reverse .box01 {
	right: auto;
	left: calc(60 / var(--break) * 100vw);
	box-shadow: calc(-10 / var(--break) * 100vw) 0 0 var(--band);
}

.row_clinic .box01 .txt01 {
	text-align: left;
}

.row_clinic .box01::before,
.row_clinic .box01::after {
	content: "";
	position: absolute;
	width: calc(120 / var(--break) * 100vw);
	height: calc(120 / var(--break) * 100vw);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100% 100%;
	z-index: 3;
}

.row_clinic .box01::before {
	top: 0;
	right: 0;
	background-image: url("images/clinic/bg_clinic06.png");
}

.row_clinic .box01::after {
	bottom: 0;
	left: 0;
	background-image: url("images/clinic/bg_clinic05.png");
}

.row_clinic.r_reverse .box01::before {
	right: auto;
	left: 0;
	background-image: url("images/clinic/bg_clinic08.svg");
}

.row_clinic.r_reverse .box01::after {
	left: auto;
	right: 0;
	background-image: url("images/clinic/bg_clinic09.svg");
}


.row_clinic .badge01 {
	position: absolute;
	width: calc(227 / var(--break) * 100vw);
	aspect-ratio: 227 / 223;
	z-index: 4;
}

.row_clinic03 .badge01 {
	background: url("images/clinic/bg_clinic10.png") center / contain no-repeat;
	top: calc(356 / var(--break) * 100vw);
	right: calc(19 / var(--break) * 100vw);
}

.row_clinic06 .badge01 {
	background: url("images/clinic/bg_clinic14.png") center / contain no-repeat;
	top: calc(357 / var(--break) * 100vw);
	left: calc(20 / var(--break) * 100vw);
}

.row_clinic .inner_clinic {
	position: relative;
	height: calc(600 / var(--break) * 100vw);
}

.row_clinic .sub_clinic04 {
	width: calc(1240 / var(--break) * 100vw);
	margin: 0 auto;
	padding-bottom: calc(60 / var(--break) * 100vw);
}

.row_clinic .sub_clinic04 .box02 {
	margin-top: calc(60 / var(--break) * 100vw);
	min-height: calc(240 / var(--break) * 100vw);
	padding: calc(40 / var(--break) * 100vw) calc(50 / var(--break) * 100vw);
	background-color: var(--color06);
	border-radius: 0 calc(30 / var(--break) * 100vw) 0 calc(30 / var(--break) * 100vw);
}

.row_clinic .sub_clinic04 .txt02 {
	max-width: 79%;
}

.row_clinic .sub_clinic04 .img_clinic04 {
	bottom: 0;
	right: calc(10 / var(--break) * 100vw);
	width: calc(260 / var(--break) * 100vw);
}


/* 院内紹介  clinic04 */
.slide_clinic01 .slick-prev {
	background: url(images/clinic/arw_slide02.svg)no-repeat center / cover;
	width: calc(31 / var(--break) * 100vw);
	height: calc(54 / var(--break) * 100vw);
	transform: translate(0);
	top: 0;
	bottom: 0;
	margin: auto;
	left: -7.2%;
	z-index: 1;
}

.slide_clinic01 .slick-next {
	background: url(images/clinic/arw_slide02.svg)no-repeat center / cover;
	width: calc(31 / var(--break) * 100vw);
	height: calc(54 / var(--break) * 100vw);
	right: -7.2%;
	transform: translate(0) scaleX(-1);
	top: 0;
	bottom: 0;
	margin: auto;
	z-index: 1;
}

.slide_clinic01 .slick-prev:before,
.slide_clinic01 .slick-next:before {
	display: none;
}

.slide_clinic01 .slide_thumbnail li {
	width: 18%;
	margin-right: 2.5%;
	margin-bottom: 2%;
	opacity: .5;
	transition: .3s;
}

.slide_clinic01 .slide_thumbnail li.thumbnail-current {
	opacity: 1;
}

.slide_clinic01 .slide_thumbnail li:nth-child(5n),
.slide_clinic01 .slide_thumbnail li:last-child {
	margin-right: 0;
}

.slide_clinic01 .slide_thumbnail li:hover {
	opacity: 1;
	transition: .3s;
	cursor: pointer;
}

.slide_clinic01 .slide_thumbnail {
	margin-bottom: calc(-20 / var(--break) * 100vw);
}


/* 患者さんへのご案内 clinic05 */
.box_intro05 {
	box-sizing: border-box;
	min-height: calc(190 / var(--break) * 100vw);
	max-width: 1000px;
	margin-bottom: calc(60 / var(--break) * 100vw);
	padding: 0 calc(30 / var(--break) * 100vw);
	margin-inline: auto;
}

.box_clinic05:not(:last-child) {
	margin-bottom: calc(60 / var(--break) * 100vw);
}


@media(min-width: 768px) and (max-width:1599px) {

	/* 院長ご挨拶 clinic02 */
	.box_clinic02::before {
		right: calc(155 / var(--break) * 100vw);
	}

	/* 院内紹介  clinic04 */
	.row_clinic .inner_clinic {
		height: calc(500 / var(--break) * 100vw);
	}


	.row_clinic {
		min-height: calc(500 / var(--break) * 100vw);
	}

	.row_clinic .box01 {
		padding: calc(30 / var(--break) * 100vw) calc(83 / var(--break) * 100vw);
		top: calc(50 / var(--break) * 100vw);
		min-height: calc(450 / var(--break) * 100vw);
	}

	.row_clinic .badge01 {
		width: calc(200 / var(--break) * 100vw);
		top: calc(280 / var(--break) * 100vw);
	}

	.row_clinic .badge01 p {
		font-size: calc(22 / var(--break) * 100vw);
	}

	.row_clinic .box01 h4 {
		font-size: calc(30 / var(--break) * 100vw);
	}

	.row_clinic .box01 .txt01 {
		font-size: calc(15 / var(--break) * 100vw);
		margin-top: calc(25 / var(--break) * 100vw);
	}

	/* 患者さんへのご案内 clinic05 */
}

@media(min-width: 768px) and (max-width:1299px) {

	/* 診療理念・コンセプト clinic01 */
	.wrap_clinic01 {
		min-height: calc(510 / var(--break) * 100vw);
		background: url(images/clinic/bg_clinic01.png) no-repeat left top / 100% 98%;
	}

	.wrap_clinic01 .en {
		font-size: calc(52 / var(--break) * 100vw);
	}

	.wrap_clinic01 .lead {
		font-size: calc(30 / var(--break) * 100vw);
		line-height: 1.8;
		margin-top: calc(26 / var(--break) * 100vw);
	}

	.wrap_clinic01 .txt {
		font-size: calc(16 / var(--break) * 100vw);
	}

	.row_clinic01 .col_txt {
		width: calc(660 / var(--break) * 100vw);
	}

	.row_clinic01 .col_txt p {
		font-size: calc(16 / var(--break) * 100vw);
	}

	.tbl_clinic02 dd,
	.tbl_clinic02 dt {
		font-size: calc(16 / var(--break) * 100vw);
	}

	.list_clinic02 li {
		font-size: calc(16 / var(--break) * 100vw);
	}

	/* 院長ご挨拶 clinic02 */
	.wrap_clinic02 .inner {
		width: 96%;
	}

	.row_clinic01 .name {
		right: calc(-35 / var(--break) * 100vw);
		width: calc(240 / var(--break) * 100vw);
		justify-content: flex-start;
	}

	.row_clinic01 .name .post {
		font-size: calc(22 / var(--break) * 100vw);
		margin-top: calc(35 / var(--break) * 100vw);
	}

	.row_clinic01 .name .ja {
		font-size: calc(32 / var(--break) * 100vw);
		margin-top: calc(35 / var(--break) * 100vw);
	}

	.row_clinic01 .name .en {
		margin-top: calc(3 / var(--break) * 100vw);
		font-size: calc(19 / var(--break) * 100vw);
	}

	.box_clinic02::before {
		right: calc(52 / var(--break) * 100vw);
		top: calc(-75 / var(--break) * 100vw);
		width: calc(200 / var(--break) * 100vw);
	}


	/* 院内紹介 clinic04 */

	.slide_clinic01 .slick-prev {
		left: 2%;
	}

	.slide_clinic01 .slick-next {
		right: 2%;
	}

	/* 当院の特徴 clinic03 */
	.row_clinic .box01 {
		padding: calc(30 / var(--break) * 100vw) calc(60 / var(--break) * 100vw);
		width: 53%;
		min-height: calc(410 / var(--break) * 100vw);
		top: calc(35 / var(--break) * 100vw);
		right: calc(40 / var(--break) * 100vw);
	}

	.row_clinic.r_reverse .box01 {
		left: calc(40 / var(--break) * 100vw);
	}

	.row_clinic .inner_clinic {
		height: calc(445 / var(--break) * 100vw);
	}

	.box_intro05 {
		font-size: calc(20 / var(--break) * 100vw);
		min-height: calc(150 / var(--break) * 100vw);
	}

	.row_clinic {
		min-height: calc(445 / var(--break) * 100vw);
	}

	.row_clinic .badge01 {
		width: calc(180 / var(--break) * 100vw);
		top: calc(250 / var(--break) * 100vw);
	}

	.row_clinic .badge01 p {
		font-size: calc(20 / var(--break) * 100vw);
	}

	.row_clinic .img_clinic {
		min-height: calc(445 / var(--break) * 100vw);
	}

	.row_clinic .img_clinic img {
		min-height: calc(445 / var(--break) * 100vw);
		object-fit: cover;
	}

	.row_clinic .box01 .ttl01 {
		font-size: calc(26 / var(--break) * 100vw);
	}

	.row_clinic .box01::before,
	.row_clinic .box01::after {
		width: calc(90 / var(--break) * 100vw);
		height: calc(90 / var(--break) * 100vw);
	}

	.row_clinic .sub_clinic04 .txt02 {
		font-size: calc(17 / var(--break) * 100vw);
		max-width: 77%;
	}

	/* 患者さんへのご案内 clinic05 */
	.box_clinic05 .txt {
		font-size: calc(16 / var(--break) * 100vw);
	}
}

@media(max-width: 767px) {

	/* 診療理念・コンセプト clinic01 */
	.wrap_clinic01 {
		background: url(images/clinic/bg_clinic01_sp.png) no-repeat left top / 100% auto;
		min-height: auto;
		padding: calc(110 / var(--break) * 100vw) 0 calc(130 / var(--break) * 100vw);
	}

	.wrap_clinic01 .en {
		font-size: calc(60 / var(--break) * 100vw);
	}

	.wrap_clinic01 .lead {
		font-size: calc(40 / var(--break) * 100vw);
		letter-spacing: 0;
		margin-top: 3.6vw;
	}


	.wrap_clinic01 .en::before,
	.wrap_clinic01 .en::after {
		width: calc(90 / var(--break) * 100vw);
	}

	.wrap_clinic01 .en::before {
		margin-right: calc(60 / var(--break) * 100vw);
	}

	.wrap_clinic01 .en::after {
		margin-left: calc(60 / var(--break) * 100vw);
	}

	/* 院長ご挨拶 clinic02 */
	.row_clinic01 {
		flex-direction: column-reverse;
		padding-bottom: 5vw;
	}

	.row_clinic01 .col_txt,
	.row_clinic01 .col_img {
		width: 100%;
	}

	.row_clinic01 .col_img {
		max-width: calc(600 / var(--break) * 100vw);
		margin: calc(40 / var(--break) * 100vw) auto 0;
	}

	.row_clinic01 .name {
		aspect-ratio: initial;
		width: calc(280 / var(--break) * 100vw);
		height: calc(276 / var(--break) * 100vw);
		bottom: calc(-40 / var(--break) * 100vw);
	}

	.row_clinic01 .name .post {
		font-size: calc(24 / var(--break) * 100vw);
		letter-spacing: .1em;
	}

	.row_clinic01 .name .ja {
		margin-top: calc(32 / var(--break) * 100vw);
		font-size: calc(40 / var(--break) * 100vw);
	}

	.row_clinic01 .name .en {
		font-size: calc(24 / var(--break) * 100vw);
	}

	.box_clinic02 .wrap_clinic02_02 {
		display: block;
	}

	.box_clinic02::before {
		right: calc(40 / var(--break) * 100vw);
		width: calc(280 / var(--break) * 100vw);
	}

	.card_clinic02 {
		width: 100%;
		min-height: auto;
		padding: calc(94 / var(--break) * 100vw) 3.2vw calc(50 / var(--break) * 100vw);
	}

	.card_clinic02:not(:first-child) {
		margin-top: calc(60 / var(--break) * 100vw);
	}

	.tbl_clinic02 dt {
		width: calc(200 / var(--break) * 100vw);
		margin-bottom: 3.5vw;
		font-size: calc(32 / var(--break) * 100vw);
		line-height: 2;
		letter-spacing: 0;
	}

	.list_clinic02 li {
		font-size: calc(32 / var(--break) * 100vw);
		line-height: 2;
		letter-spacing: 0;
	}

	.list_clinic02 li::before {
		top: calc(29 / var(--break) * 100vw);
		width: calc(10 / var(--break) * 100vw);
		height: calc(10 / var(--break) * 100vw);
	}

	.tbl_clinic02 dd {
		width: calc(100% - calc(210 / var(--break) * 100vw));
		font-size: calc(32 / var(--break) * 100vw);
		margin-left: calc(10 / var(--break) * 100vw);
		line-height: 2;
		letter-spacing: 0;
	}

	/* 院内紹介 clinic04 */

	.slide_clinic01 .slick-prev {
		left: 3vw;
	}

	.slide_clinic01 .slick-next {
		right: 3vw;
	}

	.slide_thumbnail {
		margin-top: calc(24 / var(--break) * 100vw);
	}

	.slide_clinic01 .slide_thumbnail li {
		width: 18%;
		margin-right: 2.5%;
		margin-bottom: 3%;
	}

	/* 当院の特徴  clinic03 */
	.row_clinic {
		min-height: auto;
		background-size: cover;
	}

	.row_clinic02,
	.row_clinic04,
	.row_clinic06 {
		background-position: right bottom;
		background-size: auto 77%;
	}

	.row_clinic03 {
		background-position: left bottom;
		background-size: auto 77%;
	}

	.row_clinic+.row_clinic {
		margin-top: calc(60 / var(--break) * 100vw);
	}


	.row_clinic .inner_clinic {
		display: contents;
	}

	.row_clinic .img_clinic {
		position: static;
		width: 100%;
		height: auto;
		box-sizing: border-box;
		padding-right: 6.4vw;
		overflow: visible;
	}


	.row_clinic .box01 {
		position: relative;
		width: calc(100% - 6.4vw);
		min-height: auto;
		margin-top: 0;
		top: -8vw;
		right: -4.6vw;
		padding: calc(50 / var(--break) * 100vw) 6.4vw;
		border-radius: calc(20 / var(--break) * 100vw) calc(20 / var(--break) * 100vw) 0 0;
	}


	.row_clinic .box01::before,
	.row_clinic .box01::after {
		width: calc(90 / var(--break) * 100vw);
		height: calc(90 / var(--break) * 100vw);
	}

	.row_clinic .badge01 {
		width: calc(210 / var(--break) * 100vw);
	}

	.row_clinic .badge01 p {
		font-size: calc(24 / var(--break) * 100vw);
	}

	.row_clinic03 .badge01 {
		top: 28vw;
		right: 3.2vw;
	}

	.row_clinic06 .badge01 {
		top: 27.2vw;
		left: 5vw;
	}

	.row_clinic .sub_clinic04 .box02 {
		margin-top: calc(60 / var(--break) * 100vw);
		min-height: calc(240 / var(--break) * 100vw);
		padding: calc(40 / var(--break) * 100vw) calc(50 / var(--break) * 100vw) 0;
		background-color: var(--color06);
		border-radius: 0 calc(30 / var(--break) * 100vw) 0 calc(30 / var(--break) * 100vw);
	}

	.row_clinic .sub_clinic04 {
		width: 100%;
		box-sizing: border-box;
		padding-inline: 3.2vw;
		padding-bottom: 11vw;
		margin-top: calc(40 / var(--break) * 100vw);
	}

	.row_clinic .sub_clinic04 .txt02 {
		max-width: 100%;
	}

	.row_clinic .sub_clinic04 .img_clinic04 {
		position: static;
		width: calc(260 / var(--break) * 100vw);
		height: calc(300 / var(--break) * 100vw);
		margin: calc(20 / var(--break) * 100vw) auto 0 auto;
	}

	.row_clinic .box01 .ttl01 {
		font-size: calc(38 / var(--break) * 100vw);
		letter-spacing: 0;
	}

	.row_clinic .box01 .txt01 {
		font-size: calc(28 / var(--break) * 100vw);
	}

	.row_clinic .sub_clinic04 .ttl01 {
		font-size: calc(36 / var(--break) * 100vw);
	}

	.row_clinic .sub_clinic04 .txt02 {
		font-size: calc(28 / var(--break) * 100vw);
	}



	/* 患者さんへのご案内 clinic05 */
	#clinic05 .hdg3 {
		font-size: calc(39 / var(--break) * 100vw);
		line-height: 1.6;
		padding: calc(15 / var(--break) * 100vw) 3.2vw;
	}

	.box_intro05 {
		min-height: auto;
		padding: calc(40 / var(--break) * 100vw);
		font-size: calc(33 / var(--break) * 100vw);
		letter-spacing: 0;
	}
}

/* 症例紹介 case
------------------------------------------------------------------*/
.area_case_common01:not(:last-of-type) {
	margin-bottom: calc(60 / var(--break) * 100vw);
}

.box_case01 {
	position: relative;
	padding: calc(30 / var(--break) * 100vw) calc(50 / var(--break) * 100vw) calc(60 / var(--break) * 100vw);
}

.row_case01 {
	max-width: calc(1000 / var(--break) * 100vw);
	width: 100%
}

.row_case01 .en {
	height: calc(50 / var(--break) * 100vw);
}

.row_case01:after {
	border-left: calc(15 / var(--break) * 100vw) solid #ccc;
	border-top: calc(23 / var(--break) * 100vw) solid transparent;
	border-bottom: calc(23 / var(--break) * 100vw) solid transparent;
	top: calc(55 / var(--break) * 100vw);
}

.slide_case01 .slick-prev:before,
.slide_case01 .slick-next:before {
	display: none;
}

.slide_case01 .slick-prev,
.slide_case01 .slick-next {
	width: calc(30 / var(--break) * 100vw);
	height: calc(54 / var(--break) * 100vw);
	background: url(images/page/arw_slide.svg)no-repeat center / cover;
	z-index: 9;
	top: 0;
	bottom: 0;
	margin: auto;
	transform: none;
}

.slide_case01 .slick-prev {
	left: -7.2%;
}

.slide_case01 .slick-next {
	right: -7.2%;
	transform: scaleX(-1);
}

.slide_case01 .slick-dots {
	margin-top: var(--size30px);
	position: relative !important;
	bottom: auto;
	line-height: 1;
}

.slide_case01 .slick-dots li {
	width: calc(11 / var(--break) * 100vw);
	height: calc(11 / var(--break) * 100vw);
	margin: 0 calc(8 / var(--break) * 100vw);
}

.slide_case01 .slick-dots li button {
	width: calc(11 / var(--break) * 100vw);
	height: calc(11 / var(--break) * 100vw);
	padding: 0;
}

.slide_case01 .slick-dots li button:before {
	content: "";
	background: #ccc;
	width: calc(11 / var(--break) * 100vw);
	height: calc(11 / var(--break) * 100vw);
	border-radius: 50%;
	opacity: 1;
}

.slide_case01 .slick-dots li.slick-active button:before {
	background: #333;
	opacity: 1;
}

.slide_case01 .slick-dots li:only-child {
	display: none;
}

.row_case_common01 .col .case_img {
	height: calc(300 / var(--break) * 100vw);
}

.slide_case01 .tbl_case {
	max-width: calc(1000 / var(--break) * 100vw);
}

.tbl_case table {
	width: calc(100% - 1px);
}

@media(min-width: 768px) and (max-width:1599px) {}

@media(min-width: 768px) and (max-width:1299px) {
	.slide_case01 .slick-prev {
		left: calc(30 / var(--break) * 100vw);
	}

	.slide_case01 .slick-next {
		right: calc(30 / var(--break) * 100vw);
	}
}

@media(max-width: 767px) {
	.row_case01 {
		margin-bottom: 7.5vw;
		max-width: calc(646 / var(--break) * 100vw);
	}

	.row_case01.slick-active {
		opacity: 1;
	}

	.row_case01 .col {
		max-width: calc(480 / var(--break) * 100vw);
		width: 100%;
		margin-right: auto;
		margin-left: auto;
	}

	.row_case01 .col:first-child {
		margin-bottom: 12vw;
	}

	.row_case01:after {
		border-left: calc(40 / var(--break) * 100vw) solid transparent;
		border-right: calc(40 / var(--break) * 100vw) solid transparent;
		border-top: calc(30 / var(--break) * 100vw) solid #ccc;
		border-bottom: 0;
		top: 0;
	}

	.row_case01>.flex {
		display: block;
	}

	.row_case01 .en {
		font-size: .75rem;
	}

	.slide_case01 {
		margin-bottom: 8vw;
	}


	.slide_case01 .slick-slide.slick-center {
		opacity: 1;
		transition: .5s;
	}

	.slide_case01 .slick-slide.slick-active {
		opacity: 1;
		transition: .5s;
	}

	.slide_case01 .slick-prev,
	.slide_case01 .slick-next {
		width: calc(50 / var(--break) * 100vw);
		height: calc(90 / var(--break) * 100vw);
		bottom: auto;
		top: 64vw;
	}

	.slide_case01 .slick-prev {
		left: 6vw;
	}

	.slide_case01 .slick-next {
		right: 6vw;
	}

	.slide_case01.slick-dotted.slick-slider {
		margin-bottom: 15vw;
	}

	.slide_case01 .slick-dots li {
		width: calc(16 / var(--break) * 100vw);
		height: calc(16 / var(--break) * 100vw);
		margin: 0 calc(14 / var(--break) * 100vw);
	}

	.slide_case01 .slick-dots li button {
		width: calc(16 / var(--break) * 100vw);
		height: calc(16 / var(--break) * 100vw);
	}

	.slide_case01 .slick-dots li button:before {
		width: calc(16 / var(--break) * 100vw);
		height: calc(16 / var(--break) * 100vw);
	}

	.tbl_case tr th {
		border-bottom: 1px solid #000;
	}
}


/* リスク・副作用
------------------------------------------------------------------*/
.box_risk01 .box {
	overflow: hidden;
	max-height: 180px;
	height: auto;
	touch-action: auto !important;
	position: relative;
	background: #eee;
	padding-right: calc(50 / var(--break) * 100vw);
}

.box_invisalign {
	max-width: 1000px;
	border: ;
}

.box_invisalign .box {
	overflow: hidden;
	max-height: 180px;
	height: auto;
	touch-action: auto !important;
	position: relative;
	padding-right: calc(50 / var(--break) * 100vw);
}

/* パーフェクトスクロールバー */
.risk .ps__thumb-y,
.box_invisalign .ps__thumb-y {
	background: #333333 !important;
	right: 0px !important;
	width: 4px !important;
}

.risk .ps--active-x>.ps__rail-x,
.risk .ps--active-y>.ps__rail-y,
.box_invisalign .ps--active-x>.ps__rail-x,
.box_invisalign .ps--active-y>.ps__rail-y {
	background: none !important;
	right: 0px !important;
	width: 4px !important;
	opacity: 1 !important;
}

.risk .ps .ps__rail-x.ps--clicking,
.risk .ps .ps__rail-x:focus,
.risk .ps .ps__rail-x:hover,
.risk .ps .ps__rail-y.ps--clicking,
.risk .ps .ps__rail-y:focus,
.risk .ps .ps__rail-y:hover,
.box_invisalign .ps .ps__rail-x.ps--clicking,
.box_invisalign .ps .ps__rail-x:focus,
.box_invisalign .ps .ps__rail-x:hover,
.box_invisalign .ps .ps__rail-y.ps--clicking,
.box_invisalign .ps .ps__rail-y:focus,
.box_invisalign .ps .ps__rail-y:hoverr {
	opacity: 1 !important;
}

@media(min-width: 768px) and (max-width:1599px) {}

@media(min-width: 751px) and (max-width:1299px) {}

@media(max-width: 767px) {
	.box_risk01 .box {
		padding-right: 4vw;
		max-height: calc(420 / var(--break) * 100vw);
	}

	.box_risk01 .ttl,
	.box_invisalign .ttl {
		font-size: 1.125rem;
		letter-spacing: 0;
	}

	.box_risk01 .txt {
		letter-spacing: 0;
	}

	.sp.risk .ps-container>.ps-scrollbar-y-rail>.ps-scrollbar-y,
	.sp.risk .ps-container>.ps-scrollbar-y-rail,
	.box_invisalign .ps-container>.ps-scrollbar-y-rail>.ps-scrollbar-y,
	.box_invisalign .ps-container>.ps-scrollbar-y-rail {
		right: 0 !important;
		width: 2px !important;
	}
}


/* 採用情報 recruit
------------------------------------------------------------------*/
.tbl_guideline01:not(:last-child) {
	margin-bottom: calc(100 / var(--break) * 100vw);
}

.tbl_guideline01 table {
	border: solid 1px var(--color09) !important;
}

.tbl_guideline01 th {
	background: var(--color09);
	font-family: "dnp-shuei-mgothic-std", sans-serif;
	font-weight: 300;
	font-style: normal;
}

.tbl_guideline01 tr:not(:last-child) td {
	border-bottom-color: var(--color09);
}

.tbl_form01 th {
	color: #333333;
}

.tbl_form01 td input,
.tbl_form01 td textarea {
	background-color: #eee;
}

.tbl_form01 .require span:after {
	font-family: "dnp-shuei-mgothic-std", sans-serif;
	font-weight: 300;
	font-style: normal;
	background-color: var(--color03);
	border-radius: calc(15 / var(--break) * 100vw);
}

.btn_submit {
	max-width: calc(500 / var(--break) * 100vw);
}

.btn_submit input {
	box-sizing: border-box;
	min-height: calc(100 / var(--break) * 100vw);
	padding: calc(15 / var(--break) * 100vw) calc(30 / var(--break) * 100vw);
	background: var(--color01);
	color: var(--color13);
	border: 0;
	border-block: calc(2 / var(--break) * 100vw) solid var(--color12);
	border-radius: 0;
}

.btn_submit:before {
	display: none;
}

.btn_submit:after {
	content: "";
	position: absolute;
	right: calc(10 / var(--break) * 100vw);
	bottom: calc(10 / var(--break) * 100vw);
	width: calc(15 / var(--break) * 100vw);
	height: calc(15 / var(--break) * 100vw);
	background: var(--color12);
	clip-path: polygon(100% 0, 100% 100%, 0 100%);
	pointer-events: none;
}


.tbl_form01 .box_form {
	background: var(--color02);
	border-radius: calc(75 / var(--break) * 100vw);
}

@media(min-width: 768px) and (max-width:1599px) {}

@media(min-width: 768px) and (max-width:1299px) {}

@media(max-width: 767px) {
	.tbl_guideline01 td a {
		text-decoration: underline;
		color: #f59735;
	}

	.tbl_guideline01 tr th {
		border-bottom: 1px solid #000;
	}
}


/* 採用情報　recruit
------------------------------------------------------------------*/

/* 働きやすいポイント recruit01 */
.wrap_recruit01 .row_recruit01 {
	width: calc(1500 / var(--break) * 100vw);
	margin-inline: auto;
}

.wrap_recruit01 .row_recruit01:not(:first-child) {
	margin-top: calc(60 / var(--break) * 100vw);
}

.wrap_recruit01 .row_recruit01:nth-child(even) {
	flex-direction: row-reverse;
}

.wrap_recruit01 .col_txt {
	width: calc(870 / var(--break) * 100vw);
}

.wrap_recruit01 .col_img {
	width: calc(570 / var(--break) * 100vw);
}

.wrap_recruit01 .col_img img {
	display: block;
	width: 100%;
	aspect-ratio: 570 / 380;
	object-fit: cover;
}

.wrap_recruit01 .ttl01 {
	padding-left: calc(60 / var(--break) * 100vw);
}

.wrap_recruit01 .ttl01::before {
	content: "";
	position: absolute;
	left: 0;
	top: calc(2 / var(--break) * 100vw);
	width: calc(40 / var(--break) * 100vw);
	height: calc(45 / var(--break) * 100vw);
	background: url("images/recruit/deco_recruit01.png") no-repeat center / contain;
}

/* お祝い金について recruit02 */
.wrap_recruit02 .box_recruit02 {
	box-sizing: border-box;
	width: calc(1240 / var(--break) * 100vw);
	min-height: calc(545 / var(--break) * 100vw);
	margin-inline: auto;
	padding-block: calc(59 / var(--break) * 100vw) calc(45 / var(--break) * 100vw);
	background: url("images/recruit/bg_recruit01.jpg") no-repeat center / cover;
	outline: solid calc(20 / var(--break) * 100vw) rgb(255 255 255/ 0.3);
	outline-offset: calc(-20 / var(--break) * 100vw);
}

.wrap_recruit02 .ttl01 {
	line-height: 1.5;
}

.wrap_recruit02 .list_recruit02 {
	width: calc(1000 / var(--break) * 100vw);
	margin: calc(39 / var(--break) * 100vw) auto 0;
}

.wrap_recruit02 .list_recruit02 li {
	min-height: calc(60 / var(--break) * 100vw);
	background: var(--color10);
	border-radius: calc(30 / var(--break) * 100vw);
}

.wrap_recruit02 .list_recruit02 li:nth-child(1) {
	width: calc(420 / var(--break) * 100vw);
}

.wrap_recruit02 .list_recruit02 li:nth-child(2) {
	width: calc(320 / var(--break) * 100vw);
}

.wrap_recruit02 .list_recruit02 li:nth-child(3) {
	width: calc(220 / var(--break) * 100vw);
}

.wrap_recruit02 .box01 {
	width: calc(480 / var(--break) * 100vw);
	min-height: calc(104 / var(--break) * 100vw);
	margin: calc(40 / var(--break) * 100vw) auto 0;
	background: #fff;
	outline: solid calc(4 / var(--break) * 100vw) #fff;
	outline-offset: calc(8 / var(--break) * 100vw);
}

.wrap_recruit02 .box01 .deco01 {
	position: absolute;
	right: calc(-24 / var(--break) * 100vw);
	bottom: calc(-11 / var(--break) * 100vw);
	width: calc(79 / var(--break) * 100vw);
}

.wrap_recruit02 .txt01 {
	margin-top: calc(47 / var(--break) * 100vw);
}

/* ただいま募集しておりません recruit03 */
.wrap_recruit03 .box_recruit03 {
	box-sizing: border-box;
	width: calc(1000 / var(--break) * 100vw);
	min-height: calc(151 / var(--break) * 100vw);
	margin-inline: auto;
	padding: calc(20 / var(--break) * 100vw);
	background: var(--color02);
}

@media(min-width: 768px) and (max-width:1599px) {
	/* 働きやすいポイント recruit01 */

	/* お祝い金について recruit02 */

	/* ただいま募集しておりません recruit03 */
}

@media(min-width: 768px) and (max-width:1299px) {

	.wrap_recruit01 .row_recruit01 {
		width: calc(1219 / var(--break) * 100vw);
	}

	.wrap_recruit01 .row_recruit01:not(:first-child) {
		margin-top: calc(49 / var(--break) * 100vw);
	}

	.wrap_recruit01 .col_txt {
		width: calc(707 / var(--break) * 100vw);
	}

	.wrap_recruit01 .col_img {
		width: calc(463 / var(--break) * 100vw);
	}


	.wrap_recruit01 .ttl01 {
		padding-left: calc(49 / var(--break) * 100vw);
		font-size: calc(27.5 / var(--break) * 100vw);
	}

	.wrap_recruit01 .ttl01::before {
		top: calc(2 / var(--break) * 100vw);
		width: calc(33 / var(--break) * 100vw);
		height: calc(37 / var(--break) * 100vw);
	}

	.wrap_recruit01 .txt01 {
		font-size: calc(16 / var(--break) * 100vw);
	}

	/* お祝い金について recruit02 */
	.wrap_recruit02 .box_recruit02 {
		width: calc(1150 / var(--break) * 100vw);
		min-height: calc(510 / var(--break) * 100vw);
		padding-block: calc(49 / var(--break) * 100vw) calc(45 / var(--break) * 100vw);
	}

	.wrap_recruit02 .ttl01 {
		font-size: calc(27.5 / var(--break) * 100vw);
	}

	.wrap_recruit02 .ttl01 span {
		font-size: calc(36 / var(--break) * 100vw);
	}

	.wrap_recruit02 .list_recruit02 li {
		font-size: calc(22 / var(--break) * 100vw);
		min-height: calc(50 / var(--break) * 100vw);
	}

	/* ただいま募集しておりません recruit03 */
	.wrap_recruit03 .box_recruit03 {
		width: calc(900 / var(--break) * 100vw);
		min-height: calc(135 / var(--break) * 100vw);
	}
}

@media(max-width: 767px) {

	/* 働きやすいポイント recruit01 */
	.wrap_recruit01 .row_recruit01,
	.wrap_recruit01 .row_recruit01:nth-child(even) {
		flex-direction: column;
		width: 100%;
	}

	.wrap_recruit01 .ttl01 {
		font-size: calc(40 / var(--break) * 100vw);
	}

	.wrap_recruit01 .ttl01::before {
		top: calc(9 / var(--break) * 100vw);
	}

	.wrap_recruit01 .col_txt {
		width: 100%;
		box-sizing: border-box;
		padding-inline: 6.4vw;
		margin-top: calc(40 / var(--break) * 100vw);
	}

	.wrap_recruit01 .col_img {
		order: -1;
		width: 100%;
		box-sizing: border-box;
		padding-inline: 3.2vw;
	}

	/* お祝い金について recruit02 */
	.wrap_recruit02 .box_recruit02 {
		width: auto;
		margin-inline: 3.2vw;
		padding-inline: calc(40 / var(--break) * 100vw);
	}

	.wrap_recruit02 .list_recruit02 {
		width: 100%;
		flex-direction: column;
		align-items: center;
	}

	.wrap_recruit02 .list_recruit02 li {
		width: 100% !important;
		border-radius: calc(60 / var(--break) * 100vw);
		font-size: calc(34 / var(--break) * 100vw);
		min-height: calc(75 / var(--break) * 100vw);
	}

	.wrap_recruit02 .list_recruit02 li:not(:first-child) {
		margin-top: calc(20 / var(--break) * 100vw);
	}

	.wrap_recruit02 .box01 {
		width: 100%;
		max-width: calc(570 / var(--break) * 100vw);
		margin-top: 8vw;
	}

	.wrap_recruit02 .box01 .num01 span {
		font-size: calc(34 / var(--break) * 100vw);
	}

	.wrap_recruit02 .box01 .num01 span:nth-child(2) {
		font-size: calc(65 / var(--break) * 100vw);
	}

	.wrap_recruit02 .box01 .deco01 {
		right: calc(-42 / var(--break) * 100vw);
		width: calc(96 / var(--break) * 100vw);
	}

	.box_recruit02 .ttl01 {
		font-size: calc(36 / var(--break) * 100vw);
	}

	.box_recruit02 .ttl01 span {
		font-size: calc(50 / var(--break) * 100vw);
	}

	/* ただいま募集しておりません recruit03 */
	.wrap_recruit03 .box_recruit03 {
		width: auto;
		margin-inline: 3.2vw;
	}
}

/* お問い合わせ contact
------------------------------------------------------------------*/
.grecaptcha-badge {
	visibility: hidden;
}

@media(min-width: 768px) and (max-width:1599px) {}

@media(min-width: 768px) and (max-width:1299px) {}

@media(max-width: 767px) {}

/* ブログ blog
------------------------------------------------------------------*/
#sidebar {
	width: 24%;
}

#sidebar h4 {
	background: var(--color12);
	border-radius: calc(20 / var(--break) * 100vw);
	color: #fff;
	font-weight: 500;
	font-size: 1.25rem;
	line-height: calc(40 / var(--break) * 100vw);
	margin-bottom: calc(4 / var(--break) * 100vw);
	text-align: center;
	font-family: "dnp-shuei-mgothic-std", sans-serif;
	font-weight: 300;
	font-style: normal;
}

#sidebar caption {
	margin-bottom: calc(5 / var(--break) * 100vw);
}

#wp-calendar {
	width: 100%;
	margin-bottom: calc(10 / var(--break) * 100vw);
}

#wp-calendar thead th {
	background: var(--color02);
	border: 1px solid var(--color02);
	border-right-color: var(--color02);
	font-size: .8125rem;
	font-weight: normal;
}

#wp-calendar tbody td {
	border: 1px solid var(--color02);
	text-align: center;
	font-size: .875rem;
	line-height: 1.8;
}

#wp-calendar tbody td a {
	color: #959595;
	text-decoration: underline;
}

.wp-calendar-nav {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	margin-bottom: calc(60 / var(--break) * 100vw);
	line-height: 1.5;
}

.wp-calendar-nav-prev {
	padding-left: calc(10 / var(--break) * 100vw);
}

.wp-calendar-nav-next {
	padding-right: calc(10 / var(--break) * 100vw);
}

.wp-calendar-nav a {
	padding-bottom: calc(3 / var(--break) * 100vw);
	border-bottom: 1px solid #333;
	display: -webkit-box;
	/*--- Androidブラウザ用 ---*/
	display: -ms-flexbox;
	/*--- IE10 ---*/
	display: -webkit-flex;
	/*--- safari（PC）用 ---*/
	display: flex;
	-webkit-box-pack: justify;
	/*--- Androidブラウザ用 ---*/
	-ms-flex-pack: justify;
	/*--- IE10 ---*/
	-webkit-justify-content: space-between;
	/*--- safari（PC）用 ---*/
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	/* Safari */
	flex-wrap: wrap;
}

#sidebar ul li {
	width: 100%;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

#sidebar ul li a {
	border-bottom: 1px solid #333;
	padding-bottom: calc(4 / var(--break) * 100vw);
	line-height: 2.1;
}

.post_main {
	width: 71%;
}

.navigation {
	display: -webkit-box;
	/*--- Androidブラウザ用 ---*/
	display: -ms-flexbox;
	/*--- IE10 ---*/
	display: -webkit-flex;
	/*--- safari（PC）用 ---*/
	display: flex;
	-webkit-box-pack: justify;
	/*--- Androidブラウザ用 ---*/
	-ms-flex-pack: justify;
	/*--- IE10 ---*/
	-webkit-justify-content: space-between;
	/*--- safari（PC）用 ---*/
	justify-content: space-between;
	margin-bottom: calc(60 / var(--break) * 100vw);
}

.navigation li {
	width: calc(170 / var(--break) * 100vw);
}

.navigation .navitop {
	text-align: center;
}

.navigation .naviright {
	text-align: right;
}

.navigation li a {
	padding-bottom: calc(4 / var(--break) * 100vw);
	border-bottom: 1px solid #333;
}

.post_content img {
	max-width: 100%;
	height: auto;
}

.date_single {
	display: block;
	text-align: right;
	font-size: .8125rem;
	margin-top: calc(-30 / var(--break) * 100vw);
	margin-bottom: calc(40 / var(--break) * 100vw);
}

.post_content {
	line-height: 1.75;
}

.thmb {
	width: calc(120 / var(--break) * 100vw);
}

.thmb img {
	height: calc(120 / var(--break) * 100vw);
	object-fit: cover;
}

.thmb a:hover .img_thmb {
	opacity: .75;
}

.txt_post {
	width: calc(100% - calc(140 / var(--break) * 100vw));
}

.page_main section.blog_archive {
	padding-bottom: calc(35 / var(--break) * 100vw);
	background-image: linear-gradient(to right, var(--color06) calc(3 / var(--break) * 100vw), transparent calc(2 / var(--break) * 100vw));
	background-size: calc(8 / var(--break) * 100vw) calc(2 / var(--break) * 100vw);
	background-repeat: repeat-x;
	background-position: left bottom;
}

.post_main section.blog_archive:not(:last-child) {
	margin-bottom: calc(40 / var(--break) * 100vw);
}

.txt_post a {
	color: inherit;
}

.txt_post a:hover {
	text-decoration: underline;
}

.txt_post h4 {
	width: 100%;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	line-height: 1.7;
	font-size: calc(20 / var(--break) * 100vw);
	letter-spacing: .1em;
	font-family: "dnp-shuei-mgothic-std", sans-serif;
	font-weight: 300;
	font-style: normal;
}

.blog_archive .txt_post .date {
	color: var(--color12);
}

.txt_post .txt_excerpt {
	line-height: 1.75;
	margin-top: calc(8 / var(--break) * 100vw);
}

.txt_post .txt_excerpt .more {
	color: var(--color11);
	text-decoration: underline;
}

.page_main .wp-pagenavi {
	margin-top: calc(60 / var(--break) * 100vw);
	text-align: center;
	font-size: .875rem;
}

.page_main .wp-pagenavi a,
.page_main .wp-pagenavi span {
	text-decoration: none;
	border: 1px solid var(--color11);
	border-radius: calc(10 / var(--break) * 100vw);
	color: var(--color11);
	padding: 0 calc(10 / var(--break) * 100vw);
	margin: calc(2 / var(--break) * 100vw);
	display: inline-block;
}

.page_main .wp-pagenavi span.pages {
	padding: 0 calc(11 / var(--break) * 100vw);
}

.page_main .wp-pagenavi a:hover,
.page_main .wp-pagenavi span.current {
	border-color: var(--color11);
	background: var(--color11);
	color: #fff;
}

.page_main .wp-pagenavi span.current {
	font-weight: normal;
}

.post_content li {
	list-style: inherit;
	margin-left: 1.5em;
}

.single_post>h3 {
	border-left: calc(10 / var(--break) * 100vw) solid var(--color12);
	border-radius: 0 999px 999px 0;
}

.post_content>h4,
.post_content>h5 {
	line-height: 1.6;
	font-size: 1.25rem;
	letter-spacing: 0.1em;
	margin-bottom: calc(35 / var(--break) * 100vw);
}

.post_content>h4 {
	padding-block: calc(15 / var(--break) * 100vw);
	padding-left: calc(20 / var(--break) * 100vw);
	background-image: url(images/page/ptn.png), linear-gradient(var(--color13), var(--color13)), url(images/page/ptn.png), linear-gradient(var(--color13), var(--color13));
	background-repeat: repeat-x, repeat-x, repeat-x, repeat-x;
	background-position: center top, center top, center bottom, center bottom;
	background-size: calc(6 / var(--break) * 100vw) calc(6 / var(--break) * 100vw), 100% calc(4 / var(--break) * 100vw), calc(6 / var(--break) * 100vw) calc(6 / var(--break) * 100vw), 100% calc(4 / var(--break) * 100vw);
	font-family: "dnp-shuei-mgothic-std", sans-serif;
	font-weight: 600;
	font-style: normal;
}

.post_content>h5 {
	padding-bottom: calc(10 / var(--break) * 100vw);
	font-family: "dnp-shuei-mgothic-std", sans-serif;
	font-weight: 300;
	font-style: normal;
	border-bottom: calc(4 / var(--break) * 100vw) double var(--color08);
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.post_content>h5::before {
	content: "";
	display: block;
	width: calc(30 / var(--break) * 100vw);
	height: calc(27 / var(--break) * 100vw);
	background: url("images/page/deco_topics01.png") no-repeat center / contain;
	margin-right: calc(20 / var(--break) * 100vw);
}

#sidebar .category h4 {
	margin-bottom: calc(20 / var(--break) * 100vw);
}

#sidebar .category ul {
	gap: calc(10 / var(--break) * 100vw) 3%;
}

#sidebar .category ul li {
	font-size: 1rem;
	width: auto;
	overflow: visible;
	white-space: normal;
}

#sidebar .category ul li a {
	border: 1px solid var(--color11);
	background: var(--color11);
	color: #fff;
	padding: calc(4 / var(--break) * 100vw) calc(8 / var(--break) * 100vw);
	line-height: 1.6;
}

#sidebar .category ul li a.is-active {
	background: #fff;
	color: var(--color11);
}

@media(min-width: 768px) and (max-width:1599px) {}

@media(min-width: 768px) and (max-width:1299px) {}

@media(max-width: 767px) {
	.page_main {
		display: block !important;
	}

	#sidebar {
		width: 100%;
	}

	#sidebar h4 {
		line-height: calc(80 / var(--break) * 100vw);
	}

	.post_main {
		width: 100%;
		margin-bottom: 20vw;
	}

	.thmb {
		width: calc(210 / var(--break) * 100vw);
	}

	.thmb img {
		height: calc(210 / var(--break) * 100vw);
	}

	.txt_post {
		width: calc(100% - calc(240 / var(--break) * 100vw));
	}

	.txt_post h4 {
		font-size: 1rem;
		letter-spacing: 0;
	}

	.navigation li {
		width: calc(200 / 750 * 100vw);
	}

	.page_main .wp-pagenavi span.pages,
	.page_main .wp-pagenavi a,
	.page_main .wp-pagenavi span {
		padding: .5vw 2vw;
		margin: calc(4 / 750 * 100vw);
	}

	.page_main section.blog_archive {
		padding-bottom: 6vw;
	}

	.post_main section.blog_archive:not(:last-child) {
		margin-bottom: 6vw;
	}

	.post_main .wp-pagenavi {
		margin-top: 12vw;
		display: -webkit-box;
		/*--- Androidブラウザ用 ---*/
		display: -ms-flexbox;
		/*--- IE10 ---*/
		display: -webkit-flex;
		/*--- safari（PC）用 ---*/
		display: flex;
		-webkit-box-pack: justify;
		/*--- Androidブラウザ用 ---*/
		-ms-flex-pack: justify;
		/*--- IE10 ---*/
		-webkit-justify-content: center;
		-ms-justify-content: center;
		justify-content: center;
		-webkit-flex-wrap: wrap;
		/* Safari */
		flex-wrap: wrap;
	}

	.single_post>h3 {
		letter-spacing: 0;
		font-size: 1.1875rem;
	}

	.post_content>h4,
	.post_content>h5 {
		letter-spacing: 0;
		font-size: 1.125rem;
	}

	#sidebar .category ul li a {
		border-radius: calc(8 / var(--break)* 100vw);
		padding: calc(4 / var(--break)* 100vw) calc(14 / var(--break)* 100vw);
	}
}


/* フォーマット format
------------------------------------------------------------------*/
.wrap_format01:not(:last-of-type) {
	margin-bottom: calc(100 / var(--break) * 100vw);
}

.img_format01 {
	max-width: 1000px;
}

.row_format01 .col_img {
	width: 46%;
	max-width: 570px;
}

.row_format01 .col_txt {
	width: 50%;
}

.list_format01 li {
	max-width: 425px;
}

.row_format03 .col_img {
	width: 29%;
	max-width: 350px;
}

.row_format03 .col_txt {
	width: 67%;
}

.row_format03 .copy {
	border-bottom: 1px solid #333;
}

.row_format03 .copy:before {
	content: "";
	position: absolute;
	width: calc(20 / var(--break) * 100vw);
	height: calc(20 / var(--break) * 100vw);
	left: 0;
	top: .4em;
	background: #333;
}

.txt_format01 {
	max-width: 1000px;
}

.tbl_fee {
	max-width: 1000px;
}

.tbl_fee table {
	border-color: #;
}

.tbl_fee th {
	background: #;
}

.tbl_fee thead th {
	background: #;
	text-align: center;
}

.tbl_fee thead tr th:not(:last-of-type) {
	border-right: 1px solid #fff;
}

.tbl_fee tr:not(:last-child) td {
	border-bottom-color: #;
}

.tbl_fee tbody tr td:not(:last-of-type) {
	border-right: 1px solid #;
}

.tbl_fee01 tbody th {
	text-align: center;
}

.wrap_format01 .box_flow:last-of-type:before {
	display: none;
}

.box_format03 .col_img {
	width: 31%;
	max-width: 345px;
}

.box_format03 .col_txt {
	width: 65%;
}

.row_format04 .col {
	width: 31.8%;
	max-width: 394px;
	margin-right: 2.3%;
}

.row_format04 .col:nth-child(3n),
.row_format04 .col:last-child {
	margin-right: 0;
}

.row_format04 .col:not(:nth-child(-n+3)) {
	margin-top: calc(60 / var(--break) * 100vw);
}

.wrap_format01 .box_qa03 {
	border: none;
	margin-bottom: calc(60 / var(--break) * 100vw);
}

.wrap_format01 .box_qa03 .box_a .box {
	width: calc(60 / var(--break) * 100vw);
	height: calc(60 / var(--break) * 100vw);
	left: 0;
	top: 0;
}

.wrap_format01 .box_qa03 .box_a {
	padding-top: calc(30 / var(--break) * 100vw);
	padding-left: calc(100 / var(--break) * 100vw);
}

.box_format04 .ttl {
	font-weight: 300;
	height: calc(50 / var(--break) * 100vw);
}

.list_format02 li:not(:first-child) {
	margin-top: calc(14 / var(--break) * 100vw);
}

.list_format02 .year {
	width: calc(140 / var(--break) * 100vw);
}

.list_format02 .txt {
	width: calc(100% - calc(140 / var(--break) * 100vw));
}

.risk_format {
	border: 1px solid #333;
}

.risk_format .box {
	overflow-y: scroll;
	max-height: 280px;
	scrollbar-color: #333 #fff;
	scrollbar-width: thin;
}

@media(min-width: 768px) and (max-width:1599px) {}

@media(min-width: 768px) and (max-width:1299px) {}

@media(max-width: 767px) {
	.format {
		padding-bottom: 17vw;
	}

	.wrap_format01:not(:last-of-type) {
		margin-bottom: 20vw;
	}

	.img_format01 {
		max-width: 100%;
	}

	.box_format01 .ttl {
		font-size: 1.125rem;
		letter-spacing: 0;
	}

	.list_format01 li {
		max-width: 100%;
	}

	.row_format03 .copy {
		font-size: 1.125rem;
		letter-spacing: 0;
	}

	.row_format03 .copy:before {
		top: .55em;
	}

	.txt_format01 {
		max-width: calc(646 / var(--break) * 100vw);
	}

	.tbl_fee {
		max-width: 100%;
	}

	.tbl_fee01 tbody th {
		text-align: left;
	}

	.box_format03 {
		display: block;
	}

	.box_format03 .copy {
		font-size: 1.125rem;
	}

	.row_format04 {
		display: block;
	}

	.row_format04 .col {
		width: 100%;
		max-width: calc(600 / var(--break) * 100vw);
		margin: 0 auto !important;
	}

	.row_format04 .col:not(:first-child) {
		margin-top: calc(60 / var(--break) * 100vw);
	}

	.row_format04 .ttl {
		font-size: 1.125rem;
		letter-spacing: 0;
	}

	.wrap_format01 .box_qa03 .box_a .box {
		width: calc(80 / var(--break) * 100vw);
		height: calc(80 / var(--break) * 100vw);
		font-size: 1.5625rem;
	}

	.tbl_format01.js-scrollable table {
		width: calc(1200 / var(--break) * 100vw);
		font-size: .875rem;
	}

	.img_format02 {
		max-width: calc(500 / var(--break) * 100vw);
	}

	.name_format .job {
		font-size: .875rem;
		letter-spacing: 0;
	}

	.name_format .ja {
		font-size: 1.25rem;
		letter-spacing: 0;
	}

	.box_format04 .ttl {
		font-size: 1.125rem;
		letter-spacing: 0;
		height: calc(80 / var(--break) * 100vw);
	}

	.list_format02 li:not(:first-child) {
		margin-top: 2vw;
	}

	.list_format02 .year {
		width: calc(200 / var(--break) * 100vw);
	}

	.list_format02 .txt {
		width: calc(100% - calc(200 / var(--break) * 100vw));
	}
}


/*　診療時間・アクセス　access
	------------------------------------------------------------------*/
.row_access01 {
	gap: calc(60 / var(--break) * 100vw);
}

.row_access01 .col_l {
	width: calc(530 / var(--break) * 100vw);
	background: #fff;
	border-radius: calc(20 / var(--break) * 100vw);
}

.row_access01 .col_img {
	width: calc(650 / var(--break) * 100vw);
}

.wrap_access01 .logo01 {
	display: block;
	width: calc(492 / var(--break) * 100vw);
	margin-inline: auto;
}

.wrap_access01 .address01 {
	margin-top: calc(40 / var(--break) * 100vw);
	padding-top: calc(45 / var(--break) * 100vw);
}

.wrap_access01 .address01::before {
	content: "";
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: calc(30 / var(--break) * 100vw);
	height: calc(30 / var(--break) * 100vw);
	background: url("images/access/icn_access03.svg") no-repeat center / contain;
}

.wrap_access01 .tel01 {
	display: block;
	width: calc(300 / var(--break) * 100vw);
	height: calc(100 / var(--break) * 100vw);
	margin: calc(40 / var(--break) * 100vw) auto 0;
	background: #fff;
	border: 1px solid var(--color13);
	border-radius: calc(50 / var(--break) * 100vw);
	overflow: hidden;
}

.wrap_access01 .tel01::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: calc(30 / var(--break) * 100vw);
	background: var(--color12);
}

.wrap_access01 .tel01 .icn01 {
	top: calc(10 / var(--break) * 100vw);
	left: 50%;
	transform: translateX(-50%);
	width: calc(40 / var(--break) * 100vw);
	height: calc(40 / var(--break) * 100vw);
	background: #fff;
	border-radius: 100%;
	z-index: 1;
}

.wrap_access01 .tel01 .icn01 img {
	width: calc(40 / var(--break) * 100vw);
}

.wrap_access01 .tel01 .num01 {
	position: absolute;
	left: 0;
	bottom: calc(4 / var(--break) * 100vw);
	width: 100%;
}

.wrap_access01 .tbl_time01 {
	margin-top: calc(50 / var(--break) * 100vw);
}

.wrap_access01 .tbl_time01 table {
	width: 100%;
}

.wrap_access01 .photo_access01 {
	aspect-ratio: 650 / 630;
	overflow: hidden;
}

.wrap_access01 .photo_access01 img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* 診療時間・アクセス access
------------------------------------------------------------------*/
.wrap_access02 {
	padding-bottom: calc(60 / var(--break) * 100vw);
	background:
		url("images/access/bg_access01.png") no-repeat bottom center / 100% auto,
		linear-gradient(rgb(var(--color08-rgb) / .3), rgb(var(--color08-rgb) / .3)) no-repeat bottom center / 100% calc(640 / var(--break) * 100vw);
}

.wrap_access02 .map {
	padding-top: calc(450 / var(--break) * 100vw);
}

.wrap_access02 .row_access02 {
	margin-top: calc(60 / var(--break) * 100vw);
	gap: calc(50 / var(--break) * 100vw);
}

.wrap_access02 .card_access02 {
	width: calc(475 / var(--break) * 100vw);
	min-height: calc(370 / var(--break) * 100vw);
	padding-bottom: calc(30 / var(--break) * 100vw);
	background: #fff;
	border: calc(4 / var(--break) * 100vw) solid var(--color08);
	border-radius: calc(20 / var(--break) * 100vw);
	overflow: hidden;
}

.wrap_access02 .card_access02 .icn01 {
	display: block;
	width: calc(330 / var(--break) * 100vw);
	margin-inline: auto;
}

.wrap_access02 .card_access02 .ttl01 {
	margin-top: calc(25 / var(--break) * 100vw);
}

.wrap_access02 .card_access02 .ttl01::after {
	content: "";
	display: block;
	width: calc(103 / var(--break) * 100vw);
	aspect-ratio: 103 / 5;
	margin-top: calc(8 / var(--break) * 100vw);
	margin-inline: auto;
	background: url("images/access/bg_access02.svg") no-repeat center / contain;
}

.wrap_access02 .card_access02 .txt01 {
	margin-top: calc(8 / var(--break) * 100vw);
}

@media(min-width: 768px) and (max-width:1599px) {
	/* 診療時間 access01 */

	/* アクセス access02 */
}

@media(min-width: 768px) and (max-width:1299px) {

	/* 診療時間 access01 */
	.wrap_access01 {
		width: 96%;
	}

	/* アクセス access02 */
}

@media(max-width: 767px) {

	/* 診療時間 access01 */
	.wrap_access01 .row_access01 {
		flex-direction: column;
	}

	.wrap_access01 .col_img {
		order: -1;
		width: 100%;
	}

	.wrap_access01 .col_l {
		margin-top: calc(20 / var(--break) * 100vw);
		padding-inline: 3.2vw;
		width: 100%;
	}

	/* アクセス access02 */
	.wrap_access02 {
		background-size: cover;
		padding-top: 7vw;
	}

	.wrap_access02 .row_access02 {
		display: block;
	}

	.wrap_access02 .card_access02 {
		width: 100%;
	}

	.wrap_access02 .card_access02:not(:first-child) {
		margin-top: calc(40 / var(--break) * 100vw);
	}

	.wrap_access01 .address01 {
		font-size: calc(30 / var(--break) * 100vw);
		letter-spacing: 0;
		line-height: 1.4;
	}

	.wrap_access01 .tel01 {
		width: calc(600 / var(--break) * 100vw);
		height: calc(130 / var(--break) * 100vw);
		margin-inline: auto;
		border-radius: calc(65 / var(--break) * 100vw);
	}

	.wrap_access01 .tel01 .num01 {
		font-size: calc(40 / var(--break) * 100vw);
		letter-spacing: 0.1em;
	}

	.wrap_access01 .tel01::before {
		height: calc(40 / var(--break) * 100vw);
	}

	.wrap_access01 .tel01 .icn01 {
		width: calc(48 / var(--break) * 100vw);
		height: calc(48 / var(--break) * 100vw);
		top: calc(17 / var(--break) * 100vw);
	}

	.wrap_access01 .tbl_caption {
		font-size: calc(28 / var(--break) * 100vw);
		line-height: 1.5;
	}

	.wrap_access02 .card_access02 .icn01 {
		width: calc(290 / var(--break) * 100vw);
	}

	.wrap_access02 .card_access02 .ttl01 {
		font-size: calc(38 / var(--break) * 100vw);
		letter-spacing: 0;
	}

	.wrap_access02 .card_access02 .ttl01::after {
		width: calc(135 / var(--break) * 100vw);
	}
}

/* 初めてのかたへ　first
	------------------------------------------------------------------*/

/* 当院で相談できること first01 */
.wrap_first01 .row_first01 {
	width: calc(1500 / var(--break) * 100vw);
	margin-inline: auto;
}

.wrap_first01 .col_txt {
	width: calc(743 / var(--break) * 100vw);
}

.wrap_first01 .col_img {
	width: calc(700 / var(--break) * 100vw);
}

.wrap_first01 .band_first01 {
	margin-top: calc(60 / var(--break) * 100vw);
	padding-block: calc(40 / var(--break) * 100vw) calc(50 / var(--break) * 100vw);
	background-color: rgb(var(--color06-rgb) / 0.3);
	background-image: url("images/first/bg_first01.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.wrap_first01 .list_first01 {
	width: calc(1240 / var(--break) * 100vw);
	border-radius: calc(20 / var(--break) * 100vw) calc(20 / var(--break) * 100vw) 0 0;
	overflow: hidden;
}

.wrap_first01 .list_first01 .ttl01 {
	min-height: calc(70 / var(--break) * 100vw);
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--color06);
}

.wrap_first01 .wrap_first01_list {
	padding: calc(35 / var(--break) * 100vw) calc(50 / var(--break) * 100vw) calc(35 / var(--break) * 100vw);
}

.wrap_first01 .wrap_first01_list .col {
	width: calc(553 / var(--break) * 100vw);
}

.wrap_first01 .list_check li {
	position: relative;
	padding-left: calc(30 / var(--break) * 100vw);
	line-height: calc(30 / 18);
}

.wrap_first01 .list_check li:not(:first-child) {
	margin-top: calc(10 / var(--break) * 100vw);
}

.wrap_first01 .list_check li::before {
	content: "";
	position: absolute;
	left: 0;
	top: calc(5 / var(--break) * 100vw);
	width: calc(20 / var(--break) * 100vw);
	height: calc(20 / var(--break) * 100vw);
	background: url("images/first/icn_first01.svg") no-repeat center / contain;
}

/* 診療にあたっての注意事項 first02 */
.wrap_first02 {
	padding-block: calc(50 / var(--break) * 100vw) calc(52 / var(--break) * 100vw);
	background-color: var(--color02);
}

.wrap_first02 .inner_first02 {
	width: calc(1240 / var(--break) * 100vw);
	margin-inline: auto;
}

.wrap_first02 .tbl_first02 {
	width: 100%;
	border-collapse: collapse;
	table-layout: fixed;
}

.wrap_first02 .tbl_first02 th,
.wrap_first02 .tbl_first02 td {
	padding: calc(12 / var(--break) * 100vw) calc(30 / var(--break) * 100vw);
	border: 1px solid var(--color09);
	text-align: left;
	vertical-align: middle;
}

.wrap_first02 .tbl_first02 thead th {
	background: var(--color09);
	text-align: center;
	border-color: var(--color09);
	border-right-color: #fff;
}

.wrap_first02 .tbl_first02 th:first-child {
	width: calc(464 / var(--break) * 100vw);
}

.wrap_first02 .tbl_first02 tbody th {
	background: rgb(var(--color09-rgb) / 0.2);
}

.wrap_first02 .tbl_first02 tbody th,
.wrap_first02 .tbl_first02 tbody td {
	padding: calc(13 / var(--break) * 100vw) calc(18 / var(--break) * 100vw);
	vertical-align: top;
}

/*診療の流れ  first03 */
.wrap_first03 .box_first03 {
	background: #fff;
	border-radius: calc(20 / var(--break) * 100vw);
}

.wrap_first03 .box_first03:nth-child(odd) {
	border: calc(4 / var(--break) * 100vw) solid var(--color08);
}

.wrap_first03 .box_first03:nth-child(even) {
	border: calc(4 / var(--break) * 100vw) solid var(--color06);
}

.wrap_first03 .box_first03:not(:first-child) {
	margin-top: calc(56 / var(--break) * 100vw);
}

.wrap_first03 .box_first03:not(:first-child)::before {
	content: "";
	position: absolute;
	left: 50%;
	top: calc(-36 / var(--break) * 100vw);
	transform: translateX(-50%);
	width: calc(40 / var(--break) * 100vw);
	aspect-ratio: 40 / 15;
	background: url("images/page/arw03.svg") no-repeat center / contain;
}

.wrap_first03 .box_first03 .head {
	min-height: calc(75 / var(--break) * 100vw);
	border-radius: calc(16 / var(--break) * 100vw) calc(16 / var(--break) * 100vw) 0 0;
}

.wrap_first03 .box_first03:nth-child(odd) .head {
	background: rgb(var(--color08-rgb) / 0.8);
}

.wrap_first03 .box_first03:nth-child(even) .head {
	background: rgb(var(--color06-rgb) / 0.8);
}

.wrap_first03 .box_first03 .num {
	position: absolute;
	left: calc(38 / var(--break) * 100vw);
	top: 45%;
	transform: translateY(-50%);
}

.wrap_first03 .box_first03 .num01 {
	display: block;
	opacity: 0.3;
}

.wrap_first03 .box_first03 .flow {
	position: absolute;
	left: calc(4 / var(--break) * 100vw);
	top: calc(17 / var(--break) * 100vw);
}

.wrap_first03 .box_first03 .txt01 {
	padding: calc(15 / var(--break) * 100vw) calc(45 / var(--break) * 100vw) calc(45 / var(--break) * 100vw);
}

/* 自立支援医療費制度について first04 */
.wrap_first04 .row_first04 {
	width: calc(1500 / var(--break) * 100vw);
	margin-inline: auto;
}

.wrap_first04 .col_txt {
	width: calc(743 / var(--break) * 100vw);
}

.wrap_first04 .col_img {
	width: calc(700 / var(--break) * 100vw);
}


.wrap_first04 .col_img::after {
	content: "";
	position: absolute;
	right: calc(10 / var(--break) * 100vw);
	bottom: calc(-10 / var(--break) * 100vw);
	width: calc(144 / var(--break) * 100vw);
	height: calc(144 / var(--break) * 100vw);
	background: url("images/first/deco_first01.png") no-repeat center / contain;
}

/* 費用 first05 */
.wrap_first05 .tbl_default thead th {
	text-align: center;
	background: var(--color10);
	color: #fff;
}

.wrap_first05 .tbl_default table {
	border: calc(2 / var(--break) * 100vw) solid var(--color10);
	table-layout: initial;
}

.wrap_first05 .tbl_default th {
	background: rgb(var(--color10-rgb) / 0.2);
	color: var(--color13);
	font-family: "dnp-shuei-mgothic-std", sans-serif;
	font-weight: 300;
	font-style: normal;
}


.wrap_first05 .tbl_default tr:not(:last-child) th,
.wrap_first05 .tbl_default tr:not(:last-child) td {
	border-color: var(--color10);
	border-width: 0 0 calc(2 / var(--break) * 100vw) 0;
}

.row_pay .icn {
	width: 100%;
	margin-top: calc(-5 / var(--break) * 100vw);
}

.wrap_first05 .wrap03 {
	padding-bottom: calc(62 / var(--break) * 100vw);
	background-color: var(--color02);
}

.wrap_first05 .lead_first05 {
	width: fit-content;
	margin-inline: auto;
}

.wrap_first05 .lead_first05::before,
.wrap_first05 .lead_first05::after {
	content: "";
	position: absolute;
	bottom: 20%;
	width: calc(52 / var(--break) * 100vw);
	height: calc(61 / var(--break) * 100vw);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

.wrap_first05 .lead_first05::before {
	right: 100%;
	margin-right: calc(40 / var(--break) * 100vw);
	background-image: url("images/first/bg_first02.png");
}

.wrap_first05 .lead_first05::after {
	left: 100%;
	margin-left: calc(35 / var(--break) * 100vw);
	background-image: url("images/first/bg_first03.png");
}

.wrap_first05 .row_pay {
	max-width: calc(1500 / var(--break) * 100vw);
	margin-inline: auto;
	padding: calc(30 / var(--break) * 100vw) calc(50 / var(--break) * 100vw) calc(60 / var(--break) * 100vw);
	gap: calc(35 / var(--break) * 100vw);
	background:
		url("images/first/bg_first04.png") no-repeat center / cover;
}

.wrap_first05 .row_pay .col {
	width: calc(310 / var(--break) * 100vw);
	margin-right: 0;
	border: calc(4 / var(--break) * 100vw) solid var(--color05);
	border-radius: calc(20 / var(--break) * 100vw);
	overflow: hidden;
	background: url("images/first/bg_first05.svg") no-repeat 50% 59% / calc(103 / var(--break) * 100vw) auto;
}

.wrap_first05 .row_pay .icn img {
	width: 100%;
}

.wrap_first05 .row_pay .txt01 {
	background: rgb(0 0 0 / 0.5);
	width: calc(250 / var(--break) * 100vw);
	height: calc(50 / var(--break) * 100vw);
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.box_first05 {
	width: calc(1240 / var(--break) * 100vw);
	margin: calc(0 / var(--break) * 100vw) auto 0;
	background: #fff;
	border-radius: 0 calc(30 / var(--break) * 100vw) 0 calc(30 / var(--break) * 100vw);
}


.wrap_first05 .btn_tax {
	width: calc(500 / var(--break) * 100vw);
	max-width: 100%;
}

.wrap_first05 .btn_tax a {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	min-height: calc(100 / var(--break) * 100vw);
	padding: calc(15 / var(--break) * 100vw) calc(30 / var(--break) * 100vw);
	background: var(--color01);
	border: 0;
	border-block: calc(2 / var(--break) * 100vw) solid var(--color12);
	color: var(--color13);
	transition: 0.3s;
}

.wrap_first05 .btn_tax a::after {
	content: "";
	position: absolute;
	right: calc(10 / var(--break) * 100vw);
	bottom: calc(10 / var(--break) * 100vw);
	width: calc(15 / var(--break) * 100vw);
	height: calc(15 / var(--break) * 100vw);
	background: var(--color12);
	clip-path: polygon(100% 0, 100% 100%, 0 100%);
}

@media (any-hover: hover) {
	.wrap_first05 .btn_tax a:hover {
		background: var(--color01);
		color: var(--color13);
		opacity: 0.7;
	}
}

@media(min-width: 768px) and (max-width:1599px) {
	/* 当院で相談できること first01 */

	/* 診療にあたっての注意事項 first02 */

	/* 診療の流れ first03 */
	.flow_first03 {
		max-width: calc(1240 / var(--break) * 100vw);
		margin-inline: auto;
	}

	/* 自立支援医療費制度について first04 */

	/* 費用 first05 */
	.tbl_parts_set {
		max-width: calc(1240 / var(--break) * 100vw);
		margin-inline: auto;
	}
}

@media(min-width: 768px) and (max-width:1299px) {

	/* 当院で相談できること first01 */
	.wrap_first01 .row_first01 {
		width: calc(1219 / var(--break) * 100vw);
	}

	.wrap_first01 .col_txt {
		width: calc(604 / var(--break) * 100vw);
	}

	.wrap_first01 .col_img {
		width: calc(569 / var(--break) * 100vw);
	}


	.wrap_first01 .hdg4 .mark,
	.wrap_first04 .hdg4 .mark {
		background-size: calc(171 / var(--break) * 100vw) auto;
	}

	.wrap_first01 .col_txt .hdg4 {
		font-size: calc(27 / var(--break) * 100vw);
	}

	.wrap_first01 .col_txt .txt01 {
		font-size: calc(15 / var(--break) * 100vw);
	}

	.wrap_first01 .band_first01 {
		margin-top: calc(49 / var(--break) * 100vw);
		padding-block: calc(33 / var(--break) * 100vw) calc(41 / var(--break) * 100vw);
	}

	.wrap_first01 .band_first01 .en {
		font-size: calc(49 / var(--break) * 100vw);
	}

	.wrap_first01 .list_first01 {
		width: calc(1007 / var(--break) * 100vw);
		margin-top: calc(5 / var(--break) * 100vw);
		border-radius: calc(16 / var(--break) * 100vw) calc(16 / var(--break) * 100vw) 0 0;
	}

	.wrap_first01 .list_first01 .ttl01 {
		min-height: calc(57 / var(--break) * 100vw);
		font-size: calc(20 / var(--break) * 100vw);
	}

	.wrap_first01 .wrap_first01_list {
		padding: calc(28 / var(--break) * 100vw) calc(41 / var(--break) * 100vw);
	}

	.wrap_first01 .wrap_first01_list .col {
		width: calc(449 / var(--break) * 100vw);
	}

	.wrap_first01 .list_check li {
		font-size: calc(15 / var(--break) * 100vw);
		padding-left: calc(24 / var(--break) * 100vw);
	}

	.wrap_first01 .list_check li:not(:first-child) {
		margin-top: calc(8 / var(--break) * 100vw);
	}

	.wrap_first01 .list_check li::before {
		top: calc(4 / var(--break) * 100vw);
		width: calc(16 / var(--break) * 100vw);
		height: calc(16 / var(--break) * 100vw);
	}

	/* 診療にあたっての注意事項 first02 */
	.wrap_first02 {
		padding-block: calc(43 / var(--break) * 100vw) calc(46 / var(--break) * 100vw);
	}

	.wrap_first02 .inner_first02 {
		width: calc(1007 / var(--break) * 100vw);
	}

	.wrap_first02 .inner_first02 .txt01 {
		font-size: calc(15 / var(--break) * 100vw);
	}

	.wrap_first02 .tbl_first02 th,
	.wrap_first02 .tbl_first02 td {
		padding: calc(13 / var(--break) * 100vw) calc(24 / var(--break) * 100vw);
		font-size: calc(15 / var(--break) * 100vw);
	}

	.wrap_first02 .tbl_first02 th:first-child {
		width: calc(377 / var(--break) * 100vw);
	}

	.wrap_first02 .note {
		font-size: calc(15 / var(--break) * 100vw);
	}

	/* 診療の流れ first03 */
	.wrap_first03 .flow_first03 {
		width: calc(1007 / var(--break) * 100vw);
	}

	.wrap_first03 .box_first03 {
		border-radius: calc(16 / var(--break) * 100vw);
	}

	.wrap_first03 .box_first03:nth-child(odd),
	.wrap_first03 .box_first03:nth-child(even) {
		border-width: calc(3 / var(--break) * 100vw);
	}

	.wrap_first03 .box_first03:not(:first-child) {
		margin-top: calc(45 / var(--break) * 100vw);
	}

	.wrap_first03 .box_first03:not(:first-child)::before {
		top: calc(-29 / var(--break) * 100vw);
		width: calc(33 / var(--break) * 100vw);
		height: calc(12 / var(--break) * 100vw);
	}

	.wrap_first03 .box_first03 .head {
		min-height: calc(65 / var(--break) * 100vw);
		border-radius: calc(13 / var(--break) * 100vw) calc(13 / var(--break) * 100vw) 0 0;
	}

	.wrap_first03 .box_first03 .ttl01 {
		font-size: calc(21 / var(--break) * 100vw);
	}

	.wrap_first03 .box_first03 .num {
		left: calc(36 / var(--break) * 100vw);
	}

	.wrap_first03 .box_first03 .num01 {
		font-size: calc(57 / var(--break) * 100vw);
	}

	.wrap_first03 .box_first03 .flow {
		left: calc(7 / var(--break) * 100vw);
		top: calc(16 / var(--break) * 100vw);
		font-size: calc(16 / var(--break) * 100vw);
	}

	.wrap_first03 .box_first03 .txt01 {
		padding: calc(24 / var(--break) * 100vw) calc(33 / var(--break) * 100vw);
		font-size: calc(15 / var(--break) * 100vw);
	}

	/* 自立支援医療費制度について first04 */
	.wrap_first04 .row_first04 {
		width: calc(1219 / var(--break) * 100vw);
	}

	.wrap_first04 .col_txt {
		width: calc(604 / var(--break) * 100vw);
	}

	.wrap_first04 .col_img {
		width: calc(569 / var(--break) * 100vw);
	}



	.wrap_first04 .col_txt .txt01 {
		font-size: calc(15 / var(--break) * 100vw);
	}

	.wrap_first04 .col_img::after {
		right: calc(8 / var(--break) * 100vw);
		bottom: calc(-16 / var(--break) * 100vw);
		width: calc(117 / var(--break) * 100vw);
		height: calc(117 / var(--break) * 100vw);
	}

	/* 費用 first05 */
	.wrap_first05 .inner_first05 {
		width: calc(1007 / var(--break) * 100vw);
	}

	.wrap_first05 .tbl_first05 .th {
		min-height: calc(49 / var(--break) * 100vw);
		font-size: calc(15 / var(--break) * 100vw);
	}

	.wrap_first05 .tbl_first05 .td_l {
		width: calc(672 / var(--break) * 100vw);
		padding: calc(23 / var(--break) * 100vw) calc(16 / var(--break) * 100vw);
		font-size: calc(15 / var(--break) * 100vw);
	}

	.wrap_first05 .tbl_first05 .td_r {
		padding: calc(23 / var(--break) * 100vw) calc(16 / var(--break) * 100vw);
		font-size: calc(15 / var(--break) * 100vw);
	}

	.wrap_first05 .note {
		font-size: calc(15 / var(--break) * 100vw);
	}


	.hdg_dot {
		font-size: calc(24 / var(--break) * 100vw);
		background-size:
			calc(5 / var(--break) * 100vw) calc(5 / var(--break) * 100vw),
			100% calc(3 / var(--break) * 100vw),
			calc(5 / var(--break) * 100vw) calc(5 / var(--break) * 100vw),
			100% calc(3 / var(--break) * 100vw);
	}

	.hdg_dot::before {
		top: calc(-13 / var(--break) * 100vw);
		width: calc(124 / var(--break) * 100vw);
		height: calc(28 / var(--break) * 100vw);
		background-size: auto calc(25 / var(--break) * 100vw);
	}

	.wrap_first05 .lead_first05 {
		font-size: calc(21 / var(--break) * 100vw);
	}

	.wrap_first05 .lead_first05::before,
	.wrap_first05 .lead_first05::after {
		width: calc(42 / var(--break) * 100vw);
		height: calc(50 / var(--break) * 100vw);
	}

	.wrap_first05 .lead_first05::before {
		margin-right: calc(16 / var(--break) * 100vw);
	}

	.wrap_first05 .lead_first05::after {
		margin-left: calc(16 / var(--break) * 100vw);
	}

	.wrap_first05 .row_pay {
		margin-top: calc(41 / var(--break) * 100vw);
		padding-top: calc(10 / var(--break) * 100vw);
		gap: calc(28 / var(--break) * 100vw);
	}

	.wrap_first05 .row_pay .col {
		width: calc(300 / var(--break) * 100vw);
		border-width: calc(3 / var(--break) * 100vw);
		border-radius: calc(16 / var(--break) * 100vw);
	}

	.wrap_first05 .box_first05 {
		width: calc(1007 / var(--break) * 100vw);
		margin-top: calc(49 / var(--break) * 100vw);
		padding: calc(33 / var(--break) * 100vw) calc(41 / var(--break) * 100vw);
		border-radius: 0 calc(24 / var(--break) * 100vw) 0 calc(24 / var(--break) * 100vw);
	}

	.wrap_first05 .box_first05 .box_common01 {
		margin-top: 0;
		padding: 0;
	}

	.wrap_first05 .btn_tax a {
		min-height: calc(80 / var(--break) * 100vw);
	}

	.wrap_first05 .btn_tax {
		width: calc(420 / var(--break) * 100vw);
	}

	.wrap_first05 .box_first05 .ttl01 {
		font-size: calc(18 / var(--break) * 100vw);
	}

	.wrap_first05 .box_first05 .txt01 {
		font-size: calc(15 / var(--break) * 100vw);
	}
}

@media(max-width: 767px) {

	/* 当院で相談できること first01 */
	.wrap_first01 .row_first01 {
		width: 100%;
		flex-direction: column-reverse;
		gap: 5vw 0;
	}

	.wrap_first01 .col_txt {
		width: 100%;
		box-sizing: border-box;
		padding-inline: 6.4vw;
		margin-top: calc(40 / var(--break) * 100vw);
	}

	.wrap_first01 .col_img {
		width: 100%;
		box-sizing: border-box;
		padding-inline: 3.2vw;
	}

	.wrap_first01 .band_first01 .en {
		font-size: calc(60 / var(--break) * 100vw);
	}

	.wrap_first01 .list_first01 {
		width: 92%;
	}

	.wrap_first01 .list_first01 .ttl01 {
		font-size: calc(36 / var(--break) * 100vw);
		min-height: calc(86 / var(--break) * 100vw);
	}

	.wrap_first01 .wrap_first01_list {
		display: block;
		padding: calc(40 / var(--break) * 100vw) 3.2vw;
	}

	.wrap_first01 .wrap_first01_list .col {
		width: 100%;
	}

	.wrap_first01 .wrap_first01_list .col:not(:first-child) {
		margin-top: calc(20 / var(--break) * 100vw);
	}

	.wrap_first01 .list_check li {
		font-size: calc(32 / var(--break) * 100vw);
		letter-spacing: 0;
		padding-left: calc(50 / var(--break) * 100vw);
	}

	.wrap_first01 .list_check li::before {
		width: calc(34 / var(--break) * 100vw);
		height: calc(34 / var(--break) * 100vw);
		top: calc(11 / var(--break) * 100vw);
	}

	/* 診療にあたっての注意事項 first02 */
	.wrap_first02 .inner_first02 {
		width: 100%;
		box-sizing: border-box;
		padding-inline: 3.2vw;
	}

	.wrap_first02 .inner_first02 .txt01 {
		font-size: calc(28 / var(--break) * 100vw);
		text-align: left;
	}

	.wrap_first02 .scroll_first02 {
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}

	.wrap_first02 .tbl_first02 {
		width: 1200px;
	}

	.wrap_first02 .tbl_first02 th:first-child {
		width: 449px;
	}

	.wrap_first02 .tbl_first02 th,
	.wrap_first02 .tbl_first02 td {
		padding: 13px 24px;
		font-size: 16px;
	}

	.wrap_first02 .tbl_first02 tbody th,
	.wrap_first02 .tbl_first02 tbody td {
		padding: 13px 18px;
	}


	/* 診療の流れ first03 */
	.wrap_first03 .flow_first03 {
		width: 100%;
		box-sizing: border-box;
		padding-inline: 3.2vw;
	}

	.wrap_first03 .box_first03 .head {
		min-height: calc(100 / var(--break) * 100vw);
	}

	.wrap_first03 .box_first03:nth-child(even) .head {
		padding-left: 10vw;
	}

	.wrap_first03 .box_first03:not(:first-child)::before {
		width: calc(55 / var(--break) * 100vw);
		top: calc(-43 / var(--break) * 100vw);
	}

	.wrap_first03 .box_first03:not(:first-child) {
		margin-top: calc(70 / var(--break) * 100vw);
	}

	.wrap_first03 .box_first03 .ttl01 {
		font-size: calc(37 / var(--break) * 100vw);
		text-align: left;
		letter-spacing: 0.05em;
	}

	.wrap_first03 .box_first03 .txt01 {
		font-size: calc(32 / var(--break) * 100vw);
		letter-spacing: 0;
		padding: calc(40 / var(--break) * 100vw);
	}

	.wrap_first03 .box_first03 .num01 {
		font-size: calc(90 / var(--break) * 100vw);
	}

	/* 自立支援医療費制度について first04 */
	.wrap_first04 .row_first04 {
		width: 100%;
		flex-direction: column-reverse;
	}

	.wrap_first03 .box_first03 .num {
		left: calc(10 / var(--break) * 100vw);
	}

	.wrap_first03 .box_first03 .flow {
		font-size: calc(26 / var(--break) * 100vw);
		left: calc(15 / var(--break) * 100vw);
		top: calc(26 / var(--break) * 100vw);
	}

	.wrap_first04 .col_txt {
		width: 100%;
		box-sizing: border-box;
		padding-inline: 6.4vw;
		margin-top: calc(40 / var(--break) * 100vw);
	}

	.wrap_first04 .col_img {
		width: 100%;
		box-sizing: border-box;
		padding-inline: 3.2vw;
	}

	.wrap_first04 .col_img::after {
		width: calc(110 / var(--break) * 100vw);
		height: calc(110 / var(--break) * 100vw);
		right: calc(20 / var(--break) * 100vw);
	}

	/* 費用 first05 */
	.wrap_first05 .inner_first05 {
		width: 100%;
		box-sizing: border-box;
		padding-inline: 3.2vw;
	}

	.wrap_first05 .tbl_first05 .th {
		font-size: calc(28 / var(--break) * 100vw);
	}

	.wrap_first05 .tbl_first05 .body {
		display: block;
	}

	.wrap_first05 .tbl_first05 .td_l,
	.wrap_first05 .tbl_first05 .td_r {
		width: 100%;
		font-size: calc(28 / var(--break) * 100vw);
		border-right: none;
	}

	.wrap_first05 .tbl_first05 .td_l {
		border-bottom: 1px solid var(--color10);
	}

	.wrap_first05 .note {
		font-size: calc(26 / var(--break) * 100vw);
	}

	.wrap_first05 .lead_first05 {
		font-size: calc(36 / var(--break) * 100vw);
		line-height: 1.8;
	}

	.wrap_first05 .lead_first05::before,
	.wrap_first05 .lead_first05::after {
		bottom: 28%;
	}

	.wrap_first05 .row_pay {
		width: 100%;
		flex-wrap: wrap;
		padding: calc(40 / var(--break) * 100vw) 0 calc(80 / var(--break) * 100vw);
		gap: 0 calc(40 / var(--break) * 100vw);
		margin-bottom: 10vw;
	}

	.wrap_first05 .row_pay .col {
		padding: 3vw;
		padding-top: 0;
		min-height: calc(455 / var(--break) * 100vw);
		background: url(images/first/bg_first05.svg) no-repeat 50% 58% / calc(103 / var(--break) * 100vw) auto;
	}

	.wrap_first05 .row_pay .txt01 {
		font-size: calc(28 / var(--break) * 100vw);
		width: calc(280 / var(--break) * 100vw);
		height: calc(65 / var(--break) * 100vw);
		top: 42%;
	}

	.row_pay .copy {
		display: flex;
		justify-content: center;
		align-items: center;
		min-height: calc(108 / var(--break) * 100vw);
	}

	.wrap_first05 .box_first05 {
		width: calc(100% - 6.4vw);
	}

	.wrap_first05 .box_first05 .ttl01 {
		font-size: calc(34 / var(--break) * 100vw);
	}

	.row_pay .txt {
		margin-top: 3vw;
	}

	.wrap_first05 .box_first05 .txt01 {
		font-size: calc(28 / var(--break) * 100vw);
	}

	.wrap_first05 .btn_tax {
		width: 100%;
		max-width: calc(500 / var(--break) * 100vw);
	}

	.wrap_first05 .btn_tax a {
		font-size: calc(32/ var(--break) * 100vw);
	}
}

/* 診療内容 medical
	------------------------------------------------------------------*/

/* 共通パーツ（wrap_medical01 / wrap_medical02 共用）*/
.hdg_dot {
	position: relative;
	padding-block: calc(33 / var(--break) * 100vw);
	line-height: 1;
	margin-bottom: calc(50 / var(--break) * 100vw);
	background-image:
		url("images/page/ptn.png"),
		linear-gradient(var(--color13), var(--color13)),
		url("images/page/ptn.png"),
		linear-gradient(var(--color13), var(--color13));
	background-repeat: repeat-x, repeat-x, repeat-x, repeat-x;
	background-position: center top, center top, center bottom, center bottom;
	background-size:
		calc(6 / var(--break) * 100vw) calc(6 / var(--break) * 100vw),
		100% calc(4 / var(--break) * 100vw),
		calc(6 / var(--break) * 100vw) calc(6 / var(--break) * 100vw),
		100% calc(4 / var(--break) * 100vw);
}

.hdg_dot::before {
	content: "";
	position: absolute;
	top: calc(-19 / var(--break) * 100vw);
	left: 50%;
	transform: translateX(-50%);
	width: calc(235 / var(--break) * 100vw);
	height: calc(38 / var(--break) * 100vw);
	background: #fff url("images/page/img_hdg4.png") no-repeat center bottom / auto calc(34 / var(--break) * 100vw);
}

.row_feature,
.row_medical02 {
	align-items: flex-start;
	margin-bottom: calc(60 / var(--break) * 100vw);
}

.row_feature .col_txt,
.row_medical02 .col_txt {
	width: 49.3%;
}

.row_feature .col_txt .ttl01 {
	position: relative;
	line-height: 1.59;
	padding-bottom: calc(20 / var(--break) * 100vw);
	border-bottom: calc(4 / var(--break) * 100vw) solid var(--color05);
	margin-bottom: calc(27 / var(--break) * 100vw);
}

.row_feature .col_txt .ttl01::after {
	content: "";
	position: absolute;
	right: 0;
	bottom: calc(8 / var(--break) * 100vw);
	width: calc(210 / var(--break) * 100vw);
	height: calc(134 / var(--break) * 100vw);
	background: url("images/medical/deco_medical03.png") no-repeat center / contain;
	z-index: -1;
}

.row_feature .col_txt .txt01,
.row_medical02 .col_txt .txt01 {
	text-align: left;
}

.row_feature .col_img,
.row_medical02 .col_img {
	width: 46.7%;
}

.row_feature .col_img figure,
.row_medical02 .col_img figure {
	position: relative;
	line-height: 0;
}

.row_feature .col_img figure img,
.row_medical02 .col_img figure img {
	width: 100%;
	aspect-ratio: 700 / 466;
	object-fit: cover;
	display: block;
}

.row_feature .col_img figure::after,
.row_medical02 .col_img figure::after {
	content: "";
	position: absolute;
	right: calc(10 / var(--break) * 100vw);
	bottom: calc(-10 / var(--break) * 100vw);
	width: calc(144 / var(--break) * 100vw);
	height: calc(144 / var(--break) * 100vw);
	background: url("images/medical/deco_medical01.png") no-repeat center / contain;
}

/* 疾患について medical01 */
.wrap_medical01 .row_medical01 {
	width: 100%;
	padding-block: calc(50 / var(--break) * 100vw);
}

.wrap_medical01 .row_medical01 .list01 {
	flex-wrap: wrap;
	gap: calc(20 / var(--break) * 100vw) calc(35 / var(--break) * 100vw);
}

.wrap_medical01 .row_medical01 .list01 li {
	width: calc((100% - (36 / var(--break) * 100vw) * 2) / 3);
}

.wrap_medical01 .row_medical01 .list01 li:nth-child(odd) .btn01 {
	--line: var(--color12);
}

.wrap_medical01 .row_medical01 .list01 li:nth-child(even) .btn01 {
	--line: var(--color11);
}

.wrap_medical01 .row_medical01 .btn01 {
	box-sizing: border-box;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-height: calc(100 / var(--break) * 100vw);
	padding: calc(8 / var(--break) * 100vw) calc(44 / var(--break) * 100vw);
	background: #fff;
	border-top: calc(2 / var(--break) * 100vw) solid var(--line);
	border-bottom: calc(2 / var(--break) * 100vw) solid var(--line);
	line-height: 1.4;
}

.wrap_medical01 .row_medical01 .btn01::after {
	content: "";
	position: absolute;
	right: calc(12 / var(--break) * 100vw);
	top: 50%;
	transform: translateY(-50%);
	width: calc(21 / var(--break) * 100vw);
	aspect-ratio: 21 / 11;
	background: var(--line);
	clip-path: polygon(0 0, 100% 0, 50% 100%);
	transition: top .3s;
}

@media (any-hover: hover) {
	.wrap_medical01 .row_medical01 .btn01:hover::after {
		top: 58%;
	}
}

.wrap_medical01_01,
.wrap_medical01_02,
.wrap_medical01_03,
.wrap_medical01_04,
.wrap_medical01_05,
.wrap_medical01_06,
.wrap_medical01_07,
.wrap_medical01_08,
.wrap_medical01_09 {
	padding-top: calc(80 / var(--break) * 100vw);
}


.wrap_medical01_02 .row_feature,
.wrap_medical01_04 .row_feature,
.wrap_medical01_06 .row_feature,
.wrap_medical01_08 .row_feature {
	flex-direction: row-reverse;
}

.wrap_medical01_02 .col_img figure::after,
.wrap_medical01_04 .col_img figure::after,
.wrap_medical01_06 .col_img figure::after,
.wrap_medical01_08 .col_img figure::after {
	right: auto;
	left: calc(10 / var(--break) * 100vw);
	background-image: url("images/medical/deco_medical02.png");
}


.wrap_medical01_01,
.wrap_medical01_03,
.wrap_medical01_05,
.wrap_medical01_07,
.wrap_medical01_09 {
	--band-rgb: var(--color08-rgb);
	--pill: var(--color06);
}

.wrap_medical01_02,
.wrap_medical01_04,
.wrap_medical01_06,
.wrap_medical01_08 {
	--band-rgb: var(--color10-rgb);
	--pill: var(--color10);
}

/* 主な疾患 */
.box_medical {
	box-sizing: border-box;
	width: 100%;
	margin-top: calc(60 / var(--break) * 100vw);
	padding-block: calc(60 / var(--break) * 100vw);
	background-color: rgb(var(--band-rgb) / 0.2);
	background-image: url("images/medical/bg_medical01.png");
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 100% auto;
}

.box_medical .ttl02 {
	width: calc(1240 / var(--break) * 100vw);
	max-width: 90%;
	margin-inline: auto;
	margin-bottom: calc(50 / var(--break) * 100vw);
	background: var(--pill);
	border-radius: calc(40 / var(--break) * 100vw);
}

.box_medical .list_medical {
	flex-wrap: wrap;
	justify-content: center;
	gap: calc(30 / var(--break) * 100vw);
	max-width: calc(1560 / var(--break) * 100vw);
	margin-inline: auto;
}

.box_medical .list_medical .box01 {
	box-sizing: border-box;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: calc(480 / var(--break) * 100vw);
	min-height: calc(140 / var(--break) * 100vw);
	padding: calc(10 / var(--break) * 100vw) calc(20 / var(--break) * 100vw);
	background:
		url(images/medical/bg_medical02.png) no-repeat left top / calc(116 / var(--break) * 100vw) auto,
		url(images/medical/bg_medical03.png) no-repeat right bottom / calc(116 / var(--break) * 100vw) auto,
		#fff;
	border-radius: 0 calc(30 / var(--break) * 100vw) 0 calc(30 / var(--break) * 100vw);
	border: 1px solid var(--color13);
}

.box_medical .list_medical .box01::before,
.box_medical .list_medical .box01::after {
	content: "";
	position: absolute;
	width: calc(143 / var(--break) * 100vw);
	height: calc(115 / var(--break) * 100vw);
	background: url("images/medical/deco_medical04.png") no-repeat center / contain;
	opacity: .6;
	z-index: 1;
}

.box_medical .list_medical .box01::before {
	top: calc(-21 / var(--break) * 100vw);
	left: calc(-27 / var(--break) * 100vw);
}

.box_medical .list_medical .box01::after {
	bottom: calc(-21 / var(--break) * 100vw);
	right: calc(-27 / var(--break) * 100vw);
}

/* 治療について medical02 */
.wrap_medical02 .row_medical02 {
	margin-bottom: calc(80 / var(--break) * 100vw);
}

.box_medical02 {
	box-sizing: border-box;
	max-width: 1500px;
	width: 90%;
	margin-inline: auto;
	padding-block: calc(61 / var(--break) * 100vw) calc(60 / var(--break) * 100vw);

}

.box_medical02 .list_medical02 {
	align-items: stretch;
	gap: calc(50 / var(--break) * 100vw);
}

.box_medical02 .box01 {
	box-sizing: border-box;
	position: relative;
	width: calc(475 / var(--break) * 100vw);
	background: #fff;
	border-radius: 0 0 calc(20 / var(--break) * 100vw) calc(20 / var(--break) * 100vw);
	overflow: hidden;
}

.box_medical02 .box01 figure {
	line-height: 0;
}

.box_medical02 .box01 figure img {
	width: 100%;
	aspect-ratio: 475 / 320;
	object-fit: cover;
	display: block;
}

.box_medical02 .box01 .ttl01 {
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 84.2%;
	min-height: calc(60 / var(--break) * 100vw);
	margin-inline: auto;
	border-radius: 0 0 calc(20 / var(--break) * 100vw) calc(20 / var(--break) * 100vw);
}

.box_medical02 .box_medical02_01 .ttl01 {
	background: var(--color09);
}

.box_medical02 .box_medical02_02 .ttl01 {
	background: var(--color12);
}

.box_medical02 .box01 .txt01 {
	text-align: left;
	padding: calc(32 / var(--break) * 100vw) calc(40 / var(--break) * 100vw) calc(40 / var(--break) * 100vw);
}

@media(min-width: 768px) and (max-width:1599px) {}

@media(min-width: 768px) and (max-width:1299px) {
	.wrap_medical01 .row_medical01 .list01 {
		width: 90%;
		margin-inline: auto;
		gap: calc(15 / var(--break) * 100vw) calc(25 / var(--break) * 100vw);
	}

	.wrap_medical01 .row_medical01 .list01 li {
		width: calc((100% - (25 / var(--break) * 100vw) * 2) / 3);
	}

	.wrap_medical01 .row_medical01 .btn01 {
		min-height: calc(80 / var(--break) * 100vw);
		font-size: calc(19 / var(--break) * 100vw);
	}

	.wrap_medical01 .row_medical01 .btn01::after {
		width: calc(17 / var(--break) * 100vw);
	}

	.row_feature .col_txt .txt01,
	.row_medical02 .col_txt .txt01 {
		font-size: calc(16 / var(--break) * 100vw);
	}

	.row_feature .col_img figure::after,
	.row_medical02 .col_img figure::after {
		width: calc(100 / var(--break) * 100vw);
		height: calc(100 / var(--break) * 100vw);
	}

	.box_medical .list_medical .box01 {
		width: calc(390 / var(--break) * 100vw);
		min-height: calc(115 / var(--break) * 100vw);
		background:
			url(images/medical/bg_medical02.png) no-repeat left top / calc(90 / var(--break) * 100vw) auto,
			url(images/medical/bg_medical03.png) no-repeat right bottom / calc(90 / var(--break) * 100vw) auto, #fff;
	}

	.box_medical .list_medical .box01 p {
		font-size: calc(22 / var(--break) * 100vw);
	}

	.box_medical02 .box01 .ttl01 {
		font-size: calc(22 / var(--break) * 100vw);
	}

	.box_medical02 .box01 .txt01 {
		font-size: calc(16 / var(--break) * 100vw);
	}
}

@media only screen and (max-width: 767px) {
	.hdg_dot {
		font-size: calc(40 / var(--break) * 100vw);
		padding-block: calc(36 / var(--break) * 100vw);
		margin-bottom: calc(60 / var(--break) * 100vw);
		line-height: 1.3;
	}

	.hdg_dot::before {
		width: calc(150 / var(--break) * 100vw);
		height: calc(34 / var(--break) * 100vw);
		top: calc(-12 / var(--break) * 100vw);
		background-size: auto calc(30 / var(--break) * 100vw);
	}

	.row_feature,
	.row_medical02 {
		flex-direction: column-reverse;
		margin-bottom: calc(80 / var(--break) * 100vw);
	}

	.wrap_medical01_02 .row_feature,
	.wrap_medical01_04 .row_feature,
	.wrap_medical01_06 .row_feature,
	.wrap_medical01_08 .row_feature {
		flex-direction: column-reverse;
	}

	.row_feature .col_txt,
	.row_medical02 .col_txt {
		width: 100%;
		padding-inline: 6.4vw;
		margin-top: calc(40 / var(--break) * 100vw);
	}

	.row_feature .col_img,
	.row_medical02 .col_img {
		width: 100%;
		padding-inline: 3.2vw;
	}

	.row_feature .col_txt .ttl01 {
		font-size: calc(40 / var(--break) * 100vw);
		line-height: 1.5;
	}


	.row_feature .col_img figure::after,
	.row_medical02 .col_img figure::after {
		width: calc(120 / var(--break) * 100vw);
		height: calc(120 / var(--break) * 100vw);
	}

	.wrap_medical01 .row_medical01 {
		padding-block: calc(60 / var(--break) * 100vw);
	}

	.wrap_medical01 .row_medical01 .list01 {
		gap: calc(24 / var(--break) * 100vw);
	}

	.wrap_medical01 .row_medical01 .list01 li {
		width: calc((100% - (24 / var(--break) * 100vw)) / 2);
	}

	.wrap_medical01 .row_medical01 .btn01 {
		min-height: calc(120 / var(--break) * 100vw);
		padding: calc(8 / var(--break) * 100vw) calc(50 / var(--break) * 100vw) calc(8 / var(--break) * 100vw) calc(20 / var(--break) * 100vw);
		font-size: calc(26 / var(--break) * 100vw);
	}

	.wrap_medical01 .row_medical01 .btn01::after {
		right: calc(20 / var(--break) * 100vw);
		width: calc(24 / var(--break) * 100vw);
		height: calc(13 / var(--break) * 100vw);
	}

	/* 主な疾患 */
	.box_medical {
		padding-block: calc(70 / var(--break) * 100vw);
	}

	.box_medical .ttl02 {
		width: calc(100% - 6.4vw);
		min-height: calc(80 / var(--break) * 100vw);
		margin-bottom: calc(40 / var(--break) * 100vw);
		font-size: calc(32 / var(--break) * 100vw);
	}

	.box_medical .list_medical {
		gap: calc(24 / var(--break) * 100vw);
		width: calc(100% - 12.8vw);
		flex-direction: column;
	}

	.box_medical .list_medical .box01 {
		width: 100%;
		min-height: calc(140 / var(--break) * 100vw);
		font-size: calc(30 / var(--break) * 100vw);
	}

	.box_medical .list_medical .box01::before,
	.box_medical .list_medical .box01::after {
		width: calc(110 / var(--break) * 100vw);
		height: calc(88 / var(--break) * 100vw);
	}

	.box_medical .list_medical .box01 p {
		font-size: calc(34 / var(--break) * 100vw);
	}

	.box_medical02 {
		width: calc(100% - 6.4vw);
		padding: calc(60 / var(--break) * 100vw) 3.2vw;
	}

	.box_medical02 .list_medical02 {
		flex-direction: column;
		gap: calc(60 / var(--break) * 100vw);
	}

	.box_medical02 .box01 {
		width: 100%;
	}

	.box_medical02 .box01 .ttl01 {
		min-height: calc(85 / var(--break) * 100vw);
		font-size: calc(38 / var(--break) * 100vw);
	}

	.box_medical02 .box01 .txt01 {
		padding: calc(40 / var(--break) * 100vw) 6.4vw calc(50 / var(--break) * 100vw);
	}
}