@charset "UTF-8";

.contentpage .m_img_area .m_img {
	background-image: url("../images/implant/m_img@2x.jpg");}



/* imp_col3
---------------------------------------------------------*/
.imp_col3{
	display: flex;
    justify-content: space-between;
}
.imp_col3 > li{
	width: 32%;
	background: #F7F6F4;
	padding: 60px 2% 40px;
	box-sizing: border-box;
}
.imp_col3 > li:first-child{
	background: #FAF8EF;
}
.imp_col3 .tit{
	margin-bottom: 25px;
	text-align: center;
}
.imp_col3 .tit dt{
	font-size: min(170%,2.8vw);
	letter-spacing: 0.01em;
	line-height: 1em;
}
.imp_col3 .tit dd{
	color: #939396;
	font-size: min(105%,1.8vw);
	line-height: 1em;
	margin-top: 1em;
}
.imp_col3 > li:first-child .tit dd{
	color: #B59F34;
}
.imp_col3 .img{
	margin-bottom: 1.5rem;
}
.imp_col3 .merit{
	border-top:1px solid #B4B4B5;
	border-bottom:1px solid #B4B4B5;
	margin: 2rem 0;
	padding: 2rem 0;
}
.imp_col3 > li:first-child .merit{
	border-color:#DACF99;
}

.imp_col3 .img,
.imp_col3 .txt,
.imp_col3 .med_merit_list,
.imp_col3 .med_demerit_list{
	padding-left: 4%;
	padding-right: 4%;
	box-sizing: border-box;
}
.imp_col3 .med_merit_list li,
.imp_col3 .med_demerit_list li{
	letter-spacing: -0.01em;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) { 
.imp_col3 > li{
	width: 32.7%;
	padding: 4% 2%;
}
.imp_col3 .tit{
	margin-bottom: 7%;
}
.imp_col3 .tit dd{
	margin-top: .6em;
}
.imp_col3 .img{
	margin-bottom: 1rem;
}
.imp_col3 .merit{
	margin: 1.3rem 0;
	padding: 1.3rem 0;
}
.imp_col3 .img,
.imp_col3 .txt,
.imp_col3 .med_merit_list,
.imp_col3 .med_demerit_list{
	padding-left: 0;
	padding-right: 0;
}
}

/* Mobile (Portrait) 
------------------------------------------*/ 
@media only screen and (max-width: 767px) { 
.imp_col3{
	display: block;
}
.imp_col3 > li{
	width: 100%;
	padding:8% 5%;
	margin-bottom: 4%;
}
.imp_col3 > li:last-child{
	margin-bottom: 0;
}
.imp_col3 .tit{
	margin-bottom: 6%;
}
.imp_col3 .tit dt{
	font-size: 160%;
}
.imp_col3 .tit dd{
	font-size: 100%;
	margin-top: .7em;
}
.imp_col3 .img{
	width: 70%;
	margin: 0 auto 5%;
}
.imp_col3 .merit{
	margin: 6% 0;
	padding: 6% 0;
}
.imp_col3 .img,
.imp_col3 .txt,
.imp_col3 .med_merit_list,
.imp_col3 .med_demerit_list{
	padding-left: 0;
	padding-right:0;
}
}