@charset "UTF-8";


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


/*box2
---------------------------------------------------------*/
.box2 .med_col_box{
	position: relative;
	z-index: 1;
}
.box2 .med_col_box::after{
	position: absolute;
	content: "";
	background: url(../images/implant/back_img@2x.png) no-repeat right top;
	background-size: 100% auto;
	height: 242px;
	width: 379px;
	right: 0;
	top: 0;
	z-index: -1;
}
.box2 .med_col_box .radius_title{
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	max-width: 600px;
	width: 70%;
	background-color:rgba(255,255,255,0.90);
	border-radius: 50px;
	font-weight: bold;
	font-size: 115%;
	line-height: 1.5em;
	letter-spacing: 0.15em;
	padding: 0.4em 3%;
	box-sizing: border-box;
	margin-bottom: 1.2em;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.box2 .med_col_box .radius_title{
	font-size: 110%;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.box2 .med_col_box::after{
	background-size: 60% auto;
}
.box2 .med_col_box .radius_title{
	font-size: 4vw;
	width: 90%;
}
}





/*box3
---------------------------------------------------------*/
/*item_col3_box*/
.box3 .item_col3_box {
	display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.box3 .item_col3_box > li {
	width: 33%;
	background: #faf9f6;
	box-sizing: border-box;
}
.box3 .item_col3_box > li:first-child {
	background:#ecf8fb;
}
.box3 .item_col3_box > li .item_title {
    text-align: center;
    font-size: 135%;
    font-weight: bold;
    letter-spacing: .1em;
    line-height: 1.4em;
    position: relative;
	color: #FFFFFF;
	padding: 0.6em 3%;
	background:#bfac69;
}
.box3 .item_col3_box > li:first-child .item_title{
	background-color: #0087b6;
}
.box3 .item_col3_box .content{
	padding: 8% 5%;
	margin-left: auto;
	margin-right: auto;
}
.box3 .item_col3_box .content .item_img {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	padding-bottom: 8%;
}
.box3 .item_col3_box .content p{
	font-size: 85%;
	line-height: 1.9em;
	padding-bottom: 8%;
}
.box3 .item_col3_box .med_merit{
	padding-bottom: 8%;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.box3 .item_col3_box > li .item_title {
	font-size: 125%;
	letter-spacing: .05em;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.box3 .item_col3_box {
	display: block;
}
.box3 .item_col3_box > li {
	width: 100%;
	max-width: 100%;
	margin-bottom: 5%;
}
.box3 .item_col3_box > li:last-child {
	margin-bottom: 0;
}

.box3 .item_col3_box > li .item_title {
	font-size: 5.5vw;
}
.box3 .item_col3_box .content .item_img {
	width: 70%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
.box3 .item_col3_box .content .item_img,
.box3 .item_col3_box .content p{
	padding-bottom: 6%;
}
.box3 .item_col3_box .content{
	padding: 6%;
}
.box3 .item_col3_box .med_merit{
	padding-bottom: 8%;
}
}





/*box4
---------------------------------------------------------*/