@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Poppins:wght@100;200;300;400;500;600;700;800;900&family=Quicksand:wght@300..700&family=Roboto:wght@100..900&display=swap');

.pe_none {
	pointer-events: none;
}







/**
 * 共通
 */
html,
body{
	overflow-x: hidden;
	scroll-behavior: smooth;
	position: relative;
	font-family: 'Noto Sans JP', sans-serif;
	font-optical-sizing: auto;
	font-style: normal;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.5;
	color: #1a1a1a;
	position: relative;
	background-color: #fff;
	overflow-y: hidden;
}
header{
	width: 100%;
}
input[type="password"]:focus{
	outline: none;
}
.poppins{
	font-family: "Poppins", serif;
	font-weight: 500;
	/**
	 * 100 thin
	 * 300 extralight
	 * 300 light
	 * 400 regular
	 * 500 medium
	 * 600 semibold
	 * 700 bold
	 * 800 extrabold
	 * 900 black
	 */
	font-style: normal;
}
.quicksand{
	font-family: "Quicksand", serif;
	font-optical-sizing: auto;
	font-weight: 500;
	/* 300 400 500 600 700 */
	font-style: normal;
}
.roboto{
	font-family: "Roboto", serif;
	font-optical-sizing: auto;
	font-weight: 400;
	/* 100 200 300 400 500 600 700 800 900 */
	font-style: normal;
	font-variation-settings: "wdth" 100;
}
.flex{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}
.noflex{
	display: block;
}
.ais{
	align-items: stretch;
}
.aifs{
	align-items: flex-start;
}
.aibl{
	align-items: baseline;
}
.jcsb{
	justify-content: space-between;
}
.jcc{
	justify-content: center;
}

/**
 * original scrollbar
 * ※要素自信にoverflow-y(overflow-x): auto;を
 */
.os::-webkit-scrollbar{
	width: 8px;
	height: 8px;
}
.os::-webkit-scrollbar-track{
	background: #ffffff;
	border-radius: 4px;
}
.os::-webkit-scrollbar-thumb{
	background: #867ba9;
	border-radius: 4px;
	box-shadow: inset 0 0 0 2px #ffffff;
}
.os::-webkit-scrollbar-thumb:hover{
	background: #333;
}
.os{
	scrollbar-width: thin;
	scrollbar-color: #867ba9 #ffffff;
	-ms-overflow-style: scrollbar;
}

/**
 * 準共通要素
 */
canvas {
	width: 100%;
	height: auto;
	min-height: 400px;
}
.menu,
.main{
	height: 100vh;
}
.menu{
	width: 314px;
	background: linear-gradient(to top, #a98df1, #934fa3);
}
.main{
	width: calc(100% - 314px);
	background-color: #f0f0f0;
	padding: 32px;
}
.menu_contents{
	width: 100%;
	height: 100%;
}
.main,
.menu_contents{
	overflow-y: auto;/* os */
}
div.main_content,
header.main_content{
	padding: 24px 40px;
	box-shadow: 0 0 8px 0 #ebebeb;
	margin-bottom: 16px;
	background-color: #f7f7f7;
	border-radius: 8px;
}
div.main_content.half{
	width: calc(50% - 8px);
}
div.main_content.full{
	width: 100%;
}
div.main_content.two_third{
/*  width: calc(50% - -220px);*/
/*  margin-right: 20px;*/
	width: calc(70% - 8px);
}
div.main_content.grid_layout_contents{
	padding: 16px 42px;
	margin-bottom: 19px;
	height: calc(986px / 2 - 257px);
}
div.main_content.grid_layout_contents.setbox{
	height: unset;
}
div.main_content.grid_layout_contents:nth-child(2){
	margin-bottom: 0;
}
div.grid_box{
/*  width: calc(50% - 242px);*/
	width: calc(30% - 8px);
}
@media screen and (max-width: 1790px){
	div.main_content.two_third{
		width: 100%;
	}
	div.main_content.grid_layout_contents{
		padding: 16px 42px;
		margin-bottom: 14px;
	}
	div.grid_box{
		width: 100%;
	}
	div.main_content.grid_layout_contents:nth-child(2){
		margin-bottom: 14px;
	}
}
@media screen and (max-width: 1440px){
	div.main_content.half{
		width: 100%;
	}
	.grid_box{
		width: 100%;
	}
}
div.grid_layout{
	width: 100%;
}
.common_ttl{
	margin-bottom: 30px;
}
.common_ttl .head{
	font-size: 28px;
	color: #675a6a;
	font-weight: 500;
	letter-spacing: 0.075em;
}
.common_ttl .sub{
	font-size: 14px;
	color: #958d97;
}
.fb_txt{
	color: #958d97;
	font-size: 24px;
	height: 190px;
	overflow-y: auto;
}
.graph_info{
	color: #675a6a;
	font-size: 16px;
}
.graph_info .lmsales{
	font-size: 24px;
	margin-right: 100px;
}
.graph_info .lmsales span{
	color: #c671db;
}
.graph_info .ly,
.graph_info .ty{
	padding-left: 30px;
	margin-right: 50px;
	position: relative;
}
.graph_info .ly:before,
.graph_info .ty:before{
	position: absolute;
	content: '';
	width: 20px;
	padding: 8px;
	left: 0;
	top: 50%;
	transform: translate(0%,-50%);
}
.personal .graph_info .ly:before{
	background-color: #e5ecd4;
}
.personal .graph_info .ty:before{
	background-color: #8bbe3e;
}
.department .graph_info .ly:before{
	background-color: #e2ebf5;
}
.department .graph_info .ty:before{
	background-color: #5193dc;
}
@media screen and (max-width: 1641px){
	.graph_info{
		margin-bottom: 12px;
	}
	.graph_info .lmsales{
		font-size: 16px;
		margin-right: 20px;
	}
}

/**
 * 左メニュー
 */
.menu_contents .menu_logo{
	width: 80px;
	height: 80px;
	margin: 38px auto 34px auto;
	display: block;
}
.menu_contents ul.menu_lists li a{
	color: #ffffff;
	padding: 20px 0 20px 66px;
	font-size: 20px;
	display: block;
	margin-left: 60px;
	position: relative;
	text-decoration: unset;
}
.menu_contents ul.menu_lists li a:after{
	position: absolute;
	content: '';
	height: 1px;
	width: 0%;
	background-color: #fff;
	bottom: 0;
	left: 10%;
	transition: .3s;
	display: block;
}
.menu_contents ul.menu_lists li a:hover:after{
	width: 80%;
}
.menu_contents ul.menu_lists li a:before{
	position: absolute;
	content: '';
	width: 28px;
	height: 28px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	left: 16px;
	top: 50%;
	transform: translate(50%,-50%);
}
.menu_contents ul.menu_lists li.home a:before{
	background-image: url(../images/home_white.svg);
}
.menu_contents ul.menu_lists li.clip a:before{
	background-image: url(../images/clipboard_white.svg);
}
.menu_contents ul.menu_lists li.mypage a:before{
	background-image: url(../images/mypage_white.svg);
}
.menu_contents ul.menu_lists li.member a:before{
	background-image: url(../images/member_white.svg);
}
.menu_contents ul.menu_lists li.data a:before{
	background-image: url(../images/sales_data_white.svg);
}
.menu_contents ul.menu_lists li.emp a:before{
	background-image: url(../images/empowerment_white.svg);
}
.menu_contents ul.menu_lists li.eva a:before{
	background-image: url(../images/eva_white.svg);
}
.menu_contents ul.menu_lists li.tag a:before{
	background-image: url(../images/code_white.svg);
}

.menu_contents ul.menu_lists li a.active {
	background: #fff;
	color: #934fa3;
	border-radius: 8px 0 0 8px;
}
.menu_contents ul.menu_lists li.home a.active:before{
	background-image: url(../images/home_purple.svg);
}
.menu_contents ul.menu_lists li.clip a.active:before{
	background-image: url(../images/clipboard_purple.svg);
}
.menu_contents ul.menu_lists li.mypage a.active:before{
	background-image: url(../images/mypage_purple.svg);
}
.menu_contents ul.menu_lists li.member a.active:before{
	background-image: url(../images/member_purple.svg);
}
.menu_contents ul.menu_lists li.data a.active:before{
	background-image: url(../images/sales_data_purple.svg);
}
.menu_contents ul.menu_lists li.emp a.active:before{
	background-image: url(../images/empowerment_purple.svg);
}
.menu_contents ul.menu_lists li.eva a.active:before{
	background-image: url(../images/eva_purple.svg);
}
.menu_contents ul.menu_lists li.tag a.active:before{
	background-image: url(../images/code_purple.svg);
}
#menuToggle{
	display: none;
}

@media screen and (max-width: 1330px){
	#menuToggle{
		display: block;
		font-size: 20px;
	    padding: 9px 0;
	    box-shadow: 0 0 8px 0 #ebebeb;
	    background-color: #fff;
	    border-radius: 16px;
	    margin-right: 24px;
	    width: 180px;
	    text-align: center;
	    font-weight: 500;
	    margin-bottom: 10px;
	}
	#menuToggle:hover{
		color: #fff;
	    background-color: #c671db;
	    transition: .3s;
	}
	.menu{
		position: fixed;
		top: 0;
		left: -314px; /* 初期状態で画面外 */
		width: 314px;
		height: 100vh;
		transition: transform 0.3s ease-in-out;
	}

	.menu.open{
		transform: translateX(314px); /* スライドして表示 */
	}

	.main{
		width: unset;
		transition: margin-left 0.3s ease-in-out, width 0.3s ease-in-out;
	}

	.main.rs{
		width: calc(100% - 314px);
		margin-left: 314px;
	}


}

/**
 * 右コンテンツ
 */
.testtable{
	overflow-x: auto;/* os */
	padding-bottom: 8px;
}
.testtable table{
	width: 1920px;
	border-bottom: 1px solid #000;
	border-right: 1px solid #000;
	border-spacing: unset;
}
.testtable table th,
.testtable table td{
	border-top: 1px solid #000;
	border-left: 1px solid #000;
	padding: 4px;
	font-size: 12px;
	font-weight: 400;
}

/*上部バー*/
div.main_content.topbar,
header.main_content.topbar{
	color: #706f6f;
	margin-bottom: 26px;
	background-color: #fff;
	border-radius: 8px;
	padding: 13px 48px;
}
.topbar ul li{
	font-size: 20px;
}
.topbar ul li:last-child{
	margin-right: 0;
	font-size: 16px;
}
.topbar .topbar_icon{
	color: #fff;
	background-image: url();
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	width: 80px;
	height: 80px;
	border-radius: 100%;
}
.topbar .topbar_icon .icon_box{
	width: 80px;
	height: 80px;
	border-radius: 100%;
}
.topbar .topbar_badge{
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	width: 65px;
	height: 80px;
}
.menu_info{
	width: 600px;
}
.topbar ul li a.exit{
	position: relative;
}
.topbar ul li a.exit:after{
	position: absolute;
	content: '';
	height: 1px;
	width: 0%;
	background-color: #000;
	bottom: 0;
	left: 0;
	transition: .3s;
	display: block;
}
.topbar ul li a.exit:hover:after{
	width: 100%;
}

@media screen and (max-width: 1527px){
	.menu_lists li{
		
	}
}
@media screen and (max-width: 1120px){
	.topbar ul li{
		font-size: 16px;
		width: 50%;
		margin-bottom: 16px;
	}


}

/*select*/
.selectbox-4,
.select_month,
.select_year,
.member_select_month{
	display: inline-flex;
	align-items: center;
	position: relative;
}
.selectbox-4::after,
.select_month::after,
.select_year::after,
.member_select_month::after{
	position: absolute;
	content: '';
	right: 12px;
	width: 16px;
	height: 16px;
	background-image: url(../images/select.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	pointer-events: none;
	top: 50%;
	transform: translateY(-50%);
}
.selectbox-4.select_mb{
	margin-bottom: 30px;
}
.selectbox-4 select,
.select_month select,
.select_year select,
.memsel{
	appearance: none;
	min-width: 180px;
	padding: 12px 44px;
	border: none;
	border-radius: 16px;
	box-shadow: 0 0 8px 0 #ebebeb;
	background-color: #c671db;
	color: #fff;
	font-size: 20px;
	cursor: pointer;
	outline: none;
	text-align: center;
}
.select_month{
	margin-right: 12px;
}
.select_month select{
	background-color: #3e56be;
}
.select_year select{
	background-color: #8bbe3e;
}
.selectbox-4 select option,
.select_month select option,
.select_year select option,
.memsel option{
	background-color: #fff;
	color: #706f6f;
}
@media screen and (max-width: 1440px){
	.selectbox-4 select,
	.select_month select,
	.select_year select,
	.memsel option{
		min-width: 130px;
	}
}


/*score*/
.score{
	background-color: #f7f7f7;
	border-radius: 8px;
	padding-top: 16px;
}
.score .unselected{
	font-size: 20px;
	color: #675a6a;
	margin: 0 auto;
}
.score .en_ttl{
	font-size: 28px;
	color: #675a6a;
	letter-spacing: 0.075em;
	margin-right: 30px;
}
.score .sub_ttl{
	font-size: 14px;
	color: #958d97;
}
.score .radar{
	width: 440px;
	height: 440px;
	margin-left: 150px;
	margin-top: -60px;
}
.score .date{
	color: #fff;
	font-size: 20px;
	background-color: #c671db;
	padding: 5px 28px;
	width: 120px;
	border-radius: 16px;
}
.score .term,
.score .target{
	margin-right: 30px;
	position: relative;
}
.score .term:before,
.score .target:before{
	position: absolute;
	content: '';
	width: 20px;
	padding: 8px;
	left: 0;
	top: 50%;
	transform: translate(0%,-50%);
}
.score .term:before{
	background-color: #ebcae1;
}
.score .target:before{
	background-color: #6dbff8;
}
.score .term .txt,
.score .target .txt{
	color: #958d97;
	font-size: 16px;
	padding-left: 30px;
	margin-right: 10px;
}
.chart_score{
	position: relative;
	color: #616161;
}
.chart_score.cs_sales{
	top: -350px;
	left: 136px;
}
.chart_score.cs_daily{
	top: -320px;
	left: 300px;
}
.chart_score.cs_comp{
	top: -166px;
	left: 272px;
}
.chart_score.cs_indepedent{
	top: -134px;
	left: 146px;
}
.chart_score.cs_idea{
	top: -208px;
	left: 22px;
}
.chart_score.cs_recog{
	top: -404px;
	left: 15px;
}


.chart_score .now{
	margin-right: 8px;
	color: #df2ca9;
}
.chart_score .tar{;
	color: #5bb2f3;
}

@media screen and (max-width: 1348px){
	.score .radar{
		margin-left: 0;
	}
}

/*circle*/
.circle{
	background-color: #fff;
	padding: 67px 0;
	width: 300px;
	color: #383838;
	text-align: center;
	border-radius: 100%;
	border: 2px solid #000;
}

.circle .total{
	font-size: 36px;
}
.circle .point{
	font-size: 72px;
}
@media screen and (max-width: 1440px){
	.circle{
		margin-top: 4vw;
	}
	.bp_jcc{
		justify-content: center;
		margin-top: 20px;
	}
}

/*pickup*/
.pickup .head{
	font-size: 24px;
	color: #c26cd2;
	margin-bottom: 0;
}
.pickup .data{
	font-size: 20px;
	color: #616161;
	margin-bottom: 10px;
	height: 30px;
	overflow-y: auto;
}
.pickup .txt{
	font-size: 16px;
	color: #616161;
	height: calc(986px/2 - 373px);
	overflow-y: auto;
}
.common_ttl .fb_head{
	font-size: 24px;
	color: #675a6a;
	font-weight: 500;
	letter-spacing: 0.075em;
}
.fb_txt{
	color: #958d97;
	font-size: 18px;
	height: 190px;
	overflow-y: auto;
}

/*data_explanation*/
.exp{
	width: 49%;
}
.exp .head{
	color: #fff;
	background-color: #c671db;
	padding: 12px 20px;
	font-size: 24px;
	width: 200px;
	text-align: center;
	border-radius: 30px;
	margin: 0 auto 20px auto;
	box-shadow: 0 0 8px 0 #ebebeb;
}
.exp .exp_ul dl{
	margin-bottom: 18px;
}
.exp .exp_ul dl dt{
	color: #fff;
	background-color: #c671db;
	padding: 10px 16px;
	font-size: 14px;
	width: 162px;
	box-shadow: 0 0 8px 0 #ebebeb;
	text-align: center;
	border-radius: 4px;
	font-weight: 500;
}
.exp .exp_ul dl dd{
	color: #675a6a;
	background-color: #fff;
	padding: 12px 16px;
	font-size: 14px;
	width: calc(100% - 164px);
	box-shadow: 0 0 8px 0 #ebebeb;
	border-radius: 4px;
}
.exp:nth-child(2) .head{
	background-color: #e5ecd4;
	color: #675a6a;
}
.exp:nth-child(2) .exp_ul dl dt{
	color: #675a6a;
	background-color: #e5ecd4;
	padding: 10px 16px;
	font-size: 14px;
	width: 162px;
	box-shadow: 0 0 8px 0 #ebebeb;
	text-align: center;
	border-radius: 4px;
	font-weight: 500;
}
@media screen and (max-width: 1527px){
	.exp_rs{
		display: block;
	}
	.exp{
		width: 100%;
	}
}
@media screen and (max-width: 1154px){
	.exp .exp_ul li dl{
		display: block;
	}
	.exp .exp_ul dl dd{
		width: 100%;
	}
}

/*login*/
.outside{
	width: 100vw;
	height: 100vh;
	background-color: #e8e8e8;
}
.inside{
	width: 780px;
	margin: 0 auto;
	padding: 48px 84px 100px 84px;
	background-color: #ffffff;
	text-align: center;
	color: #626262;
	font-size: 24px;
	border-radius: 16px;
}
.login_logo{
	width: 91px;
	height: 141px;
	margin: 0 auto;
}
.textbox{
	width: 600px;
	padding: 8px;
	border-radius: 16px;
	color: #626262;
	font-size: 24px;
	box-shadow: 0 0 8px 0 #ebebeb;
	margin-top: 20px;
}
input[type="text"].textbox:focus{
	box-shadow: 0 0 8px 0 #9554aa;
	outline: 0;
}
.textbox::placeholder {
	color: #b4b4b4;
}
.inside .user_box{
	margin-bottom: 32px;
}
.inside .pass_box{
	margin-bottom: 56px;
}
.inside button{
	font-size: 24px;
	color: #fff;
	width: 250px;
	padding: 10px 0;
	background-color: #9554aa;
	border-radius: 16px;
}

/*mypage*/
.profile .mypage_icon{
	display: block;
	margin: 0 auto 50px auto;
	width: 200px;
	height: 200px;
	border-radius: 100%;
}
.mypage_ul.left{
	margin-right: calc(50% - 340px);
}
.mypage_ul li{
	margin-bottom: 24px;
}
.mypage_ul dl dt{
	color: #675a6a;
	font-size: 18px;
	width: 180px;
	padding: 8px 0;
	background-color: #ede2f0;
	text-align: center;
	margin-right: 16px;
	border-radius: 16px;
}
.mypage_ul dl dd{
	color: #675a6a;
	font-size: 16px;
}
@media screen and (max-width: 1154px){
	.mypage_ul{
		width: 100%;
	}
	.mypage_ul.left{
		margin-right: 0;
	}
}

/*settings*/
.settings{
	text-align: center;
	color: #675a6a;
}
.settings .submit{
	margin-bottom: 30px;
}
.settings .submit:nth-child(2){
	margin-bottom: 0;
}

.settings .icon_change,
.settings .pass_change{
	font-size: 20px;
	margin-bottom: 16px;
	position: relative;
}
.settings .pass_txt,
.settings .pass_confirm{
	font-size: 16px;
	margin-bottom: 8px;
}
.settings .pass_confirm{
	margin-top: 10px;
}
.settings .icon_change:before,
.settings .pass_change:before{
	position: absolute;
	content: '';
	width: 35px;
	height: 35px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	left: calc(50% - 110px);
	top: -4px;
}
.settings .icon_change:before{
	background-image: url(../images/icon_change.svg);
}
.settings .pass_change:before{
	background-image: url(../images/pass_change.svg);
}
.settings .common_input{
	width: 200px;
	padding: 4px 8px;
	border-radius: 4px;
	box-shadow: 0 0 8px 0 #ebebeb;
	background-color: #fff;
}
.settings .common_input:focus{
	box-shadow: 0 0 8px 0 #9554aa;
	outline: 0;
}
.icon_upload .common_input{
	display: none;
}
.icon_upload .common_input.pass{
	box-shadow: 0 0 8px 0 #ebebeb;
	background-color: #fff;
}
.icon_upload{
	color: #675a6a;
	background-color: #fff;
	box-shadow: 0 0 8px 0 #ebebeb;
	padding: 12px 24px;
	border-radius: 16px;
	font-size: 16px;
	cursor: pointer;
	display: block;
	width: 180px;
	margin: 0 auto;
}
.up_btn,
.cg_btn,
.con_btn{
	color: #675a6a;
	background-color: #fff;
	box-shadow: 0 0 8px 0 #ebebeb;
	padding: 12px 24px;
	border-radius: 16px;
	font-size: 16px;
	cursor: pointer;
	display: block;
	margin: 0 auto;
	margin-top: 30px;
}
.up_btn{
	margin-top: 12px;
}
.up_btn:hover,
.cg_btn:hover,
.con_btn:hover,
.settings .trimming:hover,
.icon_upload:hover{
	color: #fff;
	background-color: #c671db;
	transition: .3s;
}
div.grid_layout_contents.setbox{
	padding: 24px 42px 8px 42px;
}
.settings .trimming{
	color: #675a6a;
    background-color: #fff;
    box-shadow: 0 0 8px 0 #ebebeb;
    padding: 12px 24px;
    border-radius: 16px;
    font-size: 16px;
    cursor: pointer;
    margin: 0 auto;
    margin-top: 30px;
}
.settings .display_image{
	font-size: 16px;
	margin: 8px;
}
.settings .attention{
	margin-top: 12px;
}



/*master_dash*/
.alms{
	margin-top: 30px;
}
.alms_info{
	color: #675a6a;
	margin-bottom: 20px;
}
.alms_info .alms_date{
	font-size: 24px;
	margin-right: 40px;
}
.alms_info .credit{
	font-size: 16px;
}
@media screen and (max-width: 1120px){
	.alms_info .alms_date{
	font-size: 18px;
	margin-right: 12px;
	}
}

/*sales_input*/
.sales_input .month,
.eva_input .month{
	color: #675a6a;
	font-size: 30px;
	margin-bottom: 24px;
	text-align: center;
}
.sales_input .roster{
	padding: 24px 96px;
	background-color: #f1f1f1;
	box-shadow: 0 0 8px 0 #ebebeb;
	color: #675a6a;
	width: 600px;
	margin: 0 auto;
}
.sales_input .roster ul{
	margin-bottom: 32px;
}
.sales_input .roster ul li,
.eva_input .eva_roster ul li{
	margin-bottom: 16px;
}
.eva_input .eva_roster ul li button a,
.sales_input .roster ul li dl dt,
.eva_input .inp_btn,
.empowerment .emp_btn,
.member .inp_btn{
	font-size: 20px;
	padding: 9px 0;
	box-shadow: 0 0 8px 0 #ebebeb;
	background-color: #fff;
	border-radius: 16px;
	margin-right: 24px;
	width: 180px;
	text-align: center;
	font-weight: 500;
}
.eva_input .eva_roster ul li button a{
	display: block;
}
.member .inp_btn.chk{
	padding: 9px;
}
.eva_input .eva_roster ul li button [active="active"]{
	color: #fff;
	background-color: #c671db;
}
.empowerment .emp_btn{
	margin: 0 auto;
	display: block;
}
.eva_input .inp_btn{
	margin: 0 auto;
}
.eva_input .eva_roster ul li button a:hover,
.eva_input .inp_btn:hover,
.empowerment .emp_btn:hover,
.member .inp_btn:hover{
	color: #fff;
	background-color: #c671db;
	transition: .3s;
}
.sales_input .roster ul li dl dd input{
	font-size: 20px;
	padding: 9px 8px;
	box-shadow: 0 0 8px 0 #ebebeb;
	background-color: #fff;
	text-align: right;
	width: 180px;
}
.sales_input .roster ul li dl dd input::placeholder{
	color: #b4b4b4;
}
.sales_input .roster ul li dl dd input:focus{
	box-shadow: 0 0 8px 0 #9554aa;
	outline: 0;
}
.con_btn{
	width: 160px;
	text-align: center;
	font-size: 18px;
}
@media screen and (max-width: 1120px){
	.sales_input .month,
	.eva_input .month{
		margin-top: 30px;
		font-size: 24px;
	}
	.sales_input .roster{
		padding: 24px 24px;
		width: 320px;
		margin: 0 auto;
	}
	.sales_input .roster ul li dl dt,
	.eva_input .eva_roster ul li button,
	.eva_input .inp_btn,
	.empowerment .emp_btn,
	.member .inp_btn{
		font-size: 16px;
		width: 110px;
	}
	.sales_input .roster ul li dl dd input{
		font-size: 16px;
		padding: 9px 8px;
		width: 110px;
	}
	.eva_input .eva_roster ul li{
		margin-right: 20px;
	}
}

/*master_goal*/
.eva_input .eva_roster{
	margin-right: 72px;
	width: 200px;
}
.eva_input .score_box{
	width: calc(100% - 400px);
	margin-bottom: 30px;
}
.eva_input .score_box .unselected{
	font-size: 24px;
	color: #675a6a;
	margin: 0 auto;
}
.eva_input .eva_score{
	width: 48%;
	padding: 42px 80px;
	background-color: #f1f1f1;
	border-radius: 16px;
}
.eva_input .eva_score .head,
.eva_input .comment_box .pickup .head{
	font-size: 24px;
	color: #675a6a;
	margin-bottom: 40px;
}
.eva_input .eva_score_ul li,
.eva_input .comment_box .pickup ul li{
	margin-bottom: 16px;
}
.eva_input .eva_score_ul li dl dt,
.eva_input .comment_box .pickup ul li dl dt{
	color: #fff;
	font-size: 16px;
	background-color: #fba7e2;
	width: 200px;
	padding: 8px 12px;
	margin-right: 24px;
	border-radius: 16px;
	text-align: center;
	font-weight: 500;
}
.eva_input .comment_box .pickup ul li dl dt{
	width: 120px;
	background-color: #c1e1d0;
	color: #675a6a;
	margin-right: 12px;
}
.eva_input .eva_score_ul.target_score_ul li dl dt{
	color: #675a6a;
	background-color: #b3dbf7;
}
.eva_input .eva_score_ul li dl dd input,
.eva_input .comment_box .pickup ul li dl dd input,
.eva_input .comment_box .pickup ul li dl dd select,
.eva_input .comment_box .pickup ul li dl dd textarea{
	color: #675a6a;
	font-size: 16px;
	width: 80px;
	padding: 8px;
	background-color: #fff;
	text-align: right;
	border-radius: 16px;
	box-shadow: 0 0 8px 0 #ebebeb;
}
.eva_input .eva_score_ul li dl dd #eva_alert.error{
	border: 2px solid red;
}

.eva_input .comment_box .pickup ul li dl dd textarea{
	height: 210px;
	text-align: left;
	resize: none;
}
.eva_input .comment_box .pickup ul li dl dd select{
	text-align: center;
}
.select_data{
	position: relative;
}
.select_data:after{
	position: absolute;
	content: '';
	background-image: url(../images/select_black.svg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	width: 16px;
	height: 16px;
	right: 15px;
	top: 5px;
	pointer-events: none;
}
.eva_input .comment_box .pickup ul li dl dd input,
.eva_input .comment_box .pickup ul li dl dd select,
.eva_input .comment_box .pickup ul li dl dd textarea{
	width: 264px;
}
.eva_input .comment_box .pickup ul li dl dd input{
	text-align: center;
}
.eva_input .eva_score_ul li dl dd input:focus,
.eva_input .comment_box .pickup ul li dl dd input:focus,
.eva_input .comment_box .pickup ul li dl dd select:focus,
.eva_input .comment_box .pickup ul li dl dd textarea:focus,
.eva_input .fb_box textarea:focus,
.eva_input .fb_box input:focus{
	outline: none;
	box-shadow: 0 0 4px 0 #2190dd;
}
.eva_input .eva_score_ul li dl dd input::placeholder,
.eva_input .comment_box .pickup ul li dl dd input::placeholder,
.eva_input .comment_box .pickup ul li dl dd select::placeholder,
.eva_input .comment_box .pickup ul li dl dd textarea::placeholder,
.eva_input .fb_box input::placeholder,
.eva_input .fb_box textarea::placeholder{
	color: #b4b4b4;
}
.eva_input .comment_box{
	width: 100%;
	padding: 42px 80px;
	background-color: #f1f1f1;
	border-radius: 16px;
	margin-top: 30px;
	margin-bottom: 30px;
}
.eva_input .feedback{
	margin-bottom: 16px;
}
.eva_input .feedback .head{
	background-color: #675a6a;
	color: #fff;
	padding: 8px;
	font-size: 16px;
	border-radius: 16px;
	width: 200px;
	margin-right: 16px;
	text-align: center;
}
.eva_input .feedback .ttl{
	width: 440px;
	background-color: #fff;
	color: #675a6a;
	padding: 8px;
	border-radius: 16px;
	font-size: 16px;
}
.eva_input .fb_box .txt{
	background-color: #fff;
	border-radius: 16px;
	font-size: 16px;
	padding: 16px;
	color: #675a6a;
	width: 100%;
	resize: none;
}
.eva_input .fb_box{
	width: 100%;
	margin-top: 30px;
}
.eva_input .submit{
	width: 180px;
	margin: 0 auto;
}
@media screen and (max-width: 1835px){
	.eva_input .eva_score_ul li dl dt,
	.eva_input .comment_box .pickup ul li dl dt{
		width: 140px;
	}
	.eva_input .eva_score{
		padding: 42px 40px;
	}
	.eva_input .score_box{
		width: calc(100% - 286px);
	}
}
@media screen and (max-width: 1440px){
	.eva_input .eva_score{
		width: 100%;
		margin-bottom: 20px;
	}
	.eva_input .comment_box{
		padding: 42px 40px;
	}
}
@media screen and (max-width: 1120px){
	.eva_input .eva_roster ul{
		display: flex;
		flex-wrap: wrap;
		width: 640px;
	}
	.eva_input .eva_roster ul li button a{
	font-size: 16px;
	width: 120px;
	}
	.eva_input .score_box{
		width: 100%;
	}
	.eva_input .eva_roster ul li button{
		font-size: 16px;
		width: 140px;
	}
	.eva_input .eva_roster ul{
		width: 480px;
	}
	.eva_input .eva_score_ul li dl dd input,
	.eva_input .comment_box .pickup ul li dl dd input,
	.eva_input .comment_box .pickup ul li dl dd select,
	.eva_input .comment_box .pickup ul li dl dd textarea{
		width: 220px;
		margin-top: 8px;
	}
	.eva_input .feedback .ttl{
		margin-top: 8px;
	}
	.eva_input .eva_roster{
		margin: 0 auto;
		width: unset;
		display: block;
	}
}

/*empowerment*/
.empowerment .emp_block{
	background-color: #f1f1f1;
	padding: 12px 20px;
	margin: 20px;
	border-radius: 16px;
}
.empowerment .emp_block .name{
	color: #fff;
	font-size: 20px;
	background-color: #934fa3;
	border-radius: 16px;
	width: 160px;
	padding: 4px 12px;
	text-align: center;
	margin-right: 60px;
}
.empowerment .emp_block label{
	margin-bottom: 16px;
	color: #675a6a;
	font-size: 18px;
	display: block;
}
.empowerment .emp_block label .chkbox{
	width: 16px;
	height: 16px;
	margin-right: 8px;
}
.empowerment .emp_block label .chkname{
	color: #675a6a;
	font-size: 16px;
	margin-left: 16px;
}
.empowerment .emp_block .maneger,
.empowerment .emp_block .operator{
	margin-right: 28px;
}
@media screen and (max-width: 1162px){
	.empowerment .emp_block .name{
		width: 160px;
		padding: 4px 12px;
		margin-right: 60px;
		margin-bottom: 16px;
	}
	.empowerment .emp_block .maneger,
	.empowerment .emp_block .operator{
		margin-right: 20px;
	}
	.empowerment .emp_block{
		display: block;
	}
}

/*member*/
.main_content.member{
	margin-top: 30px;
}
.member .table{
	overflow-x: auto;/* os */
	margin-bottom: 30px;
}
.member .table table{
	width: 100%;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
	border-spacing: unset;
	table-layout: fixed;
}
.member .table table th{
	background-color: #e4beed;
	width: 140px;
}
.member .table table th,
.member .table table td{
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	padding: 16px 2px;
	font-size: 16px;
	font-weight: 400;
	text-align: center;
	vertical-align: middle;
}
.member .table table td .table_input,
.member .table table td select{
	width: 136px;
	height: 30px;
	cursor: pointer;
}
.member .table table td .table_input:hover,
.member .table table td select:hover{
	box-shadow: 0 0 2px 0 #675a6a;
}
.member .table table td .table_input.input_change{
	background-color: #fffacd;
}
.member .table table td input[type="checkbox"].table_input{
	height: 20px;
	width: 28px;
}
.member .table table td .table_input_memo{
	width: 120px;
	height: 30px;
	background-color: #fff;
}
.member .table table tbody tr:nth-child(1n){
	background-color: #e8e8e8;
}
.member .table table tbody tr:nth-child(2n){
	background-color: #f5f2f2;
}
.table_check{
	padding-top: 76px;
	margin-right: 6px;
	width: 3%;
}
/*.table_check input[type="checkbox"]{
	display: block;
	margin-bottom: 37px;
	width: 20px;
	height: 20px;
}*/
.member .table .sort{
	position: relative;
}
.member .table .sort:before{
	position: absolute;
	content: '';
	background-image: url(../images/member_sort.svg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	width: 16px;
	height: 16px;
	right: 0;
	top: 0;
	cursor: pointer;
}
.member .table .sort.asc:before{
	position: absolute;
	content: '';
	background-image: url(../images/member_sort.svg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	width: 16px;
	height: 16px;
	right: 0;
	top: 0;
	cursor: pointer;
	transform: rotate(180deg);
}
.member .table .sort.desc:before{
	position: absolute;
	content: '';
	background-image: url(../images/member_sort.svg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	width: 16px;
	height: 16px;
	right: 0;
	top: 0;
	cursor: pointer;
}
.member_form{
	width: 100%;
}
.member .table table td.new_add{
	font-size: 20px;
	padding: 16px 0;
	background-color: #f7f7f7;
}
.member .table table td.new_add .txt{
	width: 120px;
}
@media screen and (max-width: 1800px){
	.member .table table th,
	.member .table table td{
		border-top: 1px solid #fff;
		border-left: 1px solid #fff;
		padding: 8px 2px;
		font-size: 12px;
		font-weight: 400;
		text-align: center;
		vertical-align: middle;
		width: 96px;
	}
	.member .table table td .table_input,
	.member .table table td select{
		width: 96px;
		height: 30px;
		cursor: pointer;
	}
	.member .table table th.sortable[data-sort="eva"],
	.member .table table th.sortable[data-sort="target"]{
		width: 48px;
	}
	.member .table table th.check_th{
		width: 28px;
	}
	

}
@media screen and (max-width: 1030px){
	table{
		transform: scale(0.9);
		transform-origin: left top;
	} 
}

.progress-container {
	position: relative;
	text-align: center;
}

.progress-ring {
	transform: rotate(-90deg);
}

.progress-ring-background {
	stroke: #e6e6e6;
}

.progress-ring-bar {
	stroke: url(#gradient-purple);  /* 紫のグラデーション */
	transition: stroke-dashoffset 2s ease-out;
}

.progress-text {
	font-size: 72px;  /* 数字のサイズを大きく */
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
@media screen and (max-width: 930px){
	table{
		transform: scale(0.8);
	} 
}

@media screen and (max-width: 1358px){
	.progress-container{
		margin-bottom: 80px;
	}
}




/*.period_select*/
.period_select{
	display: inline-flex;
	align-items: center;
	position: relative;
	margin-right: 12px;
}
.period_select.end{
	margin-left: 12px;
}
.period_select::after{
	position: absolute;
	content: '';
	right: 12px;
	width: 16px;
	height: 16px;
	background-image: url(../images/select.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	pointer-events: none;
	top: 50%;
	transform: translateY(-50%);
}

.period_select select{
	appearance: none;
	min-width: 120px;
	padding: 4px 32px;
	border: none;
	border-radius: 16px;
	box-shadow: 0 0 8px 0 #ebebeb;
	background: #f9a276;
	color: #fff;
	font-size: 18px;
	cursor: pointer;
	outline: none;
	text-align: center;
}
.period_select select option{
	background-color: #fff;
	color: #706f6f;
}
.alms_info .show{
	font-size: 18px;
	color: #000;
	background-color: #fff;
	width: 140px;
	padding: 4px 8px;
	box-shadow: 0 0 8px 0 #ebebeb;
	cursor: pointer;
	text-align: center;
	margin-right: 20px;
	border-radius: 16px;
}
.alms_info .show:hover{
	color: #fff;
	background:#f9a276;
	transition: .3s;
}
@media screen and (max-width: 1440px){
	.period_select select{
		min-width: 130px;
	}
}

.graph_sel{
	background-color: #c671db;
	padding: 4px 24px 4px 8px;
	width: 120px;
	font-size: 16px;
	color: #fff;
	border-radius: 8px;
	text-align: center;
}
.graph_sel option{
	background-color: #fff;
	color: #1a1a1a;
}
.graph_sel_lab{
	position: relative;
}
.graph_sel_lab:before{
	position: absolute;
	content: '';
	right: 8px;
	width: 12px;
	height: 12px;
	background-image: url(../images/select.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	pointer-events: none;
	top: 6px;
}
.graph_sel:focus{
    border: 2px solid #1e90ff; /* 青枠を表示 */
    outline: none; /* デフォルトの枠線を消す */
}

.dsc{
	display: contents;
}