@charset "utf-8";


/*==================================================================
content
==================================================================*/
#content {
	flex: 1;
	display: flex;
	flex-direction: column;
	min-height: 100vh;
	position: relative;
	z-index: 2;
	background: #fff;
}

/*--------------------------------------------------------
user
--------------------------------------------------------*/
#content #user {
	display: flex;
	justify-content: flex-end;
	background: #f7f7f7;
	height: 59px;
	border-bottom: 1px solid #e2e4e8;
}
#content #user p.name {
	box-sizing: border-box;
	max-width: 24em;
	height: 59px;
	padding: 20px 28px 0;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.2;
	color: #25292e;
	vertical-align: top;
	border-left: 1px solid #e2e4e8;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
#content #user dl.email {
	display: relative;
	cursor: pointer;
	min-height: 65px;
	z-index: 1;
}
#content #user dl.email dt {
	box-sizing: border-box;
	display: block;
	height: 59px;
	padding: 22px 28px 0;
	font-size: 14px;
	line-height: 1.2;
	color: #25292e;
	border-left: 1px solid #e2e4e8;
	white-space: nowrap;

}
#content #user dl.email:hover dt {
	color: #227ae8;
	background: #fff;
}
#content #user dl.email dt span {
	display: inline-block;
	max-width: 15em;
	margin-right: 17px;
	overflow: hidden;
	text-overflow: ellipsis;
}
#content #user dl.email dt i {
	position: relative;
	top: -1px;
	color: #bbc0c7;
}
#content #user dl.email:hover dt i {
	color: #227ae8;
}
#content #user dl.email dd {
	display: none;
	position: absolute;
	top: 60px;
	right: 10px;
	border-left: 1px solid #e2e4e8;
	border-right: 1px solid #e2e4e8;
	border-bottom: 1px solid #e2e4e8;
}
#content #user dl.email:hover dd {
	display: block;
}
#content #user dl.email dd:after {
	content: '';
	display: block;
	position: absolute;
	top: -10px;
	right: 5px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 9px 10px 9px;
	border-color: transparent transparent #ffffff transparent;
	filter: drop-shadow(0px 0px 0px #666);
}
@media all and (-ms-high-contrast: none) {
	*::-ms-backdrop, #content #user dl.email dd:after {
		display: none;
	}
}
#content #user dl.email dd ul li a {
	display: block;
	padding: 16px 44px 16px 40px;
	color: #0a4998;
	background: #fff;
}
#content #user dl.email dd ul li a:hover {
	color: #227ae8;
	background: #f7f7f7;
}
#content #user dl.email dd ul li a i {
	padding-right: 6px;
	color: #bbc0c7;
}
#content #user dl.email dd ul li a:hover i {
	color: #227ae8;
}

/*--------------------------------------------------------
customer
--------------------------------------------------------*/
#content #user .customer {
	flex: 1 1 auto;
	display: flex;
}
#content #user .customer dl {
	display: relative;
	cursor: pointer;
	min-height: 65px;
	margin: 10px 10px 0 0;
}
#content #user .customer dl dt {
	position: relative;
	box-sizing: border-box;
	min-width: 300px;
	height: 40px;
	padding: 6px 10px;
	background: #FFFFFF;
	border: 1px solid #E2E4E8;
	border-radius: 5px;
	cursor: pointer;
}
#content #user .customer dl:hover dt {
	color: #227ae8;
	background: #f7f7f7;
}
#content #user .customer dl dt span {
	display: inline-block;
	min-width: 190px;
}
#content #user .customer dl dt i {
	position: absolute;
	top: 24px;
	left: 17px;
	font-size: 12px;
	color: #bbc0c7;
}
#content #user .customer dl:hover dt i {
	color: #227ae8;
}
#content #user .customer dl dd {
	display: none;
	position: absolute;
	top: 60px;
	left: -1px;
	width: 300px;
	padding: 20px 0;
	border-left: 1px solid #e2e4e8;
	border-right: 1px solid #e2e4e8;
	border-bottom: 1px solid #e2e4e8;
	background: #fff;
	z-index: 100;
}

#content #user .customer dl dd .search {
	position: relative;
	text-align: center;
	margin-bottom: 10px;
}
#content #user .customer dl dd .search input {
	box-sizing: border-box;
	width: 260px;
	height: 36px;
	padding: 0 18px 0 40px;
	font-size: 14px;
	border-radius: 18px;
	border: solid 1px #e2e4e8;
	background: rgba(255,255,255,0);
}
#content #user .customer dl dd .search input::placeholder {
	color: rgba(37, 41, 46, 0.5);
}
#content #user .customer dl dd .search:after {
	position: absolute;
	top: 50%;
	left: 40px;
	margin-top: -11px;
	font-family: 'Font Awesome 5 Free';
	content: '\f002';
	font-weight: 800;
	color: #c4c8ce;
	z-index: -1;
}

#content #user .customer dl:hover dd {
	display: block;
}
#content #user .customer dl dd:after {
	content: '';
	display: block;
	position: absolute;
	top: -10px;
	left: 14px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 9px 10px 9px;
	border-color: transparent transparent #ffffff transparent;
	filter: drop-shadow(0px 0px 0px #666);
}
@media all and (-ms-high-contrast: none) {
	*::-ms-backdrop, #content #user .customer dl dd:after {
		display: none;
	}
}
#content #user .customer dl dd ul {
	max-height: 400px;
	overflow: auto;
}
#content #user .customer dl dd ul li a {
	display: block;
	padding: 10px 30px 10px 30px;
	color: #0a4998;
	background: #fff;
}
#content #user .customer dl dd ul li a:hover {
	color: #227ae8;
	background: #f7f7f7;
}
#content #user .customer dl dd ul li a i {
	padding-right: 6px;
	color: #bbc0c7;
}
#content #user .customer dl dd ul li a:hover i {
	color: #227ae8;
}

#content #user .customer dl dd .page-navi {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 20px 20px 0;
}
#content #user .customer dl dd .page-navi p {
	width: 120px;
}
#content #user .customer dl dd .page-navi p a,
#content #user .customer dl dd .page-navi p span {
	box-sizing: border-box;
	display: block;
	width: 120px;
	height: 36px;
	text-align: center;
	font-size: 14px;
	line-height: 32px;
	color: #25292e;
	border-radius: 18px;
	border: solid 1px #e2e4e8;
}
#content #user .customer dl dd .page-navi p span {
	color: #bbc0c7;
	border-color: e2e4e8;
}
#content #user .customer dl dd .page-navi p i {
	color: #bbc0c7;
}
#content #user .customer dl dd .page-navi .prev i {
	padding-right: 18px;
}
#content #user .customer dl dd .page-navi .next i {
	padding-left: 18px;
}

#content #user .customer > p {
	position: relative;
	flex: 1 1 auto;
	min-width: 300px;
	padding: 19px 20px 0 0;
	color: #838a93;
	font-size: 12px;
	white-space: nowrap;
}
#content #user .customer > p span {
	position: absolute;
	right: 20px;
	top: 16px;
}

#content #user .customer .fa-chevron-down:before {
	content: "\f078";
    margin-left: 190px;
}

/*==================================================================
main
==================================================================*/
#content #main {
	flex: 1 1 auto;
	padding: 10px 40px 20px;
}

/*--------------------------------------------------------
path
--------------------------------------------------------*/
#path {
	margin-bottom: 10px;
}
#path ul{
	display: inline-flex;
}
#path ul li {
	font-size: 20px;
	line-height: 1;
	color: #0a4998;
}
#path ul li a {
	color: #0a4998;
}
#path ul li:not(:last-child)::after {
	content: '/';
	padding: 0 0.8em;
}

/*--------------------------------------------------------
title
--------------------------------------------------------*/
#content #main .title {
	display: flex;
	margin-bottom: 28px;
}
#content #main .title h2 {
	font-size: 20px;
	font-weight: bold;
	line-height: 1;
}
#content #main .title h2.size30 {
	font-size: 30px;
	font-weight: normal;
}
#modal-content #main .title h2.size24 {
	font-size: 24px;
	font-weight: normal;
}
#content #main .title h2.size30 + .help {
	top: 5px;
	left: 10px;
}

#content #main .title .help {
	position: relative;
	padding-left: 6px;
}
#content #main .title .help dt i {
	position: relative;
	top: -1px;
	font-size: 16px;
	cursor: pointer;
}
#content #main .title .help:hover dt i {
	color: #227ae8;
}
#content #main .title .help dd {
	position: absolute;
	top: -8px;
	left: 36px;
	box-sizing: border-box;
	width: 280px;
	padding: 12px 25px 15px;
	font-size: 16px;
	color: #838a93;
	background: #fff;
	border-collapse:separate;
	filter: drop-shadow(0px 10px 10px rgba(0,0,0,0.3));
	display: none;
}
@media all and (-ms-high-contrast: none) {
	*::-ms-backdrop, #content #main .title .help dd {
		box-shadow: 0px 0px 15px 5px rgba(0,0,0,0.2); /* IE11 only */
	}
}
#content #main .title .help dd:after {
	content: " ";
	position: absolute;
	top: 10px;
	left: -8px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 9px 8px 9px 0;
	border-color: transparent #ffffff transparent transparent;
}
#content #main .title .help:hover dd {
	display: block;
}


/*--------------------------------------------------------
help
--------------------------------------------------------*/
.help-wrap {
	display: flex;
	align-items: center;
}
.help-wrap .help {
	position: relative;
	padding-left: 6px;
}
.help-wrap .help dt i {
	font-size: 16px;
	color: #c0c4cb;
	cursor: pointer;
}
.help-wrap .help:hover dt i {
	color: #227ae8;
}
.help-wrap .help dd {
	position: absolute;
	top: -8px;
	left: 36px;
	box-sizing: border-box;
	width: 280px;
	padding: 12px 25px 15px;
	font-size: 16px;
	color: #838a93;
	background: #fff;
	border-collapse:separate;
	filter: drop-shadow(0px 10px 10px rgba(0,0,0,0.3));
	display: none;
	z-index: 100;
}
@media all and (-ms-high-contrast: none) {
	*::-ms-backdrop, .help-wrap .help dd {
		box-shadow: 0px 0px 15px 5px rgba(0,0,0,0.2); /* IE11 only */
	}
}
.help-wrap .help dd:after {
	content: " ";
	position: absolute;
	top: 10px;
	left: -8px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 9px 8px 9px 0;
	border-color: transparent #ffffff transparent transparent;
}
.help-wrap .help:hover dd {
	display: block;
}


/*--------------------------------------------------------
p
--------------------------------------------------------*/
p.text a {
	color: #0a4998;
	text-decoration: underline;
	font-weight: 600;
}
p.text a:hover {
	background-color: #f7f7f7;
	text-decoration: none;
}


/*--------------------------------------------------------
info
--------------------------------------------------------*/
#info {
	max-width: 1236px;
	margin: 38px 0 58px;
}
#info .caution {
	margin-top: 10px;
	padding: 5px 15px 5px 15px;
	border-radius: 18px;
	background: #f52733;
	font-size: 16px;
	color: #fff;
}
#info + .caution {
	margin-top: 0;
}
#info .caution i {
	padding-right: 10px;
}

#info ul {
	margin-top: 28px;
}
#info ul li {
	margin-bottom: 14px;
}
#info ul dl {
	display: flex;
}
#info ul dl dt {
	width: 120px;
	font-size: 16px;
	line-height: 1.5;
	color: #25292e;
}
#info ul dl dd {
	flex: 1;
	font-size: 16px;
	line-height: 1.5;
}
#info ul dl dd a {
	color: #0a4998;
}
#info ul dl dd a:hover {
	color: #227ae8;
	text-decoration: underline;
}
#info .more a {
	color: #0a4998;
}
#info .more a:hover {
	color: #227ae8;
	text-decoration: underline;
}

/*--------------------------------------------------------
icon
--------------------------------------------------------*/
#content .ico {
	display: inline-block;
	width: 120px;
	height: 26px;
	text-align: center;
	font-size: 11px;
	line-height: 26px;
	color: #838a93;
	border-radius: 13px;
	background: #eceef1;
}
#content .ico i {
	padding-right: 4px;
}
#content .ico.datawork {
	color: #838a93;
	background: #eceef1;
}
#content .ico.datawork i {
	position: relative;
	top: 1px;
	font-size: 15px;
}
#content .ico.datadone {
	color: #fff;
	background: #52bd4f;
}
#content .ico.download-icon {
	color: #fff;
	background: #a4aab2;
}
#content .ico.download-icon i {
	font-size: 13px;
}
#content .ico.waiting {
	font-size: 12px;
	color: #838a93;
	background: #eceef1;
}
#content .ico.registered {
	font-size: 12px;
	color: #fff;
	background: #a4aab2;
}
#content .ico.danger {
	font-size: 12px;
	color: #fff;
	background: #d4141f
}
#content .ico.expired,
#content .ico.locked {
	font-size: 12px;
	color: #838a93;
	background: #eceef1;
	cursor: pointer;
}
#content .ico.expired:hover,
#content .ico.locked:hover {
	opacity: 0.7;
	transition: 0.3s;
}

/*--------------------------------------------------------
pager
--------------------------------------------------------*/
#content .pager {
	margin: 12px 0;
}
#content .pager .navi {
	display: flex;
	justify-content: center;
	align-items: center;
}
#content .pager .navi p {
	width: 180px;
}
#content .pager .navi p a
, .fg-button.previous
, .fg-button.next {
	box-sizing: border-box;
	display: block;
	width: 180px;
	height: 36px;
	text-align: center;
	font-size: 14px;
	line-height: 32px;
	color: #25292e;
	border-radius: 18px;
	border: solid 1px #e2e4e8;
}
#content .pager .navi p a i
, .fg-button.previous i
, .fg-button.next i {
	color: #bbc0c7;
}
#content .pager .navi .prev a i
, .fg-button.previous i {

	padding-right: 18px;
}
#content .pager .navi .next a i
, .fg-button.next i {
	padding-left: 18px;
}

#content .pager .navi p.circle {
	width: 38px;
}
#content .pager .navi p.circle a {
	width: 38px;
	height: 38px;
	line-height: 34px;
}
#content .pager .navi .prev.circle a i,
#content .pager .navi .next.circle a i {
	padding: 0px;
}

#content .pager .navi ul {
	display: inline-flex;
	margin: 0 20px;
}
#content .pager .navi ul li {
	width: 40px;
	font-size: 18px;
	line-height: 28px;
	text-align: center;
	color: #838a93;
}
#content .pager .navi ul li a {
	color: #0a4998;
}
#content .pager .navi ul li a:hover {
	color: #227ae8;
}
#content .pager .navi ul li span {
	display: inline-block;
	width: 28px;
	height: 28px;
	text-align: center;
	color: #fff;
	background: #606873;
	border-radius: 40px;
}
#content .pager .display {
	margin-top: 10px;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
}
#content .pager .display strong {
	padding: 0 4px;
	font-size: 18px;
	font-weight: bold;
}

/*--------------------------------------------------------
txt-btn
--------------------------------------------------------*/
.txt-btn {
	display: flex;
	margin: 0 0 38px;
}
.txt-btn .txt {
	flex: 1;
}

.txt-btn .txt-flex-grow {
	flex-grow: 1;
}

.txt-btn .btn {
	margin-left: 40px;
}
.txt-btn .btn a {
	display: table-cell;
	box-sizing: border-box;
	min-width: 226px;
	height: 60px;
	padding: 0 30px;
	font-size: 18px;
	text-align: center;
	vertical-align: middle;
	color: #fff;
	border-radius: 30px;
	filter: drop-shadow(0px 3px 10px rgba(245,39,51,0.3));
	background: #c0000b;
}
.txt-btn .btn a:hover {
	opacity: 0.7;
	transition: 0.3s;
}


/*--------------------------------------------------------
table list
--------------------------------------------------------*/
/* list head
-------------------*/
#content .list-head {
	display: flex;
	align-items: center;
	margin: 40px 0 12px;
}
#content .list-head p.tit {
	flex: 1;
	font-size: 20px;
	font-weight: bold;
}
#content .list-head .number a {
	color: #0a4998;
}

/* table thead
-------------------*/
#content table.list {
	width: 100%;
	margin: 12px 0;
}
#content table.list thead {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #e2e4e8;
}
#content table.list thead th {
	box-sizing: border-box;
	position: relative;
	padding: 8px 30px 8px 50px;
	text-align: left;
	white-space: nowrap;
	font-weight: bold;
}
#content table.list thead th:first-child {
	padding: 8px 30px 8px 0;
}
#content table.list thead th i {
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -6px;
	font-size: 16px;
	color: #bbc0c7;
	cursor: pointer;
}
#content table.list thead th i:hover {
	color: #838a93;
}

/* table tbody
-------------------*/
#content table.list tbody tr {
	border-bottom: 1px solid #e2e4e8;
}
#content table.list tbody td {
	box-sizing: border-box;
	padding: 15px 0 15px 50px;
	vertical-align: middle;
	color: black;
	font-weight: bold;
}
#content table.list tbody td:nth-child(1) {
	padding: 15px 0 15px 20px;
}
#content table.list tbody td a:hover {
	opacity: 0.7;
	transition: 0.3s;
}
#content table.list tbody td ul {
	padding-right: 10px;
}
#content table.list tbody td ul li {
	margin-bottom: 2px;
	line-height: 1.4;
	white-space: nowrap;
}
#content table.list td ul li i.fa-circle {
	position: relative;
	top: -3px;
	padding-right: 5px;
	font-size: 6px;
	color: #bbc0c7;
}



/*--------------------------------------------------------
clientList
--------------------------------------------------------*/

/* refine
-------------------*/
.refine {
	display: flex;
	align-items: center;
	position: relative;
}
.refine .search {
	position: relative;
}
.refine .search input {
	box-sizing: border-box;
	width: 260px;
	height: 36px;
	padding: 0 18px 0 40px;
	margin-right: 10px;
	font-size: 14px;
	border-radius: 18px;
	border: solid 1px #e2e4e8;
	background: rgba(255,255,255,0);
}
.refine .search input::placeholder {
	color: black;
}
.refine .search:after {
	position: absolute;
	top: 8px;
	left: 20px;
	font-family: 'Font Awesome 5 Free';
	content: '\f002';
	font-weight: 800;
	z-index: -1;
}
.refine .select {
	position: relative;
}
.refine .select select {
	box-sizing: border-box;
	min-width: 180px;
	padding: 0 40px 0 18px;
	height: 36px;
	margin-right: 10px;
	font-size: 14px;
	border-radius: 18px;
	border: solid 1px #e2e4e8;
	background: rgba(255,255,255,0);
}
.refine .select select::-ms-expand {
	display: none;
}
.refine .select:after {
	position: absolute;
	top: 50%;
	right: 25px;
	margin-top: -10px;
	font-family: 'Font Awesome 5 Free';
	content: '\f078';
	font-size: 12px;
	font-weight: 800;
	color: #c4c8ce;
	z-index: -1;
}
.refine .select select option {
	color: #25292e;
}
.refine .button {
	width: 80px;
	background-color: #4CAF50; /* Green */
	border: none;
	color: white;
	padding: 5px 23px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 16px;
	margin-right: 3px;
	border-radius: 1em;
}
.refine .number {
	width: 180px;
	text-align: right;
	color: #25292e;
	margin-left: auto;
	flex-shrink: 0;
}
.refine .number a {
	color: #0a4998;
}
.refine .number a:hover {
	color: #227ae8;
}
#usergroup_search_items.hover-menu {
	position: absolute;
	top: 36px;
	left: 0px;
	box-sizing: border-box;
	width: 265px;
	font-size: 16px;
	color: #25292e;
	background: #fff;
	box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.3);
	border-radius: 10px;
	z-index: 1000;
}
#usergroup_search_items.hover-menu a {
	display: block;
	padding: 5px 30px;
}
#usergroup_search_items.hover-menu li.selected,
#usergroup_search_items.hover-menu li:hover {
	cursor: pointer;
	color: #227ae8;
	background: #f7f7f7;
}

/* table thead
-------------------*/
#clientList table thead {
	border-top: 1px solid #ccc;
}
#clientList table thead th {
	white-space: nowrap;
	font-weight: bold;
}

#clientList table tbody td a:hover {
	opacity: 0.7;
	transition: 0.1s;
}

/* regist
-------------------*/
#clientList dl.regist {
	margin-top: 50px;
}
#clientList dl.regist dt {
	text-align: center;
	font-size: 16px;
	color: #25292e;
}
#clientList dl.regist dd {
	margin-top: 15px;
	text-align: center;
}
#clientList dl.regist dd a {
	box-sizing: border-box;
	display: inline-block;
	min-width: 300px;
	height: 60px;
	padding: 0 80px;
	border-radius: 30px;
	filter: drop-shadow(0px 3px 10px rgba(245,39,51,0.3));
	background: #c0000b;
	text-align: center;
	font-size: 18px;
	line-height: 60px;
	letter-spacing: 0.9px;
	color: #fff;
}


/*--------------------------------------------------------
dashboard
--------------------------------------------------------*/
#content #dashboard {
	display: flex;
	justify-content: space-between;
	margin-bottom: 50px;
}
#content #dashboard > div {
	width: 48%;
	margin: 0 !important;
}
#content #fetch {
	margin: 38px 0 0;
}
#content #fetch .column {
	display: flex;
	justify-content: space-between;
}
#content #fetch .column div {
	width: 48%;
	border-top: 1px solid #ccc;
	align-self: stretch;
	background: #f7f7f7;
}
#content #fetch table {
	width: 100%;
}
#content #fetch table th,
#content #fetch table td {
	box-sizing: border-box;
	width: 20%;
	padding: 10px 10px 15px;
	line-height: 1.4;
	border-bottom: 1px solid #e2e4e8;
}
#content #fetch table tr:last-child th,
#content #fetch table tr:last-child td {
	border-bottom: none;
}
#content #fetch table th {
	text-align: left;
}
#content #fetch table td {
	text-align: right;
	white-space: nowrap;
}
#content #fetch table td strong {
	font-size: 20px;
}

/*--------------------------------------------------------
勘定科目集計表の月別推移
--------------------------------------------------------*/
#transition .head {
	display: flex;
	align-items: center;
	margin: 0 0 20px;
}
#transition .head p.tit {
	flex: 1;
	font-size: 20px;
	font-weight: bold;
}
#transition .head .btn a {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width: 200px;
	height: 36px;
	border-radius: 18px;
	border: none;
	font-size: 14px;
	color: #fff;
	cursor: pointer;
	background: #c0000b;
	filter: drop-shadow(0px 3px 10px rgba(245,39,51,0.3));
}
#transition .head .btn a:hover {
	opacity: 0.7;
	transition: 0.3s;
}

#transition table {
	width: 100%;
	border-top: 1px solid #ccc;
}
#transition table th,
#transition table td {
	padding: 14px 20px;
	font-size: 14px;
	border-right: 1px solid #e2e4e8;
	border-bottom: 1px solid #bbc0c7;
}
#transition table thead th {
	padding: 7px 20px;
	font-size: 12px;
	color: #838a93;
}
#transition table thead th:first-child {
	/* padding-left: 0; */
}
#transition table th {
	text-align: left;
}
#transition table td {
	text-align: right;
}
#transition table td.account {
	text-align: left;
}
#transition table td:hover {
	background: #f7f7f7;
}
#transition table td:hover a {
	color: #227ae8;
}


/*--------------------------------------------------------
仕訳日記帳　ビューワー
--------------------------------------------------------*/
#journal {
	display: flex;
}

#journal .preview-area-wrapper {
	box-sizing: border-box;
	flex-basis: 450px;
	width: 450px;
	background: #f7f7f7;
	border: 10px solid #f7f7f7;
	border-top: 10px solid #f7f7f7;
	overflow: hidden;
}
.viewer {
	position: relative;
	width: 430px;
	height: calc( 100% - 50px);
	margin-top: 50px;
}
.viewer div {
	box-sizing: border-box;
	top: -42px;
	width: 30px;
	height: 30px;
	text-align: center;
	border: none;
	border-radius: 20px;
	z-index: 5;
}
.iviewer_zoom_in {
	left: 5px;
	background-image: url(img/zoom_in.png);
}
.iviewer_zoom_out {
	left: calc((35px * 1) + 5px);
	background-image: url(img/zoom_out.png);
}
.iviewer_zoom_zero {
	left: calc((35px * 2) + 5px);
	background-image: url(img/zoom_zero.png);
}
.iviewer_zoom_fit {
	left: calc((35px * 3) + 5px);
	background-image: url(img/zoom_fit.png);
}
.iviewer_zoom_status {
	left: calc((35px * 4) + 5px);
	width: 60px !important;
	font-family: sans-serif !important;
	font-size: 14px !important;
	line-height: 30px;
	background: #fff !important;
}
.iviewer_rotate_left {
	left: calc((35px * 5) + 5px + 30px);
	background-image: url(img/rotate_left.png);
}
.iviewer_rotate_right {
	left: calc((35px * 6) + 5px + 30px);
	background-image: url(img/rotate_right.png);
}
.iviewer_zoom_in,
.iviewer_zoom_out,
.iviewer_zoom_zero,
.iviewer_zoom_fit,
.iviewer_rotate_left,
.iviewer_rotate_right {
	background-color: #606873;
	background-position: 50% 50%;
	background-size: 26px 26px;
}
.iviewer_zoom_in:hover,
.iviewer_zoom_out:hover,
.iviewer_zoom_zero:hover,
.iviewer_zoom_fit:hover,
.iviewer_rotate_left:hover,
.iviewer_rotate_right:hover {
	background-color: #227ae8;
}

/*--------------------------------------------------------
ショートカットキーヘルプ
--------------------------------------------------------*/
#sc-help-btn {
	display: block;
	text-align: right;
}
#sc-help-btn a {
	color: #0a4998;
	text-decoration: underline;
	font-weight: 600;
}
#sc-help-btn a:hover {
	text-decoration: none;
}

.keyboard {
	margin: 0 3px;
	padding: 1px 6px;
	border-radius: 3px;
	border: 1px solid #E0E0E0;
	border-bottom-width: 2px;
	background: #F0F0F0;
	background: -ms-linear-gradient(top, #F0F0F0, #FCFCFC);
	background: -moz-linear-gradient(top, #F0F0F0, #FCFCFC);
	background: -webkit-gradient(linear, center top, center bottom, from(#F0F0F0), to(#FCFCFC));
	background: linear-gradient(top, #F0F0F0, #FCFCFC);
	font-family: Arial
}

/*--------------------------------------------------------
仕訳日記帳　スプレッドシート
--------------------------------------------------------*/
.edit-area {
	flex: 1;
	padding-left: 30px;
}

.info-area {
	display: flex;
	align-items: center;
	margin: -10px 0 15px;
}
.info-area ul {
	flex: 1;
	margin-top: 10px;
}
.info-area ul li {
	display: inline-block;
	font-size: 14px;
	margin-right: 30px;
	font-weight: bold;
}
.info-area ul li strong {
	font-size: 20px;
	color: #25292e;
}
.info-area .number {
	text-align: right;
	font-size: 14px;
	color: #25292e;
}
.info-area .number a {
	color: #0a4998;
}
.info-area .number a:hover {
	color: #227ae8;
}

.search-toggle {
	padding: 12px 24px 12px;
	font-size: 16px;
	color: #19549e;
	background: #ebf1f8;
	border-radius: 4px 4px 0 0;
	border-bottom: 1px solid #ebf1f8;
	cursor: pointer;
}

.search-toggle.radius {
	border-radius: 4px;
}
.search-toggle.radius.on {
	border-radius: 4px 4px 0 0;
}

.search-toggle:hover {
	color: #227ae8;
	background: #f2f6fb;
}
.search-toggle i {
	padding-right: 4px;
	color: #bbc0c7;
}
.search-toggle:hover i {
	padding-right: 4px;
	color: #227ae8;
}
.search-toggle .open {
	display: inline;
}
.search-toggle.on .open {
	display: none;
}
.search-toggle .close {
	display: none;
}
.search-toggle.on .close {
	display: inline;
}


.search-area {
	display: none;
	box-sizing: border-box;
	min-width: 920px;
	position: relative;
	padding: 5px 20px 15px;
	border-radius: 0 0 4px 4px;
	background: #ebf1f8;
	border-top: 1px solid #e2e4e8;
}
.search-area.under {
	display: block;
	border: none;
	border-radius: 0;
}

.search-area .group {
	display: flex;
	margin: 0 0 12px;
}
.search-area .group li {
	margin-right: 15px;
}
.search-area .group li.period dl {
	display: inline-block;
}
.search-area .group dl dt {
	font-size: 12px;
	font-weight: bold;
}
.search-area input {
	box-sizing: border-box;
	width: auto;
	width: 180px;
	height: 36px;
	padding: 0 18px 0 18px;
	font-size: 14px;
	border-radius: 18px;
	border: solid 1px #e2e4e8;
	background: #fff;
}
.search-area input::placeholder {
	color: black;
}
.search-area .period input {
	width: 120px;
}
.search-area .money input {
	width: 100px;
}

.search-area .select {
	position: relative;
	background: #fff;
	border-radius: 18px;
	border: solid 1px #e2e4e8;
}
.journal-multiple-search .chosen-container-multi .chosen-choices {
	padding: 0 40px 0 18px!important;
	background-color: rgba(255, 255, 255, 0)!important;
	border: none!important;
	vertical-align:middle;
	display: table-cell;
	vertical-align: middle;
}
.journal-multiple-search .chosen-container-multi .chosen-choices li.search-field input[type="text"]{
	height: 36px!important;
	cursor: pointer;
}
.search-area .select select {
	position: relative;
	box-sizing: border-box;
	width: 120px;
	padding: 0 40px 0 18px;
	height: 36px;
	font-size: 14px;
	background: transparent;
	border: none;
	cursor: pointer;
	z-index: 2;
}
.search-area .select select::-ms-expand {
	display: none;
}
.search-area .select:after {
	position: absolute;
	top: 50%;
	right: 18px;
	margin-top: -10px;
	font-family: 'Font Awesome 5 Free';
	content: '\f078';
	font-size: 12px;
	font-weight: 800;
	color: #c4c8ce;
	z-index: 1;
}
.search-area .select option {
	color: #25292e;
}

.search-area .show-reduced-tax-rate-at-delivery,
.search-area .show-deleted {
	text-align: center;
}

.search-area .show-reduced-tax-rate-at-delivery input,
.search-area .show-deleted input {
    border-radius: 5px;
    width: 20px;
    height: 20px;
    padding: 0;
	margin: 10px 0 0;
	border: 3px solid #ccc;
    background-size: 20px;
    opacity: 0.85;
	cursor: pointer;
}
.search-area .inheritance input[type="checkbox"] {
	border-radius: 5px;
	width: 20px;
	height: 20px;
	padding: 0;
	margin: 8px 8px 10px 0;
	border: 3px solid #ccc;
	background-size: 20px;
	opacity: 0.85;
	cursor: pointer;
}
.search-area .inheritance input::before {
	top: -3px;
	left: -3px;
}
.search-area .inheritance > label {
	font-size: 12px;
	cursor: pointer;
}
.search-area .inheritance-header-deposit {
	float: left;
	margin-right:20px;
	margin-top:8px;
}
.search-area .inheritance-header-withdrawal {
	margin-top:8px;
}
.search-area .inheritance-header-withdrawal {
	margin-top: 10px;
}
.search-area .inheritance-header-body {
	margin-top: 8px;
}
.search-area .show-reduced-tax-rate-at-delivery input::before,
.search-area .show-deleted input::before {
	top: -3px;
	left: -3px;
}

.search-area button#search-btn {
	width: 120px;
	height: 36px;
	margin-top: 21px;
	font-size: 14px;
	border-radius: 18px;
	border: none;
	background: #606873;
	color: #fff;
	cursor: pointer;
}
.search-area.under button#search-btn {
	margin-top: 0;
}

.search-area button#past-area-search-btn {
	width: 120px;
	height: 36px;
	margin-top: 21px;
	font-size: 14px;
	border-radius: 18px;
	border: none;
	background: #606873;
	color: #fff;
	cursor: pointer;
}

#search-btn-area{
	overflow: hidden;
	width: 100%;
	margin-bottom: 10px;
}

#search-btn-area dt{
	font-weight: bold;
}

#search-btn-area li{
	float: left;
	margin: 0 .1em 0 1em;
}

#search-btn-area a.arrow{
	background: #a9a9a9;
	padding: .6em 1em;
	float: left;
	text-decoration: none;
	color: #ffffff;
	text-shadow: 0 1px 0 rgba(255,255,255,.5);
	position: relative;
}

#search-btn-area a.arrow:hover{
	background: #d4141f;
}

#search-btn-area a.arrow::before{
	content: "";
	position: absolute;
	top: 50%;
	margin-top: -1.5em;
	border-width: 1.5em 0 1.5em 1em;
	border-style: solid;
	border-color: #a9a9a9 #a9a9a9 #a9a9a9 transparent;
	left: -1em;
}

#search-btn-area a.arrow:hover::before{
	border-color: #d4141f #d4141f #d4141f transparent;
}

#search-btn-area a.arrow::after{
	content: "";
	position: absolute;
	top: 50%;
	margin-top: -1.5em;
	border-top: 1.5em solid transparent;
	border-bottom: 1.5em solid transparent;
	border-left: 1em solid #a9a9a9;
	right: -1em;
}

#search-btn-area a.arrow:hover::after{
	border-left-color: #d4141f;
}

#search-btn-area a.arrow-selected{
	background: #d4141f;
	padding: .6em 1em;
	float: left;
	text-decoration: none;
	color: #ffffff;
	text-shadow: 0 1px 0 rgba(255,255,255,.5);
	position: relative;
}

#search-btn-area a.arrow-selected::before{
	content: "";
	position: absolute;
	top: 50%;
	margin-top: -1.5em;
	border-width: 1.5em 0 1.5em 1em;
	border-style: solid;
	border-color: #d4141f #d4141f #d4141f transparent;
	left: -1em;
}

#search-btn-area a.arrow-selected::before{
	border-color: #d4141f #d4141f #d4141f transparent;
}

#search-btn-area a.arrow-selected::after{
	border-left-color: #d4141f;
}

#search-btn-area .current,
#search-btn-area .current:hover{
	font-weight: bold;
	background: none;
}

#search-btn-area .current::after,
#search-btn-area .current::before{
	content: normal;
}

#search-btn-area li.button-clear{
	margin: 8px 25px 25px;
}

#search-btn-area span.x-color{
	color: #c0c0c0;
}

#search-btn-area span.button-color{
	color: #0a4998;
}

.search-area dl dt {
	font-size: 12px;
}

.search-area.under button#past-area-search-btn {
	margin-top: 0;
}

.search-area button#search-btn:hover {
	opacity: 0.7;
	transition: 0.3s;
}
.search-area .foot {
	display: flex;
	justify-content: space-between;
	align-items: center;
	max-width: 650px;
}
.search-area.under .foot {
	margin-top: 20px;
	width: 230px;
}
.search-area .clear {
	position: absolute;
	top: 15px;
	left: 0;
	width: 990px;
	text-align: right;
}
.search-area .clear a,
.search-area .clear button,
.search-area .foot a,
.search-area .foot button {
	font-size: 14px;
	color: #0a4998;
}
.search-area .clear button,
.search-area .foot button {
	background: none;
	cursor: pointer;
	border: none;
}
.search-area .clear i,
.search-area .foot i {
	position: relative;
	top: 1px;
	padding-right: 6px;
	font-size: 16px;
	color: #bbc0c7 !important;
}

#spreadsheet,
#past-spreadsheet {
	width: 100%;
}
#past-spreadsheet {
	margin-bottom: 20px;
}
#journal table th,
#journal table td {
	white-space: nowrap;
	font-weight: bold;
}
#journal table th:first-child {
	border-left: none;
}
#journal table th:last-child,
#journal table td:last-child {
	border-right: none;
}
#journal table thead th {
	color: #838a93;
}
#journal table thead th i {
	font-size: 14px;
	color: #838a93;
}
#journal table th,
#journal table td {
	padding: 0 5px;
	background: #fff;
	font-size: 12px;
}
#journal table td {
	padding: 5px;
	vertical-align: middle;
}

#journal table .show-upload-info-button {
	display: inline-block;
	margin: 0 auto;
	padding: 3px 10px;
	font-size: 12px;
	color: #fff;
	text-align: center;
	border: none;
	border-radius: 13px;
	background-color: #ff848b;
	white-space: nowrap;
	cursor: pointer;
}

#journal table td .fa-exclamation-triangle {
	color: #c42626;
}
#journal table td .fa-exclamation-circle {
	color: #e08a00;
}
#journal table td .fa-exclamation-circle.i-purple {
	color: #8965A1;
}


#journal .operate {
	margin: 10px 0 25px;
	display: flex;
	align-items: center;
}
#journal .operate .txt {
	flex: 1;
	display: flex;
}
#journal .operate .txt li {
	padding-right: 30px;
}
#journal .operate .txt li a {
	color: #0a4998;
}
#journal .operate .txt li a i {
	padding-right: 5px;
}
#journal .operate .btn {
	display: flex;
}
#journal .operate .btn button,
#journal .operate .btn a {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width: 90px;
	height: 36px;
	margin-left: 10px;
	border-radius: 18px;
	border: none;
	background: #606873;
	font-size: 14px;
	color: #fff;
	cursor: pointer;
}
#journal .operate .btn button.red {
	background: #c0000b;
	filter: drop-shadow(0px 3px 10px rgba(245,39,51,0.3));
}
#journal .operate .btn button:hover,
#journal .operate .btn a:hover {
	opacity: 0.7;
	transition: 0.3s;
}

.reload button {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width: 180px;
	height: 36px;
	margin-left: 10px;
	border-radius: 18px;
	font-size: 14px;
	color: #25292e;
	cursor: pointer;
	border: solid 1px #e2e4e8;
	background: #fff;
}
.reload button i {
	padding-right: 10px;
	color: #bbc0c7;
}
#journal #past-disp {
	padding: 20px 0;
	text-align: center;
	border-top: 1px solid #ccc;
}
#journal #past-disp i {
	padding-right: 4px;
	color: #bbc0c7;
}
#journal #past-disp.on i {
	transform:rotateX(180deg);
	transition: 0s;
}
#journal #past-disp span.show {
	display: inline;
}
#journal #past-disp span.hide {
	display: none;
}
#journal #past-disp span {
	font-size: 16px;
	color: #0a4998;
	cursor: pointer;
}
#journal #past-disp.on span.show {
	display: none;
}
#journal #past-disp.on span.hide {
	display: inline;
}
/*--------------------------------------------------------
仕訳日記帳　ラベル変更
--------------------------------------------------------*/
#label-select-dropdown-overlay {
	background-color: rgba(255, 255, 255, 0);
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
}
#label-select-dropdown {
	position: absolute;
	bottom: 30px;
	left: -50px;
	z-index: 7;

	font-size: 16px;

    border: 1px solid #ebebeb;
	min-width: 400px;
	max-width: 500px;
	max-height: 500px;
	z-index: 999;
	border-radius: 4px;
	background: #ffffff;
	padding: 6px 0;
	box-shadow: 0px 8px 10px 1px rgba(0,0,0,.14),0px 3px 14px 2px rgba(0,0,0,.12),0px 5px 5px -3px rgba(0,0,0,.2);
}
#label-select-dropdown .label-list-container {
	padding: 4px 0;
	max-height: 250px;
	overflow-y: scroll;
}
#label-select-dropdown .title {
	padding: 8px 8px 0px 8px ;
	margin: 0px !important;
}
#label-select-dropdown .label-select-word-search {
	position: relative;
	margin: 8px 8px 16px;
}
#label-select-dropdown .label-select-word-search i {
	position: absolute;
	bottom: 6px;
	right: 6px;
	font-size: large;
	color: #777;
}
#label-select-dropdown .item {
	display: flex;
	padding: 6px 6px 6px 24px;
	white-space: nowrap;
	overflow: hidden;
}
#label-select-dropdown .item input[type="checkbox"] {
  opacity: 0;
  position: absolute;
  pointer-events: none;
}
#label-select-dropdown .label-select-word-search input {
	line-height: 20px;
	border: 0;
	background: #fff;
	font-size: 100%;
	margin: 0;
	padding-bottom: 4px;
	width: 100%;
	outline: 0;
	box-shadow: inset 0 -2px 0 0 #4285f4;
}
#label-select-dropdown .btn {
	padding: 6px 0px 6px 48px;
	font-size: 16px;
}
#label-select-dropdown .separator {
    border-top: 1px solid #ebebeb;
    margin-top: 6px;
    margin-bottom: 6px;
}
#label-select-dropdown .btn:hover,
#label-select-dropdown .item:hover {
	background-color: #eee;
	cursor: pointer;
}
#label-select-dropdown .item .label-name {
	width: 400px;
	white-space: normal;
	overflow: visible;
}
#label-select-dropdown .item .check-icon {
	height: 32px;
	width: 20px;
	margin-right: 10px;
	background-position: center;
    background-repeat: no-repeat;
}
#label-select-dropdown .item .check-icon.off {
	background-image: url("/img/checkbox_off.svg");
    background-size: 18px;
}
#label-select-dropdown .item .check-icon.on {
	background-image: url("/img/checkbox_on.svg");
    background-size: 18px;
}
#label-select-dropdown .item .check-icon.mix {
	background-image: url("/img/checkbox-minus.svg");
    background-size: 30px;
}
/** チェックボックスOFF */
#label-select-dropdown .item input[type="checkbox"] ~ .on,
#label-select-dropdown .item input[type="checkbox"] ~ .mix {
	display: none;
}
#label-select-dropdown .item input[type="checkbox"] ~ .off {
	display: inline-block;
}
/** チェックボックスON */
#label-select-dropdown .item input[type="checkbox"]:checked ~ .off,
#label-select-dropdown .item input[type="checkbox"]:checked ~ .mix {
	display: none;
}
#label-select-dropdown .item input[type="checkbox"]:checked ~ .on {
	display: inline-block;
}
/** チェックボックスON/OFF混在 */
#label-select-dropdown .item input[type="checkbox"]:indeterminate ~ .on,
#label-select-dropdown .item input[type="checkbox"]:indeterminate ~ .off {
	display: none;
}
#label-select-dropdown .item input[type="checkbox"]:indeterminate ~ .mix  {
	display: inline-block;
}
/*--------------------------------------------------------
仕訳日記帳編集履歴
--------------------------------------------------------*/
#content #history table.list thead {
	border-bottom-color: #bbc0c7;
}
#content #history table.list thead th {
	padding: 12px 30px 12px 9px;
}
#content #history table.list thead th i {
	right: 9px;
}

#content #history table.list th,
#content #history table.list td {
	font-size: 12px;
	border-right: 1px solid #e2e4e8;
}
#content #history table.list th:last-child,
#content #history table.list td:last-child {
	border-right: none;
}

#content #history table.list tbody tr {
	border-bottom-color: #bbc0c7;
}
#content #history table.list tbody td {
	padding: 18px 9px;
}
#content #history table.list thead th:nth-child(1),
#content #history table.list tbody td:nth-child(1) {
	padding-left: 0;
}
#content #history table.list tbody td:nth-child(1),
#content #history table.list tbody td:nth-child(2) {
	white-space: nowrap;
}
#content #history table.list tbody td:nth-child(2):hover {
	background: #f7f7f7;
}
#content #history table.list tbody td:nth-child(2):hover a {
	color: #227ae8;
}

#content #history .search-area button#search-btn {
	margin-top: 0px;
}
#content #history .search-area .foot {
	max-width: 100%;
	white-space: nowrap;
}



/*--------------------------------------------------------
証憑画像取り込み
--------------------------------------------------------*/

/* 取り込み数
-------------------*/
#content .data-bar {
	display: flex;
	align-items: center;
	height: 36px;
	margin-bottom: 25px;
	padding: 0 14px;
	border-radius: 18px;
	background: #f7f7f7;
}
#content .data-bar > p{
	margin-right: 40px;
	font-size: 16px;
	font-weight: bold;
	color: #666;
}
#content #main .data-bar .title {
	margin: 0;
}
#content #main .data-bar .title p {
	font-size: 16px;
}
#content #main .data-bar .title dl {
	top: 3px;
	left: 2px;
}
#content .data-bar ul {
	display: flex;
}
#content .data-bar ul li {
	margin-left: 34px;
	font-size: 16px;
}

/* アップロード
-------------------*/
#content .upload {
	margin: 20px 0 0;
}
#content .upload p.tit {
	margin: 0 0 25px;
	font-size: 20px;
	font-weight: bold;
}

/* ダウンロード
-------------------*/
#content .download {
	margin: 35px 0 0;
}
#content .download p.tit {
	margin: 0 0 10px;
	font-size: 20px;
	font-weight: bold;
}


/*--------------------------------------------------------
フォーム
--------------------------------------------------------*/
.modaal-content-container .spacer {
	height: 240px;
}

.modaal-content-container #image-area {
	width: 800px;
	height: 900px;
	float: left;
	text-align: center;
	align-items: center;
	border: solid 1px #f7f7f7;
	padding: 20px 20px 20px 20px;
	display: flex;
	background-image:
		linear-gradient(45deg, rgb(230, 230, 230) 25%, transparent 25%, transparent 75%, rgb(230, 230, 230) 75%, rgb(230, 230, 230)),
		linear-gradient(45deg, rgb(230, 230, 230) 25%, transparent 25%, transparent 75%, rgb(230, 230, 230) 75%, rgb(230, 230, 230));
	background-position: 0 0, 8px 8px;
	background-size: 16px 16px;
}

.modaal-content-container #pdf-area {
	width: 800px;
	height: 900px;
	float: left;
	text-align: center;
	align-items: center;
	border: solid 1px #f7f7f7;
	padding: 20px 20px 20px 20px;
	display: flex;
	background-image:
		linear-gradient(45deg, rgb(230, 230, 230) 25%, transparent 25%, transparent 75%, rgb(230, 230, 230) 75%, rgb(230, 230, 230)),
		linear-gradient(45deg, rgb(230, 230, 230) 25%, transparent 25%, transparent 75%, rgb(230, 230, 230) 75%, rgb(230, 230, 230));
	background-position: 0 0, 8px 8px;
	background-size: 16px 16px;
}

.modaal-content-container .form-label {
	width: 600px;
	float: left;
	padding: 120px 20px 0 40px;
}

.modaal-content-container .form-label dl.label,
#main .form-label dl {
	margin: 20px 0 40px;
}

#main .form-label dl.help {
	margin: 0;
}
#main .form-label dl dt {
	margin-bottom: 5px;
	font-weight: bold;
}

#main .form-label dl.row {
	display: flex;
	align-items: center;
	margin: 0 0 30px;
}
#main .form-label dl.row dt {
	min-width: 140px;
	width: 140px;
	margin-bottom: 0;
}
#main .form-label .group li dl.row {
	display: flex;
}

#main .form-label dl.row.alignT {
	align-items: flex-start;
}

#main .form-label .group {
	display: flex;
	align-items: flex-end;
}

#main .form-label .group li {
	margin-right: 30px;
}
#main .form-label .group li dl {
	display: inline-block;
	margin-bottom: 20px;
}
#main .form-label .border {
	margin-top: 35px !important;
	padding-top: 25px !important;
	border-top: 1px solid #e2e4e8;
}

.modaal-content-container .form-label input[type="text"],
#main .form-label input[type="text"],
.form-label #label_select_box {
	box-sizing: border-box;
	width: 540px;
	height: 48px;
	border-radius: 6px;
	border: solid 1px #e2e4e8;
	background: #fff;
	padding: 0 20px;
	font-size: 16px;
}

.form-label input[type="text"]::placeholder {
	color: black;
}

.form-label .btn-area {
	display: flex;
	justify-content: space-between;
	max-width: 740px;
	margin: 30px 0 60px auto;
	text-align: right;
}

.form-label .btn-area a.btn {
	margin: 0 30px 0 auto;
	width: 220px;
	height: 60px;
	font-size: 18px;
	line-height: 60px;
	border-radius: 30px;
	border: none;
	background: #606873;
	color: #fff;
	text-align: center;
	cursor: pointer;
	filter: drop-shadow(0px 3px 10px rgba(96, 104, 115, 0.3));
}

.form-label .btn-area a.btn.red {
	background: #c0000b;
	filter: drop-shadow(0px 3px 10px rgba(245,39,51,0.3));
}


#main .form-list dl {
	margin: 0 0 20px;
}

#main .form-list dl.help {
	margin: 0;
}
#main .form-list dl dt {
	margin-bottom: 5px;
	font-weight: bold;
}

#main .form-list dl.row {
	display: flex;
	align-items: center;
	margin: 0 0 30px;
}
#main .form-list dl.row dt {
	min-width: 140px;
	width: 140px;
	margin-bottom: 0;
}
#main .form-list .group li dl.row {
	display: flex;
}
#main .form-list dl.row.alignT {
	align-items: flex-start;
}

#main .form-list dl.row.copy {
	display: inline-flex;
	position: relative;
}
dl.copy .copy-btn{
	color: #949494;
	cursor: pointer;
	position: absolute;
	top: 50%;
	right: 15px;
	transform: translateY(-50%);
    z-index: 10;
}
@keyframes fade-in{
	from{
		opacity: 0;
	}
	to{
		opacity: 1;
	}
}
dl.copy .copy-hover{
	display: none;
	position: absolute;
    bottom: -90%;
    right: -20%;
    padding: 5px;
    color: #fff;
    background-color: #a9a9a9;
}
dl.copy .copied{
	right: -33%;
}
.copy-btn:hover + .copy-hover{
	display: block;
	animation-name: fade-in;
	animation-duration: .2s;
}
dl.copy .copy-hover:after{
	content: " ";
	position: absolute;
	width: 0;
	height: 0;
	left: 0;
	top: -19px;
	margin-left: 10px;
	border: solid transparent;
	border-color: rgba(51, 204, 153, 0);
	border-bottom-color: #a9a9a9;
	border-width: 10px;
	pointer-events: none;
}
#main .form-list input[type="text"]#copy-txt{
	padding-right: 40px;
}

#main .form-list input[type="text"],
#main .form-list input[type="search"],
#main .form-list input[type="tel"],
#main .form-list input[type="url"],
#main .form-list input[type="email"],
#main .form-list input[type="password"],
#main .form-list input[type="date"],
#main .form-list input[type="time"],
#main .form-list input[type="number"] {
	box-sizing: border-box;
	width: 360px;
	height: 48px;
	border-radius: 6px;
	border: solid 1px #e2e4e8;
	background: #fff;
	padding: 0 20px;
	font-size: 16px;
}
#main .form-list input::placeholder {
	color: black;
}

.input-enter input[type="text"] {
	padding-right: 40px !important;
}
.input-enter i {
	position: relative;
	left: -30px;
	font-size: 16px;
	color: #eaecee;
}

.item-add {
	display: block;
	margin: 0 0 10px;
	padding: 0;
	font-size: 16px;
	background: none;
	border: none;
}
.item-add i {
	margin-left: 8px;
	color: #bbc0c7;
	cursor: pointer;
}

.form-list textarea {
	box-sizing: border-box;
	border-radius: 6px;
	border: solid 1px #e2e4e8;
	background: #fff;
	padding: 20px;
	font-size: 16px;
}
#main .form-list textarea::placeholder {
	color: rgba(37, 41, 46, 0.5);
}

#main .form-list .select {
	position: relative;
	display: inline-block;
	width: auto;
	background: #fff;
	border-radius: 6px;
	border: solid 1px #e2e4e8;
}
#main .form-list .select select {
	position: relative;
	box-sizing: border-box;
	padding: 0 60px 0 18px;
	height: 46px;
	font-size: 16px;
	background: transparent;
	border: none;
	cursor: pointer;
	z-index: 2;
	font-weight: bold;
}
#main .form-list .select select::-ms-expand {
	display: none;
}

#main .form-list .select:after {
	position: absolute;
	top: 50%;
	right: 25px;
	margin-top: -10px;
	font-family: 'Font Awesome 5 Free';
	content: '\f078';
	font-size: 14px;
	font-weight: 800;
	color: #c4c8ce;
	z-index: 1;
}
#main .form-list .select select option {
	color: #25292e;
}

#main .form-list input[type="text"].entered,
#main .form-list input[type="search"].entered,
#main .form-list input[type="tel"].entered,
#main .form-list input[type="url"].entered,
#main .form-list input[type="email"].entered,
#main .form-list input[type="password"].entered,
#main .form-list input[type="date"].entered,
#main .form-list input[type="time"].entered,
#main .form-list input[type="number"].entered{
	background-color: #f7f7f7;
}
.form-list textarea.entered {
	background-color: #f7f7f7;
}

#main .form-list .select.entered {
	background-color: #f7f7f7 !important;
}
#main .form-list .select.entered select {
	color: #25292e !important;
}

#main .form-list input[type="text"].error,
#main .form-list input[type="search"].error,
#main .form-list input[type="tel"].error,
#main .form-list input[type="url"].error,
#main .form-list input[type="email"].error,
#main .form-list input[type="password"].error,
#main .form-list input[type="date"].error,
#main .form-list input[type="time"].error,
#main .form-list input[type="number"].error {
	border-color: #f52733;
}
.form-list textarea.error {
	border-color: #f52733;
}

#main .form-list .select.error {
	border-color: #f52733;
}

.search-area input:focus,
#client-list .search input:focus,
.refine input[type="search"]:focus,
#main .form-list input[type="text"]:focus,
#main .form-list input[type="search"]:focus,
#main .form-list input[type="tel"]:focus,
#main .form-list input[type="url"]:focus,
#main .form-list input[type="email"]:focus,
#main .form-list input[type="password"]:focus,
#main .form-list input[type="date"]:focus,
#main .form-list input[type="time"]:focus,
#main .form-list input[type="number"]:focus {
	border-color: #227ae8 !important;
	filter: drop-shadow(0px 3px 6px #edf4fd) !important;
}
.form-list textarea:focus {
	border-color: #227ae8 !important;
	filter: drop-shadow(0px 3px 6px #edf4fd) !important;
}
.search-area .select.focus,
.refine .select.focus select,
#main .form-list .select.focus {
	border-color: #227ae8 !important;
	filter: drop-shadow(0px 3px 6px #edf4fd) !important;
}

#main .form-list .group {
	display: flex;
	align-items: flex-end;
}
#main .form-list .group li {
	margin-right: 30px;
}
#main .form-list .group li dl {
	display: inline-block;
}
#main .form-list .border {
	margin-top: 35px !important;
	padding-top: 25px !important;
	border-top: 1px solid #e2e4e8;
}

ul.check-list {
	margin: 8px 0;
	overflow: hidden;
}
ul.check-list li {
	display: inline-block;
	margin-right: 20px;
	margin-bottom: 6px;
	font-size: 16px;
}
ul.check-list li input[type="checkbox"]{
	top: -2px;
	margin-right: 6px;
}

ul.radio-list {
	display: flex;
	align-items: center;
	margin: 8px 0;
}
ul.radio-list li {
	margin-right: 20px;
	margin-bottom: 6px;
	font-size: 16px;
}
ul.radio-list li input[type="radio"] + label::before,
ul.radio-list li input[type="radio"] + label::after {
	top: 3px;
}

#main .drag-drop-area {
	margin-bottom: 10px;
	padding: 40px 0;
	background: #ebf1f8;
	border-radius: 6px;
	border: dotted 1px #dce5f0;
}
#main .drag-drop-zone {
	display: flex;
	justify-content: center;
	align-items: center;
}
#main .drag-drop-zone i {
	padding-right: 23px;
	font-size: 60px;
	color: #dce5f0;
}
#main .drag-drop-zone p {
	font-size: 16px;
}
#main .upload .up-btn {
	display: flex;
	justify-content: space-between;
}
#main .upload label.file {
	display: block;
	width: 180px;
	height: 36px;
	text-align: center;
	border-radius: 18px;
	line-height: 36px;
	border: solid 1px #e2e4e8;
	background-color: #fff;
	cursor: pointer;
}
#main .upload label.file i {
	padding-right: 9px;
	color: #bbc0c7;
}
#main .upload label.file input {
	display: none;
}
#main .upload p.note {
	color: #f52733;
}

#main .btn-area {
	display: flex;
	justify-content: space-between;
	max-width: 740px;
	margin: 20px 0 0;
}

#main .btn-area.alignC {
	justify-content: center;
}
#main  .btn-area.alignC button {
	margin-left: 20px;
	margin-right: 20px;
}
#main .btn-area button,
#main .btn-area a.btn {
	width: 300px;
	height: 60px;
	font-size: 18px;
	line-height: 60px;
	border-radius: 30px;
	border: none;
	background: #606873;
	color: #fff;
	text-align: center;
	cursor: pointer;
	filter: drop-shadow(0px 3px 10px rgba(96, 104, 115, 0.3));
}

#main .btn-area button.red,
#main .btn-area a.btn.red {
	background: #c0000b;
	filter: drop-shadow(0px 3px 10px rgba(245,39,51,0.3));
}
#main .btn-area button:hover,
#main .btn-area a.btn:hover {
	opacity: 0.7;
	transition: 0.3s;
}

.trash {
	font-size: 18px;
	color: #c0000b;
	background: none;
	border: none;
	cursor: pointer;
}
.trash i {
	margin-right: 4px;
}



/* toggle-box
-------------------*/
#content .toggle-box {
	border-radius: 6px;
	border: solid 1px #e2e4e8;
}
#content .toggle-box > dt {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 12px 20px;
	cursor: pointer;
}
#content .toggle-box > dt .tit {
	font-size: 16px;
	font-weight: bold;
}
#content .toggle-box > dt .btn {
	font-size: 14px;
}
#content .toggle-box > dt .btn:before {
	content: '\958B\304F';
	display: inline;
}
#content .toggle-box.on > dt .btn:before {
	content: '\9589\3058\308B';
}
#content .toggle-box > dt .btn i {
	padding-left: 5px;
	color: #bbc0c7;
}
#content .toggle-box.on > dt .btn i {
	transform:rotateX(180deg);
	transition: 0s;
}
#content .toggle-box > dd {
	padding: 40px 40px 20px;
	border-top: solid 1px #e2e4e8;
}


/* 読み込んだ証憑
-------------------*/
#content .import-head {
	display: flex;
	align-items: center;
	height: 36px;
	margin: 40px 0 20px;
}
#content .import-head p.tit {
	margin: 0;
	font-size: 20px;
	font-weight: bold;
	color: black;
}
#content .import-head .bar {
	display: flex;
	align-items: center;
	height: 36px;
	margin-left: 20px;
	padding: 0 0 0 14px;
	border-radius: 18px;
	background: #f7f7f7;
}
#content .import-head .bar .total {
	padding-right: 14px;
	font-size: 14px;
	line-height: 36px;
}
#content .import-head .bar .total strong {
	font-size: 20px;
}
#content .import-head .bar .reload button {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width: 180px;
	height: 36px;
	margin-left: 10px;
	border-radius: 18px;
	font-size: 14px;
	color: #25292e;
	cursor: pointer;
	border: solid 1px #e2e4e8;
	background: #fff;
}
#content .import-head .bar .reload button i {
	padding-right: 10px;
	color: #bbc0c7;
}
#content .import-head .number {
	flex: 1;
	text-align: right;
}
#content .import-head .number a {
	color: #0a4998;
}

/* import-navi
-------------------*/
#content .import-navi {
	display: flex;
	align-items: center;
	min-width: 950px;
	margin-bottom: 20px;
}
#content .import-navi > p {
	margin-right: 20px;
	font-size: 16px;
}
#content .import-navi > p input {
	top: -2px;
	left: -2px;
}
#content .import-navi .btn {
	display: flex;
	flex: 1;
}
#content .import-navi .btn li {
	margin-right: 10px;
}
#content .import-navi .btn button,
#content .import-navi .btn a {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width: 200px;
	height: 36px;
	border-radius: 18px;
	border: none;
	background: #606873;
	font-size: 14px;
	color: #fff;
	cursor: pointer;
}
#content .import-navi .btn button.red,
#content .import-navi .btn a.red {
	background: #c0000b;
	filter: drop-shadow(0px 3px 10px rgba(245,39,51,0.3));
}
#content .import-navi .btn button:hover,
#content .import-navi .btn a:hover {
	opacity: 0.7;
	transition: 0.3s;
}

#content .import-navi .btn button.blue,
#content .import-navi .btn a.blue{
	background: #171bff;
	filter: drop-shadow(0px 3px 10px rgba(81, 99, 255, 0.3));
}

#content .import-navi .pager {
	width: 370px;
	min-width: 370px;
	overflow: hidden;
}
#content .import-navi .pager .prev {
	float: left;
}
#content .import-navi .pager .next {
	float: right;
}
#content .import-navi .pager a {
	box-sizing: border-box;
	display: block;
	width: 180px;
	height: 36px;
	text-align: center;
	font-size: 14px;
	line-height: 32px;
	color: #25292e;
	border-radius: 18px;
	border: solid 1px #e2e4e8;
}
#content .import-navi .pager a i {
	color: #bbc0c7;
}
#content .import-navi .pager .prev a i {
	padding-right: 18px;
}
#content .import-navi .pager .next a i {
	padding-left: 18px;
}

/* 画像選択
-------------------*/
#content .import-items {
	display: flex;
	flex-wrap: wrap;
	margin: -4px -4px 25px;
}
#content .import-items .item {
	position: relative;
	margin: 4px;
}
#content .import-items .item input[type="checkbox"] {
	position: absolute;
	top: 9px;
	left: 5px;
}
#content .import-items .item label {
	box-sizing: border-box;
	display: block;
	width: 220px;
	padding: 10px 10px 2px;
	background: #f7f7f7;
	border: solid 1px #f7f7f7;
}
#content .import-items .item input[type="checkbox"]:checked + label {
	background: #e2e4e8;
	border: solid 1px #606873;
}
#content .import-items .item ul li:last-child {
	margin-bottom: 10px;
}
#content .import-items .item .file-size {
	position: absolute;
	top: 11px;
	right: 10px;
	font-size: 12px;
}
#content .import-items .item .file-size-submitted {
	position: absolute;
	top: 2px;
	right: 10px;
	font-size: 3px;
}
#content .import-items .item .analyze-status {
	position: absolute;
	top: 17px;
	right: 10px;
	font-size: 12px;
}
#content .import-items .item .file-img {
	margin-top: 30px;
	margin-bottom: 8px;
}
#content .import-items .item .file-zoom {
	position: absolute;
	top: 194px;
	right: 20px;
}
#content .import-items .item .file-zoom a {
	display: block;
	width: 60px;
	height: 36px;
	text-align: center;
	border-radius: 18px;
	border: solid 1px #e2e4e8;
	background: #fff;
}
#content .import-items .item .file-zoom a i {
	font-size: 20px;
	line-height: 36px;
	color: #bbc0c7;
}
#content .import-items .item .file-zoom a:hover i {
	color: #0a4998;
}
#content .import-items .item .file-download {
	position: absolute;
	top: 194px;
	left: 20px;
}
#content .import-items .item .file-download a {
	display: block;
	width: 60px;
	height: 36px;
	text-align: center;
	border-radius: 18px;
	border: solid 1px #e2e4e8;
	background: #fff;
}
#content .import-items .item .file-download a i {
	font-size: 20px;
	line-height: 36px;
	color: #bbc0c7;
}
#content .import-items .item .file-download a:hover i {
	color: #0a4998;
}

#content .import-items .item .file-name {
	font-size: 10px;
	margin-bottom: 10px;
}
#content .import-items .item .data,
#content .import-items .item .name,
#content .import-items .item .category {
	font-size: 12px;
}
#content .import-items .item .data i,
#content .import-items .item .name i,
#content .import-items .item .category i {
	padding-right: 6px;
	color: #bbc0c7;
}

#content .import-items .item .category a {
	font-size: 14px;
	color: #0a4998;
	text-decoration: underline;
}

/* 画像選択（画像保管）
-------------------*/
#content .import-items_cabinet {
	display: flex;
	flex-wrap: wrap;
	margin: -4px -4px 25px;
}
#content .import-items_cabinet .item {
	position: relative;
	margin: 4px;
}
#content .import-items_cabinet .item input[type="checkbox"] {
	position: absolute;
	top: 9px;
	left: 5px;
}
#content .import-items_cabinet .item label {
	box-sizing: border-box;
	display: block;
	width: 500px;
	height: 750;
	padding: 10px 10px 2px;
	background: #f7f7f7;
	border: solid 1px #f7f7f7;
}
#content .import-items_cabinet .item input[type="checkbox"]:checked + label {
	background: #e2e4e8;
	border: solid 1px #606873;
}
#content .import-items_cabinet .item ul li:last-child {
	margin-bottom: 10px;
}
#content .import-items_cabinet .item .file-size {
	position: absolute;
	top: 11px;
	right: 10px;
	font-size:16px;
}
#content .import-items_cabinet .item .file-size-submitted {
	position: absolute;
	top: 2px;
	right: 10px;
	font-size: 11px;
}
#content .import-items_cabinet .item .analyze-status {
	position: absolute;
	top: 17px;
	right: 10px;
	font-size: 16px;
}
#content .import-items_cabinet .item .file-img {
	margin-top: 30px;
	margin-bottom: 8px;
	width: 450px;
	height: 450px;
}
#content .import-items_cabinet .item .file-img .contain {
	object-fit: contain;
	width: 450px;
	height: 450px;
}
#content .import-items_cabinet .item .file-zoom {
	position: absolute;
	top: 430px;
	right: 20px;
}
#content .import-items_cabinet .item .file-zoom a {
	display: block;
	width: 60px;
	height: 36px;
	text-align: center;
	border-radius: 18px;
	border: solid 1px #e2e4e8;
	background: #fff;
}
#content .import-items_cabinet .item .file-zoom a i {
	font-size: 20px;
	line-height: 36px;
	color: #bbc0c7;
}
#content .import-items_cabinet .item .file-zoom a:hover i {
	color: #0a4998;
}
#content .import-items_cabinet .item .file-download {
	position: absolute;
	top: 430px;
	left: 20px;
}
#content .import-items_cabinet .item .file-download a {
	display: block;
	width: 60px;
	height: 36px;
	text-align: center;
	border-radius: 18px;
	border: solid 1px #e2e4e8;
	background: #fff;
}
#content .items_cabinet-items .item .file-download a i {
	font-size: 20px;
	line-height: 36px;
	color: #bbc0c7;
}
#content .import-items_cabinet .item .file-download a:hover i {
	color: #0a4998;
}
#content .import-items_cabinet .item .file-name {
	font-size: 14px;
	margin-bottom: 10px;
}
#content .import-items_cabinet .item .data,
#content .import-items_cabinet .item .name,
#content .import-items_cabinet .item .category {
	font-size: 14px;
}
#content .import-items_cabinet .item .data i,
#content .import-items_cabinet .item .name i,
#content .import-items_cabinet .item .category i {
	padding-right: 6px;
	color: #bbc0c7;
}

#content .import-items_cabinet .item .category a {
	font-size: 14px;
	color: #0a4998;
	text-decoration: underline;
}

/*--------------------------------------------------------
会計ソフトマスターデータのインポート
--------------------------------------------------------*/

/* 会計ソフトマスターデータアップロード履歴
-------------------*/
#content .upload-record .head {
	display: flex;
	align-items: center;
	margin: 40px 0 12px;
}
#content .upload-record .head p.tit {
	flex: 1;
	font-size: 20px;
	font-weight: bold;
}
#content .upload-record .head .btn {
	margin-right: 30px;
}
#content .upload-record .head .btn a {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width: 300px;
	height: 36px;
	border-radius: 18px;
	border: none;
	font-size: 14px;
	color: #fff;
	cursor: pointer;
	background: #c0000b;
	filter: drop-shadow(0px 3px 10px rgba(245,39,51,0.3));
}
#content .upload-record .head .btn a:hover {
	opacity: 0.7;
	transition: 0.3s;
}
#content .upload-record .head .number a {
	color: #0a4998;
}

#content .upload-record .btn a {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width: 80px;
	height: 26px;
	border-radius: 13px;
	border: none;
	font-size: 11px;
	color: #fff;
	cursor: pointer;
	background: #c0000b;
	filter: drop-shadow(0px 3px 10px rgba(245,39,51,0.3));
}
#content .upload-record .btn a:hover {
	opacity: 0.7;
	transition: 0.3s;
}

/* table
-------------------*/
#content .upload-record table {
	width: 100%;
	margin: 12px 0 20px;
}
#content .upload-record table thead {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #e2e4e8;
}
#content .upload-record table thead th {
	box-sizing: border-box;
	position: relative;
	padding: 8px 30px 8px 50px;
	text-align: left;
	white-space: nowrap;
	font-weight: bold;
}
#content .upload-record table thead th:first-child {
	min-width: 260px;
	padding: 8px 30px 8px 0;
}
#content .upload-record table thead th:nth-child(2) {
	width: 130px;
}
#content .upload-record table thead th:nth-child(3) {
	width: 200px;
}
#content .upload-record table thead th i {
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -6px;
	font-size: 16px;
	color: #bbc0c7;
	cursor: pointer;
}
#content .upload-record table thead th i:hover {
	color: #838a93;;
}

/* table tbody
-------------------*/
#content .upload-record table tbody tr {
	border-bottom: 1px solid #e2e4e8;
}
#content .upload-record table tbody td {
	padding: 15px 0 15px 50px;
	vertical-align: middle;
	font-size: 16px;
	font-weight: bold;
}
#content .upload-record table tbody td:first-child {
	padding: 15px 0 15px 0;
}
#content .upload-record table tbody td a {
	color: #0a4998;
}
#content .upload-record table tbody td a:hover {
	opacity: 0.7;
	transition: 0.3s;
}

/* more
-------------------*/
#content .upload-record p.more {
	text-align: center;
}
#content .upload-record p.more a {
	font-size: 16px;
	color: #0a4998;
}
#content .upload-record p.more a i {
	margin-right: 6px;
	color: #bbc0c7;
}


/*--------------------------------------------------------
ダウンロード履歴
--------------------------------------------------------*/
#content .download-record .head {
	display: flex;
	align-items: center;
	margin: 0 0 12px;
}
#content .download-record .head p.tit {
	flex: 1;
	font-size: 20px;
	font-weight: bold;
}
#content .download-record .head .number a {
	color: #0a4998;
}

/* table
-------------------*/
#content .download-record table {
	width: 100%;
	margin: 12px 0 20px;
}
#content .download-record table thead {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #e2e4e8;
}
#content .download-record table thead th {
	box-sizing: border-box;
	position: relative;
	padding: 8px 30px 8px 50px;
	text-align: left;
	font-weight: bold;
	color: black;
	white-space: nowrap;
}
#content .download-record table thead th:first-child {
	min-width: 150px;
	padding: 8px 30px 8px 0;
}
#content .download-record table thead th:nth-child(3) {
	width: 100px;
}
#content .download-record table thead th:nth-child(5) {
	min-width: 180px;
}
#content .download-record table thead th i {
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -6px;
	font-size: 16px;
	color: #bbc0c7;
	cursor: pointer;
}
#content .download-record table thead th i:hover {
	color: #838a93;;
}

/* table tbody
-------------------*/
#content .download-record table tbody tr {
	border-bottom: 1px solid #e2e4e8;
}
#content .download-record table tbody td {
	padding: 15px 0 15px 50px;
	vertical-align: middle;
	font-size: 16px;
	color: #464a4f;
}
#content .download-record table tbody td:first-child {
	padding: 15px 0 15px 0;
}
#content .download-record table tbody td:nth-child(2),
#content .download-record table tbody td:nth-child(4),
#content .download-record table tbody td:nth-child(5) {
	white-space: nowrap;
}
#content .download-record table tbody td a {
	color: #0a4998;
}
#content .download-record table tbody td a:hover {
	opacity: 0.7;
	transition: 0.3s;
}

/* more
-------------------*/
#content .download-record p.more {
	text-align: center;
}
#content .download-record p.more a {
	font-size: 16px;
	color: #0a4998;
}
#content .download-record p.more a i {
	margin-right: 6px;
	color: #bbc0c7;
}


/*--------------------------------------------------------
ユーザー／グループ／企業／部署の追加・編集
--------------------------------------------------------*/
#content .user-list table,
#content .group-list table,
#content .company-list table,
#content .section-list table {
	margin-bottom: 0;
}
#content .user-list table.list a,
#content .group-list table.list a,
#content .company-list table.list a,
#content .section-list table.list a {
	color: #0a4998;
}
#content .user-list p.more a,
#content .group-list p.more a,
#content .company-list p.more a,
#content .section-list p.more a {
	display: block;
	padding: 25px 0;
	text-align: center;
	font-size: 16px;
	color: #0a4998;
	background: #f7f7f7;
}
/* regist
-------------------*/
#content .company-list dl.regist {
	margin-top: 50px;
}
#content .company-list dl.regist dt {
	text-align: center;
	font-size: 16px;
	color: #25292e;
}
#content .company-list dl.regist dd {
	margin-top: 15px;
	text-align: center;
}
#content .company-list dl.regist dd a {
	box-sizing: border-box;
	display: inline-block;
	min-width: 300px;
	height: 60px;
	padding: 0 80px;
	border-radius: 30px;
	filter: drop-shadow(0px 3px 10px rgba(245,39,51,0.3));
	background: #c0000b;
	text-align: center;
	font-size: 18px;
	line-height: 60px;
	letter-spacing: 0.9px;
	color: #fff;
}

#content .user-list table.list thead tr th:nth-child(1) {
	max-width: 240px;
}
#content .user-list table.list thead tr th:nth-child(2) {
	max-width: 240px;
}
#content .user-list table.list thead tr th:nth-child(4) {
	width: 170px;
}
#content .user-list table.list tbody tr td:nth-child(1) {
	max-width: 240px;
	font-size: 16px;
}
#content .user-list table.list tbody tr td:nth-child(2) {
	max-width: 240px;
}
#content .user-list table.list tbody tr td:nth-child(2),
#content .user-list table.list tbody tr td:nth-child(3),
#content .user-list table.list tbody tr td:nth-child(5),
#content .user-list table.list tbody tr td:nth-child(6) {
	white-space: nowrap;
}
#content .user-list table.list tbody tr td:nth-child(5) {
	max-width: 240px;
}
#content .user-list table.list tbody tr td:nth-child(1) a,
#content .user-list table.list tbody tr td:nth-child(2) a,
#content .user-list table.list tbody tr td:nth-child(5) a {
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

#content .group-list table.list thead tr th:nth-child(2),
#content .group-list table.list thead tr th:nth-child(3) {
	max-width: 300px;
}
#content .group-list table.list tbody tr td:nth-child(1) {
	font-size: 16px;
}
#content .group-list table.list tbody tr td:nth-child(2),
#content .group-list table.list tbody tr td:nth-child(3) {
	max-width: 300px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

#content .group-list .regist {
	margin-top: 60px;
}
#content .group-list .regist dt {
	text-align: center;
    font-size: 16px;
    color: #25292e;
}
#content .company-list table.list thead tr th:nth-child(2),
#content .company-list table.list thead tr th:nth-child(3) {
	max-width: 300px;
}
#content .company-list table.list tbody tr td:nth-child(1) {
	font-size: 16px;
}

#content .section-list table.list tbody tr td:nth-child(1) {
	font-size: 16px;
}
#content .section-list table thead th i {
	left: 250px;
}


/*--------------------------------------------------------
通帳画像取込み
--------------------------------------------------------*/
.item-select {
	margin-top: 40px;
}
.item-select ul {
	overflow: hidden;
}
.item-select ul li {
	float: left;
	width: 250px;
	margin-right: 15px;
	margin-bottom: 15px;
}
.item-select ul li a {
	display: table-cell;
	box-sizing: border-box;
	width: 250px;
	height: 150px;
	padding: 10px;
	font-size: 16px;
	text-align: center;
	vertical-align: middle;
	background: #f7f7f7;
	border: 1px solid #e2e4e8;
	border-radius: 9px;
}
.item-select ul li a.on,
.item-select ul li a:hover {
	color: #0a4998;
	background: #ebf1f8;
	border: 1px solid #dce5f0;
	transition: 0.5s;
}


/*--------------------------------------------------------
ヘルプ
--------------------------------------------------------*/
ul.anchor li {
	margin-bottom: 2px;
	font-size: 16px;
}
ul.anchor li a {
	color: #0a4998;
}
ul.anchor li a:hover {
	opacity: 0.7;
	transition: 0.3s;
}

.help-section {
	margin: 40px 0 0;
}

.help-section .tgl-tit {
	position: relative;
	padding: 15px 100px 15px 15px;
	background: #ebf0ff;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #e2e4e8;
	cursor: pointer;
}
.help-section .tgl-tit:after {
	position: absolute;
	top: 50%;
	right: 15px;
	margin-top: -7px;
	content: '\958B\304F\a0\25BC';
	font-size: 14px;
	font-weight: bold;
	color: #0a4998;
}
.help-section .tgl-tit.on:after {
	content: '\9589\3058\308B\a0\25B2';
}
.help-section h3 {
	font-size: 18px;
	font-weight: bold;
	color: #333;
}
.help-section p {
	font-size: 14px;
	color: #666;
}

.help-section > dl {
	padding: 10px 36px 20px;
	background: #fafafa;
	display: none;
}
.help-section > dl dt {
	margin-top: 10px;
	font-size: 16px;
	font-weight: bold;
}
.help-section > dl dt a {
	color: #0a4998;
}
.help-section > dl dt a:hover {
	opacity: 0.7;
	transition: 0.3s;
}
.help-section > dl dd {
	margin: 0 0 18px 24px;
	color: #666;
}


/*==================================================================
modal
==================================================================*/
.modaal-container {
	max-width: 100%;
}
.modaal-content-container {
	padding: 0;
}
.modaal-close {
	right: 40px;
	top: 40px;
	background: #c0000b !important;
	filter: drop-shadow(0px 0px 5px rgba(0,0,0,0.5));
}
@media all and (-ms-high-contrast: none) {
	*::-ms-backdrop, .modaal-close {
		box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.2); /* IE11 only */
	}
}
.modaal-close:focus:before,
.modaal-close:focus:after,
.modaal-close:hover:before,
.modaal-close:hover:after {
	background: #fff;
}

.modal-wrap {
	padding: 80px;
	color: #25292e;
}
.modal-wrap .tit {
	margin: 0 0 20px;
	font-size: 30px;
	font-weight: bold;
	line-height: 1.2;
}
.modal-wrap .help-wrap .tit + dl {
	margin-bottom: 20px;
}
.modal-wrap .help-wrap .tit.mb0 + dl {
	margin-bottom: 0px;
}
.modal-wrap .msg {
	margin: 20px 0 30px;
	font-size: 16px;
	line-height: 1.8;
}

.modal-wrap .form-list.palegrey {
	background: #ebf1f8;
	margin: 0 -80px;
	padding: 30px 80px 1px;
}
.modal-wrap .form-list dl {
	margin: 0 0 40px;
}
.modal-wrap .form-list dl.help {
	margin: 0;
}
.modal-wrap .form-list dl dt {
	margin-bottom: 5px;
}
.modal-wrap input[type="text"],
.modal-wrap input[type="search"],
.modal-wrap input[type="tel"],
.modal-wrap input[type="url"],
.modal-wrap input[type="email"],
.modal-wrap input[type="password"],
.modal-wrap input[type="date"],
.modal-wrap input[type="time"],
.modal-wrap input[type="number"] {
	box-sizing: border-box;
	width: 360px;
	height: 48px;
	border-radius: 6px;
	border: solid 1px #e2e4e8;
	background: #fff;
	padding: 0 20px;
	font-size: 16px;
}
.modal-wrap input::placeholder {
	color: black;
}

.modal-wrap .select {
	position: relative;
	display: inline-block;
	width: auto;
	background: #fff;
	border-radius: 6px;
	border: solid 1px #e2e4e8;
}

.modal-wrap .select select {
	position: relative;
	box-sizing: border-box;
	padding: 0 60px 0 18px;
	height: 46px;
	font-size: 16px;
	background: transparent;
	border: none;
	cursor: pointer;
	z-index: 2;
}
.modal-wrap .select select::-ms-expand {
	display: none;
}
.modal-wrap .select:after {
	position: absolute;
	top: 50%;
	right: 25px;
	margin-top: -10px;
	font-family: 'Font Awesome 5 Free';
	content: '\f078';
	font-size: 14px;
	font-weight: 800;
	color: #c4c8ce;
	z-index: 1;
}
.modal-wrap .select select option {
	color: #25292e;
}

.modal-wrap input[type="text"].entered,
.modal-wrap input[type="search"].entered,
.modal-wrap input[type="tel"].entered,
.modal-wrap input[type="url"].entered,
.modal-wrap input[type="email"].entered,
.modal-wrap input[type="password"].entered,
.modal-wrap input[type="date"].entered,
.modal-wrap input[type="time"].entered,
.modal-wrap input[type="number"].entered{
	background-color: #f7f7f7;
}
.modal-wrap .select.entered {
	background-color: #f7f7f7 !important;
}
.modal-wrap .select.entered select {
	color: #25292e !important;
}

.modal-wrap input[type="text"].error,
.modal-wrap input[type="search"].error,
.modal-wrap input[type="tel"].error,
.modal-wrap input[type="url"].error,
.modal-wrap input[type="email"].error,
.modal-wrap input[type="password"].error,
.modal-wrap input[type="date"].error,
.modal-wrap input[type="time"].error,
.modal-wrap input[type="number"].error {
	border-color: #f52733;
}
.modal-wrap .select.error {
	border-color: #f52733;
}

.modal-wrap input[type="text"]:focus,
.modal-wrap input[type="search"]:focus,
.modal-wrap input[type="tel"]:focus,
.modal-wrap input[type="url"]:focus,
.modal-wrap input[type="email"]:focus,
.modal-wrap input[type="password"]:focus,
.modal-wrap input[type="date"]:focus,
.modal-wrap input[type="time"]:focus,
.modal-wrap input[type="number"]:focus {
	border-color: #227ae8;
	filter: drop-shadow(0px 3px 6px #edf4fd);
}
.modal-wrap .select.focus {
	border-color: #227ae8 !important;
	filter: drop-shadow(0px 3px 6px #edf4fd) !important;
}
.modal-wrap .btn-area {
	display: flex;
	justify-content: space-between;
	max-width: 740px;
	margin: 60px auto 0;
}
.modal-wrap .btn-area.alignC {
	justify-content: center;
}
.modal-wrap .btn-area.alignC button {
	margin-left: 20px;
	margin-right: 20px;
}
.modal-wrap .btn-area button,
.modal-wrap .btn-area a.btn {
	width: 300px;
	height: 60px;
	font-size: 18px;
	line-height: 60px;
	border-radius: 30px;
	border: none;
	background: #606873;
	color: #fff;
	text-align: center;
	cursor: pointer;
	filter: drop-shadow(0px 3px 10px rgba(96, 104, 115, 0.3));
}
.modal-wrap .btn-area button.red,
.modal-wrap .btn-area a.btn.red {
	background: #c0000b;
	filter: drop-shadow(0px 3px 10px rgba(245,39,51,0.3));
}
.modal-wrap .btn-area button:hover,
.modal-wrap .btn-area a.btn:hover {
	opacity: 0.7;
	transition: 0.3s;
}

#save-and-close:disabled {
    background: #ddd;
    filter: none;
    cursor: unset;
}

#save-and-close:disabled:hover {
    opacity: unset;
    transition: unset;
}

.modal-wrap .clear {
	margin: 30px 0 0;
}
.modal-wrap button.txt {
	color: #0a4998;
}
.modal-wrap button.txt {
	font-size: 14px;
	background: none;
	cursor: pointer;
	border: none;
}
.modal-wrap button.txt i {
	position: relative;
	top: 1px;
	padding-right: 6px;
	font-size: 16px;
	color: #bbc0c7 !important;
}

.modal-wrap .group {
	display: flex;
}
.modal-wrap .group li {
	margin-right: 30px;
}
.modal-wrap .group li dl {
	display: inline-block;
}
.modal-wrap .border {
	margin-top: 35px !important;
	padding-top: 25px !important;
	border-top: 1px solid #e2e4e8;
}

.modal-wrap table.order {
	position: relative;
	width: 100%;
	border-bottom: solid 1px #e2e4e8;
}
.modal-wrap table.order:after {
	position: absolute;
	bottom: -4px;
	content: '';
	display: block;
	width: 100%;
	height: 4px;
	background: #efefef;
	filter: drop-shadow(0px -8px 8px rgba(0,0,0,0.2));
}
.modal-wrap table.order thead {
	border-top: solid 1px #ccc;
}
.modal-wrap table.order thead th {
	padding: 5px 0;
	font-size: 14px;
	color: #838a93;
}
.modal-wrap table.order tbody tr {
	border-top: solid 1px #e2e4e8;
}
.modal-wrap table.order tbody tr td {
	padding: 10px 0;
	font-size: 16px;
	color: #25292e;
	vertical-align: middle;
}
.modal-wrap table.order thead th:nth-child(1) {
	width: 160px;
}
.modal-wrap table.order thead th:nth-child(2) {
	width: 150px;
}
.modal-wrap table.order thead th:nth-child(3) {
	min-width: 80px;
}
.modal-wrap table.order tbody td:nth-child(3) {
	font-size: 20px;
	color: #bbc0c7;
	text-align: center;
}
.modal-wrap table.order tbody td:nth-child(4) {
	box-sizing: border-box;
	width: 170px;
	padding-right: 20px;
}

/* ボタンの追従化
-------------------*/
.fixedbtn-area {
	position: fixed;
	bottom: 0px;
	right: 0px;
	left: 0px;
	margin: 0 auto;
	padding: 5px 15px 15px;
	z-index: 20;
	background: #E6E6E6;
}
.fixedbtn-area .clear {
	max-width: 740px;
	margin: 5px auto;
}
.fixedbtn-area .btn-area {
	display: flex;
	justify-content: space-around;
	max-width: 740px;
	margin: 0 auto 0;
}
.fixedbtn-area .btn-area.alignC {
	justify-content: center;
}
.fixedbtn-area .btn-area.alignC button {
	margin-left: 20px;
	margin-right: 20px;
}
.fixedbtn-area .btn-area button,
.fixedbtn-area .btn-area a.btn {
	width: 300px;
	height: 60px;
	font-size: 18px;
	line-height: 60px;
	border-radius: 30px;
	border: none;
	background: #606873;
	color: #fff;
	text-align: center;
	cursor: pointer;
	filter: drop-shadow(0px 3px 10px rgba(96, 104, 115, 0.3));
}
.fixedbtn-area .btn-area button.red,
.fixedbtn-area .btn-area a.btn.red {
	background: #c0000b;
	filter: drop-shadow(0px 3px 10px rgba(245,39,51,0.3));
}
.fixedbtn-area .btn-area button:hover,
.fixedbtn-area .btn-area a.btn:hover {
	opacity: 0.7;
	transition: 0.3s;
}

/* 設定項目変更
-------------------*/
.modal-wrap p.setting-navi {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	margin-top: 12px;
}
.modal-wrap .setting-navi input {
	width: 240px;
	margin-right: 11px;
}
.modal-wrap .setting-navi button {
	width: 240px;
	height: 36px;
	font-size: 14px;
	border-radius: 30px;
	border: none;
	background: #606873;
	color: #fff;
	cursor: pointer;
}
.modal-wrap .setting-navi button:hover {
	opacity: 0.7;
	transition: 0.3s;
}

/* 科目反映
-------------------*/
.modal-wrap #account-set-list {
	max-height: 400px;
	overflow: auto;
}
.modal-wrap #account-set-list table {
	border-collapse: separate;
}
.modal-wrap #account-set-list thead {
	border-top: 2px solid #bbc0c7;
}
.modal-wrap #account-set-list thead td {
	padding: 5px 7px;
	font-size: 12px;
	border-right: 1px solid #e2e4e8;
	border-bottom: 2px solid #bbc0c7;
	background: #f7f7f7;
}
.modal-wrap #account-set-list thead td:last-child {
	border-right: none;
}
.modal-wrap #account-set-list tbody td {
	padding: 5px 7px;
	font-size: 12px;
	border-right: 1px solid #e2e4e8;
	border-bottom: 1px solid #e2e4e8;
}
.modal-wrap #account-set-list tbody td:last-child {
	border-right: none;
}


.modal-wrap .upload {
	margin: 70px 0 0;
}
.modal-wrap .upload p.tit {
	margin: 0 0 25px;
	font-size: 20px;
	font-weight: bold;
	color: #838a93;
}
.modal-wrap .drag-drop-area {
	margin-bottom: 10px;
	padding: 40px 0;
	background: #ebf1f8;
	border-radius: 6px;
	border: dotted 1px #dce5f0;
}
.modal-wrap .drag-drop-zone {
	display: flex;
	justify-content: center;
	align-items: center;
}
.modal-wrap .drag-drop-zone i {
	padding-right: 23px;
	font-size: 60px;
	color: #dce5f0;
}
.modal-wrap .drag-drop-zone p {
	font-size: 16px;
}
.modal-wrap .upload .up-btn {
	display: flex;
	justify-content: space-between;
}
.modal-wrap .upload label.file {
	display: block;
	width: 180px;
	height: 36px;
	text-align: center;
	border-radius: 18px;
	line-height: 36px;
	border: solid 1px #e2e4e8;
	background-color: #fff;
	cursor: pointer;
}
.modal-wrap .upload label.file i {
	padding-right: 9px;
	color: #bbc0c7;
}
.modal-wrap .upload label.file input {
	display: none;
}

.modal-wrap .upstatus-button {
	display: block;
	width: 180px;
	height: 36px;
	text-align: center;
	border-radius: 18px;
	line-height: 36px;
	border: solid 1px #e2e4e8;
	background-color: #ff0808;
	cursor: pointer;
	margin : 0 auto;
}

.modal-wrap .upstatus-button a {
	font-size: 14px;
	color: #ffffff;
}

.modal-wrap .clear-upstatus-button {
	display: block;
	width: 180px;
	height: 36px;
	text-align: center;
	border-radius: 18px;
	line-height: 36px;
	border: solid 1px #e2e4e8;
	background-color: #ff0808;
	cursor: pointer;
	float: right;
}

.modal-wrap .clear-upstatus-button a {
	font-size: 14px;
	color: #ffffff;
}


/* image-cropper-modal
-------------------*/
.modal-crop {
	padding: 15px 0;
	color: #25292e;
}
.modal-crop .crop-head {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0 10px 10px;
	border-bottom: solid 1px #e2e4e8;
}
.modal-crop .crop-head p {
	margin-right: 40px;
	font-size: 24px;
	font-weight: bold;
	color: #838a93;
}
.modal-crop ul.crop-btn {
	display: flex;
}
.modal-crop ul.crop-btn li {
	margin: 6px;
}
.modal-crop ul.crop-btn li a {
	display: block;
	width: 150px;
	padding: 8px 0 4px;
	text-align: center;
	color: #25292e;
	border-radius: 30px;
	border: solid 1px #e2e4e8;
	background: #fff;
}
.modal-crop ul.crop-btn li a i {
	font-size: 20px;
	color: #bbc0c7;
}
.modal-crop ul.crop-btn li.selected a,
.modal-crop ul.crop-btn li a:hover {
	color: #fff;
	border-color: #606873;
	background: #606873;
}
.modal-crop ul.crop-btn li.selected a i,
.modal-crop ul.crop-btn li a:hover i {
	color: #fff;
}
.modal-crop ul.crop-btn li a div.label {
	font-size: 12px;
}
.modal-crop .crop-body {

}
.modal-crop .crop-foot {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 10px 10px 0;
	border-top: solid 1px #e2e4e8;
}

#upload-failed-files {
	overflow-y: auto;
	max-height: 250px;
	width: 500px;
	margin: auto;
}
#upload-failed-files li {
	color: #838a93;
	border-left: solid 6px #838a93;
	background: #f1f8ff;
	margin-bottom: 3px;
	line-height: 1.5;
	padding: 0.5em;
	list-style-type: none!important;
	word-break: break-all;

}

/*==================================================================
single page
==================================================================*/
#single-wrap {
	display: flex;
	min-width: 1070px;
	height: 100vh;
}
#single-content {
	width: 100%;
	display: flex;
	flex-direction: column;
}
#single-content header {
	width: 100%;
	height: 59px;
	min-height: 59px;
	border-bottom: solid 1px #e2e4e8;
	background-color: #f7f7f7;
}
#single-content header h1 {
	padding: 15px 0 0 20px;
}
#single-content header h1 img {
	width: 110px;
}
#single-content #main {
	flex: 1;
	width: 990px;
	margin: 69px auto;
}
#single-content #main h2 {
	font-size: 30px;
	font-weight: bold;
}
#single-content #main .btn-area {
	margin: 60px auto 0;
}

#single-content #main.center {
	display: flex;
	justify-content: center;
	align-items: center;
}


/*==================================================================
余白を減らした定義（全体的の見直し時にマージします）
==================================================================*/
.modal-wrap-new {
	padding: 30px 80px;
	color: #25292e;
}
.modal-wrap-new .tit {
	margin: 0 0 20px;
	font-size: 30px;
	font-weight: bold;
	line-height: 1.2;
}
.modal-wrap-new .help-wrap .tit + dl {
	margin-bottom: 20px;
}
.modal-wrap-new .help-wrap .tit.mb0 + dl {
	margin-bottom: 0px;
}
.modal-wrap-new .msg {
	margin: 10px 0 10px;
	font-size: 16px;
	line-height: 1.5;
}
.modal-wrap-new .form-list.palegrey {
	background: #ebf1f8;
	margin: 0 -80px;
	padding: 30px 80px 1px;
}
.modal-wrap-new .form-list dl {
	margin: 0 0 40px;
}
.modal-wrap-new .form-list dl.help {
	margin: 0;
}
.modal-wrap-new .form-list dl dt {
	margin-bottom: 5px;
}
.modal-wrap-new input[type="text"],
.modal-wrap-new input[type="search"],
.modal-wrap-new input[type="tel"],
.modal-wrap-new input[type="url"],
.modal-wrap-new input[type="email"],
.modal-wrap-new input[type="password"],
.modal-wrap-new input[type="date"],
.modal-wrap-new input[type="time"],
.modal-wrap-new input[type="number"] {
	box-sizing: border-box;
	width: 360px;
	height: 48px;
	border-radius: 6px;
	border: solid 1px #e2e4e8;
	background: #fff;
	padding: 0 20px;
	font-size: 16px;
}

.modal-wrap-new input::placeholder {
	color: black;
}
.modal-wrap-new .select {
	position: relative;
	display: inline-block;
	width: auto;
	background: #fff;
	border-radius: 6px;
	border: solid 1px #e2e4e8;
}
.modal-wrap-new .select select {
	position: relative;
	box-sizing: border-box;
	padding: 0 60px 0 18px;
	height: 46px;
	font-size: 16px;
	background: transparent;
	border: none;
	cursor: pointer;
	z-index: 2;
}
.modal-wrap-new .select select::-ms-expand {
	display: none;
}
.modal-wrap-new .select:after {
	position: absolute;
	top: 50%;
	right: 25px;
	margin-top: -10px;
	font-family: 'Font Awesome 5 Free';
	content: '\f078';
	font-size: 14px;
	font-weight: 800;
	color: #c4c8ce;
	z-index: 1;
}
.modal-wrap-new .select select option {
	color: #25292e;
}
.modal-wrap-new input[type="text"].entered,
.modal-wrap-new input[type="search"].entered,
.modal-wrap-new input[type="tel"].entered,
.modal-wrap-new input[type="url"].entered,
.modal-wrap-new input[type="email"].entered,
.modal-wrap-new input[type="password"].entered,
.modal-wrap-new input[type="date"].entered,
.modal-wrap-new input[type="time"].entered,
.modal-wrap-new input[type="number"].entered{
	background-color: #f7f7f7;
}
.modal-wrap-new .select.entered {
	background-color: #f7f7f7 !important;
}
.modal-wrap-new .select.entered select {
	color: #25292e !important;
}
.modal-wrap-new input[type="text"].error,
.modal-wrap-new input[type="search"].error,
.modal-wrap-new input[type="tel"].error,
.modal-wrap-new input[type="url"].error,
.modal-wrap-new input[type="email"].error,
.modal-wrap-new input[type="password"].error,
.modal-wrap-new input[type="date"].error,
.modal-wrap-new input[type="time"].error,
.modal-wrap-new input[type="number"].error {
	border-color: #f52733;
}
.modal-wrap-new .select.error {
	border-color: #f52733;
}
.modal-wrap-new input[type="text"]:focus,
.modal-wrap-new input[type="search"]:focus,
.modal-wrap-new input[type="tel"]:focus,
.modal-wrap-new input[type="url"]:focus,
.modal-wrap-new input[type="email"]:focus,
.modal-wrap-new input[type="password"]:focus,
.modal-wrap-new input[type="date"]:focus,
.modal-wrap-new input[type="time"]:focus,
.modal-wrap-new input[type="number"]:focus {
	border-color: #227ae8;
	filter: drop-shadow(0px 3px 6px #edf4fd);
}
.modal-wrap-new .select.focus {
	border-color: #227ae8 !important;
	filter: drop-shadow(0px 3px 6px #edf4fd) !important;
}
.modal-wrap-new .btn-area {
	display: flex;
	justify-content: space-between;
	max-width: 740px;
	margin: 60px auto 0;
}
.modal-wrap-new .btn-area.alignC {
	justify-content: center;
}
.modal-wrap-new .btn-area.alignC button {
	margin-left: 20px;
	margin-right: 20px;
}
.modal-wrap-new .btn-area button,
.modal-wrap-new .btn-area a.btn {
	width: 300px;
	height: 60px;
	font-size: 18px;
	line-height: 60px;
	border-radius: 30px;
	border: none;
	background: #606873;
	color: #fff;
	text-align: center;
	cursor: pointer;
	filter: drop-shadow(0px 3px 10px rgba(96, 104, 115, 0.3));
}
.modal-wrap-new .btn-area button.red,
.modal-wrap-new .btn-area a.btn.red {
	background: #c0000b;
	filter: drop-shadow(0px 3px 10px rgba(245,39,51,0.3));
}
.modal-wrap-new .btn-area button:hover,
.modal-wrap-new .btn-area a.btn:hover {
	opacity: 0.7;
	transition: 0.3s;
}
.modal-wrap-new .clear {
	margin: 30px 0 0;
}
.modal-wrap-new button.txt {
	color: #0a4998;
}
.modal-wrap-new button.txt {
	font-size: 14px;
	background: none;
	cursor: pointer;
	border: none;
}
.modal-wrap-new button.txt i {
	position: relative;
	top: 1px;
	padding-right: 6px;
	font-size: 16px;
	color: #bbc0c7 !important;
}
.modal-wrap-new .group {
	display: flex;
}
.modal-wrap-new .group li {
	margin-right: 30px;
}
.modal-wrap-new .group li dl {
	display: inline-block;
}
.modal-wrap-new .border {
	margin-top: 35px !important;
	padding-top: 25px !important;
	border-top: 1px solid #e2e4e8;
}
.modal-wrap-new table.order {
	position: relative;
	width: 100%;
	border-bottom: solid 1px #e2e4e8;
}
.modal-wrap-new table.order:after {
	position: absolute;
	bottom: -4px;
	content: '';
	display: block;
	width: 100%;
	height: 4px;
	background: #efefef;
	filter: drop-shadow(0px -8px 8px rgba(0,0,0,0.2));
}
.modal-wrap-new table.order thead {
	border-top: solid 1px #ccc;
}
.modal-wrap-new table.order thead th {
	padding: 5px 0;
	font-size: 14px;
	color: #838a93;
}
.modal-wrap-new table.order tbody tr {
	border-top: solid 1px #e2e4e8;
}
.modal-wrap-new table.order tbody tr td {
	padding: 10px 0;
	font-size: 16px;
	color: #25292e;
	vertical-align: middle;
}
.modal-wrap-new table.order thead th:nth-child(1) {
	width: 160px;
}
.modal-wrap-new table.order thead th:nth-child(2) {
	width: 150px;
}
.modal-wrap-new table.order thead th:nth-child(3) {
	min-width: 80px;
}
.modal-wrap-new table.order tbody td:nth-child(3) {
	font-size: 20px;
	color: #bbc0c7;
	text-align: center;
}
.modal-wrap-new table.order tbody td:nth-child(4) {
	box-sizing: border-box;
	width: 170px;
	padding-right: 20px;
}

/* 設定項目変更
-------------------*/
.modal-wrap-new p.setting-navi {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	margin-top: 12px;
}
.modal-wrap-new .setting-navi input {
	width: 240px;
	margin-right: 11px;
}
.modal-wrap-new .setting-navi button {
	width: 240px;
	height: 36px;
	font-size: 14px;
	border-radius: 30px;
	border: none;
	background: #606873;
	color: #fff;
	cursor: pointer;
}
.modal-wrap-new .setting-navi button:hover {
	opacity: 0.7;
	transition: 0.3s;
}

/* 科目反映
-------------------*/
.modal-wrap-new #account-set-list {
	max-height: 400px;
	overflow: auto;
}
.modal-wrap-new #account-set-list table {
	border-collapse: separate;
}
.modal-wrap-new #account-set-list thead {
	border-top: 2px solid #bbc0c7;
}
.modal-wrap-new #account-set-list thead td {
	padding: 5px 7px;
	font-size: 12px;
	border-right: 1px solid #e2e4e8;
	border-bottom: 2px solid #bbc0c7;
	background: #f7f7f7;
}
.modal-wrap-new #account-set-list thead td:last-child {
	border-right: none;
}
.modal-wrap-new #account-set-list tbody td {
	padding: 5px 7px;
	font-size: 12px;
	border-right: 1px solid #e2e4e8;
	border-bottom: 1px solid #e2e4e8;
}
.modal-wrap-new #account-set-list tbody td:last-child {
	border-right: none;
}
.modal-wrap-new .upload {
	margin: 70px 0 0;
}
.modal-wrap-new .upload p.tit {
	margin: 0 0 10px;
	font-size: 20px;
	font-weight: bold;
}
.modal-wrap-new .drag-drop-area {
	margin-bottom: 10px;
	padding: 20px 0;
	background: #ebf1f8;
	border-radius: 6px;
	border: dotted 1px #dce5f0;
}
.modal-wrap-new .drag-drop-zone {
	display: flex;
	justify-content: center;
	align-items: center;
}
.modal-wrap-new .drag-drop-zone i {
	padding-right: 23px;
	font-size: 60px;
	color: #dce5f0;
}
.modal-wrap-new .drag-drop-zone p {
	font-size: 16px;
}
.modal-wrap-new .upload .up-btn {
	display: flex;
	justify-content: space-between;
}
.modal-wrap-new .upload label.file {
	display: block;
	width: 180px;
	height: 36px;
	text-align: center;
	border-radius: 18px;
	line-height: 36px;
	border: solid 1px #e2e4e8;
	background-color: #fff;
	cursor: pointer;
}
.modal-wrap-new .upload label.file i {
	padding-right: 9px;
	color: #bbc0c7;
}
.modal-wrap-new .upload label.file input {
	display: none;
}

.modal-wrap-new .upstatus-button {
	display: block;
	width: 180px;
	height: 36px;
	text-align: center;
	border-radius: 18px;
	line-height: 36px;
	border: solid 1px #e2e4e8;
	background-color: #ff0808;
	cursor: pointer;
	margin : 0 auto;
}
.modal-wrap-new .upstatus-button a {
	font-size: 14px;
	color: #ffffff;
}
.modal-wrap-new .clear-upstatus-button {
	display: block;
	width: 180px;
	height: 36px;
	text-align: center;
	border-radius: 18px;
	line-height: 36px;
	border: solid 1px #e2e4e8;
	background-color: #ff0808;
	cursor: pointer;
	float: right;
}
.modal-wrap-new .clear-upstatus-button a {
	font-size: 14px;
	color: #ffffff;
}

/* 会計ソフトマスターデータ画面
-------------------*/
.upload-status-area {
	padding: 10px 0;
	overflow: hidden;
}
.upload-status-area > .on {
	margin: 0 5px;
	padding: 40px 0;
	background: #3792fa;
	width: 120px !important;
	height: 120px !important;
	border: solid 1px #ebf1f8;
	border-radius: 18px;
	display: inline-block;
}
.upload-status-area > .off {
	margin: 0 5px;
	padding: 40px 0;
	background: #c4dcf8;
	width: 120px !important;
	height: 120px !important;
	border: solid 1px #ebf1f8;
	border-radius: 18px;
	display: inline-block;
}
.upload-status-area span {
	font-size: 18px;
	color: #ffffff;
	display: inline-block;
	width: 100%;
	text-align: center;
}
.upload-status-area > .upload-arrow{
	margin: -10px 10px;
	display: inline-block;
	height:30px;
	width:40px;
	background-color:#3792fa;
	position:relative;
}
.upload-status-area > .upload-arrow::after{
	position:absolute;
	content:"";
	width:0;
	height:0;
	border:40px solid transparent;
	border-left:20px solid #3792fa;
	left:30px;
	top:-25px;
}

/*--------------------------------------------------------
アイコン風メニュー用(大きいサイズ)
--------------------------------------------------------*/
.icon-menu {
	margin-top: 40px;
}
.icon-menu ul {
	overflow: hidden;
}
.icon-menu ul li {
	display:table;
	float: left;
	width: 12%;
	margin-right: 15px;
	margin-left: 40px;
	margin-bottom: 15px;
}
.icon-menu ul li a {
	display: table-cell;
	box-sizing: border-box;
	width: 160px;
	height: 240px;
	padding: 10px;
	font-size: 24px;
	color: #ffffff;
	text-align: center;
	vertical-align: middle;
	background: #a9a9a9;
	border: 1px solid #a4aab2;
	border-radius: 9px;
}

.icon-menu ul li.back a {
	display: table-cell;
	box-sizing: border-box;
	width: 160px;
	height: 20px;
	padding: 10px;
	font-size: 20px;
	color: #ffffff;
	text-align: center;
	vertical-align: middle;
	background: #a9a9a9;
	border: 1px solid #a4aab2;
	border-radius: 9px;
}

.icon-menu ul li a.on,
.icon-menu ul li a:hover {
	color: #ffffff;
	background: #d4141f;
	border: 1px solid #dce5f0;
	transition: 0.5s;
}

/*--------------------------------------------------------
アイコン風メニュー用(前のページに戻る)
--------------------------------------------------------*/
#icon-back .icon-back-prev{
	margin: 0 0 30px;
}

#icon-back a span{
	display: inline-block;
	width: 24px;
	height: 24px;
	text-align: center;
	line-height: 24px;
	background: #FFF6F6;
}

#icon-back a span svg{
	display: inline-block;
	width: 14px;
	height: 12px;
	text-align: center;
	line-height: 24px;
	background: #FFF6F6;
}

#icon-back .icon-back-prev a {
	font-size: 16px;
	color: #0a4998;
}

/*--------------------------------------------------------
アイコン風メニュー用(小さいサイズ)
--------------------------------------------------------*/
.icon-menu-small {
	margin-top: 80px;
}
.icon-menu-small ul {
	overflow: hidden;
}
.icon-menu-small ul li {
	display:table;
	float: left;
	margin-left: 40px;
}
.icon-menu-small ul li a {
	display: table-cell;
	box-sizing: border-box;
	width: 140px;
	height: 100px;
	padding: 10px;
	font-size: 14px;
	color: #ffffff;
	text-align: center;
	vertical-align: middle;
	background: #a9a9a9;
	border: 1px solid #e2e4e8;
	border-radius: 9px;
}
.icon-menu-small ul li a.on,
.icon-menu-small ul li a:hover {
	color: #ffffff;
	background: #d4141f;
	border: 1px solid #dce5f0;
	transition: 0.5s;
}

/*--------------------------------------------------------
tooltip
--------------------------------------------------------*/
.tip-wrap {
	display: flex;
	align-items: center;
}
.tip-wrap > .tit {
	margin: 0;
}

.tip-wrap .txt br {
	display: block;
	content: "";
	margin: 0.5em 0;
}

.tip-wrap > .tip {
	position: relative;
	padding-left: 6px;
}
.tip-wrap > .tip dt i {
	display: block;
	width: 24px;
	height: 24px;
	border-radius: 20px;
	font-size: 10px;
	line-height: 24px;
	text-align: center;
	color: #f00;
	background: #f1de6c;
	cursor: pointer;
}

.tip-wrap > .tip dd {
	position: absolute;
	top: 25px;
	left: -100px;
	box-sizing: border-box;
	width: 400px;
	padding: 15px 15px 15px;
	font-size: 16px;
	color: #25292e;
	background: #fff;
	box-shadow: 0px 2px 8px rgba(0,0,0,0.3);
	border-radius: 10px;
	display: none;
	z-index: 1000;
}
.tip-wrap > .tip dd:after {
	content: " ";
	position: absolute;
	top: -8px;
	left: 112px;
	width: 0;
	height: 0;
	margin: auto;
	border-bottom: 8px #fff solid;
	border-right: 6px transparent solid;
	border-left: 6px transparent solid;
}
.tip-wrap > .tip:hover dd {
	display: block;
}

.tip dd .tit{
	margin: 0 0 10px;
	font-size: 18px;
	line-height: 1.2;
	color:#FF7980;
}
.tip dd .txt{
	font-size: 16px;
	line-height: 1.6;
	font-weight: normal;
}
.tip dd a {
	color: #0a4998;
}
.tip dd a:hover {
	color: #227ae8;
}

/* small ------------------------*/
.tip-wrap > .tip.small dt i {
	display: block;
	width: 16px;
	height: 16px;
	border-radius: 20px;
	font-size: 10px;
	line-height: 16px;
	text-align: center;
	color: #f00;
	background: #f1de6c;
	cursor: pointer;
}
.tip-wrap > .tip.small dd {
	position: absolute;
	top: 19px;
}
.tip-wrap > .tip.small dd:after {
	left: 108px;
}

/*--------------------------------------------------------
accordion
--------------------------------------------------------*/
.accordion-head {
	position: relative;
	padding: 0 0 8px;
	border-bottom: 1px solid #EAEBED;
	cursor: pointer;
}
.accordion-head:after {
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -7px;
	content: '\f078';
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	font-size: 14px;
	line-height: 1;
	color: #aaa;
}
.accordion-head:hover:after {
	color: #666;
}

.accordion-body {
	display: none;
}
.accordion-body.open {
	display: block;
}
.accordion-head.on:after {
	transform: scale(1, -1);
}


/*顧客TOP*/
#main #fetch .accordion-head .title,
#main #info .accordion-head .title{
	margin-bottom: 0;
}
#fetch .accordion-body,
#info .accordion-body {
	margin-top: 10px;
}
#info .accordion-body ul{
	margin-top: 0;
}

/*--------------------------------------------------------
薄紫の角丸ボックス
--------------------------------------------------------*/
.guidance {
	background: #F0F6FF;
	border-radius: 5px;
}
.guidance .accordion-head{
	padding: 12px 12px 10px;
	border-bottom: 1px solid #fff;
}
.guidance .accordion-head.on{
	padding-bottom: 10px;
	border-bottom: none;
}
.guidance .accordion-head:after{
	right: 18px;
	color: #0a4998;
}
.guidance .accordion-head:hover:after{
	right: 18px;
	color: #227ae8;
}
.guidance .accordion-body{
	padding: 12px;
}

.guidance .accordion-head .tip-wrap > .tit {
	font-size: 20px;
	font-weight: bold;
	color: #333;
}
.guidance .accordion-body .txt {
	margin: 0 0 10px;
	font-size: 16px;
	font-weight: bold;
	color: #333;
}

.guidance .menu li {
	margin: 0 0 9px;
}
.guidance .menu  dl {
	display: flex;
	align-items: center;
}
.guidance .menu  dt {
	margin-right: 10px;
}
.guidance .menu  dt i {
	display: block;
	width: 40px;
	height: 40px;
	padding-left: 1px;
	text-align: center;
	color: #FF7980;
	font-size: 16px;
	line-height: 40px;
	background: #980008;
	border-radius: 4px;
}
.guidance .menu dd {
	font-size: 16px;
	line-height: 1.5;
}
.guidance .menu dd a {
	color: #0a4998;
	font-size: 16px;
	font-weight: bold;
}
.guidance .menu dd a:hover {
	color: #227ae8;
}
.guidance .menu dd em {
	color: #666;
	font-size: 14px;
}

th{
	color: black;
}

/*--------------------------------------------------------
head-subnavi
--------------------------------------------------------*/
.head-subnavi {
	width: 100%;
	height: 35px;
}

.head-subnavi ul {
	display: flex;
	justify-content: flex-end;
	width: 100%;
	height: 35px;
}

.head-subnavi ul li {
	margin: 0 20px 0 0;
}

.head-subnavi ul li a {
	font-size: 14px;
	line-height: 35px;
	color: #0a4998;
}

.head-subnavi ul li a:hover {
	color: #227ae8;
}

/*--------------------------------------------------------
ピクトグラム風メニュー
--------------------------------------------------------*/
.picto-menu {
	margin: 0 0 40px;
}

#content #main .picto-menu>.title {
	margin: 0 0 10px;
	padding: 0 0 8px 10px;
	border-bottom: 1px solid #EAEBED;
}

.picto-menu>.txt {
	margin: 0 0 20px;
	padding: 0 0 0 10px;
	font-size: 16px;
	line-height: 1.25;
}

.picto-menu .picto {
	display: flex;
	flex-wrap: nowrap;
}

.picto-menu .picto>li {
	position: relative;
	width: 150px;
	text-align: center;
	font-size: 16px;
	line-height: 1.25;
	letter-spacing: normal;
	white-space: nowrap;
}

.picto-menu .picto>li>a {
	position: relative;
}

.picto-menu .picto>li>a>i {
	display: block;
	width: 110px;
	height: 110px;
	margin: 0 auto 5px;
	text-align: center;
	color: #FF7980;
	font-size: 52px;
	line-height: 110px;
	background: #980008;
	border-radius: 4px;
}

.picto-menu .picto>li>a>i:hover {
	background: #ac3239;
}

.picto-menu .picto .quick-item {
	color: white;
	background: #4D91FE;
  border: 1px solid #1c73ff;
}

.picto-menu .picto .quick-item:hover {
	color: white;
	background: #85b4ff;
}

.picto-menu .picto .quick-label {
  font-size: 0.8em;
  color: black;
  border-radius: 8px;
  background-color: #bedeff;
  padding: 4px 8px;
  margin-left: 1em;
}



.picto-menu .picto>li a {
	color: #0a4998;
}

.picto-menu .picto>li .txt {
	display: table-cell;
    width: 110px;
    height: 110px;
    margin: 0 auto 5px;
    text-align: center;
	vertical-align: middle;
    background: #980008;
    border-radius: 4px;
	color: white;
}

.picto-menu .picto>li .txt:hover {
	color: yellow;
}


.picto-menu .picto>li a:hover {
	color: #227ae8;
}

.picto-menu .hover-menu:hover,
.picto-menu .hover-menu.on {
	display: block;
}

.picto-menu .hover-menu {
	display: none;
	position: absolute;
	top: 105px;
	left: 20px;
	box-sizing: border-box;
	width: 265px;
	padding: 20px 20px;
	font-size: 16px;
	color: #25292e;
	background: #fff;
	box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.3);
	border-radius: 10px;
	z-index: 1000;
}

.picto-menu .hover-menu:after {
	content: " ";
	position: absolute;
	top: -8px;
	left: 50px;
	width: 0;
	height: 0;
	margin: auto;
	border-bottom: 8px #fff solid;
	border-right: 6px transparent solid;
	border-left: 6px transparent solid;
}

.picto-menu .hover-menu li:not(:last-child) {
	margin: 0 0 10px;
}

.picto-menu .hover-menu li a {
	display: flex;
	align-items: center;
	font-size: 16px;
	text-align: left;
}

.picto-menu .hover-menu i {
	display: block;
	width: 24px;
	height: 24px;
	margin: 0 10px 0 0;
	text-align: center;
	color: #FF7980;
	font-size: 12px;
	line-height: 24px;
	background: #980008;
	border-radius: 4px;
}

.picto-menu .prev {
	float: left;
	margin: 0 0 0 16px;
	padding: 40px 0 0;
}

.picto-menu .prev a {
	display: block;
	width: 32px;
	height: 32px;
	text-align: center;
	line-height: 32px;
	background: #FFF6F6;
}

.column-wrap {
	display: flex;
	justify-content: space-between;
	width: 100%;
}

.column-wrap .picto-menu {
	width: 48%;
}
.picto-menu .app-download {
	margin-left: 16px;
	font-size: 16px;
	line-height: 1;
}
.picto-menu .app-download a {
	color: #0a4998;
	vertical-align:text-bottom;
}
.picto-menu .app-download a:hover {
	color: #227ae8;
}

/*--------------------------------------------------------
customer-head
--------------------------------------------------------*/
#content #user .customer-head {
	flex: 1 1 auto;
	display: flex;
}
#content #user .customer-head h1{
	margin: 9px 27px 0 30px;
}
#content #user .customer-head h1 img{
	width: 155px;
	height: 43px;
}
#content #user .customer-head dl {
	position: relative;
	margin: 10px 10px 0 0;
}
#content #user .customer-head dl dt {
	position: relative;
	box-sizing: border-box;
	min-width: 300px;
	height: 40px;
	padding: 6px 10px;
	background: #FFFFFF;
	border: 1px solid #E2E4E8;
	border-radius: 5px;
	cursor: pointer;
}
#content #user .customer-head dl:hover dt {
	color: #227ae8;
	background: #f7f7f7;
}
#content #user .customer-head dl dt span {
	display: inline-block;
	max-width: 500px;
	padding: 0 20px 0 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
#content #user .customer-head dl dt i {
	position: absolute;
	top: 13px;
	right: 10px;
	display: inline;
	width: auto;
	font-size: 14px;
	color: #bbc0c7;
	z-index: 2;
}
#content #user .customer-head dl:hover dt i {
	color: #227ae8;
}

#content #user .customer-head dl dd {
	display: none;
	position: absolute;
	top: 49px;
	left: 0;
	width: 300px;
	padding: 20px 0;
	background: #fff;
	z-index: 1000;
	box-shadow: 0 0 1px rgba(0,0,0,0.5);
}

#content #user .customer-head dl dd .search {
	position: relative;
	text-align: center;
	margin-bottom: 10px;
}
#content #user .customer-head dl dd .search input {
	box-sizing: border-box;
	width: 260px;
	height: 36px;
	padding: 0 18px 0 40px;
	font-size: 14px;
	border-radius: 18px;
	border: solid 1px #e2e4e8;
	background: rgba(255,255,255,0);
}
#content #user .customer-head dl dd .search input::placeholder {
	color: black;
}
#content #user .customer-head dl dd .search:after {
	position: absolute;
	top: 50%;
	left: 40px;
	margin-top: -11px;
	font-family: 'Font Awesome 5 Free';
	content: '\f002';
	font-weight: 800;
	color: #c4c8ce;
	z-index: -1;
}

#content #user .customer-head dl:hover dd {
	display: block;
}
#content #user .customer-head dl dd:after {
	content: '';
	display: block;
	position: absolute;
	top: -10px;
	left: 14px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 9px 10px 9px;
	border-color: transparent transparent #ffffff transparent;
	filter: drop-shadow(0px 0px 0px #666);
}
@media all and (-ms-high-contrast: none) {
	*::-ms-backdrop, #content #user .customer-head dl dd:after {
		display: none;
	}
}
#content #user .customer-head dl dd ul {
	max-height: 400px;
	overflow: auto;
}
#content #user .customer-head dl dd ul li a {
	display: block;
	padding: 10px 30px 10px 30px;
	color: #0a4998;
	background: #fff;
}
#content #user .customer-head dl dd ul li a:hover {
	color: #227ae8;
	background: #f7f7f7;
}
#content #user .customer-head dl dd ul li a i {
	padding-right: 6px;
	color: #bbc0c7;
}
#content #user .customer-head dl dd ul li a:hover i {
	color: #227ae8;
}

#content #user .customer-head > p {
	position: relative;
	flex: 1 1 auto;
	min-width: 300px;
	padding: 19px 20px 0 0;
	color: #838a93;
	font-size: 12px;
	white-space: nowrap;
}
#content #user .customer-head > p span {
	position: absolute;
	right: 20px;
	top: 16px;
}

/*--------------------------------------------------------
サイトマップ
--------------------------------------------------------*/
#sitemap .sitemap-prev{
	margin: 0 0 30px;
}
#sitemap .sitemap-prev a {
	font-size: 16px;
	color: #0a4998;
}
#sitemap .sitemap-prev a:hover {
	color: #227ae8;
}
#sitemap .sitemap-prev a span {
	display: inline-block;
	width: 24px;
	height: 24px;
	text-align: center;
	line-height: 24px;
	background: #FFF6F6;
}
#content #main #sitemap .title{
	margin: 0 0 35px;
}
.sitemap-tit {
	margin: 0 0 14px;
	padding: 0 12px 5px;
	color: #333;
	font-size: 20px;
	line-height: 1.5;
	border-bottom: 1px solid #C4C8CE;
}
.sitemap-list {
	margin: 0 12px 45px;
}
.sitemap-list li {
	margin: 0 0 20px;
}
.sitemap-list p {
	margin: 0 0 5px;
	font-size: 14px;
	line-height: 1.4;
}
.sitemap-list a {
	display: inline-flex;
	align-items: center;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.4;
	color: #0a4998;
}
.sitemap-list a:hover {
	color: #227ae8;
}
.sitemap-list a i {
	display: inline-block;
	margin: 0 0.5em 0 0;
	width: 16px;
	height: 16px;
	text-align: center;
	font-size: 12px;
	line-height: 16px;
	color: #fff;
	background: #466EAA;
	border-radius: 2px;
}