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

.item_title03 {
	color: #3b7099;
}






/*max-width*/
/*------------------------------*/
.wid840 {
	max-width: 840px;
	margin-left: auto;
	margin-right: auto;
}

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

/* むし歯の進行
===============================*/
.tooth-decay {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	gap: 40px;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
}
.tooth-decay_item {
	position: relative;
	z-index: 1;
	width: calc(100%/4 - 120px/4);
}
.tooth-decay_item:not(:last-child)::before {
	position: absolute;
	z-index: 1;
	content: "";
	top: 40%;
	right: 0;
	-webkit-transform: translate(calc(100% + 12px));
	transform: translate(calc(100% + 12px));
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-left: 16px solid #3b7099;
}
.tooth-decay_title {
	margin-bottom: 10px;
	padding: 2px 10px 6px;
	background: #ffc95b;
	border-radius: 10px;
	text-align: center;
}
.tooth-decay_title.-color02 {
	background: #ff7e42;
}
.tooth-decay_title.-color03 {
	background: #f9292e;
}
.tooth-decay_title.-color04 {
	background: #b01f1a;
}
.tooth-decay_title_en {
	font-size: 3rem;
	font-weight: 500;
	line-height: 1.2;
	color: #fff;
}
.tooth-decay_title_jp {
	font-size: 1.6rem;
	font-weight: 500;
	line-height: 1.4;
	color: #fff;
}
.tooth-decay_text {
	position: relative;
	z-index: 1;
	padding: 20px 30px;
	background: #fff;
	border: 1px solid #8e827e;
	font-size: 1.6rem;
	font-weight: 500;
	text-align: left;
	line-height: 1.5;
	color: #6a4f46;
}
.tooth-decay_text::before {
	position: absolute;
	z-index: 1;
	content: "";
	top: 0;
	left: 50%;
	-webkit-transform: translate(-50%,-100%);
	transform: translate(-50%,-100%);
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 14px solid #8e827e;
}
.tooth-decay_text::after {
	position: absolute;
	z-index: 1;
	content: "";
	top: 1px;
	left: 50%;
	-webkit-transform: translate(-50%,-100%);
	transform: translate(-50%,-100%);
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 14px solid #fff;
}

/* 根管治療の流れ
===============================*/
.root-canal_flow {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	gap: 40px;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
}
.root-canal_flow_item {
	position: relative;
	z-index: 1;
	width: calc(100%/4 - 120px/4);
}
.root-canal_flow_item:not(:last-child)::before {
	position: absolute;
	z-index: 1;
	content: "";
	top: 36%;
	right: 0;
	-webkit-transform: translate(calc(100% + 12px));
	transform: translate(calc(100% + 12px));
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-left: 16px solid #3b7099;
}
.root-canal_flow_text {
	font-size: 1.6rem;
	line-height: 1.5;
}

/*================================
歯周病
================================*/

/* 歯周病の進行
===============================*/
.progression_flow {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	gap: 40px;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
}
.progression_flow_item {
	position: relative;
	z-index: 1;
	width: calc(100%/4 - 120px/4);
}
.progression_flow_item:not(:last-child)::before {
	position: absolute;
	z-index: 1;
	content: "";
	top: 20%;
	right: 0;
	-webkit-transform: translate(calc(100% + 12px));
	transform: translate(calc(100% + 12px));
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-left: 16px solid #3b7099;
}
.progression_flow_title {
	margin-bottom: 20px;
	padding: 2px 10px;
	background: #f39801;
	border-radius: 20px;
	font-size: 2rem;
	font-weight: 500;
	text-align: center;
	line-height: 1.4;
	color: #fff;
}
.progression_flow_title.-color02 {
	background: #ee7700;
}
.progression_flow_title.-color03 {
	background: #eb5405;
}
.progression_flow_title.-color04 {
	background: #c53010;
}
.progression_flow_text {
	font-size: 1.6rem;
	line-height: 1.5;
}

/* このような症状はございませんか？
===============================*/
.symptoms_lists {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	gap: 20px 30px;
	max-width: 700px;
	margin-left: auto;
	margin-right: auto;
}
.symptoms_lists_item {
	width: calc(100%/4 - 90px/4);
}
.symptoms_lists_text {
	font-size: 1.6rem;
	line-height: 1.5;
	text-align: center;
}

/* 歯周病が全身へ及ぼす影響
===============================*/
.perio_effect {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	gap: 20px;
}
.perio_effect_item {
	width: calc(100%/3 - 40px/3);
}
.perio_effect_item:not(.-pic) {}
.perio_effect_item.-pic {
	background: #f57a73;
}

/*================================
セラミック
================================*/

/* 当院の詰めもの・被せものの種類
===============================*/
.workpiece {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	gap: 20px 30px;
}
.workpiece_desc {
	width: calc(37% - 60px/3);
}
.workpiece_pic {
	width: calc(29% - 60px/3);
}
.workpiece_info {
	width: calc(34% - 60px/3);
}
/*審美性、耐久性*/
.quality_table {
	width: 100%;
}
.quality_table th {
	width: 50%;
	padding: 0 10px;
	background: #3b7099;
	border-bottom: 4px solid #f6f6e1;
	font-weight: 500;
	text-align: center;
	color: #fff;
}
.quality_table th:not(:last-child) {
	border-right: 4px solid #f6f6e1;
}
.quality_table td {
	padding: 0 10px;
	background: #91a2b0;
	font-weight: 500;
	text-align: center;
	color: #fff;
}
.quality_table td:not(:last-child) {
	border-right: 4px solid #f6f6e1;
}
/*料金*/
.workpiece_price {
	/*flex*/
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	/*others*/
	min-height: 80px;
	padding: 4px 10px;
	background: #fff;
	font-weight: 500;
	text-align: center;
	line-height: 1.8;
	color: #666;
}

/* 料金表
===============================*/
.lower_ttl01 {
   padding-bottom: 0.5em;
   text-align: center;
   position: relative;
   font-size: clamp(18px, 20 / 524 * 70vw, 22px);
   margin-bottom: 20px;
}
.lower_ttl01::after{
   content: '';
   background-color: #d3a458;
   width: 2em;
   height: 5px;
   position: absolute;
   bottom: 0;
   left: 50%;
   transform: translateX(-50%);
   -webkit-transform: translateX(-50%);
   -ms-transform: translateX(-50%);	
}
.lower_ttl02 {
	background-color: #fff;
    border-bottom: solid 1px #c0b5b2;
    color: var(--color01);
    line-height: 1.1;
    padding-bottom: 15px;
    position: relative;
    text-align: start;
    margin: 0 auto 30px;
	display: -webkit-inline-box;
}

.price_tbl ,.price_tbl td,.price_tbl th {
	border: 1px solid #ded6d4;
	border-collapse: collapse;
}
.price_tbl td,.price_tbl th {
    color: #786967;
    font-weight: 500;
	padding: 15px 20px;
    letter-spacing: 0;
    line-height: 1.3;
    text-align: center;
    vertical-align: middle;
}
.price_tbl {
    width: 100%;
    table-layout: fixed;
	margin-bottom: 15px;
}
.price_tbl th {
	background: #3b70990f;
}
.price_thead td {
    background-color: #3b7099;
    border-color: #fff;
    color: #fff;
}
.sp-text {
  font-size: 16px;
}
/*================================
矯正歯科
================================*/

/* 当院で行う矯正治療の種類
===============================*/
.ortho_title01 {
	display: inline-block;
	min-width: 200px;
	margin-bottom: 10px;
	padding: 6px 10px;
	background: #3b7099;
	border-radius: 4px;
	font-weight: 500;
	text-align: center;
	line-height: 1.4;
	color: #fff;
}

/*================================
インプラント
================================*/

/* インプラント治療の価格
===============================*/
.implant_table {
	width: 100%;
}
.implant_table tr:not(:last-child) {
	border-bottom: 4px solid #fff;
}
.implant_table th {
	width: 50%;
	padding: 0 10px;
	background: #3b7099;
	border-right: 4px solid #fff;
	font-weight: 500;
	text-align: center;
	color: #fff;
}
.implant_table td {
	padding: 0 10px;
	background: #91a2b0;
	font-weight: 500;
	text-align: center;
	color: #fff;
}

/*================================
訪問歯科
===============================*/

/* 訪問歯科で受けられる治療
===============================*/
.visit_type {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	gap: 20px;
}
.visit_type .flex_item {
	width: calc(100%/3 - 40px/3);
}

/* 訪問歯科の流れ
===============================*/
.flow_bottom {
	position: relative;
	z-index: 1;
	margin-bottom: 50px;
}
.flow_bottom::after {
	position: absolute;
	z-index: -1;
	content: "";
	left: 7rem;
	bottom: 0;
	-webkit-transform: translateY(calc(100% + 15px));
	transform: translateY(calc(100% + 15px));
	border-top: 20px solid #3b7099;
	border-left: 18px solid transparent;
	border-right: 18px solid transparent;
}

/* お伺いできる場所と範囲
===============================*/
.visit_location {
	/*flex*/
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	gap: 20px 40px;
}
.visit_location_pic {
	/*flex*/
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	gap: 20px;
	/*others*/
	width: 56%;
}
.visit_location_pic_item {
	width: calc(100%/3 - 40px/3);
}
.visit_location_article {
	width: calc(100% - (56% + 40px));
}
.visit_iframe {
	display: block;
	width: 100%;
	height: 600px;
}

/*================================
その他
===============================*/

/* メリットデメリット
===============================*/
/*メリット*/
.merit_flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
}
.merit_heading {
	/*flex*/
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	/*others*/
	width: 16.4rem;
	padding: 10px 20px;
	background: #3b7099;
	font-weight: 500;
	text-align: center;
	color: #fff;
	line-height: 1.4;
}
.merit_body {
	/*flex*/
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	/*others*/
	width: calc(100% - 16.4rem);
	min-height: 7rem;
	padding: 10px 20px;
	background: #fff;
}
.merit_list {
	position: relative;
	padding-left: 1.2em;
	line-height: 1.4;
	text-align: left;
	color: #3b7099;
}
.merit_list::before {
	position: absolute;
	content: "";
	left: 0.4em;
	top: 0.66em;
	width: 0.4rem;
	height: 0.4rem;
	background: #3b7099;
	border-radius: 50%;
}
/*デメリット*/
.demerit_flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
}
.demerit_heading {
	/*flex*/
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	/*others*/
	width: 16.4rem;
	padding: 10px 20px;
	background: #836736;
	font-weight: 500;
	text-align: center;
	color: #fff;
	line-height: 1.4;
}
.demerit_body {
	/*flex*/
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	/*others*/
	width: calc(100% - 16.4rem);
	min-height: 7rem;
	padding: 10px 20px;
	background: #fff;
}
.demerit_list {
	position: relative;
	padding-left: 1.2em;
	line-height: 1.4;
	text-align: left;
	color: #836736;
}
.demerit_list::before {
	position: absolute;
	content: "";
	left: 0.4em;
	top: 0.66em;
	width: 0.4rem;
	height: 0.4rem;
	background: #836736;
	border-radius: 50%;
}

/* ポイント
===============================*/
.point {}
.point_heading {
	/*flex*/
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	/*others*/
	position: relative;
	z-index: 2;
	margin-bottom: -5rem;
	width: 10.6rem;
	height: 10.6rem;
	background: #fff;
	border: 4px solid #fff;
	-webkit-box-shadow:
		0 0 0 6px #3b7099 inset,
		0 0 0 9px #fff inset,
		0 0 0 11px #604c29 inset;
	box-shadow:
		0 0 0 6px #3b7099 inset,
		0 0 0 9px #fff inset,
		0 0 0 11px #604c29 inset;
	font-size: 2rem;
	text-align: center;
	line-height: 1;
	color: #4c3a1b;
}
.point_body {
	position: relative;
	z-index: 1;
	background: url(../img/pattern02.jpg)top center;
	padding: 20px 40px 20px 15rem;
}
.point_body::before {
	position: absolute;
	z-index: -1;
	content: "";
	top: 1rem;
	left: 1rem;
	width: calc(100% - 2rem);
	height: calc(100% - 2rem);
	background: #fff;
	border: 5px solid #fff;
	-webkit-box-shadow: 0 0 0 1px #3b7099 inset;
	box-shadow: 0 0 0 1px #3b7099 inset;
}

/* 一言コメント
===============================*/
.conclusion {
	text-align: center;
}
.conclusion .text {
	position: relative;
	z-index: 1;
	display: inline-block;
	padding: 0.5rem 3rem;
	font-size: 2.2rem;
	font-weight: 500;
	line-height: 2;
	letter-spacing: 0.05em;
	color: #3b7099;
}
.conclusion .text::before,
.conclusion .text::after {
	position: absolute;
	z-index: -1;
	content: "";
	width: 2.5rem;
	height: 2.5rem;
}
.conclusion .text::before {
	left: 0;
	top: 0;
	border-left: 1px solid #3b7099;
	border-top: 1px solid #3b7099;
}
.conclusion .text::after {
	right: 0;
	bottom: 0;
	border-right: 1px solid #3b7099;
	border-bottom: 1px solid #3b7099;
}
.conclusion .dotted {
	padding-top: 2px;
	background-image: url(../img/conclusion_dotted.png);
	background-position: top left;
	background-size: 1.05em auto;
	background-repeat: repeat-x;
}

/* リスト
===============================*/
/*check_dl*/
.check_dl {}
.check_dl:not(:last-child) {
	margin-bottom: 1rem;
}
.check_dt {
	padding-left: 2.2em;
	background: url(../img/check_icon.png)left top/1.4em auto no-repeat;
	font-size: 2.2rem;
	text-align: left;
	color: #604c29;
}
.check_dd {
	padding-left: 5rem;
	text-align: left;
	line-height: 1.8;
}
.check_dd:not(:last-child) {
	margin-bottom: 20px;
}
/*dot_list01*/
.dot_list01 {
	position: relative;
	padding-left: 1.2em;
	text-align: left;
}
.dot_list01::before {
	position: absolute;
	content: "";
	left: 0.4em;
	top: 1em;
	width: 0.4rem;
	height: 0.4rem;
	background: #333;
	border-radius: 50%;
}
/*dot_list02*/
.dot_list02 {
	position: relative;
	padding-left: 1.2em;
	text-align: left;
}
.dot_list02::before {
	position: absolute;
	content: "";
	left: 0.4em;
	top: 0.9em;
	width: 0.4rem;
	height: 0.4rem;
	background: #333;
	border-radius: 50%;
}

/* 料金
===============================*/
.price_text {
	padding: 4px 10px;
	background: #fff;
	font-weight: 500;
	text-align: center;
	line-height: 1.8;
	color: #666;
}
.price_text.-color02 {
	background: #f6f6e1;
}



/*================================
ノートPC 1366px～0px
================================*/
@media (max-width: 1366px) {

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

	/* むし歯の進行
	===============================*/
	.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_en {}
	.tooth-decay_title_jp {}
	.tooth-decay_text {}
	.tooth-decay_text::before {}

	/* 根管治療の流れ
	===============================*/
	.root-canal_flow {}
	.root-canal_flow_item {}
	.root-canal_flow_item:not(:last-child)::before {}
	.root-canal_flow_text {}

	/*================================
	歯周病
	================================*/

	/* 歯周病の進行
	===============================*/
	.progression_flow {}
	.progression_flow_item {}
	.progression_flow_item:not(:last-child)::before {}
	.progression_flow_title {}
	.progression_flow_title.-color02 {}
	.progression_flow_text {}

	/* このような症状はございませんか？
	===============================*/
	.symptoms_lists {}
	.symptoms_lists_item {}
	.symptoms_lists_text {}

	/* 歯周病が全身へ及ぼす影響
	===============================*/
	.perio_effect {}
	.perio_effect_item {}
	.perio_effect_item:not(.-pic) {}
	.perio_effect_item.-pic {}

	/*================================
	セラミック
	================================*/

	/* 当院の詰めもの・被せものの種類
	===============================*/
	.workpiece {}
	.workpiece_desc {}
	.workpiece_pic {}
	.workpiece_info {}
	/*審美性、耐久性*/
	.quality_table {}
	.quality_table th {}
	.quality_table th:not(:last-child) {}
	.quality_table td {}
	.quality_table td:not(:last-child) {}
	/*料金*/
	.workpiece_price {}

	/*================================
	インプラント
	================================*/

	/* インプラント治療の価格
	===============================*/
	.implant_table {}
	.implant_table tr:not(:last-child) {}
	.implant_table th {}
	.implant_table td {}

	/*================================
	訪問歯科
	===============================*/

	/* 訪問歯科で受けられる治療
	===============================*/
	.visit_type {}
	.visit_type .flex_item {}

	/* 訪問歯科の流れ
	===============================*/
	.flow_bottom {}
	.flow_bottom::after {}

	/* お伺いできる場所と範囲
	===============================*/
	.visit_location {}
	.visit_location_pic {}
	.visit_location_pic_item {}
	.visit_location_article {}

	/*================================
	その他
	===============================*/

	/* メリットデメリット
	===============================*/
	/*メリット*/
	.merit_flex {}
	.merit_heading {}
	.merit_body {}
	.merit_list {}
	.merit_list::before {}
	/*デメリット*/
	.demerit_flex {}
	.demerit_heading {}
	.demerit_body {}
	.demerit_list {}
	.demerit_list::before {}

	/* ポイント
	===============================*/
	.point {}
	.point_heading {}
	.point_body {}

	/* 一言コメント
	===============================*/
	.conclusion {}
	.conclusion .text {}

	/* リスト
	===============================*/
	/*check_dl*/
	.check_dl {}
	.check_dl:not(:last-child) {}
	.check_dt {}
	.check_dd {}
	/*dot_list01*/
	.dot_list01 {}
	.dot_list01::before {}
	/*dot_list02*/
	.dot_list02 {}
	.dot_list02::before {}

	/* 料金
	===============================*/
	.price_text {}
	
	
}


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

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

	/* むし歯の進行
	===============================*/
	.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_en {}
	.tooth-decay_title_jp {}
	.tooth-decay_text {}
	.tooth-decay_text::before {}

	/* 根管治療の流れ
	===============================*/
	.root-canal_flow {}
	.root-canal_flow_item {}
	.root-canal_flow_item:not(:last-child)::before {}
	.root-canal_flow_text {}

	/*================================
	歯周病
	================================*/

	/* 歯周病の進行
	===============================*/
	.progression_flow {}
	.progression_flow_item {}
	.progression_flow_item:not(:last-child)::before {}
	.progression_flow_title {}
	.progression_flow_title.-color02 {}
	.progression_flow_text {}

	/* このような症状はございませんか？
	===============================*/
	.symptoms_lists {}
	.symptoms_lists_item {}
	.symptoms_lists_text {}

	/* 歯周病が全身へ及ぼす影響
	===============================*/
	.perio_effect {}
	.perio_effect_item {}
	.perio_effect_item:not(.-pic) {}
	.perio_effect_item.-pic {}

	/*================================
	セラミック
	================================*/

	/* 当院の詰めもの・被せものの種類
	===============================*/
	.workpiece {}
	.workpiece_desc {}
	.workpiece_pic {}
	.workpiece_info {}
	/*審美性、耐久性*/
	.quality_table {}
	.quality_table th {}
	.quality_table th:not(:last-child) {}
	.quality_table td {}
	.quality_table td:not(:last-child) {}
	/*料金*/
	.workpiece_price {}

	/*================================
	インプラント
	================================*/

	/* インプラント治療の価格
	===============================*/
	.implant_table {}
	.implant_table tr:not(:last-child) {}
	.implant_table th {}
	.implant_table td {}

	/*================================
	訪問歯科
	===============================*/

	/* 訪問歯科で受けられる治療
	===============================*/
	.visit_type {}
	.visit_type .flex_item {}

	/* 訪問歯科の流れ
	===============================*/
	.flow_bottom {}
	.flow_bottom::after {}

	/* お伺いできる場所と範囲
	===============================*/
	.visit_location {}
	.visit_location_pic {}
	.visit_location_pic_item {}
	.visit_location_article {}

	/*================================
	その他
	===============================*/

	/* メリットデメリット
	===============================*/
	/*メリット*/
	.merit_flex {}
	.merit_heading {}
	.merit_body {}
	.merit_list {}
	.merit_list::before {}
	/*デメリット*/
	.demerit_flex {}
	.demerit_heading {}
	.demerit_body {}
	.demerit_list {}
	.demerit_list::before {}

	/* ポイント
	===============================*/
	.point {}
	.point_heading {}
	.point_body {}

	/* 一言コメント
	===============================*/
	.conclusion {}
	.conclusion .text {}

	/* リスト
	===============================*/
	/*check_dl*/
	.check_dl {}
	.check_dl:not(:last-child) {}
	.check_dt {}
	.check_dd {}
	/*dot_list01*/
	.dot_list01 {}
	.dot_list01::before {}
	/*dot_list02*/
	.dot_list02 {}
	.dot_list02::before {}

	/* 料金
	===============================*/
	.price_text {}



}


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

	/*max-width*/
	/*------------------------------*/
	.tab-wid500 {
		max-width: 500px;
		margin-left: auto;
		margin-right: auto;
	}
	.tab-wid560 {
		max-width: 560px;
		margin-left: auto;
		margin-right: auto;
	}
	.tab-wid600{
		max-width: 600px;
		margin-left: auto;
		margin-right: auto;
	}
	
	/*================================
	一般歯科
	================================*/

	/* むし歯の進行
	===============================*/
	.tooth-decay {}
	.tooth-decay_item {
		/*width: calc(50% - 40px/2);*/
		width: calc(50% - 80px/2);
	}
	.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_en {}
	.tooth-decay_title_jp {}
	.tooth-decay_text {
		padding: 20px;
		font-size: 2rem;
	}
	.tooth-decay_text::before {}

	/* 根管治療の流れ
	===============================*/
	.root-canal_flow {}
	.root-canal_flow_item {
		/*width: calc(50% - 40px/2);*/
		width: calc(50% - 80px/2);
	}
	.root-canal_flow_item:not(:last-child)::before {}
	.root-canal_flow_text {
		font-size: 2rem;
	}

	/*================================
	歯周病
	================================*/

	/* 歯周病の進行
	===============================*/
	.progression_flow {}
	.progression_flow_item {
		/*width: calc(50% - 40px/2);*/
		width: calc(50% - 80px/2);
	}
	.progression_flow_item:not(:last-child)::before {}
	.progression_flow_title {}
	.progression_flow_title.-color02 {}
	.progression_flow_text {
		font-size: 2rem;
	}

	/* このような症状はございませんか？
	===============================*/
	.symptoms_lists {}
	.symptoms_lists_item {}
	.symptoms_lists_text {}

	/* 歯周病が全身へ及ぼす影響
	===============================*/
	.perio_effect {}
	.perio_effect_item {
		width: calc(50% - 10px);
	}
	.perio_effect_item:not(.-pic) {}
	.perio_effect_item.-pic {}

	/*================================
	セラミック
	================================*/

	/* 当院の詰めもの・被せものの種類
	===============================*/
	.workpiece {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-flow: row wrap;
		flex-flow: row wrap;
	}
	.workpiece_desc {
		width: calc(58% - 15px);
	}
	.workpiece_pic {
		width: calc(42% - 15px);
	}
	.workpiece_info {
		width: 100%;
	}
	/*審美性、耐久性*/
	.quality_table {}
	.quality_table th {}
	.quality_table th:not(:last-child) {}
	.quality_table td {}
	.quality_table td:not(:last-child) {}
	/*料金*/
	.workpiece_price {}

	/*================================
	インプラント
	================================*/

	/* インプラント治療の価格
	===============================*/
	.implant_table {}
	.implant_table tr:not(:last-child) {}
	.implant_table th {}
	.implant_table td {}

	/*================================
	訪問歯科
	===============================*/

	/* 訪問歯科で受けられる治療
	===============================*/
	.visit_type {}
	.visit_type .flex_item {
		width: calc(100%/2 - 20px/2);
	}
	
	/* 訪問歯科の流れ
	===============================*/
	.flow_bottom {}
	.flow_bottom::after {}

	/* お伺いできる場所と範囲
	===============================*/
	.visit_location {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-flow: row wrap;
		flex-flow: row wrap;
	}
	.visit_location_pic {
		width: 100%;
	}
	.visit_location_pic_item {}
	.visit_location_article {
		width: 100%;
	}

	/*================================
	その他
	===============================*/

	/* メリットデメリット
	===============================*/
	/*メリット*/
	.merit_flex {}
	.merit_heading {}
	.merit_body {}
	.merit_list {}
	.merit_list::before {}
	/*デメリット*/
	.demerit_flex {}
	.demerit_heading {}
	.demerit_body {}
	.demerit_list {}
	.demerit_list::before {}

	/* ポイント
	===============================*/
	.point {}
	.point_heading {}
	.point_body {
		padding: 50px 40px 20px;
	}
	
	/* 一言コメント
	===============================*/
	.conclusion {}
	.conclusion .text {}

	/* リスト
	===============================*/
	/*check_dl*/
	.check_dl {}
	.check_dl:not(:last-child) {}
	.check_dt {}
	.check_dd {}
	/*dot_list01*/
	.dot_list01 {}
	.dot_list01::before {}
	/*dot_list02*/
	.dot_list02 {}
	.dot_list02::before {}

	/* 料金
	===============================*/
	.price_text {}



}


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

	/*max-width*/
	/*------------------------------*/
	.sp-max_wid100 {
		max-width: 100px;
		margin-left: auto;
		margin-right: auto;
	}
	.sp-max_wid160 {
		max-width: 160px;
		margin-left: auto;
		margin-right: auto;
	}
	

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

	/* むし歯の進行
	===============================*/
	.tooth-decay {}
	.tooth-decay_item {
		width: 100%;
	}
	.tooth-decay_item:not(:last-child)::before {
		top: auto;
		bottom: 0;
		right: 50%;
		-webkit-transform: translate(50%,calc(100% + 12px));
		transform: translate(50%,calc(100% + 12px));
		border-top: 16px solid #3b7099;
		border-left: 10px solid transparent;
		border-right: 10px solid transparent;
		border-bottom: none;
	}
	.tooth-decay_title {}
	.tooth-decay_title.-color02 {}
	.tooth-decay_title.-color03 {}
	.tooth-decay_title.-color04 {}
	.tooth-decay_title_en {}
	.tooth-decay_title_jp {}
	.tooth-decay_text {}
	.tooth-decay_text::before {}

	/* 根管治療の流れ
	===============================*/
	.root-canal_flow {}
	.root-canal_flow_item {
		width: 100%;
	}
	.root-canal_flow_item:not(:last-child)::before {
		top: auto;
		bottom: 0;
		right: 50%;
		-webkit-transform: translate(50%,calc(100% + 12px));
		transform: translate(50%,calc(100% + 12px));
		border-top: 16px solid #3b7099;
		border-left: 10px solid transparent;
		border-right: 10px solid transparent;
		border-bottom: none;
	}
	.root-canal_flow_text {}

	/*================================
	歯周病
	================================*/

	/* 歯周病の進行
	===============================*/
	.progression_flow {}
	.progression_flow_item {
		width: 100%;
	}
	.progression_flow_item:not(:last-child)::before {
		top: auto;
		bottom: 0;
		right: 50%;
		-webkit-transform: translate(50%,calc(100% + 12px));
		transform: translate(50%,calc(100% + 12px));
		border-top: 16px solid #3b7099;
		border-left: 10px solid transparent;
		border-right: 10px solid transparent;
		border-bottom: none;
	}
	.progression_flow_title {}
	.progression_flow_title.-color02 {}
	.progression_flow_text {}

	/* このような症状はございませんか？
	===============================*/
	.symptoms_lists {}
	.symptoms_lists_item {
		width: calc(100%/2 - 30px/2);
	}
	.symptoms_lists_text {}

	/* 歯周病が全身へ及ぼす影響
	===============================*/
	.perio_effect {}
	.perio_effect_item {
		width: 100%;
	}
	.perio_effect_item:not(.-pic) {
		padding: 16px 20px;
	}
	.perio_effect_item.-pic {
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 1;
		order: 1;
	}

	/*================================
	セラミック
	================================*/

	/* 当院の詰めもの・被せものの種類
	===============================*/
	.workpiece {}
	.workpiece_desc {
		width: 100%;
	}
	.workpiece_pic {
		width: 100%;
	}
	.workpiece_info {}
	/*審美性、耐久性*/
	.quality_table {}
	.quality_table th {}
	.quality_table th:not(:last-child) {}
	.quality_table td {}
	.quality_table td:not(:last-child) {}
	/*料金*/
	.workpiece_price {}

    .price_tbl {
        width: 100%;
    	font-size: small;
    }
	.price_thead td {
        padding-block: 10px;
    }
    .sp-text {
        font-size: 12px;
    }



	/*================================
	インプラント
	================================*/

	/* インプラント治療の価格
	===============================*/
	.implant_table {}
	.implant_table tr:not(:last-child) {}
	.implant_table th {
		display: block;
		width: 100%;
		border-right: none;
	}
	.implant_table td {
		display: block;
		width: 100%;
	}

	/*================================
	訪問歯科
	===============================*/

	/* 訪問歯科で受けられる治療
	===============================*/
	.visit_type {}
	.visit_type .flex_item {
		width: 100%;
	}

	/* 訪問歯科の流れ
	===============================*/
	.flow_bottom {}
	.flow_bottom::after {}

	/* お伺いできる場所と範囲
	===============================*/
	.visit_location {}
	.visit_location_pic {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}
	.visit_location_pic_item {
		width: 100%;
	}
	.visit_location_article {}
	.visit_iframe {
		height: 400px;
	}

	/*================================
	その他
	===============================*/

	/* メリットデメリット
	===============================*/
	/*メリット*/
	.merit_flex {}
	.merit_heading {
		width: 100%;
		padding: 10px;
	}
	.merit_body {
		width: 100%;
		padding: 10px;
	}
	.merit_list {}
	.merit_list::before {}
	/*デメリット*/
	.demerit_flex {}
	.demerit_heading {
		width: 100%;
		padding: 10px;
	}
	.demerit_body {
		width: 100%;
		padding: 10px;
	}
	.demerit_list {}
	.demerit_list::before {}

	/* ポイント
	===============================*/
	.point {}
	.point_heading {}
	.point_body {
		padding: 50px 30px 20px;
	}
	
	/* 一言コメント
	===============================*/
	.conclusion {}
	.conclusion .text {
		padding: 1rem 2rem;
		font-size: 2rem;
	}

	/* リスト
	===============================*/
	/*check_dl*/
	.check_dl {}
	.check_dl:not(:last-child) {}
	.check_dt {
		padding-left: 1.8em;
		font-size: 2.2rem;
	}
	.check_dd {
		padding-left: calc(2.2rem*1.8);
	}
	/*dot_list01*/
	.dot_list01 {}
	.dot_list01::before {}
	/*dot_list02*/
	.dot_list02 {}
	.dot_list02::before {}

	/* 料金
	===============================*/
	.price_text {}



}

















