@charset "utf-8";



/*------------------------------
.u-〇〇 …… 下層ページ固有のclass名
--
lower.cssにあるclass名と被らないよう
接頭文字として "u-" を付けてます。
uniqueの略。
------------------------------*/


/*------------------------------
font-weight設定について
--------------------------------
〇Noto Serif JP（日本語）
通常　　　：font-weight: 300;
見出しなど：font-weight: 400;
太字　　　：font-weight: 700;
--
〇Mrs Saint Delafield（英語）
font-weight: 400;
（他の太さは使用していません）
------------------------------*/


/*================================
ここから全サイズ適用
================================*/

/*================================
メインビジュアル
===============================*/
.mv {
	background-image: url(img/mv_img.jpg);
}

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

/*見出し*/
/*-----------------------------*/
/*u-heading01*/
.u-heading01 {
	position: relative;
	z-index: 1;
	margin-bottom: 3rem;
	padding: 6px 10px;
	background: #23ac38;
	border-radius: 4px;
	font-size: 2rem;
	font-weight: 400;
	text-align: center;
	line-height: 1.6;
	color: #fff;
}
.u-heading01::before {
	position: absolute;
	z-index: 1;
	content: "";
	left: 50%;
	bottom: 1px;
	translate: -50% 100%;
	width: 2rem;
	height: 1rem;
	background: #23ac38;
	clip-path: polygon(0 0,100% 0,50% 100%);
}

/*テキスト*/
/*-----------------------------*/
.u-txt01 {
	font-weight: 400;
	text-align: center;
	color: #23ac38;
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-decoration-color: #23ac38;
	text-underline-offset: 0.36em;
	text-decoration-skip-ink: none;
}

/*吹き出し*/
/*-----------------------------*/
.u-balloon_wrap {
	padding-left: 3rem;
	padding-right: 3rem;
}
.u-balloon01,
.u-balloon02 {
	position: relative;
	z-index: 1;
	padding-top: 2rem;
}
.u-balloon01_note,
.u-balloon02_note {
	position: absolute;
	z-index: 1;
	top: 0;
	margin-bottom: 2rem;
	padding: 1rem;
	background: #23ac38;
	border-radius: 4px;
	font-size: 1.6rem;
	font-weight: 400;
	text-align: left;
	line-height: 1.6;
	color: #fff;
	max-width: calc(100% - 3rem);
}
.u-balloon01_note {
	left: -2rem;
}
.u-balloon02_note {
	right: -2rem;
}
.u-balloon01_note::before,
.u-balloon02_note::before {
	position: absolute;
	z-index: 1;
	content: "";
	bottom: 1px;
	translate: 0 100%;
	width: 2rem;
	height: 1.2rem;
	background: #23ac38;
}
.u-balloon01_note::before {
	left: 5rem;
	clip-path: polygon(0 0,80% 0,100% 100%);
}
.u-balloon02_note::before {
	right: 5rem;
	clip-path: polygon(20% 0,100% 0,0 100%);
}

/*矢印*/
/*-----------------------------*/
.u-arrow {
	position: relative;
	z-index: 1;
	margin-bottom: 3rem;
	padding-bottom: 3rem;
	border-bottom: 1px solid #dedede;
}
.u-arrow::before {
	position: absolute;
	z-index: -1;
	content: "";
	bottom: -1px;
	left: 0;
	height: 1px;
	width: 8rem;
	background: var(--theme-color01);
}
.u-arrow::after {
	position: absolute;
	z-index: 1;
	content: "";
	left: 50%;
	bottom: 0;
	translate: -50% 50%;
	width: 4rem;
	height: 2rem;
	background: var(--theme-color01);
	clip-path: polygon(0 0,100% 0,50% 100%);
}


/*================================
予防歯科
===============================*/

/*唾液検査*/
/*-----------------------------*/
.u-saliva-test {}
.u-saliva-test_ttl01 {
	padding: 4px 10px;
	font-size: 2.4rem;
	font-weight: 400;
	text-align: center;
	line-height: 1.6;
	color: #fff;
}
.u-saliva-test_ttl02 {
	margin-bottom: 1rem;
	font-size: 2rem;
	font-weight: 400;
	text-align: center;
	line-height: 1.6;
}
.u-saliva-test_body {
	padding: 1rem;
}
.u-saliva-test_frame {
	padding: 1rem;
	background: #fff;
	border-radius: 1rem;
}
.u-saliva-test_txt {
	font-size: 1.8rem;
}
/*color01*/
.u-saliva-test_ttl01.-color01 {
	background: #009b9a;
}
.u-saliva-test_body.-color01 {
	background: #cde9ea;
}
.u-saliva-test_body.-color01 .u-saliva-test_ttl02 {
	border-bottom: 1px solid #009b9a;
	color: #009b9a;
}
/*color02*/
.u-saliva-test_ttl01.-color02 {
	background: #0079c3;
}
.u-saliva-test_body.-color02 {
	background: #dfecf9;
}
.u-saliva-test_body.-color02 .u-saliva-test_ttl02 {
	border-bottom: 1px solid #0079c3;
	color: #0079c3;
}
/*color03*/
.u-saliva-test_ttl01.-color03 {
	background: #ea545e;
}
.u-saliva-test_body.-color03 {
	background: #fadbda;
}
.u-saliva-test_body.-color03 .u-saliva-test_ttl02 {
	border-bottom: 1px solid #ea545e;
	color: #ea545e;
}


/*================================
一般歯科
===============================*/

/*むし歯の進行度*/
/*-----------------------------*/
.tooth-decay {
	display: flex;
	justify-content: flex-start;
	align-items: stretch;
	gap: 4rem;
}
.tooth-decay_item {
	position: relative;
	z-index: 1;
	width: calc(100%/5 - 4rem*4/5);
	display: flex;
	justify-content: flex-start;
	align-items: stretch;
	flex-direction: column;
}
.tooth-decay_item:not(:last-child)::before {
	position: absolute;
	z-index: 1;
	content: "";
	top: 14rem;
	right: 0;
	translate: calc(4rem/2 + 1.6rem/2) 0;
	width: 1.6rem;
	height: 2rem;
	background: var(--theme-color01);
	clip-path: polygon(12% 0, 100% 44%, 100% 56%, 12% 100%, 0 88%, 0 12%);
}
.tooth-decay_title {
	margin-bottom: 1rem;
	padding: 2px 10px 6px;
	background: #abe37e;
	border-radius: 1rem;
	text-align: center;
}
.tooth-decay_title.-color02 {
	background: #ffc95b;
}
.tooth-decay_title.-color03 {
	background: #ff7e42;
}
.tooth-decay_title.-color04 {
	background: #f9292e;
}
.tooth-decay_title.-color05 {
	background: #b01f1a;
}
.tooth-decay_title_en {
	font-size: 2.6rem;
	font-weight: 400;
	line-height: 1.2;
	color: #fff;
}
.tooth-decay_title_jp {
	font-weight: 400;
	line-height: 1.4;
	color: #fff;
}
.tooth-decay_text {
	position: relative;
	z-index: 1;
	height: 100%;
	padding: 1rem;
	background: #f0f9c9;
	border-radius: 1rem;
	font-size: 1.5rem;
	text-align: left;
	line-height: 1.6;
}
.tooth-decay_text::before {
	position: absolute;
	z-index: 1;
	content: "";
	top: 0;
	left: 50%;
	translate: -50% -100%;
	width: 2rem;
	height: 1.4rem;
	background: #f0f9c9;
	clip-path: polygon(50% 0,100% 100%,0 100%);
}



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


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

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

	/*見出し*/
	/*-----------------------------*/
	/*u-heading01*/
	.u-heading01 {}
	.u-heading01::before {}

	/*テキスト*/
	/*-----------------------------*/
	.u-txt01 {}

	/*吹き出し*/
	/*-----------------------------*/
	.u-balloon_wrap {}
	.u-balloon01,
	.u-balloon02 {}
	.u-balloon01_note,
	.u-balloon02_note {}
	.u-balloon01_note {}
	.u-balloon02_note {}
	.u-balloon01_note::before,
	.u-balloon02_note::before {}
	.u-balloon01_note::before {}
	.u-balloon02_note::before {}

	/*矢印*/
	/*-----------------------------*/
	.u-arrow {}
	.u-arrow::before {}
	.u-arrow::after {}


	/*================================
	予防歯科
	===============================*/

	/*唾液検査*/
	/*-----------------------------*/
	.u-saliva-test {}
	.u-saliva-test_ttl01 {}
	.u-saliva-test_ttl02 {}
	.u-saliva-test_body {}
	.u-saliva-test_frame {}
	.u-saliva-test_txt {}


	/*================================
	一般歯科
	===============================*/

	/*むし歯の進行度*/
	/*-----------------------------*/
	.tooth-decay {}
	.tooth-decay_item {}
	.tooth-decay_item:not(:last-child)::before {}
	.tooth-decay_title {}
	.tooth-decay_title.-color02 {}
	.tooth-decay_title.-color03 {}
	.tooth-decay_title.-color04 {}
	.tooth-decay_title.-color05 {}
	.tooth-decay_title_en {}
	.tooth-decay_title_jp {}
	.tooth-decay_text {}
	.tooth-decay_text::before {}

}


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

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

	/*見出し*/
	/*-----------------------------*/
	/*u-heading01*/
	.u-heading01 {}
	.u-heading01::before {}

	/*テキスト*/
	/*-----------------------------*/
	.u-txt01 {
		text-align: left;
	}

	/*吹き出し*/
	/*-----------------------------*/
	.u-balloon_wrap {
		padding-left: 0;
		padding-right: 0;
	}
	.u-balloon01,
	.u-balloon02 {
		padding-top: 0;
	}
	.u-balloon01_note,
	.u-balloon02_note {
		position: relative;
		left: auto;
		right: auto;
		max-width: 100%;
		font-size: 1.8rem;
	}
	.u-balloon01_note {}
	.u-balloon02_note {}
	.u-balloon01_note::before,
	.u-balloon02_note::before {}
	.u-balloon01_note::before {}
	.u-balloon02_note::before {}

	/*矢印*/
	/*-----------------------------*/
	.u-arrow {}
	.u-arrow::before {}
	.u-arrow::after {}


	/*================================
	予防歯科
	===============================*/

	/*唾液検査*/
	/*-----------------------------*/
	.u-saliva-test {}
	.u-saliva-test_ttl01 {
		font-size: 2.2rem;
	}
	.u-saliva-test_ttl02 {}
	.u-saliva-test_body {}
	.u-saliva-test_frame {}
	.u-saliva-test_txt {}


	/*================================
	一般歯科
	===============================*/

	/*むし歯の進行度*/
	/*-----------------------------*/
	.tooth-decay {}
	.tooth-decay_item {}
	.tooth-decay_item:not(:last-child)::before {}
	.tooth-decay_title {}
	.tooth-decay_title.-color02 {}
	.tooth-decay_title.-color03 {}
	.tooth-decay_title.-color04 {}
	.tooth-decay_title.-color05 {}
	.tooth-decay_title_en {}
	.tooth-decay_title_jp {}
	.tooth-decay_text {}
	.tooth-decay_text::before {}

}