@charset "utf-8";
/*================================
ここから全サイズ適用
================================*/



/*------------------------------
.u-〇〇 …… 下層ページ固有のclass名

lower.cssにあるclass名と被らないよう
接頭文字として "u-" を付けてます。
uniqueの略。
------------------------------*/





/*================================
共通パーツ
================================*/

/*タイトル*/
/*-----------------------------*/
.u-heading01 {
	margin-bottom: 10px;
	padding: 0;
	background: #cacaca;
	font-size: 2.2rem;
	font-weight: 500;
	line-height: 1.6;
	text-align: center;
	color: #fff;
}
.u-heading01.-color02 {
	background: #b5b5b5;
}
.u-heading01.-color03 {
	background: #9f9f9f;
}
.u-heading01.-color04 {
	background: #898989;
}
.u-heading01.-color05 {
	background: #888888;
}
.u-heading01.-color06 {
	background: #727272;
}
.u-heading02 {
	margin-bottom: 10px;
	padding: 0;
	background: #93d2e4;
	font-weight: 500;
	line-height: 1.6;
	text-align: center;
	color: #fff;
}
.u-heading02.-color02 {
	background: #988ec3;
}
.u-heading02.-color03 {
	background: #e95297;
}
.u-heading02.-color04 {
	background: #e2007e;
}
.u-heading02.-color05 {
	background: #c80062;
}
.content_heading01 .big {
	font-size: 1.3em;
	line-height: calc(2.2rem*1.6);
}

/*================================
ページ内リンク
===============================*/
.u-page-link_group {
	display: flex;
	justify-content: flex-start;
	align-items: stretch;
	flex-flow: row wrap;
	gap: 2.6rem;
	max-width: 74rem;
	margin: auto;
}
.u-page-link_item {
	width: calc(100%/3 - 2.6rem*2/3);
}
.u-page-link_link {
	display: flex;
	justify-content: center;
	align-items: center;
	min-height: 8rem;
	background: #c6ad97;
	border: 5px solid #c6ad97;
	border-radius: 3rem 0 3rem 0;
	box-shadow: 0 0 0 1px #fff inset;
}
.u-page-link_link:hover {
	opacity: 0.8;
}
.u-page-link_text {
	font-size: 2.2rem;
	line-height: 1.6;
	text-align: left;
	color: #fff;
}


/*================================
*
一般歯科
*
===============================*/
.general {}

/*================================
歯周病
================================*/
.periodontal {}

/*================================
インプラント
================================*/
.u-add_img01 {
	width: fit-content;
	margin: auto;
	position: relative;
	z-index: 1;
}

.u-add_img01_implant {
	position: absolute;
	z-index: 1;
	top: -6%;
	right: -4%;
	width: 45.08%;
}

/*================================
義歯（入れ歯）
================================*/
.denture {}

/*入れ歯の種類*/
/*-----------------------------*/
.u-denture_table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 2px;
}
.u-denture_table .col01 {
	width: 50%;
}
.u-denture_table .col02 {}
.u-denture_table th {
	padding: 0 10px;
	background: #c6ad97;
	font-size: 2rem;
	font-weight: 500;
	text-align: center;
	line-height: 1.6;
	color: #fff;
	vertical-align: middle;
}
.u-denture_table td {
	padding: 20px 30px;
	background: #dbcbbd;
	font-weight: 500;
	text-align: left;
	line-height: 1.6;
	color: #fff;
	vertical-align: middle;
}
.u-denture_price {
	padding: 10px 20px;
	background: #fff;
	border: 3px solid #fff;
	box-shadow: 0 0 0 1px #f2a5ab inset;
	font-size: 2rem;
	font-weight: 500;
	text-align: center;
	line-height: 1.6;
	color: #f2a5ab;
}
.u-denture_dl {
	display: flex;
	justify-content: flex-start;
	align-items: stretch;
	flex-flow: row wrap;
	gap: 0 0.5em;
	text-align: left;
}
.u-denture_dl dt {
	width: 5em;
	line-height: 1.6;
}
.u-denture_dl dd {
	width: calc(100% - (5em + 0.5em));
	line-height: 1.6;
}

/*================================
*
予防歯科
*
===============================*/
.preventive {}

/*-----------------------------*/
.u-price {
	text-align: right;
}
.u-price .text {
	display: inline-block;
	min-width: 30rem;
	padding: 4px 10px;
	border: 1px solid #f2a5ab;
	font-size: 2rem;
	font-weight: 500;
	line-height: 1.6;
	text-align: center;
	color: #f2a5ab;
}

/*================================
*
歯ぎしり治療
*
===============================*/
.bruxism {}
.u-add_img01 {
	width: fit-content;
	margin: auto;
	position: relative;
	z-index: 1;
}
.u-add_img01_child {
	position: absolute;
	z-index: 1;
	top: -10%;
	right: -5%;
	width: 44.6%;
}

/*================================
*
訪問歯科
*
===============================*/
.home-visit {}
.u-home-visit_text {
	min-height: calc(1.8rem*2*2);
}
.home-visit_iframe {
	width: 100%;
	height: 480px;
}

/*================================
*
リラックス歯科外来
*
===============================*/


.feature {
	position: relative;
	margin-bottom: 60px;
}
.treatment_01 {
	position: absolute;
	left: -50px;
}
.treatment_02 {
	position: absolute;
	left: -50px;
}
.num_dl {
	display: flex;
	justify-content: flex-start;
	align-items: baseline;
	flex-flow: row wrap;
	gap: 0 10px;
}
.num_dl dt {
	width: 20px;
	font-size: 20px;
	color: #f2a5ab;
}
.num_dl dd {
	width: calc(100% - (20px + 10px));
}



/*================================
TABLET横 1080px～0px
================================*/
@media (max-width: 1080px) {


	/*================================
	共通パーツ
	================================*/

	/*タイトル*/
	/*-----------------------------*/
	.u-heading01 {}
	.u-heading02 {}

	/*================================
	ページ内リンク
	===============================*/
	.u-page-link_group {}
	.u-page-link_item {}
	.u-page-link_link {}
	.u-page-link_text {}

	/*================================
	*
	一般歯科
	*
	===============================*/
	.general {}

	/*================================
	歯周病
	================================*/
	.periodontal {}

	/*================================
	義歯（入れ歯）
	================================*/
	.denture {}

	/*入れ歯の種類*/
	/*-----------------------------*/
	.u-denture_table {}
	.u-denture_table .col01 {}
	.u-denture_table .col02 {}
	.u-denture_table th {}
	.u-denture_table td {}
	.u-denture_price {}
	.u-denture_dl {}
	.u-denture_dl dt {}
	.u-denture_dl dd {}

	/*================================
	*
	予防歯科
	*
	===============================*/
	.preventive {}

	/*-----------------------------*/
	.u-price {}
	.u-price .text {}

	/*================================
	*
	歯ぎしり治療
	*
	===============================*/
	.bruxism {}
	.u-add_img01 {}
	.u-add_img01_child {}

	/*================================
	*
	訪問歯科
	*
	===============================*/
	.home-visit {}
	.u-home-visit_text {
		min-height: auto;
	}
	.home-visit_iframe {}

	/*================================
	*
	リラックス歯科外来
	*
	===============================*/
	
	.feature {
	position: relative;
	margin-bottom: 60px;
    }
	
	.treatment_01 {
	position: absolute;
	left: -30px;
    }
	
	.treatment_02 {
	position: absolute;
	left: -30px;
    }
}


/*================================
TABLET縦 834px～0px
================================*/
@media (max-width: 834px) {


	/*================================
	共通パーツ
	================================*/

	/*タイトル*/
	/*-----------------------------*/
	.u-heading01 {}
	.u-heading02 {}

	/*================================
	ページ内リンク
	===============================*/
	.u-page-link_group {}
	.u-page-link_item {}
	.u-page-link_link {}
	.u-page-link_text {}

	/*================================
	*
	一般歯科
	*
	===============================*/
	.general {}

	/*================================
	歯周病
	================================*/
	.periodontal {}

	/*================================
	義歯（入れ歯）
	================================*/
	.denture {}

	/*入れ歯の種類*/
	/*-----------------------------*/
	.u-denture_table {}
	.u-denture_table .col01 {}
	.u-denture_table .col02 {}
	.u-denture_table th {}
	.u-denture_table td {}
	.u-denture_price {}
	.u-denture_dl {}
	.u-denture_dl dt {}
	.u-denture_dl dd {}

	/*================================
	*
	予防歯科
	*
	===============================*/
	.preventive {}

	/*-----------------------------*/
	.u-price {}
	.u-price .text {}

	/*================================
	*
	歯ぎしり治療
	*
	===============================*/
	.bruxism {}
	.u-add_img01 {}
	.u-add_img01_child {}

	/*================================
	*
	訪問歯科
	*
	===============================*/
	.home-visit {}
	.u-home-visit_text {}
	.home-visit_iframe {}

}


/*================================
SP表示 667px～0px
================================*/
@media (max-width: 667px) {


	/*================================
	共通パーツ
	================================*/

	/*タイトル*/
	/*-----------------------------*/
	.u-heading01 {}
	.u-heading02 {}

	/*================================
	ページ内リンク
	===============================*/
	.u-page-link_group {
		gap: 10px 20px;
	}
	.u-page-link_item {
		width: calc(100%/2 - 20px/2);
	}
	.u-page-link_link {}
	.u-page-link_text {
		font-size: 2rem;
	}

	/*横スクロール画像*/
	/*-----------------------------*/
	.sp-scroll_img01 {
		max-width: 560px;
	}
	.sp-scroll_img02 {
		max-width: 700px;
	}
	
	/*================================
	*
	一般歯科
	*
	===============================*/
	.general {}

	/*================================
	歯周病
	================================*/
	.periodontal {}

	/*================================
	義歯（入れ歯）
	================================*/
	.denture {}

	/*入れ歯の種類*/
	/*-----------------------------*/
	.u-denture_table {}
	.u-denture_table .col01 {}
	.u-denture_table .col02 {}
	.u-denture_table th {
		display: none;
	}
	.u-denture_table td {
		display: block;
		width: 100%;
		padding: 16px;
	}
	.u-denture_price {}
	.u-denture_dl {}
	.u-denture_dl dt {}
	.u-denture_dl dd {}

	/*================================
	*
	予防歯科
	*
	===============================*/
	.preventive {}

	/*-----------------------------*/
	.u-price {}
	.u-price .text {}

	/*================================
	*
	歯ぎしり治療
	*
	===============================*/
	.bruxism {}
	.u-add_img01 {}
	.u-add_img01_child {}

	/*================================
	*
	訪問歯科
	*
	===============================*/
	.home-visit {}
	.u-home-visit_text {}
	.home-visit_iframe {}


	/*================================
    *
    リラックス歯科外来
    *
    ===============================*/

	.u-content_heading01_deco {
		width: 115px;
	}

	.treatment_01 {
		left: -10px;
	}
	.treatment_02 {
		left: -10px;
	}
	.num_dl {
		display: flex;
		justify-content: flex-start;
		align-items: baseline;
		flex-flow: row wrap;
		gap: 0 10px;
	}
	.num_dl dt {
		width: 20px;
		font-size: 20px;
		color: #f2a5ab;
	}
	.num_dl dd {
		width: calc(100% - (20px + 10px));
	}



}