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

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

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

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

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

/*院内1&2*/
section.clinic h3 ,  section.clinic2 h3 ,section.facility h3{ margin: 0 auto 5%;}
@media print, screen and (min-width: 736px) {
	section.clinic h3{ padding: 1% 0 0; margin:0 auto;}
}

section.clinic p , section.clinic2 p{ padding:0; margin:0;}

section.clinic li , section.clinic2 li{	padding: 5% 0;}

section.clinic ul , section.clinic2 ul{ text-align:center;}
	section.clinic p , section.clinic2 p{ text-align:left;}

/*院内3*/
section.clinic3{ display:none;}
@media print, screen and (min-width: 736px) {
	section.clinic2 h3{ padding:1% 0 0;}
}

/*設備*/
section.facility h4{
  padding: 0;
	background:none;
	width:90%;
	height:auto;
	text-align:left;
  box-sizing: border-box;
}

section.facility p:nth-of-type(2){ text-align:center;}

ul.facilityUl2 li{ text-align:center;}

ul.facilityUl > li{ padding:2% 0 4%;}


/* タブレットレイアウト : 768 px～。モバイルレイアウトからスタイルを継承。 */

@media print, screen and (min-width: 768px) {

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

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

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

/*院内共通*/
section.clinic li , section.clinic2 li{ display:block;}

section.clinic li:nth-child(3) ,
section.clinic li:nth-child(4),
section.clinic2 li:nth-child(3),
section.clinic2 li:nth-child(4){
	padding: 1% 0 0;
}

/*院内1*/
section.clinic p{	color:#5F4C3F; padding:3% 0 0;}

section.clinic li:first-child {
	clear:both;
	width:440px;
	float:left;
	line-height:2em;
	margin:5% 0 0 3%;
}

section.clinic li:nth-child(3){
	clear:both;
	width: 515px;
	float:left;
}

section.clinic li:nth-child(even) {
	clear:none;
	width: 440px;
	float:right;
}

/*院内2*/
section.clinic2{ padding:7% 0;}

section.clinic2 li:first-child {
	clear:both;
	width:440px;
	float:left;
	line-height:2em;
	margin:3% 0 0 3%;
}

section.clinic2 li:nth-child(2) {
	clear:none;
	width:465px;
	float:right;
}

section.clinic2 li:nth-child(3) {
	clear:both;
	width:310px;
	float:left;
}

section.clinic2 li:nth-child(4) {
	clear:none;
	width:655px;
	float:right;
}

/*院内3*/
section.clinic3{ display:block; padding:7% 0; overflow:hidden;}

section.clinic3 li{
	float:left;
	width:200px;
	text-align:center;
}

/*設備*/
section.clinic3{ padding: 8% 0;}

section.facility h4{
	text-align:center;
	padding: 0 0 2%;
}

section.facility p{ width:800px; margin:0 auto;  padding:0 0 4% 0;}

ul.facilityUl li{	width:200px; float:left;}
	li.topSpace{ padding:15% 0 0 0;}
ul.facilityUl2 li{ text-align:center;}

}


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

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