@charset "utf-8";

/* ==================================================================
	service2.css
	
=================================================================== */


/* --------------------------------
   □ 共通
------------------------------- */ 
.main{
	font-size:24px;
	background:#FFF;
}

.service .main .section img{
	width:100%;
}

.main .section{
	padding:0 3%;
}

.main .section .subsection{
    margin-bottom:30px;
}

.main .section .subsection span.textblue{
	color:#2676be;
}


.main h2.title{
	font-size:32px;
	margin-bottom:30px;
	letter-spacing:0.3em;
	border:solid 1px #ddd;
    padding: 17px;
    background: -webkit-gradient(linear, left top, left bottom, from(#177BD6), to(#035EAF));
    background: -moz-linear-gradient(left top, #177BD6, #035EAF);
	background: linear-gradient(to bottom right, #177BD6, #035EAF);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#177BD6', endColorstr='#035EAF',GradientType=0 );
	color:#FFF;
}

.main h2.title span{
	font-size:77%;
	letter-spacing:1px;
}

h3.titletext{
	font-size:30px;
	line-height:1.5;
	padding-bottom:10px;
	
}


h4.subtitle{
    position: relative;
    background:#2676be;
    line-height: 1;
    margin-bottom:20px;
    padding: 14px 5px 10px 50px;
    border-radius: 22px;
    color:#fff;
	font-size:28px;
	
}
h4.subtitle:before {
    content: "";
    position: absolute;
    background: #fff;
    top: 50%;
    left: 14px;
    margin-top :-10px;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    box-shadow: 1px 1px 1px #777 inset;
}

.subsection dl{
	padding-bottom:45px;
}

.subsection dl > dt{
	font-size:110%;
	font-weight:700;
	padding-left:50px;
	padding-bottom:15px;
	color:#2676be;
	background:url(../../images/common/icon/check.png) 0 0 no-repeat;
	
}

.subsection p.pmtc{
	margin:3% 0;
}

.subsection dl dd dl.periodontal{
	border:3px solid #dadada;
	padding:3%;
	width:94%;
	margin:3% 0;
}
.subsection dl dd dl.periodontal dt{
	display:inline-block;
	padding-left:0;
	vertical-align:top;
	width:27%;
	background:none;
	color:#333;
	font-size:110%;
}
.subsection dl dd dl.periodontal dd{
	display:inline-block;
	vertical-align:top;
	width:70%;
	font-size:110%;
}


.list.rice li{
	padding-left:1.5em;
	text-indent:-1.5em;
}



/* implant
------------------------------- */ 
.main{
}

	.implant .main .section .subsection{
	}
	
	.implant .main .section h5{
		font-size: 25px;
		font-weight: 700;
		padding-left: 50px;
		padding-bottom: 25px;
		color: #2676be;
		background: url(../../images/common/icon/check.png) 0 0 no-repeat;
	}

	.implant .main .section dl dt{
		font-size: auto;
		font-weight: 700;
		padding-left: 0;
		padding-bottom: 10px;
		background: none;
	}

	.implant .main .section .subsection .each dl{
		clear:both;
	}

	.implant .main .section .subsection .each div{
		overflow:hidden;
		
	}

	.implant .main .section .subsection .each dl.natural{
		zoom:1;
		overflow:hidden;
	}

	.implant .main .section .subsection .each p.images{
		float:right;
		width:45%;
		position:relative;
		margin-top:-1.5em;
		margin-left:1.5em;
	}

	.implant .main .section .subsection .each dl dd.images img{
		width:auto;
		max-width:100%;
	}

/* 矯正歯科
------------------------------- */ 
.main{
}

	.main .section .subsection.orthodonticflow{
		margin-bottom:60px;
	}
	
		.main.orthodontic .section .subsection.orthodonticflow ol{
			padding-top:30px;
		}
		
		.main.orthodontic .section .subsection.orthodonticflow ol li{
			margin-top:-30px;
			padding-left:165px;
			background-position:left top;
			background-repeat:no-repeat;
			position:relative;
			min-height:188px;
			box-sizing:border-box;
		}
		
		.main.orthodontic .section .subsection.orthodonticflow ol li.step01{
			background-image:url(../../images/service/orthodontic/step01.png);
			z-index:10;
		}
		
		.main.orthodontic .section .subsection.orthodonticflow ol li.step02{
			background-image:url(../../images/service/orthodontic/step02.png);
			z-index:9;

		}
		
		.main.orthodontic .section .subsection.orthodonticflow ol li.step03{
			background-image:url(../../images/service/orthodontic/step03.png);
			z-index:8;
		}
		

		
		.main.orthodontic .section .subsection.orthodonticflow ol li.step04{
			background-image:url(../../images/service/orthodontic/step04.png);
			z-index:7;
		}
		
		.main.orthodontic .section .subsection.orthodonticflow ol li.step05{
			background-image:url(../../images/service/orthodontic/step05.png);
			z-index:6;
		}
		
		.main.orthodontic .section .subsection.orthodonticflow ol li.step06{
			background-image:url(../../images/service/orthodontic/step06.png);
			z-index:5;
		}
		
		.main.orthodontic .section .subsection.orthodonticflow ol li.step07{
			background-image:url(../../images/service/orthodontic/step07.png);
			z-index:4;
		}
		
			.main.orthodontic .section .subsection.orthodonticflow ol li dl dt{
				padding: 20px 0 0 0 ;
			}
		
				.main.orthodontic .section .subsection.orthodonticflow ol li dl dt{
					background:none;
					font-size: 133%;
					font-weight: 700;
					padding-left: 0;
					padding-bottom: 10px;
					color: #2676be;
				}
			
		
				.main.orthodontic .section .subsection.orthodonticflow ol li.step01 dl dt{
					color: #3698c9;
				}
			
				.main.orthodontic .section .subsection.orthodonticflow ol li.step02 dl dt{
					color: #7cbfc8;
				}
			
				.main.orthodontic .section .subsection.orthodonticflow ol li.step03 dl dt{
					color: #60b39f;
				}



/* 訪問歯科診療
------------------------------- */ 

	.main .section .subsection.orthodonticflow{
		margin-bottom:60px;
	}
	
		.main.homecare .section .subsection.orthodonticflow ol{
			padding-top:30px;
		}
		
		.main.homecare .section .subsection.orthodonticflow ol li{
			margin-top:-30px;
			padding-left:165px;
			background-position:left top;
			background-repeat:no-repeat;
			position:relative;
			min-height:250px;
			box-sizing:border-box;
		}
.main.homecare .section .subsection.orthodonticflow ol li dl dt{
					background:none;
					font-size: 133%;
					font-weight: 700;
					padding-left: 0;
					padding-bottom: 10px;
					color: #2676be;
				}
			
		
				.main.homecare .section .subsection ol li.step01 dl dt{
					color: #3698c9;
				}
			
				.main.homecare .section .subsection ol li.step02 dl dt{
					color: #7cbfc8;
				}
			
				.main.homecare .section .subsection ol li.step03 dl dt{
					color: #60b39f;
				}
			
			

		.main.homecare .section .subsection ol li.step01{
			background-image:url(../../images/service/orthodontic/step01.png);
			z-index:10;
		}
		
		.main.homecare .section .subsection ol li.step02{
			background-image:url(../../images/service/orthodontic/step02.png);
			z-index:9;
		}
		
		.main.homecare .section .subsection ol li.step03{
			background-image:url(../../images/service/orthodontic/step03end.png);
			z-index:8;
		}

	.main.homecare .section .subsection.orthodonticflow ul.list{
		margin-bottom: 2em;
	}

.main .section .subsection ul.check li{
	font-size:25px;
	font-weight:700;
	padding-left:50px;
	padding-bottom:15px;
	color:#2676be;
	background:url(../../images/common/icon/check.png) 0 0 no-repeat;
	
}

.subsection p.pmtc{
	margin:3% 0;
}


				.main.homecare .section .subsection ol li.step01 .tel a{
					position:relative;
					display:inline-block;
					margin:10px auto;
					padding:18px 36px;
					padding-left:54px;
					width:100%;
					color:#fff;
					font-weight:bold;
					text-align:center;
					letter-spacing:0.1em;
					background: radial-gradient(#3698c9, #2678a1);
					border-radius:10px;
					box-sizing:border-box;
				}

				.main.homecare .section .subsection ol li.step01 .tel a:before{
					content: url(../../images/common/icon/sp.png);
					margin-top:-24px;
					margin-right:8px;
					position: absolute;
					top: 50%;
					left: 5%;
				}


/* price
------------------------------- */ 
.main .price .note{
	font-size:90%;
}


.main .price ul{
	margin-bottom:2em;
}

.main .price li{
	margin-bottom:0.5em;
	display:flex;
	justify-content: space-between;
}




/* 唾液検査
------------------------------- */ 
.main.salivachecker{

}

.main.salivachecker p.catch{
	font-size:1.5rem;
}

.main.salivachecker p.catch span{
	background: linear-gradient(transparent 60%, rgba(255, 246, 0,0.6) 60%);
}

.main.salivachecker .feature dd{
	margin-bottom:2em;
	display:flex;
}

.main.salivachecker .feature dd.once{
	flex-direction:column;
}

.main.salivachecker .feature dd p.icon{
	width:17vw;
	min-width:17vw;
	margin-right:8%;
	text-align:center;
}
.main.salivachecker .feature dd.once p.icon{
	width:100%;
	margin-right:0;
}
.main.salivachecker .feature dd p.icon img{
	width:100%;
}