@charset "UTF-8";
/* colors */
.wdb-head-lead a { color: #fff; font-size: 0.5rem; }

.wdb-head-lead-text { display: block; margin-bottom: 0.625rem; }
/* ---------------------------------------------------------
コンテナインナー
----------------------------------------------------------*/
.wdb-container-inner {
	max-width: 960px;
	margin: 0 auto;
}
@media (max-width: 767px) {
	.container, .wdb-container-inner {
		max-width: 100%;
		margin: 0;
	}
}
/* ---------------------------------------------------------
パンくずリスト
----------------------------------------------------------*/
.wdb-breadcrumb .breadcrumb {
	background-color: #fff;
	margin-bottom: 0;
	padding-left: 4rem;
	border-radius: 0;
}
.wdb-breadcrumb .breadcrumb-item + .breadcrumb-item::before {
	content:'>';
}
@media (max-width: 767px) {
	.wdb-breadcrumb {
		display: none;
	}
}
/* ---------------------------------------------------------
見出し
----------------------------------------------------------*/
.text-border-left {
	position: relative;
	padding-left: 10px;
	font-size: 1.125rem;
}
.text-border-left::before {
	content: "";
	display: block;
	background-color: #295cba;
	width: 4px;
	height: 20px;
	border-radius: 3px;
	position: absolute;
	top: 4px;
	left: 0;
}

@media (min-width: 768px) {
	.text-border-left {
		font-size: 1.5625rem;
	}
	.text-border-left::before {
		height: 28px;
		top: 6px;
	}
}

.wbd-icon-status {
	display: inline-block;
	width: 16px;
	height: 16px;
	vertical-align: text-top;
}

.wdb-timesheet-calendar {
	width: 100%;
	table-layout: fixed;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.wdb-timesheet-calendar td {
	padding: 0.5rem;
	text-align: center;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
}
.wdb-timesheet-calendar tr:not(:first-of-type) td {
	min-height: 60px;
	padding: 0;
	vertical-align: top;
}
.wdb-timesheet-calendar tr:not(:first-of-type) td a {
	display: block;
	padding: 0.5rem 0;
	color: #333;
}
.wdb-timesheet-selected a {
	position: relative;
	border: 1px solid #187cc2;
	background-color: #e7f0f7;
}

.wbd-calendar-prev {
	color: #295cba;
	padding-left: 15px;
	background-image: url(../../../images/common/icon-lenk-left.svg);
	background-repeat: no-repeat;
	background-position: left center;
}
.wbd-calendar-next {
	color: #295cba;
	padding-right: 15px;
	background-image: url(../../../images/common/icon-lenk-right.svg);
	background-repeat: no-repeat;
	background-position: right center;
	float: right;
}


/* ---------------------------------------------------------
メインエリア
----------------------------------------------------------*/
.wdb-form {
	padding-top: 0.5rem;
	max-width: none;
}
.wdb-form-group {
	padding: 1rem;
	margin-bottom: 1rem;
}
@media (min-width: 768px) {
	.wdb-form {
		max-width: 768px;
		padding: 3rem 0;
	}
	.wdb-form-group {
		padding: 56px;
		margin-bottom: 40px;
	}
	.web-form-title {
		font-size: 2.0rem;
	}
}
/* ---------------------------------------------------------
ログイン画面 > ロゴ画像
----------------------------------------------------------*/
@media (min-width: 768px) {
	.wdb-login-logo img {
		width: 240px;
	}
}
/* ---------------------------------------------------------
時間選択
----------------------------------------------------------*/

.wdb-diligence-time div {
	width: 10%;
	line-height: 33px;
}
.wdb-diligence-time div:first-child,
.wdb-diligence-time div:last-child {
	width: 45%;
}

/* ---------------------------------------------------------
複数行入力エリア
----------------------------------------------------------*/
.min-h-10 {
	min-height: 10rem;
}

/* ---------------------------------------------------------
見出し
----------------------------------------------------------*/
@media (min-width: 768px) {
	h3.text-border-left {
	font-size: 1.125rem;
	}
	h3.text-border-left::before {
		height: 20px;
		top: 4px;
	}
}

/* ---------------------------------------------------------
縦
----------------------------------------------------------*/
.wdb-vertical {
	display: block;
	transform: rotate(90deg);
}

/* ---------------------------------------------------------
パスワード表示・非表示
----------------------------------------------------------*/
label[for="email"],label[for="password"] {
	display: block;
}
.password-wrap {
	position: relative;
	display: block;
}

.password-wrap input {
	padding-right: 50px;
}

.password-change {
	position: absolute;
	top: 19px;
	right: 0px;
	width: 38px;
	height: 37px;
	margin-top: -18px;
	background-repeat: no-repeat;
	background-position: center;
	opacity: 1;
	transition: opacity 0.15s ease-in-out;
}
.password-change:hover {
	opacity: 0.7;
}

.password-show {
	background-image: url(../../images/common/icon-pw-on.svg);
	/*background-position: center 0.5px;*/
}

.password-hide {
	background-image: url(../../images/common/icon-pw-off.svg);
}

/* IE11標準のパスワード用 目アイコン非表示 */
input::-ms-reveal {
	visibility:hidden
}