@charset "utf-8";
@media print, screen and (min-width:640px){
/* ===============================================
index.html
=============================================== */
/* #treatment_list
----------------------- */
#treatment_list{
  display: block;
  margin: 5px 0 0;
  font-size: 0;
  line-height: 0;
}
.txt_box + #treatment_list{
  margin-top: 35px;
}
#treatment_list li{
  display: inline-block;
  vertical-align: top;
  padding: 0 15px;
  box-sizing:border-box;
  -webkit-box-sizing:border-box;
  width: 33.333%;
  font-size: 14px;
  line-height: 24px;
  margin-top: 35px;
}
#treatment_list li a{
  display: block;
  text-decoration: none;
  color: #333;
}
#treatment_list li a div{
  color: #fff;
  text-decoration: none;
  background-color: #5cca76;
  border-radius: 10px;
  border: solid 1px #6adb84;
  width: 100%;
  height: 158px;
  box-sizing:border-box;
  -webkit-box-sizing:border-box;
  text-align: center;
}
#treatment_list li a:hover div{
  opacity:.8;
  filter: alpha(opacity=80);
  -ms-filter: "alpha(opacity=80)";
}
#treatment_list li div span{
  display: block;
  font-size: 18px;
  line-height: 1em;
  padding-top: 102px;
}
#treatment_list_general span{
  background: url(/common/img/pc_bt_general.png) center 30px no-repeat;
}
#treatment_list_implant span{
  background: url(/common/img/pc_bt_implant.png) center 30px no-repeat;
}
#treatment_list_orthodontic span{
  background: url(/common/img/pc_bt_orthodontic.png) center 30px no-repeat;
}
#treatment_list_cosmetic span{
  background: url(/common/img/pc_bt_cosmetic.png) center 30px no-repeat;
}
#treatment_list_kids span{
  background: url(/common/img/pc_bt_kids.png) center 30px no-repeat;
}
#treatment_list_maintenance span{
  background: url(/common/img/pc_bt_maintenance.png) center 30px no-repeat;
}
#treatment_list li a p{
  margin: 17px 3px 0;
}
	
	#implant_main{
		background: url(../img/img_implant_main.jpg) center center no-repeat;
		background-size: cover;
		height: 250px;
		width: 100%;
	}
	#implant_mainte{
		background: url(../img/img_implant_mainte.jpg) center center no-repeat;
		background-size: cover;
		height: 250px;
		width: 100%;
	}
	
	
	
	.hcio_tbl{
	margin: 30px auto 0;
	border-collapse: collapse;
	width: 800px;
	}
	.hcio_tbl th,
	.hcio_tbl td{
	border: 1px solid #EBEBEB;
	padding: 15px;
	}
	.hcio_tbl th{
	background-color:#68d461;
	color: #FFF;
	text-align: center;
	width: 200px;
	}
	
	.hcio_tbl + dl{
	margin-top: 30px;
	}
	
	
	.desc_list{
	margin-top: 20px;
	font-size: 14px;
	line-height: 1.6;
	}
	.desc_list dt{
	font-weight: bold;
	}
	.desc_list dd{
	margin-top: 5px;
	}
}

@media screen and (max-width: 639px){
/* ===============================================
index.html
=============================================== */
/* #treatment_list
----------------------- */
#treatment_list{
  display: block;
  margin: 5px 0 0;
  font-size: 0;
  line-height: 0;
}
.txt_box + #treatment_list{
  margin-top: 30px;
}
#treatment_list li{
  font-size: 14px;
  line-height: 24px;
  margin-top: 20px;
}
#treatment_list li a{
  display: table;
  width: 100%;
  text-decoration: none;
  color: #333;
}
#treatment_list li a div{
  display: table-cell;
  vertical-align: middle;
  color: #fff;
  text-decoration: none;
  background-color: #5cca76;
  border-radius: 10px;
  border: solid 1px #6adb84;
  width: 100px;
  height: 100px;
  box-sizing:border-box;
  -webkit-box-sizing:border-box;
  text-align: center;
}
#treatment_list li a span{
  display: block;
  font-size: 14px;
  line-height: 1em;
  padding-top: 75px;
}
#treatment_list_general span{
  background: url(/common/img/sp_bt_general.png) center 10px no-repeat;
  -moz-background-size: 90px 65px;
  background-size: 90px 65px;
}
#treatment_list_implant span{
  background: url(/common/img/sp_bt_implant.png) center 10px no-repeat;
  -moz-background-size: 90px 65px;
  background-size: 90px 65px;
}
#treatment_list_orthodontic span{
  background: url(/common/img/sp_bt_orthodontic.png) center 10px no-repeat;
  -moz-background-size: 90px 65px;
  background-size: 90px 65px;
}
#treatment_list_cosmetic span{
  background: url(/common/img/sp_bt_cosmetic.png) center 10px no-repeat;
  -moz-background-size: 90px 65px;
  background-size: 90px 65px;
}
#treatment_list_kids span{
  background: url(/common/img/sp_bt_kids.png) center 10px no-repeat;
  -moz-background-size: 90px 65px;
  background-size: 90px 65px;
}
#treatment_list_maintenance span{
  background: url(/common/img/sp_bt_maintenance.png) center 10px no-repeat;
  -moz-background-size: 90px 65px;
  background-size: 90px 65px;
}
#treatment_list li a p{
  display: table-cell;
  vertical-align: middle;
  padding-left: 10px;
  padding-right: 15px;
  box-sizing:border-box;
  -webkit-box-sizing:border-box;
  width: calc(100% - 100px);
  background: url(/common/img/ic_arrow_line_gr.png) right center no-repeat;
  -moz-background-size: 9px 15px;
  background-size: 9px 15px;
}
	
	
	#implant_main{
		background: url(../img/img_implant_main.jpg) center center no-repeat;
		background-size: cover;
		height: 100px;
		width: 100%;
	}
	#implant_mainte{
		background: url(../img/img_implant_mainte.jpg) center center no-repeat;
		background-size: cover;
		height: 100px;
		width: 100%;
	}
	
	
	
	.hcio_tbl{
	margin: 15px auto 0;
	border-collapse: collapse;
	width: 100%;
	}
	.hcio_tbl th,
	.hcio_tbl td{
	border: 1px solid #EBEBEB;
	padding: 15px;
	}
	.hcio_tbl th{
	background-color:#68d461;
	color: #FFF;
	text-align: center;
	width: 200px;
	}
	
	.hcio_tbl + dl{
	margin-top: 15px;
	}
}