@charset "UTF-8";



/*メインイメージ
---------------------------------------------------------*/
#m_img .img_area {
	background-image: url(../images/implant/m_img.jpg);
}





/*当院が行う安心のインプラントシステム
---------------------------------------------------------*/
.box02 .guid_box{
	padding: 55px 70px 60px 70px;
background: rgb(238,229,192);
background: -moz-linear-gradient(top, rgba(238,229,192,1) 0%, rgba(249,248,236,1) 100%); 
background: -webkit-linear-gradient(top, rgba(238,229,192,1) 0%,rgba(249,248,236,1) 100%); 
background: linear-gradient(to bottom, rgba(238,229,192,1) 0%,rgba(249,248,236,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eee5c0', endColorstr='#f9f8ec',GradientType=0 );
}
.box02 .guid_box h4{
	text-align:center;
	font-size:160%;
	margin-bottom: 40px;
	letter-spacing: 0;
}
.box02 .guid_box .flt_l{
	width:25%;
	max-width:240px;
}
.box02 .guid_box .flt_r{
	width:70%;
}
/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.box02 .guid_box{
	padding: 40px 35px 35px 35px;
}
.box02 .guid_box h4{
	font-size:145%;
	margin-bottom: 30px;
}
.box02 .guid_box .flt_l{
	width:28%;
	padding: 0 3% 1% 0;
}
.box02 .guid_box .flt_r{
	width:100%;
	float: none;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.box02 .guid_box{
	padding:5%;
}
.box02 .guid_box h4{
	font-size:5.5vw;
	margin-bottom:4%;
}
.box02 .guid_box .flt_l{
	width:40%;
	padding: 10px 4% 1% 0;
}
.box02 .guid_box .flt_r{
	float: none;
	width:100%;
}
}





/*歯を失った際の治療法の比較
---------------------------------------------------------*/
.box03 .item_list > li{
	float:left;
	width: 32%;
	background: #f5f3f0;
	box-sizing: border-box;
	padding: 0 50px;
}
.box03 .item_list > li:first-child{
	background: #f9f8ec;
}
.box03 .item_list > li:nth-child(2){
	margin:0 2%;
}
.box03 .item_list h5{
	font-size:150%;
	padding: 30px 3%;
	text-align: center;
}
.box03 .item_list .merit_box > li{
	width:100%;
	float: none;
	background:none;
	padding:30px 0 20px 0;
	border-top:#b3aaac 1px solid;
}
.box03 .item_list .item_img{
	text-align: center;
	margin-bottom: 30px;
}
.box03 .item_list .item_img div{
	margin: 0 auto;
	max-width: 250px;}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.box03 .item_list > li{
	width: 32.666%;
	padding: 0 25px;
}
.box03 .item_list > li:first-child{
	background: #f9f8ec;
}
.box03 .item_list > li:nth-child(2){
	margin:0 1%;
}
.box03 .item_list h5{
	font-size:130%;
	padding: 20px 3% 15px 3%;
}
.box03 .item_list .merit_box > li{
	padding:25px 0 15px 0;}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.box03 .item_list > li{
	float:none;
	width: 100%;
	padding: 0 5%;
}
.box03 .item_list > li:nth-child(2){
	margin:5% 0;
}
.box03 .item_list h5{
	font-size:140%;
	padding:7% 3% 5% 3%;
}
.box03 .item_list .merit_box > li{
	padding:8% 0 4% 0;
}
.box03 .item_list .item_img{
	margin-bottom:7%;
}
.box03 .item_list .item_img div{
	width:60%;
	}
}





/*インプラント治療の流れ
---------------------------------------------------------*/
.box04 .point_box{
	background:#f9f8ec;
	padding: 35px;
	margin-top: 35px;
}
.box04 .point_box .flt_l{
	width:55%;
	font-size:95%;
	line-height: 1.6em;
}
.box04 .point_box .flt_r{
	width:42%;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.box04 .point_box{
	padding: 25px;
	margin-top:20px;
}
.box04 .point_box .flt_l{
	width:55%;
	font-size:95%;
	line-height: 1.6em;
}
.box04 .point_box .flt_r{
	width:42%;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.box04 .point_box{
	padding: 5%;
	margin-top:5%;
}
.box04 .point_box .flt_l{
	float: none;
	width:100%;
	line-height: 1.7em;
}
.box04 .point_box .flt_r{
	width:100%;
	margin:5% auto 0 auto;
}
}