@charset "UTF-8";



/*
---------------------------------------------------------*/
/*bnr_implant*/
.bnr_implant{
	max-width:450px;
	margin:70px auto 0 auto;
	position: relative;
}
.bnr_implant::after{
	display:block;
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 100%;
	width: 100%;
	height: 46px;
	background:url("../images/medical/implant/bnr_implant_shadow.png") no-repeat center top;
	background-size:100% auto;
}

/*implant_point*/
.implant_point{
	margin-bottom: -45px;}
.implant_point > li{
	float: left;
	width: 49%;
	margin-bottom: 45px;
	padding-top: 25px;
	position: relative;
}
.implant_point > li:nth-child(even){
	float: right;
}
.implant_point > li::before{
	display:block;
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	top: 0;
	max-width: 84px;
	height: 84px;
	width: 23%;
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 100% auto;
}
.implant_point > li.point1::before{background-image:url("../images/medical/implant/point1@2x.png");}
.implant_point > li.point2::before{background-image:url("../images/medical/implant/point2@2x.png");}
.implant_point > li.point3::before{background-image:url("../images/medical/implant/point3@2x.png");}
.implant_point > li.point4::before{background-image:url("../images/medical/implant/point4@2x.png");}
.implant_point > li.point5::before{background-image:url("../images/medical/implant/point5@2x.png");}
.implant_point > li.point6::before{background-image:url("../images/medical/implant/point6@2x.png");}

.implant_point > li dt{
	text-align:center;
	color:#ffffff;
	line-height: 1.8em;
	font-size:150%;
	letter-spacing: 0.1em;
	background-size:cover;
	background-position: center center;
	background-repeat: no-repeat;
	padding: 80px 0 50px 0;
	margin-bottom: 30px;
}
.implant_point > li.point1 dt{background-image:url("../images/medical/implant/point1_bg@2x.jpg");}
.implant_point > li.point2 dt{background-image:url("../images/medical/implant/point2_bg@2x.jpg");}
.implant_point > li.point3 dt{background-image:url("../images/medical/implant/point3_bg@2x.jpg");}
.implant_point > li.point4 dt{background-image:url("../images/medical/implant/point4_bg@2x.jpg");}
.implant_point > li.point5 dt{background-image:url("../images/medical/implant/point5_bg@2x.jpg");}
.implant_point > li.point6 dt{background-image:url("../images/medical/implant/point6_bg@2x.jpg");}

.implant_point > li dt span{
	display:block;
	color:#ffffa0;
	font-size:150%;
}
.implant_point > li dd{
	max-width:420px;
	margin: 0 auto;
}

/*implant_type*/
.implant_type {
	max-width:825px;
	margin: 0 auto 40px auto;
}
.implant_type li{
	float:left;
	width: 22%;
	margin-right: 2%;
	max-width: 180px;
}
.implant_type li:nth-child(1){
	width: 25%;
	margin-right:5%;
	max-width: 205px;
}
.implant_type li:last-child{
	margin-right: 0;
}

/*implant_bdrtop*/
.implant_bdrtop{
	border-top:1px solid #a4a096;
	padding-top: 70px;
	margin-top: 70px;
}
.implant_bdrtop h6{
	text-align:center;
	font-size:125%;
	letter-spacing: 0.1em;
	line-height: 1.8em;
}
.implant_bdrtop h6 span{
	color:#ed9561;
}

/* PC調整
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 1200px) {
.implant_point > li dt{
	font-size:2.2vw;}
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
/*bnr_implant*/
.bnr_implant{
	margin:30px auto 0 auto;
	width: 70%;
}

/*implant_point*/
.implant_point{
	margin-bottom: -20px;}
.implant_point > li{
	margin-bottom: 20px;
}
.implant_point > li dt{
	font-size:2.2vw;
	letter-spacing: 0.05em;
	padding: 50px 0 20px 0;
	margin-bottom: 10px;
}
.implant_point > li dd{
	width: 94%;
}

/*implant_type*/
.implant_type {
	margin: 0 auto 20px auto;
}

/*implant_bdrtop*/
.implant_bdrtop{
	padding-top: 30px;
	margin-top: 30px;
}
.implant_bdrtop h6{
	font-size:115%;
	letter-spacing: 0.05em;
	text-align: left;
}
.implant_bdrtop h6 br{
	display:none;}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
/*bnr_implant*/
.bnr_implant{
	width: 90%;
	margin:8% auto 0 auto;
}

/*implant_point*/
.implant_point{
	margin-bottom: 0;}
.implant_point > li{
	float: none;
	width: 100%;
	margin-bottom: 7%;
	padding-top: 8vw;
}
.implant_point > li:last-child{
	margin-bottom: 0;
}
.implant_point > li:nth-child(even){
	float: none;
}
.implant_point > li::before{
	width: 17%;
}

.implant_point > li dt{
	font-size:6vw;
	letter-spacing: 0.05em;
	padding: 12vw 0 6vw 0;
	margin-bottom: 3%;
}
.implant_point > li dt span{
	font-size:8vw;
}
.implant_point > li dd{
	max-width:100%;
}

/*implant_type*/
.implant_type {
	margin: 0 auto 5% auto;
}
.implant_type li{
	width: 32%;
	margin-right: 2%;
}
.implant_type li:nth-child(1){
	width: 46%;
	margin-right:27%;
	margin-left: 27%;
	margin-bottom: 5%;
}
.implant_type li:last-child{
	margin-right: 0;
}

/*implant_bdrtop*/
.implant_bdrtop{
	padding-top: 7%;
	margin-top: 7%;
}
.implant_bdrtop h6{
	text-align:left;
	font-size:4.5vw;
	letter-spacing: 0.05em;
	line-height: 1.5em;
}
.implant_bdrtop h6 br{
	display:none;}
}