@charset "UTF-8";
/* CSS Document */

/*-----------------------------------------

		layout

-----------------------------------------*/
.sp #l-header{
	z-index: 1000;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height: 36px;
}
.sp #l-contents{
	padding-top:36px;
}
.sp #l-footer{
	
}
.sp #l-mainContent{
	
}
.sp #l-sideMenu{
	
}
.sp #overlay{
	z-index: 999;
	position:fixed;
	top:0;
	left:0;
	width: 100%;
	height: 120%;
	background-color:rgba(0,0,0,0.4);
}
/*-----------------------------------------

		layout -- header

-----------------------------------------*/
.sp .header_inner{
	height: 36px;
}
.sp .header_top{
	z-index: 1000;
	position:relative;
	background-color:#fff;
	box-shadow:0px 1px 2px 1px #ccc;
	line-height:36px;
}
.sp .clinicLogo{
	text-align:center;
}
.sp .clinicLogo img{
	width:155px;
	margin:0 auto;
	vertical-align: middle;
}
.sp .header_tel {
	display: none;
}
.sp .menu_icon{
	position:absolute;
	top:0;
	left:0;
	width:2em;
	text-align:center;
}
.sp .menu_icon .material-icons{
	font-size:17px;
}

/*-----------------------------------------

		layout -- gNav

-----------------------------------------*/
.sp #l-gNav{
	opacity: 0;
	position:absolute;
	top:36px;
	left: -200px;
	width:0;
	background-color:#fff;
	transition: all 0.3s linear;
}
.sp #l-gNav #headernavi{
	margin-left: 10px;
}
.sp #l-gNav.is-slide{
	opacity: 1;
	left: 0;
	width: 80%;
}
.sp .gNav_item{
	position:relative;
	width:100%;
	line-height: 40px;
	vertical-align: middle;
	font-size:12px;
}
.sp .gNav_item a{
	display: block;
	position:relative;
	width: 70%;
}
.sp .gNav_item .material-icons{
	display: inline-block;
	padding:0 10px;
	font-weight:normal;
	color:#03a9f4;
}

.sp .gNav_item .material-icons-right{
	z-index: 1000;
	position:absolute;
	/*top:35%;*/
	top:13px;
	right:0;
	color:#bdbdbd;
	
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
.sp .header_siteMap {
	padding:0 10px;
}
.sp .siteMap_link_item{
	line-height: 30px;
	font-size:10px;
	font-weight:bold;
}
.sp .siteMap_link_item a{
	display: block;
}
.sp .header_siteMap_btnArea{
	margin-top:10px;
	padding-bottom:33px;/*safari*/
	text-align:center;
	font-size:0;
}
.sp .header_smb_item{
	display: inline-block;
	width:45%;
	background-color:#f5f5f5;
	border-radius: 20px;
	white-space: nowrap;
	line-height: 28px;
	font-size:12px;
	color:#03a9f4;
}
.sp .header_smb_item:first-child{
	margin-right:4%;
}
.sp .header_smb_item .material-icons{
	padding:0;
	color:inherit;
}



/* nav accordion style*/
.sp .gNav_item_acd{
	display:none;
}

/*-----------------------------------------

		layout -- footer

-----------------------------------------*/

.sp #l-footer{
}
.sp .footer_siteMap{
	width:100%;
	background-color:#fff;
	font-size:10px;
}
.sp .footer_bottom{
	width:100%;
	padding:17px 20px 12px;
	background-color:#eeeeee;
	box-sizing:border-box;
	font-size:10px;
}
.sp .sMap_item{
	margin-bottom:20px;
	padding-left:3em;
}
.sp .sMap_item a{
	display: block;
}
.sp .sMap_item:first-child{
	margin-top:10px;
}
.sp .sMap_title{
	position: relative;
	padding-left:1em;
	line-height:30px;
}
.sp .sMap_title .material-icons{
	width:2em;
}
.sp .md-borderTop{
	border-top:2px solid #eee;
}
.sp .sMap_patient_title .material-icons{
	display: inline-block;
	width:2em;
}
.sp .sMap_patient_box,
.sp .sMap_employee_box,
.sp .sMap_recruit_box{
	display:none;
}
.sp .sMap_title .material-icons:nth-child(2){
	display:inline-block;
	position: absolute;
	top:40%;
	right:2%;
}
.sp .footer__logo_title{
	margin-bottom:15px;
	text-align:center;
}
.sp .footer__logo_title img{
	width:155px;
}
.sp .footer_tel{
	width:180px;
	margin:0 auto;
	background-color:rgba(255,255,255,0.8);
	border-radius:20px;
	text-align:center;
	line-height: 28px;
	font-size:17px;
}
.sp .footer_address{
	padding:12px 0;
	line-height: 1.412;
	text-align:center;
	font-style:normal;
	font-size:8px;
}
.sp .footer_subject_title,
.sp .footer_subject_text{
	display: inline;
	line-height: 1.412;
}
.sp .footer_subject_title{
	font-weight: bold;
}
.sp .footer_copyright{
	margin-top:13px;
	text-align: center;
}




/*-----------------------------------------

		layout --  sideMenu

-----------------------------------------*/
.sp #l-sideMenu{
	padding:0 7px;
}
.sp .sMenu_item{
	margin-bottom:5px;
	background-color:#fff;
	border: 1px solid #e0e0e0;
	box-shadow: 0 0 1px #e0e0e0;
}
.sp .sMenu_item img {
	width: 100%;
}
.sp .sMenu_text_body{
	padding:15px;
}
.sp .sMenu_title{
	margin-bottom:10px;
	font-size:12px;
	font-weight:normal;
	color:#03a9f4;
}
.sp .sMenu_text{
	line-height:1.4;
	font-size: 10px;
}

.sp #sideMenu ul#patient_menu {
	display:none;
}



/*-----------------------------------------

		layout --  mainContent

-----------------------------------------*/
.sp #contents_wrap{
	padding:20px 0 12px;
	background-color: #fafafa;
}
.sp #l-mainContent{
	padding:0 12px;
}
.sp .sec_title{
	padding-bottom:5px;
	border-bottom:2px solid #e0e0e0;
	font-size:12px;
	color:#03a9f4;
}
.sp .sec_title .material-icons{
	padding:0 5px;
}
.sp .sec_body{
	padding:15px 0;
	font-size:10px;
}