@charset "UTF-8";

/*m_img
---------------------------------------------------------*/
.contentpage .m_img {
	background-image: url(../images/medical/shinbi/m_img.jpg);
}




/*メタルフリー治療
---------------------------------------------------------*/
.shinbi .med_grd_box {
	background-color: #F48B56;
	background-image: url(../images/medical/shinbi/bg1.png);
}
.shinbi .med_grd_box::before{
background: none;
}
.shinbi .med_grd_box strong{
color: #F4E99C;
}
/* 1030px未満
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 1029px)  {
.shinbi .med_grd_box{
	background-image: url(../images/medical/shinbi/bg1_tb.png);
}
.med_grd_box .grd_style dt , .med_grd_box .grd_style dd {
	width: 75%;
}
}
/* Mobile
------------------------------------------*/
@media only screen and (max-width: 767px) {
.shinbi .med_grd_box{
	background-image: url(../images/medical/shinbi/bg1_sp.png);
	background-position: center bottom;
	background-size: contain;
}
.med_grd_box .grd_style dd{
padding-bottom: 0;
}
}


/*種類
---------------------------------------------------------*/
.shinbi .kind {
background: #EDF2F1;
margin-bottom: 3%;
padding:3% 5%;
_zoom:1;
overflow: hidden;
}

.shinbi .kind h4{
color: #699fb2;
font-size: 140%;
font-weight: 500;
letter-spacing: .15em;
line-height: 1.8em;
margin-bottom: .5em;
padding-bottom: .5em;
border-bottom: solid 1px rgba(131,131,131,.30);
}

.shinbi .kind .feature li{
margin-bottom: .5em;
background-position: right .25em;
background-repeat: no-repeat;
background-size: 1.5em;
padding-right: 1.8em;
margin-right: 1.5em;
display: inline-block;
}
.shinbi .kind .feature .great{background-image: url(../images/medical/shinbi/icon_2maru.png);}
.shinbi .kind .feature .good{background-image: url(../images/medical/shinbi/icon_maru.png);}
.shinbi .kind .feature .bad{background-image: url(../images/medical/shinbi/icon_sankaku.png);}

.shinbi .kind .product{
text-align: center;
margin-top: .5em;
}



	
.shinbi .melit_box li{
	margin-bottom:8px;
	line-height:1.5em;}	
	
.shinbi .melit_box div {
	width:49%;
	margin-top:2.5%;}		
	
.shinbi .melit_box dt{
	padding:1% 0;
	color:#FFFFFF;
	text-align:center;
	font-weight:bold;}
	
.shinbi .melit_box dd ul{
	padding:3%;}		
	
.shinbi .melit_box .flt_l li{
	background:url(../images/medical/shinbi/icon_merit.svg) no-repeat left 7px;
	background-size: 10px 10px;
	padding-left:15px;}	
	
.shinbi .melit_box .flt_l ul{
	background-color:#fff4f1;}	
	
.shinbi .melit_box .flt_l dt{
	background:#ff9cbb;}		
	
.shinbi .melit_box .flt_r li{
	background:url(../images/medical/shinbi/icon_demerit.svg) no-repeat left 7px;
	background-size: 10px 10px;
	padding-left:15px;}	

.shinbi .melit_box .flt_r ul{
	background-color:#e5e5e5;}		
	
.shinbi .melit_box .flt_r dt{
	background-color:#989898;}		

/* PC
------------------------------------------*/
@media only screen and (min-width: 768px)  {
.shinbi .kind .product{
float: right;
width: 25%;
max-width: 225px;
margin-top: 0;
}
.shinbi .kind .txt_box{
float: left;
width: 72%;
}
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.shinbi .material .mtral_box{
	padding:3%;}	
	
.shinbi .material ul.flt_box li:first-child{
	width:70%;}	
	
.shinbi .material ul.flt_box li:last-child{
	width:28%;}		
}		

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.shinbi .kind {
padding:5%;
}

.shinbi .melit_box div {
	width:100%;
	margin-top:5%;}		
	
.shinbi .melit_box dt{
	padding:2% 0;}
	
.shinbi .melit_box .flt_l li{
	background:url(../images/medical/shinbi/icon_merit.svg) no-repeat left 9px;
	background-size: 10px 10px;
	}	
	
.shinbi .melit_box .flt_r li{
	background:url(../images/medical/shinbi/icon_demerit.svg) no-repeat left 9px;
	background-size: 10px 10px;
	}			
}


