@media screen and (max-width:768px){

	* {
		box-sizing: border-box;
		margin: 0;
		padding: 0;
	}

	::before , ::after {
		box-sizing: inherit;
	}

	input,textarea {
		-webkit-appearance: none;
	}

	.scroll-prevent {
		position: fixed;
		z-index: -1;
		width: 100%;
		height: 100%;
	}

	header{
		position:relative;
		padding:10px 0;
		height:55px;
		background:#000;
	}

	header:after {
		content: '';
		display: block;
		clear: both;
	}

	.header{
		display:none;
	}

	.btns {
		position: absolute;
		cursor:pointer;
		top: 6px;
		right: 10px;
		width: 36px;
		height: 36px;
		z-index: 10;
		border:0;
		background:#2a3f54;
	}

	.btns.open {
		top: 0;
		right: 80%;
		width: 42px;
		height: 42px;
		background-color: rgba(42, 63, 84, 0.8);
		transition: .3s;
	}

	.btns-line {
		display: block;
		position: relative;
		width: 100%;
		height: 4px;
		background: #fff;
		transition: .2s;
	}

	.btns-line::before,
	.btns-line::after {
		content: "";
		position: absolute;
		left:0;
		width: 100%;
		height: 100%;
		background: #fff;
		transition: .5s;
	}

	.btns-line::before {
		transform: translateY(-14px);
	}

	.btns-line::after {
		transform: translateY(14px);
	}

	.btns-line.open {
		background-color: transparent;
	}

	.btns-line.open::before ,
	.btns-line.open::after {
		content: "";
		background-color: #fff;
		transition: .2s;
	}

	.btns-line.open::before {
		transform: rotate(45deg);
	}

	.btns-line.open::after {
		transform: rotate(-45deg);
	}

	#smart_menu{
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:50px;
		background:#2a3f54;
	}

	.logo{
		display:none;
	}

	.logo2{
		margin:3px 0 0  0;
		padding:5px 0 0 0;
		width:140px;
		height:45px;
		background:url(../img/title.png) no-repeat 0 0;
		background-size:140px 45px;
	}

	#menu {
		position: fixed;
		z-index:1000;
		top: 0;
		right: -80%;
		margin:;
		width: 80%;
		height: 100vh;
		color: #efefef;
/*		background-color: rgba(102, 0, 153, 0.8);*/
		background-color: rgba(42, 63, 84, 0.8);
		transition: .3s;
		overflow:scroll;
	}

	#menu.open {
		right: 0;
	}

	#menu:after {
		content: '';
		display: block;
		clear: both;
	}

	#menu li{
		position: relative;
		display: inline-block;
		float:left;
		width:100%;
		font-size:15px;
		padding:10px 0 12px 0;
		color:#fff;
		cursor:pointer;
	}

	#menu li:hover{
		background:#324556;
		border-top:1px solid #546371;
		border-bottom:1px solid #1f2f3f;
	/*	border-right:2px solid #1abb9c;*/
		box-shadow: -4px 0 #1abb9c inset;
	}

	#menu li.hover{
		background:#324556;
		border-top:1px solid #546371;
		border-bottom:1px solid #1f2f3f;
	/*	border-right:2px solid #1abb9c;*/
		box-shadow: -4px 0 #1abb9c inset;
	}

	#menu li::before,
	#menu li::after{
		position: absolute;
		top: 0;
		bottom: 0;
		right: 14px;
		margin: auto;
		content: "";
		vertical-align: middle;
	}

	.arrow::before{
		right: 0px;
		width: 6px;
		height: 6px;
		border-top: 2px solid #fff;
		border-right: 2px solid #fff;
		-webkit-transform: rotate(135deg);
		transform: rotate(135deg);
	}

	#menu li a{
		display:block;
		width:100%;
		height:100%;
		color:#fff;
	}


	#menu li .icon{
		float:left;
		display:block;
		margin:3px 10px 0 20px;
		font-size:20px;
	}

	#menu li .title{
		float:left;
		display:block;
		padding:5px 0 0 0 ;
	}

	.sub{
		display:none;
		float:left;
		width:100%;
	}

	.sub_a{
		float:left;
		width:100%;
	}

	.sub_menu{
		position:relative;
		font-size:13px;
		color:#fff;
	}

	.sub_menu::before{
		content: "";
		position:absolute;
		top:16px;
		left:26px;
		width: 8px;
		height: 8px;
		border-radius: 50%;
		background: #425668;
	}

	.sub_menu::after{
		content: "";
		position:absolute;
		top:0;
		left:30px;
		width:1px;
		height:100%;
		background: #425668;
	}

	.sub_menu a{
		display:block;
		padding:10px 0 10px 50px;
		color:#fff;
	}

	.sub_menu a:hover{
		background:#35495d;
		text-decoration:none;
	}

	.sub_menu_a{
		position:relative;
		font-size:13px;
		color:#fff;
	}

	.sub_menu_a::before{
		content: "";
		position:absolute;
		top:16px;
		left:26px;
		width: 8px;
		height: 8px;
		border-radius: 50%;
		background: #425668;
	}

	.sub_menu_a::after{
		content: "";
		position:absolute;
		top:0;
		left:30px;
		width:1px;
		height:100%;
		background: #425668;
	}

	.sub_menu_a a{
		display:block;
		padding:10px 0 10px 50px;
		background:#35495d;
		color:#fff;
	}

	.sub_menu_a a:hover{
		background:#35495d;
		text-decoration:none;
	}

	#main_contents{
		width:99%;
		margin:0 auto;
		padding:56px 0 0 0 ;
	}

	.customer_list{
		width:96%;
		margin:0 auto 20px auto;
		overflow-x:auto;
	}

	.sub_page{
		position:absolute;
		top:-41px;
		left:10px;
		width:96%;
		overflow-x:auto;
	}

	.page_menu{
		width:1480px;
	}

	.page_menu:after {
		content: '';
		display: block;
		clear: both;
	}

	.page_menu li{
		float:left;
		margin:0 10px 0 0 ;
		background:#fff;
		border-left:1px solid #e6e9ed;
		border-top:1px solid #e6e9ed;
		border-right:1px solid #e6e9ed;
	/*	border-top-left-radius: 10px;
		border-top-right-radius: 10px;*/
	}

	.page_menu li a{
		display:block;
		width:200px;
		padding:10px;
		font-size:13px;
		background:#f5f7fa;
		color:#5a738e;
		text-align:center;
		text-decoration:none;
	}

	.page_menu li a:hover,.page_menu li.active a:hover{
		color:#0056b3;
	}

	.page_menu li.active a{
		display:block;
		width:200px;
		padding:10px;
		font-size:13px;
		background:#fff;
		color:#000;
		text-align:center;
	}

	.page_menu2{
		width:924px;
	}

	.page_menu2:after {
		content: '';
		display: block;
		clear: both;
	}

	.page_menu2 li{
		float:left;
		margin:0 10px 0 0 ;
		background:#fff;
		border-left:1px solid #e6e9ed;
		border-top:1px solid #e6e9ed;
		border-right:1px solid #e6e9ed;
	/*	border-top-left-radius: 10px;
		border-top-right-radius: 10px;*/
	}

	.page_menu2 li a{
		display:block;
		width:196px;
		padding:10px;
		font-size:13px;
		background:#f5f7fa;
		color:#5a738e;
		text-align:center;
		text-decoration:none;
	}

	.page_menu2 li a:hover,.page_menu2 li.active a:hover{
		color:#0056b3;
	}

	.page_menu2 li.active a{
		display:block;
		width:200px;
		padding:10px;
		font-size:13px;
		background:#fff;
		color:#000;
		text-align:center;
	}

	#therapist_box .item_box .therapist_box{
		border:1px solid #ccc;
	}

	#therapist_box .item_box .therapist_box .name{
		padding:1px 0 1px 0;
		white-space: nowrap;
		overflow:hidden;
		font-size:11px;
	}

	#therapist_box .item_box .therapist_box .time{
		padding:1px 0;
		white-space: nowrap;
		overflow:hidden;
		font-size:11px;
	}

	#therapist_box .item_box .therapist_box .room{
		display:block;
		padding:1px 0;
		white-space: nowrap;
		overflow:hidden;
		font-size:11px;
	}

	#therapist_box .item_box .memo{
		display:none;
	}

	.time_box{
		padding:0 0 0 119px;
	}

	.date_change{
		margin: 0 0 20px 20px;
	}

	.date_change:after {
		content: '';
		display: block;
		clear: both;
	}

	.date_change li{
		float:left;
		margin:0 10px 0 0 ;
	}

	.date_change li select{
		margin:0 5px 0 0 ;
		font-size:18px;
	}

	.date_change li .view{
		width:50px;
		padding:3px 0;
		background:#17a2b8;
		color:#fff;
		text-align:center;
		border:1px solid #17a2b8;
		border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		cursor:pointer;
		vertical-align: bottom;
	}

	.date_change li .view:hover{
		background:#138496;
		text-decoration:none;
	}

	.change_item{
		margin:12px 0 0 0 ;
	}

	.date_change2{
		margin: 0 0 20px 0;
	}

	.date_change2:after {
		content: '';
		display: block;
		clear: both;
	}

	.date_change2 li{
		float:left;
		margin:0 10px 0 0 ;
		font-size:13px;
	}

	.date_change2 li select{
		margin:0 5px 0 0 ;
		font-size:18px;
	}

	.date_change2 li .view{
		width:50px;
		padding:3px 0;
		background:#17a2b8;
		color:#fff;
		text-align:center;
		border:1px solid #17a2b8;
		border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		cursor:pointer;
		vertical-align: bottom;
	}

	.date_change2 li .view:hover{
		background:#138496;
		text-decoration:none;
	}

	.color_meaning li:nth-child(3){
		float:left;
		width:100%;
		margin:0 5px 0 0 ;
	}

	.schedule_btn{
		width:120px;
		padding-top:15px;
	}

	.schedule_btn:after {
		content: '';
		display: block;
		clear: both;
	}

	.schedule_btn input{
		float:left;
		margin-bottom:5px;
		padding:10px;
	}

	.btn_space{
		float:left;
		width:100%;
		height:30px;
	}

}