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

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

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

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

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

/*医院詳細･交通のご案内*/
section.access h3{ font-size:16px; padding: 3% 0 0 4%;}
@media print, screen and (min-width: 736px) {
	section.access h3{ padding:1% 0 0 2%;}
}

.accessTxt{ padding: 3% 0 0;}
	.accessTxt address{ display:block; text-align:left; font-style:normal; padding:5% 0; margin:0;}

.car h4{/*交通のご案内*/
	display:block;
	width:100%;
	height:40px;
	font:normal  18px "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	color:#FFF;
	text-align:center;
	background:url(../img/bg_02_sp.png) no-repeat top center;
	margin: 10% 0 0;
	padding: 1.8% 0 0;
}
@media print, screen and (min-width: 736px) {
	.car h4{ padding:1% 0 0;}
}

.car hr{
	display:block;
	width: 100%;
	height: 2px;
	border: 0;
	border-top: 2px solid #B6D768;
	margin:3% 0 0;
 }

p.signboard{ text-align:center;}

 .car ul{ width:85%; margin:0 auto; padding:2% 0; clear:both; overflow:hidden;}
 .car li:first-child{ width:15%; float:left;}
 .car li:nth-child(2){ width:80%; float:right;}

/*周辺マップ*/
@media print, screen and (min-width: 736px) {
	section.map h3{ padding:1% 0 0 1%;}
}
section.map picture{ display:block; padding: 5% 0 0; text-align:center;}
section.map p{ color:#3E3939; text-align:center;}
	section.map p a{ color:#336600; text-decoration:underline;}
	section.map p a:visited{ color:#0C3300; text-decoration:underline;}


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

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

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

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

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

/*医院詳細･交通のご案内*/
section.access h3{ font-size:16px; padding: 0.8% 0 0 1.2%; margin:3% auto 0;}

section.access ,
section.map{
	width:910px;
	margin:0 auto;
}

.accessWrapPc{
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding:6% 0;
}

.accessTxt{
	padding: 0;
	width: 330px;
}
.accessTxt address{
	padding:0;
}

/*診療時間表*/
div.time{
	padding: 0;
	width: 500px;
}

.accessImg{ clear:both; padding:0;}

.car{
	clear:both;
	width:420px;
	height:250px;
	float:left;
	background:url(../img/bg_02.png) no-repeat;
	padding:6% 0 0;
	margin:7% 0 0;
}
	.car h4 , .car hr{ display:none;}
	.car ul{ padding:0.8% 0 0; width:70%; margin:0 auto;}
	.car li:first-child{ width:15%; float:left;}
	.car li:nth-child(2){ width:83%; float:right;}

.signboard{ clear:none; width: 465px; float:right;}

/*周辺マップ*/
section.map h3{ padding:0.5% 0 0 1%;}
section.map p{ padding:0; margin:0; font-size:16px; padding:2% 0;}
	section.map p a:hover{
		color:#85B200;
		-webkit-transition: 0.8s;/*ゆっくりと変わる*/
		-moz-transition: 0.8s;
		-o-transition: 0.8s;
		-ms-transition: 0.8s;
		transition: 0.8s;
		}


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

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