@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&display=swap');

/* datepicker
**********************************/
.datepicker--cells{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.datepicker--cell{border-radius:4px;box-sizing:border-box;cursor:pointer;display:-webkit-flex;display:-ms-flexbox;display:flex;position:relative;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;height:32px;z-index:1}.datepicker--cell.-focus-{background:#f0f0f0}.datepicker--cell.-current-{color:#4EB5E6}.datepicker--cell.-current-.-focus-{color:#4a4a4a}.datepicker--cell.-current-.-in-range-{color:#4EB5E6}.datepicker--cell.-in-range-{background:rgba(92,196,239,.1);color:#4a4a4a;border-radius:0}.datepicker--cell.-in-range-.-focus-{background-color:rgba(92,196,239,.2)}.datepicker--cell.-disabled-{cursor:default;color:#aeaeae}.datepicker--cell.-disabled-.-focus-{color:#aeaeae}.datepicker--cell.-disabled-.-in-range-{color:#a1a1a1}.datepicker--cell.-disabled-.-current-.-focus-{color:#aeaeae}.datepicker--cell.-range-from-{border:1px solid rgba(92,196,239,.5);background-color:rgba(92,196,239,.1);border-radius:4px 0 0 4px}.datepicker--cell.-range-to-{border:1px solid rgba(92,196,239,.5);background-color:rgba(92,196,239,.1);border-radius:0 4px 4px 0}.datepicker--cell.-selected-,.datepicker--cell.-selected-.-current-{color:#fff;background:#5cc4ef}.datepicker--cell.-range-from-.-range-to-{border-radius:4px}.datepicker--cell.-selected-{border:none}.datepicker--cell.-selected-.-focus-{background:#45bced}.datepicker--cell:empty{cursor:default}.datepicker--days-names{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:8px 0 3px}.datepicker--day-name{color:#FF9A19;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-flex:1;-ms-flex:1;flex:1;text-align:center;text-transform:uppercase;font-size:.8em}.-only-timepicker- .datepicker--content,.datepicker--body,.datepicker-inline .datepicker--pointer{display:none}.datepicker--cell-day{width:14.28571%}.datepicker--cells-months{height:170px}.datepicker--cell-month{width:33.33%;height:25%}.datepicker--cells-years,.datepicker--years{height:170px}.datepicker--cell-year{width:25%;height:33.33%}.datepickers-container{position:absolute;left:0;top:0}@media print{.datepickers-container{display:none}}.datepicker{background:#fff;border:1px solid #dbdbdb;box-shadow:0 4px 12px rgba(0,0,0,.15);border-radius:4px;box-sizing:content-box;font-family:Tahoma,sans-serif;font-size:14px;color:#4a4a4a;width:250px;position:absolute;left:-100000px;opacity:0;transition:opacity .3s ease,left 0s .3s,-webkit-transform .3s ease;transition:opacity .3s ease,transform .3s ease,left 0s .3s;transition:opacity .3s ease,transform .3s ease,left 0s .3s,-webkit-transform .3s ease;z-index:100}.datepicker.-from-top-{-webkit-transform:translateY(-8px);transform:translateY(-8px)}.datepicker.-from-right-{-webkit-transform:translateX(8px);transform:translateX(8px)}.datepicker.-from-bottom-{-webkit-transform:translateY(8px);transform:translateY(8px)}.datepicker.-from-left-{-webkit-transform:translateX(-8px);transform:translateX(-8px)}.datepicker.active{opacity:1;-webkit-transform:translate(0);transform:translate(0);transition:opacity .3s ease,left 0s 0s,-webkit-transform .3s ease;transition:opacity .3s ease,transform .3s ease,left 0s 0s;transition:opacity .3s ease,transform .3s ease,left 0s 0s,-webkit-transform .3s ease}.datepicker-inline .datepicker{border-color:#d7d7d7;box-shadow:none;position:static;left:auto;right:auto;opacity:1;-webkit-transform:none;transform:none}.datepicker--content{box-sizing:content-box;padding:4px}.datepicker--pointer{position:absolute;background:#fff;border-top:1px solid #dbdbdb;border-right:1px solid #dbdbdb;width:10px;height:10px;z-index:-1}.datepicker--nav-action:hover,.datepicker--nav-title:hover{background:#f0f0f0}.-top-center- .datepicker--pointer,.-top-left- .datepicker--pointer,.-top-right- .datepicker--pointer{top:calc(100% - 4px);-webkit-transform:rotate(135deg);transform:rotate(135deg)}.-right-bottom- .datepicker--pointer,.-right-center- .datepicker--pointer,.-right-top- .datepicker--pointer{right:calc(100% - 4px);-webkit-transform:rotate(225deg);transform:rotate(225deg)}.-bottom-center- .datepicker--pointer,.-bottom-left- .datepicker--pointer,.-bottom-right- .datepicker--pointer{bottom:calc(100% - 4px);-webkit-transform:rotate(315deg);transform:rotate(315deg)}.-left-bottom- .datepicker--pointer,.-left-center- .datepicker--pointer,.-left-top- .datepicker--pointer{left:calc(100% - 4px);-webkit-transform:rotate(45deg);transform:rotate(45deg)}.-bottom-left- .datepicker--pointer,.-top-left- .datepicker--pointer{left:10px}.-bottom-right- .datepicker--pointer,.-top-right- .datepicker--pointer{right:10px}.-bottom-center- .datepicker--pointer,.-top-center- .datepicker--pointer{left:calc(50% - 10px / 2)}.-left-top- .datepicker--pointer,.-right-top- .datepicker--pointer{top:10px}.-left-bottom- .datepicker--pointer,.-right-bottom- .datepicker--pointer{bottom:10px}.-left-center- .datepicker--pointer,.-right-center- .datepicker--pointer{top:calc(50% - 10px / 2)}.datepicker--body.active{display:block}.datepicker--nav{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;border-bottom:1px solid #efefef;min-height:32px;padding:4px}.-only-timepicker- .datepicker--nav{display:none}.datepicker--nav-action,.datepicker--nav-title{display:-webkit-flex;display:-ms-flexbox;display:flex;cursor:pointer;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.datepicker--nav-action{width:32px;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.datepicker--nav-action.-disabled-{visibility:hidden}.datepicker--nav-action svg{width:32px;height:32px}.datepicker--nav-action path{fill:none;stroke:#9c9c9c;stroke-width:2px}.datepicker--nav-title{border-radius:4px;padding:0 8px}.datepicker--buttons,.datepicker--time{border-top:1px solid #efefef;padding:4px}.datepicker--nav-title i{font-style:normal;color:#9c9c9c;margin-left:5px}.datepicker--nav-title.-disabled-{cursor:default;background:0 0}.datepicker--buttons{display:-webkit-flex;display:-ms-flexbox;display:flex}.datepicker--button{color:#4EB5E6;cursor:pointer;border-radius:4px;-webkit-flex:1;-ms-flex:1;flex:1;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:32px}.datepicker--button:hover{color:#4a4a4a;background:#f0f0f0}.datepicker--time{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;position:relative}.datepicker--time.-am-pm- .datepicker--time-sliders{-webkit-flex:0 1 138px;-ms-flex:0 1 138px;flex:0 1 138px;max-width:138px}.-only-timepicker- .datepicker--time{border-top:none}.datepicker--time-sliders{-webkit-flex:0 1 153px;-ms-flex:0 1 153px;flex:0 1 153px;margin-right:10px;max-width:153px}.datepicker--time-label{display:none;font-size:12px}.datepicker--time-current{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-flex:1;-ms-flex:1;flex:1;font-size:14px;text-align:center;margin:0 0 0 10px}.datepicker--time-current-colon{margin:0 2px 3px;line-height:1}.datepicker--time-current-hours,.datepicker--time-current-minutes{line-height:1;font-size:19px;font-family:"Century Gothic",CenturyGothic,AppleGothic,sans-serif;position:relative;z-index:1}.datepicker--time-current-hours:after,.datepicker--time-current-minutes:after{content:'';background:#f0f0f0;border-radius:4px;position:absolute;left:-2px;top:-3px;right:-2px;bottom:-2px;z-index:-1;opacity:0}.datepicker--time-current-hours.-focus-:after,.datepicker--time-current-minutes.-focus-:after{opacity:1}.datepicker--time-current-ampm{text-transform:uppercase;-webkit-align-self:flex-end;-ms-flex-item-align:end;align-self:flex-end;color:#9c9c9c;margin-left:6px;font-size:11px;margin-bottom:1px}.datepicker--time-row{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;font-size:11px;height:17px;background:linear-gradient(to right,#dedede,#dedede) left 50%/100% 1px no-repeat}.datepicker--time-row:first-child{margin-bottom:4px}.datepicker--time-row input[type=range]{background:0 0;cursor:pointer;-webkit-flex:1;-ms-flex:1;flex:1;height:100%;padding:0;margin:0;-webkit-appearance:none}.datepicker--time-row input[type=range]::-ms-tooltip{display:none}.datepicker--time-row input[type=range]:hover::-webkit-slider-thumb{border-color:#b8b8b8}.datepicker--time-row input[type=range]:hover::-moz-range-thumb{border-color:#b8b8b8}.datepicker--time-row input[type=range]:hover::-ms-thumb{border-color:#b8b8b8}.datepicker--time-row input[type=range]:focus{outline:0}.datepicker--time-row input[type=range]:focus::-webkit-slider-thumb{background:#5cc4ef;border-color:#5cc4ef}.datepicker--time-row input[type=range]:focus::-moz-range-thumb{background:#5cc4ef;border-color:#5cc4ef}.datepicker--time-row input[type=range]:focus::-ms-thumb{background:#5cc4ef;border-color:#5cc4ef}.datepicker--time-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid #dedede;background:#fff;cursor:pointer;transition:background .2s;margin-top:-6px}.datepicker--time-row input[type=range]::-moz-range-thumb{box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid #dedede;background:#fff;cursor:pointer;transition:background .2s}.datepicker--time-row input[type=range]::-ms-thumb{box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid #dedede;background:#fff;cursor:pointer;transition:background .2s}.datepicker--time-row input[type=range]::-webkit-slider-runnable-track{border:none;height:1px;cursor:pointer;color:transparent;background:0 0}.datepicker--time-row input[type=range]::-moz-range-track{border:none;height:1px;cursor:pointer;color:transparent;background:0 0}.datepicker--time-row input[type=range]::-ms-track{border:none;height:1px;cursor:pointer;color:transparent;background:0 0}.datepicker--time-row input[type=range]::-ms-fill-lower{background:0 0}.datepicker--time-row input[type=range]::-ms-fill-upper{background:0 0}.datepicker--time-row span{padding:0 12px}.datepicker--time-icon{color:#9c9c9c;border:1px solid;border-radius:50%;font-size:16px;position:relative;margin:0 5px -1px 0;width:1em;height:1em}.datepicker--time-icon:after,.datepicker--time-icon:before{content:'';background:currentColor;position:absolute}.datepicker--time-icon:after{height:.4em;width:1px;left:calc(50% - 1px);top:calc(50% + 1px);-webkit-transform:translateY(-100%);transform:translateY(-100%)}.datepicker--time-icon:before{width:.4em;height:1px;top:calc(50% + 1px);left:calc(50% - 1px)}.datepicker--cell-day.-other-month-,.datepicker--cell-year.-other-decade-{color:#dedede}.datepicker--cell-day.-other-month-:hover,.datepicker--cell-year.-other-decade-:hover{color:#c5c5c5}.-disabled-.-focus-.datepicker--cell-day.-other-month-,.-disabled-.-focus-.datepicker--cell-year.-other-decade-{color:#dedede}.-selected-.datepicker--cell-day.-other-month-,.-selected-.datepicker--cell-year.-other-decade-{color:#fff;background:#a2ddf6}.-selected-.-focus-.datepicker--cell-day.-other-month-,.-selected-.-focus-.datepicker--cell-year.-other-decade-{background:#8ad5f4}.-in-range-.datepicker--cell-day.-other-month-,.-in-range-.datepicker--cell-year.-other-decade-{background-color:rgba(92,196,239,.1);color:#ccc}.-in-range-.-focus-.datepicker--cell-day.-other-month-,.-in-range-.-focus-.datepicker--cell-year.-other-decade-{background-color:rgba(92,196,239,.2)}.datepicker--cell-day.-other-month-:empty,.datepicker--cell-year.-other-decade-:empty{background:0 0;border:none}

/* common
**********************************/

*{
	box-sizing: border-box;
	font-family: inherit;
}
body{
	background-color: #f1f1f1;
	font-family: 'Noto Sans JP', sans-serif;
}
* {
	font-family: inherit;
}
p{
	font-size: 16px;
	margin: 0;
}
a{
	text-decoration: none;
	color: inherit;
}
.row{
	display: flex;
}
.dg-header-asc-icon a{
	padding-right: 20px;
}
.dg-header-desc-icon a{
	padding-right: 20px;
}
.url {
    color: #1e83ca;
}
/* ボタン */
.btn{
    display: inline-block;
    cursor: pointer;
    min-width: 175px;
    text-align: center;
    font-size: 16px;
    border: solid 1px #1e83ca;
    border-radius: 5px;
    padding: 10px 20px;
    line-height: 1;
}
.btn-original input {
    /*display: inline-block;*/
    cursor: pointer;
    min-width: 175px;
    text-align: center;
    font-size: 16px;
    border: solid 1px #1e83ca;
    border-radius: 5px;
    padding: 10px 20px;
    line-height: 1;
    background-color: #1e83ca;
    color: #fff;
}
.btn:hover{
	opacity: .8;
}
.btn-large{
	width: 300px;
}
.btn-submit,
.btn-upload{
	background-color: #1e83ca;
	color: #fff;
}
.btn-submit:disabled,
.btn-upload:disabled,
.btn-large:disabled,
.btn-action:disabled,
.btn-search:disabled,
.btn-download:disabled,
.btn-delete:disabled {
	background-color: #c4c4c5;
	color: #626262;
}
.btn:disabled {
    display: inline-block;
    cursor: pointer;
    min-width: 175px;
    text-align: center;
    font-size: 16px;
    border: solid 1px #acacac !important;
    border-radius: 5px;
    padding: 10px 20px;
    line-height: 1;
}
.btn-upload {
    width: 280px;
    height: 55px;
}
input.logdelete{
	display: inline-block;
	cursor: pointer;
	text-align: center;
	background-color: #fff;
	border-radius: 5px;
	border: solid 1px #e7000e;
	color: #e7000e;
	min-width: auto;
	height: auto;
	padding: 5px 20px;
	line-height: 1;
}
.content-tab .content-tab_footer .btn,
.content_footer .btn,
.modal__footer .btn{
	height: 55px;
}
.btn-delete {
    background-color: #fff;
    border: solid 1px #e7000e;
    color: #e7000e;
}
.btn-download{
    background-color: #1e83ca;
    color: #fff;
}
.btn-action,
.btn-search {
    background-color: #fff;
    color: #1e83ca;
}
.btn-download{
	min-width: 200px;
	text-align: center;
	background-image: url(/img/icon_download.png);
	background-repeat: no-repeat;
	background-position: center left 20px;
	height: 55px;
	line-height: 55px;
	padding: 0 20px 0 45px;
}
.btn-clear {
    background: url(/img/icon_clear.png) no-repeat;
    background-position: center;
    display: inline-block;
    border: none;
    min-width: auto;
    width: 30px;
    height: 30px;
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
}
.btn-search{
	background: url(/img/icon_search.png) no-repeat;
	background-position: center;
	display: inline-block;
	min-width: auto;
	width: 55px;
	height: 40px;
	margin-left: 10px;
	vertical-align: top;
}
.hidden {
    display: none;
}
.btn-plus, .btn-plus:disabled {
    min-width: 10px;
    padding: 6px 10px;
}
.btn-attachment, .btn-list {
    width: 24px !important;
    height: 24px !important;
    margin-left: 10px;
    vertical-align: middle;
}
.btn-save,
.btn-save:disabled,
.btn-cancel,
.btn-cancel:disabled {
    min-width: 10px;
    padding: 10px 10px;
}

.btn-save,
.btn-send,
.btn-cancel,
.btn-emergency-stop,
.btn-preview {
    margin-left: 0 !important;
}


/* header
**********************************/
#logobody form {
    margin-left: 0 !important;
}
#logobody #logo{
	display: flex;
	align-items: center;
}
#logobody #logo h1{
	margin: 0;
	width: 300px;
}
#logobody #logo h1 img{
	height: 100px;
	width: auto;
}
#logobody h2{
	margin-left: 25px;
	text-align: left;
	font-size: 16px;
	font-weight: normal;
	flex: 1;
}
#logobody h2 img{
	margin-right: 10px;
}
#logobody nav{
	display: flex;
	margin-left: auto;
}
#logobody nav a{
	width: 170px;
	height: 100px;
	border-left: solid 1px #ddddde;
}
#logobody nav .icon{
	margin-top: 26px;
	height: 26px;
}
#logobody nav p {
	margin-top: 5px;
	font-size: 16px;
	color: #939394;
	text-align: center;
}

/* sidemenu
**********************************/
#menubody{
	background-color: #295a93;
	color: #fff;
}
#menubody .user{
	margin: 25px auto;
	text-align: center;
}
#menubody .user p{
	color: #fff;
}
#menubody #menu{
	background-color: #295a93;
	margin: 0;
	padding: 5px 0;
}
#menubody #menu.open {
	background-color: #2f66a7;
}
#menubody #menu a.rmenu{
	display: block;
	padding: 0 15px 5px;
}
#menubody #menu a.rmenu:hover{
	text-decoration: none;
	opacity: .8;
}
#menubody #menu a img{
	margin-right: 10px;
}
#menubody #menu .menuitem{
	color: #fff;
	font-size: 16px;
	margin: 0;
}
#menubody #menu .accordion{
	position: relative;
}
#menubody #menu .accordion::before,
#menubody #menu .accordion::after{
	position: absolute;
	content:'';
	display: block;
	background-color: #fff;
}
#menubody #menu .accordion.open::after{
	display: none;
}
#menubody #menu .accordion::before{
	width: 12px;
	height: 2px;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
}
#menubody #menu .accordion::after{
	width: 2px;
	height: 12px;
	top: 50%;
	right: 5px;
	transform: translateY(-50%);
}
#menubody #menu ul.rmenu{
	list-style: none;
	margin: 0;
	padding: 0;
}
#menubody #menu ul.rmenu li{
	padding: 5px 15px 5px 5em;
}
#menubody #menu ul.rmenu li.current,
#menubody #menu a.current{
	background: #2C72BE url(/img/uiupdate/sidemenu/current_arrow.png) no-repeat;
	background-position: center right 15px;
	background-size: 5px 10px;
}
#menubody #menu ul.rmenu a.submenu{
	color: #fff;
	font-size: 16px;
}

/* content
**********************************/
.help-content {
	width: calc(100% - 50px);
	margin: 10px 25px;
	padding-bottom: 35px;
	text-align: left;
}

.content{
	width: calc(100% - 50px);
	margin: 32px 24px;
	background-color: #fff;
	padding-bottom: 10px;
	text-align: left;
}
.content-noborder::before {
    content: '';
    display: block;
    height: 4px;
}
/* 検索等、見出し有用 */
.content-border::before{
	content:'';
	display: block;
	background-color: #295a93;
	height: 4px;
	/*margin: 3px 6px 0;*/
}
.content-border #contractlist{
	margin: 0;
}
.content-border .search{
	margin: 0;
	background-color: initial !important;
	font-size: 16px;
}
.content-border .searchcond{
    margin: 0;
    background-color: initial !important;
    font-size: 16px;
}
.content-border .title {
    margin-top: 10px;
    font-size: 20px;
    color: #295a93;
    padding: 0 30px;
    line-height: 1.5;
}

.content-border .title .table-result {
    display: block !important;
    margin-top: 5px !important;
    padding: 0 !important;
}

.content-border .title .table-result,
.content-border .title .table-result th,
.content-border .title .table-result td,
.content-border .title .table-result p {
    border: none !important;
    padding: 0 !important;
    color: #295a93 !important;
    font-size: 20px !important;
    font-weight: bold !important;
}

.content-border .search_table_area{
	text-align: left !important;
	width: 100% !important;
	padding: 0 30px;
	margin-top: 25px;
}
.content-border .search_table_area select ~ input,
.content-border .search_table_area input ~ select,
.content-border .search_table_area input ~ input{
	margin-left: 20px !important;
}
/* 見出し無用 */
.content-noheader{
	padding: 45px;
	display: flex;
}
.content-noheader .title{
	display: flex;
	align-items: center;
	font-size: 24px;
	width: 240px;
}
.content-noheader .title .icon{
	width: 72px;
}
.content-noheader .body{
	flex: 1;
	font-size: 16px;
}
.content-noheader .body .row ~ .row{
	margin-top: 45px;
}
.content-noheader .body .row p{
	margin-left: 45px;
}
.content-noheader.nav{
	border: solid 2px #295a93;
	border-radius: 10px;
	padding: 24px;
	align-items: center;
	justify-content: space-around;
}
.content-noheader.nav a{
	text-align: center;
}
.content-noheader.nav a .icon{
	height: 43px;
}
.content-noheader.nav a p{
	margin-top: 20px;
	font-size: 20px;
	color: #295a93;
}
.content-noheader.nav > .separate{
	background: #295a93;
	width: 1px;
	height: 75px;
}
.content-noheader table,
.information_table{
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	border-collapse: collapse;
	border-spacing: 0;
}

.content-noheader table tr th,
.content-noheader table td,
.information_table tr th,
.information_table td{
	border: solid 1px #c4c4c5;
	padding: 15px 15px;
	font-size: 16px;
	line-height: 1.875;
	font-weight: normal;
	vertical-align: top;
}
.content-noheader .infoDate{
	width:160px;
}
.content-noheader .infoVer {
	width:240px;
}
.content-noheader table tr th .infoContents {
	width:500px;
}

.content-noheader table th, .information_table th {
	background-color: #295a93;
	color: #fff;
}
.content-noheader table a,
.information_table a{
	color: #1e83ca;
}
.content-noheader .sns,
.content-noheader .sns a,
.content-noheader .award{
	display: flex;
	align-items: center;
}
.content-noheader .sns a ~ a,
.content-noheader .sns a ~ p,
.content-noheader .sns a ~ img,
.content-noheader .sns img ~ a,
.content-noheader .award a ~ a,
.content-noheader .award a ~ img,
.content-noheader .award img ~ a{
	margin-left: 20px;
}
.content-noheader .sns img,
.content-noheader .award img {
    max-width: 90px;
    margin-right: 10px;
}
/* 入力画面用 */
.content-tab{
	background-color: initial;
}
.content-tab .infotable{
	background: initial;
}
.content-tab .content-tab_header{
	width: 195px;
	height: 45px;
	line-height: 45px;
	background-color: #fff;
}
.content-tab .content-tab_body + .content-tab_header{
	margin-top: 60px;
}
.content-tab .content-tab_header .title{
	margin: 0;
	font-size: 16px;
	color: #295a93;
	text-align: center;
}
.content-tab .content-tab_header::before{
	content:'';
	display: block;
	background-color: #295a93;
	height: 4px;
	/*margin: 3px 6px 0;*/
}
.content-tab .content-tab_body{
	background-color: #fff;
}

.content-tab .content-tab_body2{
	background-color: #fff;
}
#monthlyinfo{
	margin: 0;
}

/* table
**********************************/
table{
    table-layout: fixed;
	border: solid 1px #f6f6f7;
	width: auto !important;
	margin: 24px 0 0 !important;
}
table,
table th,
table td {
	border-color: #939394;
}
.listheader td{
	background-color: #295a93;
	color:#fff;
	font-size: 16px;
	/*min-width: 225px;*/
}
.listheader td a{
	color:#fff;
	border-bottom: solid 1px #fff;
}
.actiontable td{
	background-color: #fff !important;
	font-size: 16px;
}
.table-scroll-x,
.table-scroll-y,
.table-scroll-xy{
	margin-top: 30px !important;
}
/*.table-scroll-x table,
.table-scroll-y table,
.table-scroll-xy table{
	margin-top: 0 !important;
}*/
.table-scroll-x::-webkit-scrollbar,
.table-scroll-xy::-webkit-scrollbar{
	height: 8px;
}
.logview::-webkit-scrollbar,
.table-scroll-y::-webkit-scrollbar,
.table-scroll-xy::-webkit-scrollbar{
	width: 8px;
}
.logview::-webkit-scrollbar-track,
.table-scroll::-webkit-scrollbar-track{
	background-color: #f6f6f7;
	border-radius: 100px;
}
.logview::-webkit-scrollbar-thumb,
.table-scroll::-webkit-scrollbar-thumb{
	background-color: #295a93;
	border-radius: 100px;
}
.table-scroll-x{
	overflow-x: scroll;
	width: 100%;
}
.table-scroll-y{
	display: inline-block;
	max-height: 300px;
	overflow-y: scroll;
}
.table-scroll-xy{
	width: 100%;
	max-height: 300px;
	overflow: scroll;
}

.invoicetable tfoot td {
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    background-color: #295a93;
    text-align: center;
}

.table-with-tooltip {
    margin-top: 16px !important;
}

/* 入力画面用 */
.content-tab .content-tab_body table{
	width: calc(100% - 40px) !important;
	border: none;
	border-collapse: collapse;
	border-spacing: 0;
	margin: 20px auto !important;
}
.content-tab .content-tab_body table tr td{
	font-size: 16px !important;
}
.content-tab .content-tab_body table tr td:nth-child(1){
	width: 250px !important;
	background-color: #295a93;
	padding: 15px 15px 15px 0px;
	border-top: solid 1px #fff;
}
.content-tab .content-tab_body table tr td:nth-child(1) p,
.content-tab .content-tab_body table tr .ttl{
	color: #fff !important;
	margin: 0 !important;
	text-align: right !important;
	font-size: 16px !important;
	font-weight: normal !important;
    display: block;
}
.content-tab .content-tab_body table tr td:nth-child(2){
	padding: 5px 30px;
	border: solid 1px #ddddde;
	border-left: none;
}

.content-tab .content-tab_body2 table {
    border: none;
    border-spacing: 0;
    margin: 10px 25px !important;
}
.content-tab .content-tab_body2 table tr td{
	font-size: 16px !important;
}
.content-tab .content-tab_body2 table tr td:nth-child(1){
	width: 220px !important;
	background-color: #295a93;
	padding: 15px 15px 15px 0px;
	border-top: solid 1px #fff;
}
.content-tab .content-tab_body2 table tr td:nth-child(1) p,
.content-tab .content-tab_body2 table tr .ttl{
	color: #fff !important;
	margin: 0 !important;
	text-align: right !important;
	font-size: 16px !important;
	font-weight: normal !important;
    display: block;
}
.content-tab .content-tab_body2 table tr td:nth-child(2){
	padding: 5px 30px;
	border: solid 1px #ddddde;
	border-left: none;
}

.content .separate,
.modal .separate{
	display: inline-block;
	margin: 0 20px;
}
.content-tab .content-tab_footer{
	margin-top: 25px;
}
.content_footer{
	margin: 25px 25px;
	text-align: left;
}
.content-tab .content-tab_footer .btn ~ .btn,
.content_footer .btn ~ .btn,
tr .btn{
	margin-left: 15px;
}
.content-tab_body div.logrecord{
	border: none;
}
.content-tab_body div.logrecord ~ .logrecord{
	border-top: solid 1px #ddddde;
}
.lnkHelp{
    margin-top: 8px;
    margin-right:24px;
}

.content-border .lnkHelp {
    margin-top: 8px;
    margin-right: 0px;
}

/* 検索画面用 */
.content .search-table,
.modal .search-table {
    width: 100% !important;
    border-collapse: collapse;
    border-spacing: 0;
    border: none;
    padding: 0;
    display: table !important;
}
.modal .search-table{
	margin-top: 0 !important;
}
.content .search-table tr,
.modal .search-table tr{
	border-top: solid 1px #ddddde;
	border-bottom: solid 1px #ddddde;
}
.content .search-table tr td,
.modal .search-table tr td{
	font-size: 16px;
}
.content .search-table tr td:nth-child(1),
.modal .search-table tr td:nth-child(1){
	width: 250px !important;
	padding: 15px 0px 15px 0px;
}
.content .search-table tr td:nth-child(1),
.content .search-table tr td:nth-child(1) p,
.content .search-table tr td:nth-child(1) span,
.modal .search-table tr td:nth-child(1) p{
	color: #295a93;
	text-align: right;
	font-weight: bold;
}
.content .search-table tr td:nth-child(2),
.modal .search-table tr td:nth-child(2){
	padding: 5px 30px !important;
	/* width: calc(100% - 250px); */
}
.content .search-table tr td:nth-child(2) > table{
	margin: 0 !important;
	border: none;
}
.content .search-table tr td:nth-child(2) > table td{
	padding: 0 !important;
	width: auto !important;
}
/* CSVインポート画面用 */
.content .csv-table{
	width: 100% !important;
	border-collapse: collapse;
	border-spacing: 0;
	border: none;
	padding: 0;
	display: table !important;
}
.content .csv-table tr {
    border-top: solid 1px #ffffff;
    border-bottom: solid 1px #ffffff;
}
.content .csv-table tr td{
	font-size: 16px;
}
.content .csv-table tr td:nth-child(1){
	width: 250px !important;
	padding: 15px 15px 15px 0px;
}
.content .csv-table tr td:nth-child(1) p{
	color: #295a93;
	text-align: right;
	font-weight: bold;
}
.content .csv-table tr td:nth-child(2){
	padding: 15px 30px 15px 0 !important;
	width: calc(100% - 250px);
}
.content .csv-table tr td:nth-child(2) > table{
	margin: 0 !important;
	border: none;
}
.content .csv-table tr td:nth-child(2) > table td{
	padding: 0 !important;
	width: auto !important;
}
.content .csvdetail-table {
	border: solid 1px #f6f6f7;
	background-color: #e8f2f9;
	margin: 16px 16px 16px 16px !important;
}
/* 検索結果用 */
.content .result-table,
.modal .result-table{
	border: none;
	border-collapse: collapse;
	border-spacing: 0;
	margin-top: 0 !important;
}
.modal .result-table{
	width: 100% !important;
}
.content .result-table th,
.content .result-table td,
.modal .result-table th,
.modal .result-table td{
	padding: 5px 10px;
	font-size: 16px;
	border: solid 1px #ddddde;
}
.content .result-table th,
.modal .result-table th{
	text-align: center !important;
	background-color: #295a93;
	color: #fff;
}
.content .result-table th a,
.modal .result-table th a,
.dataTables_wrapper table tr th a{
	border-bottom: solid 1px #fff;
}
.content .result-table td,
.modal .result-table td{
	border: solid 1px #ddddde;
}

.content .result-table td,
.modal .result-table .stackItem {
    position: relative;
}

/* セル幅、位置 */
.cell-checkbox {
    min-width: 50px;
}
.cell-age, /*年齢*/
.cell-gender, /*性別*/
.cell-kind /*種別*/ 
{
    min-width: 100px;
}
.cell-name /*名前*/ {
    min-width: 170px;
}
.cell-another /*その他*/ {
    min-width: 400px;
}
.cell-count /*人数*/ {
    min-width: 50px;
}
.cell-qual, /**/
.cell-spec, /**/
.cell-price, /*値段*/
.cell-checkbox-batch {
    min-width: 110px;
}
.cell-price-long /*値段*/ {
    min-width: 140px;
}
.cell-price-long2 /*値段*/ {
	min-width: 150px;
}

.cell-price-long3 /*値段*/ {
	min-width: 180px;
}
.cell-unit-cost /*値段*/ {
    min-width: 170px;
}
.cell-amount /*値段*/ {
    min-width: 180px;
}
.cell-date /*年月日*/ {
    min-width: 130px;
}
.cell-company, /*会社*/
.cell-address, /*住所*/
.cell-contract, /*契約*/
.cell-station /*駅*/ {
	min-width: 210px;
	max-width: 400px;
	word-wrap: break-word;
}

.cell-contract-inner {
    max-width: 340px !important;
    word-wrap: break-word !important;
}

.cell-time, /*時間*/
.cell-version /*バージョン*/ {
    min-width: 208px;
}
.cell-daterange /*年月日～年月日*/ {
    min-width: 150px;
}
.cell-datetime {
    min-width: 180px;
}
.cell-title /*タイトル*/ {
    min-width: 265px;
}
.cell-recipient {
    min-width: 150px;
}
.cell-issue-date {
    min-width: 170px;
}

.cell-sent-status,
.cell-download-status,
.cell-password-status,
.cell-checkbox-total,
.cell-checkbox-password {
    min-width: 120px;
}

.cell-attachment {
    min-width: 130px;
}

.cell-viewing-status {
    min-width: 170px;
}

.cell-multiple-rows {
    display: flex;
    align-items: center;
    width: max-content;
    float: right;
}

.cell-price,
.cell-price-long,
.cell-price-long2,
.cell-price-long3,
.cell-attachment {
    text-align: right;
}
.cell-checkbox,
.cell-time,
.cell-version,
.cell-date,
.cell-daterange,
.cell-datetime,
.cell-age,
.cell-gender,
.cell-kind,
.cell-checkbox-batch,
.cell-sent-status,
.cell-download-status,
.cell-password-status,
.cell-viewing-status,
.cell-checkbox-total,
.cell-checkbox-password {
    text-align: center;
}

.align-left {
    text-align: left;
}

.align-right {
    text-align: right;
}

.text-explanation {
    font-size: 16px;
    color: #295a93;
    margin-left: 20px;
}

/* datatable */
.dataTables_wrapper .custom-select-sm{
    min-width: 100px;
}
.dataTables_wrapper table {
    margin-top: 16px;
}
.dataTables_wrapper table tr:nth-child(1) th {
    color: #fff;
    font-size: 16px;
    font-weight:bold;
    background-color: #295a93;
    text-align: center;
    cursor: pointer;
}
.dataTables_wrapper table tr:nth-child(2) th {
    background-color: #fff;
}

.dataTables_wrapper table tr th.sorting_disabled {
    cursor: default !important;
}

.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter {
    margin-top: 16px;
    padding-left: 16px;
}

.dataTables_wrapper .dataTables_info {
    margin-top: 16px;
    margin-left:16px;
}
.dataTables_wrapper .dataTables_paginate{
    margin-top: 16px;
}
.dataTables_wrapper .dataTables_paginate ul {
    list-style: none !important;
    display: flex;
}

.dataTables_wrapper .dataTables_paginate li ~ li {
    margin-left: 4px;
}

.dataTables_wrapper .dataTables_paginate .page-item a {
    padding: 2px 5px;
    border: solid 1px #ddddde;
    border-radius: 5px;
    color: #295a93;
}
.dataTables_wrapper .dataTable,
.dataTables_wrapper .dataTables_info {
    margin-left: 16px !important;
	margin-right: 16px !important;
}

.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_info {
    font-size: 15px;
    color: #295a93;
}

.active a {
    color: #fff !important;
    background-color: #295a93 !important;
}
/* フォーム
**********************************/
/* 入力フィールド */
input[type=text],
input[type=search],
input[type=password],
input[type=mail],
input[type=tel],
input[type=number],
select {
    min-width: 250px;
    font-size: 14px;
    padding: 7px 10px;
    background-color: #f6f6f7;
    border-radius: 5px;
    border: solid 1px #acacac;
}
input[type=text]:disabled,
input[type=search]:disabled,
input[type=password]:disabled,
input[type=mail]:disabled,
input[type=tel]:disabled,
input[type=number]:disabled,
select:disabled {
	min-width: 250px;
	font-size: 14px;
	padding: 7px 10px;
	background-color: #c4c4c5 !important;
	border-radius: 5px;
	border: solid 1px #acacac !important;
	opacity: 1;
}
textarea:disabled {
	font-size: 14px;
	padding: 7px 10px;
	background-color: #c4c4c5 !important;
	border-radius: 5px;
	border: solid 1px #acacac !important;
}

textarea {
	font-size: 14px;
	padding: 7px 10px;
	background-color: #f6f6f7;
	border-radius: 5px;
	border: solid 1px #acacac;
}
.input-checkbox input,
.input-radio input{
	display: none;
}
.input-radio,
.input-radio tr th,
.input-radio tr td,
.input-checkbox,
.input-checkbox tr th,
.input-checkbox tr td{
	border: none !important;
	background-color: #fff !important;
	font-weight: normal !important;
}
.input-checkbox input + label,
.input-radio input + label{
	cursor: pointer;
	display: inline-block;
	position: relative;
	width: auto;
	font-size: 16px;
}
.input-checkbox input + label {
	padding: 5px 0 5px 35px;
	line-height: 41px;
}
.input-radio input + label{
	padding: 8px 20px 5px 35px;
}
.input-checkbox input + label::before{
	content: '';
	display: block;
	background: #f6f6f7;
	border: 1px solid #acacac;
	height: 20px;
	width: 20px;
	left: 5px;
	margin-top: -10px;
	position: absolute;
	top: 50%;
}
.input-checkbox input + label::after{
	border-right: 4px solid #295a93;
	border-bottom: 4px solid #295a93;
	content: '';
	display: block;
	height: 19px;
	left: 15px;
	margin-top: -15px;
	opacity: 0;
	position: absolute;
	top: 50%;
	transform: rotate(45deg);
	width: 6px;
}
.input-checkbox input:checked + label::after,
.input-radio input:checked + label::after {
	opacity: 1;
}
.input-checkbox input:disabled + label::before {
	background-color: #c4c4c5;
}
.input-checkbox input:disabled + label::after{
	border-color: #626262;
}
.input-radio input + label::before{
	content: '';
	display: block;
	background: #f6f6f7;
	border-radius: 50%;
	border: 1px solid #acacac;
	height: 30px;
	width: 30px;
	position: absolute;
	top: 4px;
	left: 0;
}
.input-radio input + label::after{
	content: '';
	display: block;
	background-color: #295a93;
	border-radius: 50%;
	width: 16px;
	height: 16px;
	opacity: 0;
	position: absolute;
	top: 20px;
	left: 16px;
	transform: translateX(-50%) translateY(-50%);
}
.input-radio input:disabled + label::before {
	background-color: #c4c4c5;
}
.input-radio input:disabled + label::after{
	background-color: #626262;
}


.inputWrap{
	position: relative;
	display: inline-block;
}
.input-medium{
	width: 230px !important;
}
.input-large{
	width: 520px !important;
}
.input-hour,
.input-minute,
.input-age{
	min-width: auto !important;
	width: 90px !important;
}
.input-zip1{
	min-width: auto !important;
	width: 80px !important;
}
.input-zip2{
	min-width: auto !important;
	width: 100px !important;
}

.datepicker-here {
    background: #f6f6f7 url(/img/uiupdate/icon_calendar.png) no-repeat;
    background-position: center right 0px;
    background-size: contain;
}

.stepper{
	display: inline-block;
	vertical-align: top;
}
.stepper .up,
.stepper .down{
	cursor: pointer;
	width: 30px;
	border: solid 1px #acacac;
}
.stepper .up{
	background: #f6f6f7 url(/img/uiupdate/stepper_up.png) no-repeat;
    background-position: center;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	height: 20px;
}
.stepper .down{
	background: #f6f6f7 url(/img/uiupdate/stepper_down.png) no-repeat;
    background-position: center;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	border-top: none;
	height: 21px;
}

.required{
	color: #facd28 !important;
	font-size: 26px;
	font-weight: bold;
	line-height: 0;
	vertical-align: sub;
}
.non_required {
    color: #295a93 !important;
    font-size: 26px;
    font-weight: bold;
    line-height: 0;
    vertical-align: sub;
}

.non_required_2 {
    color: #fff !important;
    font-size: 26px;
    font-weight: bold;
    line-height: 0;
    vertical-align: sub;
}

.requiredMark{
	padding: 0 10px 1px;
	border: solid 1px #fff;
	border-radius: 3px;
	background-color: #e7000e;
	color: #fff;
	font-size: 10px;
	margin-left: 10px;
}
.modal-window, .modal-window2, .modal-window3, .modal-window4, .modal-window-ph6, .modal-window-return {
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 960px;
	max-height: 80vh;
	background-color: #fff;
	border-radius: 5px;
	z-index: 999;
	padding: 16px;
	overflow-y: scroll;
}

.overlay, .overlay2, .overlay3, .overlay4, .overlay-ph6 {
	display: none;
	position: fixed;
	background: rgba(0,0,0,0.8);
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 998;
	opacity: 0.5
}

.no_scroll {
    overflow: hidden;
}

.labelcount {
    margin-left: 30px;
    padding-top: 10px;
    font-size: 18px;
    color: #295a93;
    font-weight: bold;
}
/* 入力画面用 */
.content .input-table{
	width: calc(100% - 40px) !important;
	border-collapse: collapse;
	border-spacing: 0;
	padding: 0;
	display: table !important;
}
.content .input-table tr{
	border-top: solid 1px #ddddde;
	border-bottom: solid 1px #ddddde;
}
.content .input-table tr td{
	font-size: 16px;
}
.content .input-table tr td:nth-child(1){
	width: 210px !important;
	background-color: #295a93;
	padding: 15px 15px 15px 0px;
	border-top: solid 1px #fff;
}
.content .input-table tr td:nth-child(1) p{
	display: block;
	color: #fff !important;
	margin: 0 !important;
	text-align: right;
	font-size: 16px !important;
	font-weight: normal !important;
}
.content .input-table tr td:nth-child(2){
	padding: 5px 30px;
	border-left: none;
}
.content .input-table tr td:nth-child(2) > table {
    margin: 0 !important;
    border: none;
}
.content .input-table tr td:nth-child(2) > table td {
    padding: 0 !important;
    width: auto !important;
}
/* 経営分析検索画面用 */
.content .managesearch-table{
	/*width: 100% !important;*/
	border-collapse: collapse;
	border-spacing: 0;
	border: none;
	padding: 0;
	display: table;
}
.content .managesearch-table tr{
	border-top: solid 1px #ddddde;
	border-bottom: solid 1px #ddddde;
}
.content .managesearch-table tr td{
	font-size: 16px;
}
.content .managesearch-table tr td:nth-child(1){
	width: 235px !important;
	padding: 15px 30px;
}
.content .managesearch-table tr td:nth-child(1) p{
	color: #295a93;
	text-align: right;
	font-weight: bold;
}
.content .managesearch-table tr td:nth-child(2){
	padding: 15px 30px 15px 0 !important;
	width: calc(100% - 235px);
}
.content .managesearch-table tr td:nth-child(2) > table{
	margin: 0 !important;
	border: none;
}
.content .managesearch-table tr td:nth-child(2) > table td{
	padding: 0 !important;
	width: auto !important;
}

/* ログイン
**********************************/
.loginWrap {
    background: #fff;
    display: flex;
    height: 100vh;
    padding-bottom: 20%;
    position: relative;
}

#login {
    margin: 0;
    padding: 0;
    min-width: auto;
    width: 50%;
    height: 100vh;
    text-align: center;
    position: relative;
}

    #login .logindiv {
        position: absolute;
        top: 40%;
        left: 50%;
        transform: translateY(-50%) translateX(-50%);
        z-index: 2;
    }

        #login .logindiv img {
            margin-bottom: 15px;
        }

    #login .loginbox {
        width: 450px;
        padding: 40px 24px;
        box-shadow: 3px 5px 23px -3px #dedede;
        background: #fff;
    }

        #login .loginbox input {
            display: block;
            width: 100%;
            border-radius: 3px;
        }

            #login .loginbox input ~ input {
                margin-top: 20px;
            }

        #login .loginbox a {
            display: block;
            margin-top: 15px;
            color: #295a93;
            font-size: 14px;
        }

        #login .loginbox .btn-submit {
            margin-top: 40px;
        }

#login-info {
    width: 50%;
    background: #0194D9 url(/img/uiupdate/login/bg.jpg) no-repeat;
    background-position: right bottom;
    background-size: cover;
    text-align: center;
    height: 100vh;
    position: relative;
}

    #login-info h1 {
        font-size: 2.6vw;
        color: #fff;
        text-shadow: #fff;
    }

    #login-info img {
        display: block;
        margin: 60px auto 0;
    }

    #login-info .btn {
        background-color: #fff;
        color: #295a93;
        font-size: 24px;
        font-weight: bold;
        width: 386px;
        line-height: 80px;
        height: 80px;
        box-shadow: 3px 5px 23px -11px #333;
        padding: 0;
    }

.login-infoBody {
    position: absolute;
    width: 100%;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    z-index: 2;
    padding-bottom: 100px;
}

#login-bottom {
    position: fixed;
    bottom: 30px;
    width: 100%;
    height: 35vh;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
    text-align: center;
}

    #login-bottom img {
        max-width: 100%;
        max-height: 100%;
    }


/* モーダル
**********************************/
.modal{
	display: none;
}
.modal__overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0,0,0,0.6);
  display: flex;
  justify-content: center;
  align-items: center;
}
.modal__container {
  background-color: #fff;
  width: 824px;
  max-height: 80vh;
  border-radius: 4px;
  overflow-y: auto;
}
.modal__container::before{
	content:'';
	display: block;
	background-color: #295a93;
	height: 4px;
	/*margin: 3px 6px 0;*/
}
.modal__container::-webkit-scrollbar{
	width: 5px;
}
.modal__container::-webkit-scrollbar-track{
	background-color: #f6f6f7;
	border-radius: 100px;
}
.modal__container::-webkit-scrollbar-thumb{
	background-color: #295a93;
	border-radius: 100px;
}
.modal__header {
	padding: 12px 20px 30px;
}
.modal__header p,
.modal__container .tablename{
	font-size: 16px;
	font-weight: bold;
	color: #295a93;
}
.modal__container .tablename{
	padding: 30px 20px 10px;
}
.modal__footer {
	padding: 25px 0 30px;
	text-align: center;
}
.modal__footer .btn ~ .btn{
	margin-left: 15px;
}
/* アニメーション */
@keyframes mmfadeIn {
    from { opacity: 0; }
      to { opacity: 1; }
}
@keyframes mmfadeOut {
    from { opacity: 1; }
      to { opacity: 0; }
}
@keyframes mmslideIn {
  from { transform: translateY(15%); }
    to { transform: translateY(0); }
}
@keyframes mmslideOut {
    from { transform: translateY(0); }
    to { transform: translateY(-10%); }
}
.micromodal-slide {
  display: none;
}
.micromodal-slide.is-open {
  display: block;
}
.micromodal-slide[aria-hidden="false"] .modal__overlay {
  animation: mmfadeIn .3s cubic-bezier(0.0, 0.0, 0.2, 1);
}
.micromodal-slide[aria-hidden="false"] .modal__container {
  animation: mmslideIn .3s cubic-bezier(0, 0, .2, 1);
}
.micromodal-slide[aria-hidden="true"] .modal__overlay {
  animation: mmfadeOut .3s cubic-bezier(0.0, 0.0, 0.2, 1);
}
.micromodal-slide[aria-hidden="true"] .modal__container {
  animation: mmslideOut .3s cubic-bezier(0, 0, .2, 1);
}
.micromodal-slide .modal__container,
.micromodal-slide .modal__overlay {
  will-change: transform;
}

/*一致するレコードがないとき*/
.no_record, .no_record1, .no_record2, .no_record3, .no_record4 {
	display: none;
}

.no_record_fadein {
	display: block !important;
	margin-left: 30px;
	margin-bottom: 10px;
	font-size: 16px;
}

/*契約条件を変更して修正時のヘルプアイコン関連*/
.cp_tooltip {
	position: relative;
	display: inline-block;
	cursor: pointer;
	margin: 10px 30px;
}

.cp_tooltip_fadein {
	display: inline-block !important;
}

.cp_tooltip .cp_tooltiptext {
	position: absolute;
	z-index: 1;
	top: -16px;
	left: 150%;
	visibility: hidden;
	/*width: auto;*/
	white-space: nowrap;
	padding: 0.3em 0.5em;
	transition: opacity 1s;
	text-align: center;
	opacity: 0;
	color: #ffffff;
	border-radius: 6px;
	background-color: #1e83ca;
	margin: 3px 6px;
	text-align: left;
}

.cp_tooltip .cp_tooltiptext span {
	display: block;
	text-align: left;
}

.cp_tooltip .cp_tooltiptext::after {
	position: absolute;
	top: 40%;
	right: 100%;
	margin-left: -5px;
	content: ' ';
	border: 5px solid transparent;
	border-right-color: #1e83ca;
	text-overflow: ellipsis;
}

.cp_tooltip:hover .cp_tooltiptext {
	visibility: visible;
	opacity: 1;
}

.contract-terms-checkbox {
	display: flex;
}

/*入金、振込情報遷移関連*/
.choice {
	margin-top: 30px;
	margin-left: 30px;
}

#input {
	margin-left: 127px;
}

#revise {
	margin-left: 127px;
}

.table-actions-top, .table-actions-bottom {
    display: none;
    width: 98%;
}

.table-actions-bottom {
	margin-top: -132px;
}

.table-actions-bottom-list {
    margin-top: 30px !important;
}

#btnBatchTop {
    position: relative;
    float: right;
    top: 47px;
}

#btnCombineTop {
    position: relative;
    float: right;
    top: 47px;
    margin-right: 10px;
}

.tooltipBatchTop {
    position: relative;
    float: right;
    margin-right: 20px;
    top: 50px;
}

#btnBatchBottom {
	position: relative;
	float: right;
	top: -4px;
}

.tooltipBatchBottom {
	position: relative;
	float: right;
	margin-right: 20px;
}

.tooltipBatchTop .tooltipBatchText, .tooltipBatchBottom .tooltipBatchText {
    visibility: hidden;
    width: 600px;
    background-color: #1e83ca;
    font-size: 16px;
    color: #fff;
    text-align: justify;
    border-radius: 12px;
    padding: 12px;
    position: absolute;
    z-index: 1;
    top: -40px;
    right: 140%;
}

.tooltipBatchTop .tooltipBatchText::after, .tooltipBatchBottom .tooltipBatchText::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 100%;
    margin-top: -5px;
    border-width: 8px;
    border-style: solid;
    border-color: transparent transparent transparent #1e83ca;
}

.tooltipBatchTop:hover .tooltipBatchText, .tooltipBatchBottom:hover .tooltipBatchText {
	visibility: visible;
}

.tooltipInvoiceBatchText {
    top: -30px !important;
    width: 650px !important;
}

.tooltipCustomText, .tooltipOrderIssuanceText, .tooltipMonthlyPaymentIssuanceText {
    top: -20px !important;
}

.tooltipCustom {
    top: -60px !important;
}

.tooltipCustomText {
    width: 450px !important;
}

input[name^="dg:_ct"][name$=":cbBatch"],
input[name^="dgList:_ct"][name$=":cbCombine"],
input[name^="dgList:_ct"][name$=":cbPassword"] {
    transform: scale(1.5);
}

.gridview-footer-title {
    text-align: center;
    color: #FFFFFF;
}

.gridview-footer-value {
    text-align: right;
    color: #FFFFFF;
}

.sorting_asc a {
    background-image: url(/img/asc.png);
    background-repeat: no-repeat;
    background-position: right center;
    padding-right: 20px;
}

.sorting_desc a {
    background-image: url(/img/desc.png);
    background-repeat: no-repeat;
    background-position: right center;
    padding-right: 20px;
}

/* icon
**********************************/
.icon-mail {
    background-image: url(/img/icon_mail.png);
}

/* tab
**********************************/
.content-tab .content-tab_search {
    padding: 15px 30px;
    background: #fff;
}

.content-tab .content-tab_list > input[name="tabs"] {
    display: none;
}

.content-tab .content-tab_list > input[name="tabs"] + label {
    display: inline-block;
    position: relative;
    background: #EEE;
    border-top: 5px solid #295a93;
    min-width: 200px;
    padding: 10px 35px;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    color: #295a93;
}

.content-tab .content-tab_list > input[name="tabs"]:checked + label {
    background: #FFF;
}

.content-tab .content-tab_table {
    background: #fff !important;
}

.content-tab .content-tab_table .result-table .table-scroll {
    margin: 0 !important;
}

    /* password input download
**********************************/
    #password-input-download {
        padding: 20px 50px;
		position:relative;
		text-align:center;
		top:10%;
		margin:30px auto;
		position: relative;
    }

    .password-input-download-help {
		position: relative;
		z-index: 1;
    }

.password-input-title{
	font-size:16px;
	margin-top:-30px;

}
.password-input-label {
	text-align: center;
	margin-bottom: 20px;
}

.password-input-error {
    text-align: center;
    margin-bottom: 20px;
}

.password-input-box {
	/*パスワード入力枠、シャドウ*/
	width: 450px;
	margin: 40px auto;
	padding: 40px 24px;
	box-shadow: 3px 5px 23px -3px #dedede;
	background: #fff;
}

/* download page
**********************************/
.download-page {
    padding: 20px 50px;
}

.download-page-header {
    padding-top: 40px;
    padding-bottom: 10px;
    margin-left: -20px;
    margin-right: -20px;
}

.download-page-header:after {
    clear: both;
}

.download-page-column {
    float: left;
    width: 33.33%;
}

.download-page-sender {
    margin-bottom: 20px;
}

.download-page-deadline {
    text-align: center;
}

.download-page-action {
    text-align:right;
}

#btnDownloadAttachment {
    margin-right: 10px;
    font-size: 12px !important;
}

#btnDownloadForm {
    font-size: 12px !important;
}

.download-page-preview {
    text-align: center;
    margin-top: 75px;
}

#downloadPagePreviewForm {
    width: 80%;
    height: 600px;
}

.modal-preview-title {
    text-align: center;
}

.modal-preview-panel {
    margin-bottom: 20px;
    text-align: center;
}

#previewPanel {
    width: 90%;
    height: 500px;
}

#previewPanelDownloadPage {
    width: 90%;
    height: 75%;
}

.modal-preview-download-button {
    text-align: right;
    margin-right: 52px;
    margin-bottom: 10px;
}

.pl-0 {
    padding: 0 15px 5px 0 !important;
}

.sub-submenu {
    padding: 5px 10px 5px 10px !important;
}

/* download page info
**********************************/
.download-page-info-help {
    position: relative;
    z-index: 1;
}

#download-page-info-content {
    padding: 20px 50px;
    position: relative;
    text-align: center;
    top: 10%;
    margin: 30px auto;
    position: relative;
}

.download-page-info-title {
    font-size: 16px;
    margin-top: -30px;
    color: #e7000e;
}

.download-page-info-section {
    font-size: 16px;
    margin-top: 50px;
}

.download-page-info-footer {
    font-size: 16px;
    margin-top: 30px;
}