@charset "UTF-8";



/* se-login
----------------------------------------------------------------------------------------------------
  Date. 2020.01.31
Author. Okabe
    JS. js-login-news-toggle
------------------------------------------------------------------------------------------------- */

.b1.se-login {
	min-height: 100%;
	justify-content: center;
	align-items: center; }
.b1.se-login > .b2 {
	flex-grow: 1;
	margin: 64px 12.5%; }

.b1.se-loginWrapper {
	flex-direction: column;
	align-items: center; }
.b1.se-loginWrapper > .b2:nth-child(1) {
	margin-bottom: 32px;  }

.b1.se-loginWrapperContent {
	flex-wrap: wrap;
	align-items: center; }
.b1.se-loginWrapperContent > .b2 {
	flex-grow: 1; }
.b1.se-loginWrapperContent > .b2:first-child {
	flex-basis: 767px; }
.b1.se-loginWrapperContent > .b2 ~ .b2 {
	margin-top: 32px; }

@media screen and (min-width: 768px) {
	.b1.se-loginWrapperContent {
		flex-direction: row; }
	.b1.se-loginWrapperContent > .b2:nth-child(1) {
		flex-basis: calc(60% - 32px);
		margin-right: 32px; }
	.b1.se-loginWrapperContent > .b2:nth-child(2) {
		flex-basis: calc(40% - 32px);
		margin: 0 0 0 32px; }
}

.b1.se-loginWrapperContent-input {
	flex-direction: column;
	align-items: center;
	padding: 64px;
	background-color: rgba(255, 255, 255, .9);
	box-shadow: 0px 0px 32px 4px rgba(0,0,0,.1); }
.b1.se-loginWrapperContent-input > .b2:not(:last-child) {
	margin-bottom: 16px; }
.b1.se-loginWrapperContent-input > .b2:nth-child(1),
.b1.se-loginWrapperContent-input > .b2:nth-child(2) {
	width: 100%; }

.b1.se-loginWrapperContent-news {
	justify-content: center; }
.b1.se-loginWrapperContent-news > .b2:nth-child(1) {
	display: block; }
.b1.se-loginWrapperContent-news > .b2:nth-child(2) {
	display: none;
	position: fixed;
	background-color: rgba(0,0,0,.5);
	height: 100%;
	top: 0;
	left: 0; }

@media screen and (min-width: 768px) {
	.b1.se-loginWrapperContent-news > .b2:nth-child(1) {
		display: none; }
	.b1.se-loginWrapperContent-news > .b2:nth-child(2) {
		display: block;
		position: relative;
		background-color: transparent; }
}

.b1.se-loginWrapperContent-newsWrapper {
	flex-direction: column;
	border-radius: 4px;
	background: rgba(255,255,255,.9);
	width: calc(100% - 32px);
	height: calc(100% - 32px);
	top: 16px;
	left: 16px; }
.b1.se-loginWrapperContent-newsWrapper > .b2:nth-child(1) {
	position: absolute;
	top: -8px;
	right: -8px;
	z-index: 1; }
.b1.se-loginWrapperContent-newsWrapper > .b2:nth-child(1) > .pa-icon {
	width: 48px;
	height: 48px;
	border-radius: 24px;
	box-shadow: 0 0 8px rgba(0, 0, 0, .2);
	background: #fff; }
.b1.se-loginWrapperContent-newsWrapper > .b2:nth-child(2) {
	flex-grow: 1;
	overflow-y: scroll; }

@media screen and (min-width: 768px) {
	.b1.se-loginWrapperContent-newsWrapper {
		position: relative;
		width: 100%;
		height: 332px;
		top: 0;
		left: 0; }
	.b1.se-loginWrapperContent-newsWrapper > .b2:nth-child(1) {
		display: none; }
}

.b1.se-loginWrapperContent-newsWrapperContent {
	flex-direction: column;
	height: 100%; }
.b1.se-loginWrapperContent-newsWrapperContent > .b2:not(:last-child) {
	border-bottom: 1px solid rgba(0, 0, 0, .1); }

.b1.se-loginWrapperContent-newsWrapperContent-list {
	flex-direction: column;
	padding: 16px; }
.b1.se-loginWrapperContent-newsWrapperContent-list > .b2:nth-child(1) {
	margin-bottom: 8px; }



/* se-global
----------------------------------------------------------------------------------------------------
  Date. 2020.01.31
Author. Okabe
    JS. js-globalToggle
----------------------------------------------------------------------------------------------------
mb表示では全画面に
------------------------------------------------------------------------------------------------- */
.se-global {
	position: absolute;
	flex-direction: column;
	width: 288px;
	height: 100%;
	top: 0px;
	left: 0px;
	color: var(--gray-base);
	background:  var(--black-base);
	z-index: 1; }
.se-global > .b2 {
	width: 100%; }
.se-global > .b2:nth-child(2) {
	flex-grow: 1;
	overflow-y: auto; }

/* -header */
.se-global-header {
	justify-content: center;
	align-items: center;
	height: 56px;
	box-shadow: 0 0 32px 0 rgba(0,0,0,.15); }
.se-global-header > .b2:nth-child(1) {
	height: 56px;
	box-sizing: border-box;
	border-right: 1px solid rgba(0,0,0,.1); }
.se-global-header > .b2:nth-child(1) > div.pa-button a {
	width: 56px;
	height: 56px;
	color: #8391a2;
	border-radius: 0;
	background: transparent; }
.se-global-header > .b2:nth-child(1) > div.pa-button a i[data-attr="icon"] {
    font-size: 2.4rem; }
.se-global-header > .b2:nth-child(1) > div.pa-button a:hover {
	color: var(--white);
	background-color: rgba(0,0,0,.2); }
.se-global-header > .b2:nth-child(2) {
	flex-grow: 1;
	margin: 0 0 0 16px; }

/* -contents */
.se-global-contents {
	flex-direction: column;
	padding: 8px 0; }

/* -contents--menu */
.se-global-contents--memu {
	flex-direction: column; }

/* -contents--menu---section */
.se-global-contents--memu---section {
	flex-direction: column; }
.se-global-contents--memu---section > .b2:nth-child(1) {
	padding: 24px 16px 4px; }
.se-global-contents--memu---section > .b2:nth-child(1) > .pa-text {
	font-size: 1.8rem; }
.se-global-contents--memu---section > .b2:nth-child(2) > .b1 {
	flex-direction: column; }

/* -footer */
.se-global-footer {
	justify-content: center;
	padding: 4px 16px;
	box-shadow: 0 0 32px 0 rgba(0,0,0,.15); }
.se-global-footer > .b2 {
	margin: 4px; }
.se-global-footer > .b2 a:hover svg {
	fill: #3688fc; }

.se-global div.pa-button.transparent > a {
	color: var(--gray-base); }

.se-global div.pa-button.transparent > a:hover,
.se-global ul.pa-menu li > a:hover  i[data-attr="icon"],
.se-global ul.pa-menu li > a:hover span[data-attr="text"],
.se-global ul.pa-menu a[data-function="active"] {
	color: var(--white); }

@media screen and (min-width: 520px) {
	.se-global {
		position: relative;
		width: 288px; }
}



/* .se-header
----------------------------------------------------------------------------------------------------
      Date. 2020.03.04
    Author. Okabe
Responsive. ×
----------------------------------------------------------------------------------------------------
se-header 直下の b2 には、1つ目にメニューアイコン、2つ目にタイトルが入ることを前提としています。
3つ目以降の b2 に入る要素は追加される可能性があるため、増やしても良いものとします。
------------------------------------------------------------------------------------------------- */
.se-header {
	height: 56px;
	align-items: center; }
.se-header > .b2:nth-child(1) {
	box-sizing: border-box;
	border-right: 1px solid rgba(0,0,0,.1); }
.se-header > .b2:nth-child(1) > div.pa-button a {
	height: auto;
	padding: 0;
	border-radius: 0;
	background: transparent; }
.se-header > .b2:nth-child(1) > div.pa-button a {
	width: 56px;
	height: 56px;
	color: #313a46; }
.se-header > .b2:nth-child(1) > div.pa-button a:hover {
	color: #3b407f;
	background-color: #e3e5fd; }
.se-header > .b2:nth-child(1) > div.pa-button a i[data-attr="icon"] {
	font-size: 2.4rem; }
.se-header > .b2:nth-child(2) {
	flex-grow: 1;
	margin: 0 16px; }
.se-header > .b2:not(:nth-child(1)):not(:nth-child(2)) {
	margin-right: 16px; }

/* -title */
.se-header-title span.pa-text {
	font-size: 1.8rem;
	font-weight: bold;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	white-space: normal; }

.se-header-title {
	align-items: center; }

@media screen and (max-width: 520px) {
	.se-header > .b2:nth-child(2) {
		margin: 0 16px 0 15px; }

	.se-header-title > .b2:nth-child(2) {
		flex-grow: 1;
		text-align: center;
		margin-left: 16px; }
}

@media screen and (min-width: 520px) {
	.global.js-global ~ .main .se-header > .b2:nth-child(1) {
		display: none; }

	.se-header-title > .b2:nth-child(2) {
	    margin-left: 12px;
		flex-shrink: 0; }
}



/* se-account
----------------------------------------------------------------------------------------------------
      Date. 2021.01.27
    Author. Okabe
Responsive. ×
----------------------------------------------------------------------------------------------------
se-account の直下は、ユーザーアイコンを表示する b2 と、ユーザー情報を示す b2 の2つの b2 で構成されます。
ユーザーアイコンはボタンによって表現され、テキスト要素か画像要素のどちらかで示します。

ユーザー情報は、［ 画像 ］［ ユーザー名 ］［ ID ］で表示されます（ 追加情報が必要な場合は要検討 ）。
ボタンは b2 要素ごと増やしても構いません。
またアクション後の modal 画面は、modal要素のルールに従って構築してください。
------------------------------------------------------------------------------------------------- */
.se-account > .b2:nth-child(1) > div.pa-button > a {
	width: 40px;
	height: 40px;
	border-radius: 20px;
	padding: 0;
	background: var(--indigo-shine); }
.se-account > .b2:nth-child(1) > div.pa-button > a:hover {
	color: var(--indigo-overlay);
	background: var(--indigo-o20pe); }

.se-account > .b2:nth-child(2) > .b1 {
	position: fixed;
	top: 56px;
	right: 16px;
	flex-direction: column;
	background: #fff;
	border-radius: 4px;
	width: calc(100% - 32px);
	align-items: center;
	border: 1px solid var(--gray-bright);
	box-shadow: 0 0 16px 0 rgba(154,161,171,.3); }
.se-account > .b2:nth-child(2) > .b1 > .b2 {
	width: 100%;
	padding: 16px; }
.se-account > .b2:nth-child(2) > .b1 > .b2:not(:first-child) {
	border-top: 1px solid var(--gray-bright); }
.se-account > .b2:nth-child(2) > .b1 > .b2 > .b1 {
	flex-direction: column;
	align-items: center; }
.se-account > .b2:nth-child(2) > .b1 > .b2:nth-child(1) > .b1 > .b2 img.pa-image {
	width: 128px;
	height: 128px;
	padding: 2px;
	border-radius: 50%;
	background: var(--gray-shine);
	border: 1px solid var(--gray-clear); }
.se-account > .b2:nth-child(2) > .b1 > .b2:nth-child(1) > .b1 > .b2:nth-child(2) > .b1 {
	flex-direction: column;
	align-items: center;
	margin-top: 12px; }
.se-account > .b2:nth-child(2) > .b1 > .b2:nth-child(2) > .b1 > .b2 {
	width: 100%; }
.se-account > .b2:nth-child(2) > .b1 > .b2:nth-child(2) > .b1 > .b2:not(:first-child) {
	margin-top: 12px; }
.se-account > .b2:nth-child(2) > .b1 > .b2:nth-child(2) > .b1 > .b2 div.pa-button,
.se-account > .b2:nth-child(2) > .b1 > .b2:nth-child(2) > .b1 > .b2 div.pa-button a {
	width: 100%;
	height: 40px; }
.se-account > .b2:nth-child(2) > .b1 > .b2:nth-child(1) > .b1 > .b2:nth-child(2) > .b1 > .b2:nth-child(1) span.pa-text {
	font-weight: bold; }

@media screen and (min-width: 520px) {
	.se-account > .b2:nth-child(2) > .b1 {
		width: 320px; }
}



/* se-changePassword
----------------------------------------------------------------------------------------------------
  Date. 2021.01.27
Author. Okabe
----------------------------------------------------------------------------------------------------
useChgPassword.tpl で使用。
------------------------------------------------------------------------------------------------- */
.se-changePassword {
	flex-direction: column; }

.se-changePassword > .b2 {
	margin-top: 16px;
	margin-left: 0;
	padding-bottom: 16px;
	border-bottom: 1px solid var(--gray-bright); }
.se-changePassword > .b2:first-child {
	padding-top: 16px;
	border-top: 1px solid var(--gray-bright); }
.se-changePassword > .b2:last-child {
	margin-bottom: 16px; }

.se-changePassword > .b2 > .b1 {
	flex-direction: column; }

.se-changePassword > .b2 > .b1 > .b2:nth-child(2) {
	margin: 8px 0 0 0; }

.se-changePassword span.pa-text {
	font-weight: bold; }
.se-changePassword input.pa-input {
	height: 40px; }

@media screen and (min-width: 520px) {
	.se-changePassword > .b2 > .b1 {
		align-items: center;
		flex-direction: inherit; }

	.se-changePassword > .b2 > .b1 > .b2:nth-child(1) {
		width: 144px;
		text-align: right; }
	
	.se-changePassword > .b2 > .b1 > .b2:nth-child(2) {
		flex-grow: 1;
		margin: 0 0 0 8px; }

}



/* se-list
----------------------------------------------------------------------------------------------------
      Date. 2020.08.28
    Author. Okabe
Responsive. ○
      type. card
----------------------------------------------------------------------------------------------------
se-list は、一覧リスト形式のページを構築します。
［ 検索 ］や、［ 新規作成 ］といった機能ボタンを配置する b2 と、一覧リストを配置する b2 によって構築されます。
------------------------------------------------------------------------------------------------- */
.se-list {
	flex-direction: column;
	height: 100%; }
.se-list > .b2 { height: auto; }
.se-list > .b2:nth-child(1) {
	position: absolute;
	width: 100%;
	z-index: 100; }
.se-list > .b2 ~ .b2 {
	height: 100%;
	overflow: hidden; }
.se-list > .b2 > .se-reportList_contents > .b2 > .pa-table {
	max-height: calc(100vh - 216px); }

/* -header */
.se-list-header {
	padding: 16px 16px 0; }
.se-list-header > .b2:nth-child(1) {
	flex-grow: 1;
	overflow: auto; }
.se-list-header > .b2:nth-child(2) {
	position: fixed;
	right: 16px;
	bottom: 16px;
	flex-shrink: 0;
	margin-left: 16px; }
.se-list-header > .b2:nth-child(2) > div.pa-button > a {
	width: 56px;
	height: 56px;
	border-radius: 28px;
	box-shadow: 0 0 8px 4px rgb(154,161,171,.3); }
.se-list-header > .b2:nth-child(2) > div.pa-button > a > span[data-attr="text"] {
	display: none; }

/* -contents */
.se-list-contents {
	flex-direction: column;
	height: calc(100% - 32px);
	margin: 16px 16px 0px;
	border-radius: 4px;
	background: #fff;
	box-shadow: 0 0 32px 0 rgba(154,161,171,.3); }
.se-list-contents > .b2:nth-child(1) {
	padding: 16px;
	box-shadow: 0 0.125rem 0.25rem rgba(0,0,0,.075);
	z-index: 1; }
.se-list-contents > .b2:nth-child(2) {
	flex-grow: 1; }
.se-list-contents > .b2:nth-child(2) > div.pa-table {
	position: absolute;
	max-height: calc(100% - 57px); }

/* -contents--header */
.se-list-contents--header {
	justify-content: space-between;
	align-items: center; }
.se-list-contents--header > .b2:nth-child(1) {
	flex-grow: 1;
	overflow: auto; }
.se-list-contents--header > .b2:nth-child(1) > .b1 {
	align-items: center; }
.se-list-contents--header > .b2:nth-child(1) > .b1 > .b2 ~ .b2 {
	margin-left: 8px; }
.se-list-contents--header > .b2:nth-child(2) {
	flex-shrink: 0; }

@media screen and (max-width: 519px) {
	/* -contents--header */
	.se-list-contents--header > .b2:nth-child(1) {
		width: 100%; }
}

@media screen and (min-width: 520px) {
	.se-list > .b2:nth-child(1) {
		position: relative;
		z-index: auto; }

	/* -header */
	.se-list-header > .b2:nth-child(2) {
		position: relative;
		right: auto;
		bottom: auto; }
	.se-list-header > .b2:nth-child(2) > div.pa-button > a {
		width: inherit;
		height: 32px;
		border-radius: 16px;
		box-shadow: none; }
	.se-list-header > .b2:nth-child(2) > div.pa-button > a > span[data-attr="text"] {
		display: inherit; }

	/* -contents */
	.se-list-contents > .b2:nth-child(1) {
		margin: 16px 16px 8px;
		padding: 0;
		box-shadow: none; }
	.se-list-contents > .b2:nth-child(2) {
		margin: 0 16px;
		border-bottom: none; }
	.se-list-contents > .b2:nth-child(2) > div.pa-table {
		max-height: calc(100vh - 208px);
		border-top: 0; }
}



/* data-type="work" */
.se-list[data-type="work"] { }
.se-list[data-type="work"] .se-list-header {
	padding: 16px 16px 0; }
.se-list[data-type="work"] .se-list-header > .b2:nth-child(1) {
	position: inherit;
	flex-grow: 0; }
.se-list[data-type="work"] .se-list-header > .b2:nth-child(2) {
	flex-grow: 1;
	overflow: auto; }
.se-list[data-type="work"] .se-list-header > .b2:nth-child(3) {
	position: fixed;
	right: 16px;
	bottom: 16px;
	flex-shrink: 0;
	margin-left: 16px; }
/*
.se-list[data-type="work"] .se-list-header > .b2:nth-child(3) > div.pa-button > a {
	width: 56px;
	height: 56px;
	border-radius: 28px;
	box-shadow: 0 0 8px 4px rgb(154,161,171,.3); }
.se-list[data-type="work"] .se-list-header > .b2:nth-child(3) > div.pa-button > a > span[data-attr="text"] {
	display: none; }
*/
.se-list[data-type="work"] .se-list-contents {
	margin: 16px; }
	
@media screen and (min-width: 520px) {
	.se-list[data-type="work"] .se-list-contents > .b2:nth-child(1) > div.pa-table {
		max-height: calc(100vh - 168px); }
}



/* data-type="attendance" */
.se-list[data-type="attendance"] {
    flex-direction: column;
    height: calc(100% - 32px);
    margin: 16px 16px 0px;
    border-radius: 4px;
    background: #fff;
    box-shadow: 0 0 32px 0 rgba(154,161,171,.3); }
.se-list[data-type="attendance"] > .b2:nth-child(1) {
	position: inherit; }
.se-list[data-type="attendance"] .se-list-header {
	padding: 16px;
	align-items: center;
	box-shadow: 0 0.125rem 0.25rem rgba(0,0,0,.075); }
.se-list[data-type="attendance"] .se-list-header > .b2:nth-child(2) {
	position: inherit;
	right: inherit;
	bottom: inherit;
	margin: inherit; }
.se-list[data-type="attendance"] .se-list-contents {
	flex-direction: column;
	height: inherit;
	margin: inherit;
	border-radius: 0;
	background-color: inherit;
	box-shadow: none; }
.se-list[data-type="attendance"] .se-list-contents > .b2:nth-child(1) {
	padding: inherit;
	box-shadow: none;
	margin: 16px; }
.se-list[data-type="attendance"] .se-list-contents > .b2:nth-child(2) {
	border-bottom: none;
	margin: 0 16px 16px; }

/*
.se-attendance {
	flex-direction: column; }
.se-attendance > .b2:nth-child(1) > .b1 > .b2 {
	flex-basis: 50%; }
.se-attendance > .b2:nth-child(1) > .b1 > .b2:nth-child(1) {
	margin-right: 8px; }
.se-attendance > .b2:nth-child(1) > .b1 > .b2:nth-child(2) {
	margin-left: 8px; }
.se-attendance > .b2:nth-child(1) > .b1 > .b2 > .b1 {
	flex-direction: column;
	align-items: center; }
.se-attendance > .b2:nth-child(1) > .b1 > .b2 > .b1 > .b2:nth-child(1) > .b1 {
	align-items: center; }
.se-attendance > .b2:nth-child(1) > .b1 > .b2 > .b1 > .b2:nth-child(1) > .b1 > .b2:not(:first-child) {
	margin-left: 8px; }
.se-attendance > .b2:nth-child(1) > .b1 > .b2 > .b1 > .b2:nth-child(2) {
	margin-top: 8px;
	width: 100%; }
.se-attendance > .b2:nth-child(1) > .b1 > .b2 > .b1 > .b2:nth-child(2) div.pa-button,
.se-attendance > .b2:nth-child(1) > .b1 > .b2 > .b1 > .b2:nth-child(2) div.pa-button a {
	width: 100%; }
.se-attendance > .b2:nth-child(1) > .b1 > .b2 > .b1 > .b2:nth-child(2) div.pa-button a {
	height: 96px;
	border-radius: 4px; }

.se-attendance > .b2:nth-child(2) {
	margin-top: 16px; }
.se-attendance > .b2:nth-child(2) > .b1 {
	flex-direction: column; }
.se-attendance > .b2:nth-child(2) > .b1 > .b2:not(:first-child) {
	margin-top: 8px; }

.se-attendance2 {
	flex-direction: column; }
.se-attendance2 > .b2:not(:first-child) {
	margin-top: 16px; }
.se-attendance2 .b2 div.pa-button,
.se-attendance2 .b2 div.pa-button a {
	width: 100%; }
.se-attendance2 .b2 div.pa-button a {
	height: 64px;
	border-radius: 4px; }
*/

@media screen and (min-width: 520px) {
	.se-list[data-type="attendance"] .se-list-contents {
		flex-direction: inherit; }
	.se-list[data-type="attendance"] .se-list-contents > .b2 {
		flex-basis: 50%; }
	.se-list[data-type="attendance"] .se-list-contents > .b2:nth-child(1) {
		margin: 16px 8px 16px 16px; }
	.se-list[data-type="attendance"] .se-list-contents > .b2:nth-child(2) {
		margin: 16px 16px 16px 8px; }
	.se-attendance2 {
		margin-top: 34px; }
}



/* se-search
----------------------------------------------------------------------------------------------------
  Date. 2020.03.04
Author. Okabe
    JS.
------------------------------------------------------------------------------------------------- */
.se-search {
	width: 100%;
	justify-content: flex-end;
	overflow: hidden; }
.se-search > .b2 {
	flex-grow: 1; }

/* -contents */
.se-search-contents {
    height: 32px; }
.se-search-contents > .b2:nth-child(1) {
	display: none; }
.se-search-contents > .b2:nth-child(2) {
	flex-grow: 1; }
.se-search-contents > .b2:nth-child(3) {
	flex-shrink: 0;
	margin-left: 16px; }

/* -contents--header */
.se-search-contents--header {
	align-items: center;
	height: 56px;
	font-weight: bold;
	box-shadow: 0 2px 4px rgba(0,0,0,.08); }
.se-search-contents--header > .b2:nth-child(1) {
	flex-grow: 1;
	padding: 0 16px; }
.se-search-contents--header > .b2:nth-child(2) {
	flex-shrink: 0; }
.se-search-contents--header > .b2:nth-child(2) > div.pa-button a {
	width: 56px;
	height: 56px;
	padding: 0;
	color: var(--gray-dark);
	border-radius: 0;
	background-color: transparent; }
.se-search-contents--header > .b2:nth-child(2) > div.pa-button a i[data-attr="icon"] {
	font-size: 2.4rem; }
.se-search-contents--header > .b2:nth-child(2) > div.pa-button a:hover {
	color: var(--indigo-overlay);
	background: var(--indigo-o20pe); }

/* -contents--contents */
.se-search-contents--contents {
	flex-wrap: wrap;
	align-items: center;
	font-weight: bold; }
.se-search-contents--contents > .b2:not(:first-child) {
	margin-left: 16px;
	flex-shrink: 0; }
.se-search-contents--contents > .b2 > .b1 {
	flex-direction: column; }
.se-search-contents--contents > .b2 > .b1 > .b2:nth-child(1) {
	display: none; }
.se-search-contents--contents > .b2 > .b1 > .b2:nth-child(2) {
	margin-top: 8px; }
.se-search-contents--contents label.pa-select,
.se-search-contents--contents label.pa-select > select{
	width: 100%; }

/* -contents--footer */
.se-search-contents--footer {
    padding: 0;
	border-top: none; }
.se-search-contents--footer > .b2:nth-child(1) {
	flex-shrink: 0;
	margin-right: 16px; }

/* -filter */
/* SP用ボタンを別で用意するため、削除予定。
.se-search-filter > .b2 {
	display: inherit; }
.se-search-filter > .b2 > div.pa-button > a {
	width: 56px;
	height: 56px;
	border-radius: 28px;
	box-shadow: 0 0 8px 4px rgb(154,161,171,.3); }
*/

/* js-toggle */
.se-search > .b2.js-toggle {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: rgba(55,64,74,.6);
	z-index: 200; }

.js-toggle > .se-search-contents {
	position: absolute;
	flex-direction: column;
	background-color: #ffffff;
	width: 320px;
	max-width: calc(100% - 32px);
	height: 100%;
	top: 0;
	right: 0; }
.js-toggle > .se-search-contents > .b2:nth-child(1) {
	display: block;
	z-index: 1; }
.js-toggle > .se-search-contents > .b2:nth-child(2) {
	flex-grow: 0;
	overflow: auto; }
.js-toggle > .se-search-contents > .b2:nth-child(3) {
	margin-left: 0; }

.js-toggle > .se-search-contents .se-search-contents--contents {
	flex-direction: column;
	padding: 16px;
	align-items: inherit; }
.js-toggle > .se-search-contents .se-search-contents--contents > .b2:not(:first-child) {
	margin-top: 16px;
	margin-left: 0;
	padding-top: 16px;
	border-top: 1px solid rgba(0,0,0,.07); }
.js-toggle > .se-search-contents .se-search-contents--contents > .b2 > .b1 > .b2:nth-child(1) {
	display: block; }
.js-toggle > .se-search-contents .se-search-contents--contents > .b2 > .b1 > .b2:nth-child(2) {
	margin-top: 8px; }

.js-toggle > .se-search-contents .se-search-contents--footer {
	justify-content: flex-end;
	align-items: center;
	padding: 16px;
	border-top: 1px solid rgba(0,0,0,.1); }
.js-toggle > .se-search-contents .se-search-contents--footer > .b2:nth-child(1) {
	display: none; }
.js-toggle > .se-search-contents .se-search-contents--footer > .b2:nth-child(2) {
	display: block; }
.js-toggle > .se-search-contents .se-search-contents--footer .pa-button a {
	height: 40px;
	border-radius: 4px; }

@media screen and (max-width: 519px) {
	/* js-toggle */
	.js-toggle > .se-search-contents {
		width: 336px; }
}

@media screen and (min-width: 520px) {
	.se-search > .b2.js-toggle_target {
		display: block; }
	.se-search-contents--contents > .b2 > .b1 > .b2:nth-child(2) {
		margin-top: 0; }
}



/* se-searchSelectCalendar
----------------------------------------------------------------------------------------------------
  Date. 2021.11.15
Author. Okabe
    JS.
------------------------------------------------------------------------------------------------- */
.se-searchSelectCalendar,
.se-searchSelectCalendar > .b2:nth-child(1) > .b1 {
	flex-wrap: wrap; }
.se-searchSelectCalendar > .b2:nth-child(1) > .b1 > .b2 {
	flex-shrink: 0; }
.se-searchSelectCalendar > .b2:nth-child(1) > .b1 > .b2:not(:first-child) {
	margin-left: 4px; }
.se-searchSelectCalendar > .b2:nth-child(2) {
	margin-left: 8px; }

.js-toggle > .se-search-contents .se-search-contents--contents .se-searchSelectCalendar {
	flex-direction: column; }
.js-toggle > .se-search-contents .se-search-contents--contents .se-searchSelectCalendar > .b2:nth-child(2) {
	margin-left: inherit;
	margin-top: 8px; }




/* se-searchCheckbox
----------------------------------------------------------------------------------------------------
  Date. 2020.07.13
Author. Okabe
    JS.
------------------------------------------------------------------------------------------------- */
.se-searchCheckbox {
	width: auto;
	flex-wrap: wrap; }
.se-searchCheckbox > .b2 {
	width: auto; }
.se-searchCheckbox > .b2:not(:first-child) {
	margin-left: 8px; }

.se-search > .js-toggle .se-searchCheckbox {
	width: 286px; }
.se-search > .js-toggle .se-searchCheckbox > .b2 {
	width: 50%; }
.se-search > .js-toggle .se-searchCheckbox > .b2:not(:first-child) {
	margin-left: auto; }

@media screen and (max-width: 519px) {
	.se-searchCheckbox {
		304px; }
}



/* se-detailSearch
----------------------------------------------------------------------------------------------------
  Date. 2020.12.07
Author. Okabe
    JS.
------------------------------------------------------------------------------------------------- */
.se-detailSearch {
	width: 100%;
	overflow: hidden; }
.se-detailSearch > .b2 {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: rgba(55,64,74,.6);
	z-index: 200; }

/* -contents */
.se-detailSearch-contents {
	position: absolute;
    flex-direction: column;
    background-color: #ffffff;
    width: 320px;
    height: 100%;
    top: 0;
	right: 0; }
.se-detailSearch-contents > .b2:nth-child(1) {
	z-index: 1; }
.se-detailSearch-contents > .b2:nth-child(2) {
	flex-grow: 1;
	overflow: auto; }

/* -contents--header */
.se-detailSearch-contents--header {
	align-items: center;
	height: 56px;
	box-shadow: 0 0.125rem 0.25rem rgba(0,0,0,.075); }
.se-detailSearch-contents--header > .b2:nth-child(1) {
	flex-grow: 1;
	padding: 0 16px; }
.se-detailSearch-contents--header > .b2:nth-child(1) > span.pa-text {
	font-size: 1.8rem;
	font-weight: 600;
	font-family: sans-serif; }
.se-detailSearch-contents--header > .b2:nth-child(2) {
	flex-shrink: 0; }
.se-detailSearch-contents--header > .b2:nth-child(2) > div.pa-button {
	border-left: 1px solid rgba(0,0,0,.1); }
.se-detailSearch-contents--header > .b2:nth-child(2) > div.pa-button a {
	height: auto;
	padding: 0;
	border-radius: 0;
	background-color: transparent; }
.se-detailSearch-contents--header > .b2:nth-child(2) > div.pa-button a:hover {
	background-color: #e3e5fd; }
.se-detailSearch-contents--header > .b2:nth-child(2) > div.pa-button a svg {
	width: 24px;
	height: 24px;
	margin: 16px;
	fill: #8391a2; }
.se-detailSearch-contents--header > .b2:nth-child(2) > div.pa-button a:hover svg {
	fill: #3b407f; }

/* -contents--contents */
.se-detailSearch-contents--contents {
	flex-direction: column;
	padding: 16px; }
.se-detailSearch-contents--contents > .b2:not(:first-child) {
	margin-top: 16px;
	padding-top: 16px;
	border-top: 1px solid rgba(0,0,0,.07); }
.se-detailSearch-contents--contents > .b2 > .b1 {
	flex-direction: column; }
.se-detailSearch-contents--contents > .b2 > .b1 > .b2 {}
.se-detailSearch-contents--contents > .b2 > .b1 > .b2:nth-child(2) {
	margin-top: 8px; }

/* -contents--footer */
.se-detailSearch-contents--footer {
	align-items: center;
	padding: 16px;
	border-top: 1px solid rgba(0,0,0,.1); }
.se-detailSearch-contents--footer > .b2:nth-child(1) {
	flex-grow: 1; }
.se-detailSearch-contents--footer > .b2:nth-child(1) > .b1 > .b2 ~ .b2 {
	margin-left: 8px; }



/* js-toggle
----------------------------------------------------------------------------------------------------
  Date. 2020.04.01
Author. Okabe
    JS.
------------------------------------------------------------------------------------------------- */
.js-toggle_select {
	cursor: pointer; }

.js-toggle_target {
	display: none;
	cursor: auto; }
.js-toggle_target.js-toggle {
	display: block; }



/* js-select
----------------------------------------------------------------------------------------------------
  Date. 2021.10.08
Author. Okabe
    JS.
------------------------------------------------------------------------------------------------- */
.js-select_select {
	cursor: pointer; }

.js-select_target [data-label] {
	display: none; }

.js-select_target [data-label].js-select_toggle,
.js-select_target [data-label] [data-label] {
	display: block; }





/* se-pageControl
----------------------------------------------------------------------------------------------------
  Date. 2020.04.01
Author. Okabe
    JS.
------------------------------------------------------------------------------------------------- */
.se-pageControl {
	align-items: center; }
.se-pageControl > .b2:not(:first-child) {
	display: none;
	margin-left: 16px; }
.se-pageControl > .b2:nth-child(1) {
	flex-grow: 1; }
.se-pageControl > .b2:nth-child(2) {
	display: block;
	position: fixed;
	width: calc(100% - 32px);
	left: 16px;
	bottom: 16px;
	margin: 0;
	padding: 12px 68px;
	border-top: 1px solid rgba(0,0,0,.075); }
.se-pageControl > .b2:nth-child(2) ol.pa-paginate {
	justify-content: center; }
.se-pageControl > .b2:not(:last-child) {
	flex-shrink: 0; }

.se-pageControl-setting {
	align-items: center; }
.se-pageControl-setting > .b2 ~ .b2 {
	margin-left: 8px; }


@media screen and (min-width: 520px) {
	.se-pageControl > .b2:nth-child(2) {
		display: block;
		position: inherit;
		width: auto;
		left: inherit;
		bottom: inherit;
		margin: 0 0 0 16px;
		padding: inherit;
		border-top: none; }

	.se-pageControl > .b2:not(:first-child) {
		display: block; }
}



/* se-selector
----------------------------------------------------------------------------------------------------
  Date. 2022.02.04
Author. Okabe
    JS.
------------------------------------------------------------------------------------------------- */
.se-selector {
	flex-direction: column;
	height: 100%; }

.se-selector > .b2:nth-child(1) {
	flex-grow: 1;
	overflow: auto; }

.se-selector > .b2:nth-child(2) {
	flex-shrink: 0; }

.se-selector-select {
	flex-direction: column;
	height: 100%;
	border-radius: 4px;
	border: 1px solid var(--gray-clear); }

.se-selector-select > .b2:nth-child(1) {
	padding: 8px 12px;
	background-color: var(--gray-light); }
.se-selector-select > .b2:nth-child(2) {
	flex-grow: 1;
	overflow: auto; }

.se-selector-select--header {
	align-items: center; }

.se-selector-select--header > .b2:nth-child(2) {
	margin-left: 8px; }

.se-selector-select--contents {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
	grid-gap: 4px;
	padding: 8px;
	max-height: 120px;
	overflow: auto; }

.se-selector-selected {
	margin-top: 6px;
	flex-wrap: wrap;
	min-height: inherit;
	max-height: inherit;
	padding: 0;
	background-color: transparent;
	border-top: none;
	overflow: inherit; }

.se-selector-selected > .b2 {
	padding: 2px; }




/* se-timeSelect
----------------------------------------------------------------------------------------------------
  Date. 2020.04.01
Author. Okabe
    JS.
------------------------------------------------------------------------------------------------- */
.se-timeSelect {
	display: inline-flex;
	min-width: 160px;
	justify-content: center;
	align-items: center; }
.se-timeSelect > .b2:not(:first-child) {
	margin-left: 4px; }
.se-timeSelect label.pa-select select {
	height: 32px;
	padding: 0 20px 0 8px; }








/* data-position
----------------------------------------------------------------------------------------------------
  Date. 2021.10.04
Author. Okabe
----------------------------------------------------------------------------------------------------
data-type="alert"を削除し、data-position によって位置を指定できるようにする。
------------------------------------------------------------------------------------------------- */
.modal[data-position*="top"] {
	align-items: flex-start; }
.modal[data-position*="top"] .se-modal  {
	top: 16px; }

.modal[data-position*="right"] {
	justify-content: flex-end; }
.modal[data-position*="right"] .se-modal  {
	right: 16px; }

.modal[data-position*="bottom"] {
	align-items: flex-end; }
.modal[data-position*="bottom"] .se-modal  {
	bottom: 16px; }

.modal[data-position*="left"] {
	justify-content: flex-start; }
.modal[data-position*="left"] .se-modal  {
	left: 16px; }




/* data-width
----------------------------------------------------------------------------------------------------
  Date. 2020.08.28
Author. Okabe
------------------------------------------------------------------------------------------------- */
.modal[data-width] .se-modal {
	min-width: auto; }
.modal[data-width="small"] .se-modal {
	width: 320px; }
.modal[data-width="medium"] .se-modal {
	width: 480px; }
.modal[data-width="large"] .se-modal {
	width: 640px; }
.modal[data-width="1/3"] .se-modal {
	width: calc((100% - 32px) / 3); }
.modal[data-width="2/3"] .se-modal {
	width: calc((100% - 32px) / 3 * 2); }
.modal[data-width="1/4"] .se-modal {
	width: calc((100% - 32px) / 4); }
.modal[data-width="2/4"] .se-modal {
	width: calc((100% - 32px) / 4 * 2); }
.modal[data-width="3/4"] .se-modal {
	width: calc((100% - 32px) / 4 * 3); }
.modal[data-width="1/5"] .se-modal {
	width: calc((100% - 32px) / 5); }
.modal[data-width="2/5"] .se-modal {
	width: calc((100% - 32px) / 5 * 2); }
.modal[data-width="3/5"] .se-modal {
	width: calc((100% - 32px) / 5 * 3); }
.modal[data-width="4/5"] .se-modal {
	width: calc((100% - 32px) / 5 * 4); }
.modal[data-width="half"] .se-modal {
	width: calc((100% - 32px) / 2); }
.modal[data-width="full"] .se-modal {
	width: calc(100% - 32px); }

.modal[data-height] .se-modal {
	min-height: auto; }
.modal[data-height="small"] .se-modal {
	height: 320px; }
.modal[data-height="medium"] .se-modal {
	height: 480px; }
.modal[data-height="large"] .se-modal {
	height: 640px; }
.modal[data-height="1/3"] .se-modal {
	height: calc((100% - 32px) / 3); }
.modal[data-height="2/3"] .se-modal {
	height: calc((100% - 32px) / 3 * 2); }
.modal[data-height="1/4"] .se-modal {
	height: calc((100% - 32px) / 4); }
.modal[data-height="2/4"] .se-modal {
	height: calc((100% - 32px) / 4 * 2); }
.modal[data-height="3/4"] .se-modal {
	height: calc((100% - 32px) / 4 * 3); }
.modal[data-height="1/5"] .se-modal {
	height: calc((100% - 32px) / 5); }
.modal[data-height="2/5"] .se-modal {
	height: calc((100% - 32px) / 5 * 2); }
.modal[data-height="3/5"] .se-modal {
	height: calc((100% - 32px) / 5 * 3); }
.modal[data-height="4/5"] .se-modal {
	height: calc((100% - 32px) / 5 * 4); }
.modal[data-height="half"] .se-modal {
	height: calc(50% - 32px); }
.modal[data-height="full"] .se-modal {
	height: calc(100% - 32px); }

@media screen and (max-width: 519px) {
	.modal[data-width] .se-modal {
		width: calc(100% - 32px); }
}


/* se-modal
----------------------------------------------------------------------------------------------------
  Date. 2020.08.28
Author. Okabe
------------------------------------------------------------------------------------------------- */
.se-modal {
	display: flex;
	flex-direction: column;
	width: calc(100% - 32px);
	height: calc(100% - 32px);
	border-radius: 4px;
	background: var(--white);
	box-shadow: 0 0 32px 0 rgba(154,161,171,.2); }
.se-modal > .b2:nth-child(1) {
	z-index: 1; }
.se-modal > .b2:nth-child(2) {
	flex-grow: 1;
	height: 100%;
	overflow: auto; }

@media screen and (min-width: 520px) {
	.se-modal {
		width: auto;
		height: auto;
		max-width: calc(100% - 32px);
		max-height: calc(100% - 32px);
		min-width: 600px; }
}

.se-modal > .b2.js-toggle_target {
	position: absolute;
	width: 100%;
	height: 100%; }






/* se-modalSearch
----------------------------------------------------------------------------------------------------
  Date. 2020.08.28
Author. Okabe
    JS.
----------------------------------------------------------------------------------------------------
2023.06.09 / OKB / 削除予定だが、日報入力で困ったので一時的に復旧。
2023.06.13 / OKB / やはり残す。se-modal とは大きく異なる。
------------------------------------------------------------------------------------------------- */
.se-modalSearch {
	position: absolute;
    flex-direction: column;
    border-radius: 4px;
    background-color: #ffffff;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
	z-index: 200; }
.se-modalSearch > .b2:nth-child(1) {
	z-index: 1; }
.se-modalSearch > .b2:nth-child(2) {
	flex-grow: 1;
	overflow: auto; }

/* -contents */
.se-modalSearch-contents {
	flex-direction: column;
	height: 100%; }
.se-modalSearch-contents > .b2:nth-child(1) {
	padding: 8px;
	border-bottom: 1px solid rgba(0,0,0,.1); }
.se-modalSearch-contents > .b2:nth-child(2) {
	flex-grow: 1;
	overflow: auto; }

/* -contents--search */
.se-modalSearch-contents--search {
	flex-direction: column;
	overflow: hidden; }
.se-modalSearch-contents--search > .b2:nth-child(1) {
	display: inline-flex;
	flex-grow: 1; }
.se-modalSearch-contents--search > .b2 .se-search > .b2:nth-child(2) {
	position: fixed;
	top: 16px;
	right: 16px;
	bottom: inherit;
	left: inherit;
	z-index: 10; }
.se-modalSearch-contents--search > .b2 .se-search .se-search-filter > .b2:nth-child(1) > div.pa-button > a {
	width: 56px;
	height: 56px;
	padding: 0;
	border-radius: 0 4px 0 0;
	background-color: transparent; }
.se-modalSearch-contents--search > .b2 .se-search .se-search-filter > .b2:nth-child(1) > div.pa-button > a:hover {
	background-color: #e3e5fd; }
.se-modalSearch-contents--search > .b2 .se-search .se-search-filter > .b2:nth-child(1) > div.pa-button > a > i[data-attr="icon"] svg {
	width: 16px;
	height: 16px;
	margin: 20px;
	fill: #8391a2; }
.se-modalSearch-contents--search > .b2 .se-search .se-search-filter > .b2:nth-child(1) > div.pa-button > a:hover  > i[data-attr="icon"] svg {
	fill: #3b407f; }

/* -contents--result */
.se-modalSearch-contents--result {
	flex-direction: column;
	height: 100%; }
.se-modalSearch-contents--result > .b2 {
	flex-grow: 1; }
.se-modalSearch-contents--result > .b2 > div.pa-table table tbody tr {
	position: relative;
	border: none; }
.se-modalSearch-contents--result > .b2 > div.pa-table table tbody tr:after {
	content: "";
	position: absolute;
	width: calc(100% - 16px);
	right: 0;
	bottom: 0;
	border-bottom: 1px solid rgba(0,0,0,.1); }
.se-modalSearch-contents--result > .b2 > div.pa-table table tbody tr > *[data-status="responsive"] {
	padding: 0 8px; }
.se-modalSearch-contents--result > .b2 > div.pa-table > table th,
.se-modalSearch-contents--result > .b2 > div.pa-table > table td,
.se-modalSearch-contents--result > .b2 > div.pa-table > table th > *,
.se-modalSearch-contents--result > .b2 > div.pa-table > table td > * {
	white-space: normal; }



/* se-guide
----------------------------------------------------------------------------------------------------
  Date. 2020.08.28
Author. Okabe
    JS.
------------------------------------------------------------------------------------------------- */
.se-guide {
	flex-direction: column;
	margin: 16px;
	padding: 16px;
	border-radius: 4px;
	background: #fff;
	box-shadow: 0 0 32px 0 rgba(154,161,171,.15); }
.se-guide .b1 {
	flex-wrap: wrap; }
.se-guide .b2 {
	width: 100%; }

.se-guide_title {
	flex-direction: column;
	margin: 16px 0 40px 0; }
.se-guide_title > .b2:nth-child(1) > .b1 {
	flex-direction: column; }
.se-guide_title > .b2:nth-child(1) > .b1 > .b2:nth-child(1) > span.pa-text {
	font-weight: 600;
	font-size: 3.2rem; }
.se-guide_title > .b2:nth-child(1) > .b1 > .b2:not(:first-child) {
	margin: 8px 0 24px; }

.se-guide_title > .b2:nth-child(2) {}


.se-guide_contents > .b2 {
	border-top: 1px solid rgba(0,0,0,.1); }
.se-guide_contents > .b2:not(:first-child) {
	margin-top: 32px; }
.se-guide_contents > .b2 > .b1 > .b2:nth-child(1) {
	margin: 32px 0; }


.se-guide_contents_title > .b2:nth-child(1) > span.pa-text {
	font-size: 2.4rem;
	font-weight: 600; }
.se-guide_contents_title > .b2 ~ .b2 {
	margin-top: 8px; }

.se-guide_contents_section > .b2:not(:first-child) {
	margin-top: 32px; }
.se-guide_contents_section > .b2 > .b1 > .b2:not(:first-child) {
	margin-top: 16px; }

.se-guide_contents_section_title > .b2:nth-child(1) > span.pa-text {
	font-size: 2.0rem;
	font-weight: 600; }

.se-guide_contents_section_title > .b2:not(:first-child) {
	margin-top: 4px; }

@media screen and (min-width: 520px) {
	.se-guide > .b2:nth-child(2) {
		width: calc(100% - 224px); }
	.se-guide_title {
		flex-direction: row;
		margin: 16px 0; }

	.se-guide_title > .b2:nth-child(1) {
		width: calc(100% - 224px); }

	.se-guide_title > .b2:nth-child(2) {
		position: fixed;
		width: 192px;
		right: 32px; }
}





/* demo
----------------------------------------------------------------------------------------------------
  Date. 2020.08.28
Author. Okabe
    JS.
------------------------------------------------------------------------------------------------- */
.demo_wrapper {
	min-height: 100%;
	display: flex; }

.demo_main {
	width: 100%;
	display: flex;
	flex: 0 1 auto;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	flex-direction: column;
	position: relative;
	right: 0; }

.demo_header {
	position: fixed;
	width: 100%;
	height: 56px;
	background: #ffffff;
	box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
	z-index: 100;
	top: 0;
	transition: all .2s ease-out;

	-webkit-transform: translateY(0);
	transform: translateY(0); }

.demo_header.js-headeHide {
	top: -56px;
	transition: all .2s ease-out;

	-webkit-transform: translateY(-150%);
	transform: translateY(-150%); }

.demo_contents {
	height: 100%;
	background: rgba(0,0,0,.05); }

.demo_global ~ .demo_main,
.demo_global ~ .demo_main > .demo_header {
	width: 100%;
	left: 0; }

.demo_header ~ .demo_contents { padding-top: 56px; }

.demo_global {
	display: flex;
	position: fixed;
	background-color: rgba(55,64,74,.6);
	width: auto;
	margin-right: -192px;
	height: 100%;
	top: 0;
	right: 0;
	z-index: 0;
	transition: all .2s ease-out; }

.demo_global.js-demo_global {
	width: 192px;
	margin-right: 0;
	z-index: 200; }


.demo_global.js-demo_global ~ .demo_main {
	width: calc(100% - 192px);
	right: 192px;
	transition: all .2s ease-out; }

.demo_global.js-demo_global ~ .demo_main > .demo_header {
	width: calc(100% - 192px);
	filter: none; }



.se-demo_global {
	position: absolute;
	flex-direction: column;
	width: 192px;
	height: 100%;
	top: 0px;
	right: 0px;
	background: #ffffff;
	z-index: 1; }
.se-demo_global > .b2 {
	width: 100%; }
.se-demo_global > .b2:nth-child(2) {
	flex-grow: 1;
	overflow-y: auto; }


.se-demo_global_header {
	justify-content: center;
	align-items: center;
	height: 56px;
	box-shadow: 0 0 32px 0 rgba(0,0,0,.15); }
.se-demo_global_header > .b2:nth-child(1) {
	flex-grow: 1;
	padding: 0 16px; }
.se-demo_global_header > .b2:nth-child(2) {
	position: relative;
	top: 0px;
	border-left: 1px solid rgba(0,0,0,.1); }
.se-demo_global_header > .b2 > .pa-image {
	height: 20px; }
.se-demo_global_header > .b2 > .pa-icon {
	width: 56px;
	height: 56px; }
.se-demo_global_header > .b2:nth-child(2) > div.pa-button a {
	width: 56px;
	height: 56px;
	padding: 0;
	color: #313a46;
	border-radius: 0;
	background-color: transparent; }
.se-demo_global_header > .b2:nth-child(2) > div.pa-button a i[data-attr="icon"] {
	font-size: 2.2rem; }
.se-demo_global_header > .b2:nth-child(2) > div.pa-button a:hover {
	background-color: #e3e5fd; }
.se-demo_global_header > .b2:nth-child(2) > div.pa-button a svg {
	width: 24px;
	height: 24px;
	margin: 16px;
	fill: #8391a2; }
.se-demo_global_header > .b2:nth-child(2) > div.pa-button a:hover svg {
	fill: #3b407f; }

.se-demo_global_wrapper {
	flex-direction: column;
	height: 100%;
	padding: 8px 0; }

.se-demo_global_wrapper_memu {
	flex-direction: column; }

.se-demo_global_wrapper_memu > .b2 > .b1 {
	flex-direction: column; }
.se-demo_global_wrapper_memu > .b2 > .b1 > .b2:nth-child(1) {
	padding: 24px 16px 4px; }
.se-demo_global_wrapper_memu > .b2 > .b1 > .b2:nth-child(1) > .pa-text {
	font-size: 1.8rem; }
.se-demo_global_wrapper_memu > .b2 > .b1 > .b2:nth-child(2) {
	padding: 8px 10px; }
.se-demo_global_wrapper_memu > .b2 > .b1 > .b2:nth-child(2) > .b1 {
	flex-direction: column; }

.se-demo_header_menu {
	height: 100%;
	align-items: center; }
.se-demo_header_menu > .b2:nth-child(1) {
	flex-grow: 1;
	align-self: flex-end;
	margin: 0 16px;
	overflow: auto; }
.se-demo_header_menu > .b2:nth-child(2) {
    flex-shrink: 0;
	margin-right: 16px;
	position: relative; }
.se-demo_header_menu > .b2:nth-child(2) .pa-button i[data-attr="icon"] svg {
	width: 16px;
	height: 16px; }
.se-demo_header_menu > .b2:nth-child(3) {
	flex-shrink: 0; }
.se-demo_header_menu > .b2:nth-child(3) > div.pa-button {
	border-left: 1px solid rgba(0,0,0,.1); }
.se-demo_header_menu > .b2:nth-child(3) > div.pa-button a {
	width: 56px;
	height: 56px;
	padding: 0;
	color: #313a46;
	border-radius: 0;
	background-color: transparent; }
.se-demo_header_menu > .b2:nth-child(3) > div.pa-button a i[data-attr="icon"] {
	font-size: 2.2rem; }
.se-demo_header_menu > .b2:nth-child(3) > div.pa-button a:hover {
	background-color: #e3e5fd; }
.demo_global.js-demo_global ~ .demo_main .se-demo_header_menu > .b2:nth-child(3) {
	display: none; }

.se-demo_contents_parts {
	width: 100%;
	height: 100%;
	justify-content: center;
	align-items: center;
	padding: 32px; }

.se-demo_contents_parts > .b2 {
	width: 100%;
	max-height: 100%;
	background: #ffffff;
	box-shadow: 0 0 32px 0 rgba(154,161,171,.15); }




/* se-cardList
----------------------------------------------------------------------------------------------------
  Date. 2020.10.14
Author. Okabe
------------------------------------------------------------------------------------------------- */
.se-cardList {
	height: 100%;
	margin: 0;
	box-shadow: none;
	border-radius: inherit;
	background-color: inherit; }
.se-cardList > .b2:nth-child(1) {
	flex-grow: 1;
	box-shadow: none; }

.se-cardList-contents {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(224px, 1fr));
	grid-gap: 12px;
	overflow: auto; }
.se-cardList-contents > .b2 > a {
	display: block;
	height: 100%; }



/* se-cardListTarget
----------------------------------------------------------------------------------------------------
  Date. 2021.03.30
Author. Okabe
------------------------------------------------------------------------------------------------- */
.se-cardListTarget {
	display: grid;
	grid-gap: 12px; }

@media screen and (max-width: 519px) {
	.se-cardListTarget {
		grid-template-columns: repeat(auto-fit, minmax(172px, 1fr));
		margin-bottom: 70px; }
}

@media screen and (min-width: 520px) {
	.se-cardListTarget {
		grid-template-columns: repeat(auto-fit, minmax(192px, 1fr)); }
}



/* se-userCard
----------------------------------------------------------------------------------------------------
  Date. 2020.10.14
Author. Okabe
------------------------------------------------------------------------------------------------- */
.se-userCard {
	flex-direction: column;
	height: 100%;
	padding: 16px;
	background: #ffffff;
	border-radius: 4px;
	box-shadow: 0 0 32px 0 rgba(154,161,171,.16); }
.se-userCard > .b2 {
	text-align: center; }
.se-userCard > .b2 > .b1 {
	flex-direction: column; }
.se-userCard > .b2 > .b1 > .b2 {
	text-align: center; }
.se-userCard img.pa-image {
	padding: 2px;
	width: 96px;
	height: 96px;
	border-radius: 50px;
	background: #fafafa;
	border: 1px solid #ccc; }

.se-cardList-contents[data-type="side"] .se-userCard {
	flex-direction: row;
	align-items: center;
	padding: 16px;
	background: #ffffff;
	border-radius: 4px; }
.se-cardList-contents[data-type="side"] .se-userCard > .b2 {
	text-align: center; }
.se-cardList-contents[data-type="side"] .se-userCard > .b2 ~ .b2 {
	padding-left: 16px; }
.se-cardList-contents[data-type="side"] .se-userCard > .b2 > .b1 {
	flex-direction: column; }
.se-cardList-contents[data-type="side"] .se-userCard > .b2 > .b1 > .b2 {
	text-align: left; }
.se-cardList-contents[data-type="side"] .se-userCard img.pa-image {
	width: 64px;
	height: 64px; }
.se-cardList-contents[data-type="side"] .se-userCard span.pa-text {
	font-size: 1.8rem; }



/* se-currentTime
----------------------------------------------------------------------------------------------------
  Date. 2021.03.03
Author. Okabe
------------------------------------------------------------------------------------------------- */
.se-currentTime {
	flex-direction: column;
	align-items: center; }
.se-currentTime > .b2:nth-child(1) span.pa-text {
	font-size: 2.0rem; }
.se-currentTime > .b2:nth-child(2) span.pa-text {
	font-size: 4.0rem;
	font-weight: bold; }



/* se-attendance
----------------------------------------------------------------------------------------------------
  Date. 2021.03.03
Author. Okabe
------------------------------------------------------------------------------------------------- */
.se-attendance {
	justify-content: center; }
.se-attendance > .b2 {
	margin: 16px; }
.se-attendance div.pa-button {
	width: 248px;
	height: 160px;
	background: #f0f0f0;
	border-radius: 12px;
	justify-content: center;
	align-items: center;
	box-shadow: inset 0 0 4px rgba(0,0,0,.08); }
.se-attendance div.pa-button a {
    width: 232px;
    height: 144px;
	border-radius: 8px;
    flex-direction: column;
	box-shadow: 0 2px 4px rgba(0,0,0,.3); }
.se-attendance div.pa-button > a > span[data-attr="text"] {
	font-size: 6.0rem;
	font-weight: bold;
	line-height: 1.2; }
.se-attendance div.pa-button > a > span[data-attr="text"] ~ span[data-attr="text"] {
	margin: 0; }
.se-attendance > .b2[data-status="disabled"] div.pa-button > a > span[data-attr="text"] {
	font-size: 4.4rem; }



/* se-attendanceOther
----------------------------------------------------------------------------------------------------
  Date. 2021.03.03
Author. Okabe
------------------------------------------------------------------------------------------------- */
.se-attendanceOther {
	flex-wrap: wrap;
	justify-content: center; }
.se-attendanceOther > .b2 > .b1 {
	flex-wrap: wrap;
	justify-content: center; }
.se-attendanceOther > .b2 > .b1 > .b2 {
	margin: 8px; }

.se-attendanceOther div.pa-button {
	width: 154px;
	height: 80px;
	background: #f0f0f0;
	border-radius: 72px;
	justify-content: center;
	align-items: center;
	box-shadow: inset 0 0 4px rgba(0,0,0,.08); }
.se-attendanceOther div.pa-button > a {
    width: 136px;
    height: 64px;
	border-radius: 78px;
	background-color: #ffffff !important;
	border-width: 2px !important; }
.se-attendanceOther div.pa-button > a > span[data-attr="text"] {
	font-size: 2.4rem;
	font-weight: bold;
	line-height: 1.2; }
.se-attendanceOther div.pa-button[data-status="badge"] > a:after {
	top: -4px;
	right: -4px;
	min-width: 32px;
	height: 32px; }



/* se-attendanceMessage
----------------------------------------------------------------------------------------------------
  Date. 2021.03.03
Author. Okabe
------------------------------------------------------------------------------------------------- */
.se-attendanceMessage {
	flex-direction: column;
	text-align: center; }
.se-attendanceMessage > .b2:nth-child(2) {
    margin-top: 16px; }
.se-attendanceMessage > .b2:nth-child(1) span.pa-text {
	font-weight: 600;
	font-size: 3.2rem; }
.se-attendanceMessage > .b2:nth-child(2) {
	padding: 24px;
	background: #f9f9fd;
	border-radius: 4px; }
.se-attendanceMessage > .b2:nth-child(2) span.pa-text {
	font-size: 1.8rem; }



/* se-attendanceShift
----------------------------------------------------------------------------------------------------
  Date. 2021.03.03
Author. Okabe
------------------------------------------------------------------------------------------------- */
.se-attendanceShift {
	flex-wrap: wrap;
	justify-content: center; }
.se-attendanceShift > .b2 > .b1 {
	flex-wrap: wrap;
	justify-content: center; }
.se-attendanceShift > .b2 > .b1 > .b2 {
	margin: 8px; }

.se-attendanceShift div.pa-button {
	width: 208px;
	height: 104px;
	background: #f0f0f0;
	border-radius: 92px;
	justify-content: center;
	align-items: center;
	box-shadow: inset 0 0 4px rgba(0,0,0,.08); }
.se-attendanceShift div.pa-button > a {
	flex-direction: column;
	width: 192px;
	height: 88px;
	padding: 12px 24px;
	border-radius: 84px;
	background-color: #ffffff !important;
	border-width: 2px !important;
	background-color: #eef2f7;
	box-shadow: 0 1px 2px rgba(0,0,0,.3); }
.se-attendanceShift div.pa-button > a > span[data-attr="text"] {
	font-size: 2.4rem;
	font-weight: bold; }
.se-attendanceShift div.pa-button > a > span[data-attr="text"] ~ span[data-attr="text"] {
	margin-left: 0;
	font-size: 1.8rem; }
.se-attendanceShift [data-status="active"] div.pa-button > a {
	color: #ffffff;
	background-color: #42d29d !important;
	border: none; }



/* se-attendanceSP
----------------------------------------------------------------------------------------------------
  Date. 2021.08.06
Author. Okabe
------------------------------------------------------------------------------------------------- */
.se-attendanceSP {
	justify-content: center; }
.se-attendanceSP > .b2 {
	width: 50%; }
.se-attendanceSP > .b2:nth-child(2) div.pa-button {
	justify-content: flex-end; }
.se-attendanceSP div.pa-button {
	width: 100%;
	align-items: center; }
.se-attendanceSP div.pa-button a {
	width: calc(100% - 8px);
	height: 112px;
	border-radius: 8px;
    flex-direction: column;
	box-shadow: 0 2px 4px rgba(0,0,0,.3); }
.se-attendanceSP div.pa-button > a > span[data-attr="text"] {
	font-size: 3.2rem;
	font-weight: bold;
	line-height: 1.2; }
.se-attendanceSP div.pa-button > a > span[data-attr="text"] ~ span[data-attr="text"] {
	margin: 0; }
.se-attendanceSP > .b2[data-status="disabled"] div.pa-button > a > span[data-attr="text"] {
	font-size: 2.4rem; }



/* se-attendanceOtherSP
----------------------------------------------------------------------------------------------------
  Date. 2021.08.06
Author. Okabe
------------------------------------------------------------------------------------------------- */
.se-attendanceOtherSP {
	flex-wrap: wrap;
	flex-direction: column;
	justify-content: center; }
.se-attendanceOtherSP > .b2 {
	margin-top: 16px; }
.se-attendanceOtherSP > .b2 > .b1 {
	flex-wrap: wrap;
	justify-content: center; }
.se-attendanceOtherSP > .b2 > .b1 > .b2 {
	width: 50%; }
.se-attendanceOtherSP > .b2 > .b1 > .b2:nth-child(2) div.pa-button {
	justify-content: flex-end; }
.se-attendanceOtherSP div.pa-button {
	width: 100%;
	align-items: center; }
.se-attendanceOtherSP div.pa-button > a {
    width: calc(100% - 8px);
    height: 48px;
	border-radius: 78px;
	background-color: #ffffff !important;
	border-width: 2px !important; }
.se-attendanceOtherSP div.pa-button > a > span[data-attr="text"] {
	font-size: 2.0rem;
	font-weight: bold;
	line-height: 1.2; }



/* se-approvalUserSP
----------------------------------------------------------------------------------------------------
  Date. 2021.02.17
Author. Okabe
----------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------- */
.se-approvalUserSP {
	flex-direction: column;
	margin: 0 16px;
	padding: 16px;
	border-radius: 4px;
	background: var(--gray-light); }
.se-approvalUserSP > .b2 {
	flex-grow: 1;
	overflow: auto; }
.se-approvalUserSP > .b2:not(:first-child) {
	margin-top: 8px; }
.se-approvalUserSP > .b2 > .b1 {}
.se-approvalUserSP > .b2 > .b1 > .b2:nth-child(1) {
	font-weight: bold;
	width: 112px;
	text-align: right; }
.se-approvalUserSP > .b2 > .b1 > .b2:nth-child(2) {
	margin-left: 8px; }





/* se-stamp 未使用にする
----------------------------------------------------------------------------------------------------
  Date. 2021.02.08
Author. Okabe
------------------------------------------------------------------------------------------------- */
.se-stamp {
	min-height: calc(100vh - 88px);
	padding: 0;
	flex-direction: column; }
.se-stamp > .b2 {
	min-height: 100%; }
.se-stamp > .b2:nth-child(1) {
	padding: 24px;
	flex-grow: 1; }
.se-stamp > .b2:nth-child(2) {
	width: 288px;
	border-left: 1px solid rgba(0,0,0,.07);
	flex-shrink: 0; }

.se-stamp-main {
	height: 100%;
	flex-direction: column; }
.se-stamp-main > .b2:not(:first-child) {
	margin-top: 16px; }
.se-stamp-main--currentTime {
	flex-direction: column;
	align-items: center; }
.se-stamp-main--currentTime > .b2:nth-child(1) span.pa-text {
	font-size: 2.0rem; }
.se-stamp-main--currentTime > .b2:nth-child(2) span.pa-text {
	font-size: 4.0rem;
	font-weight: bold; }
.se-stamp-main--currentTime span.pa-text.do {
	padding: 12px 16px;
	border-radius: 28px;
	color: #ffffff;
	background: #3688fc; }

.se-stamp-main--attendance {
	justify-content: center; }
.se-stamp-main--attendance > .b2 {
	margin: 16px; }
.se-stamp-main--attendance div.pa-button {
	width: 248px;
	height: 160px;
	background: #f0f0f0;
	border-radius: 12px;
	justify-content: center;
	align-items: center;
	box-shadow: inset 0 0 4px rgba(0,0,0,.08); }
.se-stamp-main--attendance div.pa-button a {
    width: 232px;
    height: 144px;
	border-radius: 8px;
    flex-direction: column;
	box-shadow: 0 2px 4px rgba(0,0,0,.3); }
.se-stamp-main--attendance div.pa-button > a > span[data-attr="text"] {
	font-size: 6.0rem;
	font-weight: bold;
	line-height: 1.2; }
.se-stamp-main--attendance > .b2[data-status="disabled"] div.pa-button > a > span[data-attr="text"] {
	font-size: 4.4rem; }

.se-stamp-main--message {
	flex-direction: column;
	text-align: center; }
.se-stamp-main--message > .b2:nth-child(1) {
    margin-bottom: 20px; }
.se-stamp-main--message > .b2:nth-child(1) span.pa-text {
	font-weight: 600;
	font-size: 3.2rem;
	line-height: 1; }
.se-stamp-main--message > .b2:nth-child(2) {
	padding: 24px;
	background: #f9f9fd;
	border-radius: 4px; }
.se-stamp-main--message > .b2:nth-child(2) span.pa-text {
	font-size: 2.0rem; }


.se-stamp-main--other {
	flex-wrap: wrap;
	justify-content: center; }
.se-stamp-main--other div.pa-button {
	width: 154px;
	height: 80px;
	background: #f0f0f0;
	border-radius: 72px;
	justify-content: center;
	align-items: center;
	box-shadow: inset 0 0 4px rgba(0,0,0,.08); }
.se-stamp-main--other div.pa-button > a {
    width: 136px;
    height: 64px;
	border-radius: 78px;
	background-color: #ffffff !important;
	border-width: 2px !important; }
.se-stamp-main--other div.pa-button > a > span[data-attr="text"] {
	font-size: 2.4rem;
	font-weight: bold;
	line-height: 1.2; }

.se-stamp-main--shift {
	flex-wrap: wrap;
	justify-content: center; }
.se-stamp-main--shift div.pa-button {
	width: 208px;
	height: 104px;
	background: #f0f0f0;
	border-radius: 92px;
	justify-content: center;
	align-items: center;
	box-shadow: inset 0 0 4px rgba(0,0,0,.08); }
.se-stamp-main--shift div.pa-button > a {
	flex-direction: column;
	width: 192px;
	height: 88px;
	padding: 12px 24px;
	border-radius: 84px;
	background-color: #ffffff !important;
	border-width: 2px !important;
	background-color: #eef2f7;
	box-shadow: 0 1px 2px rgba(0,0,0,.3); }
.se-stamp-main--shift div.pa-button > a > span[data-attr="text"] {
	font-size: 2.8rem;
	font-weight: bold; }
.se-stamp-main--shift div.pa-button > a > span[data-attr="text"] ~ span[data-attr="text"] {
	margin-left: 0;
	font-size: 1.8rem; }

.se-stamp-main--shift [data-status="active"] div.pa-button > a {
	color: #ffffff;
	background-color: #42d29d !important;
	border: none; }

.se-stamp-main--shift.line4 div.pa-button {
	width: 148px;
	height: 148px; }
.se-stamp-main--shift.line4 div.pa-button > a {
	width: 140px;
	height: 140px; }
.se-stamp-main--shift.line4 div.pa-button > a > span[data-attr="text"] {
	font-size: 2.4rem; }
.se-stamp-main--shift.line4 div.pa-button > a > span[data-attr="text"] ~ span[data-attr="text"] {
	font-size: 1.4rem; }


.se-stamp-side {
	flex-direction: column; }
.se-stamp-side--user {
	flex-direction: column;
	align-items: center;
	padding: 24px 24px 18px;
	box-shadow: 0 1px 4px rgb(0 0 0 / 7%); }
.se-stamp-side--user > .b2 ~ .b2 {
	margin-top: 8px; }
.se-stamp-side--user img.pa-image {
	width: 80px;
	height: 80px;
    padding: 2px;
	border-radius: 50px;
	background: #ffffff;
	border: 1px solid rgba(0,0,0,.08); }
.se-stamp-side--user span.pa-text {
	font-size: 2.4rem;
	font-weight: 600; }
.se-stamp-side--section {
	flex-direction: column; }
.se-stamp-side--section > .b2 > .b1 {
	flex-direction: column; }
.se-stamp-side--section > .b2 > .b1 > .b2:nth-child(1) {
	font-weight: 600; }
.se-stamp-side--section > .b2 > .b1 > .b2 ~ .b2 {
	margin-top: 8px; }

@media screen and (min-width: 520px) {
	.se-stamp {
		flex-direction: row; }
}



/* se-approvalUser
----------------------------------------------------------------------------------------------------
  Date. 2021.02.17
Author. Okabe
----------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------- */
.se-approvalUser {
	height: 100%;
	flex-direction: column; }
.se-approvalUser > .b2:nth-child(2) {
	flex-grow: 1;
	overflow: auto; }
.se-approvalUser-header {
	flex-direction: column;
	align-items: center;
	padding: 24px 24px 18px;
	box-shadow: 0 1px 4px rgb(0 0 0 / 7%); }
.se-approvalUser-header > .b2 ~ .b2 {
	margin-top: 8px; }
.se-approvalUser-header img.pa-image {
	width: 80px;
	height: 80px;
    padding: 2px;
	border-radius: 50px;
	background: #ffffff;
	border: 1px solid rgba(0,0,0,.08); }
.se-approvalUser-header span.pa-text {
	font-size: 2.4rem;
	font-weight: 600; }
.se-approvalUser-contents {
	flex-direction: column; }
.se-approvalUser-contents > .b2 > .b1 {
	flex-direction: column; }
.se-approvalUser-contents > .b2 > .b1 > .b2:nth-child(1) {
	font-weight: 600; }
.se-approvalUser-contents > .b2 > .b1 > .b2 ~ .b2 {
	margin-top: 8px; }



/* se-listCreate
----------------------------------------------------------------------------------------------------
  Date. 2021.03.30
Author. Okabe
----------------------------------------------------------------------------------------------------
一覧画面などで使用される、新規作成関連のボタンに付与するset。
520px未満の、sp表示時に画面右下にボタンを固定配置する。
------------------------------------------------------------------------------------------------- */
@media screen and (max-width: 519px) {
	.se-listCreate {
		position: fixed;
		right: 16px;
		bottom: 16px;
		flex-shrink: 0;
		margin-left: 16px;
		z-index: 100; }
	.se-listCreate div.pa-button > a {
		width: 56px;
		height: 56px;
		border-radius: 28px;
		box-shadow: 0 0 8px 4px rgb(154,161,171,.3); }
	.se-listCreate div.pa-button > a > span[data-attr="text"] {
		display: none; }
}



/* se-listSwitch（ 不要？レイアウト面でのレスポンシブ面は data属性で補う ）
----------------------------------------------------------------------------------------------------
  Date. 2021.03.30
Author. Okabe
----------------------------------------------------------------------------------------------------
一覧画面などで使用される、表示切り替えに付与するset。
520px未満の、sp表示時に画面下中央に表示切り替えを固定配置する。
------------------------------------------------------------------------------------------------- */
@media screen and (max-width: 519px) {
	.se-listSwitch {
		position: fixed;
		bottom: 20px;
		left: 50%;
		transform: translate(-50%);
		z-index: 100; }
	.se-listSwitch ul.pa-tab.button {
		border-radius: 24px;
		box-shadow: 0 0 8px 4px rgba(154,161,171,.3); }
	.se-listSwitch ul.pa-tab.button > li {
		height: 48px; }
	.se-listSwitch ul.pa-tab.button > li > a {
		background-color: #ffffff; }
	.se-listSwitch ul.pa-tab.button > li[data-status="active"] > a {
		background-color: #727cf5; }
	.se-listSwitch ul.pa-tab.button > li:first-child > a {
		border-radius: 24px 0 0 24px;
		padding: 8px 12px 8px 16px; }
	.se-listSwitch ul.pa-tab.button > li:last-child > a {
		border-radius: 0 24px 24px 0;
		padding: 8px 16px 8px 12px; }
}



/* se-approval
----------------------------------------------------------------------------------------------------
  Date. 2021.02.17
Author. Okabe
----------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------- */
.se-approval {
	min-height: calc(100vh - 88px); }
.se-approval > .b2 {
	min-height: 100%; }
.se-approval > .b2:nth-child(1) {
	padding: 0;
	background-color: #fafbfe;
	flex-grow: 1; }
.se-approval > .b2:nth-child(2) {
	width: 288px;
	border-left: 1px solid rgba(0,0,0,.07);
	flex-shrink: 0; }

.se-approval-main {
	height: 100%;
	flex-direction: column; }
.se-approval-main > .b2:nth-child(2) {
	flex-grow: 1; }

.se-approval-main--header {
	padding: 16px 16px 0; }
.se-approval-main--header > .b2:nth-child(1) {
	flex-grow: 1; }

.se-approval-main--contents {
	flex-direction: column;
	height: calc(100% - 32px);
	margin: 16px 16px 0;
	border-radius: 4px;
	background-color: #ffffff;
	box-shadow: 0 0 32px 0 rgba(154,161,171,.3); }
.se-approval-main--contents > .b2:nth-child(1) {
	padding: 12px 16px;
	border-bottom: 1px solid rgba(0,0,0,.08);
	text-align: center; }
.se-approval-main--contents > .b2:nth-child(2) {
	margin: 16px; }
.se-approval-main--contents > .b2:nth-child(2) > div.pa-table {
	max-height: calc(100vh - 257px); }



/* se-itemSideScroll
----------------------------------------------------------------------------------------------------
  Date. 2021.10.26
Author. Okabe
----------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------- */
.se-itemSideScroll {
	overflow: auto;
	flex-wrap: nowrap; }
.se-itemSideScroll > .b2 {
	flex-shrink: 0; }
.se-itemSideScroll > .b2:not(:first-child) {
	margin-left: 4px; }



/* se-itemDontWrap
----------------------------------------------------------------------------------------------------
  Date. 2021.10.26
Author. Okabe
----------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------- */
.se-itemDontWrap {
	width: 100%;
	flex-wrap: wrap; }
.se-itemDontWrap > .b2 {
	max-width: 100%;
	flex-shrink: 0;
	margin: 2px; }



/* se-modalHeader
----------------------------------------------------------------------------------------------------
  Date. 2023.06.07
Author. Okabe
----------------------------------------------------------------------------------------------------
modal要素に用いられるheader。
［ 戻るボタン ］＋［ タイトル ］＋［ 閉じるボタン ］の3つで構成される。
------------------------------------------------------------------------------------------------- */
.se-modalHeader {
	height: 56px;
	align-items: center;
	border-radius: 4px 4px 0 0;
	background: var(--white);
	box-shadow: 0 2px 4px rgba(0,0,0,.08); }

.se-modalHeader > .b2:nth-child(1) {
	left: 0;
	margin-right: 16px; }
.se-modalHeader > .b2:nth-child(2) {
	position: absolute;
	width: calc(100% - 144px);
	margin: 0 72px;
	text-align: center; }
.se-modalHeader > .b2:nth-child(3) {
	right: 0;
	margin-left: 16px; }
.se-modalHeader > .b2:nth-child(1),
.se-modalHeader > .b2:nth-child(3) {
	position: absolute;
	flex-shrink: 0; }

.se-modalHeader > .b2:nth-child(2) > span.pa-text {
	font-size: 1.8rem;
	font-weight: 600;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	white-space: normal !important; }

.se-modalHeader > .b2 > div.pa-button a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 56px;
	height: 56px; }
.se-modalHeader > .b2:nth-child(1) > div.pa-button a {
	border-radius: 4px 0 0 0; }
.se-modalHeader > .b2:nth-child(3) > div.pa-button a {
	border-radius: 0 4px 0 0; }
.se-modalHeader > .b2 > div.pa-button a {
	color: var(--gray-dark);
	background: transparent; }
.se-modalHeader > .b2 > div.pa-button a:hover {
	color: var(--indigo-overlay);
	background: var(--indigo-o20pe); }



/* se-modalContents
----------------------------------------------------------------------------------------------------
  Date. 2023.06.13
Author. Okabe
----------------------------------------------------------------------------------------------------
modal要素に用いられるcontents。
------------------------------------------------------------------------------------------------- */
.se-modalContents {
	flex-direction: column;
	padding: 16px;
	height: 100%; }



/* se-modalFooter
----------------------------------------------------------------------------------------------------
  Date. 2023.06.07
Author. Okabe
----------------------------------------------------------------------------------------------------
modal要素に用いられるfooter。
アクションを行うための［ ボタン ］が入る.
------------------------------------------------------------------------------------------------- */
.se-modalFooter {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(96px, 1fr));
	grid-gap: 8px;
	height: 57px;
	padding: 8px;
	border-top: 1px solid var(--gray-light); }

.se-modalFooter div.pa-button a {
	height: 40px;
	border-radius: 4px; }

@media screen and (max-width: 519px) {
	.se-modalFooter {
		text-align: right; }
	.se-modalFooter div.pa-button,
	.se-modalFooter div.pa-button a {
		width: 100%; }
}

@media screen and (min-width: 520px) {
	.se-modalFooter {
		display: flex;
		justify-content: flex-end; }
	.se-modalFooter div.pa-button,
	.se-modalFooter div.pa-button a {
		width: auto; }
}


/* cardDetail
----------------------------------------------------------------------------------------------------
  Date. 2020.04.26
Author. Okabe
----------------------------------------------------------------------------------------------------
{ transform: translateZ(0); }は、Chromeのバグ対応用。
------------------------------------------------------------------------------------------------- */
.se-cardDetail {
	height: 100%;
	flex-direction: row;
	align-items: center;
	flex-direction: column;
	background: #ffffff;
	box-shadow: 0 0 32px 0 rgba(154,161,171,.16);
	border-radius: 4px; }
.se-cardDetail > .b2 {
	width: 100%;
	padding: 16px; }
.se-cardDetail > .b2 ~ .b2 {
	border-top: 1px solid var(--gray-light); }




/* mypageHeader
----------------------------------------------------------------------------------------------------
  Date. 2020.04.26
Author. Okabe
----------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------- */
.se-mypageHeader {
	flex-direction: column; }
.se-mypageHeader > .b2:nth-child(2) {
	padding: 8px 0;
	background-color: var(--gray-bright);
	border-bottom: 1px solid var(--gray-light);
	overflow: auto; }

.se-mypageHeader-title {
	background: linear-gradient(90deg, var(--blue-light), var(--indigo-clear), var(--purple-light));
	padding: 16px;
	align-items: center; }
.se-mypageHeader-title > .b2:nth-child(1) {
	flex-shrink: 0; }
.se-mypageHeader-title > .b2:nth-child(2) {
	margin: 0 0 0 64px; }

.se-mypageHeader-title--profile {
	align-items: center; }
.se-mypageHeader-title--profile img.pa-image {
	width: 64px;
	height: 64px;
	max-width: inherit;
	max-height: inherit;
	padding: 2px;
	border-radius: 50px;
	background-color: var(--gray-bright);
	border: 1px solid var(--gray-clear);}
.se-mypageHeader-title--profile > .b2:nth-child(2) {
	margin-left: 16px; }

.se-mypageHeader-title--profile---name {
	flex-direction: column; }

.se-mypageHeader ul.pa-tab {
	overflow: auto; }
.se-mypageHeader ul.pa-tab > li:first-child {
	margin-left: 16px; }
.se-mypageHeader ul.pa-tab > li:last-child > a {
	margin-right: 16px; }

@media screen and (max-width: 519px) {
	.se-mypageHeader-title {
		flex-direction: column;
		padding: 0; }
	.se-mypageHeader-title > .b2:nth-child(1) {
		width: 100%;
		padding: 16px 16px 0; }
	.se-mypageHeader-title > .b2:nth-child(2) {
		margin: 0; }

	.se-mypageHeader-title ul.pa-tab > li > a {
		padding: 16px; }
	.se-mypageHeader-title ul.pa-tab > li > a:hover {
		background-color: transparent; }
	.se-mypageHeader-title--profile {
		justify-content: center; }
}

/* data-type="variable" */
@media screen and (min-width: 960px) {
	[data-type="mypageColumn2"] > .b2:nth-child(1) {
		width: 288px; }
	[data-type="mypageColumn2"] > .b2:nth-child(2) {
		width: calc(100% - 288px);
		margin-top: 56px; }

	[data-type="mypageColumn2"] .se-mypageHeader > .b2 {
		margin: 16px 0 16px 16px; }
	[data-type="mypageColumn2"] .se-mypageHeader > .b2:nth-child(2) {
		width: calc(100vw - 304px);
		position: absolute;
		left: 288px;
		padding: 0 0 0 0;
		margin: 16px;
		border-bottom: none; }
	[data-type="mypageColumn2"] .se-mypageHeader > .b2:nth-child(2) > ul.pa-tab {
		flex-direction: row; }
	[data-type="mypageColumn2"] .se-mypageHeader > .b2:nth-child(2) > ul.pa-tab > li:first-child {
		margin-left: 0; }
	[data-type="mypageColumn2"] .se-mypageHeader > .b2:nth-child(2) > ul.pa-tab.js-slider ~ ul li:nth-child(1) {
		left: 0; }
	[data-type="mypageColumn2"] .se-mypageHeader > .b2:nth-child(2) > ul.pa-tab.js-slider ~ ul li:nth-child(1),
	[data-type="mypageColumn2"] .se-mypageHeader > .b2:nth-child(2) > ul.pa-tab.js-slider ~ ul li:nth-child(2) {
		top: 0; }
	[data-type="mypageColumn2"] .se-mypageHeader .se-mypageHeader-title {
		flex-direction: column;
		padding: 0;
		border-radius: 4px;
		box-shadow: 0 0 32px 0 rgb(154,161,171,.16); }
	[data-type="mypageColumn2"] .se-mypageHeader .se-mypageHeader-title > .b2 {
		width: 100%;
		padding: 16px; }
	[data-type="mypageColumn2"] .se-mypageHeader .se-mypageHeader-title > .b2:nth-child(2) {
		margin: 0;
		border-top: 1px solid rgba(255,255,255,.7); }
	[data-type="mypageColumn2"] .se-mypageHeader .se-mypageHeader-title--profile {
		flex-direction: column; }
	[data-type="mypageColumn2"] .se-mypageHeader .se-mypageHeader-title--profile > .b2:nth-child(2) {
		margin: 8px 0 0 0; }
	[data-type="mypageColumn2"] .se-mypageHeader .se-mypageHeader-title > .b2 > ul.pa-tab {
		flex-direction: column; }
	[data-type="mypageColumn2"] .se-mypageHeader .se-mypageHeader-title > .b2 > ul.pa-tab > li:first-child {
		margin: 0; }
	[data-type="mypageColumn2"] .se-mypageHeader .se-mypageHeader-title > .b2 > ul.pa-tab > li > a {
		border-bottom: none; }
	[data-type="mypageColumn2"] .se-mypageHeader .se-mypageHeader-title > .b2 > ul.pa-tab > li > a:hover,
	[data-type="mypageColumn2"] .se-mypageHeader .se-mypageHeader-title > .b2 > ul.pa-tab > li[data-status="active"] > a {
		padding: 8px 12px 8px 10px;
		border-left: 2px solid #4e5bf2;
		border-bottom: none; }
	[data-type="mypageColumn2"] .se-mypageHeader .se-mypageHeader-title > .b2 > ul.pa-tab.js-slider ~ ul {
		width: auto; }
}



/* mypageList
----------------------------------------------------------------------------------------------------
  Date. 2020.05.10
Author. Okabe
----------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------- */
.se-mypageList {
	height: 100%;
	flex-direction: column; }

.se-mypageList > .b2 {
	flex-grow: 1;
	margin: 16px; }



/* mypageGrid
----------------------------------------------------------------------------------------------------
  Date. 2020.04.26
Author. Okabe
----------------------------------------------------------------------------------------------------
{ transform: translateZ(0); }は、Chromeのバグ対応用。
------------------------------------------------------------------------------------------------- */
.se-mypageGrid {
	display: block;
	margin: 16px;
	width: calc(100% - 32px);
	min-width: calc(100% - 32px);
	column-count: 2; }

.se-mypageGrid > .b2 {
	margin-bottom: 16px;
	break-inside: avoid;
	transform: translateZ(0); }
.se-mypageGrid > .b2:last-child {
	margin-bottom: 0; }

@media screen and (max-width: 519px) {
	.se-mypageGrid {
		column-count: 1; }
}

@media screen and (min-width: 960px) {
	.se-mypageGrid {
		column-count: 3; }
}

@media screen and (min-width: 1400px) {
	.se-mypageGrid {
		column-count: 4; }
}




/* cardMypage
----------------------------------------------------------------------------------------------------
  Date. 2020.04.26
Author. Okabe
----------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------- */
.se-cardMypage {
	height: 100%;
	flex-direction: row;
	align-items: center;
	flex-direction: column;
	background: #ffffff;
	box-shadow: 0 0 32px 0 rgba(154,161,171,.16);
	border-radius: 4px; }
.se-cardMypage > .b2 {
	width: 100%; }
.se-cardMypage > .b2:nth-child(1) {
	padding: 16px; }
.se-cardMypage > .b2:nth-child(2) {
	border-top: 1px solid var(--gray-light); }

/*
.se-cardMypage:after {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	box-shadow: 0 0 32px 0 rgba(154,161,171,.16); }
*/





.se-cardMypage-header {
	align-items: center; }
.se-cardMypage-header > .b2:nth-child(1) {
	flex-grow: 1; }
.se-cardMypage-header > .b2:nth-child(1) span.pa-text {
	font-weight: 600;
	color: var(--gray-dark); }
.se-cardMypage-header > .b2:nth-child(2) {
	margin-left: 16px; }

.se-cardMypage-contents {
	flex-direction: column; }
.se-cardMypage-contents > .b2 {
	width: 100%;
	padding: 8px 16px; }
/*
.se-cardMypage-contents > .b2:first-child {
	padding: 16px 16px 8px; }
.se-cardMypage-contents > .b2:last-child {
	padding: 8px 16px 16px; }
*/
.se-cardMypage-contents > .b2:not(:first-child) {
	border-top: 1px solid var(--gray-bright); }


.se-cardMypage-contents > .b2 > .b1 {
	align-items: center; }
.se-cardMypage-contents > .b2 > .b1 > .b2:nth-child(1) {
	width: 96px;
	flex-shrink: 0;
	text-align: right; }
.se-cardMypage-contents > .b2 > .b1 > .b2:nth-child(1) > span.pa-text {
	font-weight: 600; }
.se-cardMypage-contents > .b2 > .b1 > .b2:nth-child(2) {
	flex-grow: 1;
	margin-left: 16px; }

@media screen and (min-width: 520px) {
	.se-cardMypage > .b2:nth-child(2) {
		padding: 16px; }
}



/* se-colorPalette
----------------------------------------------------------------------------------------------------
  Date. 2021.03.10
Author. Okabe
----------------------------------------------------------------------------------------------------
ガイドページの、カラーパレットにshiyou.
------------------------------------------------------------------------------------------------- */
.se-colorPalette {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	grid-gap: 8px;
	overflow: auto; }

.se-colorPalette-item {
	flex-direction: column;
	justify-content: center;
	align-items: center;
	min-height: 100%;
	border-radius: 4px;
	background-color: inherit; }
.se-colorPalette-item > .b2 {
	width: 100%;
	padding: 16px; }
.se-colorPalette-item > .b2:first-child {
	border-radius: 4px 4px 0 0; }
.se-colorPalette-item > .b2:last-child {
	border-radius: 0 0 4px 4px; }


/*
.se-colorPalette-item > .b2:nth-child(1) > span.pa-text {
	font-size: 2.4rem;
	font-weight: 600; }
.se-colorPalette-item > .b2:nth-child(2) {
	margin-top: 8px; }
.se-colorPalette-item > .b2:nth-child(3) {
	margin-top: 4px; }
*/



/* se-function
----------------------------------------------------------------------------------------------------
      Date. 2023.06.14
    Author. Okabe
----------------------------------------------------------------------------------------------------
-
------------------------------------------------------------------------------------------------- */
.se-function {
	position: fixed;
	width: 100%;
	height: 88px;
	bottom: 0;
	padding: 16px;
	align-items: center;
	background: linear-gradient(rgba(255, 255, 255, 0),rgba(255, 255, 255, 1)); }
.se-function > .b2 ~ .b2 {
	margin-left: 8px; }

.se-function div.pa-button a {
	width: 56px;
	height: 56px;
	border-radius: 28px;
	box-shadow: 0 0 8px 4px rgb(154,161,171,.3); }



/* se-model
----------------------------------------------------------------------------------------------------
      Date. 2022.05.09
    Author. Okabe
Responsive. ×
----------------------------------------------------------------------------------------------------
ガイドページ
------------------------------------------------------------------------------------------------- */
.se-model {
	font-family: 'Courier New', Courier, monospace; }
.se-model .b1 {
	padding: var(--4);
	height: 100%;
	background: var(--white); }
.se-model .b2 {
	padding: 20px 4px 4px 4px;
	height: 100%; }
.se-model > .b2 {
	padding: 0; }
.se-model *:before {
	position: absolute;
	top: 2px;
	right: 4px; }

.se-model.modal {
	background-color: transparent;
	z-index: inherit; }
.se-model.modal > .b2:nth-child(1) {
	width: calc(100% - 16px);
	margin-left: var(--16);
	opacity: .5; }
.se-model.modal > .b2:nth-child(2) {
	position: absolute;
	width: calc(100% - 18px);
	left: 0;
	top: 48px; }

.se-model .se-model_wrapper {
	height: 300px;
	color: var(--red);
	border: 1px solid; }
.se-model .se-model_wrapper:before {
	content: "wrapper"; }

.se-model .se-model_modal {
	height: 300px;
	color: var(--gray-dim);
	border: 1px solid;
	background: rgba(219,224,226,.8);
	z-index: 1; }
.se-model .se-model_modal:before {
	content: "modal"; }

.se-model .se-model_modal > .b2 {
	padding: 20px 0 0  0; }
.se-model .se-model_modal > .b2 {
	padding: 4px; }
.se-model .se-model_modal > .b2:nth-child(1) {
	height: 64px;
	margin-top: 16px; }
.se-model .se-model_modal > .b2:nth-child(2) {
	height: 146px; }
.se-model .se-model_modal > .b2:nth-child(3) {
	height: 64px; }

.se-model .se-model_modal .se-model_modal_header {
	color: var(--lime);
	border: 1px solid; }
.se-model .se-model_modal .se-model_modal_header:before {
	content: "modalHeader"; }

.se-model .se-model_modal .se-model_modal_contents {
	color: var(--indigo);
	border: 1px solid; }
.se-model .se-model_modal .se-model_modal_contents:before {
	content: "modalContents"; }

.se-model .se-model_modal .se-model_modal_footer {
	color: var(--magenta);
	border: 1px solid; }
.se-model .se-model_modal .se-model_modal_footer:before {
	content: "modalFooter"; }





.se-model .se-model_wrapper > .b2:nth-child(1) {
	width: 25%; }
.se-model .se-model_wrapper > .b2:nth-child(2) {
	width: 75%; }

.se-model .se-model_wrapper .se-model_wrapper_global {
	color: var(--blue);
	border: 1px solid; }
.se-model .se-model_wrapper .se-model_wrapper_global:before {
	content: "global"; }

.se-model .se-model_wrapper .se-model_wrapper_main {
	color: var(--orange);
	border: 1px solid; }
.se-model .se-model_wrapper .se-model_wrapper_main:before {
	content: "main"; }

.se-model .se-model_wrapper .se-model_wrapper_main > .b2:nth-child(1) {
	height: 80px; }

.se-model .se-model_wrapper .se-model_wrapper_main > .b2:nth-child(2) {
	height: 176px;
	padding: 4px; }

.se-model .se-model_wrapper .se-model_wrapper_main .se-model_wrapper_main_header {
	color: var(--lime);
	border: 1px solid; }
.se-model .se-model_wrapper .se-model_wrapper_main .se-model_wrapper_main_header:before {
	content: "header"; }

.se-model .se-model_wrapper .se-model_wrapper_main .se-model_wrapper_main_content {
	color: var(--indigo);
	border: 1px solid;
	background: var(--indigo-bright); }
.se-model .se-model_wrapper .se-model_wrapper_main .se-model_wrapper_main_content:before {
	content: "content"; }



/* se-userinformation
----------------------------------------------------------------------------------------------------
           Date. 2023.08.10
        Author. Okabe
Responsive. ○
----------------------------------------------------------------------------------------------------
TB表示の打刻画面で表示するユーザー情報。SP表示はせず、PC版（ 横 ）とTB版（ 縦 ）で切り替え。
js-toggle を用いた動きを含んでいる。
------------------------------------------------------------------------------------------------- */
.se-userinformation {}

.se-userinformation > .b2:nth-child(1) {
	width: 100%; }

@media screen and (max-width: 519px) {
}

@media screen and (min-width: 520px) and (max-width: 959px) {
	.se-userinformation > .b2:nth-child(1) { margin-top: 16px; }
}

@media screen and (min-width: 960px) {
	.se-userinformation > .b2:nth-child(1) { margin-left: 16px; }
}


.se-userinformation-contents {
	flex-direction: column;
	border-radius: var(--4);
	border: 1px solid var(--gray-light);
	box-shadow: 0 0 32px 0 rgba(150,161,171,.2); }

/* -contents--user */
.se-userinformation-contents--user {
	flex-direction: column;
	align-items: center;
	padding: 16px;
	border-bottom: 1px solid var(--gray-light); }


/* 開閉ボタン（ 位置は変える予定 ）---------- */
.se-userinformation-contents--user > .b2:nth-child(1) {
	position: absolute;
	top: 8px;
	right: 8px; }
.se-userinformation-contents--user div.pa-button > a {
	width: 44px;
	height: 44px; }
/* ---------- 開閉ボタン（ 位置は変える予定 ）*/


.se-userinformation-contents--user > .b2:nth-child(3) {
	margin-top: 8px; }
.se-userinformation-contents--user img.pa-img {
	width: 64px;
	height: 64px; }


.se-userinformation > .b2:nth-child(2) {
	position: absolute;
	top: 9px;
	right: -36px; }
.se-userinformation > .b2:nth-child(2) > .pa-button > a {
	width: 44px;
	height: 44px; }
.se-userinformation > .b2:nth-child(2) > .pa-button > a > i[data-attr="icon"] {
	margin-left: -16px; }