@hover_red  : red;

@media screen and (min-width: 751px) {

	html
	{
		height: 100%;
	}

	/*a:link { color: #003ca0; }*/

	#header
	{
		text-align: center;
		/*margin-bottom : -20px;*/
		/*border-bottom: solid #003ca0;*/
		/*border-width:2px;*/
		padding:10px 0 10px 0 ;
		margin-bottom:0px;

	}

	#main_container_base
	{
		margin-top: 20px;
	}

	.day_group_header
	{
		border-bottom: dashed thin;
		border-color: #000;
		margin-bottom:2px;
		padding-left:10px;
		padding-top:4px;
	}

	.card
	{
		background:#ddc;
		margin-bottom:2px;
		padding-left:10px;
		padding-top:4px;
	}

	input[type=number]
	{
		height:30px;
	}
	.button_base{
		display: inline-block;
		height: 30px;
		min-width:100px;
		max-width:170px;

		/*  max-width: 100px;*/
		padding: 5px 5px 5px 5px;

		/* テキスト */
		font-size: 15px;
		/*text-align: center;*/
		text-decoration: none;
		text-shadow: 0 -1px 3px rgba(0, 0, 0, .3);

		/* 角丸 */
		border: 1px solid #e3e3e3;
		border-radius: 4px;
		-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
		box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);

		/* アイコン*/

	}

	header{

	}
	#main{
		padding-left:15px;
		padding-right:15px;
	}

	body {
		/* Firefox対策 */
		height: 100%;
	}

	/* フッターを下部へ押しやるための、コンテンツのラッパー */
	/* フッターの高さ分だけ、ネガティブインデントを指定 */
	/* フッターの高さ分だけ、パディングを指定 */
	/*#wrap {
		min-height: 100%;
		height: auto;
		margin: 0 auto -30px;
		padding: 0 0 30px;
	}
	footer{
		height: 30px;
	}
	footer hr{
		border-color: #003ca0;
		border-width: 2px;
		margin:5px 0 5px 0;
	}*/


	/*.plain {
		color: black;
		text-decoration:none;
		min-height: 20px;
		display:inline-block;
		background-color: #e6e6e6;
		border: 1px solid #bebebe;
		border-radius: 4px;
		-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
		box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
		max-width: 80px;
		max-height: 30px;
	}*/
	.plain:hover {
		text-decoration:none;
		border-style:none; /* 画像のボーダーを消す記述 */
		color: #f5f5f5;
		border: solid 1px #1e1e1e;/*TODO: 後で修正*/

		/* グラデーション */
		background-color: #1e1e1e;/*TODO: 後で修正*/
	}
	#header_left h2{
		margin:3px 0 15px 0;
	}
	.plain a{
		color: black;
		margin:8px 8px 8px 8px;
	}
	.plain-lg {
		padding: 24px;
		border-radius: 6px;
	}

	.plain-sm {
		padding: 9px;
		border-radius: 3px;
	}

	.both {
		clear:both;
	}
	#header .h_float_left{
		float:left;
		padding-left:50px;
	}
	.h_float_right{
		float:right;
		padding: 0 30px 0 0;
	}
	#header_left{

	}
	.license{
		text-align: right;
		padding-right:30px;
	}

	.login {
		display: inline-block;
		height: 28px;
		width: 100px;
		font-size: 12px;
		color: white;
		text-decoration: none;
		background-color: #003ca0;
		border-radius: 5px;
		text-shadow: none;
		margin-right: 0px;
		margin-left: 10px;
		margin-top: 5px;
		box-shadow: none;
	}

	.login:hover,
	.logout:focus {
		opacity: 0.6;
	}

	.logout {
		display: inline-block;
		height: 28px;
		width: 100px;
		font-size: 12px;
		color: black;
		text-decoration: none;
		background-color: white;
		margin-right: 0px;
		border-radius: 5px;
		text-shadow: none;
		border-color: #969696;
		margin-left: 10px;
		box-shadow: none;
	}

	.all_notice {
		width: 150px;
		height: 40px;
		text-shadow: none;
		background-color: white;
		border: solid 1px;
		border-color: #969696;
		border-radius: 8px;
		color: black;
		box-shadow: none;
	}

	.all_notice:hover,
	.logout:hover,
	.logout:focus {
		background-color: #c8c8c8;
		border: solid 1px;
		border-color: #969696;
	}

	.all_notice_button_area {
		margin-top: 25px;
		padding: 0;
	}

	.username{
		padding:5px 0 0 30px;
		text-decoration: none;
		margin-right: 0px;
	}

	.information_badge{
		margin-right: 5px;
		margin-bottom: 2px;
		position: relative;
		cursor: pointer;
	}

	.information_list{
		display: none;
		position: absolute;
		text-align: left;
		padding: 5px 10px 5px 10px;
		background-color: #fff;
		opacity: 1.0;
		color: #000;
		border: solid 3.5px #5e5e5e;
		border-radius: 20px;
		top: 62px;
		left: -100px;
		max-height: 300px;
		z-index: 1;
	}
	.information_list:before{
		content: "";
		position: absolute;
		top: -40px;
		left: 110px;
		margin-left: -15px;
		border: solid 15px transparent;
		border-bottom: solid 30px #fff;
		z-index: 2;
	}
	.information_list:after{
		content: "";
		position: absolute;
		top: -48px;
		left: 111px;
		margin-left: -16px;
		border: 15px solid transparent;
		border-bottom: 30px solid #5e5e5e;
		z-index: 1;
	}
	.info_header{
		margin-left: 10px;
		margin-right: 10px;
		border-bottom: 2px solid #0746ad;
	}
	.info_header_icon{
		display: inline-block;
		background-image: url(../image/icon_notice.png);
		background-size: 15px;
		padding: 7px;
	}
	.info_header_title{
		display: inline-block;
		margin-top: 7px;
		margin-bottom: 7px;
		font-weight: bold;
		font-size: 16px;
	}
	.info_item_div{
		max-height: 255px;
		overflow: auto;
	}
	.info_item_ul{
		background: #fff;
		list-style: none;
		padding: 0em 1.0em 0.5em 1.0em;
		margin: auto;
	}
	.info_item_li{
		line-height: 1.5;
		padding: 0.5em 0;
		border-bottom: 1px dotted #000;
	}
	.info_item_date{
		margin-right: 10px;
		margin-left: 10px;
	}
	.info_item_content{
		margin-right: 12px;
	}

	.username_icon::before{
		content: url(./smoothness/images/icon_user.png);
		display: inline-block;
	}

	.folder{
		margin-top:10px;
		padding : 5px 5px 5px 30px;
		text-decoration: none;
		background-image:url(./smoothness/images/icon_mydata.png);
		background-position: 8px 6px;
		background-repeat:no-repeat;
		margin-right: 0px;
	}
	.access_key{
		background-color: #c8c8c8;
		background-repeat:no-repeat;
		margin: 20px 0 0 0;
	}
	.access_key input[type="text"]{
		margin:0px 0 10px 10px;
		width: 75%;
		height: 30px;
	}
	.access_key input[type="submit"]{
		margin:0px 0 10px 0;
	}
	.access_key label{
		margin:10px 0 10px 10px;
	}



	/* ボタンの色を指定 */
	.button_black {
		color: #f5f5f5;
		border: solid 1px #1e1e1e;

		/* グラデーション */
		background-color: #1e1e1e;
		background-position: 0 0;
		background-repeat:no-repeat;

	}

	.button_black:hover {
		text-decoration:none;
		border-style:none; /* 画像のボーダーを消す記述 */
		color: #f5f5f5;
		border: solid 1px red;/*TODO: 後で修正*/

		/* グラデーション */
		background-color: red;/*TODO: 後で修正*/
		background-position: 0 0;
		background-repeat:no-repeat;
	}

	/* ボタンの色を指定 */
	/*.button_access {
		color: white;
		background-color: #505050;
		width: 20%;
		border-radius: 8px;
		height: 3.5rem;
		margin-top: 5px;
	}*/

	.button_access:hover {
		opacity: 0.6;
	}

	.transport-details-btn {
		display: block;
		width: 160px;
		height: 36px;
		padding: 5px;
		text-align: center;
		color: #666;
		line-height: 36px;
		text-decoration: none;
		background-color: #efefef;
		border: 1px solid #ddd;
		border-radius: 5px;
		margin:left;
		float: left;
	}

	.alldata-btn {
		display: block;
		width: 160px;
		height: 36px;
		padding: 5px;
		text-align: center;
		color: #666;
		line-height: 36px;
		text-decoration: none;
		background-color: #efefef;
		border: 1px solid #ddd;
		border-radius: 5px;
		margin:left;
		float: Right;
	}


	.top-btn {
		/*コレ*/display: flex;
		/*コレ*/justify-content: flex-end;
		height: 100px;
		box-shadow: 0px 4px 15px 0px #ccc;
		margin: auto;
	/*	opacity: 0.5; */
	}

	.top-scunalogo{
		/*margin-top:150px;*/
		/*margin-bottom:100px;*/
		margin: 0 0 40px 0;
	}

	.top-mehergenlogo{
		margin-top:10px;
		margin-bottom:10px;
	}

	.top-button-row {
		margin-top:30px;
	}

	.top-button-row a {
		text-decoration: none;
	}

	.base-footer {
		text-align: center;
		font-size: 8px;
		width: 160px;
	}

	.base-footergroup {
		text-align: center;
		margin-top:200px;
		margin:auto;
		padding: auto;
	}

	.base-password {
		text-align: center;
		/*margin-top:50px;*/
		/*margin-bottom:50px;*/
		margin: 20px 0;
	}

	.base-password a {
		text-decoration: revert;
	}

	.base-credit {
		text-align: center;
		margin-top:50px;
		margin-bottom:50px;
	}

	.base-login {
		text-align: center;
	}

	/*.top-receive {
		background-color: #f0641e;
		width:300px;
		border-radius: 10% / 50%;
		color:white;
	}*/

	.top-receive:hover {
		opacity: 0.6;
		color:white;
	}

	.top-send {
		background-color: #0C48AA;
		width:300px;
		border-radius: 10% / 50%;
		color:white;
	}

	.top-send:hover {
		opacity: 0.6;
		color:white;
	}

	.top-default {
		/*コレ*/display: flex;
		/*コレ*/justify-content: flex-end;
		background-color: #fff;
		border: 1px;
		border-color: #969696;
		color: black;
		margin: auto;

	}

	.top-default:hover {
		background-color: #c8c8c8;
		border: 1px;
		border-color: #969696;
		color: black;
	}

	h4.whatsnew{
		padding:5px 5px 5px 25px;
		text-decoration: none;
		background-image: url(../image/icon_info.png);
		background-repeat:no-repeat;
		background-size: 2.1rem;
		background-position: 0px 3px;
		margin-right: 0px;
		margin-bottom: 0px;
		border-bottom: 3px solid #003ca0;
	}

	/*h4.inform_list{
		padding:5px 5px 5px 25px;
		text-decoration: none;
		background-image: url(../image/icon_notice.png);
		background-repeat:no-repeat;
		background-size: 2.1rem;
		background-position: 0px 3px;
		margin-right: 0px;
		margin-bottom: 0px;
	}*/
	/*.inform_list { display:block; }
	.inform_list {padding:0 0 0 0;}
	.inform_list li:first-child { border-top: 3px solid #003ca0; }
	.inform_list li { padding:5px 0 0 0; overflow:hidden; clear:both; border-bottom:1px dotted #333; }
	.inform_list span,
	.inform_list a { display:block; float:left; min-height:1.8em; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
	.inform_list .date { width:150px; padding-left:20px;  }
	.inform_list .category,
	.inform_list .member { margin-right:10px; color:#FFF; border-radius:5px; }
	.inform_list .category { color:#63A663; }
	.inform_list .area { margin-right:10px; color:#63A663;  }
	.inform_list .m01 { color:#0099FF; }
	.inform_list .m02 { color:#FF6666; }
	.inform_list .m03 { color:#E6BE33; }
	.inform_list .m04 { color:#14DAB2; }
	.inform_list .m05 { color:#ECB7F8; }*/
	.pager { o__verflow:hidden; clear:both; }

	.s_title{
		padding: 10px 20px 10px 20px;
		margin-top: 20px;
		margin-bottom: 5px;
		font-size:14px;
		background-color: #dce6ff;
		border-left: 5px solid #1e78f0;
	}

	/* リストのマーカーを三角にする :before とセットで利用 */
	ul.triStyle li {
		list-style-type: none;
		margin-bottom: 5px;
	}

	ul.triStyle li:before{
		content: ' ';
		border: transparent solid 0.3em;
		border-left-color: #000000;
		position: absolute;
		height: 0;
		width: 0;
		left: 36px;
		margin: 0px;
		margin-top: 5px;
		padding: 0px;
	}
	.user_manage {
		padding:10px 0 0 0 ;	}
	.user_manage div{
		margin:10px 0 0 0 ;	}
	.ecg_item {
		padding: 5px;
		margin: 5px;
		border-style: solid;
		border-width: 1px;
		border-radius: 10px;
	}
	.s_image{
		position: relative;
		/*margin: 10px 0px 10px -45px ;*/
	}
	#hrdevice{
		padding-top:10px;
	}
	.device_detail{
		padding: 10px 0 0 0;
	}
	.sequence_l {
		margin-left:15px;
	}
	.hrcontent{
		padding-left: 30px;
		padding-bottom:10px;
	}
	.indicator{
		display: none;
		position: absolute;
	}

	@media only screen and (max-width: 767px) {
		.sequence_list_message{
			overflow: hidden;
			max-width: 50px;
			text-overflow: ellipsis;
			white-space: nowrap;
		}
	}
	@media only screen and (min-width: 768px) {
		.sequence_list_message{
			overflow: hidden;
			max-width: 300px;
			text-overflow: ellipsis;
			white-space: nowrap;
		}
	}

	@media print{
		* {
			padding: 0px;
			margin: 0px;
			background-color: red;
		}
		header {
			height:0px;
			max-height:0px;
			display: none;
		}
		footer {
			height:0px;
			max-height:0px;
			display: none;
		}
		.data_screen {
			height:0px;
			max-height:0px;
			display: none;
		}
		.data_navi {
			height:0px;
			max-height:0px;
			display: none;
		}
		#hrheader {
			height:0px;
			max-height:0px;
			display: none;
		}
		#delete_btn {
			height:0px;
			max-height:0px;
			display: none;
		}
		#image {
			position: fixed;
			top: 0px;
			left: 0px;
			display: block;
			object-fit: contain;
			clear: both;
		}
		.data_screen {
			display: block;
			object-fit: contain;
		}
	}
	.sequence_send_head_list_table>tbody>tr{
		height: 80px;
		vertical-align: middle;
		background-color: #0C48AA;
	}

	.sequence_list_table>tbody>tr>td{
		height: 80px;
		vertical-align: middle;
	}

	.sequence_send_list_table>tbody>tr>td{
		height: 80px;
		vertical-align: middle;
	}

	/*背景色など*/
	/*.chat-bc {
		padding: 10px 10px;
		max-width: 1000px;
		margin: auto auto;
		text-align: right;
		font-size: 14px;
	}*/

	/*左側のコメント*/
	.chatting {
		width: 100%;
		text-align: left;
	}
	.says {
		margin: 10px 0;
	}
	.says p {
		display: inline-block;
		position: relative; 
		margin: 0 0 0 10px;
		padding: 8px;
		max-width: 350px;
		border-radius: 12px;
		background: #edf1ee;
		text-align: left;
		word-wrap: break-word;
	}
	.says p:after {
		content: "";
		display: inline-block;
		position: absolute;
		top: 3px; 
		left: -19px;
		border: 8px solid transparent;
		border-right: 18px solid #edf1ee;
		-webkit-transform: rotate(35deg);
		transform: rotate(35deg);
	}

	/*右側のコメント(緑)*/
	.mycomment {
		margin: 10px 0;
	}
	.mycomment p {
		display: inline-block;
		position: relative; 
		margin: 0 10px 0 0;
		padding: 8px;
		max-width: 350px;
		border-radius: 12px;
		background: #9dd663;
		font-size: 15px;
		text-align: left;
		word-wrap: break-word;
	}
	.mycomment p:after {
		content: "";
		position: absolute;
		top: 3px; 
		right: -19px;
		border: 8px solid transparent;
		border-left: 18px solid #9dd663;
		-webkit-transform: rotate(-35deg);
		transform: rotate(-35deg);
	}

	.messagetext {
		display: flex;
		width: 100%;
		vertical-align: middle;
	}

	.sendbutton {
		display: flex;
		margin-left: 1px;
	}

	#handover_message_input {
		/* line-height: 20px; */
		height: 26px;
		max-height: 410px;
	}
	
	.filechoicebutton {
		padding-right: 10px;
		position: relative;
	}

	.upload_tooltip {
		position: absolute;
		top: 30px;
		left: 0px;
		padding: 6px;
		font-size: 12px;
		width: 150px;
		background-color: #000;
		color: #FFF;
		border-radius: 6px;
		text-align: center;
		opacity: 0;
	}

	.filechoicebutton:hover .upload_tooltip {
		animation: popup 1s forwards;
	}

	@keyframes popup {
		100% {
			opacity:0.8;
		}
	}

	.dispcontent {
		display: block;
		margin-bottom: 15px;
	}

	.contentinfo {
		display: inline-block;
	}

	.sideinfo {
		display: inline-block;
		vertical-align: bottom;
	}

	.authorinfo {
		display: block;
	}

	.alreadyreadinfo {
		position: relative;
	}

	/*.alreadyreadcount {
		margin-right:  10px;
		margin-left:  10px;
	}*/

	/*.alreadyreaddetail {
		text-align: left;
		margin: 0;
		padding: 10px;
		background-color: #000;
		opacity: 0.8;
		color: #fff;
		border-radius: 5px;
		-moz-border-radius: 5px;
		top: 25px;
		left: 0;
		position: absolute;
		display: none;
		z-index: 1;
	}*/

	.dateinfo {
		margin-bottom:  10px;
		margin-right:  10px;
		margin-left:  10px;
	}

	.delete_notification_group_button {
		display: block;
		width: 39px;
		height: 32px;
		background-image: url(../image/btn_icon_delete.png);
		background-size: 40px;
		border-radius: 5px;
		cursor: pointer;
	}

	/*/////////////// 2021/10/- add/ START /////////////////*/
	.base-login {
		background-color: #201e1d;
		height: 40px;
		width: 200px;
		border-radius: 10% / 50%;
		border-top:100px;
		color: #FFFFFF;
		text-align: center;
		margin-top:200px;
		margin:auto;
	}

	.login-box{
		/*width: 500px;*/
		/*height:50px;*/
		/*line-height: 35px;*/
		/*padding: 10px;*/
		text-align: center;
		margin: 20px auto;
		/*margin-top: 5px;*/
		/*margin-bottom: 15px;*/
		position: relative;
		width: 500px;
		cursor: pointer;
	}

	#login_username, #login_password {
		display: block;
		width: 100%;
		height: 100%;
		padding: 20px;
		border: solid 1px #838383;
	}

	.login-box .placeholder {
		position: absolute;
		top: 12px;
		left: 14px;
		pointer-events: none;
	}

	.login-box .placeholder img {
		vertical-align: middle;
	}

	.login-box .placeholder span {
		vertical-align: middle;
		color: #BCBCBC;
	}

	.login_btn{
		width: 500px;
		padding: 20px;
		text-align: center;
		margin: auto;
		float: none;
	}

	#group-icon {
		margin: 100px 0 0 0;
	}

	#group-icon a {
		width: 105px;
		height: 26px;
		display: block;
		margin: auto;
	}

	#footer-top {
		display: flex;
		align-items: center;
		justify-content: space-around;
		width: 500px;
		margin: 30px auto;
	}

	.footer-text a {
		color: #333333
	}

	.top-body {
		background-image: url(../image/background.png);
		background-size: cover;
	}

	.other-body {
		/*width: 100%;
		height: 400px;
		background: 
			url(../image/bg_white.png)center center no-repeat,
			url(../image/bg_grey.png)center center no-repeat;
		background-size: 
			75%,
			100%;
			*/
	}

	.top-scunalogo {
		margin: 100px 0 0 0;
	}

	.rcv_title{
		padding: 10px 20px 10px 20px;
		margin-top: 20px;
		margin-bottom: 5px;
		font-size:14px;
		/*background-color: #dce6ff;*/
		border-left: 5px solid #F0641E;
	}

	.snd_title{
		padding: 10px 20px 10px 20px;
		margin-top: 20px;
		margin-bottom: 5px;
		font-size:14px;
		border-left: 5px solid #0C48AA;
	}

	.rcv-heading{
		background-color: #dedede;
		padding: 1000px;
		border: 1px solid #F0641E;
		margin-bottom: 100px;
		width:200px;
		float:none;
		font-size: large;
	}

	.snd-heading{
		background-color: #dedede;
		padding: 1000px;
		border: 1px solid #0C48AA;
		margin-bottom: 100px;
		width:200px;
		float:none;
		font-size: large;
	}

	table thead tr:first-child th {
		color: #fff;
		background: #F0641E;
	}

	.background-white {
		width: 100%;
		height: 80%;
		background: white;
	}
	.background-orange {
		position: absolute;
		top: 0;
		bottom: 0;
		width: 150px;
		background: #FF6701;
	}

	/* 共通 */

	body:not(.top-body) {
		background-color: #F5F5F5;
	}

	#wrap {
		min-height: 100%;
		height: auto;
		margin: 0 auto -56px;
		padding: 0 0 56px;
	}

	.button_pointer {
		cursor: pointer;
	}
	#header_account_submenu_wrap {
		padding: 20px 0;
		position: absolute;
		width: 176px;
		margin: 0 0 0 -40px;
		opacity: 1;
	}
	#header_account_submenu {
		position: absolute;
		background-color: #FFFFFF;
		border: solid 3px #298848;
		border-radius: 15px;
		padding: 10px;
		cursor: pointer;
	}
	#header_account_submenu a {
		width: 150px;
		display: block;
		color: #298848;
		text-decoration: none;
		margin: 15px 0;
	}
	#header_account_submenu:before {
		content: "";
		position: absolute;
		top: -24px;
		left: 50%;
		margin-left: -15px;
		border: 12px solid transparent;
		border-bottom: 12px solid #FFF;
		z-index: 2;
	}
	#header_account_submenu:after {
		content: "";
		position: absolute;
		top: -30px;
		left: 50%;
		margin-left: -17px;
		border: 14px solid transparent;
		border-bottom: 15px solid #298848;
		z-index: 1;
	}

	/* ヘッダー */
	#header-wrap {
		width: 100%;
		background-color: #FFFFFF;
	}
	#header {
		width: 1280px;
		margin: auto;
	}
	#header-left, #header-middle, #header-right {
		display:inline-block;
	}
	#header-left {
		width: 20%;
	}
	#header-middle {
		width: 39%;
	}
	#header-right {
		width: 40%;
	}

	/* コンテンツ */
	#content-wrap {
		width: 100%;
		margin: 40px 0 0 0;
	}
	#content {
		width: 1280px;
		margin: 0 auto;
	}

	/* フッター */
	#footer-wrap {
		width: 100%;
		background-color: #FFFFFF;
		padding: 15px 0;
	}
	#footer {
		width: 1280px;
		margin: 0 auto;
	}
	#footer_logo, #footer_links, #footer_copyright {
		display: inline-block;
	}
	#footer_logo {
		width: 20%;
	}
	#footer_right {
		width: 79%;
		display: inline-block;
	}
	#footer_links {
		width: 54%;
	}
	#footer_copyright {
		width: 45%;
    	text-align: right;
	}
	#footer_links .footer-text {
		width: 150px;
		display: inline-block;
		text-align: center;
	}
	#footer_links .footer-text a {
		color: #333333;
	}

	/* TOPページ */

	/* ヘッダー */
	#body_container {
		background-color: #FFFFFF;
	}

	.header_icon {
		display: inline-block;
		text-align: center;
		position: relative;
	}
	.header_icon a {
		text-decoration: none;
	}
	.header_icon span {
		color: #333333;
		font-weight: bold;
		vertical-align: middle;
	}

	#top-conetnt {
		text-align: center;
	}

	/* お知らせ */
	#information-wrap {
		background-color: #FFFFFF;
		padding: 40px 15%;
	}

	/* 院内対応 */
	.rcvlayout {
		width: 47.5%;
		display: inline-block;
		background-color: #FFFFFF;
		padding: 20px 2%;
		border: 3px solid #F0641E;
		margin: 0 2% 0 0;
	}

	.rcvlayout p {
		color: #F0641E;
		font-size: 26px;
		text-align: center;
		font-weight: bold;
	}
	.top-receive {
		text-align: center;
		border-radius: 30px;
		background-color: #f0641e;
		width: 85%;
		margin: 20px auto;
		padding: 15px 20px;
	}
	.rcvlayout a {
		color: #FFFFFF;
		text-decoration: none;
		display: block;
		position: relative;
	}
	.rcvlayout a img {
		position: absolute;
		right: 20px;
		top: 18px;
	}
	.accesskey_wrap {
		width: 100%;
	}
	.rcvlayout form {
		width: 85%;
		margin: 0 auto;
	}
	input[name="access_key"] {
		width: 70%;
		display: inline-block;
		padding: 10px;
		border: solid 1px #838383;
		margin: 0 26px 0 0;
		padding: 15px 20px;
	}
	.button_access {
		width: 22%;
		height: 40px;
		display: inline-block;
		background-color: #FFFFFF;
		color: #F0641E;
		border: solid 2px #F0641E;
		border-radius: 30px;
		font-weight: bold;
	}

	/* 救急搬送 */
	.sndlayout {
		width: 47.5%;
		display: inline-block;
		background-color: #FFFFFF;
		padding: 20px 2%;
		border: 3px solid #0C48AA;
		margin: 0 0 0 2%;
	}
	.sndlayout .send_title {
		color: #0C48AA;
		font-size: 26px;
		text-align: center;
		font-weight: bold;
	}
	.top-send {
		text-align: center;
		border-radius: 30px;
		background-color: #0C48AA;
		width: 85%;
		margin: 20px auto;
		padding: 15px 20px;
	}
	.sndlayout a {
		color: #FFFFFF;
		text-decoration: none;
		display: block;
		position: relative;
	}
	.sndlayout a img {
		position: absolute;
		right: 20px;
		top: 18px;
	}
	.send_create_wrap {
		width: 100%;
	}
	.sndlayout form {
		width: 85%;
		margin: 0 auto;
	}
	.send_create_wrap p {
		width: 50%;
		display: inline-block;
		padding: 19px 10px;
		font-size: 10px;
		font-weight: bold;
		margin: 0;
	}
	.send_create_wrap .button_create_message {
		width: 30%;
		height: 40px;
		display: inline-block;
		background-color: #FFFFFF;
		color: #0C48AA;
		border: solid 2px #0C48AA;
		border-radius: 30px;
		font-weight: bold;
	}

	/* 統計データ閲覧ボタン */
	#statistics_button {
		text-align: center;
		border-radius: 30px;
		background-color: #333333;
		width: 30%;
		height: 50px;
		margin: 20px auto;
		display: block;
		position: relative;
	}
	#statistics_button .button_title {
		padding: 10px 0;
	}
	#statistics_button .button_title img {
		display: inline-block;
	}
	#statistics_button .button_title p {
		display: inline-block;
		color: #FFFFFF;
		vertical-align: middle;
		margin: 0;
	}
	#statistics_button .statistics_arrow {
		position: absolute;
		right: 20px;
		top: 20px
	}

	/* お知らせ */
	#notification {
		background-color: #FFFFFF;
		padding: 20px 60px;
	}
	#notification div {
		position: relative;
	}
	#notification div h4 {
		display: inline-block;
	}
	#notification div a {
		display: inline-block;
		position: absolute;
		right: 100px;
		top: 10px;
		text-decoration: none;
	}
	#notification div p {
		display: inline-block;
		vertical-align: middle;
		margin: 0;
		color: #000000;
		margin: 0 10px 0 0;
	}
	#notification div img {
		display: inline-block;
	}
	h4.inform_list {
		border-left: solid 4px #298848;
		padding: 0 0 0 10px;
		font-weight: bold;
	}
	.inform_list li {
		list-style: none;
		margin: 20px 0;
	}
	.inform_list li span {
		display: inline-block;
		width: 200px;
		color: #333333;
		vertical-align: text-top;
	}
	.inform_list li a {
		text-decoration: none;
		color: #333333;
		text-align: left;
		display: inline-block;
		width: 77%;
		vertical-align: text-top;
	}

	/* お知らせ詳細 */
	#notification_wrap {
		margin: 20px 0 0 0;
		background-color: #FFFFFF;
		padding: 40px 10%;
	}
	#notification_wrap .info_title, #notification_wrap .info_open {
		display: inline-block;
		vertical-align: middle;
	}
	#notification_wrap .info_title {
		width: 80%;
		font-size: 26px;
		font-weight: bold;
		text-align: left;
	}
	#notification_wrap .info_open {
		width: 19%;
	}
	#notification_wrap .info_body {
		margin: 20px 0;
		white-space: pre-line;
	}
	pre {
		display: block;
		padding: 9.5px;
		margin: 0 0 10px;
		font-size: 13px;
		line-height: 1.42857143;
		word-break: break-all;
		word-wrap: break-word;
		color: #333;
		background-color: #FFFFFF;
		border: none;
	}
	#notification_back_button_wrap {
		text-align: center;
	}
	#notification_back_button_wrap a {
		background-color: #838383;
		padding: 10px 10%;
		color: #FFFFFF;
		text-decoration: none;
		border: solid 1px #838383;
		border-radius: 30px;
		position: relative;
	}
	#notification_back_button_wrap img {
		position: absolute;
		top: 14px;
		left: 18px;
	}

	* {
		margin: 0;
		padding: 0;
		outline: none;
		text-size-adjust: 100%;
		-webkit-text-size-adjust: 100%;
		/*appearance: none;*/
		/*-webkit-appearance: none;*/
		font-size: 1.0em;
	}

	.sequence_list_layout_pc {
		background-color: #FFFFFF;
		padding: 10px 50px;
		margin: 20px 0;
	}

	/* 受入状況一覧 */
	.dispatch_status {
		padding: 10px 20px;
		width: 100px;
		display: block;
		text-align: center;
	}
	#receive_access_key {
		width: 60%;
		height: 50px;
		padding: 10px;
		margin: 0 20px 0 0;
	}
	#receive_access_key_button {
		width: 70px;
		height: 50px;
		display: inline-block;
		background-color: #F0641E;
		color: #FFFFFF;
		border: solid 2px #F0641E;
		border-radius: 30% / 50%;
		font-weight: bold;
	}
	.receive_download_button {
		display: inline-block;
		background-color: #FFFFFF;
		border: solid 1px #F0641E;
		position: relative;
	}
	.receive_download_button input {
		height: 50px;
		background-color: #FFFFFF;
		border: none;
		padding: 0 40px 0 20px;
	}
	.receive_download_button:nth-of-type(3) input {
		padding: 0 60px 0 20px;
	}
	.receive_download_button img {
		position: absolute;
		top: 20px;
		right: 20px;
		vertical-align: middle;
	}
	.receive_download_button:nth-of-type(3) img:nth-of-type(1) {
		right: 35px;
	}
	.receive_download_button:nth-of-type(3) img:nth-of-type(2) {
		top: 18px;
		right: 10px;
	}
	.receive_access_key_wrap {
		display: inline-block;
		width: 30%;
		right: 40px;
		margin: 0 40px 0 0;
	}
	.receive_access_key_wrap  form{
		width: 100%;
	}
	.receive_item {
		display: block;
		position: relative;
		width: 100%;
		margin: 20px 0;
	}
	.receive_files {
		display: inline-block;
		margin: 0 2px;
	}
	.receive_files span {
		display: block;
		text-align: center;
		color: #F0641E;
		font-weight: bold;
	}
	.sequence_list_table tbody tr {
		cursor: pointer;
	}
	.sequence_list_table tr:hover td {
		background-color: #FFF0E8 !important;
	}
	.receive_unread td:nth-of-type(3)::after {
		display: inline-block;
		content: "";
		margin-top: 6px;
		margin-left: 10px;
		width: 10px;
		height: 10px;
		vertical-align: top;
		border-radius: 5px;
		background-color: #F0641E;
	}

	/* 搬送状況一覧 */
	#trans_list_table th {
		background-color: #0C48AA;
	}
	.trans_item {
		display: block;
		position: relative;
		width: 100%;
		margin: 20px 0;
	}
	.trans_download_button {
		display: inline-block;
		background-color: #FFFFFF;
		border: solid 1px #0C48AA;
		position: relative;
	}
	.trans_download_button input {
		height: 50px;
		background-color: #FFFFFF;
		border: none;
		padding: 0 40px 0 20px;
	}
	.trans_download_button:nth-of-type(2) input {
		padding: 0 60px 0 20px;
	}
	.trans_download_button img {
		position: absolute;
		top: 20px;
		right: 20px;
		vertical-align: middle;
		cursor: pointer;
	}
	.trans_download_button:nth-of-type(2) img:nth-of-type(1) {
		right: 35px;
	}
	.trans_download_button:nth-of-type(2) img:nth-of-type(2) {
		top: 18px;
		right: 10px;
	}
	.trans_files {
		display: inline-block;
		margin: 0 2px;
	}
	.trans_files span {
		display: block;
		text-align: center;
		color: #0C48AA;
		font-weight: bold;
	}
	#trans_list_table tbody tr {
		cursor: pointer;
	}
	.sequence_list_display_button {
		border: none;
		background-color: rgba(255,255,2550,0);
		margin: 0 0 15px 0;
	}
	.sequence_list_hidden {
		background-color: #F5F5F5;
	}
	#trans_list_table tr:hover td {
		background-color: #E9F1FF;
	}
	.sequence_list_checkbox {
		position: relative;
	}
	.dialog_show {
		position: absolute;
		left: -210px;
		background-color: #FFFFFF;
		padding: 20px 14px;
		top: -30px;
		box-shadow: 0px 0px 16px -6px rgba(0,0,0,0.6);
		border: none;
	}
	.sequence_list_layout_smart {
		display: none;
	}
	.trans_unread td:nth-of-type(3)::after {
		display: inline-block;
		content: "";
		margin-top: 6px;
		margin-left: 10px;
		width: 10px;
		height: 10px;
		vertical-align: top;
		border-radius: 5px;
		background-color: #0C48AA;
	}

	/* 搬送状況一覧、受入状況一覧のダイアログ */
	#dialog_board_wrap {
		display: block;
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background-color: rgba(0, 0, 0, 0.8);
		overflow-y: auto;
	}
	#dialog_board {
		width: 50%;
		margin: 150px auto;
		padding: 10px 20px;
		background-color: #FFFFFF;
		border-radius: 10px;
	}
	#dialog_board_button_wrap {
		text-align: center;
		margin: 60px 0;
	}
	#dialog_board_close_wrap {
		text-align: right;
	}
	#dialog_board_close_button {
		cursor: pointer;
	}
	#dialog_board_cancel_button {
		width: 20%;
		background-color: #298848;
		border: solid 2px #298848;
		color: #FFFFFF;
		padding: 10px 0%;
		margin: 0 1% 0 0;
		border-radius: 30px;
	}
	#dialog_board_confirm_button {
		background-color: #FFFFFF;
		border: solid 2px #298848;
		color: #298848;
		padding: 10px 5%;
		margin: 0 0 0 1%;
		border-radius: 30px;
	}
	.exclamation_icon_wrap {
		text-align: center;
		margin: 20px 0 0 0;
	}
	.dialog_titile {
		font-size: 20px;
		text-align: center;
		margin: 10px 0;
	}
	.dialog_small_message {
		font-size: 10px;
		text-align: center;
	}
	.dialog_message {
		font-size: 14px;
		text-align: center;
		margin: 30px 0;
	}

	#edit_board p, #edit_board img {
		text-align: center;
	}

	#edit_board #edit_board_close_button {
		cursor: pointer;
	}


	#edit_board .edit_board_close_wrap {
		text-align: right;
	}
	#edit_board .edit_board_title {
		margin: 40px 0;
		text-align: center;
		font-size: 22px;
		font-weight: bold;
	}
	.eidt_board_row {
		width: 90%;
		margin: 20px auto;
	}
	#edit_board p, #edit_board img {
		text-align: center;
	}

	#edit_board #edit_board_close_button {
		cursor: pointer;
	}


	#group_edit_board .group_edit_board_close_wrap {
		text-align: right;
	}
	#group_edit_board .group_edit_board_title {
		margin: 40px 0;
		text-align: center;
		font-size: 22px;
		font-weight: bold;
	}
	.group_eidt_board_row {
		width: 90%;
		margin: 20px auto;
	}


	#alignment_info_board .alignment_info_board_update_button_wrap {
		text-align: right;
	}
	#alignment_info_board .alignment_info_board_title {
		margin: 40px 0;
		text-align: center;
		font-size: 22px;
		font-weight: bold;
	}
	.alignment_info_board_row {
		width: 90%;
		margin: 20px auto;
	}

	#alignment_info_display_name {
		display: inline-block;
		margin: 0 20px 0 0;
	}
	.alignment_info_display_name{
		background-color: #c8c8c8;
		background-repeat:no-repeat;
		margin: 20px 0 0 0;
	}
	.alignment_info_display_name input[type="text"]{
		margin:0px 0 10px 10px;
		width: 75%;
		height: 30px;
	}
	.alignment_info_display_name input[type="submit"]{
		margin:0px 0 10px 0;
	}
	.alignment_info_display_name label{
		margin:10px 0 10px 10px;
	}


	#account_user_information_table {
		margin: 0 0 40px 0;
	}
	#account_user_information_table tbody tr {
		border-bottom: solid 1px #DEDEDE;
	}
	#alignment_info_table {
		width: 100%;
	}
	#alignment_info_table tbody tr {
		border-bottom: solid 1px #DEDEDE;
	}

	#group_edit_table {
		margin: 0 0 40px 0;
	}
	#group_edit_table tbody tr {
		border-bottom: solid 1px #DEDEDE;
	}
	.edit_board_row_label {
		display: inline-block;
		width: 40%;
		font-size: 16px;
		font-weight: bold;
		vertical-align: text-bottom;
	}
	.edit_board_row_label_submit {
		color: #DDDDDD;
		display: inline-block;
		width: 40%;
		font-size: 16px;
		font-weight: bold;
		vertical-align: text-bottom;
	}
	.edit_board_row_value {
		display: inline-block;
		width: 58%;
		vertical-align: middle;
	}
	.edit_board_row_value input[type="text"] {
		width: 100%;
		padding: 10px;
		background-color: #F5F5F5;
		border: solid 1px #BCBCBC;
	}
	#edit_board_button_wrap {
		text-align: center;
		margin: 30px 0;
	}
	#edit_board_button {
		background-color: #298848;
		border: solid 1px #298848;
		color: #FFFFFF;
		padding: 10px 50px;
		border-radius: 30px;
	}

	#alignment_info_board_update_button_wrap {
		text-align: center;
		margin: 30px 0;
	}
	#alignment_info_board_update_button {
		background-color: #298848;
		border: solid 1px #298848;
		color: #FFFFFF;
		padding: 10px 50px;
		border-radius: 30px;
	}

	.group_edit_board_row_label {
		display: inline-block;
		width: 40%;
		font-size: 16px;
		font-weight: bold;
		vertical-align: text-bottom;
	}
	.group_edit_board_row_label_submit {
		color: #DDDDDD;
		display: inline-block;
		width: 40%;
		font-size: 16px;
		font-weight: bold;
		vertical-align: text-bottom;
	}
	.group_edit_board_row_value {
		display: inline-block;
		width: 58%;
		vertical-align: middle;
	}
	.group_edit_board_row_value input[type="text"] {
		width: 100%;
		padding: 10px;
		background-color: #F5F5F5;
		border: solid 1px #BCBCBC;
	}
	#egroup_dit_board_button_wrap {
		text-align: center;
		margin: 30px 0;
	}
	group_#edit_board_button {
		background-color: #298848;
		border: solid 1px #298848;
		color: #FFFFFF;
		padding: 10px 50px;
		border-radius: 30px;
	}
	group_#alignment_info_board_update_button {
		background-color: #298848;
		border: solid 1px #298848;
		color: #FFFFFF;
		padding: 10px 50px;
		border-radius: 30px;
	}


	#download_explanation_message {
    	width: 40vw;
		position: absolute;
		top: 35px;
		background-color: #333333;
		color: #FFFFFF;
		z-index: 9998;
	}
	#download_explanation_message p {
		padding: 10px 2vw;
		margin: 0;
	}
	.sequence_list_download_explanation_message {
		left: 398px;
	}
	
	/* ページャー */
	#pager {
		text-align: center;;
	}
	#pager button {
		color: #BCBCBC;
		border: none;
		background-color: #FFFFFF;
		padding: 5px 10px;
	}
	#pager .pager-current {
		color: #333333;
	}
	#pager .glyphicon {
		cursor: pointer;
	}

	/* 搬送状況詳細 */
	.sequence_layout_smart {
		display: none !important;
	}
	.status_accordion_content {
		display: inline-block;
	}
	.chat_back_button_wrap {
		padding: 15px 35px;
		background-color: #838383;
		display: inline-block;
		border: solid 1px #838383;
		border-radius: 15% / 50%;
		text-decoration: none;
		color: #FFFFFF;
	}
	.chat_back_button_wrap img {
		margin: 0 10px 0 0;
	}
	.chat_back_button_wrap:hover {
		color: #FFFFFF;
		text-decoration: none;
	}
	#chat_board {
		background-color: #FFFFFF;
		padding: 10px 40px;
		margin: 20px 0;
	}
	.status {
		margin: 20px 0;
	}
	#access_key {
		display: inline-block;
		margin: 0 20px 0 0;
	}

	.trans_color {
		background-color: #0C48AA;
	}
	.trans_border_color {
		border: solid 1px #0C48AA;
	}
	.receive_color {
		background-color: #F0641E;
	}
	.receive_border_color {
		border: solid 1px #F0641E;
	}

	#access_key .access_key_txt, #access_key div, #access_key .access_key_value, #access_key .update_access_key {
		display: inline-block;
	}
	.status_title {
		color: #FFFFFF;
		padding: 21px 20px;
		display: inline-block;
		vertical-align: middle;
	}
	.status_value {
		height: 62px;
		background-color:#F5F5F5;
		padding: 10px 20px;
		margin: 0 0 0 -4px;
		vertical-align: middle;
	}
	.status_date {
		background-color: #F5F5F5;
		font-size: 24px;
		font-weight: bold;
		vertical-align: middle;
		margin: 0 10px 0 0;
		padding: 4px 0;
	}
	.status_hospital {
		width: 600px;
		display: inline-block;
		background-color: #F5F5F5;
		padding: 22px 20px;
		margin: 0 20px 0 -5px;
	}
	.status_row {
		display: inline-block;
		position: relative;
	}
	.status_download {
		display: inline-block;
	}

	#access_key .access_key_value {
		width: 150px;
		font-size: 24px;
		font-weight: bold;
		vertical-align: middle;
		margin: 5px 10px 0 0;
	}
	#access_key .update_access_key {
		background-color: #333333;
		color: #FFFFFF;
		border: solid 1px #333333;
		border-radius: 30% / 50%;
		padding: 10px 20px;
		vertical-align: middle;
	}

	#seq_start_date {
		display: inline-block;
	}

	#send_location {
		display: inline-block;
	}
	#send_location a {
		background-color: #333333;
		border: solid 1px #333333;
		border-radius: 15% / 50%;
		padding: 15px 20px;
		text-decoration: none;
	}
	#send_location span {
		color: #FFFFFF;
	}
	#message_setting {
		display: inline-block;
	}
	#message_setting a {
		background-color: #333333;
		border: solid 1px #333333;
		border-radius: 15% / 50%;
		padding: 15px 20px;
		text-decoration: none;
	}
	#message_setting span {
		color: #FFFFFF;
	}
	#chat_view {
	}
	.chat_row {
		margin: 40px 0;
	}
	.chat_left_view {
		display: inline-block;
		width: 20%;
		vertical-align: top;
	}
	.chat_right_view {
		display: inline-block;
		width: 79%;
		vertical-align: top;
	}
	.chat_background {
		max-height: 400px;
		min-height: 400px;
		overflow: auto;
		background-color: #F5F5F5;
		padding: 10px 20px 20px 20px;
		margin: 5px 0 0 0;
	}
	.chat_left_view a:not(.current) {
		background-color: #F5F5F5;
		color: #333333;
	}
	.chat_left_view a {
		display: block;
		text-align: center;
		padding: 30px 20px;
		margin: 5px 0;
		text-decoration: none;
	}
	.chat_dispatch {
		text-align: center;
		margin: 10px 0;
	}
	.chat_dispatch span {
		padding: 10px 20px;
		color: #FFFFFF;
	}
	.partner .user_icon {
		margin: 0 10px 0 0;
	}
	.partner span {
	}
	.partner_chat .caht_status {
		margin: 0 0 0 20px;
		position: relative;
	}
	.partner_chat .chat_value {
		background-color: #FFFFFF;
		display: inline-block;
		padding: 5px 15px;
		border: solid 1px #FFFFFF;
		border-radius: 15px;
		position: relative;
		text-align: left;
		max-width: 60%;
	}
	.caht_status .chat_arrow {
		position: absolute;
	}
	.chat_row_status {
		display: inline-block;
		margin: 0 10px;
		vertical-align: bottom;
	}

	.myself {
		text-align: right;
	}
	.myself .user_icon {
		margin: 0 0 0 10px;
	}
	.myself span {
	}
	.myself_chat .caht_status {
		margin: 0 20px 0 0;
		position: relative;
	}
	.myself_chat .chat_value {
		background-color: #FFFFFF;
		display: inline-block;
		padding: 5px 15px;
		border: solid 1px #FFFFFF;
		border-radius: 15px;
		position: relative;
		text-align: left;
		max-width: 60%;
	}
	.already_read span {
		font-size: 10px;
	}
	.chat_to {
		margin: 5px 0 5px 35px;
	}
	.chat_to img {
		display: inline-block;
		margin: 0 5px 0 0;
	}
	.chat_to div {
		display: inline-block;
		vertical-align: middle;
	}

	.chat_input_wrap {
		margin: 20px 15px;
	}
	.chat_input_icon_area {
		margin: 0 0 5px 0;
	}
	.chat_input_wrap div,
	.chat_input_icon_area div {
		display: inline-block;
		vertical-align: middle;
	}
	.chat_input_icon_area div {
		margin: 0 10px 0 0;
	}
	.chat_input_area {
		width: 78%;
	}
	.chat_input_submit_area {
		width: 10%;
		margin: 0 0 8px 0;
	}
	#handover_message_input {
		width: 100%;
		height: 40px;
		font-size: 12px;
		border: solid 1px #BCBCBC;
		border-radius: 3% / 50%;
		resize: none;
		overflow: hidden;
		padding: 10px 10px 10px 10px;
	}
	#chat_send_button {
		color: #FFFFFF;
		border-radius: 25% / 50%;
		padding: 10px 30px;
	}
	#main_container {
		width: 1280px;
	}
	.chat_file {
		display: inline-block;
		padding: 5px 15px;
		position: relative;
	}
	.trans .current {
		background-color: #E9F1FF;
		color: #0C48AA;
	}
	.receive .current {
		background-color: #FFF0E8;
		color: #F0641E;
	}
	.alreadyreadcount a {
		color: #333333;
		cursor: pointer;
	}
	.alreadyreaddetail {
		width: 100px;
		text-align: left;
		margin: 0;
		padding: 10px;
		background-color: #FFFFFF;
		color: #000000;
		font-weight: bold;
		top: -40px;
		left: -85px;
		position: absolute;
		display: none;
		z-index: 1;
	}

	.alreadyreadcount:hover .alreadyreaddetail {
		display: block !important;
	}

	/* アカウント詳細設定 */
	#account_left_view, #account_right_view {
		display: inline-block;
		vertical-align: text-top;
	}
	#account_left_view {
		width: 25%;
	}
	.account_menu_title {
		border-left: solid 4px #298848;
		padding: 0 0 0 10px;
		margin: 0 0 20px 0;
		font-size: 22px;
		font-weight: bold;
	}

	.account_menu_row {
		width: 90%;
		padding: 20px;
		margin: 2px 0;
		border: solid 1px #FFFFFF;
		background-color: #FFFFFF;
		color: #333333;
		font-weight: bold;
		position: relative;
		cursor: pointer;
	}
	.account_menu_row img {
		position: absolute;
		right: 10%;
		top: 27px;
	}
	#account_left_view .current {
		border: solid 1px #298848;
		background-color: #298848;
		color: #FFFFFF;
	}

	.account_menu_title_small {
		font-size: 18px;
		font-weight: bold;
		margin: 40px 0 5px 0;
	}

	#account_right_view {
		width: 74%;
		margin: 50px 0 0 0;
	}
	.account_board {
		background-color: #FFFFFF;
		padding: 60px 40px;
	}
	.account_board_title {
		font-size: 22px;
		font-weight: bold;
		margin: 0 0 10px 0;
	}
	.account_info_row {
		margin: 40px 0;
	}
	.account_info_title, .account_info_value {
		display: inline-block;
	}
	.account_info_title {
		width: 30%;
		font-weight: bold;
	}
	.account_info_value {
		width: 69%;
		color: #333333;
	}
	#account_password_change_button {
		background-color: #298848;
		border: solid 1px #298848;
		color: #FFFFFF;
		padding: 10px 30px;
		border-radius: 30px;
	}

	/* 各種設定 */
	#account_settings_wrap {
		margin: 0 0 80px 0;
	}
	.account_setting_row {
		padding: 20px;
		border-bottom: solid 1px #DEDEDE;
	}
	.account_setting_row .account_settings_row_title, .account_setting_row .account_settings_row_content,
	.account_setting_row .sccount_settings_row_input {
		display: inline-block;
		vertical-align: middle;
	}
	.account_setting_row .account_settings_row_title {
		width: 30%;
		font-size: 16px;
		font-weight: bold;
	}
	.account_setting_row .account_settings_row_content {
		width: 69%;
	}
	.account_settings_row_left {
		text-align: right;
	}
	.sccount_settings_row_input {
		width: 538px;
		display: inline-block;
		color: #333333;
	}
	#account_settings_location_input, #account_settings_location_button_wrap {
		display: inline-block;
	}
	#account_settings_location_input input {
		background-color: #F5F5F5;
		border: solid 1px #BCBCBC;
		padding: 15px;
		width: 80%;
	}
	.account_settings_location_title {
		vertical-align: top !important;
	}
	.account_settings_row_location_body {
		margin: 20px 0 0 0;
	}
	#account_base_location {
		border: solid 1px #BCBCBC;
		padding: 10px;
		background-color: #F5F5F5;
	}
	#account_base_location input {
		border: none;
		background-color: #F5F5F5;
	}
	#account_settings_location_input {
		width: 618px;
	}
	.account_settings_update_button_wrap  {
		vertical-align: middle;
		display: inline-block;
		width: 255px;
		text-align: right;
	}
	#data_clear_button_wrap {
		width: 100%;
		text-align: center;
		margin: 40px 0 0 0;
	}
	#account_settings_location_button {
		background-color: #298848;
		border: solid 1px #298848;
		color: #FFFFFF;
		padding: 10px 60px;
		border-radius: 30px;
	}
	.account_settings_update_button {
		background-color: #FFFFFF;
		border: none;
		color: #298848;
		font-weight: bold;
	}
	#data_clear_button {
		background-color: #FFFFFF;
		color: #298848;
		border: solid 1px #298848;
		border-radius: 30px;
		padding: 10px 80px;
	}

	/* トグルボタン */
	.switch {
		position: relative;
		display: inline-block;
		width: 60px;
		height: 34px;
	}

	/* Hide default HTML checkbox */
	.switch input {
		opacity: 0;
		width: 0;
		height: 0;
	}

	/* The slider */
	.slider {
		position: absolute;
		cursor: pointer;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background-color: #ccc;
		-webkit-transition: .4s;
		transition: .4s;
	}

	.slider:before {
		position: absolute;
		content: "";
		height: 26px;
		width: 26px;
		left: 4px;
		bottom: 4px;
		background-color: white;
		-webkit-transition: .4s;
		transition: .4s;
	}

	input:checked + .slider {
		background-color: #298848;
	}

	input:focus + .slider {
		box-shadow: 0 0 1px #2196F3;
	}

	input:checked + .slider:before {
		-webkit-transform: translateX(26px);
		-ms-transform: translateX(26px);
		transform: translateX(26px);
	}

	/* Rounded sliders */
	.slider.round {
		border-radius: 34px;
	}

	.slider.round:before {
		border-radius: 50%;
	}

	/* ユーザー管理 */
	#account_detail_wrap {
		margin: 0 0 40px 0;
	}
	#create_user_button_wrap {
		margin: 10px 0 30px 0;
	}
	#create_user_button {
		background-color: #298848;
		border: solid 1px #298848;
		color: #FFFFFF;
		padding: 10px 50px;
		border-radius: 30px;
	}
	#alignment_info_button_wrap {
		margin: 10px 0 30px 0;
	}
	#alignment_info_button {
		background-color: #298848;
		border: solid 1px #298848;
		color: #FFFFFF;
		padding: 10px 50px;
		border-radius: 30px;
	}
	#account_user_information_table th, #account_user_information_table td {
		width: 20%;
		padding: 20px 5px;
		text-align: center;
	}
	#account_user_information_table th:nth-of-type(3), #account_user_information_table td:nth-of-type(3),
	#account_user_information_table th:nth-of-type(4), #account_user_information_table td:nth-of-type(4) {
		width: 15%;
	}
	#account_user_information_table th:nth-of-type(5), #account_user_information_table td:nth-of-type(5) {
		width: 5%;
	}
	#account_user_information_table th:nth-of-type(6), #account_user_information_table td:nth-of-type(6) {
		width: 28%;
	}
	#account_user_information_table .account_user_information_edit {
		margin: 0 10px 0 0;
	}
	#account_user_information_table th {
		background-color: #298848;
		color: #333333;
	}

	#alignment_info_table th, #alignment_info_table td {
		width: 20%;
		padding: 20px 5px;
		text-align: right;
	}
	#alignment_info_table tbody td:nth-of-type(1) {
		text-align: left;
	}
	#alignment_info_table th:nth-of-type(3), #alignment_info_table td:nth-of-type(3),
	#alignment_info_table th:nth-of-type(4), #alignment_info_table td:nth-of-type(4) {
		width: 15%;
	}
	#alignment_info_table th:nth-of-type(5), #alignment_info_table td:nth-of-type(5) {
		width: 5%;
	}
	#alignment_info_table th:nth-of-type(6), #alignment_info_table td:nth-of-type(6) {
		width: 28%;
	}
	#alignment_info_table .alignment_info_edit {
		margin: 0 10px 0 0;
	}
	#alignment_info_table th {
		background-color: rgba(41,136,72,0.15);
		color: #333333;
		text-align: left;
	}

	.account_user_information_edit {
		background-color: #333333;
		border: solid 1px #333333;
		color: #FFFFFF;
		padding: 5px 20px;
		border-radius: 30px;
	}
	.account_user_information_remove {
		background-color: #FFFFFF;
		border: solid 1px #333333;
		color: #333333;
		padding: 5px 20px;
		border-radius: 30px;
	}
	.account_user_information_restoration {
		background-color: #FFFFFF;
		border: solid 1px #397ef7;
		color: #397ef7;
		padding: 5px 20px;
		border-radius: 30px;
	}
	.alignment_info_edit {
		background-color: #333333;
		border: solid 1px #333333;
		color: #FFFFFF;
		padding: 5px 20px;
		border-radius: 30px;
	}
	.alignment_info_remove {
		background-color: #FFFFFF;
		border: solid 1px #333333;
		color: #333333;
		padding: 5px 20px;
		border-radius: 30px;
	}
	.alignment_info_restoration {
		background-color: #FFFFFF;
		border: solid 1px #397ef7;
		color: #397ef7;
		padding: 5px 20px;
		border-radius: 30px;
	}
	.alignment_info_board_row_value {
		width: 80%;
    	margin: auto;
	}
	input[name="alignment_info_display_name"] {
		width: 100%;
		padding: 10px;
		border: solid 1px #838383;
	}
	.alignment_info_board_row_value p {
		width: 80%;
		margin: 10px auto;
		text-align: center;
	}


	#group_edit_table th, #group_edit_table td {
		width: 20%;
		padding: 20px 5px;
		text-align: center;
	}
	#group_edit_table th:nth-of-type(3), #group_edit_table td:nth-of-type(3),
	#group_edit_table th:nth-of-type(4), #group_edit_table td:nth-of-type(4) {
		width: 15%;
	}
	#group_edit_table th:nth-of-type(5), #group_edit_table td:nth-of-type(5) {
		width: 5%;
	}
	#group_edit_table th:nth-of-type(6), #group_edit_table td:nth-of-type(6) {
		width: 28%;
	}
	#group_edit_table .group_edit_edit {
		margin: 0 10px 0 0;
	}
	#group_edit_table th {
		background-color: #298848;
		color: #333333;
	}

	.group_edit_edit {
		background-color: #333333;
		border: solid 1px #333333;
		color: #FFFFFF;
		padding: 5px 20px;
		border-radius: 30px;
	}
	.group_edit_remove {
		background-color: #FFFFFF;
		border: solid 1px #333333;
		color: #333333;
		padding: 5px 20px;
		border-radius: 30px;
	}
	.group_edit_restoration {
		background-color: #FFFFFF;
		border: solid 1px #397ef7;
		color: #397ef7;
		padding: 5px 20px;
		border-radius: 30px;
	}

	#edit_board_wrap {
		display: block;
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background-color: rgba(0, 0, 0, 0.8);
		overflow-y: auto;
	}
	#edit_board {
		width: 50%;
		margin: 150px auto;
		padding: 10px 20px;
		background-color: #FFFFFF;
		border-radius: 10px;
	}
	#edit_board .edit_board_close_wrap {
		text-align: right;
	}
	#edit_board #edit_board_close_button {
		cursor: pointer;
	}
	#edit_board .edit_board_title {
		margin: 40px 0;
		text-align: center;
		font-size: 22px;
		font-weight: bold;
	}
	.eidt_board_row {
		width: 90%;
		margin: 20px auto;
	}

	#group_edit_board_wrap {
		display: block;
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background-color: rgba(0, 0, 0, 0.8);
		overflow-y: auto;
	}
	#group_edit_board {
		width: 50%;
		margin: 150px auto;
		padding: 10px 20px;
		background-color: #FFFFFF;
		border-radius: 10px;
	}
	#group_edit_board .group_edit_board_close_wrap {
		text-align: right;
	}
	#group_edit_board #group_edit_board_close_button {
		cursor: pointer;
	}
	#group_edit_board .group_edit_board_title {
		margin: 40px 0;
		text-align: center;
		font-size: 22px;
		font-weight: bold;
	}
	.group_edit_board_row {
		width: 90%;
		margin: 20px auto;
	}


	#alignment_info_board_wrap {
		display: block;
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background-color: rgba(0, 0, 0, 0.8);
		overflow-y: auto;
	}
	#alignment_info_board {
		width: 50%;
		margin: 150px auto;
		padding: 10px 20px;
		background-color: #FFFFFF;
		border-radius: 10px;
	}
	#alignment_info_board .alignment_info_board_close_wrap {
		text-align: right;
	}
	#alignment_info_board #alignment_info_board_close_button {
		cursor: pointer;
	}
	#alignment_info_board .alignment_info_board_title {
		margin: 40px 0;
		text-align: center;
		font-size: 22px;
		font-weight: bold;
	}
	.alignment_info_board_row {
		width: 90%;
		margin: 20px auto;
	}

	#account_user_information_table {
		margin: 0 0 40px 0;
	}
	#account_user_information_table tbody tr {
		border-bottom: solid 1px #DEDEDE;
	}

	#account_alignment_info_table {
		margin: 0 0 40px 0;
	}
	#account_alignment_info_table tbody tr {
		border-bottom: solid 1px #DEDEDE;
	}

	#group_edit_table {
		margin: 0 0 40px 0;
	}
	#group_edit_table tbody tr {
		border-bottom: solid 1px #DEDEDE;
	}
	.edit_board_row_label {
		display: inline-block;
		width: 40%;
		font-size: 16px;
		font-weight: bold;
		vertical-align: text-bottom;
	}
	.edit_board_row_value {
		display: inline-block;
		width: 58%;
		vertical-align: middle;
	}
	.edit_board_row_value input[type="text"] {
		width: 100%;
		padding: 10px;
		background-color: #F5F5F5;
		border: solid 1px #BCBCBC;
	}
	#edit_board_button_wrap {
		text-align: center;
		margin: 30px 0;
	}
	#edit_board_button {
		background-color: #298848;
		border: solid 1px #298848;
		color: #FFFFFF;
		padding: 10px 50px;
		border-radius: 30px;
	}
	#alignment_info_board_update_button_wrap {
		text-align: center;
		margin: 30px 0;
	}
	#alignment_info_board_update_button {
		background-color: #298848;
		border: solid 1px #298848;
		color: #FFFFFF;
		padding: 10px 50px;
		border-radius: 30px;
	}

	.group_edit_board_row_label {
		display: inline-block;
		width: 40%;
		font-size: 16px;
		font-weight: bold;
		vertical-align: text-bottom;
	}
	.group_edit_board_row_value {
		display: inline-block;
		width: 58%;
		vertical-align: middle;
	}
	.group_edit_board_row_value input[type="text"] {
		width: 100%;
		padding: 10px;
		background-color: #F5F5F5;
		border: solid 1px #BCBCBC;
	}
	#group_edit_board_button_wrap {
		text-align: center;
		margin: 30px 0;
	}
	#group_edit_board_button {
		background-color: #298848;
		border: solid 1px #298848;
		color: #FFFFFF;
		padding: 10px 50px;
		border-radius: 30px;
	}
	/* coming soon */
	.coming_soon {
		background-color: #dddddd;
		color: #FFFFFF;
	}
	.coming_soon_txt {
		color: #838383;
		float: right;
		margin: 0 25px;
	}
	.coming_soon_group {
		padding: 10px 20px;
	}
	.coming_soon_txt_group {
		margin: -9px 25px 0px 25px;
	}
}

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

	body {
		height: 100%;
		min-height: 100vh;
		position: relative;/*←相対位置*/
		padding-bottom: 71px;/*←footerの高さ*/
		box-sizing: border-box;/*←全て含めてmin-height:100vhに*/	
		background-color: #F5F5F5;
	}

	.top-body {
		background-image: url(../image/smart_background.png);
		background-size: cover;
	}

	/* ログイン前ヘッダー */
	#header_left {
		margin: 20% 0 40px 0;
	}
	.login-box {
		text-align: center;
		margin: 20px auto;
		position: relative;
		width: 80%;
		cursor: pointer;
	}
	#login_username, #login_password {
		display: block;
		width: 100%;
		height: 100%;
		padding: 15px 20px 15px 20px;
		border: solid 1px #838383;
	}
	.login-box .placeholder {
		position: absolute;
		top: 12px;
		left: 14px;
		pointer-events: none;
	}
	.login-box .placeholder img {
		vertical-align: middle;
	}
	.login-box .placeholder span {
		vertical-align: middle;
		color: #BCBCBC;
	}

	/* ボタン */
	.base-login {
		background-color: #201e1d;
		height: 50px;
		width: 60%;
		border-radius: 25px;
		border-top: 100px;
		color: #FFFFFF;
		text-align: center;
		margin: 40px auto 20px auto;
	}
	#login_btn {
		width: 100%;
	}

	/* パスワード再発行 */
	.base-password {
		text-align: center;
		margin: 20px 0;
	}

	/* 会社ロゴ */
	#group-icon {
		margin: 50px 0 0 0;
	}

	/* ログイン前フッター */
	#footer-top {
		display: flex;
		align-items: center;
		justify-content: space-around;
		width: 90%;
		margin: 30px auto;
	}
	.footer-text a {
		color: #333333;
		font-size: 0.8em;
	}

	/* トップ */

	/* ヘッダー */
	#header-wrap {
		width: 100%;
		background-color: #FFFFFF;
	}
	#header {
		width: 95%;
		height: 50px;
    	margin: auto;
		padding: 10px 0;
	}
	#header-left, #header-middle, #header-right {
		display: inline-block;
		vertical-align: middle;
	}
	#header-left {
		width: 30%;
	}
	#header-left img {
		width: 100%;
	}
	#header-middle {
		width: 25%;
		margin: 0 0 10px 0;
	}
	#header-right {
		width: 42%;
		text-align: right;
	}
	#header_top_icon {
		display: none;
	}
	#header_account_icon, #header_setting_icon {
		
		display: inline-block;
		vertical-align: middle;
	}
	#header_account_icon span {
		color: #333333;
	}
	#header_setting_icon span {
		display: none;
	}
	.indicator{
		display: none;
		position: absolute;
	}

	.footerFixed{
		position: absolute;
		bottom: 0;
	}

	/* トップコンテンツ */
	#top-conetnt {
		text-align: center;
	}

	/* 院内対応 */
	.rcvlayout {
		width: 90%;
		background-color: #FFFFFF;
		padding: 20px 2%;
		border: 3px solid #F0641E;
		margin: 20px auto;
	}
	.rcvlayout p {
		color: #F0641E;
		font-size: 1.5em;
		text-align: center;
		font-weight: bold;
	}
	.top-receive {
		text-align: center;
		border-radius: 30px;
		background-color: #f0641e;
		width: 95%;
		margin: 20px auto;
		padding: 15px 20px;
	}
	.rcvlayout a {
		color: #FFFFFF;
		text-decoration: none;
		display: block;
		position: relative;
	}
	.rcvlayout a img {
		position: absolute;
		right: 20px;
		top: 18px;
	}

	.accesskey_wrap {
		width: 100%;
	}
	input[name="access_key"] {
		width: 65%;
		display: inline-block;
		padding: 10px;
		border: solid 1px #838383;
		margin: 0 10px 0 0;
		padding: 15px 20px;
	}
	input[type=reset], input[type=submit] {
		-webkit-appearance: button;
		cursor: pointer;
		height: 52px;
	}
	.button_access {
		width: 25%;
		height: 40px;
		display: inline-block;
		background-color: #FFFFFF;
		color: #F0641E;
		border: solid 2px #F0641E;
		border-radius: 30px;
		font-weight: bold;
	}

	/* 救急搬送 */
	.sndlayout {
		width: 90%;
		display: inline-block;
		background-color: #FFFFFF;
		padding: 20px 2%;
		border: 3px solid #0C48AA;
		margin: 20px auto;
	}
	.sndlayout .send_title {
		color: #0C48AA;
		font-size: 1.5em;
		text-align: center;
		font-weight: bold;
	}
	.sndlayout a {
		color: #FFFFFF;
		text-decoration: none;
		display: block;
		position: relative;
	}
	.top-send {
		text-align: center;
		border-radius: 30px;
		background-color: #0C48AA;
		width: 95%;
		margin: 20px auto;
		padding: 15px 20px;
	}
	.sndlayout a img {
		position: absolute;
		right: 20px;
		top: 18px;
	}
	.send_create_wrap {
		width: 100%;
	}
	.send_create_wrap p {
		width: 50%;
		display: inline-block;
		padding: 19px 10px;
		font-size: 10px;
		font-weight: bold;
		margin: 0;
	}
	.send_create_wrap .button_create_message {
		width: 30%;
		height: 52px;
		display: inline-block;
		background-color: #FFFFFF;
		color: #0C48AA;
		border: solid 2px #0C48AA;
		border-radius: 30px;
		font-weight: bold;
	}

	/* 統計データ閲覧 */
	#statistics_button {
		text-align: center;
		border-radius: 30px;
		background-color: #333333;
		width: 75%;
		height: 50px;
		margin: 10px auto;
		display: block;
		position: relative;
	}
	#statistics_button .button_title {
		padding: 10px 0;
	}
	#statistics_button .button_title img {
		display: inline-block;
	}
	#statistics_button .button_title p {
		display: inline-block;
		color: #FFFFFF;
		vertical-align: middle;
		margin: 0;
	}
	#statistics_button .statistics_arrow {
		position: absolute;
		right: 20px;
		top: 18px;
	}

	/* お知らせ */
	#notification {
		width: 90%;
		background-color: #FFFFFF;
		margin: auto;
		padding: 20px 2%;
	}
	h4.inform_list {
		border-left: solid 4px #298848;
		padding: 0 0 0 10px;
		font-weight: bold;
	}
	.inform_list {
		padding: 0;
	}
	#notification div {
		position: relative;
	}
	#notification div h4 {
		display: inline-block;
	}
	#notification div a {
		display: inline-block;
		position: absolute;
		right: 2%;
		top: 10px;
		text-decoration: none;
	}
	#notification div p {
		display: inline-block;
		vertical-align: middle;
		margin: 0;
		color: #000000;
		margin: 0 10px 0 0;
	}
	#notification div img {
		display: inline-block;
	}

	.inform_list li {
		list-style: none;
		margin: 20px 0;
	}
	.inform_list li span {
		display: inline-block;
		width: 35%;
		color: #333333;
		vertical-align: text-top;
	}
	.inform_list li a {
		text-decoration: none;
		color: #333333;
		text-align: left;
		display: inline-block;
		width: 60%;
		vertical-align: text-top;
	}

	/* フッター */
	#footer-wrap {
		width: 100%;
		background-color: #FFFFFF;
		padding: 15px 0;
		margin: 10px 0 0 0;
	}
	#footer {
		width: 95%;
		margin: 0 auto;
	}
	#footer_logo, #footer_links {
		display: inline-block;
	}
	#footer_logo {
		width: 20%;
		vertical-align: middle;
	}
	#footer_logo img {
		width: 100%;
	}
	#footer_right {
		width: 78%;
		display: inline-block;
		vertical-align: middle;
	}
	#footer_links {
		width: 100%;
	}
	#footer_copyright {
		width: 95%;
		margin: 5px auto 0 auto;
		font-size: 0.8em;
	}
	#footer_links .footer-text {
		width: 50%;
		display: inline-block;
		text-align: center;
		font-size: 0.8em;
	}
	#footer_links .footer-text:nth-of-type(1),
	#footer_links .footer-text:nth-of-type(3) {
		width: 20%;
	}

	/* 搬送状況一覧、受入状況一覧 */

	.smart_trans_dispatch_status {
		background-color: #E9F1FF;
	}

	.sequence_list_layout_pc {
		display: none;
	}

	.snd_title {
		padding: 5px 10px;
		margin: 20px 0 5px 10px;
		font-size: 1.5em;
		border-left: 5px solid #0C48AA;
	}
	.rcv_title{
		padding: 5px 10px;
		margin: 20px 0 5px 10px;
		font-size: 1.5em;
		border-left: 5px solid #F0641E;
	}
	.receive_access_key_wrap {
		margin: 10px 0 20px 0;
	}
	.sequence_list_layout_smart #receive_access_key {
		width: 54%;
		display: inline-block;
		padding: 10px;
		border: solid 1px #838383;
		margin: 0 10px 0 0;
		padding: 10px 10px;
	}
	#receive_access_key_button {
		width: 25%;
		height: 40px;
		display: inline-block;
		background-color: #F0641E;
		color: #FFFFFF;
		border: solid 2px #F0641E;
		border-radius: 30% / 50%;
		font-weight: bold;
	}
	.sequence_list_layout_smart {
		width: 95%;
		padding: 20px 5%;
		margin: 20px auto;
		background-color: #FFFFFF;
	}
	#smart_table_header {
		color: #FFFFFF;
		padding: 5px 0;
	}
	.smart_table_content {
		background-color: #FFFFFF;
		padding: 5% 2%;
		border-bottom: solid 1px #DEDEDE;
		cursor: pointer;
	}
	.smart_table_header_item {
		width: 22%;
		display: inline-block;
		vertical-align: middle;
	}
	.smart_table_header_item:nth-of-type(1) {
		width: 25%;
	}
	.smart_table_header_item:nth-of-type(2) {
		width: 28%;
	}
	.smart_table_header_item:nth-of-type(3) {
		width: 32%;
	}
	.smart_table_header_item:nth-of-type(4) {
		width: 5%;
	}
	.smart_table_content_item {
		width: 22%;
		display: inline-block;
		vertical-align: middle;
		text-align: left;
	}
	.smart_table_content_item:nth-of-type(1) {
		width: 25%;
		text-align: center;
	}
	.smart_table_content_item:nth-of-type(2) {
		width: 28%;
	}
	.smart_table_content_item:nth-of-type(3) {
		width: 32%;
	}
	.smart_table_content_item:nth-of-type(4) {
		width: 5%;
		padding: 5%
	}
	.receive_unread .smart_table_content_item:nth-of-type(2)::after {
		display: inline-block;
		content: "";
		margin-top: 6px;
		margin-left: 10px;
		width: 10px;
		height: 10px;
		vertical-align: top;
		border-radius: 5px;
		background-color: #F0641E;
	}
	.smart_dispatch {
		width: 90%;
		padding: 5%;
		display: block;
	}
	.smart_table_accordion_button {
		text-align: right;
	}
	.smart_table_accordion_content {
		margin: 10px 0;
	}
	.smart_table_accordion_left_content, .smart_table_accordion_right_content {
		display: inline-block;
		vertical-align: text-top;
	}
	.smart_table_accordion_left_content {
		width: 60%;
	}
	.smart_table_accordion_right_content {
		width: 38%;
		text-align: right;
	}
	.smart_table_accordion_parts {
		margin: 10px 0;	
	}
	.smart_table_accordion_parts_title {
		color: #AAAAAA;
		margin: 5px 0;
	}
	.smart_table_accordion_parts_val {
		margin: 5px 0;
	}
	.smart_table_accordion_parts_file_icon {
		display: inline-block;
		margin: 0 5px;
	}
	.trans_files span {
		display: block;
		text-align: center;
		color: #0C48AA;
		font-weight: bold;
	}
	.receive_files span {
		display: block;
		text-align: center;
		color: #F0641E;
		font-weight: bold;
	}
	.trans_unread .smart_table_content_item:nth-of-type(2)::after {
		display: inline-block;
		content: "";
		margin-top: 6px;
		margin-left: 10px;
		width: 10px;
		height: 10px;
		vertical-align: top;
		border-radius: 5px;
		background-color: #0C48AA;
	}

	/* ページャー */
	#pager {
		text-align: center;
		margin: 20px 0;
	}
	#pager button {
		color: #BCBCBC;
		border: none;
		background-color: #FFFFFF;
		padding: 5px 10px;
	}
	#pager .glyphicon {
		cursor: pointer;
	}
	#pager .pager-current {
		color: #333333;
	}

	/* 搬送状況詳細 */
	.chat_back_button_wrap {
		padding: 10px 5%;
		margin: 20px 0 0 3%;
		background-color: #838383;
		display: inline-block;
		border: solid 1px #838383;
		border-radius: 30px;
		text-decoration: none;
		color: #FFFFFF;
	}
	.chat_back_button_wrap img {
		margin: 0 10px 0 0;
	}
	#chat_board {
		width: 95%;
		height: 76vh;
		background-color: #FFFFFF;
		padding: 20px 5% 20px 5%;
		margin: 20px auto 0px auto;
	}

	.chat_right_view {
		width: 85%;
		margin: 10px auto;
	}
	.chat_background {
		background-color: #F5F5F5;
		padding: 10px 2% 20px 2%;
		margin: 5px 0 0 0;
	}

	/* チャット入力 */
	.chat_input_wrap {
		position: fixed;
		bottom: 0;
		background-color: #FFFFFF;
		width: 95%;
		margin: 0 -5%;
		padding: 1vh 5%;
	}
	.chat_input_wrap div, .chat_input_icon_area div {
		display: inline-block;
		vertical-align: middle;
	}
	.chat_input_icon_area {
		margin: 0 0 5px 0;
	}
	.chat_input_area {
		width: 50%;
	}
	#handover_message_input {
		width: 100%;
		height: 40px;
		font-size: 12px;
		border: solid 1px #BCBCBC;
		border-radius: 30px;
		resize: none;
		overflow: hidden;
		padding: 10px;
	}
	.chat_input_submit_area {
		width: 26%;
		margin: 0 0 8px 0;
	}
	#chat_send_button {
		color: #FFFFFF;
		border-radius: 30px;
		padding: 10px 5%;
		width: 100%;
		margin: 0 auto;
		display: block;
	}
	.trans_border_color {
		border: solid 1px #0C48AA;
	}
	.trans_color {
		background-color: #0C48AA;
	}
	.receive_color {
		background-color: #F0641E;
	}
	.receive_border_color {
		border: solid 1px #F0641E;
	}

	.sequence_layout_pc {
		display: none !important;
	}
	#access_key .access_key_txt, #access_key div, #access_key .access_key_value, #access_key .update_access_key {
		display: inline-block;
	}
	.access_key_value {
		width: 58%;
		font-size: 1.2em;
	}
	.status_title, .status_value {
		height: 50px;
	}
	#access_key {
		width: 95%;
		display: inline-block;
	}
	#access_key div:nth-of-type(1) {
		width: 25%;
	}
	#access_key div:nth-of-type(2) {
		width: 70%;
	}
	#access_key div:nth-of-type(3) {
		width: 5%;
		text-align: center;
	}
	#access_key .update_access_key {
		background-color: #333333;
		color: #FFFFFF;
		border: solid 1px #333333;
		border-radius: 30px;
		padding: 5px 8%;
		margin: 0 0 5px 0;
		vertical-align: middle;
	}
	.status_title {
		font-size: 0.8em;
		color: #FFFFFF;
		padding: 18px 2%;
		display: inline-block;
		vertical-align: middle;
	}
	.status_value {
		background-color:#F5F5F5;
		padding: 10px 2%;
		margin: 0 0 0 -4px;
		vertical-align: middle;
	}
	.status_date {
		background-color: #F5F5F5;
		font-size: 0.8em;
		vertical-align: middle;
		margin: 0 10px 0 0;
		padding: 4px 0;
	}
	.status_accordion_button {
		display: inline-block;
	}
	.status_accordion_content {
		display: none;
		margin: 15px 0 0 0;
	}
	.status_hospital {
		width: 74%;
		display: inline-block;
		background-color: #F5F5F5;
		padding: 15px 20px;
		margin: 0 0 0 -5px;
		vertical-align: middle;
	}
	.smart_start_date {
		width: 65% !important;
	}
	.smart_start_date .status_title {
		width: 36% !important;
	}
	.smart_start_date .status_value {
		width: 64% !important;
	}
	#send_location, #message_setting {
		width: 10%;
		display: inline-block;
		margin: 0 2%;
	}

	.receive_download_button {
		width: 46%;
		display: inline-block;
		background-color: #FFFFFF;
		border: solid 1px #F0641E;
		position: relative;
		font-size: 0.6em;
		margin: 0 3% 0 0;
	}
	.receive_download_button input {
    	width: 100%;
		height: 50px;
		background-color: #FFFFFF;
		border: none;
		padding: 0px 10%;
	}
	.receive_download_button img {
		position: absolute;
		top: 20px;
		right: 20px;
		vertical-align: middle;
	}

	.trans_download_button {
		width: 46%;
		display: inline-block;
		background-color: #FFFFFF;
		position: relative;
		font-size: 0.6em;
		margin: 0 0 0 3%;
	}
	.trans_pdf_button {
		width: 46%;
		display: inline-block;
		background-color: #FFFFFF;
		position: relative;
		font-size: 0.6em;
		margin: 0 3% 0 0;
	}
	.trans_download_button input,
	.trans_pdf_button input {
		width: 100%;
		height: 50px;
		background-color: #FFFFFF;
		border: none;
		padding: 0px 10%;
	}
	.trans_download_button img,
	.trans_pdf_button img {
		position: absolute;
		top: 20px;
		right: 20px;
		vertical-align: middle;
	}
	.status_row {
		margin: 10px 0 0 0;
	}
	.hospital_title {
		width: 24%;
	}

	.chat_left_view {
		width: 100%;
		vertical-align: middle;
	}
	.receive .current {
		background-color: #FFF0E8;
		color: #F0641E;
	}
	.chat_left_view a:not(.current) {
		background-color: #F5F5F5;
		color: #333333;
	}
	.chat_left_view a {
		width: 30%;
		display: inline-block;
		text-align: center;
		font-size: 0.8em;
		padding: 15px 2%;
		margin: 5px 0;
		text-decoration: none;
	}
	.tab_button:nth-of-type(2) {
		margin: 5px 2%;
	}
	.tab_button:nth-of-type(3) {
		width: 33%;
	}
	.chat_dispatch {
		text-align: center;
		margin: 10px 0;
	}
	.chat_dispatch span {
		padding: 10px 5%;
		color: #FFFFFF;
	}
	.chat_background {
		max-height: 44vh;
		overflow: auto;
	}

	/* チャット */
	.chat_row {
		margin: 2vh 0;
	}
	.partner .user_icon {
		margin: 0 2% 0 0;
	}

	.partner_chat .caht_status {
		margin: 0 0 0 8%;
		position: relative;
	}
	.partner_chat .chat_value {
		background-color: #FFFFFF;
		display: inline-block;
		padding: 1vh 5%;
		border: solid 1px #FFFFFF;
		border-radius: 30px;
		position: relative;
		text-align: left;
		max-width: 60%;
	}
	.chat_row_status {
		display: inline-block;
		margin: 0 2%;
		vertical-align: bottom;
	}
	.chat_file {
		display: inline-block;
		padding: 1vh 5%;
		position: relative;
	}

	.myself {
		text-align: right;
	}
	.myself .user_icon {
		margin: 0 0 0 2%;
	}
	.myself_chat .caht_status {
		margin: 0 8% 0 0;
		position: relative;
	}
	.chat_row_status {
		display: inline-block;
		margin: 0 2%;
		vertical-align: bottom;
	}
	.myself_chat .chat_value {
		background-color: #FFFFFF;
		display: inline-block;
		padding: 1vh 5%;
		border: solid 1px #FFFFFF;
		border-radius: 30px;
		position: relative;
		text-align: left;
		max-width: 60%;
	}

	.alreadyreadinfo {
		position: relative;
	}
	.alreadyreaddetail {
		width: 100px;
		text-align: left;
		margin: 0;
		padding: 10px;
		background-color: #FFFFFF;
		color: #000000;
		font-weight: bold;
		top: -40px;
		left: -85px;
		position: absolute;
		display: none;
		z-index: 1;
	}
	.alreadyreadcount a {
		color: #333333;
	}
	#chat_view {
		margin: 2vh 0 0 0;
	}
	.trans .current {
		background-color: #E9F1FF;
		color: #0C48AA;
	}

	#header_account_submenu:before {
		content: "";
		position: absolute;
		top: -24px;
		left: 65%;
		margin-left: -15px;
		border: 12px solid transparent;
		border-bottom: 12px solid #FFF;
		z-index: 2;
	}
	#header_account_submenu:after {
		content: "";
		position: absolute;
		top: -30px;
		left: 65%;
		margin-left: -17px;
		border: 14px solid transparent;
		border-bottom: 15px solid #298848;
		z-index: 1;
	}
	#header_account_submenu_wrap {
		padding: 20px 0;
		position: absolute;
		width: 39%;
		margin: 0 0 0 -15%;
		opacity: 1;
	}
	#header_account_submenu {
		position: absolute;
		background-color: #FFFFFF;
		border: solid 3px #298848;
		border-radius: 15px;
		padding: 10px;
		cursor: pointer;
		z-index: 9998;

    	width: 100%;
	}
	#header_account_submenu a {
		display: block;
		color: #298848;
		text-align: center;
		text-decoration: none;
		margin: 15px 0;
	}

	/* 一時的 */
	#header_setting_icon,
	#header_account_submenu a:nth-of-type(1) {
		display: none;
	}

	/* accordionの閉じるボタン */
	.accordion_arrow_close {
		transform: rotateX(180deg)
	}
}

/* pc,smart共通 */
#header_account_menu {
	cursor: pointer;
}
.dispatch_on {
	background-color: #333333;
	color: #FFFFFF;
}
.dispatch_off {
	background-color: #E5E2E2;
	color: #333333;
}

.operator_top_button {
	margin: 20px auto;
    width: 95%;
}
.operator_top_button button {
	width: 100%;
    height: 50px;
}

.receive_unread {
	background-color: #FFF0E8 !important;
}

.trans_unread {
	background-color: #E9F1FF !important;
}

.button_access:hover, .top-receive:hover, .top-send:hover,
.button_create_message:hover, .button_title:hover, button:hover,
.account_menu_row:hover, .tab_button:hover, #send_location a:hover,
#message_setting a:hover, .receive_download_button:hover,
.trans_download_button:hover, .chat_input_icon_area div:hover,
.chat_back_button_wrap:hover
{
	opacity: 0.6;
}


.textOverflow{
	display: block;
	width: 12ch;
	font-family: "Helvetica Neue";
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}


/*/////////////// 2021/10/- add/ END /////////////////*/