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

@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP');
@import url('https://fonts.googleapis.com/css?family=M+PLUS+1p');
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Jost:wght@700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@600&display=swap');

body {
	font-family: "Noto Sans JP","Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo ,sans-serif;
	font-size: 14px;
	line-height: 1.4em;
	background-color: #FFFFFF;
}
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,.125);
	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-left: 4px;
	margin-right: 4px;
}
.btn.right-icon i {
	margin-right: 0px;
	margin-left: 4px;
}
.btn-gray {
	background-color: #999999;
	background-image: none;
	box-shadow: none;
	border: 1px solid #999999;
	color: #FFFFFF !important;
}
.btn-gray:hover , .btn-gray:focus {
	color: #FFFFFF;
	opacity: 0.5; 
}
.btn-blue {
	background-color: #0071be;
	background-image: none;
	box-shadow: none;
	border: 1px solid #0071be;
	color: #FFFFFF !important;
}
.btn-blue:hover , .btn-blue:focus {
	color: #FFFFFF;
	background-color: #2694d4;
}
.btn-lblue {
	background-color: #2694d4;
	background-image: none;
	box-shadow: none;
	border: 1px solid #2694d4;
	color: #FFFFFF !important;
}
.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 !important;
}
.btn-sky:hover , .btn-sky:focus {
	color: #FFFFFF;
	opacity: 0.5; 
}
.btn-green {
	background-color: #009933;
	background-image: none;
	box-shadow: none;
	color: #FFFFFF !important;
}
.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 !important;
}
.btn-brown:hover , .btn-brown:focus {
	color: #FFFFFF;
	opacity: 0.5; 
}
.btn-red {
	background-color: #FF0000;
	background-image: none;
	box-shadow: none;
	border: 1px solid #FF0000;
	color: #FFFFFF !important;
}
.btn-red:hover , .btn-red:focus {
	color: #FFFFFF;
	opacity: 0.5; 
}
.btn-orange {
	background-color: #FF6600;
	background-image: none;
	box-shadow: none;
	border: 1px solid #FF6600;
	color: #FFFFFF !important;
}
.btn-orange:hover , .btn-orange:focus {
	color: #FFFFFF;
	opacity: 0.5; 
}
.btn-white {
	background-color: #FFFFFF;
	background-image: none;
	box-shadow: none;
	border: 1px solid #FFFFFF;
	color: #333333 !important;
}
.btn-white:hover , .btn-white:focus {
	opacity: 0.5;
	background-color: #CCCCCC;
}
.btn-white .fas , .btn-white .far {
	color: #0071be;
}
.btn-center {
	display:flex;
	justify-content: center; 
}
.btn-center .btn {
	margin-right: 2px;
	margin-left: 2px;
}
.btn-xs {
	padding: 0.20rem 0.3rem;
	font-size: 13px;
	border-radius: 0.2rem;
	white-space: nowrap;
}
.btn-cap {
	flex-basis:100%;
	font-size:10px;
}

.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: #0099ff;
	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;
}

.invalid-feedback {
	font-size: 13px;
	display: block;
}
.invalid-feedback:before {
	content: '\e002';
	font-family: "Material Icons";
	margin-right: 3px;
}
.invalid-feedback.hide {
	display: none;
}

.card-green {
    border:solid 1px #00cc00 !important;
    background-color: #f5ffeb;
}
.card-green .card-body {
    border:none;
}
.card-pink {
    border:solid 1px #ff9999 !important;
    background-color: #fff0f3;
}
.card-pink .card-body {
    border:none;
}

.toast-group {
  position: fixed;
  top: 1rem;
  left: 1rem;
  z-index: 9999;
}

.support-btbox {
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	display:flex;
	justify-content: end;
}
.support-btbox .support-bt {
	padding: 20px;
	display: block;
}
.support-btbox .support-bt .btn{
	padding-right: 32px;
	position: relative;
	font-size: 16px;
	font-weight: bold;
}
.support-btbox .support-bt .btn img {
	margin-right: 5px;
}
.support-btbox .support-bt .btn:before {
    position: absolute;
    content: "";
    width: 18px;
    height: 18px;
    right: 10px;
    top: 8px;
    background-color: #FFFFFF;
    border-radius: 15px;
}

/* login */
#login {
	max-width: 1040px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 40px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
.login-logo {
	text-align: center;
	margin-bottom: 20px;
}
.login-logo img {
	width:180px;
	height:auto;
}
#login .card {
	margin-right: 10px;
	margin-left: 10px;
}
.login-from-in {
    max-width: 304px;
    margin: 16px auto 16px auto;
}
.login-from-in .form-group {
	margin-bottom: 30px !important;
}

.support-btbox .support-bt .btn:after {
    content: "";
    position: absolute;
    right: 17px;
    width: 8px;
    top: 13px;
    height: 8px;
    border-top: 1px solid #2694d4;
    border-right: 1px solid #2694d4;
    transform: rotate(45deg);
}

.icon-text {
	display:flex;
}
.icon-text .icon{
	font-size: 18px;
	display: block;
	margin-right: 8px;
}
.icon-text .icon.icon-gray {
	color: #666666;
}
.icon-text .icon.icon-blue {
	color: #0071be;
}
.icon-text .icon.icon-orange {
	color: #FF6600;
}
.icon-text .icon.icon-red {
	color: #FF3300;
}
.icon-text .text{
	font-size: 14px;
	display: block;
	padding-top: 2px;
	flex:1;
}
.icon-text .bt-box {
	margin-left: 8px;
	display:flex;
	align-items: center;
}

/* header */
header {
	background-color: #FFFFFF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DDD;
}
header .h-header {
	background-color: #0071be;
	padding-top: 10px;
	padding-bottom: 10px;
}
header .h-header h1 {
	font-size: 11px;
	color: #FFFFFF;
	width: 1160px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 0px;
}
#h-box {
	margin-left: auto;
	margin-right: auto;
	display:flex;
	align-items: center;
	padding-bottom: 0px;
	width: 1160px;
	padding-top: 0px;
}
.h-logo {
	text-align: center;
	flex-basis: 175px;
	flex-shrink:0;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-right: 20px;
}
.h-logo a {
	display:flex;
	align-items: center;
	min-height: 45px;
	margin-right: auto;
	margin-left: auto;
}
.h-logo a img {
	width: auto;
	height: 45px;
}

/* pc-menu */
#pc-menu {
	display:flex;
	flex:1;
	align-items: center;	
}
#pc-menu .pc-menu-item {
	flex:1;
	margin-right:5px;
	margin-left: 5px;
}
#pc-menu .pc-menu-item a {
	font-size: 14px;
	color: #666666;
	text-decoration: none;
	display: block;
	padding: 10px;
	font-weight: 600;
	padding-bottom: 8px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #0071be;
	text-align: center;
}
#pc-menu .pc-menu-item a:hover, #pc-menu .pc-menu-item a:focus {
	opacity:0.5;
	text-decoration: none;
}
#pc-menu .pc-menu-item .btn{
	border-bottom:none;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
}

/* nav */
#sf-menu {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	transition: .2s ease-in-out;
}
#sf-menu.open {
  display: block;
  opacity: 1;
  overflow: auto;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.9);/*背景色*/
  overflow: hidden;/*ブラー効果でボヤけた部分を非表示*/
}
#sf-menu.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;/*重なり順序を一番下にしておく*/
}
#sf-menu .sf-menu-wrap {
	display:block;
	height: 100%;
	background-color: #0062AE;
	overflow-y:scroll;
	margin-right: 60px;
}
#sf-menu .sf-menu-item a:after {
    vertical-align: middle;
}
#sf-menu .sf-menu-item a {
	display: block;
	padding-top: 6px;
	padding-bottom: 6px;
	background-color: #0062AE;
	text-align: left;
	color: #FFFFFF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #EEE;
	font-size:14px;
	padding-left: 15px;
}
#sf-menu .sf-menu-item a:hover , #sf-menu .sf-menu-item a:focus {
	text-decoration:none;
	background-color: #2694d4;
	border-left:none;
}
#sf-menu .sf-menu-item i {
	margin-right:3px;
}

/* nav */
#nav-open {
	width: 62px;
	height: 62px;
	vertical-align: middle;
	position: absolute;
	top: 37px;
	cursor: pointer;
	right: 0px;
	display: inline-block;
	z-index: 300;
}
#nav-open .nav-inner {
	width: 32px;
	height: 32px;
    position: relative;
    margin:15px;
}
#nav-open .nav-inner span, #nav-open .nav-inner span:before, #nav-open .nav-inner span:after {
	position: absolute;
	transition: all 0.1s;
	height: 4px;
	width: 32px;
	border-radius: 3px;
	background-color: #2694d4;
	display: block;
	content: '';
	z-index: 200;
}
#nav-open .nav-inner span:before {
  bottom: -11px;
}
#nav-open .nav-inner span:after {
  bottom: -22px;
}
#nav-open.active .nav-inner {
	width: 32px;
	height: 32px;
	background-color: #FFFFFF;
}
#nav-open.active .nav-inner span {
	-webkit-transform: translateY(11px) rotate(-45deg);
	transform: translateY(11px) rotate(-45deg);
	background-color: #2694d4;
}
#nav-open.active .nav-inner span:before {
	height:32px;
	width: 32px;
	border-radius: 0px;
	opacity: 0;
}
#nav-open.active .nav-inner span:after {
	-webkit-transform: translateY(-22px) rotate(45deg);
	transform: translateY(-22px) rotate(90deg);
	background-color: #2694d4;
}

/* breadcrumb */
.breadcrumb {
	max-width: 1160px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom:10;
	margin-bottom: 0px;
	align-items: center;
	background-color: #FFFFFF;
}
.breadcrumb .home {
	position: relative;
	color: #3d62ad;
}
.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 {
	border-radius:5px;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 15px;
	background-color: #F5F5F5;
}
.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-control.is-invalid, .was-validated .form-control:invalid {
	background-image:none ;
}
.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;
}
.alert-text {
	font-size: 13px;
	display: block;
}
.alert-text: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.checkbox:checked:disabled {
	background-image: url(../svg/custom-checkbox-check-disabled.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-input.radio:checked:disabled  {
	background-image: url(../svg/custom-radio-check-disabled.svg);
}
.form-check .form-check-label {
	font-size: 16px;
}
.form-check .form-check-label.is-invalid {
	color: #dc3545;
}
.form-label {
	display:flex;
	align-items: center;
}
.form-label-flex {
	justify-content: space-between;
}
.form-label .fl-text {
	font-weight: bold;
	display: block;
	margin-right: 5px;
}
.form-label .fl-password {
}
.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;
}
.card-form {

}
.card-form .card-header {
    background-color: #e4f3fa;
    border: solid 1px rgba(0,0,0,.125);
    border-bottom: none;
    border-radius: 0px;
}
.card-form .form-group {
    border-bottom: solid 1px rgba(0,0,0,.125);
}
.card-form .form-group:last-child {
    border-bottom:none;
    padding-bottom: 0px;
    margin-bottom: 0px;
}
.card-form .card-footer {
    background-color: #e4f3fa;
}

.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: 10px;
}
.form-flow-in {
	height: 30px;
	position: relative;
	margin-right: 35px;
	margin-left: 35px;
}
.form-flow-number {
	display:flex;
	align-items: center;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	text-align: center;
	z-index: 60;
	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: #666666;
	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: #0071be;
	color: #FFFFFF;
}
.form-flow-number li.flow-number .flow-number-mark.select.end {
	background-color: #99ccff;
}
.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: #CCCCCC;
}
.form-flow-bar li.flow-bar.select.end {
    background-color: #DDDDDD;
}
.form-flow-text {
	display:flex;
	align-items: center;
	list-style-type: none;
	padding: 0px;
	text-align: center;
	margin-top: 3px;
	margin-right: 15px;
	margin-bottom: 0px;
	margin-left: 15px
}
.form-flow-text li.flow-text-space {
	flex:1;
	flex-shrink:0;	
}
.form-flow-text li.flow-text {
    flex-basis: 70px;
    flex-shrink: 0;
    text-align: center;
    padding-top: 2px;
    color: #999999;
    font-size: 13px;
    line-height: 1.3em;
    padding-bottom: 2px;
}
.form-flow-text li.flow-text.select {
	color: #333333;
    background-color: #ffff99;
    border: 1px solid #CCCCCC;
}
.form-flow-text li.flow-text.select.end {
	opacity: 0.5;
    background-color: #ffffff;
    border:none;
}

/* flex */
.form-2flex {
	display:flex;
	width:100%;
}
.form-2flex .flex-item-left {
    flex-basis: 50%;
    margin-right:10px;
}
.form-2flex .flex-item-right {
    flex-basis: 50%;
    margin-left:10px;
}

.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:center;
}
.search-control .cpanel .input-group{
	margin-left:5px;
}

/* content */
#content {
	max-width: 1160px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 20px;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 0px;
    word-break: break-all;
}
#content .content-flex {
	display:flex;
}
#content.content-center{
	display:flex;
	align-items: center;
	justify-content: center;
	padding-top: 20px;
}
.page-title {
	background-color: #0071be;
	margin-bottom: 20px;
	width:100%;
	padding: 15px;
}
.page-title h1 {
	font-size: 20px;
	font-weight: 600;
	color: #FFFFFF;
	margin: 0px;
}
.page-title h1 .fas , .page-title h1 .far{
	margin-right: 5px;
}

/* mainimg */
.mainimg {
	max-width:1160px;
	margin-right: auto;
	margin-left: auto;
	display:flex;
	margin-top: 30px;
	margin-bottom: 30px;
}
.mainimg-left {
	flex-basis:38%;
}
.mainimg-left .mainimg-btbox {
	margin-right: 30px;
	background-color: #e4f3fa;
	padding: 10px;
}
.mainimg-btbox .openchat {
	background-color: #FFFFFF;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	margin-bottom: 10px;
}
.mainimg-btbox .openchat .btn {
	border-radius:30px;
	justify-content: center;
	font-size: 20px;
	font-weight: 600;
	padding-top: 12px;
	padding-bottom: 12px;
	position: relative;
}
.mainimg-btbox .openchat .btn .fas {
	position: absolute;
	top: 15px;
	right: 15px;
	font-size: 24px;
}
.mainimg-btbox .openchat .openchat-cap {
	font-size: 11px;
	color: #666666;
	text-align: center;
	padding-top: 5px;
}
.mainimg-btbox .nbtbox {
	background-color: #FFFFFF;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	margin-bottom: 10px;
}
.mainimg-btbox .nbtbox:last-child {
	margin-bottom: 0px;
}
.mainimg-btbox .nbtbox .btn {
	border-radius:26px;
	justify-content: center;
    padding-top:10px;
    padding-bottom:10px;
}
.mainimg-btbox .mbtbox {
	background-color: #FFFFFF;
	margin-bottom: 10px;
	padding: 10px;
}
.mainimg-btbox .mbtbox a:hover , .mainimg-btbox .mbtbox a:focus {
	opacity: 0.5; 
}
.mainimg-btbox .mbtbox .movie-start {
	height: auto;
	width: 100%;
}
.mainimg-right {
	flex-basis:62%;
	position: relative;
}
.mainimg-right h2 {
	font-size: 38px;
	font-weight: 600;
	padding-top: 20px;
	padding-right: 20px;
	padding-left: 20px;
	font-family: "M PLUS 1p";
	margin-top: 0px;
	margin-bottom: 0px;
}
.mainimg-right h3 {
	font-size: 14px;
	line-height: 1.6em;
	padding-top: 20px;
	padding-right: 20px;
	padding-left: 20px;
	color: #666666;
	margin-top: 0px;
	margin-bottom: 0px;
}
.mainimg-right img{
	width:100%;
	height:auto;
}

/* movie */
.top-movie {
	width: 700px;
	text-align: center;
	position: relative;
	margin-right: auto;
	margin-left: auto;
}
.top-movie video{
	height: auto;
	width: 700px;
}
.top-movie .mfp-close  {
	top: -40px;
	right: -40px;
	position: absolute;
}
.top-movie .mfp-close  {
	font-size: 40px;
	color: #FFFFFF !important;
	font-weight: bold;
}
.popup-modal {
	height: 101px !important;
	margin-bottom: 5px !important;
}
.popup-modal:hover {
	opacity:0.5;
}

/* areamenu */
.areamenu {
	background-color: #0071be;
	margin-bottom: 0px;
}
.areamenu .areamenu-menu {
	width: 1160px;
	margin-right: auto;
	margin-left: auto;
	display:flex;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFFFFF;
}
.areamenu .areamenu-menu .areamenu-item {
	flex-basis:33.333%;
	align-items: center;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
}
.areamenu .areamenu-menu .areamenu-item a {
	background-color: #0071be;
	font-size: 18px;
	font-weight: 500;
	color: #FFFFFF;
	text-align: center;
	padding-top: 12px;
	padding-bottom: 12px;
	display: block;
	width: 100%;
}
.areamenu .areamenu-menu .areamenu-item .select {
	background-color: #2694d4;
	font-size: 18px;
	font-weight: 500;
	color: #FFFFFF;
	text-align: center;
	padding-top: 12px;
	padding-bottom: 12px;
	display: block;
	width: 100%;
}
.areamenu .areamenu-menu .areamenu-item a:hover, .areamenu .areamenu-menu .areamenu-item a:focus {
	background-color: #2694d4;
	text-decoration: none;
}

/* search */
.search-title {
	background-color: #2694d4;
	color: #FFFFFF;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
}
.search-title h2 {
	font-size: 18px;
	font-weight: 600;
	margin-top: 0px;
	margin-bottom: 10px;
}
.search-title h2 .fas {
	margin-right: 5px;
}
.search-title .st-text {
	font-size: 13px;
	margin-bottom: 0px;
}
.search {
	background-color: #FFFFFF;
	height: auto;
	width: 100%;
	margin-top: 0px;
	padding-bottom: 20px;
}
.search-box {
	background-color: #e4f3fa;
	padding: 20px;
	width: 1160px;
	margin-right: auto;
	margin-left: auto;
}
.search-cate-box {
	display:flex;
	background-color: #FFFFFF;
	padding: 10px;
	margin-bottom: 20px;
}
.search-box .search-cate-box:last-child {
	margin-bottom: 0px;
}
.search-cate-box .icon {
	padding-right: 20px;
}
.search-cate-box .icon img {
	height: auto;
	width: 60px;
}
.search-cate-box .link {
	display:flex;
	align-items: center;
    justify-content: center;
    flex:1;
    flex-wrap: wrap;
}
.search-cate-box .link .link-head {
    flex-basis: 100%;
    text-align: left;
    font-size: 13px;
    color: #666666;
    margin-bottom: 10px;
}
.search-cate-box .link .link-item {
	margin-right: 15px;
}
.search-cate-box .link .link-item a {
	background-color: #0071be;
	font-size: 16px;
	font-weight: 500;
	color: #FFFFFF;
	text-align: center;
	padding-top: 8px;
	padding-bottom: 11px;
	display: block;
	width: 100%;
	border-radius:20px;
	padding-right: 30px;
	padding-left: 27px;
	position: relative;
	line-height: 1.0em;
}
.search-cate-box .link .link-item a:hover, .search-cate-box .link .link-item a:focus {
	background-color: #2694d4;
	text-decoration: none;
}
.search-cate-box .link .link-item a::after {
	font-size:14px;
	position:absolute;
	font-family: 'Material Icons';
	content: '\e409';
	top:9px;
	right:5px;
}
.search-cate-box .freeword {
	flex:1;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
}
.search-btbox {
	display:flex;
	align-items: center;
	flex-basis:100%;
	justify-content: center;
}
.research {
	background-color: #e4f3fa;
	margin-bottom: 20px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
}
.research .research-title {
	font-size: 18px;
	margin-bottom: 20px;
}
.research .research-title .number {
	font-weight: 600;
	color: #FF6600;
	font-size: 22px;
	padding-right: 5px;
	padding-left: 5px;
}
.research .research-title .far , .research .research-title .fas {
	margin-right: 5px;
}
.research .research-link {
	margin-bottom: 15px;
}
.research .research-freeword {
	margin-bottom: 20px;
}
.research .research-select {
	margin-bottom: 20px;
}
.research .research-select .input-group .fas {
	color: #0071be;
	margin-right: 3px;
}
.search .search-date {
	display:flex;
	align-items: center;
	width: 100%;
	margin-bottom: 10px;
	background-color: #e4f3fa;
	padding: 5px;
}
.search .search-date .date-mark {
	font-size: 13px;
	font-weight: 600;
	color: #FFFFFF;
	background-color: #0099FF;
	padding-top: 5px;
	padding-right: 8px;
	padding-bottom: 5px;
	padding-left: 8px;
	margin-right: 5px;
}
.search .search-date .date-text {

}
.search-title-third {
	display:flex;
	align-items: center;
	justify-content: space-between;
}
.search-title-third h2 {
	margin-bottom:0px;
}
.search-third .search-box {
	padding: 10px;
}
.search-third .search-flex {
	display:flex;
	align-items: flex-start;
	width: 100%;
}
.search-third .search-flex .search-imgbox {
	flex-basis:20%;
}
.search-third .search-flex .search-imgbox img {
	width:100%;
}
.search-third .search-flex .search-imgbox .search-comment {
    display:block;
    text-align: center;
    font-size:13px;
    margin-top:5px;
    color:#555555;
}
.search-third .search-flex .search-mapbox {
	flex-basis:50%;
}
.search-third .search-flex .search-mapbox iframe {
	width:100% !important;
	height:420px !important;
}
.search-third .search-flex .list-table {
	flex:1;
	padding-left: 10px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 10px;
}
.search-third .search-flex .search-btbox {
	flex-basis:200px;
	flex-wrap:wrap;
}
.search-third .search-flex .search-btbox .btn {
	flex-basis:100%;
	justify-content: center;
	margin-bottom: 10px;
	flex-wrap:wrap;
}
.search-third .search-flex .imgmap {
	margin-bottom: 10px;
    text-align: center;
}
.search-third .search-flex .imgmap img {
	max-width: 454px;
    width:100%;
    height: auto;
}
.search-detail .search-box {
	padding: 10px;
}
.search-title-detail {
	display:flex;
	align-items: center;
	justify-content: space-between;
}
.search-title-detail h2 {
	margin-bottom:0px;
}
.search-detail .detail-flex {
	display:flex;
	align-items: flex-start;
	width: 100%;
	margin-bottom: 10px;
}
.search-detail .detail-flex .detail-imgbox {
	flex-basis:35%;
}
.search-detail .detail-flex .list-table {
	flex:1;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	padding-right: 0px;
}
.search-detail .detail-flex .detail-table {
	padding: 0px;
}
.search-detail .detail-flex .detail-table th {
	background-color: #e4f3fa;
}
.search-none-title {
    font-size: 16px;
    padding:10px;
    font-weight: 600;
    text-align: center;
}
.search-none-title:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f071";
    color:#FF0000;
    margin-right:5px;
}
.search-none-text {
    font-size: 12px;
    padding:10px;
    padding-top:0px;
    text-align: center;
    color:#666;
}
#detailimg {
	width: 100%;
}
#detailimg .carousel-inner img {
	width: 100%;
}
#detailimg .carousel-inner .carousel-comment {
    display: block;
    text-align: center;
    margin-top:5px;
    color:#555555;
}
#detailimg .carousel-indicators {
	width: 100%;
	position: relative;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#detailimg .carousel-indicators li {
	margin: 0px;
	flex-basis:25%;
	width:100%;
	height: 50px;
	text-indent:0px;
	text-align: center;
	display: block;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#detailimg .carousel-indicators li img {
	width:auto;
	height:50px;
}
#detailimg .carousel-indicators li.active img {
	border: 1px solid #CCCCCC;
}
.detail-map {
	overflow: hidden;
	padding:0px !important;
}
.detail-map iframe {
	height: 450px !important;
	width: 100% !important;
	margin:-72px 0 -6px !important;
}

/* intro */
.intro {
	background-color: #e4f3fa;
	width: 100%;
	margin-bottom: 30px;
}
.intro-box {
	background-image: url(../svg/wordbox-bg.svg);
	background-repeat: no-repeat;
	width: 1160px;
	margin-right: auto;
	margin-left: auto;
	background-position: right 20px;
	padding-top: 30px;
	padding-right: 30px;
	padding-bottom: 20px;
	padding-left: 30px;
}
.intro-box .intro-word {
	font-size: 20px;
	font-weight: 600;
	font-family: "M PLUS 1p";
	margin-bottom: 15px;
	color: #0071be;
	line-height: 1.8em;
}
.intro-box .intro-text{
	font-size: 14px;
	line-height: 1.6em;
	color: #666666;
}
.intro-btbox {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom:20px;
}
.intro-btbox-item {
    flex-basis:40%;
}
.intro-btbox-item p {
    text-align: center;
    margin-bottom: 5px;
}
.btn-intro {
	text-align: left;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 6px;
	padding-left: 30px;
    border-radius: 30px;
    font-size:25px;
    margin-left:5px;
    margin-right:5px;
}
.btn-intro .btn-intro-left {
    display:flex;
    align-items: center;
    flex:1;
}
.btn-intro .btn-intro-left .btn-word {
    font-size: 18px;
    text-align: center;
    width:100%;
    word-break: break-all;
}
.btn-intro .btn-arrow-right {
	font-size:24px;
	text-align: right;
}

/* cl-list */
.cl-list {
	width:100%;
	display:flex;
	align-items: center;
	flex-wrap:wrap;
	margin-right:-10px;
}
.cl-list .cl-list-title {
    flex-basis: 100%;
    font-size:16px;
    margin-bottom: 10px;
    padding-left:5px;
    padding-right: 5px;
    font-weight: 600;
}
.cl-list .cl-list-title .fas {
    color:#2694d4;
    margin-right:3px;
}
.cl-list .cl-list-line {
    flex-basis: 100%;
    margin-top:0px;
    margin-bottom: 10px;
}
.cl-list .cl-list-item {
	display:flex;
	align-items: center;
	flex-basis:25%;
}
.cl-list .cl-list-item .cl-list-item-in {
	background-color: #F5F5F5;
	padding-top: 5px;
	padding-right: 4px;
	padding-bottom: 5px;
	padding-left: 8px;
	margin-right: 10px;
	margin-bottom: 10px;
	width: 100%;
	display:flex;
	align-items: center;
}
.cl-list .cl-list-item a {
	font-size: 14px;
}
.cl-list .cl-list-item .cl-number {
}

/* footer */
#footer {
	width: 100%;
	background-color: #FFFFFF;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: rgba(0,0,0,.125);
	padding-bottom: 20px;
	padding-top: 20px;
}
.f-box {
	max-width:1160px;
	margin-right: auto;
	margin-left: auto;
	display:flex;
	justify-content: space-between;
}
.f-box .f-menu {
	display:flex;
	align-items: center;
}
.f-box .f-menu-item {
	margin-right:10px;
}
.f-box .f-menu-item a {
	font-size: 14px;
	color: #666666;
	text-decoration: none;
	padding: 10px;
}
.f-box .f-menu-item a:hover, .f-box .f-menu-item a:focus {
	color: #0066CC;
	text-decoration: underline;
}
.f-box .copyright {
	font-size: 12px;
	color: #666666;
}

/* 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:#2694d4;
	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: #0062AE;
	color: #FFF !important;
}

/* page */
.page-block {
	margin-bottom: 20px;
	width: 100%;
}
.page-block .page-text {
	margin-bottom: 20px;
	line-height: 1.6em;
}
.page-block .page-text .page-text-title-gray {
	background-color: #E3E3E3;
	font-size: 14px;
	padding: 15px;
	margin-top: 0px;
	margin-bottom: 10px;
}
.page-block .page-text .page-text-title-blue {
	background-color: #dfebf1;
	font-size: 14px;
	padding: 15px;
	margin-top: 0px;
	margin-bottom: 10px;
}
.page-block .page-text .page-text-in {
	padding-right: 10px;
	padding-left: 10px;
}
.page-half {
	min-width: 400px;
	max-width: 400px;
	margin-left: auto;
	margin-right: auto;
}
.page-block .page-title-small {
	display:flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 10px;
	border: 1px solid rgba(0,0,0,.125);
	color: #FFFFFF;
	background-color: #FFFFFF;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
}
.page-block .page-title-small h2{
	font-size:20px;
	color: #333333;
	font-weight: bold;
}
.page-block .page-title-small h2 .fas {
	margin-right: 3px;
	color: #3d62ad;
}
.page-textbox {
	border: 1px solid #CCCCCC;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
	margin-bottom: 10px;
}
.page-textbox-bg-gray {
	background-color: #F7F7F7;
}
.page-textbox-bg-yellow {
	background-color: #FFFFCC;
}
.page-textbox-bg-red {
	background-color: #ffe9e9;
}
.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: #0099ff;
	margin-top: 10px;
}

/* card */
.card {
	border: none;
}
.card-header-flex {
	display:flex;
	align-items: center;
	justify-content: space-between;
	background-color: #F8F8F8;
	color: #333333;
	padding: 8px;
	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: rgba(0,0,0,.125);
	border-right-color: rgba(0,0,0,.125);
	border-left-color: rgba(0,0,0,.125);
	border-radius:0 !important;
}
.card-header-flex .btn {
	font-size: 15px;
}
.card-header-flex .btn .fas{
	padding-right: 3px;	
}
.card-htitle {
	font-size: 18px;
	margin-top: 0px;
	margin-bottom: 0px;
	color: #333333;
	display:flex;
	align-items: center;
	font-weight: bold;
}
.card-htitle .fas , .card-htitle .material-icons {
	margin-right: 5px;
	color: #3d62ad;
	font-size: 14px;
}
.card-htext {
	font-size: 14px;
    margin-top:10px;
    color:#666666;
}
.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: 1px solid  rgba(0,0,0,.125);
}
.card-body-tilte {
	font-size: 18px;
	font-weight: 600;
	color: #666666;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #0071be;
	margin-bottom: 20px;
    text-align: left;
}
.card-body-text {
	font-size: 14px;
	line-height: 1.6em;
	color: #333333;
    text-align: left;
}
.card-footer {
	background-color: #FFFFFF;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: rgba(0,0,0,.125);
	border-bottom-color: rgba(0,0,0,.125);
	border-left-color: rgba(0,0,0,.125);
	border-right-width: 1px;
	border-top-style: 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;
}

/* info */
.info-box {
	height: 200px;
	width: 100%;
	overflow-y:scroll;
	padding: 10px !important;
	background-color: #FFFFFF;
}
.info-box .info-item {
	margin-bottom: 10px;
	padding-right: 20px;
	display:flex;
	font-size: 14px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color:  rgba(0,0,0,.125);
	padding-bottom: 10px;
}
.info-item .ii-left {
	flex-basis:40px;
}
.info-item .ii-right {
	flex:1;
	display:flex;
	padding-top: 3px;
}
.info-item .date {
	white-space: nowrap;
	padding-right: 10px;
	flex-basis:120px;
}
.info-box .info-item .text {
	flex:1;
}

.menu-box {
	display:flex;
	align-items: center;
	border-radius:.25rem;
}
.menu-box .menu-box-item {
	flex-shrink:0;
	flex-basis:25%;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
}
.menu-box .menu-box-item a {
	background-color: #E6F9FF;
	display: block;
	text-align: center;
	padding-bottom: 10px;
	border-radius:5px;
	box-shadow: 1px 1px #999999;
	padding-top: 10px;
	border: 1px solid  rgba(0,0,0,.125);
}
.menu-box .menu-box-item .material-icons {
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
	font-size: 40px;
	color: #0099CC;
}
.menu-box .menu-box-item h4 {
	font-size: 18px;
	font-weight: bold;
	color: #333333;
}
.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;
	align-items: center;
}
.ch-tab .ch-tab-item {
	flex:1;
}
.ch-tab .ch-tab-item a {
	text-align: center;
	display: block;
	margin-right: 5px;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #FFFFFF;
	background-color: #0099ff;
	font-size: 16px;
	font-weight: bold;
	border-radius: 5px 5px 0px 0px;
}
.ch-tab .ch-tab-item:last-child a{
	margin-right: 0px;
}
.ch-tab .ch-tab-item.select a {
	background-color: #FFFFFF;
	text-align: center;
	color: #333333;
}
.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: #0099ff;
	border-color: #0099ff;
}
.ch-tab-sf .list-group-item .fas {
	margin-right: 3px;
}
.download-box {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding: 10px !important;
}
.table td, .table th {
	border-top-width: 1px;
	border-top-style: dotted;
}
.list-table {
	padding-top: 20px;
	padding-bottom: 20px;
	overflow: visible !important;
}
.list-table table {
	height: auto;
	width: 100%;
	border: 1px solid #cccccc;
}
.list-table table th , .list-table table td {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #cccccc;
	padding: 5px;
	background-color: #FFFFFF;
	line-height: 1.6em;
}
.list-table table th {
	background: #faf9f0;
}
.list-table table tr:nth-child(2n+1) {
	background: rgba(0,0,0,.02);
}
.table-head01 th {
	text-align: center;
	background-color: #F8F8F8 !important;
	font-size: 16px;
}
.table-head02 th {
	text-align: center;
	background-color: #C8FFFF !important;
}
.table-head03 th {
	text-align: center;
	background-color: #3d62ad !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;
}
.student-tab .list-group .list-group-item.active {
	background-color: #0099FF;
	border-top-color: #0099FF;
	border-right-color: #0099FF;
	border-bottom-color: #0099FF;
	border-left-color: #0099FF;
}
.ch-control {
	display:flex;
	align-items: center;
}
.ch-control .ch-control-left {
	flex:1;
	text-align:center
}
.pagination-box {
	margin-bottom:20px;
}
.pagination {
	justify-content:center;
	margin-bottom: 0px;
}
.page-link {
	color: #3d62ad;
}
.pagination .page-item.active .page-link {
	background-color: #2694d4;
	border-top-color: #2694d4;
	border-right-color: #2694d4;
	border-bottom-color: #2694d4;
	border-left-color: #2694d4;
}
.ch-control .ch-control-right {
	display:flex;
	align-items: center;
}
.ch-control .ch-control-right .input-group {
	margin-left: 10px;
}

.download-list {
	height: 515px;
	width: 100%;
	margin-top: 15px;
	overflow-y:scroll;
}
.download-flex {
	background-image: url(../img/books-back.png);
	background-repeat: repeat;
	background-position: 0px 0px;
	display:flex;
	align-items: center;
	justify-content: center;
	flex-wrap:wrap;
}

.bt-box-center {
    display: flex;
    align-items: center;
    justify-content: center;
}
.bt-box-center .btn {
	margin-right: 2px;
	margin-left: 2px;
}
.bt-box-center-pconly {
    flex-wrap:wrap;
}
.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;
}

.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);
}
.modal-content {
    border-radius: 0rem;
}
.modal-header {
	background-color: #E6F9FF;
    border-radius: 0rem;
    padding-top: 10px;
    padding-right: 1rem;
    padding-left: 1rem;
    padding-bottom: 10px;
}
.modal-header .modal-title {
    font-size: 18px;
    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;
}

/* page */
.page-flex-50 {
	display:flex;
	margin-right: -15px;
}
.page-flex-50 .flex-item-50 {
	flex-basis:50%;
	margin-right: 15px;
	margin-bottom: 15px;
	background-repeat: no-repeat;
	background-position: right bottom;
	background-size: contain;
}
.flex-item-50.schedule-menu-bg {
	background-image: url(../svg/schedule-menu-bg.svg);
}
.flex-item-50.schedule-menu-bg:hover, .flex-item-50.schedule-menu-bg a:focus {
	text-decoration: none;
}
.flex-item-50.schedule-menu-bg:hover .btn , .flex-item-50.schedule-menu-bg a:focus .btn{
	opacity: 0.5;
}
.page-large-tel {
	display:flex;
	justify-content: center;
	align-items: center;
}
.page-large-tel .img img {
	height: 32px;
	width: auto;
	margin-right: 5px;
}
.page-large-tel .text {
	font-family: 'Oswald', sans-serif;
	font-size: 36px;
	color: #FF0000;
}
.btn-schedule {
	text-align: left;
	white-space:nowrap;
	padding-top: 15px;
	padding-right: 25px;
	padding-bottom: 15px;
	padding-left: 40px;
    border-radius: 40px;
    font-size:20px;
}
.btn-schedule .btn-schedule-left {
    display:flex;
    align-items: center;
}
.btn-schedule .btn-cap {
	padding-left: 10px;
	position: relative;
}
.btn-schedule .btn-arrow-right {
	flex:1;
	font-size:24px;
	text-align: right;
    padding-left:5px;
}
.card-flow {
	border-top-width: 2px;
	border-right-width: 4px;
	border-bottom-width: 2px;
	border-left-width: 4px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #0071be;
	border-right-color: #0071be;
	border-bottom-color: #0071be;
	border-left-color: #0071be;
	border-radius: 0rem;
	margin-top: 0px;
	margin-bottom: 0px;
}
.card-flow .card-body-tilte .step-number {
	color: #0071be;
	letter-spacing: 0.1em;
	padding-right: 5px;
}
.card-flow .card-body {
	border: 0px;
}
.card-flow .card-body .card-body-text .card-btext-title {
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #0071be;
	padding-left: 5px;
	font-weight: bold;
}
.flow-stitle {
    font-size: 18px;
    padding: 10px;
    border-bottom: 3px solid #0071be;
    font-weight: 600;
    margin-top: 0px;
    margin-bottom: 15px;
}
.flow-arrow {
	text-align: center;
	height: 30px;
	width: 100%;
}
.faq-link {
	display:flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 20px;
}
.faq-link .faq-link-cate {
	flex:1;
	margin-right: 5px;
	margin-left: 5px;
}
.faq-link .faq-link-cate .btn {
	white-space:nowrap;
}
.faq-text {
	background-color: #f8f8f8;
	padding-bottom:10px;
}
.faq-block {
	margin-bottom: 40px;
}
.faq-block .faq-stitle {
    font-size: 18px;
    padding: 10px;
    border-bottom: 3px solid #0071be;
    font-weight: 600;
	margin-top:10px;
    margin-bottom: 20px;
}
.faq-text .page-text-title-blue {
    display:flex;
}
.faq-text .page-text-title-blue .title {
    padding-top:5px;
    display:block;
}
.faq-mark-q {
	font-family: 'Jost', sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #FF0000;
	border-radius: 50%;
    width:30px;
    height: 30px;
    padding-top:5px;
	line-height: 1em;
    text-align: center;
    display:block;
    flex-shrink: 0;
	margin-right: 13px;
}
.faq-mark-a {
	font-family: 'Jost', sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #0066FF;
	border-radius: 50%;
    width:30px;
    height: 30px;
    padding-top:5px;
	line-height: 1em;
    text-align: center;
    display:block;
    flex-shrink: 0;
	margin-right: 5px;
}
.faq-abox {
	display:flex;
}
.faq-abox .a-mark {
	padding-right: 10px;
	padding-left: 5px;
}
.faq-abox .text {
	flex:1;
}
.faq-abox .faq-tel {
    font-size: 18px;
	color:#FF0000;
}
.privacy-block {
    margin-bottom:20px;
}
.privacy-title {
    font-weight: 600;
    font-size: 16px;
}
.privacy-stitle {
    font-size: 14px;

}
.privacy-text {
    display: block;
    margin-left:20px;
}
.privacy-text ul {
    padding:0px;
    padding-left:23px;
}
.privacy-text ul li {

}
.privacy-text-right {
    white-space: nowrap;
    width:175px;
    display: inline-block;
    text-align: left;
}
.introduction-box {
    padding:15px;
    border: solid 3px #0071be;
    text-align: center;
}
.introduction-box-top {
	display:flex;
    flex-wrap: wrap;
}
.introduction-box-top .ibt-left {
    padding-right:15px;
}
.introduction-box-top .ibt-left img {
    width:410px;
    height:284px;   
}
.introduction-box-top .ibt-right {
    flex:1;
    text-align:left;
}
.introduction-box-top .ibt-right .introduction-logo {
    text-align:center;
    margin-bottom:5px;
}
.introduction-box-top .ibt-right .introduction-logo img {
    height: 70px;
}
.introduction-box-top .ibt-right .introduction-logo-uword {
    text-align: center;
    margin-bottom: 10px;
}
.introduction-box-top .ibt-right .introduction-logo-uword h3 {
    margin-top:0px;
    margin-bottom:0px;
    margin-left:auto;
    margin-right:auto;
    font-size:20px;
    color:#0071be;
    font-weight: 600;
    border-top:solid 1px #0071be;
    display:inline-block;
    padding-top:10px;
}
.introduction-feature {
    display:flex;
    align-items: center;
    margin-bottom: 5px;
}
.introduction-feature .if-icon {
	height: 36px;
	width: 36px;
    margin-right:3px;
}
.introduction-feature .if-icon p {
	text-decoration: none;
	color: #fff !important;
	text-align: center;
	display: block;
	background-color:#0071be;
	line-height: 0;
	border: 2px solid #FFF;
	height: 36px;
	width: 36px;
	border-radius:50%;
    text-align:center;
}
.introduction-feature .if-icon p .fas , .introduction-feature .if-icon p .far {
    margin-top:7px;
    font-size: 18px;
}
.introduction-feature .if-text {
    flex:1;
    font-size: 20px;
    font-weight: 600;
    color:#333333;
}
.introduction-featureu-word {
    border-left:solid 3px #0071be;
    margin-top:10px;
}
.introduction-featureu-word p {
    padding-left:10px;
    font-size: 12px;
    font-weight: 600;
    color:#333333;
}
.introduction-large-word {
    flex-basis: 100%;
    font-family: 'Noto Serif JP', serif;
    margin-top:30px;
    margin-bottom: 20px;
}
.introduction-box-bottom {
    border-top:none;
}
.introduction-bottom-title {
    display:flex;
    justify-content: center;
    margin-top:10px;
    margin-bottom:30px;
}
.introduction-bottom-title .ibt-mark {
    width:120px;
    height:120px;
    margin-right:20px;
}
.introduction-bottom-title .ibt-mark img {
    width:120px;
    height:120px;   
}
.introduction-bottom-title .ibt-title-box {
    text-align: left;
}
.introduction-bottom-title .ibt-title-box .ibt-title {
    font-family: 'Noto Serif JP', serif;
    margni-bottom:10px;
    padding-bottom:10px;
    border-bottom:solid 1px #0071be;
}
.introduction-bottom-title .ibt-title-box .ibt-title-cap {
    font-size: 12px;
}
.card-voice {
    margin-bottom:10px;
}
.card-voice-flex {
    display:flex;
    align-items: center;
}
.card-voice-flex .cvf-left {
    margin-right:15px;
}
.card-voice-flex .cvf-left .voice-icon-green {
    font-size: 30px;
    color:#00cc00;

}
.card-voice-flex .cvf-left .voice-icon-pink {
    font-size: 30px;
    color:#ff6666;

}
.card-voice-flex .cvf-right {
    flex:1;
}
.card-voice-flex .cvf-right .card-text:first-child {
    margin-bottom: 5px;
}

/* employment */
.employment-box {
    padding: 15px;
    border: solid 3px #0071be;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    margin-top:20px;
    margin-bottom:20px;
}
.employment-box .eb-left {
    flex:1;
    text-align: left;
    padding-left:20px;
}
.employment-box .eb-left h2{
    font-family: 'Noto Serif JP', serif;
    margin-top: 30px;
    margin-bottom: 20px;
    line-height: 1.6em;
}
.employment-box .eb-left h3{
    font-size: 18px;
    font-weight: 500;
    color: #666666;
    line-height: 1.6em;
    margin-bottom: 20px;
}
.employment-box .eb-feature {
    display: flex;
    align-items: center;
}
.employment-box .eb-feature .ebf-icon {
    height: 36px;
    width: 36px;
    margin-right: 3px;
}
.employment-box .eb-feature .ebf-icon p {
    text-decoration: none;
    color: #fff !important;
    text-align: center;
    display: block;
    background-color: #0071be;
    line-height: 0;
    border: 2px solid #FFF;
    height: 36px;
    width: 36px;
    border-radius: 50%;
    text-align: center;
}
.employment-box .eb-feature .ebf-icon p .fas, .employment-box .eb-feature .ebf-icon p .far {
    margin-top: 7px;
    font-size: 18px;
}
.employment-box .eb-feature .ebf-text {
    flex: 1;
    font-size: 20px;
    font-weight: 600;
    color: #333333;
}
.employment-box .eb-right {
    padding-left: 15px;
}
.employment-box .eb-right img {
    width: 410px;
    height: 284px;
}
.employment-stitle {
    background-color: #0071be;
    width: 100%;
    padding: 10px;
    margin-bottom:10px;
}
.employment-stitle h3 {
    font-size: 16px;
    font-weight: 500;
    color: #FFFFFF;
    margin: 0px;
}
.employment-stitle h3 .fas , .employment-stitle h3 .far {
    margin-right: 5px;
}
.employment-st-ubox {
    margin-bottom:20px;
    padding-left:10px;
    padding-right:10px;
}
.st-ubox-flex {
    display:flex;
    align-items: center;
}
.st-ubox-flex .st-ubox-flex-item{
    flex:1;
}
.btn-employment {
	text-align: left;
	white-space:nowrap;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 6px;
	padding-left: 30px;
    border-radius: 30px;
    font-size:25px;
    margin-left:5px;
    margin-right:5px;
}
.btn-employment .btn-employment-left {
    display:flex;
    align-items: center;
}
.btn-employment .btn-employment-left .btn-word {
    font-size: 18px;
}
.btn-employment .btn-arrow-right {
	flex:1;
	font-size:24px;
	text-align: right;
}
.form-flow-employment .form-flow-in {
    margin-right: 60px;
    margin-left: 60px;
}
.form-flow-employment .form-flow-text li.flow-text {
    flex-basis: 120px;
}
.list-table-office table {
    border-bottom: none !important;
}
.list-table-office th {
    padding-left:15px !important;
    padding-right:15px !important;
    padding-top:10px !important;
    padding-bottom:10px !important;
    font-size: 16px;
}
.list-table-office th .fas , .list-table-office th .far {
   font-size: 18px;
   margin-right:5px;
   color: #0071be;
}
.list-table-office td {
    padding-left:30px !important;
    padding-right:15px !important;
}
.list-table-office .office-item {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.list-table-office .office-check {
    flex-basis: 190px;
}
.list-table-office .office-right {
    flex:1;
}
.list-table-office .office-station {
    color:#666666;
}
.list-table-office .office-address {
    color:#666666;
}
.employment-decision {
    display:flex;
    border:solid 1px #2694d4;
    margin-bottom: 10px;
}
.employment-decision .ed-title {
    padding: 10px;
    flex-basis: 30%;
    flex-shrink: 0;
    background-color: #ffff99;
}
.employment-decision .ed-text {
    padding: 10px;
    border-left:solid 1px #2694d4;
    flex:1;
}
.employment-decision-table {
    margin-bottom: 10px;
}
.employment-decision-table table {
    width:100%;
    border-top:solid 1px #2694d4;
    border-left:solid 1px #2694d4;
}
.employment-decision-table table th , .employment-decision-table table td {
    border-bottom:solid 1px #2694d4;
    border-right:solid 1px #2694d4;
    padding:5px;
}
.employment-decision-table table th {
    background-color: #faf9f0;
    font-weight: 500;
}
.employment-decision-table table td {
    width:60%;
}
.employment-decision-table table .edt-title {
    background-color: #ffffff;
    text-align: left;
    font-size: 16px;
    padding-left:15px !important;
    padding-right:15px !important;
    padding-top:10px !important;
    padding-bottom:10px !important;
    background-color: #F7F7F7;
    font-weight: 600;
}
.employment-decision-table table .edt-title .far , .employment-decision-table table .edt-title .fas{ 
    margin-right:4px;
    color: #0071be;
}
.month-block {
    width:100%;
    border-top:solid 1px #bbbbbb;
    border-left:solid 1px #bbbbbb;
    border-right:solid 1px #bbbbbb;
    display:flex;
    align-items: center;
    padding:5px;
    background-color: #c1d3de;
}
.month-block .month-title {
    flex:1;
    font-size: 18px;
    font-weight: 500;
    text-align: center;
}
.week-block {
    width:100%;
    border-top:solid 1px #bbbbbb;
    border-left:solid 1px #bbbbbb;
    display:flex;
    flex-wrap:wrap;
}
.week-block .week-item {
    flex-basis: 14.285%;
    flex-shrink: 0;
    padding:5px;
    border-right:solid 1px #bbbbbb;
    border-bottom:solid 1px #bbbbbb;
    text-align: center;
    font-size: 16px;
}
.week-block .week-item.week-saturday {
    color:#0033ff;
    background-color: #cdf0f0;
}
.week-block .week-item.week-sunday {
    color:#ff3300;
    background-color: #ffebeb;
}
.day-block {
    width:100%;
    border-top:solid 1px #bbbbbb;
    border-left:solid 1px #bbbbbb;
    display:flex;
    flex-wrap:wrap;
}
.day-block .day-item {
    flex-basis: 14.285%;
    flex-shrink: 0;
    padding:5px;
    border-right:solid 1px #bbbbbb;
    border-bottom:solid 1px #bbbbbb;
    min-height: 110px;
}
.day-block .day-week {
    display:none;
}
.day-block .day-item .day-text {
    text-align: right;
    font-weight: 500;
    margin-bottom:5px;
}
.day-block .day-item.day-saturday {
    color:#0033ff;
    background-color: #cdf0f0;
}
.day-block .day-item.day-sunday {
    color:#ff3300;
    background-color: #ffebeb;
}
.day-block .day-item.day-empty {
    background-color: #f8f8f8;
}
.day-block .day-item.day-end {
    background-color: #f0f0f0;
}
.day-block .day-item.day-end .day-text {
    opacity: 0.5;
}
.day-block .day-item .day-link {
    line-height: 1.6em;
    margin-bottom:0px;
}
.day-block .day-item.inlink {
    background-image: url(../svg/mywork-cmark.svg);
	background-repeat: no-repeat;
	background-position: center center;
}
.employment-belongings {
    margin: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-left: 20px;
    padding-bottom: 0px;
}

/* reserve */
.reserve-icon-list {
    display:flex;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 20px;
}
.reserve-icon-list .ri-item {
    margin-right: 20px;
}
.reserve-btn-box {
    margin-bottom: 20px;
}
.reserve-btn {
    margin-left:5px;
    margin-right:5px;
}
.reserve-btn .reserve-btn-left {
    flex:1;
    text-align: left;
    height:175px;
}
.reserve-btn .reserve-btn-left .rbl-title {
    font-size: 20px !important;
    margin-top: 0px;
    margin-bottom: 10px;
}
.reserve-btn .reserve-btn-left p {
    font-size: 14px;
    font-weight:normal;
}
.reserve-btn .reserve-btn-left .rbl-texbox {
    background-color: #FFFFFF;
    padding-left:10px;
    padding-right:10px;
    border-radius: 5px;
    display: inline-block;
}
.reserve-btn .reserve-btn-left .rbl-texbox .rbl-texbox-text {
    text-align: center;
    font-size: 12px;
    color:#666666;
    padding-top:5px;
}
.reserve-btn .reserve-btn-right {
    font-size: 24px;
    padding-left:10px;
}
.reserve-btbox {
    margin-bottom: 30px;
    display: flex;
    justify-content: center;
}
.reserve-btbox .reserve-btbox-item {
    flex-basis: 60%;
}
.btn-reserve {
	text-align: left;
	white-space:nowrap;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 6px;
	padding-left: 30px;
    border-radius: 30px;
    font-size:25px;
    margin-left:5px;
    margin-right:5px;
}
.btn-reserve .btn-intro-left {
    display:flex;
    align-items: center;
}
.btn-reserve .btn-reserve-left .btn-word {
    font-size: 18px;
}
.btn-reserve .btn-arrow-right {
	flex:1;
	font-size:24px;
	text-align: right;
}

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

#nav-open {
	display:none;
}

}

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

.btn-center.sf-flex-none {
    display: block;
}
.btn-center.sf-flex-none .btn {
    margin-bottom:5px;
    width:100%;
}
.btn-center.sf-flex-none .btn:last-child {
    margin-bottom:0px;
}
.bt-box-center-pconly .btn {
    flex-basis: 100%;
    margin-bottom: 5px;
}
.bt-box-center-pconly .btn:last-child {
    margin-bottom: 0px;
}

/* header */
.h-header h1 {
	padding-left:10px;
	padding-right:10px;
    width:100% !important;
	text-align:center;
}
.h-header h1 span {
	display:none;
}
#h-box {
	width: 100%;
	flex-wrap:wrap;
	padding-bottom: 0px;
    padding-right: 0px;
}
.h-logo {
	flex-basis: 100%;
	margin-bottom:5px;
	margin-right:0px;
}
.h-logo a {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.h-logo a img {
	width: 175px;
	height: 45px;
}
.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;
}

/* pc-menu */
#pc-menu {
	display:none;
}

/* mainimg */
.mainimg {
	max-width:100%;
	flex-wrap: wrap;
    margin-top: 0px;
    margin-bottom: 20px;
}
.mainimg-left {
	flex-basis:100%;
}
.mainimg-left .mainimg-btbox {
	margin-right: 0px;
}
.mainimg-right {
	flex-basis:100%;
}
.areamenu .areamenu-menu {
	width: 100%;
}
.search-box {
	width: 100%;
	padding: 10px;
}
.search-cate-box .icon {
    padding-right: 10px;
}
.search-cate-box .link {
	flex-wrap:wrap;
	flex:1;
}
.search-cate-box .link .link-item {
	flex-basis:100%;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom:10px;
}
.search-cate-box .freeword {
    padding-right: 0px;
}
.search-third .search-flex .search-mapbox iframe {
	height:380px !important;
}
.research {
	padding: 10px;
}
.research .research-select .input-group-train {
	margin-top:10px;
}
.research .research-select .input-group-train .input-group-prepend , .research .research-select .input-group-train .form-control {
	flex-basis:100%;
}
.research .research-select .input-group-train .input-group-prepend .input-group-text {
	width:100%;
	border-bottom:0px;
	border-radius: 0.25rem 0.25rem 0rem 0rem;
}
.research .research-select .input-group-train .form-control {
	border-bottom:0px;
}
.research .research-select .input-group-train .form-control:last-child {
	border-bottom:1px solid #ced4da;
	border-radius: 0rem 0rem 0.25rem 0.25rem;
}
.input-group-train>.form-control+.form-control {
	margin-left: 0px;
}
.page-flex-50 {
	flex-wrap:wrap;
	margin-right:0px;
}
.page-flex-50 .flex-item-50 {
	flex-basis:100%;
	margin-right: 0px;
	margin-bottom: 10px;
}
.btn-schedule {
	flex-wrap:wrap;
	padding-top: 15px;
	padding-right: 20px;
	padding-bottom: 15px;
	padding-left: 20px;
}
.btn-schedule .btn-schedule-left {
    display:block
}
.btn-schedule-left .btn-word {
    margin-bottom: 5px;
    line-height: 1em;
}
.btn-schedule .btn-cap {
	flex-basis:100%;
}
.faq-link {
	display:block;
}
.faq-link .faq-link-cate {
	flex-basis:100%;
    margin-bottom:5px;
}
.intro-btbox {
    flex-wrap: wrap;
    margin-bottom: 0px;
}
.intro-btbox-item {
    flex-basis: 100%;
    margin-bottom: 20px;
}

.introduction-box-top {
	display:block;
}
.introduction-box-top .ibt-left {
    text-align: center;
    padding-right: 0px;
}
.introduction-box-top .ibt-left img {
    max-width:410px;
    width:100%;
    height:auto;  
}
.introduction-bottom-title .ibt-mark {
    width:100px;
    height:100px;
    margin-right:20px;
}
.introduction-bottom-title .ibt-mark img {
    width:100px;
    height:100px;   
}

/* cl-list */
.cl-list .cl-list-item {
	flex-basis:100%;
}

.intro-box {
	width: 100%;
}

/* movie */
.top-movie {
	width: 100%;
}
.top-movie video{
	height: auto;
	width: 100%;
}

/* 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%;
}

/* flex */
.form-2flex {
	flex-wrap: wrap;
}
.form-2flex .flex-item-left {
    flex-basis: 100%;
    margin-right:0px;
}
.form-2flex .flex-item-right {
    flex-basis: 100%;
    margin-left:0px;
}


/* flow */
.form-flow-employment {
	margin-bottom: 10px;
    display:flex;
}
.form-flow-employment .form-flow-in {
	height: auto;
	position: relative;
	margin-right: 0px;
	margin-left: 15px;
}
.form-flow-employment .form-flow-number {
	display:block;
}
.form-flow-employment .form-flow-number li.flow-number-space {
	height:5px;	
}
.form-flow-employment .form-flow-number li.flow-number {
	flex-basis: 30px;
	flex-shrink:0;
}
.form-flow-employment .form-flow-number li.flow-number .flow-number-mark {
	display: block;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}
.form-flow-employment .form-flow-bar {
	display:block;
	position: absolute;
	left: 14px;
	top: 0;
	height:100%;
}
.form-flow-employment li.flow-bar {
	height: 20%;
	width: 3px;
}
.form-flow-employment .form-flow-text {
	display:block;
	width:100%;
	padding: 0px;
	text-align: left;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 10px
}
.form-flow-employment .form-flow-text li.flow-text-space {
	height:9px;
}
.form-flow-text li.flow-text {
    width:100%;
    flex-shrink: 0;
    text-align: left;
    color: #999999;
    font-size: 14px;
    line-height: 1.4em;
    padding:3px;
}
.form-flow-text li.flow-text.select {
	color: #333333;
    background-color: #ffff99;
    border: 1px solid #CCCCCC;
    padding-left: 10px;
    padding-right: 10px;
}
.form-flow-text li.flow-text.select.end {
    padding-left: 0px;
    padding-right: 0px;
}

.search-control {
	flex-wrap:wrap;
}
.search-control .ctext{
	flex-basis:100%;
	text-align:center;
	margin-bottom:10px;
	padding-left: 0px;
}
.search-control .bt-box{
	flex-basis:100%;
	text-align:center;
}
.search-control .cpanel {
	flex-wrap:wrap;
}
.search-control .cpanel .input-group{
	flex-basis:100%;
	margin-bottom:5px;
}
.search-third .search-flex {
	flex-wrap:wrap;
}
.search-third .search-flex .search-imgbox {
	flex-basis:100%;
	text-align:center;
}
.search-third .search-flex .search-imgbox img {
	max-width:360px;
	height:auto;
}
.search-third .search-flex .search-mapbox {
	flex-basis:100%;
	text-align:center;
}
.search-third .search-flex .list-table {
	flex-basis:100%;
	padding-top:10px;
	padding-left:0px;
	padding-right:0px;
	padding-bottom:10px;
}
.search-third .search-flex  .search-btbox{
	flex-basis:100%;
}
.search-detail .detail-flex {
	flex-wrap:wrap;
}
.search-detail .detail-flex .detail-imgbox {
	flex-basis:100%;
	margin-bottom:10px;
}
#detailimg {
	max-width: 400px;
	margin-left:auto;
	margin-right:auto;
}
.search-detail .detail-flex .list-table {
	flex-basis:100%;
	padding-left:0px;
}

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

.table td:last-child, .table th:last-child {
    border-bottom: 1px solid #dee2e6;
}


.info-box .info-item {
}
.info-item .ii-right {
	display:block;
}
.info-item .date {
	margin-bottom:3px;
}
.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-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;
}

.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%;
	padding-top:0px;
	padding-bottom:0px;
}
.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;
}

.card-header-white {
	flex-wrap:wrap;
}
.card-header-white .card-htitle {
	flex-basis:100%;
	margin-top:5px;
}

.lb-flexbox .lb-flex-box-center {
	display: block;
}
.lfb-conter-left , .lfb-conter-right {
	width:100%;
}
.lfb-conter-left {
	margin-bottom:5px;
}


.table td:last-child, .table th:last-child {
    border-bottom: 1px dotted #dee2e6;
}

.under-pagination {
	margin-top:15px;
}

/* employment */
.employment-box .eb-left {
    flex-basis: 100%;
    padding-left:0px;
}
.employment-box .eb-left h2 {
    margin-top:0px;
}
.employment-box .eb-feature {
    margin-bottom:20px;
}
.employment-box .eb-right {
    flex-basis: 100%;
    padding-left:0px;
    text-align:center;
}
.employment-box .eb-right img {
    max-width: 410px;
    width:100%;
    height: auto;
}
.list-table-office .office-check {
    flex-basis: 100%;
    margin-bottom:5px;
}
.list-table-office .office-right {
    flex-basis: 100%;
}
.employment-decision {
    flex-wrap: wrap;
}
.employment-decision .ed-title {
    flex-basis: 100%;
}
.employment-decision .ed-text {
    flex-basis: 100%;
    padding: 10px;
    border-top:solid 1px #0071be;
    border-left:none;
}
.week-block {
    display: none;
}
.day-block .day-item {
    flex-basis: 100%;
    min-height:inherit;
    display:flex; 
    align-items: center;
}
.day-block .day-week {
    display:inline-block;
}
.day-block .day-item .day-text {
    text-align: left;
    margin-bottom: 0px;
    font-size: 16px;
    flex-basis: 80px;
}
.day-block .day-item .day-text .day-week {
    font-size: 13px;
}
.day-block .day-item .day-link {
    display:flex;
    flex-wrap: wrap;
}
.day-block .day-item .day-link a {
    white-space: nowrap;
    margin-right:15px;
}
.day-block .day-item.day-empty {
    display:none;
}
.st-ubox-flex {
    flex-wrap: wrap;
}
.st-ubox-flex .st-ubox-flex-item{
    flex-basis: 100%;
    margin-bottom: 5px;
}
.st-ubox-flex .st-ubox-flex-item:last-child {
    margin-bottom: 0px;
}
.reserve-btn .reserve-btn-left {
    height: auto;
}
.reserve-btbox {
}
.reserve-btbox .reserve-btbox-item {
    flex-basis: 100%;
}


#footer .f-box {
	width:100%;
	display:block;
}
#footer .f-box .f-menu {
	flex-wrap:wrap;
}
#footer .f-box .f-menu-item {
	flex-basis:50%;
	margin-right:0px;
}
#footer .f-box .copyright {
	font-size: 12px;
	text-align: center;
	padding-top:20px;
}

}

.error {
    padding-top:30px;
    padding-bottom:30px;
    text-align: center;
}
.error .error-img {
    text-align: center;
    margin-bottom: 20px;
}
.error .error-img img {
    width:180px;
    height:180px;
}
.error .error-title {    
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 15px;
}
.error .error-text {
    color: #777777;
    font-size: 14px;
}

.review-box {
    display:none !important;
}


/* footer-company-link */
#footer .f-menu .f-menu-item .sf-link {
    display:none;
}
@media screen and (max-width: 992px) {
#footer .f-menu .f-menu-item .pc-link {
    display:none;
}
#footer .f-menu .f-menu-item .sf-link {
    display:inherit;
}
}

/* 20250808 */
.preview-content #content {
	padding:10px;
	pointer-events: none;
}

/* 20250910 */
#featurecardPanel {
    top: 70px !important;
}