@charset "utf-8";
/*----------------------------------------------ここから全体設定------------------------------------*/
body{
	max-width:100vw;
	overflow-x:hidden;
	background-color:var(--base-color);
	margin:0;
	padding:0;
}
*{
	outline:none;
	color:#333;
	font-family:  "メイリオ","ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:12px;
	margin:0;
	padding:0;
}
/*------------------ボタン全般のリセットCSS----------------*/
	button,
	input[type="submit"],
	input[type="button"],
	.button{
		-webkit-box-sizing: content-box;
		-webkit-appearance: button;
		appearance: button;
		border: none;
		box-sizing: border-box;
		cursor: pointer;
	}
	input[type="submit"]::-webkit-search-decoration,
	input[type="button"]::-webkit-search-decoration {
		display: none;
	}
	input[type="submit"]::focus,
	input[type="button"]::focus {
		outline-offset: -2px;
	}
/*------------------コンテンツの揃え方設定-----------------*/
.middle{
	display:flex !important;
	align-items:center;
	align-content:center;
	flex-wrap:wrap;
}
.f_around{
	display:flex !important;
	align-items:center;
	align-content: space-around;
	flex-wrap:wrap;
}
/*中央揃え*/
.center{
	display:flex !important;
	flex-wrap:wrap;
	justify-content:center;
}
/*均等揃え*/
.around{
	justify-content:space-around;
}
/*両端揃え*/
.between{
	justify-content:space-between;
}
/*下に向かう並び*/
.column{
	display:flex;
	flex-flow: column;
}
/*------------------マージン・パディングの共通設定----------*/
.bottom_padding{
	padding-bottom:28px;
}
/*------------------基本色の設定----------------------------*/
:root {
--gray-color: #707070 !important;
--gray-color2: #9fa0a0 !important;
--white-color: #f6f6f6 !important;
--white-color2: #fefffe !important;
--sub-color3: #ABD1AA !important;
--block-color: #333 !important;
}
/*var(関数)はsetting内に記載*/
.base_color1{
	background-color:var(--white-color);
	background-repeat:no-repeat!important;
	background-size:contain!important;
	background-position:left;
}
.base_color2{
	background-color:var(--white-color2);
	background-repeat:no-repeat!important;
	background-size:contain!important;
	background-position:left;
}
.main_color{
	background-color:var(--main-color);
	background-repeat:no-repeat!important;
	background-size:contain!important;
	background-position:left;
}
.sub-color{
	background-color:var(--sub-color2);
	background-repeat:no-repeat!important;
	background-size:contain!important;
	background-position:left;
}
.sub-color2{
	background-color:var(--sub-color);
	background-repeat:no-repeat!important;
	background-size:contain!important;
	background-position:left;
}


/*------------------フォントの設定-------------------------*/
.font_white{
	color:var(--base-color) !important;
}
.main_font{
	color:var(--main-color) !important;
}
.base_font{
	color:var(--base-color) !important;
}
.bold{
	font-weight:bold;
}
/*------------------スクロールの設定-------------------------*/
#scroll{
	overflow-y:scroll;
	height:280px;
}
/*------------------スマホとpcでの表示の切り替え------------*/
/*表示を切り替えたい要素にdisplay:block;を使うとき*/
.mobile{
	display:none !important;
}
/*表示を切り替えたい要素にdisplay:flex;を使うとき*/
.mobile2{
	display:none !important;
}
/*表示を切り替えたい要素にdisplay:table-row;を使うとき*/
.mobile3{
	display:none !important;
}
/*表示を切り替えたい要素にdisplay:table-cell;を使うとき*/
.mobile4{
	display:none !important;
}
/*--------------------------------ここからinputフォームエリア共通設定(ボタンなど)------------------------------*/
/*inputフォームエリア全体*/
.input_area{
	min-width:450px;
	width:100%;
	height:auto;
	background:#efefef;
	padding-top:30px;
	padding-bottom:30px;
	margin-bottom:20px;
	text-align: center;
}
/*-----------------ステータスを表示するエリア（新規登録、編集など）-*/
.input_status_dsp{
	min-width:450px;
	width:100%;
	height:auto;
	background:#efefef;
	margin-bottom:20px;
	box-sizing: border-box;
	justify-content:space-between;
	padding:0px;
	height:80px;
	border-left:5px solid var(--main-color);
}
.input_status_dsp p{
	font-size:22px;
	margin-left:18px;
}
/*inputフォームエリア下の登録、削除、修正ボタンの位置*/
.input_bottom_area{
	margin-top:20px;
	margin-bottom:38px;
}
/*--------------inputフォーム（セレクトタイプ--------------*/
.pull_menu{
	margin-bottom:9px;
}
/*inputフォーム項目*/
.input_komoku{
	width:139px;
	height:30px;
	background:#b5b5b6;
	margin:0;
	padding:0;
	line-height: 30px;
	color:#fff;
	font-weight:bold;
	border-bottom-left-radius: 5px;
	border-top-left-radius: 5px;
	padding-left: 8px;
	text-align: left;
	font-size:12px;
}
/*inputフォームセレクトボックス*/
.pull_menu SELECT{
	display:inline-block;
	width:303px;
	height:30px;
	background:#fff;
	border:1px solid #b5b5b6;
	border-radius:0px;
	border-bottom-right-radius: 5px;
	border-top-right-radius: 5px;
	padding-left:12px;
	font-size:12px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-image: url(../images/icon_arrow.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position:right;
}
/*inputフォームの装飾*/
.pull_menu:after{
	position:relative;
	top: 0;
	right: 35px;
	width: 1px;
	height:30px;
	content: '';
	border-left: 1px solid #b5b5b6;
}
/*-------------inputフォーム（チェックタイプ）-------------*/
.check_menu{
	margin-bottom:9px;
}
/*チェックボックスの設定*/
.check_box{
	width:295px;
	height:28px;
	border:1px solid #b5b5b6;
	border-bottom-right-radius: 5px;
	border-top-right-radius: 5px;
	background:#fff;
	padding-left: 6px;
}
.check_box input[type="radio"]{
	margin-bottom: 4px;
}
.check_box p{
	margin:0;
	padding:0;
	font-size:12px;
}
.check_box p:first-of-type{
	margin-right:55px;
}

/*さらに個別でのチェックボックスの設定*/
/* チェックボタンを消すく */
.check_button1{
	display:none;
}
/* チェックボタン隣のラベルを修飾する */
.check_button1 + label {
  background-color: #aaa;
	width:100px;
	height:30px;
	line-height: 30px;
	border-radius:4px;
	position:relative;
	color:#fff;
	text-align:center;
}
/* チェックが入ったときのラベル */
.check_button1:checked + label {
  background-color: orange;
}
/* チェックが入った時のレ点 */
.check_button1:checked + label::after{
	content: "";
	position: absolute;
	display: block;
	box-sizing: border-box;
	width: 9px;
	height: 6px;
	margin-top: -5px;
	top: 50%;
	left: 10px;
	transform: rotate(-45deg);
	border-bottom: 2px solid;
	border-left: 2px solid;
	border-color: #fff;
}
.check_button1 + label::before{
	content: "";
	position: absolute;
	display: block;
	box-sizing: border-box;
	width: 11px;
	height: 11px;
	margin-top: -5px;
	top: 50%;
	left: 10px;
}
/*------------inputフォーム（テキストタイプ)---------------*/
.input_form{
	font-size:12px;
	margin-bottom:3px;
	position:relative;
	width:100%;
	margin:0 auto;
	margin-bottom:3px;
}
/*必須項目を表示(hissuをクラスに指定)*/
.input_form_p.hissu::after{
  content: "必須";
	width:38px;
	height:17px;
	background:#3e3a39;
	color:#fff;
	position:absolute;
	top:17px;
	right:20px;
	font-size:11px;
	text-align:center;
	line-height: 17px;
}
/*項目の文字*/
.input_form_p{
	width:20%;
	height:50px;
	background:#9fa0a0;
	margin:0;
	padding:0;
	line-height: 50px;
	color:#fff;
	font-weight:bold;
	text-align: left;
	padding-left:16px;
	position:relative;
}
/*テキスト入力欄外枠*/
.input_textform{
	width:calc(73% - 14px);
	height:50px;
	background:#f7f8f8;
	margin:0;
	padding:0;
	padding-left:14px;
}
/*テキスト入力欄内枠*/
.input_textform input[type="text"]{
	width:97%;
	height:30px;
	background:#fff;
	margin:0;
	padding:0;
	padding-left:10px;
	border:1px solid #b5b5b6;
	border-radius:5px;
	color:#3e3a39;
	font-size: 12px;
}
/*プルダウン選択欄*/
.input_pull_form{
	width: 73%;
	height:50px;
	background:#f7f8f8;
	margin:0;
	padding:0;
}
/*プルダウン選択欄*/
.input_pull_form select{
	border-radius:5px;
	border:1px solid #b5b5b6;
	margin-right:9px;
	margin-left:18px;
 	width:94%;
	height:60%;
	appearance: none;
	background-image: url(../images/icon_arrow.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: right;
	position:relative;
}
/*inputフォームの装飾*/
.input_pull_form:after{
	position:relative;
	top: 0;
	right: 45px;
	width: 1px;
	height:30px;
	content: '';
	border-left: 1px solid #b5b5b6;
}
/*年月日選択フォーム*/
.input_date_form{
	width:73%;
	height:50px;
	background:#f7f8f8;
	margin:0;
	padding:0;
}
.input_date_form select{
	margin-left:14px;
	margin-right:6px;
	width:101px;
	border-radius:4px;
	border:1px solid #b5b5b6;
	width:80px;
}
/*---------------------ボタン、サブミットボタンの共通設定-------------------------------------------*/
input[type="file"].input_button{
	display:none;
}
.main_block input[type="button"]:hover{
	opacity:0.7;
}
.main_block input[type="submit"]:hover{
	opacity:0.7;
}
/*------------------inputボタンの設定(共通のメインカラーのボタン)--*/
input[type="button"].input_button,input[type="submit"].input_button{
	display:block;
	width:150px;
	height:40px;
	border-radius: 5px;
	color:#fff;
	font-size:12px;
	font-weight:bold;
	margin: 0 9.5px;
	background-color: var(--main-color);
	line-height: 37px;
}
/*------------------inputボタン1の設定（戻るボタンなど）--*/
.input_button1 input[type="submit"],.input_button1 input[type="button"]{
	box-sizing:border-box;
	width:150px;
	height:40px;
	border-radius:4px;
	margin:0 9.5px;
	background:var(--base-color)!important;
	color:var(--main-color)!important;
	border:2px solid var(--main-color);
	font-weight:bold;
	position:relative;
	font-size:12px;
	line-height: 37px;
}
.input_button1{
	position:relative;
}
.input_button1::after{
	content:"";
	width:18px;
	height:18px;
	position:absolute;
	top:0;
	bottom:0;
	left: 22px;
	margin: auto;
	border-radius:50%;
	background-image:url("../images/back_button_arrow.svg");
	background-color: var(--main-color)!important;
	background-size:contain;	
}
/*-------------------inputボタン2の設定（枠線に色がついているボタンなど)--*/
a.input_button2,input[type="button"].input_button2,input[type="submit"].input_button2{
	box-sizing:border-box;
	width:150px;
	height:40px;
	border-radius:4px;
	margin:0 9.5px;
	font-size:12px;
	background:var(--base-color)!important;
	color:var(--main-color)!important;
	border:2px solid var(--main-color);
	font-weight:bold;
	line-height: 37px;
	text-align:center;
}

a.input_button2{
	display:inline-block;
	text-decoration:none;
	line-height:37px;
}
/*-------------------inputボタン3の設定（登録、送信するなど）--*/
input[type="submit"].input_button3,input[type="button"].input_button3{
	width:150px;
	height:40px;
	border-radius:4px;
	margin:0 9.5px;
	font-weight:bold;
	background:#f39800!important;
	line-height: 37px;
	color:#fff;
}
button.input_button3{
	width:150px;
	height:40px;
	border-radius:4px;
	margin:0 9.5px;
	font-weight:bold;
	background:#f39800!important;
	line-height: 37px;
}
/*---------------------inputボタン4の設定（登録、送信するなど）--*/
button.input_button4{
	width:180px;
	height:40px;
	border-radius:4px;
	margin:0 9.5px;
	background:#f39800!important;
}
button.input_button4 p{
	color:#fff;
	font-size:12px;
	margin: 0;
	padding: 0;
	font-weight:bold;
}
/*---------------------表のinputボタンの設定（登録、送信するなど）--*/
.hyou_button{
	height: 100%!important;
	width: auto!important;
	border-radius: 5px!important;
}
/*-------------------ラジオボタンの設定（登録、送信するなど）--*/
input[type=radio]{
	display:none;
}
.radio01 {
	box-sizing: border-box;
	cursor: pointer;
	display: inline-block;
	padding-left: 3px;
	position: relative;
	width: auto;
	margin: 14px;
	font-size:12px;
}
.radio01::before {
	background: #fff;
	border: 1px solid var(--main-color);
	border-radius: 50%;
	content: '';
	display: block;
	height: 16px;
	left: -20px;
	margin-top: 0px;
	position: absolute;
	top: 0;
	width: 16px;
}
.radio01::after {
	background: var(--main-color);
	border-radius: 50%;
	content: '';
	border: 1px solid var(--main-color);
	display: block;
	height: 10px;
	left: -17px;
	margin-top: -1px;
	opacity: 0;
	position: absolute;
	top: 4;
	width: 10px;
}
input[type="radio"]:checked + .radio01::after {
    opacity: 1;
}
.radio01.radio02{
	margin-right: 54px;
	margin-left: 24px;
}
.radio03 {
	box-sizing: border-box;
	cursor: pointer;
	display: inline-block;
	padding-left: 3px;
	position: relative;
	width: auto;
	margin: 14px;
	font-size:12px;
}
.radio03::before {
	background: #fff;
	border: 1px solid var(--main-color);
	border-radius: 50%;
	content: '';
	display: block;
	height: 16px;
	left: -20px;
	margin-top: 0px;
	position: absolute;
	top: 0;
	width: 16px;
}
.radio03::after {
	background: var(--main-color);
	border-radius: 50%;
	content: '';
	border: 1px solid var(--main-color);
	display: block;
	height: 10px;
	left: -17px;
	margin-top: -1px;
	opacity: 0;
	position: absolute;
	top: 4;
	width: 10px;
}
input[type="radio"]:checked + .radio03::after {
    opacity: 1;
}
/*-------------------inputエリアのサブミットボタン設定--*/
input[type="submit"].center_button{
	margin-top:21px;
	width:150px;
	height:40px;
	border-radius: 5px;
	color:#fff;
	font-size:12px;
	font-weight:bold;
	background: var(--main-color);
}
input[type="submit"].center_button2{
	margin-top:21px;
	width:150px;
	height:40px;
	border-radius: 5px;
	color:var(--main-color);
	font-size:12px;
	font-weight:bold;
	background: #fff;
	border:2px solid var(--main-color);
}
/*ページ上部の新規登録ボタン*/
input[type="submit"].input_status_button{
	margin:0;
	margin-right:30px;
	width:150px;
	height:40px;
	border-radius: 5px;
	color:#fff;
	font-size:12px;
	font-weight:bold;
	background: var(--main-color);
}
/*----------------------------------表示を押したときの表 共通--------------------------------------*/
.hyou.asses_dsp th:nth-child(3){
	width:553px;
}
.hyou.asses_dsp th:nth-child(4){
	width:48px;
}
.dsp_komoku{
	width:380px;
	height:50px;
	margin-bottom:10px;
}
.dsp_komoku p{
	margin:0;
	padding:0;
	font-size:12px;
}
.dsp_komoku p:nth-child(1){
	width:104px;
	height:50px;
	background:#9fa0a0;
	padding-left:16px;
	font-weight:bold;
	color:#fff;
}
.dsp_komoku p:nth-child(2){
	width:246px;
	height:50px;
	background:var(--base-color);
	padding-left:14px;
}

/*表示を押したときの表*/
.dsp_komoku2{
	width:770px;
	height:50px;
}
.dsp_komoku2 p{
	margin:0;
	padding:0;
	font-size:12px;
}
.dsp_komoku2 p:nth-child(1){
	width:20%;
	height:50px;
	background:#9fa0a0;
	padding-left:16px;
	font-weight:bold;
	color:#fff;
}
.dsp_komoku2 p:nth-child(2){
	width:73%;
	height:50px;
	background:#f7f8f8;
	padding-left:14px;
}
/*--------------------------------ここから表（評価状況一覧など）共通--------------------------------*/
/*表の項目タイトル*/
.hyou th{
	background:#9fa0a0;
	color:#fff;
	font-size:12px;
	font-weight:bold;
	border-right:2px solid #fff;
	height:30px;
}
/*表のセル*/
.hyou td{
	border-right:2px solid #fff;
	font-size:12px;
	height:50px;
	color:#3e3a39;
	padding:8px;
}
/*奇数の数の表の色を変える*/
.hyou tr:nth-child(2n+0){
	background:#dcdddd;
}
/*偶数の数の表の色を変える*/
.hyou tr:nth-child(2n+1){
	background:#efefef;
}
/*表の編集ボタンなど*/
.hyou input[type="button"]{
	width:auto;
	height:23px;
	font-size:12px;
	font-weight:bold;
	color:#fff;
	border-radius:3px;
	padding: 0px 9px;
	background: var(--main-color);
}
/*------------------ここから各エリアの位置設定（menu,top,main.footerなどの位置と大きさ）------------*/
.menu_master{
	position:fixed;
	top:30px;
	right:200px;
	color:#000;
	border-bottom:1px solid #fff;
	z-index:99999;
}
/*トップ（ヘッダー）の位置*/
.top_area{
	width:100vw;
	height:90px;
	border-bottom:2px solid #dcdddd;
	box-sizing: border-box;
	position:fixed;
	top:0px;
	left:0px;
	z-index:999;
	background-color:var(--white-color2);
}
/*メニューの位置*/
#menu_block{
	position:fixed;
	top:90px;
	left:0px;
	overflow: scroll;
	-ms-overflow-style: none;
	scrollbar-width: none;
	background-color:var(--white-color);
}
/*メインブロック(ページの部分)の位置*/
.main_block{
	position:relative;
	top:90px;
	left:270px;
	width:calc(100vw - 270px);
	height:auto;
	min-height: calc(100vh - 90px);
}

/*--------------------ここから各エリアの設定------------------------------------------------------*/
/*-------------------トップエリア(ヘッダー)の設定-------------------*/
/*ログアウトボタンの設定*/
.top_area_input{
	width:125px;
	height:30px;
	border-radius:4px;
	text-align: center;
	padding: 0px;
	font-size:15px;
	font-weight:bold;
	display:inline-block;
	position: absolute;
	right: 50px;
	top: 28px;
	color:#fff;
	background-color:var(--main-color);
}
/*ヘッダーの中央区切り線*/
.header_line{
	height:50px;
	width:1px;
	background:#efefef;
	margin-right:26px;
}
/*ヘッダーのログイン名*/
.header_username{
	font-size:15px;
	margin:0;
	line-height:90px;
	color:#3e3a39;
}
/*システムの名前(ロゴを出さない時)*/
.system_name{
	font-family: Calibri;
	font-size:18px;
	font-weight:bold;
	margin:0;
	margin-left:25px;
	margin-right:26px;
}
/*システムのロゴ*/
.system_name img{
	height:80px;
	display:inline-block;
	object-fit: contain;
}


/*-------------------ここからメニューブロックの設定-------------------*/
/*スクロールバーを消す*/
#menu_block::-webkit-scrollbar {
	display:none;
}
/*メニューの大きさ*/
.menu_outline{
	width:270px;
	height:calc(100vh - 90px);
	position:relative;
}
/*-------------------メニューボタンの設定-------------------*/
/*ボタンのアイコン*/
.button-icon{
	width: 70px;
	height: 49px;
	display:block;
	mask: no-repeat center;
	-webkit-mask: no-repeat center;
	background: var(--main-color);
	position:absolute;
	top: 0;
	left: 0;
}
/*ボタンのアイコン（通常時）*/
.button-icon.normal_i{
	background: var(--base-color);
}
/*ボタンのアイコン（選択時）*/
.button-icon.select_i{
	background: var(--main-color);
}
/*ボタンの設定*/
#menu_block input[type="submit"]{
	font-size: 15px;
	width:270px;
	height:49px;
	text-align:left;
	padding-left:70px;
	margin-bottom:1px;
}
/*ボタンの設定(ホバー)*/
#menu_block input[type="submit"]:hover{
	background:#7cbc82 !important;
}
/*ボタン下のアンダーライン*/
.submit_under_bar{
	position:relative;
}
.submit_under_bar::after,details summary::after{
	content:"";
	position:absolute;
	bottom:0px;
	left:13px;
	width:244px;
	height:1px;
	background:var(--border-color);
	z-index: 9999;	
}

/* ------------------アコーディオンの設定-------------- */
/* Chrome用のデフォルト三角削除 */
details summary::-webkit-details-marker {
  display: none;
}
/* メニュー通常時の設定 */
details summary{
	color: var(--base-color);
	font-size: 15px;
	text-align: left;
	padding-left: 70px;
	margin-bottom: 1px;
  outline:none;
	height:49px;
	position:relative;
	background:var(--sub-color);
	justify-content: space-between;
}
/* メニューホバー時 */
details summary:hover{
	background:#7cbc82 !important;
}
/* メニューの文字 */
details summary p{
	height:49px;
	margin:0;
	padding:0;
	color:var(--base-color);
	font-size: 15px;
}
/* メニューオープン時の設定 */
details[open] summary{
	background-size:contain;
	background-repeat:no-repeat;
	background-position:right!important;
	text-align:left;
	color: var(--base-color);
	position:relative;
	z-index:99;
}
/* メニューの矢印 */
details .yazirusi{
	height:49px;
	width:55px;
	position:absolute;
	top:0;
	right:0;
	mask: no-repeat center;
	background: var(--base-color);
	-webkit-mask: no-repeat center;
	mask-image: url("../images/arrow_sita.png")!important;
	-webkit-mask-image: url("../images/arrow_sita.png")!important; 
}
/* メニューの矢印(オープン時) */
details[open] .yazirusi{
	height:49px;
	width:55px;
	position:absolute;
	top:0;
	right:0;
	mask: no-repeat center;
	-webkit-mask: no-repeat center;
	background: var(--base-color);
	mask-image: url("../images/images/arrow_ue.png")!important;
	-webkit-mask-image: url("../images/arrow_ue.png")!important; 
}
/* オープン時にアニメーションを設定 */
.details-content{
  animation: fadeIn 0.4s ease;
	background: var(--sub-color);
}
@keyframes fadeIn {
  0% {
    opacity: 0; /* 透明 */
    transform: translateY(-10px); /* 上から表示 */
  }
  100% {
    opacity: 1;
    transform: none;
  }
}

/*------------------ここからメインブロック各ページの設定----------------------------------------*/
/*----------ここからコンテンツページ（評価一覧など）共通設定-------*/
/* ページの外枠 */
.content_outline{
	min-width:450px;
	width:90%;
	margin:0 auto;
	box-shadow: 0 0 1px #777;
	margin-top:50px;
	background:#fff;
}
/* ページの内枠 */
.content_inner{
	min-width:450px;
	width:90%;
	height:auto;
	margin:0 auto;
	margin-top:50px;
	padding-top:31px;
	padding-bottom:31px;
}

/*--------------ここからページタイトルのアイコン----------------*/	
.tool-icon {
	width:80px;
	height: 80px;
	display:block;
	mask: no-repeat center;
	-webkit-mask: no-repeat center;
	background: var(--main-color);
}
.content_title{
	display:flex;
	flex-wrap:wrap;
	align-items: center;
	align-content: center;
	height:32px;
	margin-bottom:23px;
	border-bottom:1px solid #dcdddd;
}
.content_title p{
	display: block;
	font-size:22px;
	margin:0;
	padding:0;
}

/*------------------ここからトップページ--------------------*/
.top_image_block{
	min-width:420px;
	width:80%;
	height:333px;
	margin:0 auto;
	margin-top:50px;
	box-shadow: 0 0 1px #777;
	background:#fff;
}
.top_image_block img{
	width:50%;
	object-fit: contain;
	height:333px;
}
/*----------------------ここからログインログ-----------------------------*/
.log_outline{
	min-width:420px;
	width:80%;
	margin:0 auto;
	box-shadow: 0 0 1px #777;
	background:#fff;
}
.log_inner{
	min-width:420px;
	width:90%;
	height:auto;
	margin:0 auto;
	margin-top:50px;
	padding-top:31px;
	padding-bottom:31px;
}
.log_title{
	text-align:left;
	margin-bottom:10px;
	display:flex;
	flex-wrap:wrap;
	align-items: center;
	align-content: center;
	height:32px;
}
.log_title p{
	display:block;
	font-size:22px;
	margin:0;
	padding:0;
}
.log_inner th{
	background:#9fa0a0;
	color:#fff;
	font-size:12px;
	font-weight:bold;
	border-right:2px solid #fff;
}
.log_inner td{
	border-right:2px solid #fff;
}
.log_inner tr{
	height:30px;
}
.log_inner th:nth-child(1){
	width:104px;
}
.log_inner th:nth-child(2){
	width:175px;
} 
.log_inner th:nth-child(3){
	width:156px;
}
.log_inner th:nth-child(4){
	width:180px;
}
.log_inner th:nth-child(5){
	width:146px;
}
.log_inner tr:nth-child(2n+0){
	background:#dcdddd;
}
.log_inner tr:nth-child(2n+1){
	background:#efefef;
} 

/*--------------------------ここから評価書き込み-----------------------*/
.hyouka_komoku{
	text-align:left!important;
	width:auto!important;
	height:34px!important;
  position: relative;
	padding-top:20px;
}
.hyouka_komoku2{
	padding: 0;
	margin: 0;
	height:34px!important;
	padding-top:20px;
	padding-bottom:8px;
}
.hyouka_komoku p{
	text-align:left!important;
	font-size:18px!important;
	font-weight:bold!important;
	color:var(--main-color)!important;
	display:inline-block;
	margin:0;
	padding:0;
}
.hyouka_komoku_no{
	color:#fff;
	width:26px;
	height:26px;
	font-size:16px;
	display: inline-block;
	background:var(--main-color);
	border-radius:50%;
	text-align:center;
	margin-right:9px;
	line-height: 26px;
}
/*--------------------------ここから評価状況一覧-----------------------*/
.hyou.hyou2 tr:last-child{
	background:#9fa0a0;
}
.hyou.hyou2 tr:last-child td{
	color:#fff;
}
/*------評価確認画面ここから------*/
.total_table{
	min-width:768px;
	width:100%;
	height:50px;
	background:#dcdddd;
	position:relative;
	margin-top:21px;
}
.total_table p:nth-child(1){
	position:absolute;
	top:0;
	bottom:0;
	left:24px;
	font-size:18px;
	color:#595757;
	font-weight:bold;
	padding: 0;
	margin: auto;
	line-height: 50px;
}
.total_table p:nth-child(2){
	position:absolute;
	top:0;
	bottom:0;
	right:312px;
	padding: 0;
	margin: auto;
	line-height: 50px;
}
.tennsu{
	font-weight:bold;
	color:var(--main-color)!important;;
}
.hyouka_table{
	width:85px;
	height:120px;
	background:#9fa0a0;
	font-size:12px;
}
.kaizen_table{
	min-width:682px;
	width:calc(100% - 85px);
	height:320px;
	background:#f7f8f8;
	border-bottom:1px solid #fff;
}
.kaizen_table p{
	width:90%;
	margin:0;
	margin-bottom:10px;
	padding:0;
	font-size:12px;
	text-align:left;
}
.hyoka_komoku{
	width:85px;
	height:320px;
	background:#9fa0a0;
	color:#fff;
	margin:0;
	padding:0;
}
p.rei{
	height:50px;
	margin-top:10px;
}
p.naiyou{
	height:250px;
	margin:0;
}
/*--------------------------個別評価点数----------------------------*/
tr.gray_td td{
	background:#9fa0a0;
	height:30px;
	color:#fff;
	border-bottom:1px solid #fff;
}

/*--------------------------ここから評価配信----------------------------*/

.haishin_td input[type="button"]{
	margin-right:8px;
}
.hyou.ass_per th:nth-child(1){
	width:25px;
}
.hyou.ass_per th:nth-child(2){
	width:108px;
} 
.hyou.ass_per th:nth-child(3){
	width:108px;
}
.hyou.ass_per th:nth-child(4){
	width:388px;
}
/*------------------------ここからログインエリア-----------------------*/
.login_area{
	width:100vw;
	height:100vh;
	text-align:center;
	margin:0;
	padding:0;
	margin-top: -20px;
}
.login_form{
	width:350px;
	height:400px;
	text-align:center;
	margin:0 auto;
	padding:0;
	border-radius: 5px;
	position:relative;
	top:205px;
	box-shadow: 0 0 4px #777;
}
.login_form_inner{
	position:relative;
	bottom:7px;	
}
.login_komoku input{
	width:255px;
	height:36px;
	margin:0 auto;
	padding:0;
	font-size: 12px;
	color:#727171;
	border-radius: 4px;
	border: 1px solid #b5b5b6;
	padding-left: 7px;
}
.login_komoku{
	position:relative;
} 
.l_id{
	margin-bottom:44px;
	margin-top:60px;
}
.l_id:before {
	content:"User ID";
	position:absolute;
	top:-23px;
	font-size:14px;
	font-weight:bold;
	color:var(--main-color);
}
.l_pass{
	margin-bottom:60px;
}
.l_pass:before {
	content:"Password";
	position:absolute;
	top:-23px;
	font-size:14px;
	font-weight:bold;
	color:var(--main-color);
}
.login_button input{
	width:110px;
	height:44px;
	text-align:center;
	margin:0 auto;
	padding:0;
	border-radius: 4px;
	color:#fff;
	font-size:12px;
	font-weight:bold;
}
.login_title{
	width:255px;
	height:95px;
	margin:0 auto;
	padding:0;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	color:#fff;
}
.login_title p{
	position:relative;
	top:28px;
	font-size:18px;
	font-weight:bold;
	color:#fff;
}
.use_icon {
	display: inline-block;
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	font-size:14px;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.btn {
	position:absolute;
	right:55px;
	bottom:10px;
}
.btn .btn-input {
	position: absolute;
	z-index: -1;
	opacity: 0;
	width:auto;
	height:auto;
}
.btn-label {
	font-size: 14px;
	cursor: pointer;
}
.login_button{
	margin:0;
	padding:0;
}
.gray{
	color:#727171;
}
.error_mess {
	color:red !important;
	margin:0;
	padding:0;
	margin-bottom: -16px;
	position:relative;
	top:13px;
}
.error input{
	border: 1px solid red;
}
/*--------------------------------ここからメール送信（評価配信）-----------------------------*/
.mail_form{
	margin-bottom:10px;
}
/*---------件名フォーム---------*/
/*メール入力項目名(左側)*/
.mail_form_komoku{
	background:#9fa0a0;
	width:78px;
	height:50px;
	font-size:12px;
	font-weight:bold;
	line-height: 50px;
	color: #fff;
	padding-left:10px;
}
/*メール入力フォーム(右側)*/
.mail_textform{
	width:680px;
	height: 50px;
	background: #f7f8f8;
	margin: 0;
	padding: 0;
}
/*メール入力フォームの内側(右側)*/
.mail_textform input[type="text"],textarea{
	width: 648px;
	height: 30px;
	background: #fff;
	margin: 0;    width: 648px;
	padding: 0;    height: 30px;
	padding-left: 10px;    background: #fff;
	border: 1px solid #b5b5b6;    margin: 0;
	border-radius: 5px;    padding: 0;
	color: #3e3a39;
	font-size: 12px;
	padding-left: 10px;
}

/*---------本文フォーム---------*/
.mail_form2{
	margin-bottom:10px;
}
/*メール入力フォーム2*/
.mail_textform2{
	width:680px;
	height:370px;
	background: #f7f8f8;
	margin: 0;
	padding: 0;
}
/*メール入力項目名2(左側)*/
.mail_form_komoku2{
	background:#9fa0a0;
	height: 370px;
	width:78px;
	font-size:12px;
	font-weight:bold;
	line-height: 50px;
	color: #fff;
	padding-left:10px;
}
/*入力フォームの内側(右側)*/
.mail_textform2 textarea{
	height: 140px;
	width: 648px;
	background: #f7f8f8;
}
/*メール入力フォーム内の文字*/
p.mail_textform{
	font-size:12px;
	text-align:left;
	width: 648px;
	margin:0 auto;
}

/*---------配信先リストフォーム---------*/
/*メール入力フォーム3*/
.mail_textform3{
	width:680px;
	height:370px;
	background: #f7f8f8;
	margin: 0;
	padding: 0;
}
/*メール入力項目名3(左側)*/
.mail_form_komoku3{
	background:#9fa0a0;
	height: 370px;
	width:78px;
	font-size:12px;
	font-weight:bold;
	line-height: 50px;
	color: #fff;
	padding-left:10px;
}
.mail_list{
	height: 80px;
}
/*メール入力フォーム内の文字*/
p.mail_textform{
	font-size:12px;
	text-align:left;
	width: 648px;
	margin:0 auto;
}
/*メール入力フォーム内のテーブル*/
.hyou.mail_table{
	width:648px;
	margin-top: 405px;
}
/*スクロールするサイズ*/
.scroll{
	overflow-y: scroll;
	max-height:230px;
	scrollbar-color: #c9caca #9fa0a0;
}
/*スクロールする色*/
.scroll::-webkit-scrollbar {
  width: 20px;
  height: 10px;
}
.scroll::-webkit-scrollbar-track {
	background:#c9caca;
}
.scroll::-webkit-scrollbar-thumb {
	background: #9fa0a0;
}
/* チェックボックス */
input[type="checkbox"].mail_checkbox{
	position: relative;
	display: none;
}
/* チェックボックスの代わりを成すラベル */
input[type="checkbox"].mail_checkbox+label{
	display: inline-block;
	box-sizing: border-box;
	width: 17px;
	height: 17px;
	border: 2px solid;
	border-color:  #c9caca;
	background-color: #FFF;
	border-radius:4px;
	position:relative;
}
/* ラベルの左に表示させる正方形のボックス□ */
input[type="checkbox"].mail_checkbox+label::before{

}
/* チェックが入った時のレ点 */
input[type="checkbox"].mail_checkbox:checked+label::after{
	content: "";
	position: absolute;
	display: block;
	box-sizing: border-box;
	width: 9px;
	height: 6px;
	margin-top: -5px;
	top: 50%;
	left: 2px;
	transform: rotate(-45deg);
	border-bottom: 2px solid;
	border-left: 2px solid;
	border-color: #585753;
}

/* スコアの説明 */
p.score_desc{
	text-align:right;
	font-size:12px;
}

/*-------------------------------激励評価表---------------------------*/
.confirm_print_outline{
	width:919px;
	height:1300px;
	background-color:#fff;	
	background-image:url('../images/hyoshojo.png');
	background-repeat: no-repeat;
	background-size:contain;
	background-position:center;	
}
.confirm_print_1{
	width:800px;
	height:50px;
	padding-top: 150px;
}
.confirm_print_2{
	width:640px;
	height:40px;
	text-align:right;
	margin-top:20px;
	margin-bottom:20px;
}
.confirm_print_3{
	width:680px;
	height:865px;
	text-align:left;
	overflow:hidden;
}
.confirm_print_3 textarea{
	width:640px;
	height:865px;
	padding:0;
	overflow:hidden;
	font-size:18px;
}
.confirm_print_4{
	width:740px;
	height:50px;
	text-align:right;
}
.title_mincho{
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size:40px;
	text-align: left;
  padding-left: 141px;
}
.normal_text{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
/* 激励評価表の注意 */
.confirm_attention{
	background:#ebf0e1;
	width:758px;
	height:60px;
	box-sizing: border-box;
	border-left:5px solid var(--main-color);
	border-radius:4px;
	line-height:60px;
	padding-left:10px;
}
.attention_check{
	width:30px;
	height:30px;
	display:inline-block;
	background:var(--main-color);
}
.confirm_print_toperea{
	width:70vw;
	height:158px;
}
/*------------------------ここから掲示板---------------------*/
.bbs_name input[type="text"]{
	width:300px;
	margin-left: -235px;
}
.bbs_naiyou p,.bbs_naiyou .input_textform{
	height:208px;
}
.bbs_naiyou .input_textform textarea{
	height:140px;
	width:534px;
}
.bbs_cautions{
	min-width:768px;
	width:100%;
	height:152px;
	background:#ebf0e1;
	margin:0 auto;
	margin-bottom:23px;
}
.bbs_cautions p:first-child{
	width:100%;
	height:30px;
	background:var(--main-color);
	color:#fff;
	line-height:30px;
}
.bbs_cautions p:nth-child(2){
	height:130px;
	padding-top:20px;
}
.bbs_cautions p{
	text-align:left;
	padding-left:21px;
	margin:0;
	font-size:12px;
}
.bbs_radio_b{
	margin-right:auto;
	padding-left:14px;
	margin-bottom:12px;
}
.bbs_radio_b p{
	width:60px;
	height:30px;
	background:none;
	border-left:3px solid #9fa0a0;
	line-height:30px;
	color:#3e3a39;
	padding-left: 8px;
}

/*ラジオボタンの設定*/

.bbs_radio{
	box-sizing: border-box;
	cursor: pointer;
	display: inline-block;
	padding-left: 9px;
	position: relative;
	width: auto;
	margin-left: 20px;
	font-size:12px;
}
.bbs_radio::before {
	background: #fff;
	border-radius: 50%;
	content: '';
	display: block;
	height: 16px;
	left: -20px;
	margin-top: -9px;
	position: absolute;
	top: 0;
	width: 16px;
}
.bbs_radio::after {
	border-radius: 50%;
	content: '';
	display: block;
	height: 10px;
	left: -17px;
	margin-top: -10px;
	opacity: 0;
	position: absolute;
	top: 4px;
	width: 10px;
}
.bbs_radio_b input[type=radio]:checked + .bbs_radio::after {
    opacity: 1;
}
.r1::before {
	background: #fff;
	border: 1px solid #444444;
}
.r1::after {
	background: #444444;
	border: 1px solid #444444;
}

.r2::before {
	background: #fff;
	border: 1px solid #800000;
}
.r2::after {
	background: #800000;
	border: 1px solid #800000;
}

.r3::before {
	background: #fff;
	border: 1px solid #005100;
}
.r3::after {
	background: #005100;
	border: 1px solid #005100;
}

.r4::before {
	background: #fff;
	border: 1px solid #00008B;
}
.r4::after {
	background: #00008B;
	border: 1px solid #00008B;
}

.r5::before {
	background: #fff;
	border: 1px solid #483D8B;
}
.r5::after {
	background: #483D8B;
	border: 1px solid #483D8B;
}

.r6::before {
	background: #fff;
	border: 1px solid #800080;
}
.r6::after {
	background: #800080;
	border: 1px solid #800080;
}

.r7::before {
	background: #fff;
	border: 1px solid #FF0000;
}
.r7::after {
	background: #FF0000;
	border: 1px solid #FF0000;
}

.bbs_button{
	width:150px;
	height:23px;
	background:var(--main-color);
	border-radius:4px;
	margin-right:33px;
	position:relative;
	left:14px;
}
.bbs_button p{
	line-height:23px;
	color:#fff;
	width:150px;
	height:23px;
	padding:0;
	margin:0;
	background:none;
	margin:0 auto;
	text-align:center;
}
input[type="text"].bbs_del_key{
	position:relative;
	left:14px;
	width:150px;
	margin-right:33px;
}

.balloon1-left{
  position: relative;
  display: inline-block;
	height:37px;
  color: #fff;
  background: #0065aa;
}

.balloon1-left:before {
  content: "";
  position: absolute;
  top: 50%;
  left: -28px;
  margin-top: -15px;
  border: 15px solid transparent;
  border-right: 20px solid #0065aa;
}
.balloon1-left p {
  margin: 0;
  padding: 0 10px;
	height:37px;
	width: auto;
	background:none;
	line-height:37px;
  color: #fff;
}
.bbs_article{
	min-width: 768px;
	width: 100%;
	height:236px;
	border-radius:5px;
	background:#efefef;
	position:relative;
	overflow: hidden;
	margin-bottom:20px;
}
.bbs_article input[type="button"]{
	border-radius:3px;
	width:40px;
	height:22px;
}
input[type="button"].article_reply{
	width:98px;
	height:22px;
}
.article_top{
	min-width: 768px;
	width: 100%;
	height:40px;
}
.article_middle{
	min-width: 750px;
	width: 99%;
	height:155px;
	background:#fff;
}
.article_bottom{
	min-width: 768px;
	width: 100%;
	height:40px;
	position:relative;
}
.bbs_date{
	margin-left:17px;
}
.bbs_title{
	color: var(--main-color);
	font-size:14px;
}
.article_no{
	background:#9fa0a0;
	width: 150px;
	height:40px;
	line-height: 40px;
	color:#fff;
	font-weight:bold;
	text-align:left;
	padding-left:17px;
}
.article_del_key{
	position:absolute;
	right:10px;	
}
.article_del_key input[type="text"]{
	border-radius: 5px;
	border: 1px solid #b5b5b6;
	width:150px;
	height:30px;
}
.article_reply{
	position:absolute;
	right:10px;	
}
.article_bar{
	height:23px;
	width:1px;
	background:#000;
	margin:0 20px;
}
.article_content{
	text-align:left;
	margin-left:20px;
}
/*--------------------------ここから基本設定---------------------------*/

.setting1{
	width:100%;
	height:91px;
	margin-bottom:10px;
}
.setting2{
	width:100%;
	height:420px;
	margin-bottom:10px;
}
.setting3{
	width:100%;
	height:500px;
	margin-bottom:10px;
}
.setting_komoku1{
	width:20%;
	max-width:200px;
	height:100%;
	background:var(--gray-color2);
	padding-top:1%;
	padding-left:1%;
	box-sizing: border-box;
	color:var(--white-color);
	font-weight:bold;
}
.setting_content1{
	width:80%;
	max-width:700px;
	height:100%;
	background:var(--base-color);
	padding-left:3%;
	box-sizing: border-box;
	display:flex;
	flex-flow: column;
	justify-content:space-around;
}
.setting_content2{
	background:#fff;
	padding:3%;
	box-sizing: border-box;
}
.setting_content3{
	background:#fff;
	width:97%;
	height:200px;
	padding:3%;
	box-sizing: border-box;
}
.setting_content4{
	width:100%;
}
.setting_title1{
	border-left:4px solid var(--main-color);
	padding-left:1%;
	height:30px;
	line-height:30px;
	margin:5px 0;
}
.setting_content1 input[type="text"]{
	width:100%;
	height:30px;
	border-radius:4px;
	border:1px solid #ddd;
	padding-left:5px;
}
.setting_content1 img{
	width:130px;
	outline:1px solid #ddd;
}
.setting_button{
	display:inline-block;
	width:110px;
	height:30px;
	background:var(--main-color);
	text-align:center;
	line-height:30px;
	border-radius:4px;	
}
.setting_button p{
	color:#fff;
}
input[type="button"].setting_button2{
	display:inline-block;
	width:40px;
	height:20px;
	background:var(--gray-color2);
	text-align:center;
	line-height:20px;
	border-radius:4px;
	color:#555;
	margin:10px 0;
}
.no_img{
	width:130px;
	height:137px;
	border:2px solid #ccc;
	color:#ccc;
}
.setting_comment{
  position: relative;
	width:145px;
	height:53px;
	background:#0065aa;
	color:#fff;
	border-radius:4px;
}
.setting_comment:before {
  content: "";
  position: absolute;
  top: 50%;
  left: -28px;
  margin-top: -15px;
  border: 15px solid transparent;
  border-right: 20px solid #0065aa;
}
/*----------------------------------------------------------------------------------------------ここからスマホ版-----------------------------------------------------*/
@media screen and (max-width:768px){

/*-------------------------------------共通設定------------------------------------------*/
/*----------------------ボタン全般のリセットCSS----------------------*/
	button,
	input[type="submit"],
	input[type="button"],
	.button{
		border-radius:0;
	}
/*----------------------スマホとpcでの表示の切り替え-----------------*/
/*表示を切り替えたい要素にdisplay:block;を使うとき*/
.mobile{
	display:block !important;
}
.pc{
	display:none !important;
}
/*表示を切り替えたい要素にdisplay:flex;を使うとき*/
.pc2{
	display:none !important;
}
.mobile2{
	display:flex !important;
}
/*表示を切り替えたい要素にdisplay:table-row;を使うとき*/
.pc3{
	display:none !important;
}
.mobile3{
	display:table-row !important;
}
/*表示を切り替えたい要素にdisplay:table-cell;を使うとき*/
.pc4{
	display:none !important;
}
.mobile4{
	display:table-cell !important;
}

/*----------------------ボタンの設定--------------------------------*/

input[type="submit"].center_button{
	margin-bottom:21px;
}
input[type="submit"].input_status_button {
	margin: 0;
}
.mobile_button2{
	padding:8px !important;	
}
/*----------------------文字設定-----------------------------------*/
.big_font{
	font-size:1.3rem;
}
/*----------------------マージン-----------------------------------*/
.margin3{
	margin-bottom:20px;
}
/*----------------------表-----------------------------------------*/
.hyou input[type="button"] {
	height:100%;
	width:100%;
	border-radius:0;
}
.hyou td{
	border-bottom:1px solid var(--sub-color2);
}
/*----------ここからエリアの位置設定（menu,top,main.footerなどの位置と大きさ）----------*/
.menu_master{
	position:fixed;
	top:10vh;
	right:1vw;
	color:#000;
	border-bottom:1px solid #fff;
	z-index:99999;
}
/*トップ（ヘッダー）の位置*/
.top_area{
	background-color: var(--main-color)!important;
	height: 8vh;
	border:none;
}
/*メニューの位置*/
#menu_block{
	transform: translateX(-100%);/*　スマホの時は画面外に置く（ｊｓで位置を変更して展開する）*/
	top: 8vh;
	z-index:999;
	transition: all 0.4s;
	margin-top:1px;
	height:calc(100% - 15vh);
}
/*メニューを展開した時の位置*/
#menu_block.active {
	transform: translateX(0%);
}  
/*メインブロック(ページの部分)の位置*/
.main_block{
	top:13vh;
	left:0px;
	width:100vw;
}

/*----------------ここからコンテンツページ（評価一覧など）共通設定-----------------------*/
/* ページの外枠 */
.content_outline{
	min-width:90vw;
	width:90vw;
	margin-top: 0px;
	background:none;
	box-shadow: none;
}
/* ページの内枠 */
.content_inner{
	min-width:100%;
	width:100%;
	height:auto;
	margin:0 auto;
	padding:0;
	padding-bottom: 10vh;
	padding-top: 4vh;
	border:none;
}
.input_status_dsp_mobile{
	width:100%;	
	height:130px;
	background:#fff;
}
.input_status_dsp_mobile p:nth-child(1){
	width:100%;	
	height:50px;
	background:var(--sub-color2);
	line-height:50px;
	color:var(--main-color2);
	text-align:center;
}
.input_status_dsp_mobile p:nth-child(2){
	width:100%;	
	background:var(--white-color2);
	line-height:30px;
	color:#333;
	text-align:center;
}
/*-------------------------ここからページタイトルの共通設定------------------------------*/
.content_title{
	position:fixed;
	top:2vh;
	left:0;
	right:0;
	z-index:999;
  border-bottom:none;
	z-index: 999;
	left: 0;
	right: 0;
	width: 50vw;
	margin: auto;
}
.content_title p{
	color:var(--base-color) !important;
	margin: 0 auto;
	font-weight:bold;
}
/*------------------ここからinputフォームエリア共通設定(ボタンなど)--------------------*/
/*inputフォームエリア全体*/
.input_area{
	min-width: 100%;
	width: 100%;
	height: auto;
	padding-bottom: 0;
}
.input_form{
	width: 100%;
}
.input_form p{
	width: 100%;
	height: 30px;
	line-height:30px;
}
.input_textform{
	background:#fff;
	width:100%;
}
.input_textform input[type="text"]{
	width: 98%;
}
.input_form.hissu::after{
	top: 7px;
	left: auto;
	right: 10px;
}
/*必須項目を表示(hissuをクラスに指定)*/
.input_form_p.hissu::after{
	top: 7px;
	left: auto;
	right: 10px;
}
.input_date_form{
	width:100%;
}
.input_bottom_area {
	margin:0;
	margin-bottom:2vh;
}
.input_bottom_area a,.input_bottom_area input[type="submit"],.input_bottom_area input[type="button"]{
	margin-top:2vh;
	width:140px;
}
.input_button1::after{
	top:2vh;
}
/*テキスト入力欄内枠*/
.input_textform select{
	width:68px;

}
.pull_menu SELECT{
	display:inline-block;
	width:303px;
	height:30px;
	background:#fff;
	border:1px solid #b5b5b6;
	border-radius:0px;
	border-bottom-right-radius: 5px;
	border-top-right-radius: 5px;
	padding-left:12px;
	font-size:12px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-image: url(../images/icon_arrow.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position:right;
}
/*inputフォームの装飾*/
.pull_menu:after{
	position:relative;
	top: 0;
	right: 35px;
	width: 1px;
	height:30px;
	content: '';
	border-left: 1px solid #b5b5b6;
}
.input_pull_form {
	background: #fff;
}
.input_pull_form select{
	width:98%;
	margin:0;
}
.input_pull_form::after {
	position: absolute;
	top: 40px;
	right: 36px;
}
/*年月日選択フォーム*/
.input_textform select:nth-child(1){
	width:68px;
}
/*---------inputフォーム（ラジオボタンタイプ）-------------*/
.radio01.radio02 {
	margin-right: 10px;
	margin-left: 24px;
}
/*--------------inputフォーム（チェックタイプ）------------*/
.check_box{
	width:57.5%;
}
/*--------------inputフォーム（セレクトタイプ--------------*/

.pull_menu{
	margin-bottom:9px;
}
/*inputフォーム項目*/
.pull_menu p,.input_komoku{
	width:30%;
}
/*inputフォームセレクトボックス*/
.pull_menu SELECT{
	width:60%;
}
/*-------------------表------------------*/
/*奇数の数の表の色を変える*/
.hyou tr:nth-child(2n+0){
	background:#fff;
}
/*偶数の数の表の色を変える*/
.hyou tr:nth-child(2n+1){
	background:#fff;
}
/*-------------------表示を押したときの表------------------*/
.dsp_komoku2{
	width:90vw;
}
.dsp_komoku2 p:nth-child(1){
	width:30%;
}
.dsp_komoku2 p:nth-child(2){
	width:60%;
	background:var(--white-color2);
}

.dsp_komoku{
	width:90vw;
	margin-bottom:5px;
}
.dsp_komoku p:nth-child(1){
	width:30%;
}
.dsp_komoku p:nth-child(2){
	width:60%;
	background:var(--white-color2);
}
/*--------------------------------ここから各ページの設定---------------------------------*/

/*----------------トップエリア(ヘッダー)の設定-----------------------*/
/*システムの名前*/
.mobile_system_name{
	font-family: "Calibri",sans-serif;
	font-size:18px;
	font-weight:bold;
	display: block;
	margin-left:0;
	margin-right:0;
	text-align:center;
	color: var(--base-color)!important;
	line-height: 8vh;
	margin:0 auto;
}
/*ログインエリアを消す*/
.top_area_input{
	display:none;
}
/*スマホメニューのボタン*/
#mobile_menu_b{
	width:4vh;
	height:4vh;
	background:#000;
	position:absolute;
	top:2vh;
	right:2vh;
	border-radius:3px;
	z-index:99999;
}
/*スマホメニューのボタン*/
.header_username{
	width: 100vw;
	margin: 0;
	margin-left: 0px;
	height: 5vh;
	background: #fff;
	line-height: 5vh;
	padding-left:5vw;
	position:absolute;
	top:8vh;
}
/* 三本線のスタイルを決める */
#mobile_menu_b span {
	display: block;
	width: 3vh;
	height: 0.5vh;
	background: #fff;
	position: absolute;
	left: 0.5vh;
	transition: all 0.5s ease;
}
/* 線の縦位置の調整 */
.bar1 {
	top:0.75vh;
}
.bar2 {
	top:1.75vh;
}
.bar3 {
	top:2.75vh;
}
/*ハンバーガーメニューがクリックされたら上の線を真ん中に移動させて45℃回転*/
.bar1.open {
	top: 1.75vh;
	transform: rotate(45deg);
}
/*ハンバーガーメニューがクリックされたら真ん中の線は透明化して見えないようにする*/
.bar2.open { opacity: 0; }
/*ハンバーガーメニューがクリックされたら下の線は真ん中に移動させて-45℃回転*/
.bar3.open {
	top: 1.75vh;
	transform: rotate(-45deg);
}
/* 戻るボタン */
.mobile_back_button{
	width: 4vh;
	height: 4vh;
	position: absolute;
	top: 2vh;
	left: 2vh;
	background:url("../images/m_back_button.svg");
	background-position:center;
	background-repeat:no-repeat;
	background-size:contain;
}
.mobile_back_button a{
	display:block;
}
/*---------------------ここからメニューの設定------------------------*/
.menu_outline {
	width: 100vw;
	height:100%;
	overflow:scroll;
}
/*-----------------ボタンの設定-------------------*/
/*ボタンの設定*/
#menu_block input[type="submit"]{
	width:100vw;
}
.submit_under_bar::after,details summary::after{
	width:90vw;
}
/*------------------------ここからログインエリア---------------------*/
.login_area {
	position:relative;
	height: 90vh;
}
.login_form{
	position:relative;
	top:10vh;
}
/*下部のタイトル*/
.foot_title{
 position:absolute;
 left:0;
 right:0;
 bottom:0;
 font-family:"Calibri";
}
/*---------------------ここからトップページ--------------------------*/
.top_image_block{
	min-width: 80vw;
	width: 80vw;
	height: auto;
	margin-bottom:50px;
	box-shadow:none;
	padding: 5vw;
}
.top_image_block img{
	width:100%;
	height:auto;
}
/*--------------------ここからログインログ---------------------------*/
/* ログビュー外枠 */
.log_outline{
	min-width:90vw;
	width:90vw;
	overflow-x:hidden;
	box-shadow: none;
}
/* ログビュー内枠 */
.log_inner{
	min-width: 90vw;
	width: 90vw;
	overflow-x:hidden;
	margin-top: 0px;
	padding-top: 0px;
}
/* タイトル */
.log_title{
	margin-top: 3vw;
	margin-bottom: 2vw;
}
.log_title p{
	margin-left: -4vw;
}
/* 不要なセルを消す */
.log_inner th:nth-child(1),.log_inner th:nth-child(4),.log_inner td:nth-child(1),.log_inner td:nth-child(4){
	display:none;
}
/* セルのサイズを調整 */
.log_inner th:nth-child(2){
	width:auto;
}
.log_inner th:nth-child(3),.log_inner td:nth-child(3){
	width:auto;
	border:none;
}
.log_inner td{
	padding:10px 5px;
}
.under_line{
  text-decoration: underline #000;
}
/*--------------------ここからフッター----------------------------*/
footer{
	width:100vw;
	height:8vh;
	position:fixed;
	bottom:0;
	background:var(--main-color);
	display: flex !important;
	align-items: center;
	align-content: center;
	flex-wrap: wrap;
	justify-content: center;
	color:#fff;
}
/*-------------------------ここから評価配信---------------------*/
/* 不要なセルを消す */
.ass_per th:nth-child(1),.ass_per  th:nth-child(4){
	display:none;
}

/*-------------------------ここから評価書き込み---------------------*/
.assess_list{
	border:1px solid #9FA0A0;
	margin-bottom: 25px;
}
.assess_list_name{
	width:100%;
	background:#9FA0A0;
	height:50px;
	color:#fff;
}
.assess_list_right{
	width:50%;
	height:auto;
}
.assess_list_left{
	width:46%;
}
.assess_list_left{
	padding-left:4%;
}
input[type="button"].button_mobile{
	width:120px;
	height:30px;
	margin:10px 0;
	border-radius:4px;
	background-color: var(--main-color);
	color:#fff;
}
.assess_input_pc{
	display:flex !important;
	align-items:center;
	align-content:center;
	flex-wrap:wrap;
	width:100%;
}
tr.assess_input_pc{
	background:#fff !important;
	border-bottom:4px solid var(--main-color);
}
.assess_input_pc td{
	border:none;
	background:#fff;
}
.assess_input_pc2{
	width:100%;
}
.assess_input_pc3{
	width:60%;
}
.assess_input_pc4{
	width:30%;
}
#hyouka_komoku{
	width:90vw !important;
	background:var(--gray-color2);
	border-bottom:none;
}
#hyouka_komoku p{
	color:#fff!important;
}
.hyouka_komoku_no{
	display: inline-block;
	background:var(--gray-color);
	border-radius:0;
}
img.hyoka_rank_dsp{
	width:100%;
}
.hyoka_komoku{
	width:100vw;
	height:5vh;
}
#assess_mobile_total{
	border:none;
	background:none;
	width:100%;
}
#assess_mobile_total span{
	display:inline-block;
	border:none;
	background:var(--sub-color3);
	height:50px;
	width:30%;
	line-height: 50px;
	text-align: center;	
	color:#fff;
	font-weight:bold;
}
#assess_mobile_total span:nth-child(2){
	border:none;
	background:var(--sub-color2);
	width:65%;
	padding-left:5%;
	text-align: left;
	color:var(--main-color);
}
/* 評価用のラジオボタン */

.radio03 {
	box-sizing: border-box;
	cursor: pointer;
	display: inline-block;
	padding-left: 3px;
	position: relative;
	width: auto;
	margin: 14px 19px;
	font-size:12px;
}
.radio03::before {
	background: #fff;
	border: 1px solid var(--main-color);
	border-radius: 50%;
	content: '';
	display: block;
	height: 16px;
	left: -2px;
	margin-top: -22px;
	position: absolute;
	top: 0;
	width: 16px;
}
.radio03::after {
	background: var(--main-color);
	border-radius: 50%;
	content: '';
	border: 1px solid var(--main-color);
	display: block;
	height: 10px;
	left: 1px;
	opacity: 0;
	position: absolute;
	top: -18px;
	width: 10px;
}
/* 評価用のラジオボタン(評価外) */
.radio03.hyoukagai{
	padding:0;
	top: 2px;
}
.radio03.hyoukagai::before {
	left: 21px;
}
.radio03.hyoukagai::after {
	left: 24px;
}
input[type=radio]:checked + .radio03::after {
	opacity: 1;
}
.assess_inputbottom{
	width:100vw;
	height:50px;
	background:rgba(0,0,0);
	position:fixed;
	bottom:8vh;
	left:0;
}
/* ラジオボタン下の評価ボタンの説明 */
.radio_num_ex{
	margin-top:-10px;
	width: 120%;	
}
.radio_num_ex p{
	font-size:0.8rem;
}
.radio_num_ex p:nth-child(1){
	margin-right:20px;
	margin-left:9px;
}
.radio_num_ex p:nth-child(2){
	margin-right:33px;
}
.radio_num_ex p:nth-child(3){
	margin-right: 30px;
}
/* ラジオボタン下の評価ボタンの説明 */
.answer_status{
	width:50%;
	height:50px;
}
.status_bar{
	width:90%;
	height:30%;
	background:var(--white-color);
	border-radius:10px;
	text-align:center;
	margin:0 auto;
	margin-top:5%;
	margin-bottom:2.5%;
	position:relative;
}
.status_bar2{
	height:100%;
	background:var(--main-color);
	border-radius:10px;
	position:absolute;
	top:0;
	left:0;
}
.answer_status p{
	color:#fff;
	margin:auto;
	text-align:center;
}
.percentage{
	display:flex;
	justify-content:space-between;
}

td.assess_input_pc3{
	background:url("../images/radio_back.png") no-repeat top/contain;	
	padding-top:13px;
}
.margin_bottom2{
	padding-bottom: 18vh;
}
/*-------------------ここから評価状況一覧-----------------------*/

/*------評価確認画面ここから------*/
.hyoka_td{
	width:41px;
}
.hyoka_td2{
	text-align:left!important;
	padding-left:14px;
}
.hyoka_td3{
	width:74px;
}
.total_table{
	min-width: 100%;
	width: 100%;
}
.total_table p:nth-child(1){
	left:24px;
}
.total_table p:nth-child(2){
	right:24px;
}
.tennsu{
	font-weight:bold;
	color:var(--main-color)!important;;
}
.hyouka_table{
	width:30%;
	height:120px;
	background:#9fa0a0;
	font-size:12px;
}
.kaizen_table{
	min-width:70%;
	width:100%;
	height:250px;
	background:#f7f8f8;
	font-size:12px;
	padding:10px 0;
}
.kaizen_table p{
	font-size:12px;
	padding:0 23px;
	text-align:left;
}
/*メール入力フォームの内側(右側)*/
.mail_textform input[type="text"],textarea{
	width: 90%;
}
.input_bottom_area.assess_input{
	margin:0;
}
.input_button1::after{
	top:2vh;
}
tr.assess_mobile_tr2{
	background: var(--gray-color2) !important;
}
tr.assess_mobile_tr2 td{
	color:#fff !important;
}

.assess_dsp th,.assess_dsp td{
	background:#fff;
	border:none;
	border-bottom:4px solid var(--main-color);
}
p.naiyou{
	height: 210px;
	margin: 0;
	background: var(--white-color2);
	width: 80%;
	height: 80%;
}
p.rei{
	height:25px;
	width: 100%;
	padding:0;
}
p.rei2{
	padding-bottom:16px;
}
/*-------------------ここから個別評価点数-----------------------*/
/*thを左側に寄せる*/
table#tbl-r03{
	height:165px;
}
#tbl-r03 tbody{
	width: 100%;
	display:flex;
	flex-wrap:wrap;	
	justify-content: center;
}
/*tr内を立て並びに*/
#tbl-r03 tr {
	display: block;
	display:flex;
	flex-wrap:wrap;
	width:20%;
	height:20px;
}
/*左のtr*/
#tbl-r03 tr:nth-child(1){
	width:60%;
}
#tbl-r03 td,#tbl-r03 th{
	width:100%;
	height:100%;
	padding:8px;
	border-bottom:1px solid var(--sub-color2);
	background:#fff;
	color: var(--block-color);
}
#tbl-r03 th:nth-child(1),#tbl-r03 td:nth-child(1){
	background:var(--sub-color3);
	color: var(--white-color);
	font-weight:bold;
	border-left:1px solid var(--sub-color2);
	border-right:1px solid var(--sub-color2);
}
#result_total_td td{
	color: var(--main-color);	
	font-weight:bold;
	border-right:solid 1px var(--sub-color2);
	border-left:solid 1px var(--sub-color2);
}
#result_mobile_kobetsu th{
	background:var(--gray-color2);
	color: var(--white-color);
	height:50px;
}
#result_mobile_kobetsu td{
	padding:10px;
	border-bottom:solid 1px var(--sub-color2);
	border-right:solid 1px var(--sub-color2);
}
.result_mobile_tr2 td{
	background:var(--sub-color2);
	border-right:solid 2px var(--white-color2);
}
.result_mobile_tr2 td:nth-child(3){
	background:var(--sub-color2);
	border:none;
	
}
tr.result_mobile_tr{
	border-bottom:solid 4px var(--sub-color3);
}
.result_mobile_tr td{
	background:var(--white-color2);
	border-right:solid 2px var(--sub-color2);
}
.result_mobile_tr td:nth-child(3){
	background:var(--white-color2);
	border:none;
}
td.result_mobile_td2{
	background:var(--white-color2);
}

/*-------------------ここから評価コメント-----------------------*/
.com_mobile_title{
	width:100%;
	height:30px;
	background:var(--gray-color2);
	text-align:center;
	line-height:30px;
	color:var(--white-color2);
	font-weight:bold;
	margin-bottom: -4px;
}
.com_mobile_box{
	background:var(--white-color2);
	padding-top:10px;
	padding-bottom:14px;
	border-bottom:4px solid var(--sub-color3);
}
.com_mobile_comment{
	background:var(--sub-color2);
	width:80%;
	min-height:5px;
	margin:0 auto;
	padding:5%;
	border-radius:4px;
}
.com_mobile_p{
	padding-left:5%;
	margin:5px 0;
}

/*--------------------------激励評価表---------------------------*/
.confirm_print_outline{
	width:90vw;
	height:125vw;
	background-color:#fff;
	background-image:url('../images/hyoshojo.png');
	background-repeat: no-repeat;
	background-size:contain;
	background-position:center;	
	margin-top:20px;
}
.confirm_print_1{
	width:80%;
	height:5%;
	padding-top: 20%;
}
.confirm_print_2{
	width: 68%;
	height: 5%;
	text-align: right;
}
.confirm_print_3{
	width: 70%;
	height: 60%;
}
.confirm_print_3 textarea{
	width:93%;
	height:100%;
}
.confirm_print_4{
	width: 70%;
	height: 10%;
	text-align:center;
	margin-top:2%;
}
.title_mincho{
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.normal_text{
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
/* 激励評価表の注意 */
.confirm_attention{
	background:#ebf0e1;
	width:100%;
	height:60px;
	box-sizing: border-box;
	border-left:5px solid var(--main-color);
	border-radius:4px;
	line-height:30px;
}
.attention_check{
	width:30px;
	height:30px;
	display:inline-block;
	background:var(--main-color);
}
.confirm_print_toperea{
	width:70vw;
	height:158px;
}

/*--------------------------ここから評価配信---------------------------*/

td.period_mobile_td1{ 
	height:50px;
	background:var(--gray-color2);
	color:#fff;
}
td.period_mobile_td2{ 
	border-bottom:solid 4px var(--sub-color2);
}
.td_border1{
	border-right:1px solid #d5f2ca!important;
}
.mail_form{
	margin-bottom:10px;
}
.period_hyou th:nth-child(2),.period_hyou th:nth-child(4){
	display:none;
}
/*---------件名フォーム---------*/
/*メール入力項目名(左側)*/
.mail_form_komoku{
	width:100%;
	height:50px;
	position:relative;
}
/*メール入力フォーム(右側)*/
.mail_textform{
	width:100%;
	height: 50px;
	background: #f7f8f8;
	margin: 0;
	padding: 0;
}
/*メール入力フォームの内側(右側)*/
.mail_textform input[type="text"],textarea{
	width: 648px;
	height: 30px;
	background: #fff;
	margin: 0;    width: 648px;
	padding: 0;    height: 30px;
	padding-left: 10px;    background: #fff;
	border: 1px solid #b5b5b6;    margin: 0;
	border-radius: 5px;    padding: 0;
	color: #3e3a39;
	font-size: 12px;
	padding-left: 10px;
}
/*---------本文フォーム---------*/
.mail_form{
	margin-bottom:10px;
}
.mail_form2{
	margin-bottom:10px;
}
/*メール入力項目名2(左側)*/
.mail_form_komoku2{
	background:#9fa0a0;
	height: 50px;
	width:100%;
	font-size:12px;
	font-weight:bold;
	line-height: 50px;
	color: #fff;
	padding-left:10px;
	position:relative;
}
/*メール入力フォーム(右側)*/
.mail_textform2{
	width:100%;
	height:auto;
	background: #f7f8f8;
	margin-top:10px;
}
/*入力フォームの内側(右側)*/
.mail_textform2 textarea{
	height: 140px;
	width: 648px;
	background: #f7f8f8;
}
/*---------配信先リストフォーム---------*/
/*メール入力項目名3(左側)*/
.mail_form_komoku3{
	background:#9fa0a0;
	height: 50px;
	width:100%;
	font-size:12px;
	font-weight:bold;
	line-height: 50px;
	color: #fff;
	padding-left:10px;
	position:relative;
}
/*メール入力フォーム3*/
.mail_textform3{
	width:680px;
	height:auto;
	background: #f7f8f8;
	margin: 0;
	padding: 0;
}
.mail_list{
	height: 80px;
	width:100%;
	margin:20px 0;
}
/*メール入力フォーム内の文字*/
p.mail_textform{
	font-size:12px;
	text-align:left;
	width: 648px;
	margin:10px auto;
}
/*メール入力フォーム内のテーブル*/
.hyou.mail_table{
	width:648px;
}
/*スクロールするサイズ*/
.scroll{
	overflow-y: scroll;
	max-height:230px;
	scrollbar-color: #c9caca #9fa0a0;
}
/*スクロールする色*/
.scroll::-webkit-scrollbar {
  width: 20px;
  height: 10px;
}
.scroll::-webkit-scrollbar-track {
	background:#c9caca;
}
.scroll::-webkit-scrollbar-thumb {
	background: #9fa0a0;
}
/* チェックボックス */
input[type="checkbox"].mail_checkbox{
	position: relative;
	display: none;
}
/* チェックボックスの代わりを成すラベル */
input[type="checkbox"].mail_checkbox+label{
	display: inline-block;
	box-sizing: border-box;
	width: 17px;
	height: 17px;
	border: 2px solid;
	border-color:  #c9caca;
	background-color: #FFF;
	border-radius:4px;
	position:relative;
}
/* ラベルの左に表示させる正方形のボックス□ */
input[type="checkbox"].mail_checkbox+label::before{

}
/* チェックが入った時のレ点 */
input[type="checkbox"].mail_checkbox:checked+label::after{
	content: "";
	position: absolute;
	display: block;
	box-sizing: border-box;
	width: 9px;
	height: 6px;
	margin-top: -5px;
	top: 50%;
	left: 2px;
	transform: rotate(-45deg);
	border-bottom: 2px solid;
	border-left: 2px solid;
	border-color: #585753;
}

/* スコアの説明 */
p.score_desc{
	text-align:right;
	font-size:12px;
}
/*必須項目を表示(hissuをクラスに指定)*/
.hissu2::after{
  content: "必須";
	width:38px;
	height:17px;
	background:#3e3a39;
	color:#fff;
	position:absolute;
	top:17px;
	right:10px;
	font-size:11px;
	text-align:center;
	line-height: 17px;
}
.send_mobile_th1 th{
	width:calc(100vw / 3);
}
.hyou.mail_table{
	width:auto;
}

/*--------------------------ここから掲示板---------------------------*/
.bbs_cautions{
	min-width: 100%;
	width: 100%;
	padding-bottom: 50px;
}
.bbs_cautions p{
 padding:10px;
}
.bbs_name input[type="text"]{
	margin:0;
}
.bbs_naiyou .input_textform textarea {
	width: 98%;
}
.bbs_radio_b {
	width: 100%;
}
.bbs_radio_b p{
	width: 20%;
}
.bbs_button {
	width: 115px;
	height: 30px;
}
.bbs2{
	height: 80px;
}

/*--------------------------ここから基本設定---------------------------*/

.setting1{
	width:100%;
	height:200px;
	margin-bottom:0;
}
.setting2{
	width:100%;
	height:400px;
	margin-bottom:0;
	background:#fff;
}
.setting3{
	width:100%;
	height:440px;
	margin-bottom:0;
	background:#fff;
}
.setting_komoku1{
	width:100%;
	max-width:100%;
	height:50px;
	line-height:50px;
	padding-top:0;
	padding-left:1%;
}
.setting_content1{
	width:100%;
	height:calc(100% - 50px);
	padding-left:0;
	padding:4%;
	background:#fff;
}
.setting_content2{
	background:#fff;
	padding:3%;
	box-sizing: border-box;
}
.setting_content3{
	background:#fff;
	width:100%;
	height:auto;
	padding:3%;
	box-sizing: border-box;
}
.setting_title1{
	border-left:4px solid var(--main-color);
	padding-left:1%;
	width:100%;
	height:30px;
	line-height:30px;
	margin:5px 0;
}
input[type="text"].setting_input1{
	width:94%;
	height:30px;
	margin:0 auto;
}
input[type="text"].setting_input2{
	width:100%;
	height:30px;
}
.no_img{
	width:100px;
	height:60px;
}
.setting_content1 img{
	width:100px;
}



/*@media screen and (max-width:786px)*/
}
/*---------------------------------------------------------------ここまでスマホ版-----------------------------------------------------*/