@charset "UTF-8";

.contentpage .m_img_area .m_img {background-image: url("../images/caries/m_img@2x.jpg");}
.med_lead .com_lead_txt {background-image: url("../images/caries/parts1@2x.png");}

.med_style3 > dt::before,
.med_style3_txt::before {
	color: #d19c66;
}
.med_style3 > dt .txt_color,
.med_style3_txt .txt_color {
	color: #c98b5c;
}

.med_flow_bg .flow_title {color: #d19c66;}
.med_flow_bg .flow_title::before {background: #d19c66;}



/*ご自身の歯を残す重要性
---------------------------------------------------------*/

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
}



/*虫歯について
---------------------------------------------------------*/
.box2 .med_col_list > li {
	padding-top: 0;
	position: relative;
}
.box2 .med_col_list > li::before {
	content: "";
	position: absolute;
	z-index: 0;
	width: 100%;
	height: 30px;
	background: #fff;
	left: 0;
	top: 0;
}
.box2 .med_col_list dl,
.box2 .med_col_list div {
	position: relative;
	z-index: 1;
}
.box2 .med_col_list div {
	text-align: center;
	width: 50%;
	margin: 0 auto .8em;
}
.box2 .med_col_list dt {
	font-size: 160%;
	letter-spacing: .32em;
	padding-bottom: 0;
	background: none;
	margin-bottom: 1.0em;
}
.box2 .med_col_list > li:nth-child(1) {background: rgba(131,153,199,0.25);}
.box2 .med_col_list > li:nth-child(2) {background: rgba(224,135,135,0.25);}
.box2 .med_col_list > li:nth-child(3) {background: rgba(113,173,115,0.25);}
.box2 .med_col_list > li:nth-child(1) dt {color: #8399c7;}
.box2 .med_col_list > li:nth-child(2) dt {color: #e08787;}
.box2 .med_col_list > li:nth-child(3) dt {color: #71ad73;}

.med_flow.flow_5 li:nth-child(even) {
	padding-top: 7.5%;
}
.box2 .med_flow p {
	margin-top: 2.0em;
}
.box2 .med_flow p span {
	display: block;
	text-align: center;
	color: #d19c66;
	font-size: 190%;
	letter-spacing: .05em;
	line-height: 1.0em;
	margin-bottom: .4em;
}

.box2 .flow_txt {
	width: 100%;
	max-width: 1130px;
	margin-left: auto;
	margin-right: auto;
	box-sizing: border-box;
	background: #d19c66;
	color: #fff;
	padding: 40px 3%;
}
.box2 .flow_txt dt {
	text-align: center;
	font-size: 120%;
	font-weight: bold;
	letter-spacing: .3em;
	line-height: 1.4em;
	margin-bottom: 1.0em;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.box2 .med_col_list dt {
	margin-bottom: .5em;
}

.box2 .med_flow p {
	margin-top: 1.0em;
}
.box2 .med_flow p span {
	margin-bottom: .2em;
}
.box2 .med_flow p br {
	display: none;
}

.box2 .flow_txt {
	padding: 4% 3%;
}
.box2 .flow_txt dt {
	margin-bottom: .8em;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.box2 .med_col_list > li::before {
	height: 5vw;
}
.box2 .med_col_list div {
	width: 25%;
	margin-bottom: .5em;
}
.box2 .med_col_list dt {
	font-size: 140%;
	letter-spacing: .2em;
	margin-bottom: .3em;
}

.box2 .med_flow p span {
	text-align: left;
	margin-bottom: .2em;
}
.box2 .med_flow p br {
	display: none;
}

.box2 .flow_txt {
	padding: 6% 4%;
}
.box2 .flow_txt dt {
	letter-spacing: .15em;
	margin-bottom: .5em;
}
}



/*box3
---------------------------------------------------------*/

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.box3 .med_style3 .txt_color {
	display: block;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
}



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

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
}