/* CSS Document */


/* ■■■■■pankuzu■■■■■ */

.pankuzu {
	background-image:url(../../annai/images/pankuzu_bg.gif);
}

.pankuzu li.now {
	background:#eeca93;
	border-radius:3px;
}






/* ■■■■■contents■■■■■ */

@media screen and (max-device-width:749px){ /*スマホ*/
#annai #contents {
	padding-top:60px;
}
}



/* ■■■■■page_menu■■■■■ */

@media screen and (min-device-width:750px){ /*PC*/
.page_menu li a {
	padding-right: 20px !important;
	padding-left: 20px !important;
}
}

@media screen and (max-device-width:749px){ /*スマホ*/
.page_menu li a {
	padding-right: 10px !important;
	padding-left: 10px !important;
}
}

/* ■■■■■contents .body■■■■■ */




/* ■■h2■■ */

h2 {
	background-image:url(../../annai/images/h2_bg.gif);
}



@media screen and (min-device-width:750px){ /*PC*/
h2 {
	margin-top:-80px;
	padding-top:105px!important;
	background-position:bottom 20px left!important;
}
}

@media screen and (max-device-width:749px){ /*スマホ*/
h2 {
	background-position:bottom 10px left!important;
}
}






/* ■■■■■概要■■■■■ */

@media screen and (min-device-width:750px){ /*PC*/
#gaiyou {font-size:1.6rem;}
}

@media screen and (max-device-width:749px){ /*スマホ*/
#gaiyou {font-size:1.3rem;}
}


@media screen and (min-device-width:750px){ /*PC*/
#gaiyou dl {
	width:670px;
}
}





#gaiyou dl dt {
	float:left;
	border-bottom:1px dashed #c5c1bd;
}

@media screen and (min-device-width:750px){ /*PC*/
#gaiyou dl dt {
	padding:5px 0 5px 10px;
	width:118px;
}
}

@media screen and (max-device-width:749px){ /*スマホ*/
#gaiyou dl dt {
	padding:3px 0;
	width:25vw;
}
}




#gaiyou dl dd {
	float:left;
	border-bottom:1px dashed #c5c1bd;
}

@media screen and (min-device-width:750px){ /*PC*/
#gaiyou dl dd {
	padding:5px 0 5px 0;
	width:542px;
}
}

@media screen and (max-device-width:749px){ /*スマホ*/
#gaiyou dl dd {
	padding:3px 0;
	width:65vw;
}
}





#gaiyou .kyuushin,
#gaiyou .time {
	margin:20px 0 0 0;
}



@media screen and (min-device-width:750px){ /*PC*/
#gaiyou .kyuushin {
	padding:10px 0 0 10px;
	width:160px;
	height:210px;
	border-right:1px dashed #c5c1bd;
	float:left;
}
}

@media screen and (max-device-width:749px){ /*スマホ*/
#gaiyou .kyuushin {
	margin:0 0 3px 0;
	clear:both;
}
}



@media screen and (max-device-width:749px){ /*スマホ*/
#gaiyou .kyuushin p {
	display:block;
	padding:3px 0;
	width:25vw;
	border-bottom:1px dashed #c5c1bd;
	float:left;
}
}


@media screen and (min-device-width:750px){ /*PC*/
#gaiyou .kyuushin ul li {
	margin:20px 0 0 40px;
	padding:0 0 0 20px;
	background-image:url(../images/n_ic.gif);
	background-position:3px 9px;
	background-repeat:no-repeat;
	background-size:10px 10px;
}
}

@media screen and (max-device-width:749px){ /*スマホ*/

#gaiyou .kyuushin ul {
	padding:3px 0;
	width:65vw;
	border-bottom:1px dashed #c5c1bd;
	float:left;
}

#gaiyou .kyuushin ul li {
	float:left;
}
#gaiyou .kyuushin ul li:not(:last-child)::after {
	content:'・';
}

}
	





@media screen and (min-device-width:750px){ /*PC*/
#gaiyou .time {
	padding:0 0 0 20px;
	width:470px;
	float:left;
}
}

@media screen and (max-device-width:749px){ /*スマホ*/
#gaiyou .time {
	clear:both;
}
}



@media screen and (min-device-width:750px){ /*PC*/
#gaiyou .time img {
	width:440px;
	height:auto;
}
}


@media screen and (max-device-width:749px){ /*スマホ*/
#gaiyou .time img {
	width:100%;
	height:auto;
}
}



/* ■■■■■地図■■■■■ */


#map .map {
	text-align:center;
	font-size:1.2rem;
}

@media screen and (min-device-width:750px){ /*PC*/
#map .map {
	padding:0 0 30px 0;
}
}

#map p {padding:20px 0 0 0;}


#map img {
	width:100%;
	height:auto;
}

@media screen and (min-device-width:750px){ /*PC*/
#map .mobile-map {
	display:none;
}
}
@media screen and (max-device-width:749px){ /*スマホ*/
#map .popup-map {
	display:none;
}
}



/* ■■■■■院内紹介■■■■■ */



#innai div.floar {
	background-image:url(../../annai/images/floar.gif);
	background-repeat:no-repeat;
	background-position:top left;
}


#innai div.floar p {
	position:absolute;
	padding:0;
}


@media screen and (min-device-width:750px){ /*PC*/

#innai div.floar {
	margin:0 0 30px 60px;
	padding:0;
	width:671px;
	height:691px;
}



#innai .floar p.parking {
	margin:71px 0 0 250px;
	widht:138px;
}

#innai .floar p.entrance-slope {
	margin:175px 0 0 116px;
	width:144px;
}

#innai .floar p.shinsatsu1 {
	margin:238px 0 0 485px;
	width:82px;
}

#innai .floar p.shinsatsu2-4 {
	margin:421px 0 0 473px;
	width:110px;
}

#innai .floar p.window-waiting {
	margin:301px 0 0 200px;
	width:118px;
}

#innai .floar p.toilet {
	margin:457px 0 0 40px;
	width:68px;
}

#innai .floar p.kids {
	margin:440px 0 0 155px;
	width:126px;
}

#innai .floar p.roentgen {
	margin:244px 0 0 346px;
	width:114px;
}

#innai .floar p.hamigaki {
	margin:327px 0 0 21px;
	width:82px;
}
}



@media screen and (max-device-width:749px){ /*スマホ*/

#innai .floar {
	width:100%;
	height:103vw;
	background-size:contain;
}


#innai .floar img {
	height:auto;
}


#innai .floar p.parking {
	margin:10vw 0 0 35vw;
}
#innai .floar p.parking img {
	width:20.6vw;
}


#innai .floar p.entrance-slope {
	margin:23vw 0 0 16vw;
}
#innai .floar p.entrance-slope img {
	width:21.5vw;
}
	

#innai .floar p.shinsatsu1 {
	margin:34vw 0 0 69vw;
}
#innai .floar p.shinsatsu1 img {
	width:12.2vw;
}


#innai .floar p.shinsatsu2-4 {
	margin:56vw 0 0 63vw;
}
#innai .floar p.shinsatsu2-4 img {
	width:16.4vw;
}


#innai .floar p.window-waiting {
	margin:40vw 0 0 26vw;
}
#innai .floar p.window-waiting img {
	width:17.6vw;
}


#innai .floar p.toilet {
	margin:61.5vw 0 0 4vw;
}
#innai .floar p.toilet img {
	width:14.6vw;
}


#innai .floar p.kids {
	margin:59vw 0 0 21vw;
}
#innai .floar p.kids img {
	width:18.8vw;
}


#innai .floar p.roentgen {
	margin:36vw 0 0 49vw;
}
#innai .floar p.roentgen img {
	width:17vw;
}


#innai .floar p.hamigaki {
	margin:44vw 0 0 2vw;
}
#innai .floar p.hamigaki img {
	width:12.2vw;
}


}








@media screen and (min-device-width:750px){ /*PC*/
.floar_table {
	padding:10px 0 10px 10px;
	width:725px;
}
}



@media screen and (min-device-width:750px){ /*PC*/
.floar_table h3 {
	margin:0 0 5px 0;
	padding:0 0 0 10px;
	width:710px;
}
}

@media screen and (max-device-width:749px){ /*スマホ*/
.floar_table h3 {
	margin:0 0 3px 0;
	padding:0 0 0 5px;
}
}


.floar_table h3 span {
	color:#ffffff;
}

@media screen and (min-device-width:750px){ /*PC*/
.floar_table h3 span {
	font-size:2.5rem;
	line-height:3rem;
}
}
@media screen and (max-device-width:749px){ /*スマホ*/
.floar_table h3 span {
	font-size:2rem;
	line-height:2.5rem;
}
}


@media screen and (min-device-width:750px){ /*PC*/
.floar_table img {
	margin:0 5px 5px 0;
	float:left;
}
}
@media screen and (max-device-width:749px){ /*スマホ*/
.floar_table img {
	margin:0 0 3px 0;
	width:100%;
	height:auto;
}


}







@media screen and (min-device-width:750px){ /*PC*/
.floar_table p {
	padding:0 0 20px 0;
	font-size:1.4rem;
	line-height:2rem;
}
}

@media screen and (max-device-width:749px){ /*スマホ*/
.floar_table p {
	padding:0 0 10px 0;
	font-size:1.2rem;
	line-height:1.6rem;
}
}




@media screen and (min-device-width:750px){ /*PC*/
.floar_table .text {
	padding:15px 15px 0 15px;
}
}

@media screen and (max-device-width:749px){ /*スマホ*/
.floar_table .text {
	padding:5px;
}
}



#parking h3,
#entrance-slope h3 {background:#a9a5a1;}
#parking h3 span ,
#entrance-slope h3 span {
	-webkit-text-shadow: 0 0 2px #333; /* Safari, Chrome用 */
	-moz-text-shadow: 0 0 2px #333; /* Firefox用 */
	text-shadow: 0 0 2px #333; /* CSS3 */
}





#parking .text {
	background-color:rgba(169,165,161,0.2);
	background-image:url(../../annai/images/parking_text_bg.png);
	background-position:bottom right;
	background-repeat:no-repeat;
}
@media screen and (min-device-width:750px){ /*PC*/
#parking .text {
	display:inline-block;
	width:180px;
	height:285px;
}
}
	



#entrance-slope .text {
	background-color:rgba(169,165,161,0.2);
	background-image:url(../../annai/images/parking_text_bg.png);
	background-position:bottom right;
	background-repeat:no-repeat;
}
@media screen and (min-device-width:750px){ /*PC*/
#entrance-slope .text {
	width:690px;
	height:120px;
}
}

@media screen and (max-device-width:749px){ /*スマホ*/
#entrance-slope img {
	object-fit:cover;
}

#entrance-slope img:nth-child(2) {
	height:50vw;
	object-position:0 0;
}
#entrance-slope img:nth-child(3) {
	height:40vw;
	object-position:0 100%;
	
}
}









#shinsatsu1 h3,
#shinsatsu2-4 h3 {background:#e6ab51;}
#shinsatsu1 h3 span,
#shinsatsu2-4 h3 span {
	-webkit-text-shadow: 0 0 2px #a96403; /* Safari, Chrome用 */
	-moz-text-shadow: 0 0 2px #a96403; /* Firefox用 */
	text-shadow: 0 0 2px #a96403; /* CSS3 */
}




#shinsatsu1 .text {
	background-color:rgba(230,171,81,0.2);
	background-image:url(../../annai/images/shinsatsu_text_bg.png);
	background-position:bottom right;
	background-repeat:no-repeat;
}

@media screen and (min-device-width:750px){ /*PC*/
#shinsatsu1 .text {
	width:690px;
	height:120px;
}
}



#shinsatsu2-4 .text {
	background-color:rgba(230,171,81,0.2);
	background-image:url(../../annai/images/shinsatsu_text_bg.png);
	background-position:bottom right;
	background-repeat:no-repeat;
}

@media screen and (min-device-width:750px){ /*PC*/
#shinsatsu2-4 .text {
	width:690px;
	height:140px;
}
}






#window-waiting h3 {background:#b6dce8;}
#window-waiting h3 span {
	-webkit-text-shadow: 0 0 2px #70aec1; /* Safari, Chrome用 */
	-moz-text-shadow: 0 0 2px #70aec1; /* Firefox用 */
	text-shadow: 0 0 2px #70aec1; /* CSS3 */
}



#window-waiting .text {
	background-color:rgba(182,220,232,0.2);
	background-image:url(../../annai/images/window-waiting_text_bg.png);
	background-position:bottom right;
	background-repeat:no-repeat;
}

@media screen and (min-device-width:750px){ /*PC*/
#window-waiting .text {
	width:690px;
	height:120px;
}
}









#toilet h3 {background:#a9b961;}
#toilet h3 span {
	-webkit-text-shadow: 0 0 2px #758822; /* Safari, Chrome用 */
	-moz-text-shadow: 0 0 2px #758822; /* Firefox用 */
	text-shadow: 0 0 2px #758822; /* CSS3 */
}

#toilet .text {
	background-color:rgba(169,185,97,0.2);
	background-image:url(../../annai/images/toilet_text_bg.png);
	background-position:bottom right;
	background-repeat:no-repeat;
}

@media screen and (min-device-width:750px){ /*PC*/
#toilet .text {
	display:inline-block;
	width:185px;
	height:487px;
}
}







#kids h3 {background:#e7d378;}
#kids h3 span {
	-webkit-text-shadow: 0 0 2px #bda434; /* Safari, Chrome用 */
	-moz-text-shadow: 0 0 2px #bda434; /* Firefox用 */
	text-shadow: 0 0 2px #bda434; /* CSS3 */
}

#kids .text {
	background-color:rgba(231,211,120,0.2);
	background-image:url(../../annai/images/kids_text_bg.png);
	background-position:bottom right;
	background-repeat:no-repeat;
}

@media screen and (min-device-width:750px){ /*PC*/
#kids .text {
	width:690px;
	height:100px;
}
}







#roentgen h3 {background:#dac2d8;}
#roentgen h3 span {
	-webkit-text-shadow: 0 0 2px #ac83a7; /* Safari, Chrome用 */
	-moz-text-shadow: 0 0 2px #ac83a7; /* Firefox用 */
	text-shadow: 0 0 2px #ac83a7; /* CSS3 */
}

#roentgen .text {
	background-color:rgba(218,194,216,0.2);
	background-image:url(../../annai/images/roentgen_text_bg.png);
	background-position:bottom right;
	background-repeat:no-repeat;
}

@media screen and (min-device-width:750px){ /*PC*/
#roentgen .text {
	display:inline-block;
	width:335px;
	height:235px;
}
}
@media screen and (max-device-width:749px){ /*スマホ*/
#roentgen img{
	object-fit:cover;
}

#roentgen img:nth-child(2) {
	height:60vw;
	object-position:0 60%;
}
#roentgen img:nth-child(3) {
	height:50vw;
	object-position:0 0;
}

}








#hamigaki h3 {background:#aba190;}
#hamigaki h3 span {
	-webkit-text-shadow: 0 0 2px #73664f; /* Safari, Chrome用 */
	-moz-text-shadow: 0 0 2px #73664f; /* Firefox用 */
	text-shadow: 0 0 2px #73664f; /* CSS3 */
}



#hamigaki .text {
	background-color:rgba(171,161,144,0.2);
	background-image:url(../../annai/images/window_text_bg.png);
	background-position:bottom right;
	background-repeat:no-repeat;
}

@media screen and (min-device-width:750px){ /*PC*/
#hamigaki .text {
	display:inline-block;
	width:285px;
	height:585px;
}
}

@media screen and (max-device-width:749px){ /*スマホ*/
#hamigaki img{
	object-fit:cover;
}

#hamigaki img:nth-child(2) {
	height:80vw;
	object-position:0 50%;
}

}






/* ■■■■■機材紹介■■■■■ */


@media screen and (min-device-width:750px){ /*PC*/
#kizai .kizai {
	padding:0 0 5px 0;
}
}

@media screen and (min-device-width:750px){ /*PC*/

#kizai .col2:nth-child(odd) {
	margin:0 10px 0 0;
}

#kizai .col2 {
	padding:0 0 30px 0;
	width:327px;
	float:left;
}
}

@media screen and (max-device-width:749px){ /*スマホ*/
#kizai .col2 {
	padding:0 0 20px 0;
}
}


@media screen and (max-device-width:749px){ /*スマホ*/
#kizai .col2 img {
	width:100%;
	height:auto;
}
}



#kizai .ex {
	padding:0;
	border-bottom:1px dashed #c5c1bd;
}

@media screen and (min-device-width:750px){ /*PC*/
#kizai .ex {
	margin:0 0 5px 0;
	font-size:1.25rem;
}
}
@media screen and (max-device-width:749px){ /*スマホ*/
#kizai p.ex {
	font-size:1.4rem;
}

#kizai p {
	padding:0 0 10px 0;
	font-size:1.2rem;
}

#kizai br {
	display:none;
}

}








#kizai .ex .li-1 {
	letter-spacing:0.1px;
}