@charset "utf-8";

/*		Contents
---------------------------------------------------------------------------

	HOME							[ / ]
	院長・スタッフ紹介				[ /staff/ ]
	医院ツアー						[ /tour/ ]
	料金表							[ /price/ ]
	アクセス・診療カレンダー		[ /access/ ]
	お問い合わせ					[ /contact/ ]
	診療メニュー					[ /menu/ ]

------------------------------------------------------------------------ */

/* ========================================================================
	HOME							[ / ]
======================================================================== */
#home p {
	margin: 0;
}


/* ----------------------------------------
	widget_btn
---------------------------------------- */
#home .widget_btn {
	margin: 0;
}

@media screen and (max-width:767px) {
	#home .widget_btn {
		margin: 0 20px;
	}
}


/* ----------------------------------------
	point
---------------------------------------- */
#home .point {
	background: url(../../img/home/bg_main01.png) no-repeat center;
	background-size: cover;
}

#home .point .inner {
	padding: 410px 0 120px 0;
}

#home .point h2 {
	position: absolute;
	top: 420px;
	left: -78px;
	font-size: 4.8rem;
	color: #FFFFFF;
	line-height: 1;
	z-index: 1;
}

@media screen and (max-width:767px) {
	#home .point {
		padding: 30px 0 50px 0;
	}

	#home .point .inner {
		padding: 0 20px;
	}

	#home .point h2 {
		position: relative;
		top: auto;
		left: auto;
		margin: 0 0 -16px 2px;
		font-size: 2.4rem;
	}
}


/* img
---------------------------------------- */
#home .point .img {
	position: absolute;
	top: 80px;
	right: 0;
}

#home .point .img::before,
#home .point .img::after {
	content: "";
	position: absolute;
	top: -14px;
	left: -76px;
	width: 240px;
	height: 232px;
	background: url(../../img/home/line_point.png) no-repeat center;
}

#home .point .img::after {
	top: auto;
	left: auto;
	bottom: -62px;
	right: -78px;
}

#home .point .img img {
	clip-path: polygon(150px 0, 100% 0, 100% calc(100% - 100px), calc(100% - 100px) 100%, 0 100%, 0 150px);
}

@media screen and (max-width:767px) {
	#home .point .img {
		position: static;
		margin: 0 -20px 22px;
	}

	#home .point .img::before,
	#home .point .img::after {
		content: none;
	}

	#home .point .img img {
		clip-path: none;
	}
}


/* box
---------------------------------------- */
#home .point .box {
	position: relative;
	width: 575px;
	margin: 0 0 64px 0;
}

#home .point .box::before {
	content: "";
	position: absolute;
	top: 10px;
	left: 10px;
	width: 100%;
	height: 100%;
	background: rgba(64, 62, 61, 0.5);
	mix-blend-mode: multiply;
}

#home .point .box ul {
	display: flex;
	flex-direction: column;
	justify-content: center;
	position: relative;
	height: 330px;
	padding: 0 0 0 100px;
	background: #403E3D;
	color: #FFFFFF;
}

#home .point .box ul li {
	padding: 12px 0;
	font-size: 2.0rem;
	line-height: 3.1rem;
}

#home .point .box ul li img {
	margin: 0 15px 0 0;
}

#home .point .box ul li span {
	margin: 0 8px 0 0;
	background: linear-gradient(transparent 0% 80%, rgba(255, 216, 0, 0.3) 80% 100%, transparent 100% 100%) no-repeat center bottom 2px;
	font-size: 2.8rem;
}

@media screen and (max-width:767px) {
	#home .point .box {
		width: auto;
		margin: 0 0 30px 0;
	}

	#home .point .box::before {
		top: 5px;
		left: 5px;
	}

	#home .point .box ul {
		display: grid;
		height: auto;
		padding: 30px 0;
	}

	#home .point .box ul li {
		padding: 10px 0;
		font-size: 1.4rem;
		line-height: 2.4rem;
		white-space: nowrap;
	}

	#home .point .box ul li img {
		width: 36px;
		margin: 0 10px 0 0;
	}

	#home .point .box ul li span {
		margin: 0 4px 0 0;
		font-size: 2.0rem;
	}
}


/* ----------------------------------------
	staff
---------------------------------------- */
#home .staff {
	position: relative;
	min-height: 800px;
	background: url(../../img/home/bg_staff.png) no-repeat left top;
}

#home .staff::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 360px;
	height: 800px;
	background: rgba(101, 90, 79, 0.24);
	mix-blend-mode: multiply;
}

@media screen and (max-width:767px) {
	#home .staff {
		min-height: auto;
		padding: 90px 0 50px 0;
		background: url(../../img/home/bg_staff.png) no-repeat left -50px top;
		background-size: 225px 500px;
	}

	#home .staff::before {
		left: -50px;
		width: 225px;
		height: 500px;
	}
}


/* img
---------------------------------------- */
#home .staff .img {
	position: absolute;
	top: 120px;
	right: 50%;
	width: 1460px;
	margin: 0 -500px 0 0;
}

#home .staff .img::before {
	content: "";
	position: absolute;
	bottom: 0;
	right: 0;
	border-style: solid;
	border-color: transparent transparent #ffffff transparent;
	border-width: 0 0 100px 100px;
}

#home .staff .img::after {
	content: "";
	position: absolute;
	bottom: -76px;
	right: -76px;
	width: 252px;
	height: 244px;
	background: url(../../img/home/line_staff.png) no-repeat center;
}

#home .staff .img span {
	overflow: hidden;
	display: block;
	height: 530px;
}

#home .staff .img img {
	margin: -130px 0 0 0;
}

@media screen and (max-width:767px) {
	#home .staff .img {
		position: relative;
		top: auto;
		right: auto;
		width: auto;
		margin: 0 0 50px -20px;
		padding: 0 40px 0 0;
	}

	#home .staff .img::before {
		right: 40px;
		border-width: 0 0 50px 50px;
	}

	#home .staff .img::after {
		bottom: -30px;
		right: -7px;
		width: 126px;
		height: 122px;
		background-size: cover;
	}

	#home .staff .img span {
		height: auto;
	}

	#home .staff .img img {
		height: 320px;
		object-fit: cover;
		margin: 0;
	}
}


/* block
---------------------------------------- */
#home .staff .block {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
}

#home .staff .block>* {
	position: relative;
}

#home .staff .block h2 {
	padding: 160px 40px 40px 0;
	font-size: 4.8rem;
	color: #655A4F;
	line-height: 1;
}

#home .staff .block p.lead {
	margin: 0 -0.5em 40px 0;
	font-size: 3.2rem;
}

@media screen and (max-width:767px) {
	#home .staff .block {
		display: grid;
		justify-content: right;
	}

	#home .staff .block h2 {
		padding: 0 0 10px 0;
		font-size: 2.4rem;
	}

	#home .staff .block p.lead {
		margin: 0 0 20px 0;
		font-size: 2.0rem;
		line-height: 3.6rem;
	}
}


/* widget_btn
---------------------------------------- */
#home .staff .widget_btn {
	position: relative;
	justify-content: flex-end;
}

@media screen and (max-width:767px) {
	#home .staff .widget_btn {
		position: relative;
		justify-content: center;
	}
}


/* ----------------------------------------
	clinic
---------------------------------------- */
#home .clinic {
	padding: 150px 0 50px 0;
	background: url(../../img/home/bg_main02.png) no-repeat center;
	background-size: cover;
}

#home .clinic .inner>div {
	display: flex;
	margin: 0 0 100px 0;
}

@media screen and (max-width:767px) {
	#home .clinic {
		padding: 50px 0 10px 0;
	}

	#home .clinic .inner>div {
		display: block;
		margin: 0 0 40px 0;
	}
}


/* img
---------------------------------------- */
#home .clinic .img {
	position: relative;
	margin: 0 77px 0 0;
	filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.3));
}

#home .clinic .room .img {
	order: 2;
	margin: 0 0 0 77px;
}

#home .clinic .img::before,
#home .clinic .img::after {
	content: "";
	position: absolute;
	top: -33px;
	left: 103px;
	width: 192px;
	height: 1px;
	background: #655A4F;
	transform: rotate(135deg);
	transform-origin: left top;
}

#home .clinic .img::after {
	top: auto;
	left: auto;
	bottom: -33px;
	right: 103px;
	transform-origin: right bottom;
}

#home .clinic .img img {
	clip-path: polygon(70px 0, 100% 0, 100% calc(100% - 70px), calc(100% - 70px) 100%, 0 100%, 0 70px);
}

@media screen and (max-width:767px) {

	#home .clinic .img,
	#home .clinic .room .img {
		margin: 0 0 20px 0;
	}

	#home .clinic .img::before,
	#home .clinic .img::after {
		top: -7px;
		left: 42px;
		width: 70px;
	}

	#home .clinic .img::after {
		top: auto;
		left: auto;
		bottom: -7px;
		right: 42px;
	}

	#home .clinic .img img {
		width: 100%;
		clip-path: polygon(35px 0, 100% 0, 100% calc(100% - 35px), calc(100% - 35px) 100%, 0 100%, 0 35px);
	}
}


/* block
---------------------------------------- */
#home .clinic .block {
	flex: 1;
}

#home .clinic .block h2 {
	margin: 0 0 30px 0;
	text-align: left;
}

#home .clinic .block h3 a {
	display: block;
	margin: 0 0 20px 0;
	padding: 0 38px 10px 0;
	background: url(../../img/common/arrow_02.png) no-repeat right top;
	background-size: 28px;
	border-bottom: 1px solid #655A4F;
	font-size: 2.2rem;
	color: #333333;
	line-height: 2.8rem;
	text-decoration: none;
}

@media screen and (max-width:767px) {
	#home .clinic .block h2 {
		margin: 0 0 10px 0;
		text-align: left;
	}

	#home .clinic .block h3 a {
		padding: 10px 32px 10px 0;
		background-position: right center;
		background-size: 22px;
		font-size: 2.0rem;
		line-height: 2.6rem;
	}
}


/* ----------------------------------------
	promise
---------------------------------------- */
#home .promise {
	padding: 100px 0 80px 0;
	background: url(../../img/home/bg_promise.png) no-repeat center;
	background-size: cover;
}

#home .promise .inner {
	padding: 0 100px;
}

#home .promise h2 {
	position: relative;
	margin: 0 0 10px 0;
	text-align: right;
	font-size: 3.2rem;
	color: #655A4F;
	line-height: 1;
}

#home .promise h2::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	margin: 0 0 0 525px;
	width: 50%;
	height: 1px;
	background: #655A4F;
}

#home .promise p.lead {
	position: absolute;
	top: 66px;
	right: 100px;
	writing-mode: vertical-rl;
	font-size: 3.2rem;
	letter-spacing: 0.1em;
}

#home .promise p.lead span {
	display: block;
	margin: 1em 0 0 0;
	color: #333333;
}

#home .promise p.lead span:last-child {
	margin-top: 8em;
}

#home .promise ul li {
	position: relative;
	width: 720px;
	padding: 35px 0 0 20px;
}

#home .promise ul li h3 {
	position: absolute;
	top: 0;
	left: 0;
	padding: 27px 25px;
	background: #655A4F;
	font-size: 2.8rem;
	color: #FFFFFF;
	line-height: 1;
	z-index: 1;
}

#home .promise ul li h3 span {
	padding: 0 5px;
	background: linear-gradient(transparent 0% 75%, rgba(255, 216, 0, 0.3) 75% 100%, transparent 100% 100%);
}

#home .promise ul li p {
	padding: 20px 0 40px 0;
	font-size: 1.4rem;
}

@media screen and (max-width:767px) {
	#home .promise {
		padding: 50px 0 10px 0;
		background: url(../../img/home/bg_promise.png) repeat-y left -180px center;
		background-size: 960px 559px;
	}

	#home .promise .inner {
		padding: 0 20px;
	}

	#home .promise h2 {
		margin: 0 0 20px 0;
		text-align: left;
		font-size: 2.0rem;
	}

	#home .promise h2::before {
		left: 120px;
		margin: 0;
		width: 100%;
	}

	#home .promise p.lead {
		position: static;
		writing-mode: horizontal-tb;
		margin: 0 0 30px 0;
		font-size: 2.4rem;
		letter-spacing: normal;
	}

	#home .promise p.lead span,
	#home .promise p.lead span:last-child {
		margin: 0;
	}

	#home .promise ul li {
		width: auto;
		padding: 30px 0 0 0;
	}

	#home .promise ul li h3 {
		padding: 15px;
		font-size: 1.6rem;
	}
}


/* block
---------------------------------------- */
#home .promise .btn a {
	display: block;
	position: relative;
	box-shadow: 6px 6px 0 0 rgba(101, 90, 79, 0.5);
}

#home .promise .btn a::before {
	content: "";
	position: absolute;
	bottom: 0;
	right: 0;
	width: 44px;
	height: 44px;
	background: url(../../img/home/arrow_promise.png) no-repeat right bottom;
	background-size: 44px;
}

#home .promise .btn img {
	width: 100%;
	height: 160px;
	object-fit: cover;
}

@media screen and (max-width:767px) {
	#home .promise .btn a {
		box-shadow: 4px 4px 0 0 rgba(101, 90, 79, 0.5);
	}

	#home .promise .btn img {
		height: 200px;
	}
}


/* ----------------------------------------
	message
---------------------------------------- */
#home .message {
	background: url(../../img/home/bg_main01.png) no-repeat center;
	background-size: cover;
}

#home .message .inner {
	display: flex;
	align-items: flex-start;
	padding: 180px 0 103px 0;
}

@media screen and (max-width:767px) {
	#home .message .inner {
		display: block;
		padding: 50px 20px 10px;
	}
}


/* img
---------------------------------------- */
#home .message .img {
	position: relative;
	margin: 0 117px 27px 0;
}

#home .message .img::before,
#home .message .img::after {
	content: "";
	position: absolute;
	top: -56px;
	left: -58px;
	width: 184px;
	height: 178px;
	background: url(../../img/home/line_message.png) no-repeat center;
}

#home .message .img::after {
	top: auto;
	left: auto;
	bottom: -56px;
	right: -58px;
}

#home .message .img img {
	clip-path: polygon(70px 0, 100% 0, 100% calc(100% - 70px), calc(100% - 70px) 100%, 0 100%, 0 70px);
}

@media screen and (max-width:767px) {
	#home .message .img {
		margin: 0 0 20px 0;
	}

	#home .message .img::before,
	#home .message .img::after {
		top: -7px;
		left: 42px;
		width: 70px;
		height: 1px;
		background: #FFFFFF;
		transform: rotate(135deg);
		transform-origin: left top;
	}

	#home .message .img::after {
		top: auto;
		left: auto;
		bottom: -7px;
		right: 42px;
		transform-origin: right bottom;
	}

	#home .message .img img {
		width: 100%;
		clip-path: polygon(35px 0, 100% 0, 100% calc(100% - 35px), calc(100% - 35px) 100%, 0 100%, 0 35px);
	}
}


/* block
---------------------------------------- */
#home .message .block {
	flex: 1;
}

#home .message .block h2 {
	margin: 0 0 20px 0;
	text-align: left;
}

#home .message .block h2 span.en {
	color: #FFFFFF;
}

#home .message .block p {
	margin: 0 0 27px 0;
	font-size: 1.8rem;
	color: #FFFFFF;
}

#home .message .block p.lead {
	margin: 0 0 25px 0;
	padding: 0 0 10px 0;
	border-bottom: 1px solid #FFFFFF;
	font-size: 3.2rem;
	line-height: 4.2rem;
}

@media screen and (max-width:767px) {
	#home .message .block p {
		margin: 0 0 20px 0;
		font-size: 1.6rem;
	}

	#home .message .block p.lead {
		margin: 0 0 20px 0;
		font-size: 2.0rem;
		line-height: 2.8rem;
	}
}


/* splide
---------------------------------------- */
#home .message .splide {
	padding: 19px 0;
	background: #403E3D;
}

@media screen and (max-width:767px) {
	#home .message .splide {
		padding: 20px;
	}

	#home .message .splide ul {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 10px;
	}

	#home .message .splide ul li img {
		width: 100%;
	}
}


/* ----------------------------------------
	menu
---------------------------------------- */
#home .menu {
	margin: 0 0 80px 0;
	padding: 100px 0 120px 0;
	background: url(../../img/home/bg_main02.png) no-repeat center;
	background-size: cover;
}

#home .menu ul {
	display: flex;
	flex-wrap: wrap;
	gap: 20px 21px;
}

#home .menu ul li {
	width: 284px;
}

#home .menu ul li a {
	display: flex;
	flex-direction: column;
	align-items: center;
	height: 130px;
	padding: 25px 0 0 0;
	clip-path: polygon(32px 0, 100% 0, 100% calc(100% - 27px), calc(100% - 32px) 100%, 0 100%, 0 27px);
	background: url(../../img/home/arrow_menu.png) no-repeat center bottom 12px #655a4f;
	background-size: 16px 10px;
	border: 10px solid #766a5f;
	font-size: 2.4rem;
	color: #FFFFFF;
	line-height: 1;
	text-decoration: none;
}

#home .menu ul li span {
	width: 200px;
	margin: 6px 0 0 0;
	padding: 4px 0 0 0;
	border-top: 1px solid #FFFFFF;
	text-align: center;
	font-size: 1.4rem;
	letter-spacing: 0.1em;
}

@media screen and (max-width:767px) {
	#home .menu {
		margin: 0 0 40px 0;
		padding: 50px 0;
	}

	#home .menu ul {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 15px;
	}

	#home .menu ul li {
		width: auto;
	}

	#home .menu ul li a {
		height: 100%;
		padding: 15px 10px 30px;
		clip-path: polygon(16px 0, 100% 0, 100% calc(100% - 16px), calc(100% - 16px) 100%, 0 100%, 0 16px);
		background-position: center bottom 10px;
		font-size: 1.6rem;
	}

	#home .menu ul li span {
		width: calc(100% - 10px);
		font-size: 1.2rem;
	}
}


/* ----------------------------------------
	feature
---------------------------------------- */
#home .feature {
	position: relative;
	background: #F4F4F4;
	padding: 0 0 20px 0;
}

#home .feature::before,
#home .feature::after {
	content: "";
	position: absolute;
	top: 250px;
	left: 0;
	border-style: solid;
	border-color: #EDE9E5 transparent transparent transparent;
	border-width: 695px 750px 0 0;
}

#home .feature::after {
	top: auto;
	left: auto;
	bottom: 0;
	right: 0;
	border-color: transparent transparent #EDE9E5 transparent;
	border-width: 0 0 695px 750px;
}

#home .feature h2 {
	position: relative;
	height: 250px;
	margin: 0 0 150px 0;
	padding: 68px 0 0 0;
	background: #655A4F;
	text-align: center;
	font-size: 4.8rem;
	color: #FFFFFF;
	line-height: 1;
}

#home .feature h2::before,
#home .feature h2::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 250px;
	height: 250px;
	background: url(../../img/home/h2_feature.png) no-repeat center;
	mix-blend-mode: multiply;
}

#home .feature h2::after {
	left: auto;
	right: 0;
	transform: scale(-1, 1);
}

#home .feature h2 span {
	display: block;
	margin: 0 0 26px 0;
	font-size: 3.2rem;
}

#home .feature h2 span.color {
	display: inline-block;
	margin: 0;
	vertical-align: text-bottom;
	font-size: 8.9rem;
	color: #FFD800;
	letter-spacing: 0.1em;
}

#home .feature .inner {
	z-index: 1;
}

#home .feature .inner>ul {
	padding: 0 10px 0 0;
}

#home .feature .inner>ul>li {
	position: relative;
	margin: 0 0 100px 0;
}

@media screen and (max-width:767px) {
	#home .feature {
		padding: 0 0 50px 0;
	}

	#home .feature::before,
	#home .feature::after {
		top: 125px;
		border-width: 180px 200px 0 0;
	}

	#home .feature::after {
		top: auto;
		left: auto;
		bottom: 0;
		right: 0;
		border-width: 0 0 180px 200px;
	}

	#home .feature h2 {
		height: 125px;
		margin: 0 0 50px 0;
		padding: 24px 0 0 0;
		font-size: 2.4rem;
	}

	#home .feature h2::before,
	#home .feature h2::after {
		width: 125px;
		height: 125px;
		background-size: 125px;
	}

	#home .feature h2 span {
		margin: 0;
		font-size: 2.0rem;
	}

	#home .feature h2 span.color {
		font-size: 6.4rem;
	}

	#home .feature .inner>ul {
		padding: 0;
	}

	#home .feature .inner>ul>li {
		margin: 0 0 60px 0;
	}

	#home .feature .inner>ul>li:last-child {
		margin: 0;
	}
}


/* num
---------------------------------------- */
#home .feature .num {
	position: absolute;
	top: -52px;
	left: 10px;
	font-size: 10.5rem;
	color: #B1A79D;
	line-height: 1;
	z-index: 1;
}

@media screen and (max-width:767px) {
	#home .feature .num {
		top: -45px;
		font-size: 8.0rem;
	}
}


/* box
---------------------------------------- */
#home .feature .box {
	filter: drop-shadow(10px 10px 0 rgba(101, 90, 79, 0.2));
}

#home .feature .box h3 {
	position: relative;
	margin: 0 0 20px 0;
	padding: 20px 0 15px 0;
	text-align: center;
	font-size: 3.2rem;
	color: #655A4F;
	line-height: 1;
}

#home .feature .box h3::before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 100px;
	height: 1px;
	background: #707070;
}

#home .feature .box h3 span {
	display: block;
	margin: 0 0 10px 0;
	font-size: 1.8rem;
}

#home .feature .box p {
	margin: 0 0 20px 0;
	font-size: 1.4rem;
}

#home .feature .box ul {
	display: flex;
	flex-wrap: wrap;
	gap: 4px 10px;
}

#home .feature .box ul li {
	padding: 4px 8px;
	background: #655a4f;
	border-radius: 2px;
	font-size: 1.4rem;
	color: #FFFFFF;
	line-height: 2.0rem;
}

@media screen and (max-width:767px) {
	#home .feature .box h3 {
		padding: 20px 0 10px 0;
		font-size: 2.4rem;
		line-height: 3.2rem;
	}

	#home .feature .box h3 span {
		margin: 0 0 6px 0;
		font-size: 1.6rem;
		line-height: 1;
	}

	#home .feature .box ul li {
		padding-left: calc(1em + 8px);
		text-indent: -1em;
	}
}


/* ---------- img ---------- */
#home .feature .box .img {
	position: absolute;
	top: 24px;
	left: 40px;
}

#home .feature .box .img img {
	clip-path: polygon(40px 0, 100% 0, 100% calc(100% - 40px), calc(100% - 40px) 100%, 0 100%, 0 40px);
}

@media screen and (max-width:767px) {
	#home .feature .box .img {
		position: static;
	}

	#home .feature .box .img img {
		width: 100%;
		clip-path: polygon(15px 0, 100% 0, 100% calc(100% - 15px), calc(100% - 15px) 100%, 0 100%, 0 15px);
	}
}


/* clippath
---------------------------------------- */
#home .feature .clippath {
	position: relative;
	min-height: 323px;
	padding: 24px 90px 24px 660px;
	clip-path: polygon(60px 0, 100% 0, 100% calc(100% - 60px), calc(100% - 60px) 100%, 0 100%, 0 60px);
	background: #FFFFFF;
	border: 1px solid #707070;
}

#home .feature ul li:nth-child(even) .clippath {
	background: #F8F2EC;
}

#home .feature .clippath::before,
#home .feature .clippath::after {
	content: "";
	position: absolute;
	top: 0;
	left: 59px;
	width: 84px;
	height: 1px;
	background: #655A4F;
	transform: rotate(135deg);
	transform-origin: left top;
}

#home .feature .clippath::after {
	top: auto;
	left: auto;
	bottom: 0;
	right: 59px;
	transform-origin: right bottom;
}

@media screen and (max-width:767px) {
	#home .feature .clippath {
		min-height: auto;
		padding: 15px 15px 30px 15px;
		clip-path: polygon(15px 0, 100% 0, 100% calc(100% - 15px), calc(100% - 15px) 100%, 0 100%, 0 15px);
	}

	#home .feature .clippath::before,
	#home .feature .clippath::after {
		left: 14px;
		width: 20px;
	}

	#home .feature .clippath::after {
		left: auto;
		right: 14px;
	}
}


/* ----------------------------------------
	first
---------------------------------------- */
#home .first {
	min-height: 928px;
	background: url(../../img/home/bg_main01.png) no-repeat center;
	background-size: cover;
}

#home .first .inner {
	padding: 165px 0 140px 724px;
}

#home .first h2 {
	position: relative;
	margin: 0 0 45px 0;
	padding: 0 0 30px 0;
	text-align: center;
	font-size: 3.2rem;
	color: #FFFFFF;
	line-height: 1
}

#home .first h2::before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 140px;
	height: 1px;
	background: #FFFFFF;
}

#home .first p {
	margin: 0 0 27px 0;
	font-size: 1.8rem;
	color: #FFFFFF;
}

@media screen and (max-width:767px) {
	#home .first {
		min-height: auto;
		padding: 50px 0;
	}

	#home .first .inner {
		padding: 0 20px;
	}

	#home .first h2 {
		margin: 0 0 20px 0;
		padding: 0 0 20px 0;
		text-align: left;
		font-size: 2.0rem;
	}

	#home .first h2::before {
		left: 0;
		transform: none;
		width: 80px;
	}

	#home .first p {
		margin: 0 0 20px 0;
		font-size: 1.6rem;
	}
}


/* img
---------------------------------------- */
#home .first .img {
	position: absolute;
	top: 120px;
	right: 50%;
	width: 970px;
	margin: 0 -10px 0 0;
}

#home .first .img::after {
	content: "";
	position: absolute;
	bottom: -76px;
	right: -76px;
	width: 252px;
	height: 244px;
	background: url(../../img/home/line_first.png) no-repeat center;
}

#home .first .img img {
	clip-path: polygon(0 0, 100% 0, 100% calc(100% - 100px), calc(100% - 100px) 100%, 0 100%);
}

@media screen and (max-width:767px) {
	#home .first .img {
		position: relative;
		top: auto;
		right: auto;
		width: auto;
		margin: 0 0 50px -20px;
		padding: 0 40px 0 0;
	}

	#home .first .img::after {
		bottom: -30px;
		right: -7px;
		width: 126px;
		height: 122px;
		background-size: cover;
	}

	#home .first .img img {
		height: 320px;
		object-fit: cover;
		clip-path: polygon(0 0, 100% 0, 100% calc(100% - 50px), calc(100% - 50px) 100%, 0 100%);
	}
}


/* widget_btn
---------------------------------------- */
#home .first .widget_btn {
	margin: 0;
	padding: 73px 0 0 0;
	justify-content: flex-start;
}

@media screen and (max-width:767px) {
	#home .first .widget_btn {
		margin: 0 20px;
		padding: 10px 0 0 0;
	}
}


/* ----------------------------------------
	division
---------------------------------------- */
#home .division {
	background: url(../../img/home/bg_division.png) repeat left center #F7F4F0;
}

#home .division .inner {
	padding: 100px 200px 40px;
	background: #FFFFFF;
}

#home .division .inner>div {
	margin: 0 0 80px 0;
}

@media screen and (max-width:767px) {
	#home .division {
		padding: 0 20px;
		background-size: 360px 650px;
	}

	#home .division .inner {
		padding: 50px 20px 0;
	}

	#home .division .inner>div {
		margin: 0;
		padding: 0 0 50px 0;
	}
}


/* calendar
---------------------------------------- */
#home .division .calendar .table {
	margin: 0 0 10px 0;
	text-align: center;
}

#home .division .calendar dl {
	display: flex;
	flex-wrap: wrap;
	margin: 0 47px 60px;
	font-size: 1.4rem;
	line-height: 2.4rem;
}

#home .division .calendar dl dt {
	width: 84px;
	margin: 0 10px 0 0;
	background: #796958;
	text-align: center;
	color: #FFFFFF;
}

#home .division .calendar ul {
	display: flex;
}

#home .division .calendar ul li {
	color: #655A4F;
}

@media screen and (max-width:767px) {
	#home .division .calendar .table {
		margin: 0 0 12px 0;
	}

	#home .division .calendar dl {
		display: block;
		width: auto;
		margin: 0 auto 30px;
	}

	#home .division .calendar ul {
		display: block;
		margin: 7px 0 0 0;
	}
}

/* 20250701 カレンダーを非表示に */

#home .division #calendar {
	display: none;
}

#home .division .calendar table td {
	text-align: center;
}
#home .calendar table th.sat,
#home .calendar table td.sat {
	color: #7a9fce;
}
#home .calendar table th.sun,
#home .calendar table td.sun {
	color: #f91663;
}

@media screen and (max-width: 767px) {
	#home .calendar table th,
	#home .calendar table td {
		display: table-cell;
        padding: 10px 0;
	}
}


/* widget_btn
---------------------------------------- */
@media screen and (max-width:767px) {
	#home .division .widget_btn {
		margin: 0;
	}
}


/* ========================================================================
	院長・スタッフ紹介				[ /staff/ ]
======================================================================== */
#staff .flex {
	gap: 0 60px;
}

@media screen and (max-width:767px) {
	#staff .flex {
		display: block;
	}
}


/* ----------------------------------------
	widget_dl
---------------------------------------- */
#staff .flex .widget_dl {
	width: 50%;
}

#staff .flex .widget_dl ul li {
	display: flex;
}

#staff .flex .widget_dl ul li span {
	margin: 0 1.0em 0 0;
	white-space: nowrap;
}

@media screen and (max-width:767px) {
	#staff .flex .widget_dl {
		width: auto;
	}
}


/* ========================================================================
	医院ツアー						[ /tour/ ]
======================================================================== */
#tour p {
	font-size: 1.4rem;
}


/* ----------------------------------------
	img
---------------------------------------- */
#tour .img {
	display: flex;
	gap: 0 5px;
	margin: 0 0 30px 0;
	padding: 7px;
	border: 1px solid #B1ACA6;
}

@media screen and (max-width:767px) {
	#tour .img {
		display: block;
		margin: 0;
		padding: 0;
		border: none;
	}

	#tour .img img {
		width: 100%;
		margin: 0 0 20px 0;
		padding: 3px;
		border: 1px solid #B1ACA6;
	}
}


/* ----------------------------------------
	widget_flex
---------------------------------------- */
#tour .widget_flex {
	padding-top: 30px;
}

@media screen and (max-width:767px) {
	#tour .widget_flex {
		padding-top: 20px;
	}
}


/* ========================================================================
	料金表							[ /price/ ]
======================================================================== */
#price section section {
	padding: 0;
}

#price p {
	margin-bottom: 1.5em;
	font-size: 1.4rem;
}

#price p:last-of-type {
	margin-bottom: 30px;
}

#price table {
	table-layout: fixed;
	font-size: 1.5rem;
}

#price table th {
	vertical-align: top;
}

#price table th[scope="row"] {
	background: rgba(101, 90, 79, 0.7);
	color: #FFFFFF;
}

#price table td {
	text-align: center;
}

#price table td ul {
	display: inline-block;
	text-align: left;
}

#price table+p {
	margin-top: -20px;
}

@media screen and (max-width:767px) {

	#price p,
	#price p:last-of-type {
		margin-bottom: 20px;
	}

	#price table {
		font-size: 1.4rem;
	}

	#price table+p {
		margin-top: -10px;
	}
}


/* ----------------------------------------
	title
---------------------------------------- */
#price .title {
	margin: 0 0 40px 0;
	background: #655A4F;
	border: 1px solid #655A4F;
	border-top-width: 4px;
	border-bottom-width: 4px;
	text-align: center;
	font-size: 2.0rem;
	font-weight: 500;
	color: #FFFFFF;
}

#price .title span {
	display: block;
	padding: 7px 0;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
}


/* ========================================================================
	アクセス・診療カレンダー		[ /access/ ]
======================================================================== */

/* ----------------------------------------
	time
---------------------------------------- */
#access .time table {
	font-size: 1.5rem;
}

#access .time table th {
	background: none;
}

#access .time table th[scope="col"]:first-child {
	background: #EBEBEB;
}

#access .time table td {
	text-align: center;
}

#access .time table+p {
	margin-top: -20px;
	font-size: 1.4rem;
}

#access .time table th.sat,
#access .time table td.sat {
	color: #7a9fce;
}

#access .time table th.sun,
#access .time table td.sun {
	color: #f91663;
}

@media screen and (max-width:767px) {
	#access .time table {
		font-size: 1.4rem;
	}

	#access .time table th,
	#access .time table td {
		display: table-cell;
		padding: 10px 0;
	}

	#access .time table+p {
		margin-top: -10px;
	}
}


/* contact
---------------------------------------- */
#access .time .contact {
	padding: 0 0 20px 0;
}

#access .time .contact li {
	margin: 0 0 10px 0;
	font-weight: 700;
}

#access .time .contact a {
	font-weight: 400;
}

#access .time .contact .tel {
	margin-bottom: 20px;
}

#access .time .contact .tel a {
	display: inline-block;
	padding: 0 0 0 36px;
	background: url(../../img/common/icon_tel02.png) no-repeat left center;
	background-size: 28px;
	font-size: 2.6rem;
	font-weight: 700;
	color: #333333;
	line-height: 2.8rem;
	text-decoration: none;
}



@media screen and (max-width:767px) {
	#access .time .contact {
		padding: 20px 0 10px 0;
	}

	#access .time .contact .tel a {
		padding: 0 0 0 32px;
		background-size: 24px;
		font-size: 2.4rem;
		line-height: 2.4rem;
	}
}


/* ----------------------------------------
	map
---------------------------------------- */
#access .map .info {
	margin: 0 0 30px 0;
	font-size: 1.4rem;
}

#access .map .info dl {
	display: flex;
}

#access .map .info dl dt {
	width: 110px;
	white-space: nowrap;
}

#access .map .info dl dd {
	flex: 1;
}

@media screen and (max-width:767px) {
	#access .map .info {
		margin: 0 0 20px 0;
	}

	#access .map .info dl dt {
		width: 5em;
	}

	#access .map iframe {
		aspect-ratio: 800/380;
	}
}


/* ========================================================================
	お知らせ					[ /news/ ]
======================================================================== */

.news {
	min-height: 300px;
	margin: 0 0 200px;
}

#news a:link {
	text-decoration: none;
}

#news .news__article {
	display: flex;
	gap: 0 26px;
	border-bottom: solid 1px #655A4F;
	padding: 0 0 16px;
	margin: 0 0 16px;
}

#news .news__imgArea {
	width: 100%;
	max-width: 220px;
}

#news .news__imgArea img {
	object-fit: cover;
	width: 100%;
	max-width: none;
}

#news .news__textArea {
	width: 100%;
}

#news .news__date {
	color: #8B8B8B;
	font-size: 12px;
	display: block;
	margin: 0 0 8px;
}

#news .news__articleTitle {
	color: #403E3D;
	font-size: 18px;
	border-bottom: solid 1px #655A4F;
	padding: 0 0 8px;
	margin: 0 0 8px;

}


#news .news__link {
	color: #171717;
}

#news .news__text {
	font-size: 14px;
	margin: 0;
}

@media screen and (max-width:767px) {
	#news .news__article {
		flex-direction: column;
		gap: 16px 0;
	}

	#news .news__imgArea {
		max-width: none;
	}

	#news .news__articleTitle {
		font-size: 16px;
	}
}


.pagenation {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 40px 0 0;
}

.page-numbers {
	width: 25px;
	height: 25px;
	display: grid;
	place-items: center;
	line-height: 1;
	color: #655A4F;
}

.page-numbers:visited,
.page-numbers:link {
	color: #655A4F;
}

.page-numbers.current {
	border: solid 1px #655A4F;
}

.pagenation__prev {
	background: url(../../img/news/tri_l.svg) no-repeat center;
	width: 25px;
	height: 25px;

}

.pagenation__next {
	background: url(../../img/news/tri_r.svg) no-repeat center;
	width: 25px;
	height: 25px;
}


#newsArticle {}

#newsArticle .newsArticle__title {
	font-size: 20px;
	border: none;
	padding: 0;
	margin: 0 0 6px;
}

#newsArticle .newsArticle__title:before {
	content: none;
}

#newsArticle .newsArticle__date {
	color: #8B8B8B;
	font-size: 12px;
	display: block;
	margin: 0 0 20px;
}

#newsArticle .news__content {
	font-size: 14px;

}

.newsArticle__navi {
	margin: 0 0 200px;

}

.newsArticle__navi ul {
	display: flex;
	justify-content: center;
	width: fit-content;
	margin: 0 auto;
}

.newsArticle__navi li {}

/* .newsArticle__navi li:first-child {
	border-right: solid 1px #655A4F;
} */

.newsArticle__navi li a {
	color: #171717;
	font-size: 14px;
	padding: 6px 30px;
	display: block;
}

.newsArticle__navi li:first-child a {
	background: url(../../img/news/carrow_l.svg) no-repeat left center / 22px;
}

.newsArticle__navi li:last-child a {
	background: url(../../img/news/carrow_r.svg) no-repeat right center / 22px;
}

/* ========================================================================
	お問い合わせ					[ /contact/ ]
======================================================================== */

/* ----------------------------------------
	contact
---------------------------------------- */
#contact .contact {
	padding: 0 0 48px 0;
}

#contact .contact dl {
	display: flex;
	align-items: center;
	margin: 0 0 12px 0;
	padding: 14px 0;
	border: 1px solid #655A4F;
	line-height: 1;
}

#contact .contact dt {
	width: 270px;
	text-align: center;
	font-size: 2.0rem;
	font-weight: 700;
}

#contact .contact dd {
	flex: 1;
	border-left: 1px solid #655A4F;
	text-align: center;
}



@media screen and (max-width:767px) {
	#contact .contact {
		padding: 0 0 25px 0;
	}

	#contact .contact dl {
		display: block;
		margin: 0 0 15px 0;
		padding: 0 20px;
	}

	#contact .contact dt {
		width: auto;
		padding: 24px 0;
	}

	#contact .contact dd {
		border-top: 1px solid #655A4F;
		border-left: none;
	}


}


/* tel
---------------------------------------- */
#contact .contact .tel dd {
	padding: 12px 0 10px 0;
}

#contact .contact .tel dd a {
	display: inline-block;
	margin: 0 0 15px 0;
	padding: 0 0 1px 43px;
	background: url(../../img/common/icon_tel02.png) no-repeat left center;
	background-size: 33px;
	font-size: 3.2rem;
	color: #333333;
	letter-spacing: 0.1em;
	text-decoration: none;
}

#contact .contact .tel dd small {
	font-size: 12px;
	display: block;
	margin: 8px 0 0;
}

@media screen and (max-width:767px) {
	#contact .contact .tel dd {
		padding: 24px 0 30px 0;
		font-size: 1.4rem;
		line-height: 1.5;
	}

	#contact .contact .tel dd a {
		margin: 0 0 10px 0;
		padding: 0 0 0 38px;
		font-size: 2.8rem;
		background-size: 28px;
		line-height: 1;
	}

	#contact .contact .tel dd small {
		font-size: 10px;
	}
}


/* reservation
---------------------------------------- */
#contact .contact .reservation dd {
	padding: 11px 0;
}

#contact .contact .reservation dd a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 340px;
	height: 64px;
	margin: 0 auto;
	background: #535251;
	font-size: 2.0rem;
	font-weight: 500;
	color: #FFFFFF;
	text-decoration: none;
}

#contact .contact .reservation dd span {
	display: inline-block;
	padding: 0 22px 0 0;
	background: url(../../img/common/icon_blank01.png) no-repeat right 6px;
	background-size: 12px;
}

@media screen and (max-width:767px) {
	#contact .contact .reservation dd {
		padding: 20px 0 30px 0;
	}

	#contact .contact .reservation dd a {
		width: 100%;
		font-size: 1.8rem;
	}
}


/* ========================================================================
	診療メニュー					[ /menu/ ]
======================================================================== */
#menu section p {
	font-size: 1.4rem;
}

#menu section figcaption {
	font-size: 1.4rem;
}


/* ----------------------------------------
	widget_flex
---------------------------------------- */
#menu p+.widget_flex {
	padding-top: 30px;
}

#menu section.widget_flex+p {
	margin-top: -30px;
}

@media screen and (max-width:767px) {
	#menu p+.widget_flex {
		padding-top: 20px;
	}

	#menu section.widget_flex+p {
		margin-top: -20px;
	}
}


/* ----------------------------------------
	orthodontics（歯科矯正）
---------------------------------------- */
#menu.orthodontics p.note {
	margin-top: -9px;
	padding: 0 0 0 1.0em;
	text-indent: -1.0em;
}


/* merit
---------------------------------------- */
#menu.orthodontics .merit .check {
	width: 600px;
	margin: 0 auto 30px;
}

#menu.orthodontics .merit .check .box {
	position: relative;
	margin: 0 0 5px 0;
	border: 1px solid #B1ACA6;
}

#menu.orthodontics .merit .check .box::before {
	content: "";
	position: absolute;
	top: 6px;
	left: -17px;
	width: 83px;
	height: 54px;
	background: url(../../img/menu/orthodontics/txt_check.png) no-repeat center;
	background-size: cover;
}

#menu.orthodontics .merit .check ul {
	display: grid;
	justify-content: center;
	padding: 30px 0;
}

#menu.orthodontics .merit .check ul li {
	margin: 0 0 5px 0;
	padding: 0 0 0 0;
	/* background: url(../../img/common/icon_check.png) no-repeat left 7px; */
	background-size: 14px;
	font-size: 1.8rem;
	display: flex;
	gap: 0 20px;
}

#menu.orthodontics .merit .check ul li span {
	display: block;

}

#menu.orthodontics .merit .check ul li span small {
	display: block;
	font-size: 1.2rem;
}

#menu.orthodontics .merit .check p.lead {
	margin: 0;
	padding: 5px 0;
	background: #988470;
	text-align: center;
	font-size: 1.8rem;
	font-weight: 500;
	color: #FFFFFF;
}

#menu.orthodontics .merit .check p.note {
	margin: 0;
	text-align: right;
	font-size: 1.2rem;
}

@media screen and (max-width:767px) {
	#menu.orthodontics .merit .check {
		width: auto;
		margin: 0 auto 20px;
	}

	#menu.orthodontics .merit .check .box::before {
		top: -11px;
		left: -11px;
	}

	#menu.orthodontics .merit .check ul {
		padding: 40px 20px 20px;
	}

	#menu.orthodontics .merit .check ul li {
		background-position: left 5px;
		font-size: 1.6rem;
	}

	#menu.orthodontics .merit .check p.lead {
		padding: 5px 20px;
		font-size: 1.6rem;
	}


}


/* half-lingual
---------------------------------------- */
#menu.orthodontics .half-lingual .list_indent li {
	padding-left: 2.0em;
	text-indent: -2.0em;
}


/* widget_flex
---------------------------------------- */
#menu.orthodontics .half-lingual .widget_flex .widget_border,
#menu.orthodontics .super-clear .widget_flex .widget_border {
	width: 310px;
}

@media screen and (max-width:767px) {

	#menu.orthodontics .half-lingual .widget_flex .widget_border,
	#menu.orthodontics .super-clear .widget_flex .widget_border {
		width: auto;
	}
}


/* ----------------------------------------
	whitening（ホワイトニング）
---------------------------------------- */
#menu.whitening .office ul {
	margin: 0 0 30px 0;
}

#menu.whitening .office ul li {
	padding: 0 0 0 20px;
	background: url(../../img/menu/whitening/icon_check.png) no-repeat left 3px;
	background-size: 16px;
	font-size: 1.4rem;
}

@media screen and (max-width:767px) {
	#menu.whitening .office ul {
		margin: 0 0 20px 0;
	}
}


/* widget_box
---------------------------------------- */
#menu.whitening .widget_box p,
#menu.whitening .widget_box .note {
	width: 668px;
}

@media screen and (max-width:767px) {

	#menu.whitening .widget_box p,
	#menu.whitening .widget_box .note {
		width: auto;
	}
}


/* ----------------------------------------
	implant（インプラント）
---------------------------------------- */
#menu.implant .guarantee h3 {
	padding-top: 10px;
	border-top: 1px solid #655A4F;
}


/* ========================================================================
	虫歯					[ /toothdecay/ ]
======================================================================== */

.toothdecay .widget_box {
	padding: 30px 0;
}

.toothdecay .widget_box ul li {
	margin: 0 0 5px 0;
	font-size: 18px;
}

.toothdecay .widget_box ul span {
	color: #FF5E38;
	text-decoration: underline;
}

.toothdecay .minusMenu {
	display: flex;
	gap: 0 12px;
	margin: 50px 0;
}

.toothdecay .minusMenu li {
	width: calc((100% - 24px) / 3);
}

.toothdecay .minusMenu li a {
	background: url(../../img/common/arrow_navi.png) no-repeat right 20px center / 13px;
	border: solid 1px #655A4F;
	display: block;
	color: #655A4F;
	text-decoration: none;
	text-align: center;
	padding: 17px;
}

.minusImg {
	padding: 16px 45px;
	border: solid 1px #B1ACA6;
	max-width: 600px;
	margin: 0 auto 64px;
	text-align: center;
}

.minusImgTitle {
	max-width: 495px;
	width: 100%;
	margin: 0 auto 24px;
	padding: 0 0 10px;
	font-size: 14px;
	border-bottom: solid 1px #B1ACA6;
}

@media screen and (max-width:767px) {
	.toothdecay .widget_box ul li {
		font-size: 16px;
	}

	.toothdecay .minusMenu {
		flex-direction: column;
		gap: 8px 0;
		margin: 40px 0;
	}

	.toothdecay .minusMenu li {
		width: 100%;
	}

	.toothdecay .minusMenu li a {
		text-align: left;
		padding: 16px 20px;
	}
}

/* ========================================================================
	歯周病 [ /periodontal/]
======================================================================== */

.periodontal .widget_boxInner {
	display: flex;
	gap: 0 90px;
}

.widget_boxInnerImg {
	max-width: 292px;
}

.opinion {
	border: solid 1px #707070;
	margin: 0 0 64px;
}

.opinion__dt {
	color: #655A4F;
	font-size: 20px;
	font-family: "Noto Serif JP",
		serif;
	background: #fff;
	padding: 4px;
	width: fit-content;
	margin: -20px auto 0;

}

.opinion__dd {
	color: #171717;
	font-size: 14px;
	padding: 10px 30px 20px;
}

@media screen and (max-width:767px) {

	.periodontal .widget_box {
		padding: 30px 10px;
	}

	.periodontal .widget_boxInner {
		flex-direction: column;
	}

	.periodontal .widget_boxInner {
		display: flex;
		gap: 0 90px;
		width: 100%;
	}

	.widget_boxInnerImg {
		max-width: none;
		width: 100%;
	}

	.widget_boxInnerImg img {
		width: 100%;
	}

	.opinion {
		margin: 0 0 40px;
	}

	.opinion__dt {

		font-size: 18px;
		text-align: center;
		background: #fff;
		padding: 4px 20px;
		width: fit-content;
		margin: -30px auto 0;

	}

	.opinion__dd {
		color: #171717;
		font-size: 14px;
		padding: 10px 30px 20px;
	}
}


/* ========================================================================
	口腔外科 [ /oralsurgery/]
======================================================================== */


.oralsurgery .oralsurgeryMenu {
	display: flex;
	flex-direction: column;
	gap: 6px 0;
	margin: 0 auto 50px;
	max-width: 600px;
}


.oralsurgery .oralsurgeryMenu li a {
	background: url(../../img/common/arrow_navi.png) no-repeat right 20px center / 13px;
	border: solid 1px #655A4F;
	display: block;
	color: #655A4F;
	text-decoration: none;
	text-align: center;
	padding: 17px;
}


.oralsurgery .widget_boxInner {
	display: flex;
	gap: 0 90px;
}

.widget_boxInnerImg {
	max-width: 292px;
}

@media screen and (max-width:767px) {



	.oralsurgery .widget_boxInner {
		flex-direction: column;
	}

	.oralsurgery .widget_boxInner {
		display: flex;
		gap: 0 90px;
		width: 100%;
	}

}


ul.disc {
	list-style: disc;
	padding: 0 0 0 20px;
}

ul.disc li {
	margin: 0 0 10px;
	font-size: 14px;
}

ul.disc p {
	margin: 0;
}


/* ========================================================================
	スタッフ募集 [ /recruit/]
======================================================================== */

.recruit_table {}

.recruit table th,
.recruit table td {
	color: #171717;
	font-size: 15px;
	border: solid 1px #707070;
	text-align: left;
}

.recruit table th {
	background: #E2E0DE;
	font-weight: 400;
}

#menu .recruit_tel {
	font-size: 26px;
	background: url(../../img/common/icon_tel02.png) no-repeat left center /27px;
	font-family: "Noto Serif JP",
		serif;
	font-weight: bold;
	padding: 0 0 0 36px;
}

.recruit .minusMenu {
	display: flex;
	gap: 0 12px;
	margin: 50px 0;
}

.recruit .minusMenu li {
	width: calc((100% - 24px) / 3);
}

.recruit .minusMenu li a {
	background: url(../../img/common/arrow_navi.png) no-repeat right 20px center / 13px;
	border: solid 1px #655A4F;
	display: block;
	color: #655A4F;
	text-decoration: none;
	text-align: center;
	padding: 17px;
}