@charset "utf-8";
@import url('//fonts.googleapis.com/earlyaccess/nanumgothic.css');

/* bnbg css */
/* reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,  del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video
{
 margin: 0; padding: 0; border: 0; font-size: 14px; vertical-align: baseline;font-family: 'Nanum Gothic',sans-serif;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
 display: block;
 }
body {
 line-height: 1; 
}
ol, ul {
 list-style: none;
}
blockquote, q {
 quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
 content: ''; content: none;
}
table {
 border-collapse: collapse; border-spacing: 0;
}

table { border-collapse: collapse; /*border-spacing: 0px;*/ }

#m_wrap { width: 100%; position: relative; text-align: center; }
#m_wrap div.box { margin: 0 auto 50px auto; width: 100%; max-width: 640px; }
#m_wrap div.first { padding: 70px 0 0 0; margin-bottom: 0; }
#m_wrap div.box img { max-width: 100%; }
#m_wrap div.last { margin-bottom: 0; }
#m_wrap .plastic { width: 100%; height: 22%; position: absolute; top: 49%; left: 0; }
#m_wrap .skin { width: 100%; height: 21%; position: absolute; top: 74%; left: 0; }

#m_menu { width: 100%; overflow: hidden; position: fixed; height: auto; padding: 0 0 15px 0; background: #fff; z-index: 20; }
#m_menu li { float: left; width: 20%; }
#m_menu li a { display: block; padding: 17px 0;background: #8d217f; border-right: 1px solid #8d217f; box-sizing: border-box; }
#m_menu li.on { background: #fff; border-right: none; }
#m_menu li:nth-child(2) { width: 40%; }
/*#m_menu li a img { width: 75%; height: 75%; }
#m_menu li:nth-child(1) a img, #m_menu li:nth-child(4) a img { width: 50%; height: 50%; }*/
#m_menu li a { font-family: Nanum Gothic,sans-serif; font-size: 0.86em; letter-spacing: -0.5px; text-decoration: none; font-weight: bold; color: #fff; }
#m_menu li a:hover { text-decoration: none; background: #8d217f; color: #fff; }
/*#m_menu li a:active {  background: #fe9c43; color: #fff; }*/
#m_menu li.on a { background: #fff; color: #8d217f; }
/*#m_menu li.on a:hover { background: #fff; color: #fe9c43; }*/
/*#m_menu li.on a:active { background: #fff; color: #fe9c43; }*/
#m_menu li.on:last-child a { border-right: none; }


.map_wrap { padding: 0 10px; margin-top: 20px }
.map_wrap .map {  width: 100%; height: 280px; margin: 0 0 50px 0; box-sizing: border-box; border: 1px solid #8d217f; }

#m_menu li a { letter-spacing: -1px; font-size: 0.78em;}

@media only screen and (max-width:320px) {/* iphone */ /*optimus one*/

#m_menu li a { font-family: Nanum Gothic,sans-serif; font-size: 0.80em; }
#m_menu li a { letter-spacing: -1px; font-size: 0.70em; }

}

.guide-box{padding: 0 20px;}
.explain{text-align: left;}
.explain__tit{position: relative;padding-top: 15px;font-size: 35px;font-weight: 600;color: #333;letter-spacing: -2px;}
.explain__tit:before{content: '';position: absolute;top: 0;left: 0;width: 45px;height: 1px;background-color: #363c54;}
.explain__txt{margin-top: 30px;font-size: 20px;color: #333;line-height: 1.5;letter-spacing: -2px;}
.explain__point{font-size: 20px;font-weight: 600;color: #8d217f;}
.explain__addr{margin-top: 25px;font-weight: 600;font-size: 18px;line-height: 1.5;letter-spacing: -2px;}

.medical-guide{margin-top: 60px;padding-bottom: 80px;text-align: left;}
.medical-guide__tit{position: relative;padding-top: 15px;font-size: 24px;letter-spacing: -1px;}
.medical-guide__tit:before{content: '';position: absolute;top: 0;left: 0;width: 45px;height: 1px;background-color: #363c54;}
.medical-guide__list{margin-top: 15px;}
.medical-guide__dt{float: left;margin-right: 28px;font-size: 18px;font-weight: 600;}
.medical-guide__dd{position: relative;font-size: 18px;}
.medical-guide__night{position:absolute;top: 1px;margin-left:8px;padding: 0 4px;background-color: #8c217f;font-size: 16px;color: #fff;text-align: center;}
.medical-guide__dt, .medical-guide__dd{line-height: 1.7;}
.medical-guide__notice{display: block;margin-top: 5px;font-size: 16px;color: #999;}
.medical-guide__notice + .medical-guide__notice{marign-top: 3px;}
.medical-guide__tel{position: relative;margin-top: 40px;padding-left: 40px;font-size: 40px;font-weight: 600;letter-spacing: -2px;}
.medical-guide__tel:before{content: '';position: absolute;top: 5px;left: 0;width: 38px;height: 40px;background: url('../img/m/medical_guide_tel.jpg') 0 0/cover;}

.guide04__bfaf img + img{margin-top: 25px;}

@media only screen and (max-width: 680px){
	.explain__tit{font-size: 1.8rem;}
	.explain__tit:before{width: 30px;}
	.explain__txt{font-size: 1.3rem;}
	.explain__point{font-size: 1.3rem;}
	.explain__addr{font-size: 1.2rem;}
	
	.medical-guide{margin-top: 40px;padding-bottom: 40px;}
	.medical-guide__tit{font-size: 1.4rem;}
	.medical-guide__tit:before{width: 30px;}
	.medical-guide__dt, .medical-guide__dd{font-size: 1.2rem;}
	.medical-guide__night{font-size: 1.0rem;}
	.medical-guide__notice{font-size: 1.0rem;}

	.medical-guide__tel{font-size: 2.0rem;padding-left: 22px;}
	.medical-guide__tel:before{top: 5px;width: 19px;height: 20px;}
}