@charset "UTF-8";

/*hikaku
---------------------------------------------------------*/
.hikaku{
    display: flex;
    justify-content: space-between;
}
.hikaku > div{
	max-width: 398px;
	width: 32.7%;
	border: 1px solid #bbbeba;
}
.hikaku > div > dl{
	padding: 8px 8px 0;
}
.hikaku > div > dl dt{
	font-size: 140%;
	letter-spacing: 0.15em;
	line-height: 1em;
	text-align: center;
	padding: 2em 0;
	background-color: #f3f4ef;
}
.hikaku > div:first-child > dl dt{
	background-color: #edf4c5;
}
.hikaku > div > dl dd{
	padding: 2em 3%;
}
.hikaku > div > dl dd .img{
	max-width: 278px;
	width: 86%;
	margin: 0 auto 1.5em;
	text-align: center;
}
.hikaku > div > dl dd .txt{
	max-width: 340px;
	margin: 0 auto;
}
.hikaku > div .merit_demerit > div{
	border-top: 1px solid #bbbeba;
	padding: 2em 8px;
	position: relative;
	z-index: 1;
}
.hikaku > div .merit_demerit > div::before{
	position: absolute;
	content: "";
	background-repeat: no-repeat;
	background-position: right bottom;
	background-size: 100% 100%;
	width: 7.7333334em;
	height: 7.7333334em;
	right: 1.3em;
	bottom: 1.5em;
	z-index: -1;
}
.hikaku > div .merit_demerit > div.merit::before{
	background-image: url("../images/implant/abs_merit.svg");
}
.hikaku > div .merit_demerit > div.demerit::before{
	background-image: url("../images/implant/abs_demerit.svg");
}
.hikaku > div .merit_demerit > div ul{
	max-width: 340px;
	width: 94%;
	margin: 0 auto;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.med_lead{
	margin-bottom:6%;
}
.hikaku > div > dl{
	padding: 5px 5px 0;
}
.hikaku > div > dl dt{
	font-size: 130%;
	letter-spacing: 0.1em;
	padding: 1.5em 0;
}
.hikaku > div > dl dd{
	padding: 1.5em 3%;
}
.hikaku > div > dl dd .img{
	margin: 0 auto 1em;
}
.hikaku > div .merit_demerit > div{
	padding: 1.5em 6px;
}
.hikaku > div .merit_demerit > div::before{
	font-size: 75%;
}

}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.med_lead{
	margin-bottom: -2vw;
}
	
.hikaku{
    display: block;
}
.hikaku > div{
	max-width: 100%;
	width: 100%;
	margin-top: 5%;
}
.hikaku > div:first-child{
	margin-top: 0;
}
.hikaku > div > dl{
	padding: 3% 3% 0;
}
.hikaku > div > dl dt{
	font-size: 130%;
	letter-spacing: 0.05em;
	padding: 1.5em 0;
}
.hikaku > div > dl dd{
	padding: 6% 2%;
}
.hikaku > div > dl dd .img{
	width: 70%;
	margin: 0 auto 1em;
}
.hikaku > div > dl dd .txt{
	max-width: 100%;
}
.hikaku > div .merit_demerit > div{
	padding: 6% 3%;
}
.hikaku > div .merit_demerit > div::before{
	font-size: 80%;
}

.hikaku > div .merit_demerit > div ul{
	max-width: 96%;
}
}