@charset "utf-8";

/*==================================
	base
==================================*/

*{
	font-family: 'Noto Sans JP', sans-serif;
	font-weight:400;
}
html{
	font-size:15px;
	width:fit-content;
}
html,
body{
	width:100%;
	height:100%;
}
strong,
th{
	font-weight:700;
}
.font-base,
.font-base *{
	font-size:1rem;
}
p{
	line-height:1.6;
}

/*==================================
	colors
==================================*/
.bg-corporate{
	background-color:#3071B9!important;
}
.bg-corporate-light{
	background-color:#306cbf !important;
}
.bg-corporate-dark{
	background-color:#595757 !important;
}
.bg-success{
	background-color:#87B0DD !important;
}
.bg-info{
	background-color: #E2EFDA !important;
}
.bg-warning{
	background-color:#e0bd38 !important;
}
.bg-striped{
	background-color:#ececec;
	background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
	background-size: 1rem 1rem;
}
.bg-grayed-out{
	background-color: #d3d3d3;
}
.text-corporate{
	color:#3071B9!important;
}
.text-corporate-light{
	color:#306cbf !important;
}
.text-corporate-dark{
	color:#595757 !important;
}
.text-success{
	color:#87B0DD !important;
}
.text-info{
	color: #55bea6 !important;
}
.badge-warning {
	color: #fff;
	background-color: #e0bd38;
}
.badge-success{
	color:#fff;
	background-color:#55bea6;
}
.div-bar-title{
	background-color:#87B0DD;
}
.list-group-item:hover{
	text-decoration:none;
	color: #00357f;
	background-color: #e1e9f5;
}
.list-group-item.active{
	background-color:#87B0DD;
	border-color:#87B0DD !important;
}

/*==================================
	alert
==================================*/
.alert{
	font-weight:700;
	line-height:1.6;
}
.alert-info {
	color: #00357f;
	background-color: #e1e9f5;
	border-color: #e1e9f5;
}
.alert-success {
	color: #1c7561;
	background-color: #d0f1e9;
	border-color: #bee8de;
}
.alert-light {
	color: #818182;
	background-color: #f3f3f3;
	border-color: #f3f3f3;
}
.alert-danger {
	color: #bd0012;
	background-color: #f8d7da;
	border-color: #f8d7da;
}

/*==================================
	form
==================================*/
select.form-control{
	display:inline-block;
	width:auto;
}
.custom-control.custom-control-single-check{
	width:1rem;
	height:1rem;
}
.custom-control.custom-control-single-check .custom-control-label::before,
.custom-control.custom-control-single-check .custom-control-label::after{
	left:-1.25rem;
}
.btn:disabled,
input:disabled,
.custom-control-input:disabled ~ .custom-control-label{
	cursor:not-allowed;
}
.form-inline .form-control,
.form-inline .btn{
	margin-right:3px;
	margin-bottom:3px;
}
@media (max-width: 767.98px) {
	.form-control,
	input[type="file"]{
		max-width:100%;
	}
	input[type="file"]{
		width:100%;
	}
}
input[type="checkbox"].large{
	display: inline-block;
	width: 20px;
	height: 20px;
}
input[type="checkbox"].medium{
	display: inline-block;
	width: 15px;
	height: 15px;
}

/*==================================
	thumbnail
==================================*/
.div-thumbnail{
	background-color:#f9f9f9;
	text-align:center;
	font-weight: 700;
	color: #bdbdbd;
	border-radius:100rem;
	overflow:hidden;
}
.div-thumbnail.div-thumbnail-md{
	width:100px;
	height:100px;
}
.div-thumbnail .div-table{
	width:100%;
	height:100%;
}
.div-thumbnail .div-table-cell{
	vertical-align:middle;
	text-align:center;
}
.div-thumbnail img{
	width:auto;
	height:auto;
}
.div-thumbnail.div-thumbnail-md img{
	max-width:100px;
	max-height:100px;
}

/*==================================
	table
==================================*/
.table-fit-content{
	width:fit-content;
}
.table th,
.table td{
	padding: .75rem;
	vertical-align:middle;
}
.table-bordered td,
.table-bordered th{
	border: 1px solid #dee2e6;
}
.div-table{
	display:table;
	width:100%;
	height:100%;
}
.div-table-row{
	display:table-row;
}
.div-table-cell{
	display:table-cell;
	vertical-align:middle;
}
.table-borderless tbody+tbody,
.table-borderless td,
.table-borderless th,
.table-borderless thead th{
	border:none;
}
.table-member-info{
	font-size:13px;
}
.table-opacity,
.table-opacity *{
	opacity:0.9;
}
.div-flex{
	display:flex;
}

@media (max-width: 767.98px) {
	.table-print {
		width:100%;
	}
	.sp-table-horizontal,
	.sp-table-horizontal thead,
	.sp-table-horizontal tbody,
	.sp-table-horizontal tfoot,
	.sp-table-horizontal tr,
	.sp-table-horizontal th,
	.sp-table-horizontal td,
	.modal .table:not(.sp-table-not-horizontal),
	.modal .table:not(.sp-table-not-horizontal) thead,
	.modal .table:not(.sp-table-not-horizontal) tbody,
	.modal .table:not(.sp-table-not-horizontal) tfoot,
	.modal .table:not(.sp-table-not-horizontal) tr,
	.modal .table:not(.sp-table-not-horizontal) th,
	.modal .table:not(.sp-table-not-horizontal) td{
		width:100%;
		display:block;
	}
	.sp-table-horizontal:not(.table-bordered) th + td,
	.modal .table:not(.table-bordered):not(.sp-table-not-horizontal) th + td{
		border-top:none;
		padding-top:0;
	}
	.table-responsive > .table th,
	.table-responsive > .table td{
		white-space:nowrap;
	}
}

/*==================================
	text
==================================*/
.text-sm{
	font-size:.75rem;
}
.text-lg{
	font-size: 1.5rem;
}
.font-weight-normal{
	font-weight:400 !important;
}
.font-weight-bold{
	font-weight:700 !important;
}

/*==================================
	button
==================================*/
.btn{
	font-weight:700;
}
.btn:hover,
.btn:focus,
.btn:active{
	opacity:0.85;
}
.btn:focus,
.btn:active,
.btn.active{
	outline:none !important;
	box-shadow:none !important;
}
.btn:disabled,
.btn.disabled{
	cursor:not-allowed;
}
.btn-corporate,
.btn-corporate:hover,
.btn-corporate:active,
.btn-corporate:focus{
	background-color: #3071B9!important;
	color:#fff;
	border-color: rgba(0, 0, 0, 0.05) !important;
}
.btn-success,
.btn-success:hover,
.btn-success:active,
.btn-success:focus{
	background-color: #87B0DD !important;
	color:#fff;
	border-color: rgba(0, 0, 0, 0.05) !important;
}
.btn-warning,
.btn-warning:hover,
.btn-warning:active,
.btn-warning:focus{
	background-color: #e0bd38 !important;
	border-color: rgba(0, 0, 0, 0.05) !important;
}
.btn-light{
	border-color: #d2d2d2;
}

.btn-group .btn.btn-secondary.active{
	background-color: #87B0DD;
	border-color: #87B0DD;
}
@media (max-width: 767.98px) {
	.btn-group .btn{
		margin-bottom:3px;
	}
	.sp-btn-lg{
		font-size:1.25rem;
		padding:1rem;
	}
}

/*==================================
	pager
==================================*/
.page-link,
.page-link:hover{
	color:#131D53;
}
.page-item.active .page-link{
	background-color: #00357f;
	border-color: #00357f;
}

/*==================================
	nav tabs
==================================*/
.nav-tabs{
	border-bottom:1px solid #00357f;
}
.nav-tabs .nav-item.show.nav-link,
.nav-tabs .nav-link.active,
.nav-tabs .nav-link:hover,
.nav-tabs .nav-link:focus{
	border-color: #3071B9 #3071B9 #fff;
}
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active{
	color:#000;
}
.nav-tabs .nav-link{
	font-size: 16px;
	font-weight: 700;
	min-width:110px;
	text-align:center;
}
.index-nav-tab{
	display:none;
}
@media (max-width: 767.98px) {
	.nav-tabs{
		justify-content: flex-start;
	}
	.nav-tabs .nav-item{
		margin-bottom:0;
	}
	.nav-tabs .nav-link{
		font-size: 15px;
		background-color: #eee;
		margin-bottom: 10px;
		margin-right: 10px;
		border-radius: .25rem;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		-webkit-text-overflow: ellipsis;
		-o-text-overflow: ellipsis;
		padding: .5rem;
	}
	.nav-tabs .nav-link:hover,
	.nav-tabs .nav-link:active,
	.nav-tabs .nav-link:focus{
		border-color:transparent;
	}
	.nav-tabs .nav-link.active{
		background-color:#00357f;
		color:#fff;
		border-color:transparent;
	}
	.tab-content > .tab-pane > [class*="padding-"]{
		padding-left:0 !important;
		padding-right:0 !important;
	}
	.index-nav-tab{
		display: flex;
		justify-content: space-evenly;
		margin-bottom: 15px;
		border-bottom: 1px solid #00357f;
		padding:0 15px 0 15px;
		margin-left: -15px;
		margin-right: -15px;
	}
	.index-nav-tab a{
		flex-basis:calc(33.333% - 10px);
		margin-bottom:-1px;
		border: 1px solid transparent;
		border-radius:.25rem .25rem 0 0 ;
		color:#3071B9!important;
		padding: .65rem .5rem;
	}
	.index-nav-tab a.active{
		border-color: #3071B9 #3071B9 #fff;
	}
	.tab-index-body .div-bar-title{
		display:none !important;
	}
	.tab-index-body{
		display:none;
	}
	.tab-index-body.active{
		display:block;
	}
}
@media (min-width: 768px) {
	.tab-index-body{
		display:block !important;
	}
}

/*==================================
	modal
==================================*/
.modal-header,
.modal-title{
	font-weight:700;
}
.modal-header{
	background-color: #eee;
}
.modal-footer .btn{
	min-width:120px;
}
.modal-body .table tr:first-child th,
.modal-body .table tr:first-child td{
	border-top:none;
}
@media (min-width: 768px and max-width: 1199px){
	.modal-xl{
		min-width:1140px;
	}
}

/*==================================
	card
==================================*/
.card-header{
	font-weight:700;
	position:relative;
}

/*==================================
	link color
==================================*/
a{
	color:#00357f;
}

/*==================================
	effect
==================================*/
a,
.btn{
	transition-property: all;
	transition: 0.2s linear;
}

/*==================================
	common classes
==================================*/
.ellipsis{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
}
.main .div-bar-title{
	margin:-15px -15px 20px -15px;
	display:flex;
	align-items: center;
}
.div-bar-title .div-bar-breadcrumb{
	margin-right:auto;
	color:rgba(255, 255, 255, 0.75);
}
.div-bar-title .div-bar-breadcrumb,
.div-bar-title .div-bar-breadcrumb *{
	font-weight:700;
}
.div-bar-title .div-bar-breadcrumb,
.div-bar-title .a-back-link{
	padding: 14px;
	font-size: 16px;
	line-height:1.2;
}
.div-bar-title .div-bar-breadcrumb .current{
	color:#fff;
}
.div-bar-title .a-back-link{
	background-color: rgba(0, 0, 0, 0.27);
	color: #fff;
	min-width: 50px;
	text-align: center;
}
.div-bar-title .a-back-link:hover{
	opacity:0.85;
}
.div-bar-title .div-bar-role{
	margin-right: 14px;
}

/*==================================
	jquery ui datepicker color custom
==================================*/
.ui-datepicker .ui-widget-header,
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
	border: 1px solid #00357f;
	background: #00357f;
	color:#fff;
}
.ui-datepicker{
	/*z-index:20 !important;*/
}
.ui-datepicker .ui-widget-header .ui-icon{
	background-image:url(../vendor/jquery-ui/images/ui-icons_ffffff_256x240.png);
}
.ui-datepicker .ui-widget-header .ui-state-hover,
.ui-datepicker .ui-widget-header .ui-state-focus{
	background-color:rgba(255, 255, 255, 0.188);
	border:none;
}
.ui-datepicker .ui-widget-header .ui-datepicker-prev{
	left:2px !important;
	top:2px !important;
}
.ui-datepicker .ui-widget-header .ui-datepicker-next{
	right:2px !important;
	top:2px !important;
}

/*==================================
	login & unauth
==================================*/
.body-login .div-login .card-body,
.body-unauth .div-unauth .card-body{
	padding: 30px 20px;
}
.body-login .div-login h1,
.body-unauth .div-unauth h1{
	font-size: 34px;
	margin-bottom: 30px;
	font-weight:700;
}
.body-login .div-login h1 small,
.body-unauth .div-unauth h1 small{
	display:block;
	font-size:20px;
	margin-bottom:10px;
}
.body-login .div-login .input-group,
.body-login .div-login .input-group .form-control,
.body-unauth .div-unauth .input-group,
.body-unauth .div-unauth .input-group .form-control{
	min-height:40px;
}
.body-login .div-login .input-group{
	margin:0 0 15px 0;
}
.body-login .div-login .input-group-text,
.body-unauth .div-unauth .input-group-text{
	font-size: 12px;
	font-weight: 700;
}
.body-login .div-login .input-group .form-control,
.body-unauth .div-unauth .input-group .form-control{
	font-size:16px;
}
.body-login .div-login .btn{
	width:100%;
	padding:10px 0;
	font-size: 16px;
	margin-top:10px;
}
.body-login .div-login .copyright,
.body-unauth .div-unauth .copyright{
	text-align:center;
	font-size:11px;
	margin-bottom:0;
	margin-top:15px;
	color:#5f5f5f;
}
.body-login .login-infos{
	background-color: #fff;
}
.body-login .login-infos .div-cards{
	max-height:200px;
	overflow-y:auto;
}
.body-login .login-infos .login-infos-title{
	padding: 17px;
	font-size: 18px;
	font-weight: 700;
	line-height: 1;
	color: #fff;
}
.body-login .login-infos .logoin-info-card{
	padding: 15px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.body-login .login-infos .logoin-info-card .login-info-title{
	font-size: 16px;
	font-weight: 700;
}
.body-login .login-infos .logoin-info-card .login-info-title,
.body-login .login-infos .logoin-info-card .login-info-body{
	line-height: 1.6;
}
@media (min-width: 768px) {
	.body-login,
	.body-unauth{
		background-color:#e8e8e8;
	}
	.body-login .div-login{
		width:400px;
		margin:100px auto 50px auto;
	}
	.body-unauth .div-unauth{
		width:650px;
		margin:100px auto 50px auto;
	}
	.body-login .div-login .card-body,
	.body-unauth .div-unauth .card-body{
		padding: 50px 40px;
	}
	.body-login .login-infos{
		position: fixed;
		width: 400px;
		z-index: 1;
		left: 0;
		top: 0;
		bottom: 0;
		height: 100%;
	}
	.body-login .container{
		max-width: 100%;
		min-width:1024px;
		width: 100%;
		padding-left: 400px;
	}
	.body-login .login-infos .div-cards{
		height:calc(100% - 52px);
		max-height:none;
	}
}
@media (max-width: 767.98px) {
	.body-login .container,
	.body-unauth .container{
		padding:0;
	}
	.body-login .div-login .card,
	.body-unauth .div-unauth .card{
		border:none;
	}
	.body-login .login-infos{
		margin-bottom:20px;
		border:1px solid #00357f;
		border-radius: .25rem;
	}
	.body-login .login-infos .login-infos-title{
		padding: 12px;
		font-size: 14px;
	}
	.body-login .login-infos .logoin-info-card{
		padding:10px;
	}
	.body-login .login-infos .logoin-info-card .login-info-title,
	.body-login .login-infos .logoin-info-card .login-info-body{
		font-size:14px;
	}
}

/*==================================
	page container
==================================*/
.mmc-container {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	position: relative;
}
.mmc-screen {
	padding-bottom: 40px;
}

/*==================================
	footer
==================================*/
footer{
	height: 40px;
	width: calc(100% - 300px);
	margin-left:300px;
	position: absolute;
	bottom: 0;
	background-color:#fff;
	text-align:right;
}
footer .copyright{
	line-height:40px;
	font-size:11px;
	margin:0;
	margin-right:15px;
}
@media (max-width: 767.98px) {
	footer{
		width:100%;
		margin-left:0;
		text-align:center;
	}
}

/*==================================
	header
==================================*/
header{
	position:relative;
	z-index:2;
	margin-left:300px;
}
header .navbar-brand{
	color:#fff;
	font-size:16px;
	font-weight:700;
}
header .navbar-dark .navbar-text{
	font-weight:700;
	color: rgba(255, 255, 255, 0.9);
	margin: -15px;
	padding: 12.5px;
}
header .navbar-dark .navbar-text .badge{
	background-color: transparent;
	color: #fff;
	position: relative;
	top: -2px;
	padding: .45em .4em;
}

/*==================================
	side menu
==================================*/
.side-menu{
	width:300px;
	position:fixed;
	z-index:1;
	top:0;
	left:0;
	bottom:0;
	overflow-y:auto;
	box-shadow: 1px 1px 9px rgba(0, 0, 0, 0.169);
}
.side-menu .list-group,
.side-menu .list-group-item{
	border-radius:0;
	font-weight:700;
}
.side-menu.bg-light .list-group-item{
	background-color:transparent;
	border:none !important;
	border-bottom:1px solid rgba(0, 0, 0, 0.06) !important;
}
.side-menu.bg-light .list-group-item:hover{
	background-color:#eee;
}
.side-menu.bg-light .list-group-item.active{
	background-color:#e0bd38 !important;
	color:#fff !important;
}
.side-menu.bg-light .list-group-item .fas{
	min-width: 25px;
	color: rgba(0, 35, 83, 0.52);
}
.side-menu.bg-light .list-group-item.active .fas{
	color:#fff;
}
.side-menu .div-dropdowns{
	display:none;
}
.side-menu .div-dropdowns .list-group-item{
	border-left: 20px solid #cacaca !important;
	background-color: #eee;
}
.side-menu .div-dropdowns .list-group-item:hover{
	background-color: #ddd;
}

/*==================================
	main
==================================*/
.main{
	width:calc(100% - 300px);
	padding:15px 15px 15px 15px;
	margin-left:300px;
}
.sub-menu{
	width:calc(100% - 300px);
	margin-left:300px;
	background-color:#5990a6;
	display:flex;
	justify-content:flex-start;
	flex-wrap:nowrap;
}
.sub-menu a{
	padding:10px 15px;
	white-space:nowrap;
	color:#fff;
	font-weight:700;
	text-decoration:none !important;
	position:relative;
}
.sub-menu a:hover{
	background-color:#3d89a6;
}
.sub-menu a.active{
	background-color:#0c3a4c;
}
.sub-menu a.active:after{
	content:'';
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid #0c3a4c;
	position:absolute;
	z-index:1;
	left:50%;
	bottom: -10px;
	margin-left:-10px;
}

/*==================================
	top
==================================*/
.div-top-infos .div-info{
	overflow-y:auto;
}
.div-top-infos .div-info .table th,
.div-top-infos .div-info .table td{
	border-top:none;
	border-bottom: 1px solid #dee2e6;
}

/*==================================
	auth common
==================================*/
.div-quiz-do .custom-radio .span-label-text{
	font-weight:700;
	font-size:1.1rem;
}
.div-quiz-do .question-title{
	font-size: 1.5rem;
	color: #1cab8b;
}
.div-quiz-do .table:not(.table-sm) td{
	padding:2rem .75rem;
}
.div-quiz-do .custom-control{
	padding-left:2rem;
}
.div-quiz-do .custom-control-label::before,
.div-quiz-do .custom-control-label::after{
	width:1.25rem;
	height:1.25rem;
	top: .18rem;
	left: -1.75rem;
}
.div-quiz-do .custom-radio .custom-control-input:checked~.custom-control-label{
	color:#007bff;
}
.div-quiz-do .custom-radio .custom-control-label::before{
	border: #007bff solid 1px;
}
.div-quiz-do .custom-checkbox .custom-control-label::before{
	border: #ff9100 solid 1px;
}
.div-quiz-do .custom-checkbox .custom-control-input:disabled~.custom-control-label::before {
	background-color: rgb(255, 244, 229);
	border: rgba(255, 145, 0, 0.29) solid 1px;
}
.div-quiz-do .custom-checkbox .custom-control-input:checked~.custom-control-label::before{
	border-color: #ff9100;
	background-color: #ff9100;
}
.div-quiz-do .custom-checkbox  .custom-control-input:disabled:checked~.custom-control-label::before{
	background-color: rgba(255, 145, 0, 0.24);
	border-color: rgba(255, 145, 0, 0.24);
}

/*==================================
	rotate table
==================================*/
.div-rotate-row{
	display:flex;
	flex-wrap: nowrap;
	justify-content: flex-start;
}
.div-rotate-row .div-rotate-cell-head{
	flex-basis: 100px;
	min-width: 100px;
	font-weight: 700;
	padding: 2.3rem 1rem;
	font-size: 1.5rem;
	text-align: center;
	border:2px solid transparent;
	line-height: 1;
	background-color: #89d8c5;
	color: #fff;
}
.div-rotate-row .div-rotate-cell-body{
	flex-basis:1095px;
}
.div-rotate-month{
	display:flex;
	flex-wrap: nowrap;
	justify-content: flex-start;
	border-bottom:2px solid transparent;
	background-color:#88a3c7;
	color:#fff;
}
.div-rotate-month .div-month{
	text-align: center;
	font-weight: 700;
	font-size: 1.2rem;
	padding: 7px;
	border-top:2px solid transparent;
	border-right:2px solid transparent;
}
.div-rotate-month .div-month[data-month="4"],
.div-rotate-month .div-month[data-month="6"],
.div-rotate-month .div-month[data-month="9"],
.div-rotate-month .div-month[data-month="11"]{
	flex-basis: 90px;
	min-width: 90px;
}
.div-rotate-month .div-month[data-month="5"],
.div-rotate-month .div-month[data-month="7"],
.div-rotate-month .div-month[data-month="8"],
.div-rotate-month .div-month[data-month="10"],
.div-rotate-month .div-month[data-month="12"],
.div-rotate-month .div-month[data-month="1"],
.div-rotate-month .div-month[data-month="3"]{
	flex-basis: 93px;
	min-width: 93px;
}
.div-rotate-month .div-month[data-month="2"]{
	flex-basis: 84px;
	min-width: 84px;
}
.div-rotate-units{
	height: 73px;
	background-color: #fff;
	border-right:2px solid transparent;
	border-bottom:2px solid transparent;
	position:relative;
}
.div-rotate-row,
.div-rotate-row .div-rotate-cell-head,
.div-rotate-month,
.div-rotate-month .div-month,
.div-rotate-units{
	border-color: #eee;
}
.div-rotate-units .div-unit{
	height:100%;
	padding:10px;
	text-align:center;
	background-color: #f5de87;
	line-height:1;
	position:absolute;
	top:0;
	bottom:0;
	z-index:1;
}
.div-rotate-units .div-unit:nth-child(even){
	background-color:#fed2ff;
}
.div-rotate-units .div-unit .div-unit-number{
	font-size:.75rem;
	margin-bottom:6px;
}
.div-rotate-units .div-unit .div-unit-hospital-name{
	font-size:.75rem;
	margin-bottom:6px;
}
.div-rotate-units .div-unit .div-unit-diagnosis-name{
//	font-size:1.15rem;
	font-size:1.0rem;
}
.div-rotate-units .div-unit .div-unit-hospital-name,
.div-rotate-units .div-unit .div-unit-diagnosis-name{
	font-weight:700;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	color: #495057;
}
.div-rotate-units .div-unit[data-start-month="4"]{
	left:0;
}
.div-rotate-units .div-unit[data-start-month="5"]{
	left:90px;
}
.div-rotate-units .div-unit[data-start-month="6"]{
	left:183px;
}
.div-rotate-units .div-unit[data-start-month="7"]{
	left:276px;
}
.div-rotate-units .div-unit[data-start-month="8"]{
	left:369px;
}
.div-rotate-units .div-unit[data-start-month="9"]{
	left:459px;
}
.div-rotate-units .div-unit[data-start-month="10"]{
	left:552px;
}
.div-rotate-units .div-unit[data-start-month="11"]{
	left:642px;
}
.div-rotate-units .div-unit[data-start-month="12"]{
	left:735px;
}
.div-rotate-units .div-unit[data-start-month="1"]{
	left:828px;
}
.div-rotate-units .div-unit[data-start-month="2"]{
	left:912px;
}
.div-rotate-units .div-unit[data-start-month="3"]{
	left:1005px;
}
.div-rotate-parent{
	width:100%;
	overflow-y:hidden;
	overflow-x:auto;
}

/*==================================
	print style
==================================*/
.div-print-view{
	width: 841.89px;
	min-height: 1190.55px;
	box-sizing: border-box;
	border:1px solid #333;
	margin:0 auto;
	padding:50px;
}
.div-print-view .table-bordered th,
.div-print-view .table-bordered td{
	border:1px solid #333;
	padding:5px;
}
.div-print-view .table th.border-left-double,
.div-print-view .table td.border-left-double{
	border-left: 3px #000 double;
}
.page-break-after{
	page-break-after:always;
}
.div-across-checks{
	display:flex;
	flex-wrap:nowrap;
	justify-content:flex-start;
}
.td-across-checks{
	padding:0 !important;
}
.div-across-checks div{
	padding:5px;
	text-align:center;
	border-right:1px solid #333;
	flex-basis:17.5%;
}
.div-across-checks div:last-child{
	border-right:none;
}
.div-across-checks div.div-half-check{
	flex-basis:10%;
}
@media print {
	.div-print-view{
		border:none;
	}
	.print-off{
		display:none;
	}
	.div-print-view .custom-control{
		padding-left:0;
		display:inline;
		margin-right:.5rem;
		position:static;
	}
	.div-print-view .custom-control .custom-control-input{
		position:relative;
		top:-1px;
		z-index:1;
		opacity:1;
	}
	.div-print-view .custom-control .custom-control-label{
		color:#111;
		position:static;
	}
	.div-print-view .custom-control .custom-control-label::before,
	.div-print-view .custom-control .custom-control-label::after{
		display:none;
	}
	.div-print-view .form-control{
		border:none;
	}
}

/*==================================
	is mobile
==================================*/
header .i-sp-menu-toggle,
.side-menu .i-sp-menu-toggle{
	display:none;
}

@media (max-width: 767.98px) {
	header{
		margin-left:0;
	}
	header .navbar{
		padding:0;
	}
	header .navbar-brand{
		padding:12.5px;
	}
	header .navbar-dark .navbar-text{
		margin: 0;
		padding: 7px 12.5px;
		width: 100%;
		background-color: rgba(255, 255, 255, 0.46) !important;
	}
	header .i-sp-menu-toggle{
		display: block;
		margin-right: 10px;
		color: #fff;
		padding: 10px;
	}
	.side-menu{
		left:-310px;
		z-index:10;
	}
	.side-menu.bg-light .list-group-item{
		position:relative;
	}
	.side-menu .i-sp-menu-toggle{
		display: block;
		margin: -7px -14px;
		color: #fff !important;
		padding: 10px;
		float: right;
	}
	.main{
		width:100%;
		margin-left:0;
	}
}

/*==================================
	banner
==================================*/
.l-top-inner {
	position: relative;
	z-index: 1;
	max-width: 1070px;
	margin: 0 auto;
	padding: 10px 10px;
}
.p-top-bnrs {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	margin-right: -10px;
	margin-bottom: -10px;
	list-style: none;
}
.p-top-bnrs__item {
	margin-right: 10px;
	margin-bottom: 10px;
	width: calc(50% - 30px);
}

/*==================================
	badge(boostrap) スタイル追加
==================================*/
span.badge-danger{
	vertical-align: 0.1em !important; 
}

/*==================================
	fontawesome スタイル追加
==================================*/
i.icon-school{
	color: #FFD43B;
}

i.icon-users{
	color: #808080;
}