@charset "UTF-8";



/*導入*/
.com_lead_box .lead_bg {
	background-image: url("../images/implant/m_img@2x.png");
}



/*box1*/
.box1 .med_bgbox2 .med_style2 dt::before {
	color: #fc945d;
}

/*box2*/
.box2 .med_bgbox3 {
	color: #FFF;
}
.box2 .med_bgbox3 .bg_color {
	position: relative;
	background-color: rgba(73,110,137,1);
}
.box2 .med_bgbox3 .bg_color::after {
	position: absolute;
	content: "";
	background: url("../images/implant/bg1@2x.png") no-repeat left top, url("../images/implant/bg2@2x.png") no-repeat right top;
	background-size: auto 100%;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	opacity: 0.4;
}
.box2 .med_bgbox3 .bg_color * {
	position: relative;
	z-index: 5;
}

.box2 .med_bgbox {
	background-color: rgba(190,169,113,0.08);
}
.box2 .med_bgbox .bg_index {
	color: #ac9a58;
	border-top-color: #bea971;
	border-bottom-color: #bea971;
}
.box2 .med_bgbox .txt_al_c {
	color: #ac9a58;
}
.box2 .med_bgbox .med_style2 dt::before {
    color: #bea971;
}

/*box3*/
.box3 .med_merit_demerit > div {
	width: 32%;
	border: 2px solid #c0bcb8;
}
.box3 .med_merit_demerit dt {
	text-align: center;
	color: rgba(75,64,51,0.7);
	background-color: rgba(192,188,184,0.2);
	font-size: 176%;
	padding: .5em 0;
	
}
.box3 .med_merit_demerit dd > div {
	box-sizing: border-box;
}
.box3 .med_merit_demerit dd .box_img {
	box-sizing: border-box;
	padding: 1.7em 12%;
}
.box3 .med_merit_demerit dd .merit,
.box3 .med_merit_demerit dd .demerit {
	background-repeat: no-repeat;
	background-position: right -10px bottom -10px;
	border-top: 2px solid #c0bcb8;
	padding: 1.7em 5%;
}
.box3 .med_merit_demerit dd .merit {
	background-image: url("../images/implant/bg_merit.svg");
	background-size: 42% auto;
}
.box3 .med_merit_demerit dd .demerit {
	background-image: url("../images/implant/bg_demerit.svg");
	background-size: 42% auto;
}
.box3 .med_merit_demerit dd ul {
	max-width: 290px;
	margin: 0 auto;
}
.box3 .med_merit_demerit dd li {
	letter-spacing: .02em;
}

.box3 .med_merit_demerit > div:first-of-type {
	border-color: #b18db8;
}
.box3 .med_merit_demerit > div:first-of-type dt {
	color: #9e74a0;
	background-color: rgba(177,141,184,0.2);
}


.med_merit_demerit .com_demelit_list > li::before {
    color: #c0bcb8;
    opacity: 0.5;
}

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

/*box3*/
.box3 .med_merit_demerit dt {
	font-size: 150%;
	padding: .4em 0;
}
.box3 .med_merit_demerit dd .box_img {
	padding: 1.2em 12%;
}
.box3 .med_merit_demerit dd .merit,
.box3 .med_merit_demerit dd .demerit {
	padding: 1em 5%;
}
	
}

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

.com_lead_box .lead_bg {
	background-size: 120% auto;
}
	
	
/*box2*/
.box2 .med_bgbox .txt_al_c {
	text-align: left;
}
.box2 .med_bgbox3 .bg_color::after {
	background: url("../images/implant/bg1@2x.png") no-repeat left top;
}
	
/*box3*/
.box3 .med_merit_demerit > div {
	width: 100%;
}
.box3 .med_merit_demerit > div:not(:last-of-type) {
	margin-bottom: 5%;
}
.box3 .med_merit_demerit dt {
	font-size: 140%;
	padding: .5em 0;
	
}
.box3 .med_merit_demerit dd .box_img {
	padding: 1em 12%;
}
.box3 .med_merit_demerit dd .merit,
.box3 .med_merit_demerit dd .demerit {
	background-size: 30% auto;
	background-position: right -5px bottom -5px;
	padding: 1em 5%;
}
.box3 .med_merit_demerit dd ul {
	max-width: none;
}
	
}