/**
 * window size:
 * SMP: ~736px
 * Tablet/PC: 736px~
 * contents size max 1060px
 * contents size max contain padding 1110px
 * contents size max contain padding and scroll 1130px
**/

/**
 * base style
**/

*{
    font-family: 'SF Pro Text', "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
}

.loading {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 99999;
	cursor: wait;
}

.hide {
	display: none;
}

.wrapper {
	width: 900px;
	margin: 0 auto;
	padding: 0;
	position: relative;
}

.overlay-contents .wrapper {
	background: #fff;
	height: 100%;
	margin-top: 1rem;
	margin-bottom: 1rem;
	box-shadow: 0 0 0.5rem 0.5rem rgba(0, 0, 0, 0.2);
	overflow: hidden;
}

.modaal-content-container .wrapper{
	width: 1000px !important;;
}
.modaal-content-container {
	padding: 0;
}

input, textarea {
	padding: 0.5em 1em;
	border: solid 1px #ccc;
	font-size: 1.2rem;
}

input[type="text"] {
	border-radius: 0.5rem;
}

input[type="radio"], 
input[type="checkbox"] {
	display: none;
}

input[type="file"] {
	display: none;
}

button {
	cursor: pointer;
}

button:disabled {
	cursor: default;
}

select {
	width: 100%;
	padding: 0.4em 1em;
	border: none;
	outline: none;
	background: transparent;
	box-shadow: none;
	text-overflow: ellipsis;
	cursor: pointer;
}

select::-ms-expand {
	display: none;
}

select option {
	color: #333;
	font-size: 1.3rem;
	line-height: 2;
	background-color: #fff;
}



/**
 * header --------------------
**/

header {
	background: #222;
	border-bottom: solid 3.2rem #383838;
	height: 10.2rem;
    display: flex;
}
header .wrapper{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top:0.8rem;
	width: 100%;
	padding-left: 3rem;
	padding-right: 3rem;
}

.header-logo {
	width: 48.4rem;
	position: relative;
	top: 1.2rem;
	left:-1rem;
}

.header-right {
	/*position: relative;*/
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
    flex: 1;
    margin-top:4.5rem;
}
.header-right-top{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    margin-bottom:0.8rem;
}
.header-country {
	/*position: absolute;
	right: 5rem;
	top: 1rem;*/
    margin-right:1rem;
	padding: 0.3rem 1rem;
	border-radius: 0.5rem;
	font-size: 1.2rem;
	background: #000;
	color: #fff;
}

.header-company {
	/*position: absolute;
	right: 5rem;
	top: 3.1rem;*/
    color:#fff;
	font-size: 1.4rem;
    margin-right:1.6rem;
}
.header-right-bottom{
    margin-top: 0.433rem;
}
.header-user {
	/*position: absolute;
	right: 0;
	top: 0.5rem;*/
    display: flex;
    justify-content:flex-end;
}

.header-user-logout {
	display: block;
	text-align: center;
	font-size: 1.2rem;
    padding:0.8rem 1.62rem 0.6rem;
    border-radius:0.3rem;
    border: 1px solid #fff;
	color:#fff;
	text-decoration: none;
}
.header-user-logout:link,
.header-user-logout:visited{
	color:#fff;
	text-decoration: none;	
}
.header-user-logout:hover{
	color: #fff;
	text-decoration: underline;
}

.header-user-logout a {
	color: #fff;
	text-decoration: none;
    display: inline;
    vertical-align: middle;
}

.header-user-logout a:hover {
	color: #fff;
	text-decoration: underline;
}

.header-user-email{
    color:#fff;
}

.header-user-icon {
	display: block;
	width: 2rem;
    margin-right:0.9rem;
	border-radius: 50%;
	overflow: hidden;
	/*margin: 0 auto;*/
}

nav {
	background: #eee;
}
nav .wrapper {
	width: 100%;
	padding-left: 3rem;
	padding-right: 3rem;
}

nav ul {
	display: flex;
	padding: 0.8em 0;
	list-style: none;
	font-size: 1.5rem;
	line-height: 1.2;
}

nav ul li {
	margin: 0 0 0 1.6rem;
	padding: 0 0 0 1.6rem;
	border-left: solid 1px #999;
}

nav ul li:first-child {
	margin: 0;
	padding: 0;
	border: 0;
}

nav ul li a:link, 
nav ul li a:visited, 
nav ul li a:active {
	color: #606060;
	text-decoration: none;
	font-weight:300;
}

nav ul li a:hover {
	text-decoration: underline;
}

nav ul li a.active {
	color: #3f3f3f;
	font-weight: 500;
}
.nav-1st-list{
	padding:1rem 0;
	line-height:2.8rem
}

nav.nav-2nd {
	background-color: #fff;
}

nav.nav-2nd ul {
	padding: 0.8em 0;
	font-size: 1.2rem;
	line-height: 1.2;
}

nav.nav-2nd ul li{
	border:none;
}



/**
 * for responsive --------------------
**/

.header__hamburger {
	display: none;
}
.header-user-logout {
}

.header-user-logout.pc-none {
	display: none;
}


/**
 * footer --------------------
**/

footer {
	width: 100%;
	margin: 0;
	padding: 2rem 0;
	background: #222;
	color: #fff;
	font-size: 1.1rem;
	text-align: center;
}

.footer-nav {
	margin: 5rem 0 0;
	padding:3.4rem 0;
	background: #dcdcdc;
}
.footer-nav .wrapper{
	display: flex;
	justify-content: space-between;
	width: 100%;
	padding-left: 3rem;
	padding-right: 3rem;
}
.footer-nav p{
	font-size:1.5rem;
	font-weight: 600;
	color: #000;
}

.footer-nav ul {
	display: flex;
	flex-direction: column;
	list-style: none;
	line-height: 1.2;
	padding:2rem 0 0 0;
	font-size: 1.4rem;
}

.footer-nav ul li {
	font-size: 1.4rem;
	/*margin: 0 0 0 1em;*/
	padding: 0 0 1.2rem 0;
	/*border-left: solid 1px #ccc;*/
}

/*.footer-nav ul li:first-child {
	margin: 0;
	padding: 0;
	border: 0;
}*/

.footer-nav p a:link,
.footer-nav p a:visited,
.footer-nav p a:active,
.footer-nav ul li a:link, 
.footer-nav ul li a:visited, 
.footer-nav ul li a:active {
	color: #000;
	text-decoration: none;
}

.footer-nav p a:hover,
.footer-nav ul li a:hover {
	color: #333;
	text-decoration: underline;
}

.footer-nav ul li a.active {
	color: #333;
}

ul.download{
	flex-direction: row;
	margin-top:auto;
}

ul.download li{
	padding: 0 0 0 0.9rem;
}

.app-visit .footer-nav,
.app-customer .footer-nav{
	margin:0;
}
/**
 * heading --------------------
**/

h1 {
	font-size: 3.0rem;
	font-family: "Noah-Regular";
	font-weight: 700;
	max-width: 900px;
	margin:0 auto;
}

h2 {
	margin: 2rem 0;
	font-size: 2.4rem;
}



/**
 * .content-head --------------------
**/
.content{
	overflow-x: hidden;
}

.content-head {
	position: relative;
	padding: 2rem 0 0;
	/*box-shadow: 0 5px 5px 0 rgb(0 0 0 / 25%);*/
	box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
	margin-bottom:4rem;

}

.nav-sub {
	position: absolute;
	list-style: none;
}

.nav-sub li {
	float: left;
}
.nav-sub li:first-child::before {
    content: "";
    padding: 0;
}

.btn-setting{
	width: 14rem;
	padding:2rem;
}

.btn-add {
	position: absolute;
	right: 0;
	top: 1.1rem;
	cursor: pointer;
}

.btn-add:hover {
}








/**
 * .search --------------------
**/

.search {
	padding: 1rem 0;
	background: #544D4C;
	color: #fff;
}

.search01 {
	display: flex;
	margin: 1.6rem 0 1.6rem;
	justify-content: space-between;
}

.search02 {
	display: flex;
}

.search03 {
	display: flex;
}

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

.search01 select {
	width: 15rem;
	padding-left: 0;
	padding-right: 0;
	color: #fff;
	font-size: 1.6rem;
	line-height: 1.1;
	overflow: hidden;
}
.search01-schedule select{
	width: 132px;
}
.search01-customer select{
	width: 276px;
}
.search01-user select{
	width: 198px;
}
.search01 select.active {
	/*color: #32e4ff;*/
	font-weight: 500;
}

.search01 select:hover {
	opacity: 0.8;
}

.search01-schedule {
	display: flex;
	align-items: center;
	/*margin-right: 3rem;*/
}

.search01-customer {
	display: flex;
	align-items: center;
	/*margin-right: 3rem;*/
}

.search01-user {
	display: flex;
	align-items: center;
}

.search01-schedule select {
	/*width: 9rem;
	opacity: 0.3;*/
}

.search01-schedule select.active {
	opacity: 1;
}

.search01-icon {
	width: 2rem;
	padding: 0 0.5rem 0 0;
}
.search01-icon img{
	vertical-align: baseline;
}
.search01-customer .search01-icon{
	width: 2.5rem;
}
.btn-schedule-all {
	display: block;
	padding: 0.4em 1em 0.4em 0.3rem;
	color: #fff;
	font-size: 1.6rem;
	line-height: 1.1;
	cursor: pointer;
	user-select: none;
	opacity: 0.3;
}

.btn-schedule-all.active {
	color: #32e4ff;
	font-weight: 500;
	opacity: 1;
}

.btn-schedule-all:hover {
	opacity: 0.8;
}

.search02 > div, 
.search03 > div {
	width: 25%;
	padding: 0 1px;
}

.search02 > div label, 
.search03 > div label {
	display: block;
	width: 100%;
	padding: 1.1rem 0 1.1rem 28%;
	border: none;
	background-color: #0a0605;
	background-repeat: no-repeat;
	background-size: 1.8rem auto;
	/*background-position: calc(28% - 2.2rem) 0.7rem;*/
	background-position: 2.45rem center;
	color: #666;
	font-size: 1.2rem;
	font-weight: 400;
	line-height: 14px;
	text-align: left;
	cursor: pointer;
	user-select: none;
	letter-spacing: 0.05em;
}

.search02 > div label.active,
.search02 > div label:hover {
	color: #fff;
	font-weight: 500;
}


.search03 > div label.search03-btn-5 {
	padding: 0;
	text-align: center;
}

.search02-btn-1 {
	background-image: url("../images/icon_att1_1_off.svg");
	border-radius: 5px 0px 0px 5px;
}

.search02-btn-2 {
	background-image: url("../images/icon_att1_2_off.svg");
}

.search02-btn-3 {
	background-image: url("../images/icon_att1_3_off.svg");
}

.search02-btn-4 {
	background-image: url("../images/icon_att1_4_off.svg");
}

.search02 > div:last-child label, 
.search03 > div:last-child label {
	border-radius: 0px 5px 5px 0px;
}

.search02-btn-1.active, 
.search02-btn-1:hover {
	background-image: url("../images/icon_att1_1_on.png");
}

.search02-btn-2.active, 
.search02-btn-2:hover {
	background-image: url("../images/icon_att1_2_on.png");
}

.search02-btn-3.active, 
.search02-btn-3:hover {
	background-image: url("../images/icon_att1_3_on.png");
}

.search02-btn-4.active, 
.search02-btn-4:hover {
	background-image: url("../images/icon_att1_4_on.png");
}

.search03 > div label.active,
.search03 > div label:hover {
	color: #fff;
	font-weight: 500;
}

.search03-btn-1 {
	background-image: url("../images/icon_att2_2.png");
}

.search03-btn-2 {
}

.search03-btn-3 {
	background-image: url("../images/icon_att2_5.png");
}

.search03-btn-4 {
	background-image: url("../images/icon_att2_3.png");
}

.search03-btn-5 {
	border-radius: 0 1rem 1rem 0;
}

.search03-btn-1.active, 
.search03-btn-1:hover {
	background-color: #ebbb12;
	background-image: url("../images/icon_att2_2.png");
}

.search03-btn-2.active, 
.search03-btn-2:hover {
}

.search03-btn-3.active, 
.search03-btn-3:hover {
	background-color: #8956a0;
	background-color: #e3838a;
	background-image: url("../images/icon_att2_5.png");
}

.search03-btn-4.active, 
.search03-btn-4:hover {
	background-color: #61bbf2;
	background-image: url("../images/icon_att2_3.png");
}

.search03-btn-5.active, 
.search03-btn-5:hover {
	background-color: #ff630c;
}

.search04-icon {
	width: 2.4rem;
	padding: 0 0.6rem 0 0;
}

.search04-progress {
	width: calc(100% - 10.2rem);
}

.search04-all {
	width: 8rem;
	text-align: right;
}

.search04-all span {
	display: inline-block;
	border-bottom: solid 1px #32e4ff;
	font-size: 1.5rem;
	font-weight: 500;
	line-height: 1.2;
	cursor: pointer;
	user-select: none;
}

.search04-all span:hover {
	opacity: 0.8;
}

.search04-list {
	display: flex;
	justify-content: space-between;
	list-style: none;
}

.search04-list li {
	width: 100%;
	margin: 0 0.5rem;
}

.search04-list label {
	display: block;
	width: 100%;
	padding: 0.2rem;
	border: solid 0.2rem #aea7a5;
	background: transparent;
	color: #aea7a5;
	text-align: center;
	cursor: pointer;
	user-select: none;
}

.search04-list label.active {
	border-color: #fff;
	background-color: #fff;
	color: #49403e;
	font-weight: 500;
}

.search04-list label:hover {
	opacity: 0.8;
}

.search04-list label.disabled, 
.search04-list label.disabled:hover {
	border-color: transparent;
	background-color: transparent;
	color: #666;
	cursor: default;
}

.search04-progress-archive {
	display: flex;
	width: 33%;
}

.search04-progress-archive > div {
	width: 50%;
	padding: 0 1px;
}

.search04-progress-archive label {
	display: block;
	width: 100%;
	border: none;
	/*background-color: #0a0605;
	background-repeat: no-repeat;
	background-size: 2.2rem auto;
	background-position: calc(40% - 2.2rem) 0.7rem;
	color: #666;
	font-size: 1.6rem;
	line-height: 2.2;*/
	padding: 0.5rem 3rem;
	text-align: center;
	cursor: pointer;
	user-select: none;
	font-weight: 500;
	font-size: 12px;
	line-height: 12px;
	background: #383838;
    color: #C0C0C0;
}

.search04-progress-archive div:first-child label {
	border-radius: 5px 0px 0px 5px;
	padding: 1rem 3rem;
}

.search04-progress-archive div:last-child label {
	border-radius: 0px 5px 5px 0px;
}

.search04-progress-archive label.active,
.search04-progress-archive label:hover {
	font-size: 12px;
    line-height: 14px;
    font-weight: 700;
    padding: 1rem 3rem;
	color: #fff;
	/*background-color: #fff;
	color: #333;
	font-weight: 500;*/
}
.search04-progress-archive .search04-btn-2:hover,
.search04-progress-archive .search04-btn-2.active{
	padding: 0.5rem 3rem;
	line-height: 12px;
}
.search04-progress-archive label.active{
	background: #5094F8;
}
.search04-progress-archive label:hover{
	background: #71A9FD;
}


/**
 * .result --------------------
**/

.result-outline {
}

.result {
}



/**
 * .download --------------------
**/

.download {
	font-size: 1.4rem;
	font-weight: 500;
	text-align: center;
}

.btn-download {
	color: #fff;
	font-size: 1rem;
	font-family: "Noah-Regular";
}

.btn-download:hover {
	opacity: 0.8;
}

.btn-download span {
	display: inline-block;
	vertical-align: middle;
	background: url("../images/icon_download.png") no-repeat;
	background-size: contain;
}

.btn-download:disabled {
	background: #ccc;
}

.btn-download:disabled:hover {
	opacity: 1;
}
	
.btn-download:disabled span {
	background-image: url("../images/icon_download_off.png");
}





/**
 * .arrange --------------------
**/

.arrange {
	display: flex;
	width: 900px;
	justify-content: space-between;
}
.arrange-sort-list {
	display: flex;
	list-style: none;
}
.arrange-sort-list li {
	width: 9.8rem;
	font-size: 12px;
	line-height: 14px;
	font-weight: 700;
}
.arrange-sort-list li:first-child {
	margin-right: 0.2rem;
}
.arrange-sort-list li label {
	display: block;
	color: #fff;
	font-size: 1.2rem;
	line-height: 14px;
	cursor: pointer;
	user-select: none;
}
.arrange-sort-date-desc-btn, 
.arrange-sort-date-asc-btn, 
.arrange-sort-progress-desc-btn, 
.arrange-sort-progress-asc-btn {
	background-color: #0E0E0E;
	background-image: url("../images/icon_desc_active.svg");
	background-repeat: no-repeat;
	background-size: auto;
	background-position: right 0.7rem center;
	font-weight: 700;
}
.arrange-sort-date-desc-btn, 
.arrange-sort-date-asc-btn {
	padding: 0.8rem 2rem 0.8rem 2.4rem;
	border-radius: 5px 0 0 5px;
}
.arrange-sort-progress-desc-btn, 
.arrange-sort-progress-asc-btn {
    padding: 0.8rem 4rem 0.8rem 1.2rem;
	border-radius: 0 5px 5px 0;
}
.arrange-sort-date-desc-btn, 
.arrange-sort-progress-desc-btn {
	background-image: url("../images/icon_desc.svg");
}
.arrange-sort-date-asc-btn, 
.arrange-sort-progress-asc-btn {
	background-image: url("../images/icon_asc.svg");
}
.arrange-sort-date-desc-btn.active, 
.arrange-sort-date-asc-btn.active, 
.arrange-sort-progress-desc-btn.active, 
.arrange-sort-progress-asc-btn.active, 
.arrange-sort-date-desc-btn:hover, 
.arrange-sort-date-asc-btn:hover, 
.arrange-sort-progress-desc-btn:hover, 
.arrange-sort-progress-asc-btn:hover {
	color: #5094F8;
}
.arrange-sort-date-desc-btn.active, 
.arrange-sort-progress-desc-btn.active, 
.arrange-sort-date-desc-btn:hover, 
.arrange-sort-progress-desc-btn:hover {
	background-image: url("../images/icon_desc_active.svg");
}
.arrange-sort-date-asc-btn.active, 
.arrange-sort-progress-asc-btn.active, 
.arrange-sort-date-asc-btn:hover, 
.arrange-sort-progress-asc-btn:hover {
	background-image: url("../images/icon_asc_active.svg");
}

.arrange-view ul li label.active {
	background-color: #181818;
    color: #5094F8;
	font-family: 'Noah-Bold';
}

.arrange-view ul li label:hover {
	background-color: #252525;
    color: #71A9FD;
}
.arrange-view ul li:nth-of-type(1) label{
	padding-left: 3.3rem;
}
.arrange-view ul li:nth-of-type(2) label{
	padding-left: 4.4rem;
}
.arrange-view ul li:nth-of-type(3) label{
	padding-left: 5.6rem;
}

.arrange-view-list-btn {
	background-image: url("../images/icon_list_off.svg");
	background-position: 3.2rem center;
}
.arrange-view-list-btn:hover{
	background: url("../images/icon_list_hover.svg") 3.2rem center no-repeat;
}
.arrange-view-list-btn.active{
	background: url("../images/icon_list_on.svg") 3.2rem center no-repeat;

}
.arrange-view-gadget-btn {
	background-image: url("../images/icon_gadget_off.svg");
	background-position: 2.2rem center;
}
.arrange-view-gadget-btn:hover {
	background: url("../images/icon_gadget_hover.svg") 2.2rem center no-repeat;
}
.arrange-view-gadget-btn.active {
	background: url("../images/icon_gadget_on.svg") 2.2rem center no-repeat;
}

.arrange-view-board-btn {
	background:#A3A3A3 url("../images/icon_board_off.svg") 1.6rem center no-repeat;
}
.arrange-view-board-btn:hover {
	background-image: url("../images/icon_board_hover.svg");
}
.arrange-view-board-btn.active,
.arrange-view-board-btn.active:hover {
	background:#252525 url("../images/icon_board_on.svg") 1.6rem center no-repeat;
}




/**
 * .listview .actions --------------------
**/

.listview .actions {
	/*padding: 0 0.5rem;*/
	list-style: none;
}

.listview .actions li {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 0.8rem 0;
	padding: 0.5rem 6rem 0.5rem 1rem;
	border-radius: 1rem;
	box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.5);	cursor: pointer;
	user-select: none;
	color: #181818;
	border-radius: 5px;
	border: 2px solid #fff;
}

.listview .actions li:hover {
	/*box-shadow: 0 0 0.5rem 0.5rem rgba(0, 0, 0, 0.1);*/
	border: 2px solid #5094F8;
}
.listview .actions li.duplicated{
	background-color: #FFDEDE;
}

.listview .actions li > span {
	vertical-align: middle;
	overflow: hidden;
}

.listview .actions .actions-date {
	width: 12rem;
	font-size: 1.2rem;
	margin: 0 0 0 0.5rem;
	order: 2;
	text-align: right;
}

.listview .actions .actions-progress {
	width: 3rem;
	height: 3rem;
	background: no-repeat;
	background-size: contain;
	order:1;
	flex-shrink: 0;
}

.listview .actions .actions-progress.rate-0 {
	background-image: url("../images/icon_index_per_0.png");
}

.listview .actions .actions-progress.rate-10 {
	background-image: url("../images/icon_index_per_10.png");
}

.listview .actions .actions-progress.rate-20 {
	background-image: url("../images/icon_index_per_20.png");
}

.listview .actions .actions-progress.rate-30 {
	background-image: url("../images/icon_index_per_30.png");
}

.listview .actions .actions-progress.rate-40 {
	background-image: url("../images/icon_index_per_40.png");
}

.listview .actions .actions-progress.rate-50 {
	background-image: url("../images/icon_index_per_50.svg");
}

.listview .actions .actions-progress.rate-60 {
	background-image: url("../images/icon_index_per_60.svg");
}

.listview .actions .actions-progress.rate-70 {
	background-image: url("../images/icon_index_per_70.svg");
}

.listview .actions .actions-progress.rate-80 {
	background-image: url("../images/icon_index_per_80.png");
}

.listview .actions .actions-progress.rate-90 {
	background-image: url("../images/icon_index_per_90.png");
}

.listview .actions .actions-progress.rate-100 {
	background-image: url("../images/icon_index_per_100.png");
}

.listview .actions .actions-progressRate {
	width: 5rem;
	margin: 0 0 0 0.2rem;
	text-align: center;
	order: 1;
	font-weight: 700;
    font-size: 22px;
    line-height: 27px;
    font-family: 'Noah-bold';
	flex-shrink: 0;
}

.listview .actions .actions-att2 {
	width: 2.8rem;
	margin: 0 0.5rem 0 0.4rem;
	flex-shrink: 0;
}

.listview .actions .actions-att1 {
	width: 4.1rem;
	margin: 0 0.4rem 0 0;
	padding-left: 1.4rem;
	/*border-left:0.05rem solid #7e7e7e;*/
	border-left: 0.05rem solid #C1BCB9;
	height: 4.2rem;
	display: flex;
	align-items: center;
	flex-shrink: 0;
}

.listview .actions .actions-progressText {
	width: 13rem;
	margin: 0 1.4rem 0 0.4rem;
	border-right: 0.05rem solid #C1BCB9;
	min-height: 42px;
	display: flex;
	align-items: center;
	padding-right:0.5rem;
	font-weight: 700;
	font-size: 12px;
	line-height: 14px;
	/*width: 8rem;*/
	flex-shrink: 0;
}

.listview .actions .actions-user {
	width: 2.2rem;
	margin: 0 0.7rem 0 0.5rem;
	order: -1;
	position: relative;
	top:-6px;
	flex-shrink: 0;
}



.listview .actions .actions-customer {
	width: 3.5rem;
	/*margin-bottom:0.5rem;*/
	order: -2;
	margin-right: 0.5rem;
	flex-shrink: 0;
}


.listview .actions .actions-customerName {
	width: 16.1rem;
	margin: 0 0.5rem 0 0;
	margin: 0 0 0 0.2rem;
	order: -2;
	font-weight: 600;
    font-size: 12px;
    line-height: 14px;
	flex-shrink: 0;
	margin-left: 0.5rem;
}

.listview .actions .actions-subject {
	/*width: calc(100% - 74.5rem);*/
	width:161px;
	order: 1;
	color: #181818;
    font-weight: 600;
    font-size: 18px;
    line-height: 1;
	/*white-space: nowrap;*/
	max-height: 3.4rem;
    overflow: hidden;
	flex-shrink: 0;
}

.listview .actions .actions-comment, 
.listview .actions .actions-note, 
.listview .actions .actions-file {
	display: none;
}



/**
 * .gadgetview .actions --------------------
**/

.gadgetview .actions {
	display: flex;
	flex-wrap: wrap;
	/*padding: 0 0.5rem;*/
	justify-content: space-between;
	list-style: none;
}

.gadgetview .actions li {
	/*width: 23%;*/
	width: calc((100% - 36px) / 4);
	height: 21.2rem;
	margin: 0.7rem 0;
	padding: 0.5rem 0.5rem 0.4rem 0.5rem;
	border: 2px solid #fff;
	box-shadow: 0 0 0.3rem 0.3rem rgba(0, 0, 0, 0.1);
	cursor: pointer;
	position: relative;
	overflow: hidden;
	border-radius: 5px;
	box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.5);    background-image: url(../images/list_bg.svg);
    background-repeat: no-repeat;
    background-position: center 94px;
}
.gadgetview .actions li.duplicated{
	background-color: #FFDEDE;
}


.gadgetview .actions::before {
	content: "";
	display: block;
	width: 23%;
	height: 0;
	order: 1;
}

.gadgetview .actions::after {
	content: "";
	display: block;
	width: 23%;
	height: 0;
}

.gadgetview .actions li:hover {
	/*box-shadow: 0 0 0.5rem 0.5rem rgba(0, 0, 0, 0.1);*/
	border: 2px solid #5094F8;
}

.gadgetview .actions li > span {
	position: absolute;
}

.gadgetview .actions .actions-subject {
	top: 5.7rem;
	left: 7.2rem;
	font-size: 1.4rem;
	line-height: 1.2;
	height: 1.2em;
	padding-right: 1em;
	word-break: break-all;
	overflow: hidden;
	font-weight: 600;
	color: #181818;
}

.gadgetview .actions .actions-comment {
	top: 7.6rem;
	left: 7.2rem;
	font-size: 1.2rem;
	line-height: 1.2;
	height: 1.2em;
	padding-right: 1em;
	word-break: break-all;
	overflow: hidden;
	line-height: 10px;
	color: #181818;
}

.gadgetview .actions .actions-customer {
	top: 1.1rem;
	left: 0.8rem;
	width: 3rem;
}


.gadgetview .actions .actions-customerName {
	top: 1.4rem;
	left: 4.1rem;
	font-size: 1.2rem;
	font-weight: 700;
	line-height: 1.1;
	width:14rem;
	color: #181818;
}

.gadgetview .actions .actions-progress {
	top: 9.9rem;
	left: 1rem;
	width: 5.8rem;
	height: 5.8rem;
	background: no-repeat;
	background-size: contain;
}

.gadgetview .actions .actions-progress.rate-0 {
	background-image: url("../images/icon_per_0.svg");
}

.gadgetview .actions .actions-progress.rate-10 {
	background-image: url("../images/icon_per_10.svg");
}

.gadgetview .actions .actions-progress.rate-20 {
	background-image: url("../images/icon_per_20.svg");
}

.gadgetview .actions .actions-progress.rate-30 {
	background-image: url("../images/icon_per_30.svg");
}

.gadgetview .actions .actions-progress.rate-40 {
	background-image: url("../images/icon_per_40.svg");
}

.gadgetview .actions .actions-progress.rate-50 {
	background-image: url("../images/icon_per_50.svg");
}

.gadgetview .actions .actions-progress.rate-60 {
	background-image: url("../images/icon_per_60.svg");
}

.gadgetview .actions .actions-progress.rate-70 {
	background-image: url("../images/icon_per_70.svg");
}

.gadgetview .actions .actions-progress.rate-80 {
	background-image: url("../images/icon_per_80.svg");
}

.gadgetview .actions .actions-progress.rate-90 {
	background-image: url("../images/icon_per_90.svg");
}

.gadgetview .actions .actions-progress.rate-100 {
	background-image: url("../images/icon_per_100.svg");
}

.gadgetview .actions .actions-progressRate {
	display: none;
}

.gadgetview .actions .actions-date {
	top: 14.4rem;
	left: 7.2rem;
	font-size: 1.2rem;
	color: #181818;
	line-height: 14px;
}

.gadgetview .actions .actions-user {
	top: 0.5rem;
	/*left: 10rem;*/
	right:0.5rem;
	width: 23px;
	height:23px;
	/*border: 2px solid yellow;
	border-radius: 50%;*/
}

.gadgetview .actions .actions-progressText {
	/*bottom: 8rem;*/
	top:10rem;
	left: 7.2rem;
	padding-right: 2.5rem;
	font-family: "Noah-Bold";
	font-size: 18px;
	font-weight: 700;
	line-height: 1;
	height: 3.5rem;
	display: flex;
    align-items: flex-end;
	overflow: hidden;
	color: #181818;
}

.gadgetview .actions .actions-note {
	top: 16.7rem;
	left: 1.9rem;
	/*width: calc(100% - 1.6rem);*/
	height: 3.2rem;
	padding: 0.3rem 0;
	/*border: solid 1px #ccc;*/
	border-radius: 0.3rem;
	font-size: 1.2rem;
	line-height: 1.4rem;
	width: 154px;
	overflow: hidden;
}

.gadgetview .actions .actions-file {
	top: 17.3rem;
	left: 0.8rem;
	width: 100%;
	width: calc(100% - 1.6rem);
	height: 3.2rem;
	padding-left: 3rem;
	padding-right: 2.2rem;
	background: url("../images/icon_input_file.svg") no-repeat right 0.1rem center;
	background-size: 1.6rem auto;
	color: #32e4ff;
	font-size: 1rem;
	text-align: left;
	display: table;
}

.gadgetview .actions .actions-file.nofile {
	padding-right: 0;
	background: none;
}

.gadgetview .actions .actions-file span {
	display: none;
	vertical-align: middle;
	word-break: break-all;
}

.gadgetview .actions .actions-file span i {
    position: absolute;
    left: 0;
	top: 0.3rem;;
	margin-left: 0.2rem;
	font-size: 2.6rem;
}



/**
 * .boardview .actions --------------------
**/

.boardview .actions {
	display: flex;
	margin: 1rem 0 0;
	list-style: none;
}

.boardview .actions > li:nth-child(2n) {
	background-color: #eee;
}

.boardview .actions > li:first-child {
}

.boardview .actions > li:nth-child(2) {
	background-image: url("../images/icon_per_0.svg"), url("../images/icon_per_0.svg");
}

.boardview .actions > li:nth-child(3) {
	background-image: url("../images/icon_per_10.svg"), url("../images/icon_per_10.svg");
}

.boardview .actions > li:nth-child(4) {
	background-image: url("../images/icon_per_20.svg"), url("../images/icon_per_20.svg");
}

.boardview .actions > li:nth-child(5) {
	background-image: url("../images/icon_per_30.svg"), url("../images/icon_per_30.svg");
}

.boardview .actions > li:nth-child(6) {
	background-image: url("../images/icon_per_40.svg"), url("../images/icon_per_40.svg");
}

.boardview .actions > li:nth-child(7) {
	background-image: url("../images/icon_per_50.svg"), url("../images/icon_per_50.svg");
}

.boardview .actions > li:nth-child(8) {
	background-image: url("../images/icon_per_60.svg"), url("../images/icon_per_60.svg");
}

.boardview .actions > li:nth-child(9) {
	background-image: url("../images/icon_per_70.svg"), url("../images/icon_per_70.svg");
}


.boardview .actions > li:nth-child(10) {
	background-image: url("../images/icon_per_80.svg"), url("../images/icon_per_80.svg");
}

.boardview .actions > li:nth-child(11) {
	background-image: url("../images/icon_per_90.svg"), url("../images/icon_per_90.svg");
}

.boardview .actions > li:last-child {
	width: 3.4rem;
	padding: 0;
}

.boardview .actions > li:first-child span {
	display: block;
	width: 100%;
	padding: 0.2rem 0.6rem 0.2rem 0;
	font-size: 1.2rem;
	font-family: "Noah-Regular";
	text-align: right;
	color: #181818;
}

.boardview .actions > li:last-child a {
	display: block;
	width: 100%;
	height: 100%;
	background: #f5a416 url("../images/icon_100_go.png") center center no-repeat;
	background-size: 1.3rem;
	color: #fff;
	font-size: 1rem;
	text-decoration: none;
	position: relative;
}

.boardview .actions > li:last-child a > span:first-child {
	display: block;
	position: absolute;
	top: 1rem;
	left: 3px;
	word-break: break-all;
	line-height: 9px;
}

.boardview .actions > li:last-child a > span:last-child {
	display: block;
	position: absolute;
	bottom: 1rem;
	left: 3px;
}

.boardview .actions > li:last-child a img {
	width: 2.9rem;
	padding-bottom: 0.3rem;
}

.boardview .actions > li:last-child a strong {
	font-size: 1.3rem;
}

.boardview .actions > li:last-child a:hover {
	opacity: 0.7;
}

.boardview .actions li > span.actions-item {
	display: block;
	/*margin: 0 5% 1rem;*/
	margin: 0 3px 6px;
	cursor: pointer;
	overflow: hidden;
}

.boardview .actions .actions-user {
	display: block;
	width: 3rem;
	height: 3rem;
	margin: 0 auto 0.5rem;
	position: relative;
}

.boardview .actions .actions-user.color-alert > span {
	/*border: solid 1px #ff0404;*/
}

.boardview .actions .actions-user.color-alert::after,
.monthlyview .actions .actions-user.color-alert::after {
	content: "";
	display: block;
	width: 1.1rem;
	height: 1.1rem;
	background: url("../images/icon_alert.png") no-repeat center center;
	background-size: contain;
	position: absolute;
	right: -0.5rem;
	top: 0;
}

.boardview .actions .actions-user > span,
.monthlyview .actions .actions-user > span {
	display: block;
	width: 3rem;
	height: 3rem;
	border-radius: 50%;
	background-position: center center;
	background-size: cover;
	overflow: hidden;
}

.boardview .actions .actions-customer_name {
	display: block;
	height: 1.2rem;
	font-size: 1rem;
	line-height: 1.1;
	overflow: hidden;
	color: #181818;
    font-weight: 400;
	text-align: left;
	padding-bottom:1px;
}

.boardview .actions .actions-subject {
	display: block;
	height: 2.2rem;
	font-size: 1rem;
	line-height: 1.1;
	overflow: hidden;
	color: #181818;
    font-weight: 600;
	/*padding-top:0.3rem;*/
	text-align: left;
	padding-bottom:1px;
}

.boardview .actions li > span.vehicle-300, 
.boardview .actions li > span.vehicle-500, 
.boardview .actions li > span.vehicle-700,
.boardview .actions li > span.vehicle-bus,
.boardview .actions li > span.vehicle-other {
	display: none;
	padding: 0.2rem 0;
	color: #fff;
	font-size: 1.2rem;
	font-family: "Noah-Regular";
	text-align: center;
	cursor: pointer;
	overflow: hidden;
}
.boardview .actions li > span.vehicle-other {
	margin: 0 0 1rem;
}

.boardview .actions li:nth-child(2n) > span.vehicle-300, 
.boardview .actions li:nth-child(2n) > span.vehicle-700,
.boardview .actions li:nth-child(2n) > span.vehicle-other {
	background: #878787;
}

.boardview .actions li:nth-child(2n) > span.vehicle-500,
.boardview .actions li:nth-child(2n) > span.vehicle-bus {
	background: #6F6F6F;
}

.boardview .actions li > span.vehicle-300, 
.boardview .actions li > span.vehicle-700,
.boardview .actions li > span.vehicle-other {
	background: #7D7D7D;
}

.boardview .actions li > span.vehicle-500, 
.boardview .actions li > span.vehicle-bus{
	background: #676767;
}

.boardview .actions.vehicleSales > li:first-child {
	display: block;
	position: absolute;
    top: 0;
    left: -58px;
}

.boardview .actions.vehicleSales li > span.vehicle-300, 
.boardview .actions.vehicleSales li > span.vehicle-500, 
.boardview .actions.vehicleSales li > span.vehicle-700,
.boardview .actions.vehicleSales li > span.vehicle-bus,
.boardview .actions.vehicleSales li > span.vehicle-other {

	display: block;
}



/**
 * .monthlyview .actions --------------------
**/

.monthlyview .actions {
	display: flex;
	margin: 1rem 0 0;
	list-style: none;
}

.monthlyview .actions li {
	width: 11%;
	padding: 7rem 0 7rem;
	background-color: #fafafa;
	background-position: center 1rem;
	background-size: 70%;
	background-repeat: no-repeat;
	text-align: center;
	position: relative;
	overflow: hidden;
}
.archive.monthlyview .actions li:not(:first-child){
	background-image: url(../images/icon_per_100.svg), url(../images/icon_per_100.svg);
	background-position-y: 7rem;
	padding:15rem 0 7rem;
	width: calc((100% - 34px) / 12);
}
.archive.monthlyview .actions li:first-child{
	width: 34px;
	margin-right:0.4rem;
}

.monthlyview .actions > li:nth-child(2n - 1) {
	background-color: #eee;
}

.monthlyview .actions > li:nth-child(5) {
	width: 27%;
	display: flex;
	flex-wrap: wrap;
	align-content: flex-start;
}

.monthlyview .actions > li:last-child {
	width: 27%;
	display: flex;
	flex-wrap: wrap;
	align-content: flex-start;
}

.monthlyview .actions li > span.actions-item {
	display: block;
	/*margin: 0 0 1rem;*/
	margin:0 auto 1rem;
	/*padding: 0 1rem 0;*/
	padding: 0.7rem 0.5rem;
	cursor: pointer;
	overflow: hidden;
	box-shadow: 0px 0px 3px rgb(0 0 0 / 30%);
    border-radius: 5px;
    background-color: #fff;
	width: 6.8rem;
	border: 2px solid #fff;
}
.monthlyview .actions li > span.actions-item:hover {
	border: 2px solid #5094F8;
}

.monthlyview .actions > li:nth-child(5) > span, 
.monthlyview .actions > li:last-child > span {
	/*width: 50%;*/
}

.monthlyview .actions li > span.monthly-head {
	display: block;
	width: 100%;
	height: 6rem;
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	background: #fff;
}

.monthlyview .actions li > span.monthly-foot {
	display: block;
	width: 100%;
	height: 6rem;
	margin: 0;
	position: absolute;
	bottom: 0;
	left: 0;
	background: #fff;
}

.monthlyview .actions li > span.monthly-head > span {
	display: block;
	width: 8rem;
	margin: 0;
	padding: 6.2rem 0 0;
	position: absolute;
	top: -4rem;
	left: 3%;
	color: #4A5071;
	font-size: 1.2rem;
	font-family: "Noah-Bold";
	text-align: left;
	transform: rotate(-45deg);
}

.monthlyview .actions li > span.monthly-foot > span {
	display: block;
	width: 8rem;
	margin: 0;
	padding: 0 0 6.2rem;
	position: absolute;
	bottom: -4rem;
	right: 3%;
	color: #4A5071;
	font-size: 1.2rem;
	font-family: "Noah-Bold";
	text-align: right;
	transform: rotate(-45deg);
}

.monthlyview .actions > li:nth-child(5) > span.monthly-head > span {
	font-size: 1.4rem;
	left: 30%;
}

.monthlyview .actions > li:nth-child(5) > span.monthly-foot > span {
	font-size: 1.4rem;
	right: 32%;
}

.monthlyview .actions > li:last-child > span.monthly-head > span {
	font-size: 1.4rem;
	left: 30%;
}

.monthlyview .actions > li:last-child > span.monthly-foot > span {
	font-size: 1.4rem;
	right: 32%;
}

.archive.monthlyview .actions li, 
.archive.monthlyview .actions > li:nth-child(5), 
.archive.monthlyview .actions > li:last-child {
	width: 8.4%;
	display: block;
	/*padding: 7rem 0 7rem;*/
}

.archive.monthlyview .actions li:first-child {
	width: 3.4rem;
	padding: 0;
}

.archive.monthlyview .actions li:first-child a {
	display: block;
	width: 100%;
	height: 100%;
	background: url("../images/btn_going.png") no-repeat top left;
	background-size: cover;
	color: #fff;
	font-size: 1rem;
	text-decoration: none;
	position: relative;
}

.archive.monthlyview .actions li:first-child a::after {
	content: "";
	display: block;
	width: 1.4rem;
	height: 1.4rem;
	background: url("../images/icon_0_90_go.png") no-repeat center center;
	background-size: contain;
	position: absolute;
	left: calc(50% - 0.7rem);
	top: calc(50% - 0.7rem);
}

.archive.monthlyview .actions li:first-child a > span:first-child {
	display: block;
	width: 100%;
	position: absolute;
	top: 1rem;
	font-size: 9px;
    line-height: 10px;
}

.archive.monthlyview .actions li:first-child a > span:last-child {
	display: block;
	width: 100%;
	position: absolute;
	bottom: 1rem;
}

.archive.monthlyview .actions li:first-child a img {
	width: 2.9rem;
	padding-bottom: 0.3rem;
}

.archive.monthlyview .actions li:first-child a strong {
	font-size: 1.3rem;
}

.archive.monthlyview .actions li:first-child a:hover {
	opacity: 0.7;
}

.archive.monthlyview .actions li > span.monthly-head > span, 
.archive.monthlyview .actions > li:nth-child(5) > span.monthly-head > span, 
.archive.monthlyview .actions > li:last-child > span.monthly-head > span {
	left: -15%;
	font-size: 1.2rem;
}

.archive.monthlyview .actions li > span.monthly-foot > span, 
.archive.monthlyview .actions > li:nth-child(5) > span.monthly-foot > span, 
.archive.monthlyview .actions > li:last-child > span.monthly-foot > span {
	right: -9%;
	font-size: 1.2rem;
}

.archive.monthlyview .actions > li:nth-child(5) > span, 
.archive.monthlyview .actions > li:last-child span.monthly-head,
.archive.monthlyview .actions > li:last-child span.monthly-foot {
	width: 100%;
}

.monthlyview .actions .actions-progress {
	display: block;
	width: 4.4rem;
	height: 4.4rem;
	margin: 0 auto 0.5rem;
	background-size: contain;
	position: relative;
}

.monthlyview .actions .actions-progress.rate-0 {
	background-image: url("../images/icon_per_0.png");
}

.monthlyview .actions .actions-progress.rate-10 {
	background-image: url("../images/icon_per_10.png");
}

.monthlyview .actions .actions-progress.rate-20 {
	background-image: url("../images/icon_per_20.png");
}

.monthlyview .actions .actions-progress.rate-30 {
	background-image: url("../images/icon_per_30.png");
}

.monthlyview .actions .actions-progress.rate-40 {
	background-image: url("../images/icon_per_40.png");
}

.monthlyview .actions .actions-progress.rate-50 {
	background-image: url("../images/icon_per_50.png");
}

.monthlyview .actions .actions-progress.rate-60 {
	background-image: url("../images/icon_per_60.png");
}

.monthlyview .actions .actions-progress.rate-70 {
	background-image: url("../images/icon_per_70.png");
}

.monthlyview .actions .actions-progress.rate-80 {
	background-image: url("../images/icon_per_80.png");
}

.monthlyview .actions .actions-progress.rate-90 {
	background-image: url("../images/icon_per_90.png");
}

.monthlyview .actions .actions-progress.rate-100 {
	background-image: url("../images/icon_per_100.png");
}

.monthlyview .actions .actions-subject {
	display: block;
	height: 2.3em;
	font-size: 1rem;
	line-height: 1.2;
	overflow: hidden;
	font-weight: 700;
	text-align: left;
}

.monthlyview .actions .actions-customer_name {
	display: block;
	height: 1.2rem;
	font-size: 1rem;
	line-height: 1.1;
	overflow: hidden;
	color: #181818;
    font-weight: 400;
	text-align: left;
	padding-bottom:1px;
}

.monthlyview .actions .actions-progress.color-alert::after {
	content: "";
	display: block;
	width: 1.6rem;
	height: 1.6rem;
	background: url("../images/icon_alert.png") no-repeat center center;
	background-size: contain;
	position: absolute;
	right: -0.8rem;
	top: 2.2rem;
}



/**
 * .overlay --------------------
**/

.overlay.view-add .view-detail-contents {
	display: none;
}

.overlay.view-detail .view-add-contents {
	display: none;
}



/**
 * .view-add --------------------
**/

.view-add-contents,
.view-detail-contents{
	border-top:4rem solid #000;
	/*padding: 0 0 3rem;*/
	padding:5rem 5rem 3rem;
	/*position: relative;*/
}
.modaal-content-container .view-add-contents{
		padding: 0 0 3rem;

}

.view-add-user {
	width: 4.5rem;
	position: absolute;
	right: 5rem;
	top: 9rem;
	border-radius: 50%;
	overflow: hidden;
}

.view-add-date {
	display: flex;
	align-items: center;
	margin: 0 0 1.1rem;
}

.view-add-customer {
	display: flex;
	align-items: center;
	margin: 0 0 2.4rem;
}

.view-add-date-icon {
	width: 2rem;
	margin: 0 1rem 0 0;
}

.view-add-customer-icon {
	width: 2rem;
	margin: 0 1rem 0 0;
}

.view-add-date input  {
	padding: 0.5rem 0.1em;
	border: none;
	font-size: 2.2rem;
	color: #666;
	line-height: 1.1;
	cursor: pointer;
	caret-color: transparent;
}

.view-add-date input.active {
	color: #000;
}

.view-add-customer select {
	padding: 0.5rem 0;
	color: #999;
	font-size: 14px;
    line-height: 22px;
	width: 810px;
}

.view-add-customer select.active {
	color: #000000;
}


.view-add-att1, 
.view-add-att2 {
	display: flex;
	/*margin: 1rem 0;*/
	margin: 0.5rem 0 0.5rem;
	justify-content: space-between;
}

.view-add-att1 > div, 
.view-add-att2 > div {
	width: calc((100% - 15px) / 4);
}

.view-add-att1 label, 
.view-add-att2 label {
	display: block;
	width: 100%;
	padding: 0 0 0 28%;
	border: none;
	background-color: #D6D6D6;
	background-repeat: no-repeat;
	background-size: 2.2rem auto;
	background-position: calc(28% - 2.2rem) center;
	color: #666;
	font-size: 1.2rem;
	font-weight: 400;
	line-height: 4.2rem;
	text-align: left;
	cursor: pointer;
	user-select: none;
	letter-spacing: 0.05em;
}

.view-add-att1 label.active,
.view-add-att1 label.active:hover{
	/*background-color: #c02020;*/
	background-color: #5094F8;
}

.view-add-att1 label:hover{
	background-color: #B6B6B6;
}

.view-add-att1 > div:first-child label, 
.view-add-att2 > div:first-child label {
	border-radius: 5px 0px 0px 5px;
}

.view-add-att1 > div:last-child label, 
.view-add-att2 > div:last-child label {
	border-radius: 0px 5px 5px 0px;
}

.view-add-att1 label.active{
	color: #fff;
}

.view-add-att2 label.active {
	color: #fff;
	font-weight: 500;
}
.view-add-att2 label:hover{
	background-color: #B6B6B6;
}

.view-add-att1-1 {
	background-image: url("../images/icon_att1_1.svg");
}

.view-add-att1-2 {
	background-image: url("../images/icon_att1_2.svg");
}

.view-add-att1-3 {
	background-image: url("../images/icon_att1_3.svg");
}

.view-add-att1-4 {
	background-image: url("../images/icon_att1_4.svg");
}

.view-add-att1-1.active {
background-image: url("../images/icon_att1_1_on.png");
}

.view-add-att1-2.active {
	background-image: url("../images/icon_att1_2_on.png");
}

.view-add-att1-3.active {
	background-image: url("../images/icon_att1_3_on.png");
}

.view-add-att1-4.active {
	background-image: url("../images/icon_att1_4_on.png");
}

.view-add-att2-1 {
	background-image: url("../images/icon_att2_2.png");
}

.view-add-att2-2 {
}

.view-add-att2-3 {
	background-image: url("../images/icon_att2_5.png");
}

.view-add-att2-4 {
	background-image: url("../images/icon_att2_3.png");
}

.view-add-att2-1.active,
.view-add-att2-1.active:hover{
	background-color: #ebbb12;
	background-image: url("../images/icon_att2_2.png");
}

.view-add-att2-2.active,
.view-add-att2-2.active:hover{
	/*background-color: #37a05f;*/
	background-color: #8956A0;
}

.view-add-att2-3.active,
.view-add-att2-3.active:hover{
	background-color: #8956a0;
	background-color: #e3838a;
	background-image: url("../images/icon_att2_5.png");
}

.view-add-att2-4.active,
.view-add-att2-4.active:hover{
	background-color: #61bbf2;
	background-image: url("../images/icon_att2_3.png");
}

.view-add-subject{
	display: flex;
	margin: 3rem 0 1rem;
}
.group-add-subject{
	margin: 3rem 0 1rem;
}

.view-add-additional {
	display: flex;
	margin: 1rem 0;
}

.view-add .view-add-subject,
.view-add .view-add-additional{
	flex-direction: column;
}
.view-add .view-add-subject input,
.view-add .view-add-additional input{
	width: 810px;
	color: #000000;
	font-size: 14px;
    border-radius: 3px;
    border: 2px solid rgba(134, 122, 113, 0.3);
}
.view-add .view-add-subject input{
	font-weight: 700;
    line-height: 22px;
}
.view-add .view-add-additional input{
	font-weight: 400;
	line-height: 16px;
}

.view-add-subject > div, 
.view-add-additional > div {
	width: calc(100% - 8rem);
}

.view-add-subject > div:first-child, 
.view-add-additional > div:first-child{
	width: 8rem;
	font-size: 1.3rem;
	font-weight: 500;
	line-height: 2.2;
}

.view-add-subject input, 
.view-add-additional input {
	width: 100%;
}



.view-add-ok {
	margin: 3rem 0 0;
	text-align: center;
}





/**
 * .view-detail --------------------
**/

.view-detail-contents {
	padding: 4rem 5rem 3rem;
}
.view-detail-content-02{
	padding:0;
}
.view-detail-head {
	display: flex;
	justify-content: space-between;
}
.view-detail-head-wrap{
	padding: 4rem 5rem 3rem;
}

.view-detail-head-main {
	display: flex;
	align-items: flex-start;
}


.view-detail-head-progress {
}

.view-detail-head-icon {
	width: 5rem;
	position: relative;
}
.view-detail-head-icon-left {
	width: 6rem;
    /*padding: 1rem;
    border: 2px solid rgba(134, 122, 113, 0.3);
    border-radius: 5px;*/
}
.view-detail-head-icon-right {
	width: 6rem;
    /*padding: 0.8rem;
    border: 2px solid rgba(134, 122, 113, 0.3);
    border-radius: 5px;*/
}

.view-detail-head-icon img {
	cursor: pointer;
}

.view-detail-head-icon-user {
	width: 3rem;
	margin: 0 0 0 1rem;
}

.view-detail-head-main-data {
	display: flex;
	align-items: flex-end;
	margin: 0.5rem 0;
}

.view-detail-head-main-data span:first-child {
	width: 7rem;
	margin: 0 0 0.3rem;
	text-align: right;
	color: #595757;
    font-weight: 600;
    font-size: 10px;
    line-height: 22px;
	width: 5.3rem;
}

.view-detail-head-main-data span:last-child {
	margin: 0 0 0 0.5em;
	color: #666;
	font-weight: 500;
	line-height: 1;
}

.view-detail-head-main-data input {
	margin: 0;
	padding: 0;
	border: 0;
	color: #666;
	font-weight: 500;
}
.view-detail-head-main-date {
	color: #666;
	font-size: 1.6rem;
}


.view-detail-head-main-progress-text {
	color: #666;
	font-size: 2.4rem;
	font-family: "Noah-Bold";
	line-height: 1.2;
}


.view-detail-head-action {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	margin: 0 0 2rem;
}

.view-detail-head-suspend {
	width: 5rem;
	margin: 0 1rem;
}

.view-detail-head-suspend label {
	display: block;
	/*width: 5rem;*/
	width: 4.113rem;
	height: 2rem;
	background: rgba(120, 120, 128, 0.16);
	border-radius: 1rem;
	cursor: pointer;
}

.btn-suspend {
	display: block;
	width: 21px;
    height: 21px;
	position: relative;
	top: 0.2rem;
	left: 0.2rem;
	border-radius: 50%;
	background: #fff;
	transition: .3s;
}

#suspend:checked + label {
	background: #5094F8;
}

#suspend:checked + label .btn-suspend {
	transform: translateX(75%);
}

.view-detail-head-duplicate {
	margin: 0 1rem 0 0;
}

.btn-duplicate {
	width: 3.4rem;
	height: 3.4rem;
	margin: 0.6rem auto;
	background: #fff url("../images/icon_duplicate.svg") no-repeat center;
	box-shadow: 0 0 4px rgb(0 0 0 / 40%);
	border-radius: 3px;
	border:none;
}

.btn-duplicate:hover {
	background: #fff url("../images/icon_duplicate.svg") no-repeat center;
	border:none;
}

.btn-trash {
	width: 3.4rem;
	height: 3.4rem;
	margin: 0.6rem auto;
	background: #fff url("../images/icon_trash_off.svg") no-repeat center;
	box-shadow: 0 0 4px rgb(0 0 0 / 40%);
	border-radius: 3px;
	border:none;
}

.btn-trash:hover {
	background: #fff url("../images/icon_trash_on.svg") no-repeat center;
	border:none;
}

.view-detail-head-basic {
	padding: 1rem 1.5rem;
	border-radius: 1rem;
	background: #eee;
}

.view-detail-head-basic-date {
	margin: 0;
	font-size: 12px;
	padding-left: 0.9rem;
	color: #181818;
}

.view-detail-head-basic-other {
	display: flex;
	align-items: center;
}


.view-detail-head-basic-customer {
	line-height: 1.2;
}

.view-detail-head-report-link a {
	display: block;
	width: 3.4rem;
	height: 3.4rem;
	margin: 0 1rem;
	background: #fff url("../images/icon_report.svg") no-repeat center;
	box-shadow: 0 0 4px rgb(0 0 0 / 40%);
	border-radius: 3px;
	border:none;
}

.view-detail-head-icon-att1-select, 
.view-detail-head-icon-att2-select {
	display: flex;
	justify-content: space-around;
	position: absolute;
	width: 24rem;
	margin-top: 1.1rem;
	padding: 0 1rem;
	border-radius: 1rem;
	list-style: none;
	background: #000;
	z-index: 100;
}

.view-detail-head-icon-att1-select li, 
.view-detail-head-icon-att2-select li {
	/*padding: 1rem;*/
	cursor: pointer;
	line-height: 60px;
}

.view-detail-head-icon-att1-select li img {
	filter: invert(88%) sepia(61%) saturate(0%) hue-rotate(229deg) brightness(107%) contrast(101%);
}

.view-detail-head-icon-att1-select::before, 
.view-detail-head-icon-att2-select::before {
	content: "";
	width: 0;
	height: 0;
	border-top: 0;
	border-left: solid 1rem transparent;
	border-right: solid 1rem transparent;
	border-bottom: solid 1rem #000;
	position: absolute;
	top: -1rem;
}

.view-detail-head-icon-att1-select-back,
.view-detail-head-icon-att2-select-back {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 99;
}

.view-detail-head-icon-att1-select.hide, 
.view-detail-head-icon-att2-select.hide, 
.view-detail-head-icon-att1-select-back.hide,
.view-detail-head-icon-att2-select-back.hide {
	display: none;
}



/**
 * .attribute-setting --------------------
**/
.attribute-setting {
	width: 100%;
	margin: 2rem 0;
}

.attribute-setting > div {
	display: none;
}

.attribute-setting > div > ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	list-style: none;
}

.attribute-setting > div > ul li {
	width: 33%;
	margin: 1rem 0;
}

.attribute-setting > div > ul li span {
	display: inline-block;
	width: 4em;
	text-align: center;
}

/**
 * .action_follow_up --------------------
**/

.action_follow_up .btn-add,
.action_follow_up .nav-sub{
	top:0;
}
.page .action_follow_up .btn-add,
.archive .action_follow_up .btn-add{
	width: auto;
	top:-5px;
}
/**
 * .group-setting --------------------
**/
section.pic-setting{
	padding-bottom: 11.208rem;
}
.group-form{
	display:flex;
	flex-direction: row;
	margin-top:5.1rem;
	margin-bottom:3rem;
}
.group-form input[type="text"]{
	width:74.6rem;
	border:solid 2px #ccc;
}

.group-table{
	width:896px;
	border-bottom:solid 6px #DCDCDC;
	margin-bottom:1.2rem;
}
.group-table tr td{
	background:#F3F3F3;
	font-weight:600;
	padding:2.2rem 1rem;
	text-align:center;
}
.group-table tr td:first-child{
	background:#E8E8E8;
	font-size:1.8rem;
	text-align:left;
	padding:2.2rem 1rem 2.2rem 2.2rem;
	width: 24.6rem;
}
.group-table tr td:nth-of-type(2),
.group-table tr td:nth-of-type(3){
	width:18rem;
}
.group-table tr td:nth-of-type(4){
	width:19.2rem;
}
.group-table tr td:last-child{
	padding:1.8rem;
}
.group-table tr td a{
	color:#5094F8;
	font-size:1.4rem;
	font-weight:normal;
	text-decoration: none;
}
.group-table tr td a:hover{
	text-decoration: underline;
}
.group-table tr td.email a {
	font-size:1.6rem;
}
.group-table tr td:first-child span,
.group-table tr td:nth-of-type(2) span,
.group-table tr td:nth-of-type(3) span{
	padding-right:1em;
}
.group-add-g-name{
	font-size: 2.2rem;
	font-weight: 700;
	background: #eee;
	color:#000;
	padding:1.9rem 5.3rem;
	line-height: 2.6rem;
}
.group-add-subject{
	padding:0 5.2rem;
	font-size: 1.6rem;
}
.group-table tr td span.group-key {
	display: block;
	margin-top: 1rem;
	font-size: 1rem;
	line-height: 1.2;
}
.group-table tr td a.group-key-copy {
	margin-top: 0.2rem;
	float: left;
	font-size: 0.9rem;
	line-height: 1.2;
}

.group-add-table,
.group-con-add-form,
.group-set-table{
	margin:0 5.2rem;
	margin-right:1.5rem;
}
.table-contents{
	overflow-y: scroll;
	height:39.2rem;
}
#group-name-edit,
#group-mem-add,
#group-con-add,
#group-browsing-setting,
#customer-data-method,
#customer-data-upload,
#bill-detail,
#bill-edit {
	display: none;
}
/*.group-add table common */

.group-add-table tr td,
.group-set-table tbody tr td{
	/*height: 5.6rem;*/
	padding:1.95rem 0;
	line-height: 1.7rem;
}
.group-add table tr:nth-child(odd),
.group-set-table tr:nth-child(odd),
.group-add-table tr:nth-child(odd)
{
	background: #E8E8E8;
}
.group-add table tr:nth-child(even),
.group-set-table tr:nth-child(even),
.group-add-table tr:nth-child(even)
{
	background: #F0F0F0;
}
.group-add table tr:hover,
.group-set-table tbody tr:hover,
.group-add-table tr:hover
{
	background-color: #fcfcfc;
}
/*------------------------*/

.group-add-table tr td:first-child{
	width:5.3rem;
}
.group-add-table tr td:not(:first-child){
	line-height: 1.7rem;
}
.group-add-table tr td{
	/*padding:1.95rem 0;*/
	color: #000;
	font-weight: 500;
}
.group-mem-add tr td:nth-child(2){
	width:26.4rem;
}
.group-mem-add tr td:nth-child(3){
	width:57.9rem;
}
.check-label{
	position:relative;
	display: flex;
	align-items: center;
	justify-content: center;
}
.check-label::after,
.check-label::before{
	position: absolute;
	content:"";
	display: block;

}
.check-label::after{
	width:1.5rem;
	height:1.5rem;
	border: 0.2rem solid #606060;
	border-radius: 1px;
}
.check-label::before{
	width: 1.5rem; /* ボックスの横幅を指定する */ 
	height: 1.5rem; /* ボックスの高さを指定する */
	background: url(../images/icon_checked_01.svg) no-repeat;
	background-position: center right;
	z-index: 1;
	opacity: 0;
}
input[type=checkbox]:checked + .check-label::after{
	background-color: #5094F8;
	border: 0.15rem solid #5094F8;
}
input[type=checkbox]:checked + .check-label::before{
	opacity: 1;
}
.group-con-add-form{
	display: flex;
	align-items: end;
	margin-top:0.5rem;
	margin-bottom:1.6rem;
}
.group-con-add-form input,
.group-con-add-form select{
	border: 1px solid rgba(134, 122, 113, 0.3);
	border-radius: 3px;
	padding:1.1rem;
	font-size: 1.2rem;
	box-sizing: border-box;
}
.group-con-add-form div{
	display: inline-grid;
	display: -ms-inline-grid;
	display: -moz-inline-grid;
}
.group-con-add-form div:not(:first-of-type){
	margin-right:0.8rem;
}
.group-con-add-form div:first-of-type{
	margin-right: 1.4rem;
	width:31rem;
}
.group-con-add-form span.category{
	font-size: 1rem;
	color: #595757;
	line-height: 2.6rem;
}
.group-con-add-form input{
	font-weight: 400;
	line-height: 1.4rem;
	padding:1.3rem;
}
.group-con-add-form input::placeholder{
	color: rgba(0,0,0,0.5);
}
.group-con-add-form .indus{
	width:19.2rem;
}
.group-con-add-form .cls{
	width:6rem;
	padding: 1.1rem 0.9rem 1.1rem 0.8rem;
}
.group-con-add-form .visit-In{
	width:12.6rem;
	padding: 1.1rem 0.9rem 1.1rem 1rem;
}
.group-con-add-form .bg-white-select:hover{
	background: url(../images/icon_select_arrow_on.svg) no-repeat;
	background-position: right 0.9rem center;	
}

.group-con-add-form .btn-search{
	background: #181818;
	border: none;
}
.group-con-add-form .btn-search:hover{
	background-color: #303030;
	border: none;
}
.group-con-add tr td:nth-child(3),
.group-con-add tr td:nth-child(4),
.group-con-add tr td:nth-child(5){
	text-align: center;
}
.group-add-table tr td:nth-child(2){
	width:34rem;
}
.group-con-add tr td:nth-child(3){
	width:16rem;
}
.group-con-add tr td:nth-child(4),
.group-con-add tr td:nth-child(5){
	width:8rem;
}
.group-con-add tr td:nth-child(6){
	width:18.3rem;
	padding-right:2.3rem;
	text-align: center;
}
.group-browsing-setting tr.row-1 th:not(:first-child),
.group-browsing-setting tr.row-2 th{
	font-size: 1.2rem;
}
.group-browsing-setting .column-1{
	width: 19.2rem;
}
.group-browsing-setting .column-2{
	width: 23.2rem;
}
.group-browsing-setting .column-3{
	width: 30.8rem;
}
.group-browsing-setting .column-4{
	width: 15.4rem;
}
.group-browsing-setting th{
	color: #fff;
	text-align: center;
}
.group-browsing-setting tr.row-1{
	background-color: #696969;
}
.group-browsing-setting tr.row-2{
	background-color:#777777;
}
.group-browsing-setting .column-1 th{
	font-weight: 700;
}
.group-browsing-setting tr.row-1 th{
	padding:0.3rem 0;
}
.group-browsing-setting tr.row-2 th{
	padding:0.5rem 0;
	line-height: 1.2rem;
	font-weight: 600;
	width:7.6rem;
}
.group-browsing-setting tr td:first-child{
	padding-left:2.2rem;
}
.group-browsing-setting th:not(:last-child){
	border-right:solid 4px #fff;
}
.group-browsing-setting tr.row-2 th:not(:last-child),
.group-browsing-setting tr td:not(:last-child){
	border-right:solid 2px #fff;	
}
.group-browsing-setting tr.row-2 th:nth-of-type(3),
.group-browsing-setting tr.row-2 th:nth-of-type(7),
.group-browsing-setting tr td:first-child,
.group-browsing-setting tr td:nth-of-type(4),
.group-browsing-setting tr td:nth-of-type(8)
{
	border-right:solid 4px #fff;
}
.group-browsing-setting tr.row-2 th:nth-of-type(4),
.group-browsing-setting tr td:nth-of-type(5){
	border: none;
}

p.group-edit-text,
p.office-edit-text{
	margin:2rem 0 4rem;
	padding:0 7.6rem 0 5.1rem;
	display: flex;
	justify-content: flex-start;
}
.group-edit-text input{
	width: 686px;
	width: 100%;
	border-radius: 0.3rem;
	border: 2px solid rgba(134, 122, 113,0.3);
	font-size: 1.4rem;
	line-height: 2.2rem;
	padding:1rem 1.7rem;
}
.group-edit-text input[type="file"] {
	display: block;
}

.group-edit-flex {
	display: flex;
	align-items: center;
	margin: 2rem 0 4rem;
	padding: 0 7.6rem 0 5.1rem;
}
.group-edit-flex input {
	width: 23rem;
	border-radius: 0.3rem;
	border: 2px solid rgba(134, 122, 113,0.3);
	font-size: 1.4rem;
	line-height: 2.2rem;
	margin: 0 0 0 1rem;
	padding: 1rem 1.7rem;
}
.group-edit-flex2 {
	display: flex;
	align-items: center;
	margin: 0;
	padding: 0 1rem;
}
.group-edit-flex2 input {
	margin: 0 0.5rem 0 0;
}


/**
 * news & toolbox--------------------
**/ 

.news-table colgroup col:first-child{
	width:14%;
}
.news-con .content-head .wrapper,
.toolbox-con .content-head .wrapper{
	display:flex;
	justify-content: space-between;
}
.news-table.record-table{
	border:none;
}
.news-table tr:hover td{
	background: #fff;
}
.news-table.record-table td{
	padding:1rem 2rem 1rem 2rem;
}
.news-table.record-table td:first-child{
	padding-left:2rem;
	text-align: start;
	white-space: nowrap;
}
.news-table.record-table td:last-child{
	display: flex;
	align-items: center;
	justify-content: flex-end;
	padding-left:0;
}
.news-table.record-table td:last-child a:last-child{
	padding-left:2rem;
}
.news-table.record-table td a{
	color:#5094F8;
	text-decoration: none;
}
.news-table.record-table td a:hover{
	color:#71A9FD;
	text-decoration: underline;
}

/**
 * Action Follow Up & managiment report & customer setting record --------------------
**/ 
.customer-set-record section.padding-top-0{
	padding-bottom:14.6rem;
}

.visit-sort{
	display: flex;
	justify-content: space-between;
}
.manage-report{
	margin-bottom:6rem;
}
.manage-report .visit-sort > div{
	width:100%;
	padding:0;
}
.manage-report .visit-sort > div:last-child{
	width:100%;
	padding:0 0 0 1.2rem;
	text-align: end;
}
.customer-set-record section:first-of-type{
	padding:1.8rem 0 1.3rem 0;
	background: #EEEEEE;
}
.customer-set-record .date-help{
	display: flex;
	justify-content: flex-end;
	align-items: center;
}
.customer-set-record .date-help p{
	/*padding-right: 2.55rem;
	background: url(../images/icon_question.svg) no-repeat right center;*/
}
.customer-set-record .date-help p a{
	color: #000000;
    text-decoration: none;
	padding-right: 2.55rem;
	background: url(../images/icon_question.svg) no-repeat right center;
}
.customer-set-record .date-help a:hover{
	text-decoration: underline;
	/*opacity: 0.7;*/
}
.customer-set-record .upload-result {
	margin: 1rem 0;
	padding: 1rem;
	border: solid 1px #ff0000;
	background: #fff;
	color: #ff0000;
}
.customer-set-record .visit-sort:last-child div:first-child{
	/*width:calc(896px / 2);*/
}
.group-wrap{
	display:flex;
	flex-direction: column;
	padding:0;
}
.group{
	display:flex;
	flex-direction: row;
}
.group:not(:first-child){
	justify-content: space-between;
}
.manage-report .group_items,
.view-add-date .group_items,
.view-add-customer .group_items{
	display:flex;
	flex-direction: column;
}
.view-add-date .group{
	width:840px;
	justify-content: space-between;
}
.view-add-date .group_items{
	width: calc((100% - 6px) /2);
}

.manage-report .group:first-child .group_items:nth-child(4){
	padding-left:0.8rem;
}
.manage-report .group_items{
	width:calc((100% - 1.6rem)/3);
}
.manage-report .group:first-child .group_items:nth-child(4) select{
	width:52rem;
}	

.manage-report .group_data{
	width:12rem;
}

.app-customer .group:first-child .group_items:nth-child(4){
	padding-left:0.8rem;
}
.app-customer .group:first-child .group_items:nth-child(4) select{
	width:52rem;

}
.manage-report-form,
.customer-set-record-form,
.manage-report-result{
	background:#544D4C;
	padding-top:1.7rem;
	margin-left:calc(50% - 50vw);
	margin-right:calc(50% - 50vw);
}
@media (max-width: 960px) {
	.manage-report-form,
	.customer-set-record-form,
	.manage-report-result{
		margin-left: -30px;
		margin-right: -30px;
	}
}
.manage-report-form,
.customer-set-record-form {
	box-shadow: 0px 4px 4px rgb(0 0 0 / 25%)inset;
}
.manage-report-result{
	padding-top:0;
}
.customer-set-record-form{
padding-top:0;
}
.manage-report .visit-sort,
.customer-set-record .visit-sort{
	color:#fff;
	max-width:900px;
	margin:0 auto;
	padding:1.3rem 0 1.4rem 0.4rem;
	align-items:center;
 }
/*.manage-report .visit-sort:first-child{*/
.manage-report-form .visit-sort{
	align-items: end;
	padding:0 0 2.3rem 0.4rem;
}
.customer-set-record-form .visit-sort:first-child{
	display: flex;
	align-items: flex-end;
	padding-bottom:2.3rem;
}
.customer-set-record-form .visit-sort:last-child{
	padding:1.8rem 0 1.8rem 0.4rem;
}
.customer-set-record-form .visit-sort:last-child div:first-child{
	margin:0 auto;
}
.customer-set-record-form .visit-sort:last-child div:last-child{
	position:absolute; 
	right:0;
	margin:1rem 0;
}
.tilde-wrap{
	display:flex;
	align-items:end;
}
.tilde{
	padding:0.95rem 0;
	width:1.6rem;
	text-align:center;
	font-size:1.2rem;
}
.customer-set-record .group_items:first-child{
	margin-right:1.4rem;
	width:31rem;
}
.group_items span{
	font-size:1.2rem;
	line-height:1.6;
}
.manage-report .group:not(:first-child) span{
	padding-top:0.6rem;
}

.manage-report .group_items input{
	border:none;
}
.group_items input,
.group_items select{
	border-radius:0.8rem;
	font-size:1.2rem;
	padding:0.9rem 1.8rem 0.9rem 1rem;
	line-height:2.2rem;
}
.customer-set-record .group_items input,
.customer-set-record .group_items select{
	padding: 1rem 1.8rem 1rem 1rem;
}
.bg-black-textarea{
	background: #101010;
	border: 1px solid #8B8B8B;
	border-radius: 8px;
	color:#fff;
	padding:0.92rem 1.8rem 0.92rem 1rem!important;
	box-sizing: border-box;
	width:31rem!important;
}
.bg-black-textarea::placeholder {
	color: #FFFFFF;
	opacity: 0.5;
}
.customer-set-record .group_items{
	margin-right:0.8rem;
}
.customer-set-record .group_items:nth-child(2){
	width:19.2rem;
	margin-right:0.8rem;
}
.customer-set-record .group_items:nth-child(2) select{
	width:19.2rem;
}
.customer-set-record .group_items:last-child{
	width:12.6rem;
	margin-right:1rem;
}
.customer-set-record .blue{
	padding:1.25rem;
}

.black-border{
	height:1px;
	border-top:1px solid #2C2A29;
}
.archive .black-border,
.page .black-border{
	margin-top: 1.7rem;
}
.checkbox-wrap {
	display:flex;
	padding-left:1rem;
}
.checkbox-wrap label span,
.option-group label span{
	line-height:1.7rem;
	vertical-align:middle;

}
.checkbox-wrap label span{
	padding:0.1rem 1.8rem 0 2.4rem;
}
.manage-report-result p.text-center,
.customer-set-record-form p.text-right{
	font-size:1.6rem;
	font-weight: 600;
}
.option-group label span{
	padding-left:2.4rem;
	padding-right:0;
}
.checkbox-wrap input[type="checkbox"]+span,
.option-group input[type="checkbox"]+span,
.record-table input[type="checkbox"]+span{
	position:relative;
	cursor: pointer;
}
.checkbox-wrap input[type="checkbox"]+span:before,
.option-group input[type="checkbox"]+span:before,
.record-table input[type="checkbox"]+span:before{
	box-sizing: border-box;
	position:absolute;
	top:0.1rem;
	left:0;
	content:"";
	width:1.8rem;
	height:1.8rem;
	border: 0.2rem solid #C1BCB9;
	border-radius: 1px;
	line-height:1;
	vertical-align:middle;
}
	.checkbox-wrap input[type="checkbox"]+span:after,
	.option-group input[type="checkbox"]+span:after,
	.record-table input[type="checkbox"]+span:after{
		content:"";
		display:none;
	}
	.checkbox-wrap input[type="checkbox"]:checked + span:after,
	.option-group input[type="checkbox"]:checked + span:after,
	.record-table input[type="checkbox"]:checked + span:after{
		box-sizing: border-box;
		display:block;
		position:absolute;
		top:0.1rem;
		left:0;
		width:1.8rem;
		height:1.8rem;
		background:#5094F8 url(../images/icon_checked_01.svg) no-repeat;
		background-position:0.17rem center;
		border:1px solid #5094F8;
		border-radius:1px;
	}
	/*.checkbox-wrap input[name="all_items"]:not(:checked) ~ .option-are{
		display:display;
		animation: fadein 1.5s;
	} 
	.checkbox-wrap input[name="all_items"]:checked ~ .option-are{
		display: none;
	}*/
.option-area{
	background-color: #67605E;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
	color:#fff;
	display:none;
}
@keyframes fadein{
	from{ opacity: 0; }
	to{ opacity: 1; }
  }
.option-wrap{
	width: 900px;
	margin: 0 auto;
	padding: 0 0 1rem 0.8rem;
}
.option-area p{
	line-height: 17px;
	text-align: center;
	padding: 1.55rem;
	font-weight: 500;
}
.option-group{
	display:flex;
	margin-bottom:0.8rem;
}

.option-items:first-child{
	width:11.8rem;
	margin-right:0.5rem;
	align-items: baseline;
}
.option-items{
	display:flex;
	flex-wrap:wrap;
	width:calc(100% - 11.8rem);
}

label.checkbox-squ-btn{
	border-radius: 3px;
	background: #383838;
	color:#C0C0C0;
	font-weight: 500;
	font-size: 12px;
	line-height: 14px;
	padding: 1rem;
	width: 12.2rem;
	display: inline-block;
	text-align: center;
	margin-right:0.62rem;
	margin-bottom:0.6rem;
	cursor: pointer;
}

.option-items input[type="checkbox"]:checked + label.checkbox-squ-btn{
	color: #5094F8;
	background: #0E0E0E;
}



.record-table{
	width:898px;
	margin-top:4rem;
}
.record-table thead tr:first-child{
	font-size:1.2rem;
	font-weight:700;
}
.record-table thead th{
	padding:0.48rem 0 0.48rem 0;
	text-align:left;
}
.record-table th:not(:first-child){
	padding-right:1rem;
}
.record-table td{
	padding: 1.87rem 0;
}
.customer-set-record .record-table td{
	padding-left:2.5rem;
}
.customer-set-record .record-table td:last-child{
padding-left:0.5rem;
}
.record-table th{
	width:130px;
}
.record-table th.column-1{
	width:43px;
}
.record-table th.column-2{
	width:142px;
}
.record-table th.column-3{
	width:330px;
}
.record-table th.column-6{
	width:123px;
}
.customer-set-record .record-table tr th.column-1{
	padding-left:2.5rem;
	padding-right:2.1rem;
	width:36rem;
}
.customer-set-record .record-table tr th.column-2{
	padding-left:2.5rem;
	padding-right:2.3rem;
	width:16.9rem;
}
.customer-set-record .record-table tr th.column-3,
.customer-set-record .record-table tr th.column-4
{
	padding-left:2.5rem;
	padding-right:2.5rem;
	width:10.5rem;
}
.customer-set-record .record-table tr th.column-5{
	padding-left:0.5rem;
	padding-right:6.2rem;
	width:14.2rem;
}
.manage-report	.record-table tbody tr td:first-child{
	padding:0;
	text-align:center;

}
.customer-set-record .record-table tbody tr td:first-child{
		padding-left:2.5rem;
		/*text-align:center;*/
	}
	.record-table tbody tr td:first-child span{
		padding:0 1rem;
	}
	.record-table tbody tr:nth-child(2n+1){
		background:#E8E8E8;
	}
	.record-table tbody tr:nth-child(2n){
		background:#F0F0F0;
	}
	.record-table tbody tr:nth-child(2n+1):hover,
	.record-table tbody tr:nth-child(2n):hover{
		background:#fff;
	}
.customer-set-record .group-edit-text{
	display: flex;
}
.customer-set-record .group-edit-text input{
	width:686px;
}










.group_items.keyperson-customer {
	width: 40rem!important;
}
.group_items.keyperson-keyperson {
	width: 36rem!important;
}
.group_items.keyperson-customer input,
.group_items.keyperson-keyperson input {
	width: 100%!important;
}
.group_items.product-customer {
	width: 25rem!important;
}
.group_items.product-product {
	width: 25rem!important;
}
.group_items.product-number {
	width: 25rem!important;
}
.group_items.product-customer input,
.group_items.product-product input,
.group_items.product-number input {
	width: 100%!important;
}
.group_items.maintenance-customer {
	width: 25rem!important;
}
.group_items.maintenance-product {
	width: 25rem!important;
}
.group_items.maintenance-maintenance {
	width: 25rem!important;
}
.group_items.maintenance-customer input,
.group_items.maintenance-product input,
.group_items.maintenance-maintenance input {
	width: 100%!important;
}


.customer-set-record .record-table.keyperson tr th.column-1 {
	width: 30%;
}
.customer-set-record .record-table.keyperson tr th.column-2 {
	width: 30%;
}
.customer-set-record .record-table.keyperson tr th.column-3 {
	width: 20%;
}
.customer-set-record .record-table.keyperson tr th.column-4 {
	width: 20%;
}
.customer-set-record .record-table.product tr th.column-1 {
	width: 40%;
}
.customer-set-record .record-table.product tr th.column-2 {
	width: 40%;
}
.customer-set-record .record-table.product tr th.column-3 {
	width: 20%;
}
.customer-set-record .record-table.maintenance tr th.column-1 {
	width: 30%;
}
.customer-set-record .record-table.maintenance tr th.column-2 {
	width: 30%;
}
.customer-set-record .record-table.maintenance tr th.column-3 {
	width: 30%;
}
.customer-set-record .record-table.maintenance tr th.column-4 {
	width: 10%;
}

	
/**
 * about index --------------------
**/   

.content-head_02{
	margin-top:4.5rem;
}
.content-head_02 h1{
	font-size:2.4rem;
}
.content-wrap{
	display: flex;
	justify-content: space-between;
}
.content-wrap ul.site-map-list-01{
	width:41rem;
	margin-top:4rem;
}
ul.site-map-list-01 > li{
	list-style:none;
	margin-bottom: 4rem;
}
ul.site-map-list-01 > li a{
	display:block;
	font-size: 1.6rem;
	background: #544D4C url(../images/icon_bg0_arrow.svg) no-repeat;
	background-position: right 1.8rem center;
	color: #FFFFFF;
	font-weight:600;
	line-height: 19px;
	padding: 1.55rem 1.5rem 1.55rem 1.2rem;
	text-decoration: none;
}
ul.site-map-list-01 > li a:hover{
	opacity:0.7;
	/*background: rgba(84,77,76,0.7) url(../images/icon_bg0_arrow.svg) no-repeat right 1.8rem center;*/
}
ul.site-map-list-02{
	list-style:none;
	background: #F5F5F5;
	padding: 1.2rem 1.5rem 1.8rem;
}
ul.site-map-list-02 li a{
	background: #F5F5F5 url(../images/icon_list_arrow.svg) no-repeat;
	background-position: left center;
	color:#000;
	font-weight:500;
	padding: 0 0 0 1.2rem;
	font-size:1.4rem;
	line-height: 26px;
	text-decoration:underline;
	display: inline;
}
ul.site-map-list-02 li a:hover{
	opacity: 0.7;
}
/**
 * application customer --------------------
**/

.tab-btn-wrap{
	border-bottom:2px solid #BDBDBD;
}
.tab-box .tab-btn-area{
	display:flex;
	max-width:900px;
	margin:0 auto;
}
.tab-btn-area p{
	font-size:1.8rem;
}
.tab-box .tab-btn{
	cursor:pointer;
	margin-right:4rem;
	color:#878787;
	/*padding-bottom:0.35rem;*/
}
.tab-box .tab-btn:last-child {
	margin-right: 0;
}
.tab-box .tab-btn a{
	cursor:pointer;
	color:#878787;
	text-decoration: none;
	font-weight: 400;
	line-height: 21px;
}
.tab-box .tab-btn a.active,
.tab-box .tab-btn a:hover{
	border-bottom:4px solid #323239;
	color:#323239;
	font-weight: 500;
}
.tab-box .tab-btn.active{
	font-weight: 500;
}
.tab-box .tab-panel{
	display:none;
}
.tab-box .tab-panel.active{
	display:block;
}
.input-area{
	display: flex;
	margin: 3rem 0.2rem 1.3rem 0.2rem;
}
.input-area input[type="text"]{
	width:74.6rem;
	height: 4.6rem;
	border-radius:0.3rem;
	font-size:1.4rem
}
.input-area .group-set-btn:disabled{
	background: #A0A0A0;
}
.input-area .group-set-btn{
	background:#5094F8;
}
.input-area .group-set-btn:hover{
	background:#71A9FD;
}
.add-industry{
	/*width:14rem;
	margin-left:1rem;
	border-radius:0.5rem;*/
	padding:1.3rem;
	font-weight:700;
}
.customer-set-list-wrap{
	background:#eeeeee;
	padding:2.9rem 0 5.1rem;
	/*position:relative;*/
}
.customer-setting-list{
	width:896px;
	margin:0 auto;
}
.customer-setting-list li{
	margin:0 0.2rem 0.8rem;
	display: flex;
	justify-content:space-between;
	align-items:center;
	box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
	background: #fff url(../images/icon_tab.svg) no-repeat;
	padding: 0.67rem 1.2rem 0.67rem 3.9rem;
	background-position: 1.2rem center;
	cursor: grab;
}
.customer-setting-list li input,
.input-area input{
	border: 2px solid rgba(134, 122, 113, 0.3);
}
.customer-setting-list li input{
	width:67.1rem;
	height:3.8rem;
	font-size: 1.4rem;
	line-height: 22px;
	border-radius: 0.3rem;
	padding: 0.6rem 1em 0.6rem 1.6rem;
}
.customer-setting-list .btn-suspend{
	width: 21px;
height: 21px;
top: 2px;
left: 2px;
box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.15), 0px 3px 1px rgba(0, 0, 0, 0.06);
}
.suspend:checked + label {
	background: #5094F8;
}
.customer-setting-list .view-detail-head-suspend label,
.view-detail-head-right-con01 .view-detail-head-suspend label {
	height:2.5rem;
	border-radius:3rem;
}
.customer-setting-list .suspend:checked + label .btn-suspend,
.view-detail-head-suspend .suspend:checked + label .btn-suspend{
	transform: translateX(75%);
}

.customer-setting-list li.inactive{
	background:#ddd url(../images/icon_tab.svg) no-repeat;
	/*padding: 0.7rem 1.2rem 0.7rem 3.9rem;*/
	padding:0.67rem 1.2rem 0.67rem 3.9rem;
	background-position: 1.2rem center;
}
.customer-setting-list li.inactive input{
	border: 2px solid #ddd;
}
.customer-setting-list li p.active-check{
	width:7.1rem;
	margin-left:0.3rem;
	margin-right:0.8rem;
	text-align: center;
}
.customer-setting-list li .view-detail-head-suspend,
.view-detail-head-right-con01 .view-detail-head-suspend{
	margin:0 1.687rem 0 0;
	width: 4.113rem;
}
.CSV-data-getting{
	width:824px;
	/*margin:0 auto;*/
	margin: 0 7.7rem 0 9.9rem;
	padding:4.5rem 0 5.5rem;
	list-style: none;
}
.CSV-data-getting li{
	padding: 3rem 4.3rem 3rem 2.6rem;
	margin-bottom:1.6rem;
	border: 3px solid #D9D9D9;
	border-radius: 6px;
}
.CSV-data-getting li:first-child{
	display: flex;
	justify-content: space-between;
}
.CSV-data-getting li span{
	font-family: 'Noah';
	display: flex;
    align-items: center;
	font-weight: 400;
	font-size: 16px;
	line-height: 20px;
	background:url(../images/icon_list_arrow.svg) no-repeat right center;
    padding-right: 1.2rem;
	margin-right:2.5rem;
}
.CSV-data-getting li h3{
	font-family: 'Noah';
	display: flex;
	align-items: center;
	font-weight: 700;
font-size: 20px;
line-height: 25px;
}
.CSV-data-getting li p{
	padding-left:8.8rem;
	padding-top:0.6rem;
}
.download-here{
	display: flex;
    flex-direction: column;
    align-items: center;
}
li div.download-here p{
	font-size: 400;
	font-size: 1.2rem;
	padding-left: 0;
    padding-top: 0;
    margin-top: -0.8rem;
    margin-bottom: 0.5rem;
}

/**
 * application customer pic --------------------
**/

.pic-setting .table-wrap{
	margin-top:6.6rem;
}
.pic-setting .group-table{
	width:89.6rem;
}
.pic-setting .group-table tr td:first-child{
	width: 32rem;
}
.pic-setting .group-table tr td{
	width:19rem;
}
.pic-setting .group-table tr td:last-child{
	width: auto;
}
/**
 * application office --------------------
**/
.sales-office-setting input[type="text"]{
	font-size:1.4rem;
}
.sales-office-setting .input-area{
	margin-bottom:3rem;
}
.sales-office-setting .group-table tr td{
	width:44.9rem;
}
.sales-office-setting .group-table tr td:first-child{
	width:44.7rem;	
}
#group-con-edit,
#area-edit{
	display: none;
}
.office-edit-text input{
	width: 100%;
	border-radius: 0.3rem;
	border: 2px solid rgba(134, 122, 113,0.3);
	font-size: 1.4rem;
	line-height: 2.2rem;
	padding:1rem 1.7rem;
}
.office-area-map{
	width:890px;
	height:400px;
	/*border:1px solid #ccc;*/
	margin: 2.6rem auto 1rem;
}


/**
 * user account --------------------
**/
.user-account section{
	padding-bottom: 0;
}
.user-account .input-area input[type="email"]{
	width: 55rem;
	border-radius: 0.3rem;
	font-size: 1.4rem;
}
.input-area select{
	width: 19rem;
	font-size: 1.4rem;
	color: #181818;
	margin: 0 0 0 0.6rem;
	border: 1px solid rgba(134, 122, 113, 0.3);
	border-radius: 3px;
}
.user-account .input-area select:invalid{
	color: #ACACAC;
}
.user-account .group-table:last-of-type{
	margin-bottom: 1rem;
}
.user-account .group-table.inactive tr td{
	background: #D1D1D1;
	color: #181818;
}
.user-account .group-table tr td:first-child{
	width: 32rem;
}
.user-account .group-table tr td:nth-of-type(2){
	padding: 0;
	width: 20.7rem;
}
.user-account .group-table tr td:nth-of-type(3){
	width: 21.9rem;
	padding: 0;
	color: #FF0404;
}
.user-account .group-table tr td:nth-of-type(4){
	width: 6rem;
	padding: 0;
}
.user-account .group-table tr td:last-child{
	width: 9.1rem;
	padding: 2.3rem 2.3rem 2.2rem 2.6rem;
}
.user-account .group-table.cancel tr td:nth-of-type(4){
	width: auto;
}
.user-account button.cancel_btn{
	color: #5094F8;
	border: none;
	background: #f3f3f3;
	font-size: 1.4rem;
	line-height: 1.7rem;
	padding:0;
}
.user-account .group-table tr td select{
	width: 12rem;
	font-size: 1.4rem;
	color: #181818;
	border: 1px solid rgba(134, 122, 113, 0.3);
	border-radius: 3px;
	margin: 0 4.9rem 0 3.8rem;
}

.user-account .group-table tr td select.bg-white-select{
	background-color: #fff;
}
.user-account .group-table.inactive tr td select{
	background: #D1D1D1;
	border: none;
	cursor: default;
}

.user-account .group-table tr td .view-detail-head-suspend{
	margin: 0;
	width: 4.113rem;
}
.user-account .group-table tr td .view-detail-head-suspend label{
	height:2.5rem;
	border-radius: 2rem;
}
.user-account .group-table p{
	font-family: 'SF Pro Text';
	color: #595757;
}
.user-account .group-table .red-alert{
	display: block;
	color:#FF0404;
	font-size: 1.3rem;
}

/**
 * table --------------------
**/

table thead{
	border-bottom:4px solid #fff;
	background-color: #696969;
	color:#fff;
}
table thead tr:first-child{
	font-size:1.2rem;
}

/**
 * button --------------------
**/
.btn-ok {
	width: 20%;
	width:16rem;
	padding: 0.9rem 0.5rem;
	background: #5094F8;
	border-radius: 0.5rem;
	color: #fff;
	font-size: 1.6rem;
	font-weight: 500;
	border:none;
}

.btn-ok:hover {
	/*opacity: 0.8;*/
	border:none;
	background: #71A9FD;
}
.group-set-btn{
	background: #5094F8;
	border:none;
	color: rgba(255, 255, 255);
	width:14rem;
	padding:1.5rem 3rem;
	border-radius:0.5rem;
	line-height:17px;
	font-size:1.4rem;
	margin:0 0 0 1rem;
}
.group-set-btn:disabled,
.group-set-btn:disabled:hover{
	color: rgba(255, 255, 255, 0.4)!important;
	background:#a0a0a0!important;
	border:none!important;
}
.group-set-btn:hover{
	background: #71A9FD;
	border:none;
}

.btn-search{
	width: 10rem;
	color: #fff;
	font-size: 1.4rem;
	font-weight: 700;
	border-radius: 5px;
	padding:1.25rem;
	line-height: 1.7rem;
	letter-spacing: 0.05em;
}
.blue{
	background:#5094F8;
	color:#fff;
	font-size:1.4rem;
	font-weight: 700;
	padding:1.15rem;
	border-radius: 5px;
	border:none;
	}
.blue:hover{
	border:none;
	background:#71A9FD;
	color:#fff;
}
.button-file_select{
	margin: 0.1rem 0 0.1rem 1.5rem;
	padding: 1rem 2.4rem;
	font-size: 1.6rem;
}

.visit-sort .button-download,
.CSV-data-getting .button-download{
	width:16.2rem;
	border-radius: 3rem;
	text-align:center;
	font-size:1.4rem;
	font-weight:700;
	line-height:1.7rem;
	padding:1.2rem 1.3rem 1.05rem 2.5em;
	border:none;
	background:#009688 url(../images/icon_download_01.svg) no-repeat;
	background-position:1.8rem center;
	color:#fff;
}
.visit-sort .button-download:hover,
.CSV-data-getting .button-download:hover{
	background:#03B0A0 url(../images/icon_download_01.svg) no-repeat;
	background-position:1.8rem center;
	color:#fff;
}
.button-addaction{
	background: #FF7A1A url(../images/btn_add.svg) no-repeat;
	background-position: 2rem center;
	color:#fff;
	padding: 1.25rem 2rem 1.25rem 4rem;
	font-size: 14px;
	line-height:1.7rem;
    box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
    border-radius: 30px;
}
a.button-upload{
	width:16.2rem;
	border-radius: 3rem;
	text-align:center;
	font-size:1.4rem;
	font-weight:700;
	line-height:1.7rem;
	padding:1.2rem 1.3rem 1.05rem 1.7em;
	border:none;
	background:#009688 url(../images/icon_upload.svg) no-repeat;
	background-position:2.1rem center;
	color:#fff;
	margin-left:1.85rem;
	text-decoration: none;
}
a.button-upload:hover{
	background:#03B0A0 url(../images/icon_upload.svg) no-repeat;
	background-position:2.1rem center;
	color:#fff;
	text-decoration: none!important;
}
.button-sort{
	width: 226px;
	text-align: center;
	border-radius: 30px;
	background: #FF7A1A url(../images/icon_add_action.svg) no-repeat;
	border: none;
	background-position: 20px center;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}
.button-sort:hover{
	background: #FF8F3E url(../images/icon_add_action.svg) no-repeat;
	background-position: 20px center;

}


/**
 * form item --------------------
**/

.bg-white-select{
	background: url(../images/icon_select_arrow_off.svg) no-repeat;
	background-position: right 0.9rem center;	
}
.bg-black-select{
	background:#101010 url(../images/icon_select_arrow_on.svg) no-repeat;
	background-position: right 0.9rem center;
	color:#fff;
}

.customer-setting-list #suspend:checked + label .btn-suspend{
	transform:translateX(130%);
}


.view-detail-head-icon{
	/*display: block;
    width: 6rem;
    padding: 1rem;
    border: 2px solid rgba(134, 122, 113, 0.3);
    border-radius: 5px;*/
}
.view-detail-head-basic-other{
	width: 69rem;
	background: #FFFFFF;
	border-radius: 3px;
	padding: 0.9rem 1.4rem;
margin-right: 0.7rem;
}
.selectbox-wrap span.view-detail-head-icon-user{
	position: absolute;
	margin-top: 1.2rem;
}




.border-manager {
	border: 2px solid #FFD66B;
    border-radius: 50%;
}
.border-member {
	border: solid 2px #8EE8EE;
	border-radius: 50%;
}
.border-admin {
	border: solid 2px #6BEE9F;
	border-radius: 50%;
}