@charset "utf-8";

/* 共通
------------------------------------------------------------------*/
.content_low .inner,
.main_page .inner,
.breads .inner {
	max-width: calc(1000px + 10%);
}

.content_low {
	padding: 100px 0 200px;
}

.main_page {
	position: relative;
	padding: 94px 0 117px;
}

.main_page .mv_img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.main_page .mv_img img {
	object-fit: cover;
	object-position: center;
	width: 100%;
	height: 100%;
}

.page_main section:not(:last-child) {
	margin-bottom: 100px;
}

.no_mgn {
	margin-bottom: 0;
}

.main_page h2 {
	color: #094;
	font-family: "Zen Maru Gothic", serif;
	font-size: 250%;
	font-weight: 700;
	line-height: 1.0;
	padding-left: 141px;
	position: relative;
}

/*.main_page h2:before {
	content: '';
	background: url('/import/tenant_1/162.43.6.105/yonemoto-dc.com/images/logo.webp') no-repeat left center;
	background-size:contain;
	width: 101px;
	height: 98px;
	position: absolute;
	top: -18px;
	left: 0;
}*/

.main_page h2 img {
	display:inline-block;
	objecrt-fit:contain;
	object-position:center;
	background-size:contain;
	width: 101px;
	height: 98px;
	position: absolute;
	top: -18px;
	left: 0;
}

.main_page h2 span {
	color: #666464;
	font-size: 35%;
	text-transform: lowercase;
	display: block;
	margin: 12px 0 0;
}

.hdg3 {
	border-bottom: dotted 2px #094;
	color: #094;
	font-family: "Zen Maru Gothic", serif;
	font-size: 137.5%;
	font-weight: 700;
	text-align: center;
	position: relative;
}

.hdg3:before {
	content: "";
	width: 45px;
	height: 20px;
	background: url('/import/tenant_1/162.43.6.105/yonemoto-dc.com/images/icn_medical_index.webp') no-repeat center / cover;
	display: block;
	margin: auto;
}

.hdg3:after {
	content: "";
	width: 100%;
	height: 15px;
	border-bottom: dotted 2px #094;
	display: block;
	margin: 0 auto 1px;
}

.hdg4 {
	text-align: center;
}

.hdg4 span {
	border-bottom: dotted 2px #8fc31f;
	color: #094;
	font-family: "Zen Maru Gothic", serif;
	font-size: 137.5%;
	font-weight: 700;
	text-align: center;
	display: inline-block;
}

.hdg4 span:after {
	content: "";
	width: 21px;
	height: 26px;
	background: url('/import/tenant_1/162.43.6.105/yonemoto-dc.com/images/icn_ttl01.webp') no-repeat center / cover;
	display: inline-block;
	position: relative;
	top: 6px;
	left: 4px;
}

.box_common01 {
	background: #f9f1e0;
	box-shadow: 0px 0px 0px 5px #f9f1e0;
	border: dotted 2px #fff;
	padding: 45px 5% 40px;
}

.box_common01.bg_teeth {
	box-shadow: 0px 0px 0px 5px #f4e3c1;
	background: url('/import/tenant_1/162.43.6.105/yonemoto-dc.com/images/bg_box.webp') #f4e3c1 no-repeat center center;
}

.box_common01 .row_box_common01 .col {
	width: 48%;
}

.box_common01 .row_box_common01 .col+dl {
	margin-top: 47px;
}

.box_common01 .ttl {
	color: #094;
	font-family: "Zen Maru Gothic", serif;
	font-size: 137.5%;
	font-weight: 700;
	text-align: center;
	margin: 0 0 17px;
}

.box_common01 .ttl02 {
	color: #094;
	font-family: "Zen Maru Gothic", serif;
	font-size: 137.5%;
	font-weight: 700;
	text-align: center;
	margin: 0 0 17px;
}

.box_common01 .ttl02:before {
	content: "";
	width: 21px;
	height: 26px;
	background: url('/import/tenant_1/162.43.6.105/yonemoto-dc.com/images/icn_ttl01.webp') no-repeat center / cover;
	display: inline-block;
	position: relative;
	top: 6px;
	right: 4px;
}

.box_common01 dt.ttl02 {
	font-size: 125%;
	text-align: left;
	text-indent: -1em;
    padding-left: 1em;
}

.box_common01 dl:not(:last-child) {
	margin-bottom: 34px;
}

.box_common01 .ttl03 {
	color: #094;
	font-family: "Zen Maru Gothic", serif;
	font-size: 137.5%;
	font-weight: 700;
	text-align: center;
	margin: 0 0 40px;
}

.box_common01 .ttl03 span {
	color: #333;
	font-size: 63.6%;
	line-height: 1.0;
	display: flex;
	align-items: center;
	width: 18%;
	margin: 8px auto 0;
}

.box_common01 .ttl03 span:before,
.box_common01 .ttl03 span:after {
	border-top: 2px dotted #8fc31f;
	content: "";
	flex-grow: 1;
}

.box_common01 .ttl03 span:before {
	margin-right: 12px;
}

.box_common01 .ttl03 span:after {
	margin-left: 12px;
}

.flow_box_surgery.ttl03 {
	color: #094;
	font-family: "Zen Maru Gothic", serif;
	font-size: 137.5%;
	font-weight: 700;
	text-align: center;
	margin: 0 0 40px;
}

.flow_box_surgery .ttl03 span {
	color: #333;
	font-size: 63.6%;
	line-height: 1.0;
	display: flex;
	align-items: center;
	width: 18%;
	margin: 8px auto 0;
}

.flow_box_surgery span:before,
.box_common01 .ttl03 span:after {
	border-top: 2px dotted #8fc31f;
	content: "";
	flex-grow: 1;
}

.boflow_box_surgeryspan:before {
	margin-right: 12px;
}

.flow_box_surgery span:after {
	margin-left: 12px;
}

.box_common02 {
	border: solid 2px #094;
	padding: 38px 38px 32px;
	margin-bottom: 60px;
}

.box_common02 .ttl {
	color: #094;
	font-family: "Zen Maru Gothic", serif;
	font-size: 137.5%;
	font-weight: 700;
	text-align: center;
	margin: 0 0 17px;
}

.box_common02 .ttl:before {
	content: "";
	width: 20px;
	height: 23px;
	background: url('/import/tenant_1/162.43.6.105/yonemoto-dc.com/images/icn_ttl02.webp') no-repeat center / cover;
	display: inline-block;
	position: relative;
	top: 3px;
	right: 10px;
}

.ttl05 {
	width: 100%;
	margin-bottom: 40px;
	padding: 10px 0 10px 55px;
	font-family: "Zen Maru Gothic", serif;
	font-weight: bold;
	font-size: 22px;
	color: #009944;
	background: rgba(143, 195, 31, 0.2);
	position: relative;
	z-index: 1;
}

.ttl05::before {
	display: block;
	content: "";
	width: 21px;
	height: 26px;
	margin: auto;
	background: url('/import/tenant_1/162.43.6.105/yonemoto-dc.com/images/icn_ttl01.webp') no-repeat center / cover;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 20px;
	z-index: 5;
}

.row_common01 .copy {
	color: #8fc31f;
	font-family: "Zen Maru Gothic", serif;
	font-weight: 700;
	margin-bottom: 24px;
}

.row_common02 {
	-webkit-flex-direction: row-reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
}

.row_common02 .copy {
	color: #8fc31f;
	font-family: "Zen Maru Gothic", serif;
	font-weight: 700;
	margin-bottom: 24px;
}

.row_common03 {
	margin-bottom: 60px;
}

.row_common03 .box {
	border: solid 2px #8fc31f;
	width: 48%;
	padding: 32px 4% 34px;
}

.row_common03 .box .ttl {
	color: #8fc31f;
	font-family: "Zen Maru Gothic", serif;
	font-size: 137.5%;
	font-weight: 700;
	margin-bottom: 26px;
}

.btn_common01 {
	border-radius: 4px;
	background: #8fc31f;
	color: #fff;
	font-size: 87.5%;
	font-family: "Zen Maru Gothic", serif;
	font-weight: 700;
	text-align: center;
	display: block;
	max-width: 310px;
	padding: 18px 5px;
	margin: 34px auto 0;
	position: relative;
}

.btn_common01:after {
	content: '';
	display: inline-block;
	border-style: solid;
	border-width: 3px 0 3px 3px;
	border-color: transparent transparent transparent #fff;
	position: absolute;
	width: 0;
	height: 0;
	margin: auto;
	top: 0;
	bottom: 0;
	right: 29px;
}
.btn_common01.back:after {
	content: '';
	border-width: 3px 3px 3px 0;
	border-color: transparent #fff transparent transparent;
	right: auto;
	left:29px;
}

.tbl_common01 {
	min-width: 600px;
	border: solid 2px #094;
	padding: 5% 7.4%;
	margin-bottom: 14px;
}

.tbl_common01 table {
	border-top: dotted 2px #8fc31f;
	width: 100%;
}

.tbl_common01 table+table {
	margin-top: 40px;
}

.tbl_common01 caption {
	color: #8fc31f;
	font-family: "Zen Maru Gothic", serif;
	font-size: 137.5%;
	font-weight: 700;
	margin-bottom: 10px;
}

.tbl_common01 th {
	border-bottom: dotted 2px #8fc31f;
	border-right: dotted 2px #8fc31f;
	width: 48.5%;
	padding: 9px 10px;
	font-weight: normal;
	text-align: left;
	vertical-align: top;
}

.tbl_common01 td {
	border-bottom: dotted 2px #8fc31f;
	padding: 9px 10px;
	text-align: right;
	vertical-align: top;
}

.tbl_common01 td span {
	display: inline-block;
	width: 6em;
	text-align: left;
}

.link_list_common {}

.link_list_common .ttl {
	color: #094;
	font-family: "Zen Maru Gothic", serif;
	font-size: 137.5%;
	font-weight: 700;
	text-align: center;
	margin: 0 0 17px;
}

.link_list_common ul.flex {
	justify-content: flex-start;
}

.link_list_common li {
	margin-bottom: 25px;
	text-align: center;
}

.link_list_common li a {
	display: inline-block;
	width: 100%;
	padding: 15px 0 30px;
	background: #f9f1e0;
	border-top: 2.5px solid #094;
	position: relative;
}

.link_list_common li a:hover {
	border-top: #8fc31f 2.5px solid;
}

.link_list_common li a::after {
	content: "";
	margin: auto;
	width: 5px;
	height: 5px;
	border: 5px solid;
	border-color: transparent transparent #565656 #565656;
	transform: rotate(-45deg);
	position: absolute;
	right: 0;
	bottom: 15px;
	left: 0;
}

@media only screen and (min-width: 961px) {
	.link_list_common li {
		width: calc(25% - 19px);
		margin-right: 25px;
	}

	.link_list_common li:nth-of-type(4n) {
		margin-right: 0;
	}
}

@media only screen and (min-width: 768px) and (max-width: 960px) {
	.link_list_common li {
		width: calc(33.33% - 17px);
		margin-right: 25px;
	}

	.link_list_common li:nth-of-type(3n) {
		margin-right: 0;
	}
}

@media only screen and (max-width: 767px) {
	.content_low {
		padding: 13vw 0 25vw;
	}

	.page_main section:not(:last-child) {
		margin-bottom: 20vw;
	}

	.col_img {
		text-align: center;
	}

	.main_page {
		background: url('/import/tenant_1/162.43.6.105/yonemoto-dc.com/images/bg_page_main_sp.webp') no-repeat center / cover;
		padding: 24.9vw 0 10.6vw;
	}

	.main_page h2 {
		font-size: 156.2%;
		padding-left: 6.6vw;
	}

	.main_page h2:before {
		display: none;
	}
	
	.main_page h2 img {
		display: none;
	}

	.main_page h2 span {
		font-size: 40%;
		margin: 1.3vw 0 0;
	}

	.hdg3:before {
		margin: 0 auto 1.3vw;
	}

	.hdg3:after {
		height: 3vw;
		margin: 0 auto 1.3vw;
	}

	.box_common01 {
		padding: 6vw 5% 7vw;
	}

	.box_common01 dl:not(:last-child) {
		margin-bottom: 4.5vw;
	}

	.box_common01 .row_box_common01 .col {
		width: 100%;
	}

	.box_common01 .row_box_common01 .col:first-child {
		margin-bottom: 4.5vw;
	}

	.box_common01 .row_box_common01 .col+dl {
		margin-top: 4.5vw;
	}

	.box_common01 .ttl {
		margin: 0 0 3.5vw;
	}

	.box_common01 .ttl02 {
		margin: 0 0 3.5vw;
	}

	.box_common01 .ttl03 {
		margin: 0 0 5.3vw;
	}

	.box_common01 .ttl03 span {
		font-size: 50%;
		width: 32vw;
	}

	.box_common01 .ttl03 span:before,
	.box_common01 .ttl03 span:after {
		border-top: 0.5vw dotted #8fc31f;
	}

	.box_common01 .ttl03 span:before {
		margin-right: 4vw;
	}

	.box_common01 .ttl03 span:after {
		margin-left: 4vw;
	}

	.box_common02 {
		padding: 5vw 5vw 4.2vw;
		margin-bottom: 11vw
	}

	.box_common02 .ttl {
		margin: 0 0 3.5vw;
	}

	.row_common01 .copy {
		margin-bottom: 3vw;
	}

	.row_common02 {
		-webkit-flex-direction: column-reverse;
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse;
	}

	.row_common02 .copy {
		margin-bottom: 3vw;
	}

	.row_common03 {
		margin-bottom: 11vw;
	}

	.row_common03 .box {
		width: 100%;
		padding: 4.2vw 5.3vw 4.5vw;
	}

	.row_common03 .box:first-child {
		margin-bottom: 5vw;
	}

	.row_common03 .box .ttl {
		margin-bottom: 3.4vw;
	}

	.btn_common01 {
		font-size: 87.5%;
		max-width: 66.6vw;
		width: 66.6vw;
		height: 16vw;
		line-height: 16vw;
		padding: 0;
		margin: 4.5vw auto 0;
	}

	.btn_common01:after {
		border-width: 0.8vw 0 0.8vw 0.8vw;
		right: 3.8vw;
	}
	
	.btn_common01.back:after {
		border-width: 0.8vw 0.8vw 0.8vw 0;
		right:auto;
		left: 3.8vw;
	}

	.tbl_common01 {
		padding: 5%;
		margin-bottom: 1vw;
	}

	.tbl_common01 table {
		padding: 9px 10px;
	}

	.tbl_common01 table+table {
		margin-top: 5.3vw;
	}

	.tbl_common01 caption {
		font-size: 125%;
	}

	.tbl_common01 th {
		width: 65%;
		padding: 2vw;
	}

	.tbl_common01 td {
		padding: 2vw;
	}

	.tbl_common01 td span {
		display: block;
		width: auto;
		text-align: right;
	}

	.link_list_common li {
		width: calc(50% - 4vw);
		margin-right: 5vw;
		margin-bottom: 5vw;
	}

	.link_list_common li:nth-of-type(2n) {
		margin-right: 0;
	}
}

/* 医院紹介 clinic
------------------------------------------------------------------*/
.box_clinic01 {
	text-align: center;
	margin: 0 auto 80px;
}

.box_clinic01 dl {
	display: flex;
	-ms-align-items: center;
	align-items: center;
	margin: 0 0 18px;
	text-align: left;
}

.box_clinic01 dt {
	color: #094;
	font-family: "Zen Maru Gothic", serif;
	font-size: 137.5%;
	font-weight: 700;
	white-space: nowrap;
	margin: 0 30px 0 0;
}

.box_clinic01 dt span {
	background: #fff;
	border-radius: 6px;
	color: #8fc31f;
	text-align: center;
	padding: 1px 12.6px;
	margin: 0 13px 0 0;
	display: inline-block;
}

.box_clinic01 dd {
	color: #666464;
	line-height: 1.5;
}

.box_clinic01 img {
	margin: 32px 0 15px;
}

.list_clinic01 {
	margin: 50px auto 100px;
}

.list_clinic01 li {
	width: 32.4%;
}

.box_clinic02 dl {
	width: 48%;
	margin: 0 0 60px;
}

.box_clinic02 dl:nth-last-child(-n+2) {
	margin: 0;
}

.box_clinic02 dt {
	background: url('/import/tenant_1/162.43.6.105/yonemoto-dc.com/images/bgc_message_index01.webp') #8fc31f;
	color: #fff;
	font-size: 137.5%;
	text-align: center;
	padding: 11px 0;
}

@media only screen and (max-width: 767px) {
	.box_clinic01 dl {
		display: block;
		margin: 0 0 4vw;
	}

	.box_clinic01 dt {
		width: 100%;
		margin: 0 0 2vw;
	}

	.box_clinic01 dd {
		width: 100%;
	}

	.box_clinic01 img {
		margin: 4vw 0 2px;
	}

	.list_clinic01 li {
		width: 48%;
		margin: 0 0 5vw;
	}

	.list_clinic01 li:nth-child(3) {
		width: 48%;
		margin: 0 auto;
	}

	.box_clinic02 dl,
	.box_clinic02 dl:nth-last-child(-2) {
		margin: 0 0 5.3vw;
	}

	.box_clinic02 dt {
		font-size: 100%;
		padding: 1.4vw 0;
	}
}

/* 院長・スタッフ紹介 staff
------------------------------------------------------------------*/
.row_staff01 {
	webkit-flex-direction: row-reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
	margin-bottom: 60px;
}

.row_staff01 .col_txt {
	width: 61.5%;
}

.row_staff01 .col_img {
	width: 33%;
}

.row_staff02 {
	margin-bottom: 60px;
}

.row_staff02 .col_txt {
	width: 56%;
}

.row_staff02 .col_img {
	width: 38%;
}

.name_staff {
	color: #8fc31f;
	font-family: "Zen Maru Gothic", serif;
	font-size: 137.5%;
	font-weight: 700;
	margin: 46px 0 0;
}

.row_staff03+.row_staff01 {
	border-top: dotted 2px #8fc31f;
	padding-top: 60px;
}

.row_staff03 .box_prof,
.row_staff04 .box_prof {
	background: #fff;
	border: solid 2px #094;
	padding: 28px 40px 36px;
}

.row_staff03 .box_prof h5,
.row_staff04 .box_prof h5 {
	color: #094;
	font-family: "Zen Maru Gothic", serif;
	font-size: 137.5%;
	font-weight: 700;
	text-align: left;
}

.row_staff03 .box_prof {
	width: 100%;
}

.unit_staff01 {
	text-align: center;
}

.unit_staff01 p {
	color: #8fc31f;
	font-family: "Zen Maru Gothic", serif;
	font-size: 137.5%;
	line-height: 1.3;
	font-weight: 700;
	margin-bottom: 56px;
}

@media only screen and (max-width: 767px) {
	.row_staff01 {
		margin-bottom: 11vw;
	}

	.row_staff01 .col_txt {
		width: 100%;
		margin-top: 5vw;
	}

	.row_staff01 .col_img {
		width: 100%;
	}

	.row_staff02 {
		margin-bottom: 11vw;
	}

	.row_staff02 .col_txt {
		width: 100%;
		margin-top: 5vw;
	}

	.row_staff02 .col_img {
		width: 100%;
	}

	.name_staff {
		margin: 4vw 0 0;
	}

	.row_staff03+.row_staff01 {
		padding-top: 11vw;
		margin: 11vw 0 11vw
	}

	.row_staff01.row_prof,
	.row_staff03.row_prof {
		margin-bottom: 5vw;
	}

	.row_staff03 .box_prof,
	.row_staff04 .box_prof {
		padding: 3.7vw 5.3vw 5vw;
	}

	.row_staff03 .box_prof h5,
	.row_staff04 .box_prof h5 {
		margin-bottom: 3vw;
	}

	.unit_staff01 p {
		font-size: 100%;
		margin-bottom: 5vw;
	}
}

/* 診療時間・アクセス access
------------------------------------------------------------------*/
.row_access01 .col_l {
	width: 45%;
	padding: 0 7.8%;
	text-align: center;
}

.row_access01 dt {
	max-width: 220px;
	margin: 0 auto;
}

.row_access01 dd {
	color: #666464;
	font-size: 87.5%;
	letter-spacing: 0.07em;
	margin: 15px 0;
}

.tel_access {
	background: #094;
	border-radius: 10px;
	color: #fff;
	font-family: century-gothic, sans-serif;
	font-size: 175%;
	font-weight: 400;
	line-height: 1.2;
	text-align: center;
	width: 100%;
	padding: 14px 0 24px;
	margin: 0 auto;
	display: inline-block;
	align-items: center;
	justify-content: center;
}

.tel_access span {
	font-family: "Zen Maru Gothic", serif;
	font-size: 50%;
	font-weight: 500;
}

.tel_access span:before {
	display: inline-block;
	transform: scaleX(-1);
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f095";
	margin: 0 7px 0 0;
}

.row_access01 .col_r {
	width: 55%;
}

.row_access01 .img_access01 {
	text-align: center;
	margin: 0 0 30px;
}

.box_timetable_access {
	background: #8fc31f;
	padding: 14px 30px 20px;
}

.timetable_access table {
	width: 100%;
}

.timetable_access thead th {
	border-bottom: solid 1px #fff;
	color: #fff;
	font-size: 87.5%;
	font-weight: 400;
	width: calc(41% / 8);
	text-align: left;
	padding: 0 0px 12px;
}

.timetable_access thead th:first-child {
	width: 28%;
	text-align: center;
	padding: 0 15% 12px 0;
	white-space: nowrap;
}

.timetable_access tbody tr th {
	color: #fff;
	font-weight: 400;
	padding: 20px 15% 2px 0;
	white-space: nowrap;
}

.timetable_access tbody tr:last-child th {
	padding: 2px 15% 0 0;
}

.timetable_access tbody tr td {
	color: #fff;
	font-size: 75%;
	width: calc(41% / 8);
	text-align: left;
	padding: 20px 0px 2px;
}

.timetable_access tbody tr:last-child td {
	padding: 2px 0px 0;
}

.timetable_access p {
	color: #666464;
	font-size: 87.5%;
	margin-top: 15px;
}

.row_access02 {
	margin-bottom: 60px;
}

.row_access02 .box_access01,
.row_access02 .box_access02 {
	width: 50%;
	padding: 0 5%;
	margin: auto;
}

.row_access02 .box_access01 dl {
	background: #4cb77c;
}

.row_access02 .box_access02 dl {
	background: #8fc31f;
}

.row_access02 dl {
	color: #fff;
	font-family: "Zen Maru Gothic", serif;
	line-height: 0.9;
	text-align: center;
	padding: 25px 25px 22px;
}


.row_access02 dd {
	margin: 17px 0 0;
	font-weight: 700;
	font-size: 137.5%;
}

.map_accesss {
	position: relative;
	width: 100%;
	padding: 450px 0 0 0;
	margin-bottom: 60px;
}

.map_accesss iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
}

.row_access03 .copy {
	color: #8fc31f;
	font-family: "Zen Maru Gothic", serif;
	font-weight: 700;
	margin-bottom: 24px;
}

@media only screen and (max-width: 767px) {
	.row_access01 .col_l {
		width: 100%;
	}

	.row_access01 .col_r {
		width: 100%;
	}

	.row_access01 .img_access01 {
		margin: 0 0 5vw;
	}

	.row_access01 dd {
		font-size: 87.5%;
		margin-bottom: 5.3vw;
		text-align: center;
	}

	.tel_access {
		width: 100%;
		padding: 2.0vw 0 4.6vw;
		margin-bottom: 6vw;
		letter-spacing: .1em;
	}

	.tel_access span:before {
		margin: 0 2.5vw 0 0;
	}

	.timetable_access {
		width: 100%;
		max-width: 100%;
		margin: 0 auto 5.3vw;
	}

	.timetable_access .tbl {
		font-size: 93.75%;
	}

	.timetable_access thead th {
		padding: 1.2vw 0 2vw;
	}

	.timetable_access thead th:first-child {
		font-size: 80%;
		letter-spacing: .1em;
	}

	.timetable_access tbody tr:first-child th:before,
	.timetable_access tbody tr:first-child th:after {
		width: calc(10 / 750 * 100vw);
	}

	.timetable_access tbody tr td {
		padding: 2.4vw 0 2vw;
	}

	.timetable_access tbody tr:last-child td {
		padding: 1vw 0 1.8vw;
	}

	.box_timetable_access {
		margin: 0 auto;
		font-size: 75%;
		padding: 4vw 5vw;
	}

	.timetable_access ul {
		display: -webkit-box;
		/*--- Androidブラウザ用 ---*/
		display: -ms-flexbox;
		/*--- IE10 ---*/
		display: -webkit-flex;
		/*--- safari（PC）用 ---*/
		display: flex;
		-webkit-justify-content: space-around;
		-ms-justify-content: space-around;
		justify-content: space-around;
		-webkit-flex-wrap: wrap;
		/* Safari */
		flex-wrap: wrap;
		font-size: 87.5%;
	}

	.timetable_access ul li {
		padding-left: 6.5vw;
	}

	.timetable_access p {
		margin-top: 2.6vw;
	}

	.row_access02 .box_access01,
	.row_access02 .box_access02 {
		width: 48%;
		padding: 0;
	}

	.row_access02 {
		margin-bottom: 11vw;
	}

	.row_access02 dl {

		line-height: 1.5;
		padding: 5.5vw 3.3vw;
	}

	.row_access02 dd {
		font-size: 100%;
	}

	.map_accesss {
		margin-bottom: 11vw;
	}

	.row_access03 .copy {
		margin-bottom: 3vw;
	}
}

/* 一般歯科 general
------------------------------------------------------------------*/
.copy_general01 {
	color: #8fc31f;
	font-family: "Zen Maru Gothic", serif;
	font-size: 137.5%;
	font-weight: 700;
	text-align: center;
	margin-bottom: 24px;
}

.txt_general01 {
	margin-bottom: 54px;
}

.row_general02 {
	margin-bottom: 60px;
}

.row_general02 dl {
	width: 32%;
	background: #f9f1e0;
	padding: 40px 30px 34px;
}

.row_general02 dt {
	border-radius: 6px;
	color: #fff;
	font-family: "Zen Maru Gothic", serif;
	font-size: 137.5%;
	font-weight: 700;
	line-height: 0.9;
	text-align: center;
	padding: 14px;
	margin-bottom: 34px;
}

.row_general02 dl:nth-child(1) dt {
	background: #094;
}

.row_general02 dl:nth-child(2) dt {
	background: #4cb77c;
}

.row_general02 dl:nth-child(3) dt {
	background: #8fc31f;
}

.img_general01 {
	margin: 0 auto 60px;
	max-width: 699px;
	width: 100%;
}

.row_general03 dl {
	width: 32%;
	background: #094;
	padding: 50px 20px 43px;
	text-align: center;
}

.row_general03 dt {
	border-bottom: dotted 2px #8fc31f;
	color: #fff;
	font-family: "Zen Maru Gothic", serif;
	font-size: 137.5%;
	font-weight: 700;
	line-height: 0.9;
	display: inline-block;
	padding: 0 3px 7px;
	margin-bottom: 20px;
}

@media only screen and (max-width: 767px) {
	.copy_general01 {
		margin-bottom: 3vw;
	}

	.row_access03 .copy {
		margin-bottom: 3vw;
	}

	.txt_general01 {
		margin-bottom: 5vw;
	}

	.row_general02 {
		margin-bottom: 11vw;
	}

	.row_general02 dl {
		width: 48%;
		padding: 5.3vw 4vw 3vw;
		margin: 0 0 5vw;
	}

	.row_general02 dl:nth-child(3) {
		width: 48%;
		margin: 0 auto;
	}

	.row_general02 dt {
		padding: 1.8vw;
		margin-bottom: 3vw;
	}

	.img_general01 {
		margin-bottom: 11vw;
	}
}

/* 小児歯科 pediatric
------------------------------------------------------------------*/
.box_pediatric01 .row_box_common01 {
	position: relative;
}

.box_pediatric01 .row_box_common01_after {
	width: 200px;
	height:200px;
	opacity: .3;
	position: absolute;
	right: 10.75%;
	bottom: 1.7%;
}

.box_pediatric01 .row_box_common01_after img{
	width: 100%;
	height:100%;
	object-position:center;
	object-fit:contain;
}

.box_pediatric01 .col dt {
	color: #094;
	font-family: "Zen Maru Gothic", serif;
	font-size: 137.5%;
	font-weight: 700;
	display: flex;
	-ms-align-items: center;
	align-items: center;
	margin: 0 0 17px;
}

.box_pediatric01 .col dt:before {
	content: "";
	width: 50px;
	height: 50px;
	margin: 0 20px 0 0;
}

.box_pediatric01 .col dl:nth-child(1) dt:before {
	background: url('/import/tenant_1/162.43.6.105/yonemoto-dc.com/images/icn_pediatric01.webp') no-repeat center / cover;
}

.box_pediatric01 .col dl:nth-child(2) dt:before {
	background: url('/import/tenant_1/162.43.6.105/yonemoto-dc.com/images/icn_pediatric02.webp') no-repeat center / cover;
}

.box_pediatric01 .col dl:nth-child(3) dt:before {
	background: url('/import/tenant_1/162.43.6.105/yonemoto-dc.com/images/icn_pediatric03.webp') no-repeat center / cover;
}

.pediatric .box_common01 .list {
	margin-bottom: 15px;
}

.pediatric .box_common01 .list li {
	width: 30%;
}

.pediatric .box_common01 .txt {
	text-align: center;
}

@media only screen and (max-width: 767px) {
	.box_pediatric01 .row_box_common01_after {
		display: none;
	}

	.box_pediatric01 .col dt {
		margin: 0 0 5.3vw;
	}

	.box_pediatric01 .col dt:before {
		margin: 0 2.6vw 0 0;
	}

	.pediatric .box_common01 .list li {
		width: 50%;
	}
}

/* 歯周病治療 perio
------------------------------------------------------------------*/
.copy_perio01 {
	color: #8fc31f;
	font-family: "Zen Maru Gothic", serif;
	font-size: 137.5%;
	font-weight: 700;
	margin-bottom: 24px;
}

.box_common01.box_perio02 {
	text-align: center;
}

.box_common01.box_perio02 .ttl03 span {
	width: 28%;
}

.box_perio02 p {
	text-align: left;
	margin-bottom: 34px;
}

.box_perio01 {
	border: solid 2px #094;
	padding: 40px 40px 34px;
	margin: 0 0 75px;
	position: relative;
}

.box_perio01 dt {
	color: #8fc31f;
	font-family: "Zen Maru Gothic", serif;
	font-size: 137.5%;
	font-weight: 700;
	padding-left: 50px;
	position: relative;
	margin-bottom: 35px;
}

.box_perio01 dt .num-box {
	background: url('/import/tenant_1/162.43.6.105/yonemoto-dc.com/images/bgc_message_index01.webp') #8fc31f;
	color: #fff;
	font-size: 72.7%;
	display: inline-block;
	text-align: center;
	width: 40px;
	height: 40px;
	line-height: 40px;
	position: absolute;
	top: 0;
	left: 0;
}

.box_perio01 .col_txt {
	width: 48%;
}

.box_perio01 .col_img {
	width: 48%;
	text-align: center;
	margin: 0 0 6px;
}

.box_perio01 .col_img p {
	color: #7fcca1;
	font-family: "Zen Maru Gothic", serif;
	font-size: 137.5%;
	font-weight: 700;
	margin: 0 0 12px;
}

.arw_list .box_perio01:before {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border-top: 35px solid #c7e18f;
	border-right: 35px solid transparent;
	border-left: 35px solid transparent;
	right: 0;
	left: 0;
	margin: auto;
	bottom: -55px;
}

.arw_list .box_perio01:last-child::before {
	display:none;
}

.ttl_perio01 {
	color: #8fc31f;
	font-family: "Zen Maru Gothic", serif;
	font-size: 137.5%;
	font-weight: 700;
	vertical-align: sub;
	margin-bottom: 25px;
}

.ttl_perio01:before {
	content: "";
	width: 20px;
	height: 26px;
	background: url('/import/tenant_1/162.43.6.105/yonemoto-dc.com/images/icn_ttl_perio.webp') no-repeat center / cover;
	display: inline-block;
	margin-right: 5px;
}

.row_perio01 ul {
	-ms-align-items: center;
	align-items: center;
}

.row_perio01 li {
	width: 38%;
}

.row_perio01 li:nth-child(2) {
	width: 24%;
	padding: 0 5%;
	text-align: center;
}

.row_common03.row_perio02 {
	border-bottom: dotted 2px #8fc31f;
	padding-bottom: 60px;
	margin-bottom: 41px;
}

.row_common03.row_perio02.no_bdr {
	border-bottom: none;
	padding-bottom: 0;
	margin-bottom: 60px;
}

.row_common03.row_perio02 .box {
	border: solid 2px #094;
}

.row_common03.row_perio02 .box .ttl {
	color: #094;
}

@media only screen and (max-width: 767px) {
	.copy_perio01 {
		margin-bottom: 3vw;
	}

	.box_common01.box_perio02 .ttl03 span {
		width: 63%;
	}

	.box_perio02 p {
		font-size: 72.7%;
		margin-bottom: 4.5vw;
	}

	.box_perio01 {
		padding: 5.3vw;
		margin: 0 0 10vw;
	}


	.box_perio01 .col_txt {
		width: 100%;
	}

	.box_perio01 .col_img {
		width: 100%;
		text-align: center;
		margin: 3vw 0 0;
	}

	.box_perio01 .col_img p {
		margin: 0 0 1.6vw;
	}

	.box_perio01.arw:before {
		border-top: 4.6vw solid #c7e18f;
		border-right: 4.6vw solid transparent;
		border-left: 4.6vw solid transparent;
		bottom: -8vw;
	}

	.ttl_perio01 {
		margin-bottom: 3.3vw;
	}

	.row_perio01 li {
		width: 43%;
	}

	.row_perio01 li:nth-child(2) {
		width: 14%;
		padding: 0 3%;
	}

	.row_common03.row_perio02 {
		padding-bottom: 8vw;
		margin-bottom: 5.4vw;
	}

	.row_common03.row_perio02.no_bdr {
		padding-bottom: 0;
		margin-bottom: 8vw;
	}
}

/* インプラント implant
------------------------------------------------------------------*/
.box_implant01 {
	background: #f4e3c1;
}

.box_implant02 {
	margin-top: 60px;
}

.row_implant01 {
	margin-top: 54px;
}

.row_implant01 .col {
	background: #f9f1e0;
	width: 32%;
	padding: 0 0 20px;
}

.row_implant01 .col dt {
	color: #fff;
	font-family: "Zen Maru Gothic", serif;
	font-size: 137.5%;
	font-weight: 700;
	line-height: 3.0;
	text-align: center;
}

.row_implant01 .col:nth-child(1) dt {
	background: #4cb77c;
}

.row_implant01 .col:nth-child(2) dt {
	background: #7fcca1;
}

.row_implant01 .col:nth-child(3) dt {
	background: #8fc31f;
}

.row_implant01 .col dd.img {
	background: #f9f1e0;
	padding: 40px 11.8% 20px;
	text-align: center;
}

.row_implant01 .col dd.txt01,
.row_implant01 .col dd.txt02 {
	border-top: dotted 2px #8fc31f;
	margin: 0 11.8%;
	padding: 20px 0 16px;
}

.row_implant01 .col dd p {
	color: #094;
	font-family: "Zen Maru Gothic", serif;
	font-size: 137.5%;
	font-weight: 700;
	line-height: 0.9;
	margin-bottom: 14px;
}

@media only screen and (max-width: 767px) {
	.box_implant02 {
		margin-top: 8vw;
	}

	.row_implant01 {
		margin-top: 7.2vw;
	}

	.row_implant01 .col {
		width: 100%;
		padding: 0 0 2.6vw;
	}

	.row_implant01 .col:not(:last-child) {
		margin: 0 0 5vw;
	}

	.row_implant01 .col dd.img {
		padding: 40px 5vw 20px;
	}

	.row_implant01 .col dd.txt01,
	.row_implant01 .col dd.txt02 {
		margin: 0 5vw;
	}

}

/* 審美治療 cosmetic
------------------------------------------------------------------*/
.box_common01.box_cosmetic01 {
	box-shadow: 0px 0px 0px 5px #f4e3c1;
	background: #f4e3c1;
}

.box_common01.box_implant02 .row_box_common01 .col {
	width: 46%;
}

.box_common01.box_implant02 .col dd:not(:last-child) {
	border-bottom: dotted 2px #8fc31f;
	padding-bottom: 14px;
	margin-bottom: 14px;
}

.ttl_cosmetic01 {
	color: #8fc31f;
	font-family: "Zen Maru Gothic", serif;
	font-size: 137.5%;
	font-weight: 700;
	margin-bottom: 32px;
}

.txt_common01+.ttl_cosmetic01 {
	margin-top: 50px;
}

@media only screen and (max-width: 767px) {
	.box_common01.box_implant02 .row_box_common01 .col {
		width: 100%;
	}

	.ttl_cosmetic01 {
		margin-bottom: 4.2vw;
	}

	.txt_common01+.ttl_cosmetic01 {
		margin-top: 6.6vw;
	}
}

/* 入れ歯 false_teeth
------------------------------------------------------------------*/
.row_false_teeth01 {
	border-bottom: dotted 2px #8fc31f;
	padding-bottom: 60px;
	margin-bottom: 60px;
}

.tbl_false_teeth01 th {
	width: 69.2%;
}

@media only screen and (max-width: 767px) {
	.row_false_teeth01 {
		padding-bottom: 8vw;
		margin-bottom: 8vw;
	}
}

/* 採用情報 recruit
------------------------------------------------------------------*/
.box_recruit01 {
	text-align: center;
	margin-bottom: 65px;
}

.box_recruit01 dt {
	color: #8fc31f;
	font-family: "Zen Maru Gothic", serif;
	font-size: 137.5%;
	font-weight: 700;
	margin-bottom: 52px;
}

.box_recruit02 dl {
	margin: 0 0 18px;
	text-align: left;
}

.box_recruit02 dt {
	color: #094;
	font-family: "Zen Maru Gothic", serif;
	font-size: 137.5%;
	font-weight: 700;
	padding-left: 50px;
	margin-bottom: 14px;
	position: relative;
}

.box_recruit02 dt span {
	position: absolute;
	top: 0px;
	left: 0;
	background: #fff;
	border-radius: 6px;
	color: #8fc31f;
	line-height: 36px;
	text-align: center;
	display: inline-block;
	width: 40px;
	height: 40px;
}

.box_recruit02 dd {
	color: #666464;
	line-height: 1.5;
	padding-left: 44px;
}

.tbl_recruit01 table {
	border: 2px solid #094;
	width: 100%;
	line-height: 1.75;
}

.tbl_recruit01 th {
	background: #e3f0c7;
	border-right: 2px solid #094;
	color: #666464;
	padding: 11px 38px;
	vertical-align: middle;
}

.tbl_recruit01 tr:not(:last-child) th {
	border-bottom: 2px solid #094;
}

.tbl_recruit01 td {
	width: 75%;
	padding: 11px 38px;
}

.tbl_recruit01 tr:not(:last-child) td {
	border-bottom: 2px solid #094;
}

.box_recruit03 {
	border: 2px solid #094;
	padding: 30px 78px 0;
}

.box_recruit03 .tbl_default table {
	border: none;
	width: 100%;
	line-height: 1.5;
}

.box_recruit03 .tbl_default th {
	background: transparent;
	color: #094;
	width: 21%;
	padding: 24px 11px;
}

.box_recruit03 .tbl_default tr:not(:last-child) th {
	border-bottom: 2px dotted #8fc31f;
	vertical-align: middle;
}

.box_recruit03 .tbl_default td {
	width: 79%;
	padding: 13px 28px;
}

.box_recruit03 .tbl_default tr:not(:last-child) td {
	border-bottom: 2px dotted #8fc31f;
}

.box_recruit03 .tbl_default td input {
	border: 1px solid #8fc31f;
	padding: 11px;
}

.box_recruit03 .tbl_default td textarea {
	border: 1px solid #8fc31f;
	max-height: 230px;

}

.box_recruit03 .tbl_default .btn_submit {
	position: relative;
}

.box_recruit03 .tbl_default .btn_submit:after {
	content: '';
	display: inline-block;
	border-style: solid;
	border-width: 3px 0 3px 3px;
	border-color: transparent transparent transparent #fff;
	position: absolute;
	width: 0;
	height: 0;
	margin: auto;
	top: 0;
	bottom: 0;
	right: 29px;
}

.box_recruit03 .tbl_default .bcc .btn_submit:after {
	border-width: 3px 3px 3px 0;
	border-color: transparent #fff transparent transparent;
	right: auto;
	left: 29px;
}

.box_recruit03 .tbl_default .btn_submit button {
	border-radius: 4px;
	background: #8fc31f;
	color: #fff;
	font-size: 87.5%;
	font-family: "Zen Maru Gothic", serif;
	font-weight: 700;
	text-align: center;
	display: block;
	max-width: 310px;
	padding: 23px 5px;
	margin: 34px auto 0;
	position: relative;
	width: 100%;
}

.box_recruit03 .tbl_default .btn_submit input:hover {
	cursor: pointer;
	opacity: .85;
	transition: .3s;
}

@media only screen and (max-width: 767px) {
	.box_recruit01 {
		margin-bottom: 8.6vw;
	}

	.tbl_recruit01 th {
		padding: 2vw 3vw 3vw;
		border-right: none;
	}

	.tbl_recruit01 td {
		padding: 2vw 3vw 3vw;
		width: 100%;
	}

	.box_recruit03 .tbl_default tr:not(:last-child) th {
		border-bottom: none;
	}

	.box_recruit01 dt {
		margin-bottom: 6.9vw;
		padding: 2vw 0vw 3vw;
	}

	.box_recruit03 {
		padding: 4vw 5vw 0;
	}

	.box_recruit03 .tbl_default th {
		width: 100%;
		padding: 4vw 3vw 0;
	}

	.box_recruit03 .tbl_default td {
		width: 100%;
		padding: 2vw 3vw 5vw;
	}

	.box_recruit03 .tbl_default .btn_submit {
		margin-top: 3vw;
	}

	.box_recruit03 .tbl_default .btn_submit input {
		margin: 0 auto;
	}
	
	.box_recruit02 dt {
	padding-left: 40px;
}

.box_recruit02 dt span {
	top: 5px;
	line-height: 26px;
	width:30px;
	height: 30px;
}
}

/* ブログ blog
------------------------------------------------------------------*/
#sidebar {
	width: 24%;
	float: left;
}

#sidebar h4 {
	background: #094;
	color: #fff;
	font-weight: 500;
	font-size: 87.5%;
	line-height: 30px;
	margin-bottom: 7px;
	text-align: center;
}

#sidebar caption {
	color: #094;
	margin-bottom: 8px;
}

#wp-calendar {
	width: 100%;
	margin-bottom: 25px;
}

#wp-calendar thead th {
	background: #f4e3c1;
	border: 1px solid #f4e3c1;
	border-right-color: #f4e3c1;
	color: #094;
	font-size: 81.25%;
	font-weight: normal;
}

#wp-calendar tbody td {
	border: 1px solid #f4e3c1;
	text-align: center;
	color: #8fc31f;
	font-size: 87.5%;
	line-height: 1.8;
}

#wp-calendar tbody td a {
	color: #009944;
	text-decoration: underline;
}

#wp-calendar tfoot td {
	font-size: 81.25%;
}

#wp-calendar tfoot td#prev {
	padding-top: 8px;
	padding-left: 10px;
}

#wp-calendar tfoot td#next {
	padding-top: 8px;
	padding-right: 10px;
	text-align: right;
}

#wp-calendar tfoot td a {
	padding-bottom: 3px;
	border-bottom: 1px solid #8fc31f;
	color: #8fc31f;
}

#sidebar ul {
	margin-bottom: 25px;
	font-size: 87.5%;
}

#sidebar ul li {
	width: 100%;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

#sidebar ul li a {
	border-bottom: 1px solid #094;
	color: #094;
	padding-bottom: 4px;
	line-height: 2.1;
}

.post_main {
	width: 71%;
	float: right;
}

.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: 30px;
}

.navigation li {
	width: 125px;
	font-size: 87.5%;
}

.navigation .navitop {
	color: #094;
	text-align: center;
}

.navigation .naviright {
	text-align: right;
}

.navigation li a {
	padding-bottom: 4px;
	border-bottom: 1px solid #094;
	color: #094;
}

.post_content img {
	max-width: 100%;
	height: auto;
}

.date_single {
	display: block;
	text-align: right;
	font-size: 13px;
	color: #666464;
	margin-top:-10px;
	margin-bottom: 40px;
}

.post_content {
	color: #666464;
	line-height: 1.75;
}

.img_thmb.img {
	width: 120px;
	height: 120px;
	display: block;
	border: 1px solid #8fc31f;
}

.thmb {
	float: left;
}

.thmb a:hover .img_thmb {
	opacity: .75;
}

.txt_post {
	padding-left: 140px;
}

.page_main section.blog_archive {
	padding-bottom: 40px;
	border-bottom: 1px solid #8fc31f;
}

.post_main section.blog_archive:not(:last-child) {
	margin-bottom: 40px;
}

.txt_post a {
	color: inherit;
}

.txt_post a:hover {
	text-decoration: underline;
}

.txt_post h4 {
	color: #094;
	width: 100%;
	line-height: 1.7;
}

.txt_post .date {
	font-size: 75%;
	color: #8fc31f;
}

.mini-date {
	font-size: 75%;
	color: #8fc31f;
}

.txt_post .txt_excerpt {
	color: #666464;
	font-size: 87.5%;
	line-height: 1.75;
	margin-top: 10px;
}

.txt_post .txt_excerpt a {
	text-decoration: underline;
	color: #009944;
}

.page_main .wp-pagenavi {
	margin-top: 65px;
	text-align: center;
	font-size: 87.5%;
}

.page_main .wp-pagenavi a,
.page_main .wp-pagenavi span {
	text-decoration: none;
	border: 1px solid #8fc31f;
	color: #8fc31f;
	padding: 4px 10px;
	margin: 2px;
}

.page_main .wp-pagenavi span.pages {
	padding: 4px 11px;
}

.page_main .wp-pagenavi a:hover,
.page_main .wp-pagenavi span.current {
	border-color: #8fc31f;
	background: #8fc31f;
	color: #fff;
}

.page_main .wp-pagenavi span.current {
	font-weight: normal;
}

@media(min-width: 768px) and (max-width:960px) {
	#sidebar {
		width: 100%;
		float: none;
	}

	.post_main {
		width: 100%;
		float: none;
		margin-bottom: 100px;
	}
}

@media(max-width: 767px) {
	#sidebar {
		width: 100%;
		float: none;
	}

	.post_main {
		width: 100%;
		float: none;
		margin-bottom: 20vw;
	}

	.thmb {
		width: 30%;
	}

	.img_thmb.img {
		display: block;
		width: 100%;
		height:auto;
	}

	.txt_post {
		padding-left: 34%;
	}

	.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;
	}
}

/* 口腔外科 surgery */
.flow_box_surgery {
	padding: 30px 50px;
	background: rgba(143, 195, 31, 0.2);
}

.flow_box_surgery .in_box {
	padding: 30px 30px;
	background: #fff;
	position: relative;
}

.flow_box_surgery .in_box:not(:last-child) {
	margin-bottom: 55px;
}

.flow_box_surgery .in_box::after {
	content: "";
	width: 0px;
	height: 0px;
	margin: auto;
	border: 30px solid;
	border-color: #009944 transparent transparent transparent;
	position: absolute;
	left: 0;
	right: 0;
	bottom: -72.5px;
}

.flow_box_surgery .in_box:last-child::after {
	content: unset;
}

.flow_box_surgery .in_box .col_txt {
	width: 59%;
}

.flow_box_surgery .in_box .num {
	display: block;
	width: 40px;
	height: 40px;
	line-height: 38px;
	margin-bottom: 10px;
	font-size: 22px;
	font-weight: bold;
	font-family: "Zen Maru Gothic", serif;
	text-align: center;
	color: #fff;
	background: #009944;
}

.flow_box_surgery .in_box .col_img {
	width: 34.5%;
}

.box_surgery_case {
	padding: 4px;
	background: rgba(0, 153, 68, 0.2);
}

.box_surgery_case .border_dottd {
	border: 1px dotted #fff;
	padding: 25px 45px 40px;
}

.box_surgery_case .ai_center {
	align-items: center;
}

.box_surgery_case .col_img {
	width: 42%;
}

.box_surgery_case .col_arrow {
	width: 7%;
}

.surgery .ttl03 {
	color: #094;
	font-family: "Zen Maru Gothic", serif;
	font-size: 137.5%;
	font-weight: 700;
	text-align: center;
	margin: 0 0 40px;
}

/*.surgery .ttl03 span {
	color: #333;
	font-size: 63.6%;
	line-height: 1.0;
	display: flex;
	align-items: center;
	width: 18%;
	margin: 8px auto 0;
}

.surgery .ttl03 span:before,
.surgery .ttl03 span:after {
	border-top: 2px dotted #8fc31f;
	content: "";
	flex-grow: 1;
}

.surgery .ttl03 span:before {
	margin-right: 12px;
}

.surgery .ttl03 span:after {
	margin-left: 12px;
}*/

@media(min-width: 768px) and (max-width:960px) {
	.flow_box_surgery .in_box .col_img {
		width: 40%;
	}

	.box_surgery_case .border_dottd {
		padding: 20px 33px 30px;
	}
}

@media(max-width: 767px) {
	.flow_box_surgery {
		padding: 3vw 5vw;
		background: rgba(143, 195, 31, 0.2);
	}

	.surgery .ttl03 {
		margin-bottom: 5vw;
	}

	/*.surgery .ttl03 span:before,
	.surgery .ttl03 span:after {
		border-top: 0.5vw dotted #8fc31f;
	}

	.surgery .ttl03 span:before {
		margin-right: 4vw;
	}

	.surgery .ttl03 span:after {
		margin-left: 4vw;
	}*/

	.flow_box_surgery .in_box {
		padding: 4vw;
	}

	.flow_box_surgery .in_box .col_txt {
		order: 1;
		width: 100%;
	}

	.flow_box_surgery .in_box .col_img {
		order: 0;
		width: 100%;
		margin-bottom: 3vw;
	}

	.flow_box_surgery .in_box::after {
		content: "";
		width: 0px;
		height: 0px;
		margin: auto;
		border: 20px solid;
		border-color: #009944 transparent transparent transparent;
		position: absolute;
		left: 0;
		right: 0;
		bottom: -55px;
	}

	.flow_box_surgery .in_box .num {
		width: 30px;
		height: 30px;
		line-height: 30px;
		font-size: 18px;
	}

	.box_surgery_case .border_dottd {
		border: 1px dotted #fff;
		padding: 3vw 5vw 4vw;
	}

	.box_surgery_case .ai_center {
		justify-content: center;
	}

	.box_surgery_case .col_img {
		width: 100%;
	}

	.box_surgery_case .col_arrow {
		width: 100%;
		margin: 4vw auto;
		text-align: center;
		transform: rotate(90deg);
	}

	.box_perio01 dt {
		margin-bottom: 4.5vw;
	}
}

.grecaptcha-badge {
	visibility: hidden;
}

/*以下追記*/
.box_clinic02 dt.for_sp {
	font-size: 100%;
}

.row_access02 dd.for_sp {
	font-size: 100%;
}

.row_default01 .copy.for_sp {
	font-size: 118.75%;
}

.row_default01 .copy.for_sp.mmn {
	font-size: 110%;
}

.copy_general01.for_sp {
	font-size: 130%;
}

.copy_perio01.for_sp {
	font-size: 130%;
}

.box_common01 .ttl02.for_sp {
	font-size: 128%;
}

.mini {
	font-size: 14px;
}

.box_common02 .ttl.for_sp {
	font-size: 115%;
}

.box_common01.flow_box_surgery {
	box-shadow: none;
	border: none;
}

.box_surgery_case.box_common01 {
	box-shadow: none;
	border: none;
}

.checkboxer label {
	display: inline-block;
	margin: 0.5em 0;
	padding: 0 10px 0 24px;
	position: relative;
	margin-right: 15px;
}

.checkboxer label::before {
	content: "";
	width: 20px;
	height: 20px;
	display: block;
	border: 2px solid #dcdcdc;
	border-radius: 3px;
	background-color: white;
	position: absolute;
	top: 3px;
	left: 0;
}

.checkboxer label:hover {
	text-decoration: underline;
	cursor: pointer;
}

.checkboxer input {
	display: none;
}

.checkboxer input:checked+label {
	text-decoration: underline;
}

.checkboxer input:checked+label::after {
	content: "\f00c";
	width: 0;
	height: 0;
	display: inline-block;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	font-size: 20px;
	color: #009944;
	line-height: 1;
	background-color: transparent;
	position: absolute;
	top: 2px;
	left: 2px;
	text-decoration: none;
}

/* ##### ページネーション pager ##### */
.pager {
	width: 100%;
	margin: clamp(1.875rem, 1.31rem + 2.42vw, 3.125rem) 0;
}

.pager-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.pager-list.-left {
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}

.pager-list.-right {
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}

.pager-list li {
	width: 2em;
	height: 2em;
	margin: 0 0.5em;
}

.pager-list li a,
.pager-list li .now {
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	align-items: center;
	-ms-flex-align: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding: 1em 0;
	font-size: 1em;
	color: #fff;
	line-height: 1;
	border: 1px solid #8fc31f;
	background-color: #8fc31f;
	position: relative;
}

.pager-list li a a:hover,
.pager-list li .now a:hover {
	color: #8fc31f;
	border: 1px solid #8fc31f;
	background-color: #fff;
	opacity: 1;
}


.pager.-circle-list li a,
.pager.-circle-list li .now {
	border-radius: 100%;
}

.pager.-deformation-list li a,
.pager.-deformation-list li .now {
	border-radius: 0.5em 0;
}

.contents-area h2 {
	line-height: 1.4;
	background-color: #009944;
	color: #fff;
	padding: 1rem;
	position: relative;
	margin: 3rem 0 1rem;
	font-weight: 500;
	font-size: 22px;
}

.contents-area h3 {
	line-height: 1.4;
	font-weight: 600;
	padding: 0.6em;
	border-left: 10px solid #009944;
	margin: 3rem 0 1rem;
	font-size: 20px;
}

.contents-area h4 {
	font-size: 18px;
	font-weight: 600;
	padding: 0.4em;
	border-bottom: 2px solid #009944;
	margin: 3rem 0 1rem;
}

.contents-area ul li {
	position: relative;
	padding-left: 1.2em;
}

.contents-area ul li::before {
	content: "■";
	color: #009944;
	position: absolute;
	top: 0;
	left: 0;
}

.contents-area ol li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: baseline;
	align-items: baseline;
	-ms-flex-align: baseline;
	list-style-type: none;
	counter-increment: cnt;
}

.contents-area ol li::before {
	content: ""counter(cnt)".";
	margin-right: 10px;
	font-weight: bold;
	font-size: 150%;
	color: #009944;
}

.contents-area iframe[src*="youtube"] {
	aspect-ratio: 16 / 9;
	margin-top: 1em;
	margin-bottom: 1em;
	width: 100%;
	height: 100%;
}

.t_span{
          letter-spacing: -.05em;
}

.indents{
  padding-left: 20px;
    text-indent: -10px;
}

.indents i{
  margin-right:7px;
}

.indents_em{
  padding-left: 1em;
    text-indent: -1em;
}


@media(max-width:599px) {
	.contents-area h2 {
		font-size: 20px;
	}

	.contents-area h3 {
		font-size: 18px;
	}

	.contents-area h4 {
		font-size: 16px;
	}
}

.benz {
	width: 100%;
	position: relative;
	max-width: 700px;
	margin-left: auto;
	margin-right: auto;
}

.benz::after {
	content: "";
	width: 100%;
	display: block;
	padding-top: 100%;
	z-index: -100;
}

.b_col {
	display: block;
	width: 50%;
	height: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.b_row {
	display: flex;
	align-items: center;
	width: 100%;
	height: 50%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.b_center {
	display: block;
	width: 35%;
	height: 35%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.blk {
	background-color: rgba(0, 153, 68, 0.8);
	border-radius: 50%;
	overflow: hidden;
	border: 1px solid #fff;
}

.blk01,
.blk02 {
	width: 100%;
	height: 50%;
	position: relative;
}

.blk03,
.blk04 {
	width: 50%;
	height: 100%;
	position: relative;
}

.blk05 {
	width: 100%;
	height: 100%;
	position: relative;
	background-color: #8fc31f;
	border-radius: 50%;
	overflow: hidden;
	border: none;
}

.benz_inner {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	width: 100%;
	height: 100%;
}

.benz_title {
	color: #fff;
	font-family: "Zen Maru Gothic", serif;
	font-size: 22px;
	font-weight: 500;
	line-height: 1.5;
	border-bottom: 2px dotted #8fc31f;
}

.blk05 .benz_title {
	border-bottom: 2px dotted #009944;
}

.benz_img {
	width: 80px;
	margin-top: 15px;
}

.blk01 {
	padding-bottom: 30%;
}

.blk02 {
	padding-top: 30%;
}

.blk03 {
	padding-right: 15%;
}

.blk04 {
	padding-left: 15%;
}

@media(max-width:767px) {
	.benz_title {
		font-size: 16px;
	}

	.benz_img {
		width: 60px;
		margin-top: 10px;
	}
}

.colimg {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	max-width: 730px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}

.colimg-col {
	width: 32%;
	position: relative;
	z-index: 2;
}

.colimg-item {
	width: 100%;
	display: block;
	background-color: #009944;
	color: #fff;
	font-family: "Zen Maru Gothic", serif;
	font-size: 20px;
	text-align: center;
	padding: 10px 0;
	margin: 15px 0;
}

.colcenter {
	width: 42%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 1;
	border-radius: 50%;
	border: 20px solid #FFF;
}

.colcenter::after {
	content: "";
	width: 100%;
	display: block;
	padding-top: 100%;
}

.colball_inner {
	border-radius: 50%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	background-color: #4cb77c;
	border: 20px solid #a5dbbd;
}

.colball_title {
	color: #fff;
	font-family: "Zen Maru Gothic", serif;
	font-size: 20px;
	font-weight: 500;
}

.colball_img {
	width: 65%;
}

@media(max-width:767px) {
	.colimg {
		flex-direction: column;
	}

	.colimg-col {
		width: 100%;
		padding: 0 30px;
		max-width: 400px;
	}

	.left-col {
		margin-bottom: 200px;
	}

	.colimg-item {
		font-size: 16px;
		text-align: center;
		padding: 7px 0;
		margin: 8px 0;
	}

	.colcenter {
		width: 90%;
		max-width: 500px;
	}

	.colball_img {
		width: 50%;
		max-width: 150px;
	}
}

#recruit04 .tel>a{
  display:inline;
}

.n-title{
  color: #094;
}
