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

body {
	font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
	font-size: 14px;
	line-height: 1.4em;
	background-color: #F5F5F5;
}

a {
	color: #0066CC;
}

.mbnone {
	margin-bottom: 0px !important;
}

::placeholder {
	color: #D5D5D5 !important;
}

.mmodal {
	backdrop-filter: blur(12px);
}


/* parts */
.line-gray {
	height: 0px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: rgba(0, 0, 0, .225);
	background-color: #FFFFFF;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	margin-top: 0px;
}

.btn {
	display: flex;
	align-items: center;
}

.btn .fas,
.btn .far {
	margin-right: 4px;
}

.btn.right-icon .fas,
.btn.right-icon .far {
	margin-right: 0px;
	margin-left: 4px;
}

.btn-gray {
	background-color: #999999;
	background-image: none;
	box-shadow: none;
	border: 1px solid #999999;
	color: #FFFFFF;
}

.btn-gray:hover,
.btn-gray:focus {
	color: #FFFFFF;
	opacity: 0.5;
}

.btn-blue {
	background-color: #006699;
	background-image: none;
	box-shadow: none;
	border: 1px solid #006699;
	color: #FFFFFF;
}

.btn-blue:hover,
.btn-blue:focus {
	color: #FFFFFF;
	opacity: 0.5;
}

.btn-lblue {
	background-color: #0099CC;
	background-image: none;
	box-shadow: none;
	border: 1px solid #0099CC;
	color: #FFFFFF;
}

.btn-lblue:hover,
.btn-lblue:focus {
	color: #FFFFFF;
	opacity: 0.5;
}

.btn-sky {
	background-color: #0099FF;
	background-image: none;
	box-shadow: none;
	border: 1px solid #0066FF;
	color: #FFFFFF;
}

.btn-sky:hover,
.btn-sky:focus {
	color: #FFFFFF;
	opacity: 0.5;
}

.btn-green {
	background-color: #009933;
	background-image: none;
	box-shadow: none;
	color: #FFFFFF;
}

.btn-green:hover,
.btn-green:focus {
	color: #FFFFFF;
	opacity: 0.5;
}

.btn-brown {
	background-color: #CC6600;
	background-image: none;
	box-shadow: none;
	border: 1px solid #CC6600;
	color: #FFFFFF;
}

.btn-brown:hover,
.btn-brown:focus {
	color: #FFFFFF;
	opacity: 0.5;
}

.mark-gray {
	line-height: 1em;
	color: #FFFFFF;
	background-color: #999999;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-right: 10px;
	padding-left: 10px;
	margin-bottom: 0px;
	font-size: 13px;
	display: inline-block;
}

.mark-blue {
	line-height: 1em;
	color: #FFFFFF;
	background-color: #0066FF;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-right: 8px;
	padding-left: 8px;
	margin-bottom: 0px;
	font-size: 13px;
	display: inline-block;
}

.mark-lblue {
	line-height: 1em;
	color: #FFFFFF;
	background-color: #0099FF;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-right: 8px;
	padding-left: 8px;
	margin-bottom: 0px;
	font-size: 13px;
	display: inline-block;
	border-radius: 2px;
}

.mark-sky {
	line-height: 1em;
	color: #333333;
	background-color: #99CCFF;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-right: 8px;
	padding-left: 8px;
	margin-bottom: 0px;
	font-size: 13px;
	display: inline-block;
	border-radius: 2px;
}

.mark-green {
	line-height: 1em;
	color: #FFFFFF;
	background-color: #009900;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-right: 10px;
	padding-left: 10px;
	margin-bottom: 0px;
	font-size: 13px;
	display: inline-block;
}

.mark-lgreen {
	line-height: 1em;
	color: #333333;
	background-color: #B9DC96;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-right: 10px;
	padding-left: 10px;
	margin-bottom: 0px;
	font-size: 13px;
	display: inline-block;
	border-radius: 2px;
}

.mark-red {
	line-height: 1em;
	color: #FFFFFF;
	background-color: #FF3300;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-right: 10px;
	padding-left: 10px;
	margin-bottom: 0px;
	font-size: 13px;
	display: inline-block;
	border-radius: 2px;
}

.mark-orange {
	line-height: 1em;
	color: #FFFFFF;
	background-color: #FF9900;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-right: 10px;
	padding-left: 10px;
	border-radius: 5px;
	margin-bottom: 0px;
	font-size: 13px;
	display: inline-block;
	border-radius: 2px;
}

.mark-lorange {
	line-height: 1em;
	color: #333333;
	background-color: #FFDD97;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-right: 10px;
	padding-left: 10px;
	margin-bottom: 0px;
	font-size: 13px;
	display: inline-block;
	border-radius: 2px;
}

.mark-lbrown {
	line-height: 1em;
	color: #333333;
	background-color: #e0ca94;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-right: 10px;
	padding-left: 10px;
	margin-bottom: 0px;
	font-size: 13px !important;
	display: inline-block;
	border-radius: 2px;
}

/* header */
header {
	background-color: #FFFFFF;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #99CC00;
	position: fixed;
	left: 0px;
	top: 0px;
	right: 0px;
	z-index: 300;
}

#h-box {
	margin-left: auto;
	margin-right: auto;
	display: flex;
	align-items: center;
	padding-right: 50px;
	padding-left: 10px;
	padding-bottom: 0px;
}

.h-logo {
	text-align: center;
	/* flex-basis: 270px; */
	flex-shrink: 0;
	padding-top: 2px;
	padding-bottom: 5px;
}

.h-logo a {
	display: flex;
	align-items: center;
	min-height: 58px;
	margin-right: auto;
	margin-left: auto;
}

.h-logo a img {
	width: 180px;
	height: auto;
}

.h-logo a .sub {
	font-size: 16px;
	font-weight: 600;
	padding-left: 10px;
	color: #333333;
}

.h-login {
	flex-basis: 100%;
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

.h-login .login-out {
	margin-right: 22px;
}

.h-login .login-out .fas {
	margin-right: 3px;
}

.h-login .h-login-name {
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 0px;
}

.h-login .h-login-name .name {
	margin-left: 10px;
}

.h-login .h-login-bar {
	margin-right: 12px;
	margin-left: 10px;
}

.h-logo a:hover,
.h-logo a:focus {
	opacity: 0.5;
	text-decoration: none;
}

.h-login {
	flex-basis: 100%;
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

.h-login .login-out {
	margin-right: 22px;
}

.h-login .login-out .fas {
	margin-right: 3px;
}

.h-login .h-login-name {
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 0px;
}

.h-login .h-login-name .name {
	margin-left: 10px;
}

.h-login .h-login-bar {
	margin-right: 12px;
	margin-left: 10px;
}

.h-logo a:hover,
.h-logo a:focus {
	opacity: 0.5;
}

/* nav */
#nav-open {
	width: 32px;
	height: 32px;
	vertical-align: middle;
	position: fixed;
	top: 16px;
	cursor: pointer;
	right: 12px;
}

#nav-open span,
#nav-open span:before,
#nav-open span:after {
	position: absolute;
	transition: all 0.1s;
	height: 4px;
	width: 32px;
	border-radius: 3px;
	background-color: #009900;
	display: block;
	content: '';
	z-index: 200;
}

#nav-open span:before {
	bottom: -11px;
}

#nav-open span:after {
	bottom: -22px;
}

#nav-open.active {
	width: 32px;
	height: 32px;
	background-color: #FFFFFF;
}

#nav-open.active span {
	-webkit-transform: translateY(11px) rotate(-45deg);
	transform: translateY(11px) rotate(-45deg);
	background-color: #009900;
}

#nav-open.active span:before {
	height: 32px;
	width: 32px;
	border-radius: 0px;
	opacity: 0;
}

#nav-open.active span:after {
	-webkit-transform: translateY(-22px) rotate(45deg);
	transform: translateY(-22px) rotate(90deg);
	background-color: #009900;
}

/* nav */
#nav-open {
	display: inline-block;
	z-index: 500;
}

#nav-content-sf {
	display: none;
}

#nav-content-sf.open {
	display: block;
	opacity: 1;
}

#nav-content-sf.open:before {
	content: '';
	overflow: hidden;
	-webkit-filter: blur(10px);
	-moz-filter: blur(10px);
	-o-filter: blur(10px);
	-ms-filter: blur(10px);
	filter: blur(10px);
	z-index: -1;
	/*重なり順序を一番下にしておく*/
}

#nav-content-sf .nav-item-wrap {
	display: block;
	background-color: #009900;
	/* overflow-y:scroll; */
	z-index: 510;
	position: fixed;
	top: 65px;
	right: 0px;
}

#nav-content-sf .nav-item-parent a {
	display: block;
	background-color: #006600;
	text-align: left;
	color: #FFFFFF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #00CC00;
	font-size: 18px;
	padding: 10px;
}

#nav-content-sf .nav-item-parent span:after {
	vertical-align: middle;
}

#nav-content-sf .nav-item-parent a:hover,
#nav-content .nav-item-parent a:focus {
	text-decoration: none;
	background-color: #00CC99;
	border-left: none;
}

#nav-content-sf .nav-item-child a {
	display: block;
	padding-top: 8px;
	padding-bottom: 8px;
	background-color: #009900;
	text-align: left;
	color: #FFFFFF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #00CC00;
	font-size: 16px;
	padding-left: 15px;
}

#nav-content-sf .nav-item-child span:after {
	vertical-align: middle;
}

#nav-content-sf .nav-item-child a:hover,
#nav-content .nav-item-child a:focus {
	text-decoration: none;
	background-color: #00CC99;
	border-left: none;
}

#nav-content-sf .nav-item-grandson a:after {
	vertical-align: middle;
}

#nav-content-sf .nav-item-grandson a {
	display: block;
	padding-top: 6px;
	padding-bottom: 6px;
	background-color: #009900;
	text-align: left;
	color: #FFFFFF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #00CC00;
	font-size: 14px;
	padding-left: 10px;
	padding-right: 10px;
}

#nav-content-sf .nav-item-grandson a:hover,
#nav-content .nav-item-grandson a:focus {
	text-decoration: none;
	background-color: #00CC99;
	border-left: none;
}

/* breadcrumb */
.breadcrumb {
	max-width: 1210px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	align-items: center;
	background-color: #F5F5F5;
}

.breadcrumb .home {
	position: relative;
	color: #009900;
}

.breadcrumb .home:before {
	content: "home";
	font-family: "Material Icons";
	vertical-align: middle;
	font-size: 18px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
}

.breadcrumb-item+.breadcrumb-item::before {
	content: "chevron_right";
	font-family: "Material Icons";
	vertical-align: middle;
	padding-right: .3rem;
}

/* form */
.form-block {
	background-color: #F5F5F5;
	border-radius: 5px;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 15px;
}

.form-block .row .form-label {
	justify-content: flex-end;
}

.form-body .form-group {
	padding-bottom: 5px;
	margin-bottom: 10px;
}

.form-group-bottom {
	margin-bottom: 0px;
}

.form-text {
	font-size: 13px;
	display: block;
}

.form-inline .input-group {
	margin-right: 10px;
}

.form-inline .form-text.form-text-sleft {
	margin-left: 10px;
}

.form-inline .form-space-text {
	margin-right: 5px;
	margin-left: 5px;
	font-size: 16px;
}

.form-inline-multiple {
	margin-bottom: 10px;
}

.form-group .form-inline-multiple:last-child {
	margin-bottom: 0px;
}

.form-control.is-invalid,
.was-validated .form-control:invalid {
	background-image: none;
	background-color: #ffafaf;
}

.form-inline .input-length-pc150 {
	width: 150px;
}

.form-inline .input-length-pc200 {
	width: 200px;
}

.form-inline .input-length-pc300 {
	width: 300px;
}

.form-inline .input-length-pc350 {
	width: 350px;
}

.form-inline .input-length-pc500 {
	width: 500px;
}

.invalid-feedback {
	font-size: 13px;
	display: block;
}

.invalid-feedback:before {
	content: "\f071";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	margin-right: 3px;
}

.form-check-inline {
	flex-wrap: wrap;
	line-height: 1.8em;
}

.form-check-inline .form-check-label {
	margin-right: 15px;
	cursor: pointer;
}

.form-check .form-check-input.checkbox {
	height: 22px;
	width: 22px;
	-webkit-appearance: none;
	appearance: none;
	background-image: url(../svg/custom-checkbox.svg);
	background-repeat: no-repeat;
	background-position: center;
	outline: none;
	vertical-align: middle;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.form-check .form-check-input.checkbox:checked {
	background-image: url(/svg/custom-checkbox-check.svg);
}

.form-check .form-check-input.radio {
	height: 22px;
	width: 22px;
	-webkit-appearance: none;
	appearance: none;
	background-image: url(/svg/custom-radio.svg);
	background-repeat: no-repeat;
	background-position: center;
	outline: none;
	vertical-align: middle;
	margin-top: 0px;
	margin-right: 3px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.form-check .form-check-input.radio:checked {
	background-image: url(/svg/custom-radio-check.svg);
}

.form-check .form-check-label {
	font-size: 16px;
}

.form-check .form-check-label.is-invalid {
	color: #dc3545;
}

.form-label {
	display: flex;
	align-items: flex-start;
}

.form-label .fl-mark {
	line-height: 1em;
	color: #FFFFFF;
	background-color: #009900;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-right: 10px;
	padding-left: 10px;
	margin-bottom: 0px;
	font-size: 16px;
	display: inline-block;
	margin-right: 5px;
	font-weight: bold;
}

.form-label .fl-text {
	font-weight: bold;
	display: block;
	margin-right: 5px;
}

.form-label .badge {
	margin-top: 3px;
}

.form-cr-inline-end {
	margin-left: 15px;
}

.form-radioin {
	display: flex;
	align-items: center;
	padding-left: 15px;
}

.form-radioin .form-radioin-text {
	font-size: 18px;
	margin-right: .40rem;
}

.form-radioin .form-check-inline {
	margin-right: .20rem;
}

.serial-img {
	max-width: 300px;
	width: 100%;
	height: auto;
}

.badge-red {
	font-weight: normal;
	color: #FFFFFF;
	background-color: #FF3300;
	padding-top: 0.25em;
	padding-right: 0.4em;
	padding-bottom: 0.3em;
	padding-left: 0.4em;
	font-size: 10px;
}

.badge-lblue {
	font-weight: normal;
	color: #FFFFFF;
	background-color: #0099FF;
	padding-top: 0.25em;
	padding-right: 0.4em;
	padding-bottom: 0.3em;
	padding-left: 0.4em;
	font-size: 10px;
}

/* flow */
.form-flow {
	margin-bottom: 15px;
}

.form-flow-in {
	height: 30px;
	position: relative;
	margin-right: 60px;
	margin-left: 60px;
}

.form-flow-number {
	display: flex;
	align-items: center;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	text-align: center;
	z-index: 100;
	position: relative;
}

.form-flow-number li.flow-number-space {
	flex: 1;
	flex-shrink: 0;
}

.form-flow-number li.flow-number {
	flex-basis: 30px;
	flex-shrink: 0;
}

.form-flow-number li.flow-number .flow-number-mark {
	color: #FFFFFF;
	background-color: #CCCCCC;
	border-radius: 50%;
	display: block;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	height: 30px;
	width: 30px;
	padding-top: 5px;
	font-weight: bold;
	margin-bottom: 0px;
}

.form-flow-number li.flow-number .flow-number-mark.select {
	background-color: #009933;
	color: #FFFFFF;
}

.form-flow-number li.flow-number .flow-number-mark.select.end {
	background-color: #99CC00;
}

.form-flow-bar {
	display: flex;
	align-items: center;
	list-style-type: none;
	padding: 0px;
	position: absolute;
	top: 14px;
	width: 100%;
	margin: 0px;
	z-index: 1;
}

.form-flow-bar li.flow-bar {
	height: 3px;
	width: auto;
	background-color: #CCCCCC;
	flex-shrink: 0;
}

.form-flow-bar li.flow-bar.select {
	background-color: #009933;
}

.form-flow-bar li.flow-bar.select.end {
	background-color: #99CC00;
}

.form-flow-text {
	display: flex;
	align-items: center;
	list-style-type: none;
	text-align: center;
	margin-top: 0px;
	margin-right: 15px;
	margin-bottom: 0px;
	margin-left: 15px;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.form-flow-text li.flow-text-space {
	flex: 1;
	flex-shrink: 0;
}

.form-flow-text li.flow-text {
	flex-basis: 150px;
	flex-shrink: 0;
	text-align: center;
	color: #999999;
	font-size: 13px;
	line-height: 1.3em;
	padding: 5px;
	border: 2px solid #CCCCCC;
	background-color: #FFFFFF;
	border-radius: 5px;
}

.form-flow-text li.flow-text.select {
	color: #333333;
	font-weight: bold;
	border: 2px solid #009900;
	background-color: #FFFFCC;
}

.form-flow-text li.flow-text.select.end {
	opacity: 0.5;
}

/* flex */
.form-2flex {
	display: flex;
	align-items: center;
	width: 100%;
	justify-content: space-between;
	margin-bottom: 15px;
	flex-wrap: wrap;
}

.form-2flex .form-2flex-item {
	padding-right: 3px;
	padding-left: 3px;
	width: 50%;
	padding-bottom: 5px;
}

.form-3flex {
	display: flex;
	align-items: center;
	width: 100%;
	justify-content: space-between;
}

.form-3flex .form-3flex-item {
	padding-right: 3px;
	padding-left: 3px;
	width: 33.333%;
}

.form-4flex {
	display: flex;
	align-items: center;
	width: 100%;
	justify-content: space-between;
	margin-bottom: 15px;
}

.form-4flex .form-4flex-item {
	padding-right: 3px;
	padding-left: 3px;
	width: 25%;
}

.search-control {
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	padding-bottom: 10px;
	margin-bottom: 20px;
}

.search-control .ctext {
	font-size: 16px;
	flex: 1;
	padding-left: 15px;
}

.search-control .cpanel {
	display: flex;
	flex: 1;
	justify-content: right;
}

.search-control .cpanel .input-group {
	margin-left: 5px;
}

#wrap {
	padding-top: 67px;
}

/* content */
#content {
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 20px;
	padding-right: 10px;
	padding-left: 10px;
}

#content .content-flex {
	display: flex;
}

#content.content-center {
	display: flex;
	align-items: center;
	justify-content: center;
	padding-top: 20px;
}

.content-flex .top-flex-left {
	flex: 1;
	margin-right: 20px;
}

.content-flex .top-flex-right {
	flex-basis: 380px;
}

/* footer */
#footer {
	width: 100%;
	background-color: #FFFFFF;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #99CC00;
}

#footer .copyright {
	font-size: 12px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-right: auto;
	margin-left: auto;
	display: block;
	text-align: center;
	color: #333333;
}

/* page-top */
.page-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	font-size: 60%;
	z-index: 200;
}

.page-top a {
	text-decoration: none;
	color: #fff !important;
	text-align: center;
	display: block;
	background-color: #009900;
	line-height: 0;
	border: 2px solid #FFF;
	height: 35px;
	width: 35px;
	border-radius: 50%;
}

.page-top a .fas {
	font-size: 20px;
	margin-bottom: 2px;
}

/* .page-top a br {
} */
.page-top a:hover,
.page-top a:focus {
	text-decoration: none;
	background-color: #999999;
	color: #FFF !important;
}

/* page */
.page-block {
	margin-bottom: 10px;
	width: 100%;
}

.page-half {
	min-width: 520px;
	max-width: 520px;
	margin-left: auto;
	margin-right: auto;
}

.page-block .page-title-small {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 10px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #009900;
}

.page-block .page-title-small h2 {
	font-size: 20px;
	margin-bottom: 10px;
	color: #333333;
	font-weight: bold;
}

.page-block .page-title-small h2 .fas {
	margin-right: 3px;
}

.page-textbox {
	border: 1px solid #CCCCCC;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
	margin-bottom: 20px;
	border-radius: 5px;
}

.page-textbox-bg-gray {
	background-color: #F7F7F7;
}

.page-textbox-bg-red {
	background-color: #fce2e2;
	border: 1px solid #ff6666;
}

.page-textbox-bg-note {
	background-color: #FFFFCC;
	border: 1px solid #ffcc00;
}

.page-textbox-bg-yellow {
	background-color: #FFFFCC;
}

.page-bar-title {
	font-size: 18px;
	font-weight: bold;
	padding-left: 5px;
	margin-bottom: 15px;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #009900;
	margin-top: 10px;
}

/* card */
.card {
	border: none;
}

.card-header-flex {
	display: flex;
	align-items: center;
	justify-content: space-between;
	background-color: #99CC00;
	color: #FFFFFF;
	padding: 8px;
	border-bottom: none;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #99CC00;
	border-right-color: #99CC00;
	border-left-color: #99CC00;
}

.card-header-flex .btn {
	font-size: 15px;
}

.card-header-flex .btn .fas {
	padding-right: 3px;
}

.card-htitle {
	font-size: 1.25rem;
	margin-top: 0px;
	margin-bottom: 0px;
	color: #FFFFFF;
	padding: .25rem .5rem;
	display: flex;
	align-items: center;
	font-weight: bold;
}

.card-htitle .fas,
.card-htitle .material-icons {
	margin-right: 5px;
}

.card-header-white {
	justify-content: flex-start;
	background-color: #FFFFFF;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: rgba(0, 0, 0, .125);
	border-right-color: rgba(0, 0, 0, .125);
	border-left-color: rgba(0, 0, 0, .125);
}

.card-header-white .card-htitle {
	color: #333333;
	font-size: 1rem;
}

.card-header-white .badge {
	font-size: 12px;
	margin-right: 10px;
}

.card-header-white .date {
	color: #333333;
	font-size: 14px;
	margin-right: 10px;
}

.card-body {
	padding: 15px !important;
	border: 2px solid #99CC00;
}

.card-body .pickup {
	border-color: #ff1493;
}

.pickup-border {
	border: 2px solid #dc3545 !important;
}

.card-footer {
	background-color: #FFFFFF;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #99CC00;
	border-bottom-color: #99CC00;
	border-left-color: #99CC00;
	border-top: none;
}

.card-footer.text-center {
	display: flex;
	align-items: center;
	justify-content: center;
}

.card-footer.text-center .btn {
	margin-right: 2px;
	margin-left: 2px;
	border-color: #FFFFFF;
}

.card .pickup-bg {
	background-color: #ffc0cb;
}

/* info */
.info-box {
	height: 120px;
	width: 100%;
	overflow-y: scroll;
	padding: 10px !important;
}

.info-box .info-item {
	margin-bottom: 10px;
	padding-right: 20px;
	display: flex;
	font-size: 14px;
}

.info-box .info-item .date {
	white-space: nowrap;
	padding-right: 10px;
	flex-basis: 120px;
}

.info-box .info-item .text {
	flex: 1;
}

.menu-box {
	background-color: #99CC00 !important;
	display: flex;
	align-items: center;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
	border-radius: .25rem;
}

.menu-box .menu-box-item {
	flex-shrink: 0;
	flex-basis: 33.333%;
}

.menu-box .menu-box-item a {
	background-color: #FFFFFF;
	display: block;
	text-align: center;
	border-radius: 5px;
	box-shadow: 2px 2px #009900;
	display: flex;
	margin-right: 5px;
	margin-left: 5px;
}

.menu-box .menu-box-item img {
	height: auto;
	width: 35px;
	margin-top: 3px;
	margin-right: 7px;
	margin-bottom: 3px;
	margin-left: 7px;
}

.menu-box .menu-box-item h4 {
	font-size: 18px;
	color: #333333;
	font-weight: bold;
	flex: 1;
	text-align: left;
	padding-right: 15px;
	padding-left: 15px;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #339900;
	margin: 0px;
	padding-top: 11px;
}

.menu-box .menu-box-item a:hover,
.menu-box .menu-box-item a:focus {
	opacity: 0.5;
	text-decoration: none;
}

.ch-tab {
	width: 100%;
	display: flex;
}

.ch-tab .ch-tab-item {
	flex: 2;
	height: auto !important;
	/* flex-shrink: */
}

.ch-tab .ch-tab-item a {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #333333;
	background-color: #FFFFFF;
	font-size: 16px;
	font-weight: bold;
	border-radius: 5px 5px 0px 0px;
	height: 100%;
}
.ch-tab .ch-tab-item a.ch-tab-asmall {
	font-size: 14px;
	text-align: center;
	white-space: nowrap;
}

.ch-tab .ch-tab-item:last-child a {
	margin-right: 0px;
}

.ch-tab .ch-tab-item.select a {
	background-color: #99CC00;
	text-align: center;
	color: #FFFFFF;
}

.ch-tab .ch-tab-item.active a {
	background-color: #99CC00;
	text-align: center;
	color: #FFFFFF;
}

.ch-tab .ch-tab-item.active.pickup a {
	background-color: #ff1493;
}

.ch-tab .ch-tab-item a .fas {
	margin-right: 3px;
}

.ch-tab-sf {
	display: none;
	margin-bottom: 5px;
}

.ch-tab-sf .list-group-item {
	font-size: 16px;
	font-weight: bold;
}

.ch-tab-sf .list-group-item.active {
	background-color: #99CC00;
	border-color: #99CC00;
}

.ch-tab-sf .list-group-item.active.pickup {
	background-color: #ff1493;
	border-color: #ff1493;
}

.ch-tab-sf .list-group-item .fas {
	margin-right: 3px;
}

.download-box {
	padding: 10px !important;
}

.list-box {
	border: 2px solid #99CC00;
	background-color: #FFFFFF;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
}

.list-table {
	padding-top: 10px;
	padding-bottom: 10px;
}

.list-table table {
	border-top-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #99CC00;
	border-left-color: #99CC00;
	height: auto;
	width: 100%;
}

.list-table table th,
.list-table table td {
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #99CC00;
	border-bottom-color: #99CC00;
	padding: 5px;
	background-color: #FFFFFF;
}

.list-table table tr:nth-child(2n+1) {
	background: rgba(0, 0, 0, .02);
}

.table-head01 th {
	text-align: center;
	background-color: #CCFF99 !important;
	font-size: 16px;
}

.table-head02 th {
	text-align: center;
	background-color: #CCFFCC !important;
}

.table-head03 th {
	text-align: center;
	background-color: #00CC00 !important;
	color: #FFFFFF;
}

.list-table .add-button {
	font-size: 18px;
	color: #0099FF;
}

.list-table .add-button:hover,
.list-table .add-button:focus {
	opacity: 0.5;
	text-decoration: none;
}

.student-tab {
	margin-bottom: 20px;
}

.student-tab .list-group {
	width: 100%;
	font-weight: 600;
}

.student-tab .list-group .list-group-item {
	flex: 1;
	text-align: center;
	font-size: 16px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.student-tab .list-group .list-group-item.active {
	background-color: #009900;
	border-top-color: #009900;
	border-right-color: #009900;
	border-bottom-color: #009900;
	border-left-color: #009900;
}

.ch-control {
	display: flex;
	align-items: center;
}

.ch-control .ch-control-left {
	flex: 1;
	text-align: center
}

.pagination {
	justify-content: center;
	margin-bottom: 0px;
}

.pagination .page-item.active .page-link {
	background-color: #009900;
	border-top-color: #009900;
	border-right-color: #009900;
	border-bottom-color: #009900;
	border-left-color: #009900;
}

.ch-control .ch-control-right {
	display: flex;
	align-items: center;
}

.ch-control .ch-control-right .input-group {
	margin-left: 10px;
}

.control-flex {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.control-flex .form-control {
	font-size: .875rem;
}

.download-list {
	height: auto;
	width: 100%;
	margin-top: 15px;
	/* overflow-y:scroll; */
	min-height: 235px;
	position: relative;
}

.download-flex {
	background-image: url(/img/books-back.png);
	background-repeat: repeat;
	background-position: 0px 0px;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	min-height: 250px;
}

.download-flex .download-flex-item {
	min-height: 250px;
	width: 270px;
	height: auto;
	margin-left: 10px;
	margin-right: 10px;
}

.download-flex .download-flex-item .textbox {
	margin-top: 20px;
	height: 60px;
	width: 240px;
	margin-right: auto;
	margin-left: auto;
	display: flex;
	align-items: flex-end;
}

.download-flex .download-flex-item .text {
	display: block;
}

.download-flex .download-flex-item .text h5 {
	font-size: 18px;
	font-weight: bold;
	text-align: left;
	width: 100%;
	color: #333333;
	margin-bottom: 5px;
}

.download-flex .download-flex-item .text h5 .fas {
	font-size: 22px !important;
	color: #0099FF !important;
	margin-right: 3px;
	background-color: #FFFFFF;
	border-radius: 50%;
}

.download-flex .download-flex-item .text:hover,
.download-flex .download-flex-item .text:focus {
	text-decoration: none;
}

.download-flex .download-flex-item .text:hover h5,
.download-flex .download-flex-item .text:focus h5 {
	/* opacity: 0.5; */
	text-decoration: none;
}

.download-flex .download-flex-item .box {
	display: block;
	width: 240px;
	height: auto;
	position: relative;
	margin-right: auto;
	margin-left: auto;
}

.download-flex .download-flex-item .box:hover,
.download-flex .download-flex-item .box:focus {
	text-decoration: none;
	outline: 3px solid #000000;
}

/*
.download-flex .download-flex-item .box .tablet {
	width: 100%;
	height: 160px;
	border-radius: 8px;
	background: rgb(51,51,51);
	background: linear-gradient(0deg, rgba(51,51,51,1) 0%, rgba(0,0,0,1) 0%, rgba(204,204,204,1) 100%);
	border: 1px solid #999999;
}
*/
.download-flex .download-flex-item .box .tablet {
	width: 100%;
	height: 160px;
	background: rgb(51, 51, 51);
	background: linear-gradient(0deg, rgba(51, 51, 51, 1) 0%, rgba(0, 0, 0, 1) 0%, rgba(204, 204, 204, 1) 100%);
	padding: 0px;
	box-shadow: 2px 2px 4px #666666;
}

.download-flex .download-flex-item .box .tablet .tablet-in {
	background-color: #FFFFFF;
	height: 160px;
	text-align: center;
}

.download-flex .download-flex-item .box .tablet .tablet-in img {
	height: 100%;
	width: auto;
}

.download-flex .download-flex-item .box .mark-box {
	position: absolute;
	left: 0px;
	top: 0px;
}

.download-flex .download-flex-item .box .mark-box .mark-box-item:last-child {}

.download-flex .download-flex-item .box .mark-box .mark-box-item .mark-red,
.download-flex .download-flex-item .box .mark-box .mark-box-item .mark-blue {
	height: auto;
	width: auto;
	text-align: center;
	/* opacity:0.8; */
}

.card-download-textbox {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
}

.card-download-textbox .card-body {
	display: flex;
}

.card-download-textbox .card-body .icon {
	font-size: 20px;
	color: #FF3300;
	padding-right: 15px;
}

.card-download-textbox .card-body .text {
	flex: 1;
}

.bt-box-right {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.bt-box-right .btn {
	margin-left: 5px;
}

.search-button {
	margin-bottom: 5px;
	display: flex;
}

.search-button .btn {
	margin-left: 5px;
}

.kiyaku-texbox {
	width: 100%;
	height: 200px;
	overflow-y: scroll;
	border: 1px solid #CCCCCC;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 10px;
	margin-bottom: 10px;
}

.form-hr {
	height: 0px;
	width: 100%;
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dotted;
	border-left-style: none;
	border-bottom-color: #CCCCCC;
}

.license-box {
	border: 1px solid rgba(0, 0, 0, .125);
	border-radius: 5px;
	margin-bottom: 10px;
}

.lb-flexbox {
	display: flex;
}

.lb-flexbox .lb-flex-box-left {
	display: flex;
	align-items: center;
	padding-right: 10px;
	padding-left: 10px;
	background-color: rgba(0, 0, 0, .125);
}

.lb-flexbox .lb-flex-box-left .form-check-inline {
	background-color: #FFFFFF;
	border-top-width: 2px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
}

.lb-flexbox .lb-flex-box-center {
	flex: 1;
	padding: 5px;
	display: flex;
	align-items: center;
}

.lfb-conter-left,
.lfb-conter-right {
	flex: 1;
}

.lfb-conter-left {
	margin-right: 5px;
}

.lfb-conter-table {
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: rgba(0, 0, 0, .125);
	border-left-color: rgba(0, 0, 0, .125);
	height: auto;
	width: 100%;
}

.lfb-conter-table th,
.lfb-conter-table td {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: rgba(0, 0, 0, .125);
	border-bottom-color: rgba(0, 0, 0, .125);
	padding: 5px;
	background-color: #FFFFFF;
}

.lfb-conter-table th {
	background-color: #F1F1F1;
}

.lb-flexbox .lb-flex-box-right {
	display: flex;
	align-items: center;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: rgba(0, 0, 0, .125);
	padding-right: 10px;
	padding-left: 10px;
}

.license-plus {
	margin-bottom: 10px;
	text-align: center;
}

.license-plus a {
	display: inline-block;
	font-size: 30px;
	color: #0066CC;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}

.license-plus a:hover,
.license-plus a:focus {
	opacity: 0.5;
	text-decoration: none;
}

.lfb-right-table {
	width: 100%;
}

.lfb-right-table th,
.lfb-right-table td {
	padding: 8px;
}

.lfb-right-table .head th,
.lfb-right-table .head td {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: rgba(0, 0, 0, .125);
	background-color: #F1F1F1;
}

.lfb-right-table .item th,
.lfb-right-table .item td {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: rgba(0, 0, 0, .125);
	background-color: #FFFFFF;
}

.modal-header {
	background-color: #E6F9FF;
}

.modal-header .modal-title {
	font-size: 1.25rem;
	font-weight: bold;
}

.modal-header .modal-title .fas {
	margin-right: 5px;
	color: #0099FF;
}

.modal-header-red {
	background-color: #FFE6E6;
}

.modal-header-red .modal-title .fas {
	color: #FF0000;
}

.modal-header-orange {
	background-color: #FFE4BD;
}

.modal-header-orange .modal-title .fas {
	color: #FF6600;
}

.modal-hmiddle {
	display: flex;
	align-items: center;
	min-height: 100%;
}

.subject-tab {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	display: flex;
	align-items: center;
	flex-wrap: wrap;

}

.subject-tab li {
	padding-right: 10px;
}

.subject-tab li .btn-subject {
	background-color: #999999;
	background-image: none;
	box-shadow: none;
	border: 1px solid #999999;
	color: #FFFFFF;
}

.subject-tab li .btn-subject.all.active {
	background-color: #99cc00;
	border: 1px solid #99cc00;
}

.subject-tab li .btn-subject.kokugo.active {
	background-color: #ff0000;
	border: 1px solid #ff0000;
}

.subject-tab li .btn-subject.sansu.active {
	background-color: #0095ff;
	border: 1px solid #0095ff;
}

.subject-tab li .btn-subject.rika.active {
	background-color: #00b050;
	border: 1px solid #00b050;
}

.subject-tab li .btn-subject.syakai.active {
	background-color: #ff822d;
	border: 1px solid #ff822d;
}

.subject-tab li .btn-subject.eigo.active {
	background-color: #ffff00;
	border: 1px solid #ffff00;
	color: #333333;
}

.subject-tab li .btn-subject.kikan.active {
	background-color: #7030a0;
	border: 1px solid #7030a0;
}

.subject-tab li .btn-subject.all.active {
	background-color: #99cc00;
	border: 1px solid #99cc00;
}

.eduinfo-title {
	border-radius: 5px;
	padding: 5px;
	text-align: center;
}

.eduinfo-title h2 {
	font-size: 1.4em;
	font-weight: bold;
}

.eduinfo-title h3 {
	font-size: 0.9em;
}

.eduinfo-notice {
	background-color: #ffffff;
	border-radius: 5px;
	padding: 5px;
}

.eduinfo-tab {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	display: flex;
	align-items: center;
	flex-wrap: wrap;

}

.eduinfo-tab li {
	padding-right: 10px;
}

.eduinfo-tab li .btn-eduinfo {
	background-color: #999999;
	background-image: none;
	box-shadow: none;
	border: 1px solid #999999;
	color: #FFFFFF;
}

.eduinfo-tab li .btn-eduinfo.event {
	background-color: hwb(43 0% 0%);
	background-image: none;
	box-shadow: none;
	border: 1px solid #999999;
	color: #FFFFFF;
}

.eduinfo-tab li .btn-eduinfo.education {
	background-color: hsl(254, 100%, 50%);
	background-image: none;
	box-shadow: none;
	border: 1px solid #999999;
	color: #FFFFFF;
}

.eduinfo-tab li .btn-eduinfo.active {
	background-color: #99cc00;
	border: 1px solid #99cc00;
}

.eduinfo-tab li .btn-eduinfo.all.active {
	background-color: #99cc00;
	border: 1px solid #99cc00;
}

.eduinfo-tab li .btn-eduinfo.event.active {
	background-color: #ff0000;
	border: 1px solid #ff0000;
}

.eduinfo-tab li .btn-eduinfo.education.active {
	background-color: #0095ff;
	border: 1px solid #0095ff;
}

.eduinfo-tab li .btn-eduinfo.all.active {
	background-color: #99cc00;
	border: 1px solid #99cc00;
}

.eduinfo-lists .card-body {
	margin-top: 10px !important;
	border-radius: 10px;
	border: 0px solid #d3b0b0;
	background-color: #f7f5f6;
}

.eduinfo-lists .card-body .new-symbol {
	font-size      : 0.8em;
	font-weight: bold;
	background-color: #ff0000;
	letter-spacing : -1px;
	line-height    : 1;
	color          : #ffffff; 
	padding  :1px 3px 1px 3px;
	margin-right: 4px;
	/* vertical-align : top;  */
}

.eduinfo-lists .bg-topic{
	margin-top: 0px !important;
	background-color: #ffe4e4 !important;
}

.eduinfo-lists .bg-event{
	background-color: #0095ff !important;
}

.eduinfo-lists .bg-education{
	background-color: #ffc400 !important;
}

.eduinfo-lists li{
	list-style-type: none;
}

.c-kokugo {
	background-color: #ff0000;
	border: 1px solid #ff0000;
}

.c-sansu {
	background-color: #0095ff;
	border: 1px solid #0095ff;
}

.c-rika {
	background-color: #00b050;
	border: 1px solid #00b050;
}

.c-syakai {
	background-color: #ff822d;
	border: 1px solid #ff822d;
}

.c-eigo {
	background-color: #ffff00;
	color: #333333;
}

.c-kikan {
	background-color: #7030a0;
	border: 1px solid #7030a0;
}

.c-grade1 {
	background-color: #ff0000;
	border: 1px solid #ff0000;
}

.c-grade2 {
	background-color: #0095ff;
	border: 1px solid #0095ff;
}

.c-grade3 {
	background-color: #00b050;
	border: 1px solid #00b050;
}

.c-grade4 {
	background-color: #ff822d;
	border: 1px solid #ff822d;
}

.c-grade5 {
	background-color: #ffff00;
	color: #333333;
}

.c-grade6 {
	background-color: #7030a0;
	border: 1px solid #7030a0;
}

/* add-20220207 */

.btn-orange {
	background-color: #FF9900;
	background-image: none;
	box-shadow: none;
	border: 1px solid #FF9900;
	color: #FFFFFF;
}

.btn-orange:hover,
.btn-orange:focus {
	color: #FFFFFF;
	opacity: 0.5;
}

.btn-red {
	background-color: #FF0000;
	background-image: none;
	box-shadow: none;
	border: 1px solid #FF0000;
	color: #FFFFFF;
}

.btn-red:hover,
.btn-red:focus {
	color: #FFFFFF;
	opacity: 0.5;
}

.h-btn {
	flex: 2;
	text-align: right;
}

.h-btn .btn {
	display: inline-block;
}

.page-block .page-title-box {
	display: flex;
	justify-content: space-between;
	margin-bottom: 10px;
	background-color: #FFFFFF;
	border: 2px solid #009900;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
}

.page-title-box-left {
	flex: 1;
}

.page-title-box-left h2 {
	font-size: 20px;
	margin-bottom: 10px;
	color: #333333;
	font-weight: bold;
}

.page-title-box-left h2 .fas {
	margin-right: 3px;
}

.page-title-box-left .page-title-sub {
	font-size: 16px;
	font-weight: normal;
	margin-top: 10px;
}

.page-title-img {
	margin-left: 15px;
}

.page-title-img img {
	max-height: 180px;
	height: auto;
	max-width: 100%;
}

.page-title-box-left .page-title-data {
	background-color: #99CC00;
	color: #FFFFFF;
	margin-top: 70px;
	display: flex;
	align-items: center;
	font-size: 16px;
	font-weight: bold;
	padding: 10px;
}

.page-title-box-left .page-title-data .data-item {
	margin-right: 20px;
}

.page-title-box-left .page-title-data .data-item:last-child {
	margin-right: 0px;
}

.ctextbox {
	margin-bottom: 10px;
}

.ctextbox .card-header {
	background-color: #009900;
}

.ctextbox .card-header .far {
	margin-right: 3px;
}

.ctextbox .card-htitle {
	font-size: 16px;
}

.ctextbox .card-body {
	border: 2px solid #009900;
}

.download-item-title {
	background-color: #009900;
	color: #FFFFFF;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
	font-size: 16px;
	margin-bottom: 5px;
}

.form-check-flex {
	display: flex;
	align-items: center;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
}

.form-check-flex .form-check {
	flex: 1;
	padding: 0px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	text-align: center;
}

.form-check-flex .form-check-input {
	display: none;
}

.form-check-flex .form-check-label {
	background-color: #FFFFF;
	height: auto;
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
	font-weight: bold;
	color: #666666;
}

.form-check-flex .form-check-input:checked+.form-check-label {
	background-color: #FF0000;
	color: #FFFFFF;
}

.list-table .btn-box {
	display: flex;
	align-items: center;
	justify-content: center;
}

.list-table .btn-box .btn {
	margin-left: 2px;
	margin-right: 2px;
}

.plane-table {
	border-top-style: none !important;
	border-right-style: none !important;
	border-bottom-style: none !important;
	border-left-style: none !important;
	height: auto;
	width: 100%;
}

.plane-table th,
.plane-table td {
	border-top-style: none !important;
	border-right-style: none !important;
	border-bottom-style: none !important;
	border-left-style: none !important;
	font-weight: normal !important;
	padding: 5px;
	text-align: center;
}

.btn-movie {}

.btn-movie p {
	font-size: 12px;
	color: #666666;
	margin-top: 5px;
	margin-bottom: 0px;
}

/* add20220422 */
.gray-table {
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #c3c3c3;
	border-left-color: #c3c3c3;
	height: auto;
	width: auto;
	margin-bottom: 10px;
}

.gray-table th,
.gray-table td {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #c3c3c3;
	border-bottom-color: #c3c3c3;
	padding: 10px;
	background-color: #FFFFFF;
}

.gray-table th {
	background-color: #E3E3E3;
}

.gray-table td {}

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


	/* header */
	#h-box {
		flex-wrap: wrap;
		padding-bottom: 0px;
		padding-right: 0px;
	}

	.h-logo {
		flex-basis: 100%;
		margin-bottom: 5px;
	}

	.h-logo a {
		display: block;
		width: 240px;
		height: auto;
	}

	.h-logo a img {
		width: 240px;
		height: auto;
	}

	.h-logo a .sub {
		display: block;
		padding-top: 10px;
		text-align: center;
	}

	.h-login {
		margin-left: 0px;
		margin-top: 0px;
		margin-bottom: 0px;
		flex-shrink: 0;
		flex-basis: 100%;
		padding-top: 5px;
		padding-bottom: 10px;
		justify-content: center;
	}

	#wrap {
		padding-top: 150px;
	}

	#wrap.nologin {
		padding-top: 67px;
	}

	/* form */
	.form-inline .input-group:first-child {
		margin-top: 0px;
	}

	.form-inline .input-group:last-child {
		margin-bottom: 0px;
	}

	.form-inline .form-text.form-text-sleft {
		margin-left: 0px;
	}

	.form-inline .input-length-pc150 {
		width: 100%;
	}

	.form-inline .input-length-pc200 {
		width: 100%;
	}

	.form-inline .input-length-pc300 {
		width: 100%;
	}

	.form-inline .input-length-pc350 {
		width: 100%;
	}

	.form-inline .input-length-pc500 {
		width: 100%;
	}

	.form-inline .input-group .input-length-pc150 {
		width: auto;
	}

	.form-inline .input-group .input-length-pc200 {
		width: auto;
	}

	.form-inline .input-group .input-length-pc300 {
		width: auto;
	}

	.form-inline .input-group .input-length-pc350 {
		width: auto;
	}

	.form-inline .input-group .input-length-pc500 {
		width: auto;
	}

	.form-inline textarea.input-length-pc500 {
		width: 100%;
	}

	.form-cr-inline-end {
		margin-top: 10px;
		margin-left: 0px;
	}

	.form-inline .input-group {
		margin-right: 0px;
		width: 100%;
	}

	.form-2flex {
		flex-wrap: wrap;
	}

	.form-2flex .form-2flex-item {
		padding-right: 0px;
		padding-left: 0px;
		width: 100%;
	}

	.form-3flex {
		flex-wrap: wrap;
	}

	.form-3flex .form-3flex-item {
		padding-right: 0px;
		padding-left: 0px;
		width: 100%;
	}

	.form-4flex {
		flex-wrap: wrap;
	}

	.form-4flex .form-4flex-item {
		padding-right: 0px;
		padding-left: 0px;
		width: 100%;
	}

	.search-control {
		flex-wrap: wrap;
	}

	.search-control .ctext {
		flex-basis: 100%;
		text-align: center;
		margin-bottom: 10px;
	}

	.search-control .cpanel {
		flex-wrap: wrap;
	}

	.search-control .cpanel .input-group {
		flex-basis: 100%;
		margin-bottom: 5px;
	}

	/* flow */
	.form-flow {
		display: flex;
		justify-content: center;
	}

	.form-flow-left {
		flex-basis: 30px;
	}

	.form-flow-right {
		flex: 1;
	}

	.form-flow-in {
		width: 30px;
		height: auto;
		margin-right: 0px;
		margin-left: 0px;
	}

	.form-flow-number {
		display: block;
	}

	.form-flow-number li.flow-number-space {
		height: 10px;
	}

	.form-flow-number li.flow-number {
		flex-basis: 30px;
		flex-shrink: 0;
	}

	.form-flow-bar {
		display: block;
		left: 14px;
	}

	.form-flow-bar li.flow-bar {
		height: auto;
		width: 3px;
		height: 40px;
	}

	.form-flow-text {
		display: block;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
		margin-left: 2px;
		padding-top: 0px;
	}

	.form-flow-text li.flow-text-space {
		height: 10px;
	}

	.form-flow-text li.flow-text {
		width: 100%;
		text-align: left;
	}

	.info-box .info-item {
		display: block;
	}

	.info-box .info-item .date {
		margin-bottom: 3px;
	}

	/* .info-box .info-item .text {

} */

	.menu-box {
		display: block;
		padding-right: 10px;
		padding-left: 10px;
	}

	.menu-box .menu-box-item {
		padding-right: 0px;
		padding-bottom: 10px;
		padding-left: 0px;
	}

	.ch-tab {
		display: none;
	}

	.ch-tab-sf {
		display: block;
	}

	.ch-tab .eduinfo-bg-event {
		background-color: #99CC00;
	}

	.ch-control {
		display: block;
	}

	.ch-control .ch-control-left {
		width: 100%;
		text-align: center;
		margin-bottom: 5px;
	}

	.ch-control .ch-control-left .pagination {
		justify-content: center;
		margin-bottom: 0px;
	}

	.ch-control .ch-control-right {
		display: block;
	}

	.ch-control .ch-control-right .input-group {
		margin-bottom: 5px;
		margin-left: 0px;
	}

	.control-flex {
		display: block;
	}

	.control-flex .bt-box-left {
		margin-bottom: 10px;
	}

	.download-list {
		background-repeat: repeat-y;
		background-position: 0px 0px;
		height: auto;
		width: 100%;
		margin-top: 15px;
		overflow: visible;
	}

	.list-table {
		overflow: auto !important;
		overflow-x: auto;
		width: 100%;
	}

	.list-table .table-scroll {
		min-width: 700px;
	}

	.page-half {
		min-width: auto !important;
		width: 100%;
	}

	.form-block .row .form-label {
		justify-content: flex-start;
	}

	.search-button {
		display: flex;
		align-items: center;
		justify-content: center;
		margin-bottom: 0px;
	}

	.search-button .btn {
		margin-left: 5px;
	}

	.btn-serial-box {
		display: flex;
		justify-content: flex-end;
		align-items: center;
		padding-bottom: 10px;
	}

	.card-download-textbox {
		width: 80%;
	}

	.license-flex {
		flex-wrap: wrap;
	}

	.license-flex .top-flex-left {
		flex-basis: 100%;
		margin-right: 0px;
	}

	.license-flex .top-flex-right {
		flex-basis: 100%;
	}

	.subject-tab li {
		padding-right: 5px;
		padding-bottom: 5px;
	}

}

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

	.download-flex {
		justify-content: center;
	}

}

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

	#wrap {
		padding-top: 170px;
	}

	#wrap.nologin {
		padding-top: 67px;
	}

}

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

	.download-flex .download-flex-item {
		width: 25%;
		height: auto;
		margin-left: 0px;
		margin-right: 0px;
	}

}

@media screen and (min-width:993px) and (max-width:1044px) {

	.download-flex .download-flex-item .textbox {
		margin-top: 25px;
		height: 65px;
		width: 225px;
	}

	.download-flex .download-flex-item .box {
		width: 225px;
	}

	.download-flex .download-flex-item .box .tablet {
		height: 150px;
	}

	.download-flex .download-flex-item .box .tablet .tablet-in {
		height: 150px;
	}

}

/* add 202211 */
.other-login-box {
	flex-basis: 100%;
	margin: 15px;
	margin-bottom: 0px;
	padding-top: 15px;
	border-top: solid 1px #99CC00;
}

.other-login-box .other-login-title {
	display: block;
	font-size: 18px;
	font-weight: 600;
	text-align: center;
	color: #333;
	line-height: 1.6em;
	padding-bottom: 15px;
}

.other-login-box .other-login-text {
	display: block;
	text-align: center;
	padding-bottom: 15px;
}

.other-login-box .other-login-item {
	padding-bottom: 5px;
}

.other-login-box .other-login-item:last-child {
	padding-bottom: 0px;
}

.other-login-box .other-login-item a {
	display: flex;
	align-items: center;
	font-size: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
	border: solid 1px #99CC00;
	border-radius: 5px;
}

.other-login-box .other-login-item a:hover,
.other-login-box .other-login-item a:focus {
	opacity: 0.5;
	text-decoration: none;
	background-color: #F5F5F5;
}

.other-login-box .other-login-item a .img {
	display: block;
	width: 30px;
	height: 30px;
	margin-right: 10px;
}

.other-login-box .other-login-item a .img img {
	width: 20px;
	height: 20px;
	margin: 5px;
}

.other-login-box .other-login-item a .text {
	flex: 1;
	font-weight: 500;
	color: #333;
	text-decoration: none;
}

.download-flex-item {
	position: relative;
}

.download-flex-item a .mark-brbox {
	position: absolute;
	right: 0px;
	bottom: 0px;
	display: flex;
	align-items: center;
}

.download-flex-item a .mark-brbox .mark-test {
	font-size: 13px;
	color: #FFF;
	background-color: #33cc00;
	padding: 2px;
	padding-left: 12px;
	padding-right: 12px;
	margin-left: 5px;
	border-radius: 3px;
	box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.45);
}

.download-flex-item a+.mark-heart {
	width: 24px;
	height: 24px;
	margin-left: 5px;
	padding: 1px;
	position: absolute;
	bottom: 12px;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
}

.download-flex-item a+.mark-heart a {
	margin-left: -110px;
	width: 22px;
	height: 22px;
	background-image: url(/svg/mark-heart.svg);
	background-repeat: no-repeat;
	display: block;
}

.download-flex-item .mark-heart a:hover,
.download-flex-item .mark-heart a:focus {
	opacity: 0.5;
	text-decoration: none;
}

.download-flex-item .mark-heart img {
	width: 22px;
	height: 22px;
	display: none;
}

.download-flex-item a+.mark-heart.bookmark-on a {
	background-image: url(/svg/mark-heart-selected.svg);
	background-repeat: no-repeat;
	display: block;
}

.favorite {
	margin-top: 20px;
}

.favorite .favorite-title {
	font-size: 16px;
	color: #FFF;
	font-weight: 600;
	padding: 5px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 8px;
	background-color: #99CC00;
	margin: 0px;
	border-radius: 5px 5px 0px 0px;
}

.favorite-box {
	width: 100%;
	height: auto;
	border: solid 2px #99CC00;
	background-color: #FFF;
}

.favorite-box .favorite-box-in {
	padding-left:10px;
	max-height: 192px;
	overflow-y: auto;
}
.favorite-box .favorite-box-inin {
	display: flex;
	flex-wrap: wrap;
	padding-bottom: 10px;
	scrollbar-gutter: stable;
}

.favorite-box .favorite-box-in.f-sf-new {
	display: none;
}
@media screen and (max-width: 992px) {

	.favorite-box .favorite-box-in.f-pc-new {
		display: none;
	}

	.favorite-box .favorite-box-in.f-sf-new {
		display: inherit;
		max-height: 192px !important;
		overflow-y: auto;
	}
	.favorite-box .favorite-box-inin {
		display: block;
	}
}

 /* .showblock {
	animation: scroll-anim linear;
	animation-timeline: view();
	animation-range: entry 0% contain 5%;
  }

  @keyframes scroll-anim {
	from {
	  opacity: 0;
	  scale: 0.5;
	}
	to {
	  opacity: 1;
	  scale: 1;
	}
  }
 */ 

.favorite-item {
	flex-basis: 25%;
	height: 72px;
	position: relative;
	margin-top: 18px;
	background-color: #FFF;
}

.favorite-item a {
	display: flex;
	border: solid 1px #DDD;
	padding: 3px;
	margin-right: 16px;
	height: 100%;
}

.favorite-item a:hover,
.favorite-item a:focus {
	opacity: 0.5;
	text-decoration: none;
}

.favorite-item .favorite-item-img {
}

.favorite-item .favorite-item-img img {
	width: auto;
	height: 60px;
}

.favorite-item .favorite-item-text {
	font-size: 12px;
	color: #444;
	flex: 1;
	padding: 5px;
}
@media screen and (min-width:993px) and ( max-width:1200px) {
	.favorite-item .favorite-item-img img {
		height: 45px;
	}
	
	.favorite-item .favorite-item-text {
		font-size: 11px;
		padding: 3px;
	}

}
.favorite-item .favorite-close {
	position: absolute;
	top: -8px;
	right: -12px;
	padding: 4px;
	border: none;
	width: 30px;
	height: 30px;
}

.favorite-item .favorite-close:hover,
.favorite-item .favorite-close:focus {
	opacity: 0.5;
	text-decoration: none;
}

.favorite-item .favorite-close img {
	width: 22px;
	height: 22px;
}

.favorite-item-text .mark-red {
	line-height: 1em;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-right: 7px;
	padding-left: 7px;
	font-size: 11px;
}

/* Arrows */
.slick-prev,
.slick-next {
	font-size: 0;
	line-height: 0;

	position: absolute;
	top: 50%;

	display: block;

	width: 20px;
	height: 20px;
	padding: 0;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);

	cursor: pointer;

	color: transparent;
	border: none;
	outline: none;
	background: transparent;
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
	color: transparent;
	outline: none;
	background: transparent;
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
	opacity: 1;
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
	opacity: .25;
}

.slick-prev:before,
.slick-next:before {
	font-size: 24px;
	line-height: 1;
	opacity: .75;
	color: #03BA2F;

	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.slick-prev {
	left: 5px;
}

[dir='rtl'] .slick-prev {
	right: 5px;
	left: auto;
}

.slick-prev:before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f359";
}

[dir='rtl'] .slick-prev:before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f359";
}

.slick-next {
	right: 5px;
}

[dir='rtl'] .slick-next {
	right: auto;
	left: 5px;
}

.slick-next:before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f35a";
}

[dir='rtl'] .slick-next:before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f35a";
}

/* 202201追加 */

.footer-flex-pc {
	display: flex;
	align-items: center;
}

.footer-flex-sf {
	display: none;
}

.ff-left {
	padding: 10px;
}

.ff-left a:hover,
.ff-left a:hover {
	opacity: 0.5;
	text-decoration: none;
}

.ff-left img {
	width: auto;
	height: 45px;
}

.ff-center {
	flex: 1;
}

.ff-right {
	padding: 10px;
}

.ff-right .ff-right-tel {
	color: #333333;
}

.ff-right .ff-right-tel:hover,
.ff-right .ff-right-tel:hover {
	opacity: 0.5;
	text-decoration: none;
}

.ff-right .ff-right-text {
	font-size: 13px;
	text-align: center;
	margin-top: 3px;
}

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

	.footer-flex-pc {
		display: none;
	}

	.footer-flex-sf {
		display: flex;
		justify-content: center;
		align-items: center;
		flex-wrap: wrap;
	}

	.footer-flex-sf .ff-left,
	.footer-flex-sf .ff-center,
	.footer-flex-sf .ff-right {
		flex-basis: 100%;
		text-align: center;
	}

	.footer-flex-sf .ff-left a,
	.footer-flex-sf .ff-right a {
		text-align: center;
	}


}

/* add-20230213 */
.form-control::placeholder {
	color: #777777 !important;
}

.text-box {
	margin-bottom: 0px;
	padding: 10px;
	line-height: 1.6em;
}

.text-box .text-box-title {
	font-weight: 600;
	margin-bottom: 10px;
}

/* add-20230217 */
.sso-flex {
	display: flex;
	max-width: 100%;
}

.sso-flex .sso-table {
	padding-top: 0px;
	max-height: 500px;
	overflow: scroll !important;
	flex: 1;
}

.sso-flex .sso-table .sso-scroll {
	min-width: 800px;
	overflow: auto;
}

.sso-flex .sso-flex-center {
	flex-basis: 20px;
	padding-left: 5px;
	padding-right: 5px;
}

.sso-flex .sso-flex-center img {
	margin-top: 180px;
	width: 20px;
	height: auto;
}

.sso-flex .sso-flex-right {
	flex-basis: 200px;
}

.sso-flex .sso-flex-right .sso-flex-right-title {
	padding: 10px;
	font-weight: 600;
	font-size: 13px;
	background-color: #FF8800;
	border-radius: 0.25rem;
	text-align: center;
	margin-bottom: 5px;
}

.sso-flex .sso-flex-right .form-control {
	border: solid 2px #999999;
	min-height: 455px;
	color: #444444;
}

.balloon-bottom-in {
	position: relative;
}

.balloon-bottom-box {
	position: absolute;
	bottom: 25px;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	z-index: 100;
}

.balloon-bottom {
	position: relative;
	display: inline-block;
	margin: 1.5em 0;
	padding: 7px 10px;
	min-width: 120px;
	max-width: 100%;
	color: #555;
	font-size: 13px;
	background: #FFF;
	border: solid 3px #555;
	box-sizing: border-box;
}

.balloon-bottom:before {
	content: "";
	position: absolute;
	bottom: -24px;
	left: 50%;
	margin-left: -15px;
	border: 12px solid transparent;
	border-top: 12px solid #FFF;
	z-index: 2;
}

.balloon-bottom:after {
	content: "";
	position: absolute;
	bottom: -30px;
	left: 50%;
	margin-left: -17px;
	border: 14px solid transparent;
	border-top: 14px solid #555;
	z-index: 1;
}

.balloon-top-in {
	position: relative;
}

.balloon-top-box {
	position: absolute;
	top: 20px;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	z-index: 100;
}

.balloon-top {
	position: relative;
	display: inline-block;
	margin: 1.5em 0;
	padding: 7px 10px;
	min-width: 120px;
	max-width: 100%;
	color: #555;
	font-size: 13px;
	background: #FFF;
	border: solid 3px #555;
	box-sizing: border-box;
}

.balloon-top:before {
	content: "";
	position: absolute;
	top: -24px;
	left: 50%;
	margin-left: -15px;
	border: 12px solid transparent;
	border-bottom: 12px solid #FFF;
	z-index: 2;
}

.balloon-top:after {
	content: "";
	position: absolute;
	top: -30px;
	left: 50%;
	margin-left: -17px;
	border: 14px solid transparent;
	border-bottom: 14px solid #555;
	z-index: 1;
}

.bg-yellow {
	background-color: #fff2cc;
}

.bg-gray {
	background-color: #eeeeee;
}

.balloon-top.bg-gray:before {
	content: "";
	position: absolute;
	top: -24px;
	left: 50%;
	margin-left: -15px;
	border: 12px solid transparent;
	border-bottom: 12px solid #eeeeee;
	z-index: 2;
}

.balloon-top.bg-yellow:before {
	content: "";
	position: absolute;
	top: -24px;
	left: 50%;
	margin-left: -15px;
	border: 12px solid transparent;
	border-bottom: 12px solid #fff2cc;
	z-index: 2;
}

@media (min-width: 992px) {

	.sso-modal {
		max-width: 900px;
	}

}

/* 202402追加 */
.page-block-nmodal {
    position: relative;
	padding:1rem;
	padding-top:0rem;
	padding-bottom: 0rem;
}

@import url(https://fonts.googleapis.com/icon?family=Material+Icons);

.page-block-nmodal .close {
    color:#FFFFFF;
    background-color: #999999;
    border-radius: 50%;
    position:absolute;
    top:-20px;
    right:-5px;
    padding-left:5px;
    padding-right:5px;
    padding-top:4px;
    padding-bottom:1px;
    font-size: 24px;
    font-weight: normal;
	opacity: 1;
}
.page-block-nmodal .close:after {
	font-family: "Material Icons";
	content: "\e5cd";
}
.page-block-nmodal .page-title-box {
    background-color: #FFFFFF;
    border: none;
    padding:0px;
    margin-bottom: 15px;
    
}
.page-block-nmodal .page-title-nmodal-box {
    display: flex;
    align-items: center;
	margin-top:1rem;
    margin-bottom: 2rem;
    margin-right:30px;
}
.page-block-nmodal .page-title-nmodal-box .nmodal-mark {
    font-size: 16px;
    line-height: 1.6em;
    margin-right: 12px;
    padding:5px;
    padding-top:2px;
    padding-bottom: 2px;
    white-space: nowrap;
}
.page-block-nmodal .page-title-nmodal-box h2.page-title-nmodal {
    font-size: 20px;
    color: #333333;
    font-weight: bold;
    margin-bottom: 0px;
}
.page-block-nmodal .page-title-img {
    margin-left: 0px;
    margin-right: 2rem;
}
.page-block-nmodal .page-title-img img {
    border:solid 1px #666666;
}
.page-block-nmodal .page-title-box-left .page-title-sub {
    font-size: 14px;
    font-weight: normal;
    margin-top: 0px;
    line-height: 1.4em;
    margin-bottom: 15px;
}
.page-block-nmodal .page-title-box-left .page-title-osusume {
    margin-bottom: 15px;
}
.page-block-nmodal .page-title-box-left .page-title-osusume h3 {
    background-color: #009900;
    font-size: 14px;
    color: #FFFFFF;
    padding:5px;
    padding-left:20px;
    padding-right: 20px;
    display: inline-block;
    font-weight: 600;
    border-radius: 15px;
}
.page-block-nmodal .ctextbox .card-body {
    border: none;
    padding: 0px !important;
    margin-bottom: 15px;
}
.page-block-nmodal .ctextbox {
    margin-bottom: 15px;
}
.page-block-nmodal .cnmodalbox {
    margin-bottom: 15px;
}
.page-block-nmodal .cnmodalbox .card-body {
    background-color: red;
    font-size: 14px;
    color:#FFFFFF;
    text-align: center;
    padding-top:8px !important;
    padding-bottom: 8px !important;
    margin-bottom: 0px;
}
.page-block-nmodal .cntextbox {
    background-color: #FFEEA9;
    padding:20px;
}
.page-block-nmodal .cntextbox .card-body {
    margin-bottom: 0px;
}
.page-block-nmodal .cntextbox .card-body strong {
    display:flex;
	align-items: center;
}
.page-block-nmodal .cntextbox .card-body strong span {
    padding-right:2px;
}
.page-block-nmodal .cntextbox .card-body strong span:first-child {
    display: block;
	padding-bottom: 3px;
}

.page-block-nmodal .list-table .btn {
    border:none;
    margin: 5px;
    padding-left:12px;
    padding-right:12px;
    white-space: nowrap;
}
.page-block-nmodal .list-table .btn-two {
    justify-content: space-around;
}

.page-block-nmodal .list-table .alist-flex {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

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

.page-block-nmodal .page-title-box {
    display: block;
}
.page-block-nmodal .page-title-box .page-title-box-left {
    margin-top:15px;
}

}

/* 20240227 */
.subject-tab li .btn-subject.sonota.active {
    background-color: #000000;
    border: 1px solid #000000;
}
.c-sonota{
    background-color: #000000;
    border: 1px solid #000000;
}

/* 20240426 */
.eduinfo-tab li {
    margin-bottom: 10px;
}
@media screen and (min-width: 993px) {

.eduinfo-tab li {
	margin-bottom: 0px;
}	

}

/* 20241122 */
.school-texbox {
    width: 100%;
    height: 110px;
    overflow-y: scroll;
    border: 1px solid #CCCCCC;
    margin-bottom: 10px;
}
.school-texbox .school-texbox-item {
	border-bottom: dotted 1px #999;
}
.school-texbox .school-texbox-item a {
	color:#333;
	display: block;
	padding-top:7px;
	padding-left:10px;
	padding-right:15px;
	padding-bottom:7px;
}
.school-texbox .school-texbox-item a:hover {
	background-color: #B9DC96;
	text-decoration: none;
}
.school-texbox .school-texbox-item span {
	color:#333;
	display: block;
	padding-top:7px;
	padding-left:10px;
	padding-right:15px;
	padding-bottom:7px;
}

.page-sstitle {
	font-size: 16px;
    font-weight: bold;
    padding-left: 5px;
    margin-bottom: 10px;
    border-left-width: 3px;
    border-left-style: solid;
    border-left-color: #009900;
    margin-top: 10px;
}
.page-ollist {
	padding-left:15px;
}

/* 20241226 */
.form-check-3w {
	width:220px !important;
}

.form-check-3w .form-check-item {
	display: flex;
	align-items: center;
}

.form-check-3w .form-check-input:disabled~.form-check-label, .form-check-3w .form-check-input[disabled]~.form-check-label {
    opacity: 0.5;
}
.form-check .form-check-input.checkbox:disabled {
    opacity: 0.5;
}

.form-check-3wc {
	margin-left:auto;
	margin-right:auto;
	width: 270px !important;
	padding-right: 50px;
}
@media screen and (max-width: 993px) {

	.form-check-3wc {
		margin-left:auto;
		margin-right:auto;
		width: 220px !important;
		padding-right: 0px !important;
	}
	
}