@charset "utf-8";
/*-------- service css --------*/

/* モバイルレイアウト : 480 px およびそれ以下. */

/* --------------------------------------------------------
#mainImg
-------------------------------------------------------- */

#mainImg2{	 background:url(../img/bg_01_sp.png) no-repeat;}

/* --------------------------------------------------------
main - section
-------------------------------------------------------- */

/*ご案内*/
section.info h3{ padding:2% 0 2% 2.5%;}
@media print, screen and (min-width: 736px) {
	section.info h3{ padding:1% 0 0 2%; }
}

/*治療の流れ*/
section.flow p{ text-align:center; padding:0; margin:0;}

/*診療内容*/
ul.serviceUl{ text-align:center;}
	ul.serviceUl p{ text-align:left;}

ul.serviceUl2{ padding:4% 0;}
.serviceUl> li{
	border-bottom: dashed #D0F3A0 2px;
}
.serviceUl> li:last-child{
	border-bottom: none;
}
/* タブレットレイアウト : 768 px～。モバイルレイアウトからスタイルを継承。 */

@media print, screen and (min-width: 768px) {
	
/* --------------------------------------------------------
#mainImg
-------------------------------------------------------- */

#mainImg2{	 background:url(../img/bg_01.png);}

/* --------------------------------------------------------
main - section
-------------------------------------------------------- */

/*ご案内*/
section.info{ width:800px; margin:0 auto;}

section.info h3{ padding:0.5% 0 0 1.2%;}

section.info p{ padding:2% 0 0;}

/*診療内容*/
ul.serviceUl li{ padding:0 0;}
ul.serviceUl>li{
	padding: 30px 0;
}
ul.serviceUl2 li:first-child{
	clear:both;
	width:260px; 
	float:left;
}
ul.serviceUl2 li:nth-child(2){
	clear:none;
	width:700px; 
	float:right;
}

ul.serviceUl2{ padding:0;}
	ul.serviceUl2 p{ clear:both; padding:2% 0 0;}
	
img.topSpaceImg{ padding:5% 0 0;}/*小児歯科のみ*/

.serviceUl li::after {
  content: "";
  display: block;
  clear: both;
}
}

/* デスクトップレイアウト : 769 px ～最大 1232 px。モバイルレイアウトとタブレットレイアウトからスタイルを継承。 */

@media only screen and (min-width: 769px) {}