/* サイト全体のフォント指定 */
body {
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 0.94vw;
}
/* ヘッダー */
.zeal-header {
	background: var(- -unnamed-color-008e74) 0% 0% no-repeat padding-box;
	background: #c0a5a6 0% 0% no-repeat padding-box;
}

h1 {
	font-size: 1.44vw;
	font-weight: bold;
}

h2 {
	font-size: 1.31vw;
}

h3 {
	font-size: 1.21vw;
}

h4 {
	font-size: 1.21vw;
}

h5 {
	font-size: 1.21vw;
}

.midasi {
	display: flex;
}

.example li {
	display: inline;
}

.table-text {
	font-size: 0.94vw;
	font-weight: bold;
}

p.table-text {
	vertical-align: middle;
}

.dropdown-menu li {
	position: relative;
}

.dropdown-menu .dropdown-submenu {
	display: none;
	left: 100%;
	top: 30px;
}

.dropdown-menu .dropdown-submenu-left {
	right: 100%;
	left: auto;
}

.dropdown-menu>div:hover>.dropdown-submenu {
	display: block;
}

.flexbox {
	display: flex;
}

/* サイト用ナビゲーター */
.navbar-zeal {
	background: #c0a5a6 0% 0% no-repeat padding-box;
}
/* サイト用ナビゲーションリンクのpadding除去(active時の背景色が上下埋まるように) */
.navbar {
	padding: 0 0 0 0.55vw;
}

.navbar-brand {
	padding-top: 0;
	padding-bottom: 0;
}
/* サイト用ナビゲーション */
p.nav-text {
	color: #fff;
	height: 1.3vw;
	font-size: 0.99vwx;
	vertical-align: middle;
	margin-top: 0.65vw;
	font-weight: bold;
}
/* ヘッダーナビ */
li.nav-item, li.active {
	font-size: 0.98vw;
	padding: 0.3vw 0.3vw;
}

a.nav-link {
	margin-top: 0.2vw;
}
/* サイト用選択時の背景色変更 */
li.active, div.active {
	background: #4AA271 0% 0% no-repeat padding-box;
}

li.nav-item input.zeal-button-gray {
	font-size: 14px;
	margin-top: 8px;
}

.tabbar {
	padding: 0 0 0 0;
}

/* 灰色のボタン */
.zeal-button-gray {
	border: none;
	padding: 0 1.5vh;
	height: 4vh;
	box-shadow: 0px 3px 3px var(- -unnamed-color-00000080);
	background: #DBDBDB 0% 0% no-repeat padding-box;
	box-shadow: 0px 3px 3px #00000080;
	border-radius: 4px;
	cursor: pointer;
}

.zeal-segue-button {
	border: none;
	padding: 0.5vh 1.5vh;
	height: 4vh;
	box-shadow: 0px 3px 3px var(- -unnamed-color-00000080);
	background: #DBDBDB 0% 0% no-repeat padding-box;
	box-shadow: 0px 3px 3px #00000080;
	border-radius: 4px;
	cursor: pointer;
	color: #000000;
	font-weight: normal;
}

.zeal-segue-button:hover {
	color: #000000;
}

/* ログインボタン */
.zeal-button {
	border: none;
	color: white;
	padding: 0 1.5vh;
	height: 4vh;
	background: var(- -unnamed-color-4aa271) 0% 0% no-repeat padding-box;
	box-shadow: 0px 3px 3px var(- -unnamed-color-00000080);
	background: #4AA271 0% 0% no-repeat padding-box;
	box-shadow: 0px 3px 3px #00000080;
	border-radius: 4px;
	cursor: pointer;
}
/* 削除ボタン */
.zeal-button-del {
	border: none;
	color: white;
	padding: 0 1.5vh;
	height: 4vh;
	/* UI Properties */
	box-shadow: 0px 3px 3px var(- -unnamed-color-00000080);
	background: #FF8585 0% 0% no-repeat padding-box;
	box-shadow: 0px 3px 3px #00000080;
	border-radius: 4px;
	cursor: pointer;
}

/* テーブル */
.zeal-table {
	padding: 5px 10px;
	font-size: 0.90vw;
}
/* テーブルヘッダ */
.zeal-table-heder {
	background: var(- -unnamed-color-4aa271) 0% 0% no-repeat padding-box;
	background: #4AA271 0% 0% no-repeat padding-box;
	border: 1px solid #707070;
	opacity: 1;
	color: #FFFFFF;
}
/* テーブルTD */
.zeal-table-td, td.zeal-table-td-hidden {
	background: var(- -unnamed-color-ffffff) 0% 0% no-repeat padding-box;
	background: #FFFFFF 0% 0% no-repeat padding-box;
	border: 1px solid #707070;
	font-weight: bold;
}
/* ブートストラップをオーバーライド */
.table thead th {
	vertical-align: middle;
	border-bottom: 2px solid #dee2e6;
}

.zeal-table-heder th {
	padding: 0.25vw;
	height: 2.1vw;
	border-top: 1px solid #dee2e6;
}

td.zeal-table-td, td.zeal-table-td-hidden {
	padding: 0.25rem;
	vertical-align: middle;
	border-top: 1px solid #dee2e6;
}

/* 灰色のボタン */
.zeal-table-button-gray {
	border: none;
	padding: 0 20px;
	height: 42px;
	background: #DBDBDB 0% 0% no-repeat padding-box;
	border-radius: 4px;
}

.zeal-table-button {
	border: none;
	padding: 0 20px;
	height: 42px;
	background: #0473f1 0% 0% no-repeat padding-box;
	border-radius: 4px;
	color: #FFFFFF;
}

/* 検索条件欄 */
.search-field {
	display: flex;
	margin-top: 5px;
	margin-bottom: 5px;
}

/* 検索ボタン */
.search {
	width: 5vw;
	height: 2.5vw;
	margin-left: 0.5vw;
	padding-left: 0.5vw;
}

/* クリアボタン */
.clear {
	width: 5vw;
	height: 2.5vw;
	margin-left: 0.5vw;
	padding-left: 0.5vw;
}

/*  cssの追加 工藤 2023/12/21 障害表No.67 */
/* 企業一覧情報表示欄 */
.company-info-field {
	display: flex;
	margin-top: 5px;
	margin-bottom: 40px;
}

/* 企業参加情報 タイトル */
.company-info-title{
	margin-right:15px;
	font-size:18px;
	font-weight: bold;
	white-space:nowrap;
}

/* 企業参加情報 一覧表示箇所*/
.company-info{
	width:100%;
	min-height: 53px;
	font-size:medium;
	padding: 8px;
	border: 1px solid #707070;
	border-radius: 4px;
}

/* 企業別着席数テーブル */
.check-in-table{
	width:70%;
	table-layout:fixed;
}

/* 企業別着席数テーブル 企業名列*/
.column-company-name {
	width:80%;
}

/* 企業別着席数テーブル 着席数列*/
.column-sit-down-count {
	width:20%;
}
/*  cssの追加 工藤 2023/12/21 障害表No.67 ここまで */

/* 新規登録ボタン */
.regist {
	width: 6vw;
	height: 2.5vw;
	padding-left: 0.5vw;
}
/* ログイン情報一括メール通知 */
.login-mail-btn {
	width: 14.5vw;
	height: 2.5vw;
	margin-left: 0.5vw;
	padding-left: 0.5vw;
}

/* ログイン時ボックスラベル文字小さめ */
.zeal-logintextbox-label {
	position: absolute;
	top: 0;
	font-size: 10px;
	margin: 10px;
	padding: 0 10px;
}

.password-textbox-label {
	position: absolute;
	top: 0;
	font-size: 12px;
	margin: 10px;
	padding: 0 10px;
}

.zeal-textbox-label {
	position: absolute;
	top: 0;
	font-size: 0.78vw;
	margin: 10px;
	padding: 0 10px;
}

/* zeal-textbox-labelに対してこれを外せばTextBox内に表示される文字となる。*/
.zeal-textbox-label.active {
	top: -20px;
	font-size: 0.78vw;
}

.active_passwordName {
	top: -17px;
	font-size: 10px;
}

.zeal-textbox.active {
	background-color: white;
}

/*  
text入力
*/
.zeal-input-text {
	height: 2.5vw;
	background: var(- -unnamed-color-ffffff) 0% 0% no-repeat padding-box;
	background: #FFFFFF 0% 0% no-repeat padding-box;
	border: 1px solid #DDDDDD;
	border-radius: 4px;
	margin-right: 10px;
}

select.form-control:not([size]):not([multiple]), .form-control {
	height: 2.5vw;
	font-size: 0.95vw;
	background: var(- -unnamed-color-ffffff) 0% 0% no-repeat padding-box;
	background: #FFFFFF 0% 0% no-repeat padding-box;
	border: 1px solid #DDDDDD;
	border-radius: 4px;
	margin-right: 10px;
}

.width1 {
	width: 6.35vw;
}

.width2 {
	width: 7.35vw;
}

.width3 {
	width: 13.15vw;
}

/* モーダルCSS */
.modalArea {
	display: none;
	position: fixed;
	z-index: 10; /*サイトによってここの数値は調整 */
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: scroll;
}

.modalBg {
	width: 100%;
	height: 100%;
	background-color: rgba(30, 30, 30, 0.9);
	position: fixed;
}

.modalWrapper {
	position: absolute;
	top: 10%;
	left: 50%;
	transform: translate(-50%, 0);
	width: fit-content;
	min-width: 600px;
	padding: 20px 30px;
	background-color: #fff;
}

.modalWrapper2 {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	max-width: 980px;
	max-height: 800px;
	padding: 10px 30px;
	background-color: #fff;
}

/* cssの修正 工藤 em-re-012 */
.modalWrapper3 {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	min-width: 500px;
	max-width: 70vw;
	max-height: 600px;
	padding: 10px 30px 20px;
	background-color: #fff;
}

.zeal-modal {
	background: var(- -unnamed-color-ffffff) 0% 0% no-repeat padding-box;
	background: #FFFFFF 0% 0% no-repeat padding-box;
	box-shadow: 0px 8px 6px #00000029;
	border-radius: 10px;
}

.modalContents {
	display: block;
}

#openModal {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

/* 生徒に一覧（個人情報）を見せない為QR表示時は黒背景 */
.qrBg {
	background-color: black;
}

/* モーダルCSS ここまで */
.example2 li {
	display: inline;
	padding: 10px 15px;
	border: 1px #ccc solid;
	color: #000053;
	border-radius: 5px/5px;
}

.example2 .this {
	background-color: #777;
	color: #fff;
}

/* ツールチップデザイン */
.tooltip .tooltip-inner {
	color: black;
	background-color: #fff;
	border: solid 1px #000;
	max-width: 95vw;
	margin-left: 5px;
}

.bs-tooltip-auto[x-placement^=top] .arrow::before, .bs-tooltip-top .arrow::before
	{
	border-top-color: #fff;
}

.green {
	color: green;
	display: inline-block;
	font-weight: bold;
}

.student-status {
	display: inline-block;
	margin-right: 20px;
	max-width: 200px;
	width: 120px;
}

.Zeal-Info {
	font-family: serif;
	font-weight: 900;
	color: #fff;
	font-size: 25px;
	width: 45;
	height: 45;
	border: 4px #fff solid;
	background-color: #4AA271;
}

.zeal-button-label {
	position: absolute;
	top: -55px;
	font-size: 2vw;
	font-weight: bold;
	color: #c0a5a6;
}

/* zeal-button-labelに対してこれを外せばTextBox内に表示される文字となる。*/
/* .zeal-button-label .active { 
	top: -40px;
	font-size: 15px;
  } */
.school-mass {
	border-left: 5px #c0a5a6 solid;
	margin-top: 3vh;
}

/* ページネーションの設定 */
.page-link {
	padding: 0.15vw 0.6vw;
	line-height: 1.6vw;
}

.page-layout {
	font-weight: bold;
	color: black;
	font-size: 0.98vw;
	width: 2vw;
	height: 2vw;
	background: #4AA271;
	text-align: center;
	margin: 0.3vw;
}

.page-layout a {
	color: #ffffff !important;
}

.page-layout1 {
	font-weight: bold;
	color: black;
	text-align: center;
	width: 2vw;
	height: 2vw;
	background: #D9D9D9;
	margin: 0.3vw;
}

.csv-btn {
	position: relative;
}

.csv-btn:hover {
	background-color: #BA6C6C;
	cursor: pointer;
}

button:disabled, button[disabled] {
	cursor: not-allowed;
	background-color: #98cdaf;
}

.pankuzu-link {
	color: black;
	text-decoration: underline;
	font-weight: bold;
}
/* 権限セレクトボックス */
#authority {
	width: 7.2vw;
}
/* 表示オプションセレクトボックス */
#display-option {
	width: 8vw; /* width:200px; */
}

.container {
	padding-top: 3vw;
	margin-bottom: 20px;
}

.padding-title {
	padding: 0 30px 20px 30px;
}
/* .table-menu { */
/* 	height: 4vw; */
/* } */
/* infoボタン */
img.rounded-circle {
	width: 1.3vw;
	height: 1.3vw;
}

.zeal-logo { /* ロゴアイコンサイズ */
	height: 2.5vw;
}

/*パスワードフォーム */
.password-text {
	width: 31%;
	height: 42px;
	background: var(- -unnamed-color-ffffff) 0% 0% no-repeat padding-box;
	background: #FFFFFF 0% 0% no-repeat padding-box;
	border: 1px solid #DDDDDD;
	border-radius: 4px;
}

/* テキストボックス_パスワード再設定 */
.zeal-password-text {
	width: 31%;
	height: 42px;
	background: var(- -unnamed-color-ffffff) 0% 0% no-repeat padding-box;
	background: #FFFFFF 0% 0% no-repeat padding-box;
	border: 1px solid #DDDDDD;
	border-radius: 4px;
}

/* パスワード再設定ボタン */
.resettingPassword-button {
	width: 25%;
	border: none;
	color: white;
	padding: 0 20px;
	height: 45px;
	background: var(- -unnamed-color-4aa271) 0% 0% no-repeat padding-box;
	box-shadow: 0px 3px 3px var(- -unnamed-color-00000080);
	background: #4AA271 0% 0% no-repeat padding-box;
	box-shadow: 0px 3px 3px #00000080;
	border-radius: 4px;
}

/* リンク */
.rogin-link {
	color: black;
	text-decoration: underline;
	font-weight: bold;
}
/* パスワード再設定ボタン */
.student-registrationPassword-button {
	border: none;
	color: white;
	padding: 0 20px;
	font-size: 50px;
	height: 6%;
	width: 63%;
	background: var(- -unnamed-color-4aa271) 0% 0% no-repeat padding-box;
	box-shadow: 0px 3px 3px var(- -unnamed-color-00000080);
	background: #4AA271 0% 0% no-repeat padding-box;
	box-shadow: 0px 3px 3px #00000080;
	border-radius: 145px;
	margin-top: 15%;
}
/* クラス詳細画面 */
.class_tab {
	border: 1px solid black;
}

.class_tab.active {
	background-color: #4AA271;
}
/* 画面タイトルの間隔設定 */
.page-title {
	padding: 1vh 0 1.3vh 0;
}
/* イベント別参加者一覧 */
/* QRモーダル表示時のラベル設定変更 工藤 em-re-012 20240611 */
#qr-name, #qr-id {
	font-size: 25px;
	font-weight: 800;
	overflow-wrap: anywhere;
	margin-bottom: 30px;
}

/* 会社 登録中のイベントセレクトボックス */
.select_block {
	padding-right: 10px;
	max-width: 40vw;
}

.zeal-table-td-disp {
	display: none;
}

.flexbox {
	
}

.m-block {
	display: inline;
	margin: 0 0 0 5px;
}

.pc-hidden {
	display: none;
}

.pc-hidden-col {
	display: none;
}

#mailAddress, #confirmMailAddress {
	width: 500px;
}

.ma-30px {
	margin-top: 30px;
}

.passwd_info {
	width: 30%;
}

.inline {
	display: inline-block;
}

/* 管理者画面の学生画面 */
.admin_questionnaire {
	display: flex;
}

/* 管理者画面の学生画面の志望度アンケート */
.questionnaire_explanation {
	border: 1px solid #000000;
	width: 25%;
	height: fit-content;
}

.questionnaire_explanation th {
	font-size: 0.94vw;
	font-weight: 600;
	padding-left: 10px;
}

.questionnaire_explanation td {
	font-size: 0.94vw;
	font-weight: 400;
	padding-left: 10px;
	vertical-align: top;
}

.questionnaire_explanation p {
	margin-bottom: 0;
}

.questionnaire_table {
	margin-left: 20px;
	width: 100%;
}

.login-page-wrapper {
	background: var(- -unnamed-color-ffffff) 0% 0% no-repeat padding-box;
	background: #FFFFFF 0% 0% no-repeat padding-box;
	box-shadow: 0px 8px 6px #00000029;
	border-radius: 10px;
	position: fixed;
	width: 90%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-color: #fff;
}