@charset "UTF-8";

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

.med_index {background: #bfc75e;}
.med_index .ft_dm {color: #dfe3ae;}
.med_style2 > dt::before,
.med_style2_txt::before {
	color: #bfc75e;
}



/* box1
---------------------------------------------------------*/
.box1 .med_boxlist .med_flt {
	width: 100%;
	max-width: 1060px;
	margin-left: auto;
	margin-right: auto;
}
.box1 .med_boxlist .med_flt .img_r {
	width: 37%;
	max-width: 390px;
}
.box1 .med_boxlist .med_flt .txt_l {
	width: 60%;
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.box1 .med_boxlist .med_flt .img_r {
	width: 70%;
}
.box1 .med_boxlist .med_flt .txt_l {
	width: 100%;
}
}



/* box2
---------------------------------------------------------*/
.box2 .compare_box .compare_list {
	display: flex;
    justify-content: space-between;
	column-gap: 3px;
}
.box2 .compare_box .compare_list > li {
	width: 33.3333%;
}
.box2 .compare_box p.title {
	background: #bfc75e;
	padding: 15px;
	color: #fff;
	font-size: 135%;
	text-align: center;
}
.box2 .compare_box .compare_list li:nth-child(2) p.title,
.box2 .compare_box .compare_list li:nth-child(3) p.title {
	background: rgba(102,102,102,0.45);
}
.box2 .compare_box div.img {
	text-align: center;
	padding: 35px 25px;
	border-bottom: solid 3px #fff;
}
.box2 .compare_box .med_merit_list {
	border-bottom: solid 3px #fff;
}
.box2 .compare_box .bg {
	background: rgba(191,199,94,0.15);
	padding: 35px 25px;
}
.box2 .compare_box .compare_list li:nth-child(2) .bg,
.box2 .compare_box .compare_list li:nth-child(3) .bg {
	background: rgba(102,102,102,0.10);
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.box2 .compare_box p.title{
	padding: 10px;
}
.box2 .compare_box div.img{
	padding: 25px 15px;
}
.box2 .compare_box div.img img{
	width: 75%;
}
.box2 .compare_box .bg{
	padding: 25px 15px;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.box2 .compare_box .compare_list {
	display: block;
}
.box2 .compare_box .compare_list > li {
	width: 100%;
	margin-bottom: 3%;
}
.box2 .compare_box .compare_list > li:last-child {
	margin-bottom: 0;
}
.box2 .compare_box p.title{
	padding: 3%;
}
.box2 .compare_box div.img{
	padding: 5% 2.5%;
}
.box2 .compare_box div.img img{
	width: 55%;
}
.box2 .compare_box .bg{
	padding: 5% 4%;
}
}



/* box3
---------------------------------------------------------*/
.box3 .txt_l{
	text-align: left;
}
.box3 .med_flow_vertical > li::before {
	color: #bfc75e;
	border: solid 1px #bfc75e;
}
.box3 .med_flow_vertical > li::after {
	background: #bfc75e;
}
.box3 .twice_box{
	background: rgba(191,199,94,0.15);
	padding: 40px 35px;
	margin-top: 20px;
	box-sizing: border-box;
}
.box3 .twice_box div{
	float: right;
	width: 38%;
}
.box3 .twice_box dl{
	float: left;
	width: 59%;
	text-align: left;
}
.box3 .twice_box dt{
	font-size: 135%;
	color: #a3b54e;
	margin-bottom: 10px;
}
.box3 .twice_box dd{
	font-size: 90%;
	line-height: 1.6em;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.box3 .twice_box{
	padding: 20px 30px;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.box3 .twice_box{
	padding: 6% 6%;
}
.box3 .twice_box div{
	float: none;
	width: 100%;
	margin: 6% auto 0;
}
.box3 .twice_box dl{
	float: none;
	width: 100%;
	margin-right: 0%;
}
}