@charset 'UTF-8';
body:before
{
	position: absolute;
	width: 0;
	height: 0;
	overflow: hidden;
	content: url(../../ebz/common/images/img_step-arrow.png);
}

/* ==========================================================
  reset
========================================================== */
*,
*:after,
*:before
{
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

main
{
	display: block;
}

blockquote,
body,
div,
figure,
form,
p,
pre
{
	margin: 0;
	padding: 0;
	font-size: 100%;
}

fieldset,
form,
legend
{
	display: block;
	margin: 0;
	padding: 0;
	outline: none;
	border: 0;
	font-size: 100%;
}

div,
form,
p
{
	-webkit-text-size-adjust: 100%;
}

/* table
..................................... */
table
{
	border-collapse: collapse;
	border-spacing: 0;
}

td,
th
{
	padding: 0;
}

/* head
..................................... */
h1,
h2,
h3,
h4,
h5,
h6
{
	margin: 0;
	padding: 0;
	font-size: 100%;
}

/* list
..................................... */
dd,
dl,
dt,
li,
ol,
ul
{
	margin: 0;
	padding: 0;
	list-style: none;
}

/* image
..................................... */
a img
{
	border: 0 none;
}

img
{
	max-width: 100%;
	max-height: 100%;
	vertical-align: middle;
}

/* text
..................................... */
em
{
	font-style: normal;
}

/* form
..................................... */
button,
input,
textarea
{
	padding: 0;
	background: transparent;
	border: 0 none;
	border-radius: 0;
	-webkit-appearance: none;
	resize: none;
}

button:focus,
input:focus,
textarea:focus
{
	outline: 0;
}

input,
textarea
{
	font-size: 16px;
}

button,
input[type='button'],
input[type='submit']
{
	padding: 0;
	font-size: 1rem;
	font-family: inherit;
	background: transparent;
	border-radius: 0;
}

button:not(:disabled),
input[type='button']:not(:disabled),
input[type='submit']:not(:disabled)
{
	cursor: pointer;
}

label:not([disbled='disabled'])
{
	cursor: pointer;
}

/* smartphone
..................................... */
*::after,
*::before,
a,
label,
div
{
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* html
..................................... */
body,
html
{
	margin: 0;
	padding: 0;
	font-family: 'Arial','Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'ＭＳ ゴシック', 'Osaka－等幅', 'MingLiU', 'sans-serif';
	-webkit-font-smoothing: antialiased;
}

/* ==========================================================
  general
========================================================== */
body,
html
{
	position: relative;
	overflow-x: hidden;
	overflow-y: auto;
	height: auto;
	min-height: 100%;
	color: #5a5a5a;
}

@media only screen and (min-width: 768px) and (max-width: 808px) and (orientation: portrait), only screen and (min-width: 809px)
{
	body,
	html
	{
		height: 100%;
	}
	body,
	body *::-ms-backdrop,
	html,
	html *::-ms-backdrop
	{
		overflow-x: inherit;
		overflow-y: inherit;
	}
	body,
	body _:-ms-lang(x),
	body _::-webkit-meter-bar,
	html,
	html _:-ms-lang(x),
	html _::-webkit-meter-bar
	{
		overflow-x: inherit;
		overflow-y: inherit;
	}
}

html.no-scroll
{
	overflow: hidden;
}

a
{
	color: #5a5a5a;
}

@media only screen and (min-width: 768px) and (max-width: 808px) and (orientation: portrait), only screen and (min-width: 809px)
{
	a:active,
	a:hover
	{
		text-decoration: none;
	}
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 808px) and (orientation: landscape)
{
	a:active
	{
		text-decoration: none;
	}
}

label
{
	cursor: pointer;
}

input[class*='__control']
{
	display: none;
}

[data-ui='toggle-compornent'] .toggle__control ~ .toggle__body
{
	display: none;
}

[data-ui='toggle-compornent'] .toggle__control:checked ~ .toggle__body
{
	display: block;
}

@media only screen and (min-width: 768px) and (max-width: 808px) and (orientation: portrait), only screen and (min-width: 809px)
{
	body.fixed
	{
		overflow: hidden;
		height: 100vh;
	}
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 808px) and (orientation: landscape)
{
	body.fixed
	{
		position: fixed;
		width: 100vw;
	}
}

.l-login-background
{
	position: relative;
	overflow: hidden;
}

@media only screen and (min-width: 768px) and (max-width: 808px) and (orientation: portrait), only screen and (min-width: 809px)
{
	.l-login-background:before
	{
		content: '';
		display: block;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		min-height: 100%;
		z-index: -1;
		background: url(../../ebz/common/images/main_visual.jpg) repeat;
		background-size: 120rem 80.0625rem;
	}
	.l-login-background.bank:before
	{
		background: url(../../ebz/common/images/main_visual_bank.jpg) no-repeat;
		background-size: 120rem;
	}
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 808px) and (orientation: landscape)
{
	.l-login-background
	{
		padding-top: 2.9375rem;
	}
	.l-login-background:before
	{
		content: '';
		display: block;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		min-height: 100vh;
		z-index: -1;
		background: url(../../ebz/common/images/main_visual.jpg) no-repeat;
		background-size: 120rem 80.0625rem;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

.l-login-main__console
{
	max-width: 80rem;
	margin: 0 auto;
}

.l-header
{
	position: relative;
	width: 100%;
	background-color: #fff;
}

@media only screen and (min-width: 768px) and (max-width: 808px) and (orientation: portrait), only screen and (min-width: 809px)
{
	.l-header
	{
		height: 6.5rem;
		padding: 0 1.25rem 0 2.1875rem;
		border-bottom: .25rem solid #e60000;
	}
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 808px) and (orientation: landscape)
{
	.l-header
	{
		position: fixed;
		top: 0;
		left: 0;
		width: 100vw;
		height: 2.9375rem;
		padding: 0 .625rem;
		border-bottom: .1875rem solid #e60000;
		z-index: 100;
	}
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 808px) and (orientation: landscape)
{
	.l-header + .l-main
	{
		padding-top: 2.9375rem;
	}
}

.l-header__console
{
	position: relative;
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 808px) and (orientation: landscape)
{
	.l-header__console
	{
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 808px) and (orientation: landscape)
{
	.l-header__title
	{
		margin: 0 .625rem;
	}
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 808px) and (orientation: landscape)
{
	.l-header__title h1
	{
		line-height: 1.5;
		font-size: .875rem;
	}
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 808px) and (orientation: landscape)
{
	.l-header__left
	{
		position: absolute;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		left: -.625rem;
		top: 0;
		bottom: 0;
		height: 2.75rem;
		margin: auto 0;
	}
}

@media only screen and (min-width: 768px) and (max-width: 808px) and (orientation: portrait), only screen and (min-width: 809px)
{
	.l-header__mufg
	{
		margin-right: 2.625rem;
	}
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 808px) and (orientation: landscape)
{
	.l-header__mufg
	{
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		margin: auto 0;
		height: 1.375rem;
	}
	.l-header__mufg img
	{
		height: 1.375rem;
	}
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 808px) and (orientation: landscape)
{
	.l-header__comsuite img
	{
		width: 6.5rem;
		height: 1.375rem;
	}
}

.l-header__language
{
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	margin: auto 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	z-index: 10;
}

.l-header__language .language__console
{
	position: relative;
}

@media only screen and (min-width: 768px) and (max-width: 808px) and (orientation: portrait), only screen and (min-width: 809px)
{
	.l-header__language .language__wrapper
	{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}
	.l-header__language .language__wrapper p
	{
		font-size: .875rem;
		line-height: 1.5;
		margin-right: .625rem;
	}
	.l-header__language .language__wrapper select:not([multiple='multiple'])
	{
		display: inline-block;
		color: #5a5a5a;
		font-size: .875rem;
		padding: 0 2rem 0 .625rem;
		height: 2rem;
		max-width: 100%;
		margin: 0;
		border: .0625rem solid #acacac;
		border-radius: .3125rem;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		background-color: #fff;
		background-image: url(../../ebz/common/images/icon_pulldown.svg), -webkit-gradient(linear, left top, left bottom, from(#fff), to(#d6d6d6));
		background-image: url(../../ebz/common/images/icon_pulldown.svg), linear-gradient(to bottom, #fff, #d6d6d6);
		background-repeat: no-repeat, repeat;
		background-position: right 10px top 50%, 0 0;
		cursor: pointer;
	}
	.l-header__language .language__wrapper select:not([multiple='multiple']):disabled
	{
		opacity: .6;
		cursor: default;
	}
	.l-header__language .language__wrapper select:not([multiple='multiple']):focus
	{
		outline: none;
	}
	.l-header__language .language__wrapper select:not([multiple='multiple']):not([disabled]):hover
	{
		background-image: url(../../ebz/common/images/icon_pulldown.svg), -webkit-gradient(linear, left top, left bottom, from(#e5e5e5), to(#d8d8d8));
		background-image: url(../../ebz/common/images/icon_pulldown.svg), linear-gradient(to bottom, #e5e5e5, #d8d8d8);
	}
	.l-header__language .language__wrapper select:not([multiple='multiple'])::-ms-expand
	{
		display: none;
	}
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 808px) and (orientation: landscape)
{
	.l-header__language .language__wrapper p
	{
		display: none;
	}
	.l-header__language .language__wrapper select:not([multiple='multiple'])
	{
		display: inline-block;
		color: #5a5a5a;
		font-size: 1rem;
		padding: 0 1.625rem 0 .625rem;
		height: 2.5rem;
		max-width: 100%;
		margin: 0;
		border: 0;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		background-color: #fff;
		background-image: url(../../ebz/common/images/icon_pulldown.svg);
		background-repeat: no-repeat, repeat;
		background-position: right 0 top 50%, 0 0;
		cursor: pointer;
	}
	.l-header__language .language__wrapper select:not([multiple='multiple']):disabled
	{
		opacity: .6;
		cursor: default;
	}
	.l-header__language .language__wrapper select:not([multiple='multiple']):focus
	{
		outline: none;
	}
	.l-header__language .language__wrapper select:not([multiple='multiple'])::-ms-expand
	{
		display: none;
	}
}

.l-header__language .language
{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	line-height: 1.5;
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 808px) and (orientation: landscape)
{
	.l-header__language .language
	{
		position: relative;
		font-size: .875rem;
		height: 2.5rem;
		border: .125rem solid #acacac;
		padding: 0 2.25rem 0 .625rem;
		text-decoration: none;
	}
	.l-header__language .language:before
	{
		position: absolute;
		content: '';
		display: block;
		top: 0;
		bottom: 0;
		right: .625rem;
		margin: auto 0;
		width: 1rem;
		height: 1rem;
		background: url(../../ebz/common/images/icon_pulldown.svg) no-repeat center center;
		background-size: 1rem 1rem;
	}
}

.l-footer
{
	width: 100%;
	background-color: #fff;
}

@media only screen and (min-width: 768px) and (max-width: 808px) and (orientation: portrait), only screen and (min-width: 809px)
{
	.l-footer
	{
		border-top: .0625rem solid #d6d6d6;
		padding: 0 1.25rem 0 1.0625rem;
	}
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 808px) and (orientation: landscape)
{
	.l-footer
	{
		border-top: .0625rem solid #d6d6d6;
	}
}

.l-footer__console
{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

@media only screen and (min-width: 768px) and (max-width: 808px) and (orientation: portrait), only screen and (min-width: 809px)
{
	.l-footer__console
	{
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: end;
		-ms-flex-pack: end;
		justify-content: flex-end;
		height: 4rem;
	}
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 808px) and (orientation: landscape)
{
	.l-footer__console
	{
		height: 3.875rem;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}
}

@media only screen and (min-width: 768px) and (max-width: 808px) and (orientation: portrait), only screen and (min-width: 809px)
{
	.l-footer .display-id
	{
		display: none;
	}
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 808px) and (orientation: landscape)
{
	.l-footer .display-id
	{
		font-size: .875rem;
		line-height: 1.2;
		margin-bottom: .0625rem;
	}
}

.l-footer address
{
	font-style: normal;
}

@media only screen and (min-width: 768px) and (max-width: 808px) and (orientation: portrait), only screen and (min-width: 809px)
{
	.l-footer address
	{
		font-size: .625rem;
	}
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 808px) and (orientation: landscape)
{
	.l-footer address
	{
		font-size: .625rem;
		line-height: 1.8;
		margin-top: .0625rem;
	}
	.l-footer address span
	{
		display: none;
	}
}

.l-main
{
	position: relative;
}

@media only screen and (min-width: 768px) and (max-width: 808px) and (orientation: portrait), only screen and (min-width: 809px)
{
	.l-main
	{
		margin: 0 auto;
		padding: 0 1.875rem;
		max-width: 89.125rem;
	}
}

@media only screen and (min-width: 768px) and (max-width: 808px) and (orientation: portrait), only screen and (min-width: 809px)
{
	.l-main__display-id
	{
		position: absolute;
		right: 0;
		top: .75rem;
		line-height: 1.5;
		font-size: .875rem;
	}
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 808px) and (orientation: landscape)
{
	.l-main__display-id
	{
		display: none;
	}
}

.l-main__console
{
	position: relative;
}

@media only screen and (min-width: 768px) and (max-width: 808px) and (orientation: portrait), only screen and (min-width: 809px)
{
	.l-main__console
	{
		padding: 1.875rem 0;
		width: 100%;
	}
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 808px) and (orientation: landscape)
{
	.l-main__console
	{
		padding: 1.25rem 0;
	}
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 808px) and (orientation: landscape)
{
	.l-main__console.with-information
	{
		padding: 0 0 1.25rem;
	}
}

@media only screen and (min-width: 768px) and (max-width: 808px) and (orientation: portrait), only screen and (min-width: 809px)
{
	.l-main__common
	{
		margin-top: 1.875rem;
	}
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 808px) and (orientation: landscape)
{
	.l-main__common
	{
		margin-top: 1.25rem;
	}
	.l-main__common.with-no-top
	{
		margin-top: 0;
	}
	.l-main__common.with-lr-margin
	{
		margin: 0 .625rem;
	}
	.l-main__common.with-tlr-margin
	{
		margin: 1.25rem .625rem 0;
	}
}

@media only screen and (min-width: 768px) and (max-width: 808px) and (orientation: portrait), only screen and (min-width: 809px)
{
	.l-main__contents
	{
		padding: .625rem;
		border-left: .0625rem solid #d6d6d6;
		border-right: .0625rem solid #d6d6d6;
		border-bottom: .0625rem solid #d6d6d6;
	}
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 808px) and (orientation: landscape)
{
	.l-main__contents
	{
		margin-top: 1.25rem;
		padding: 0 .625rem;
	}
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 808px) and (orientation: landscape)
{
	.l-main__title
	{
		padding: 0 .625rem;
		margin-top: 2.1875rem;
	}
}

.l-main__title h1
{
	position: relative;
}

@media only screen and (min-width: 768px) and (max-width: 808px) and (orientation: portrait), only screen and (min-width: 809px)
{
	.l-main__title h1
	{
		font-size: 1.25rem;
		font-weight: bold;
		line-height: 1.5;
	}
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 808px) and (orientation: landscape)
{
	.l-main__title h1
	{
		font-size: .875rem;
		font-weight: bold;
		line-height: 1.5;
	}
}

@media only screen and (min-width: 768px) and (max-width: 808px) and (orientation: portrait), only screen and (min-width: 809px)
{
	.l-main__title .sub-title
	{
		font-size: .875rem;
		line-height: 1.5;
		padding-left: 3.75rem;
	}
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 808px) and (orientation: landscape)
{
	.l-main__title .sub-title
	{
		font-size: .875rem;
		line-height: 1.5;
		padding-left: 3.75rem;
	}
}

.l-main__title .sub-title .indent
{
	display: block;
}

@media only screen and (min-width: 768px) and (max-width: 808px) and (orientation: portrait), only screen and (min-width: 809px)
{
	.l-main__title .sub-title .indent
	{
		padding-left: .875rem;
		text-indent: -.875rem;
	}
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 808px) and (orientation: landscape)
{
	.l-main__title .sub-title .indent
	{
		padding-left: .875rem;
		text-indent: -.875rem;
	}
}

@media only screen and (min-width: 768px) and (max-width: 808px) and (orientation: portrait), only screen and (min-width: 809px)
{
	.l-main__title.no-step
	{
		padding-bottom: 1.25rem;
		border-bottom: .0625rem solid #d6d6d6;
	}
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 808px) and (orientation: landscape)
{
	.l-main__title.no-step
	{
		padding-bottom: .8125rem;
		border-bottom: .125rem solid #e60000;
	}
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 808px) and (orientation: landscape)
{
	.l-main__title.no-icon
	{
		margin-top: 0;
	}
}

@media only screen and (min-width: 768px) and (max-width: 808px) and (orientation: portrait), only screen and (min-width: 809px)
{
	.l-main__title.information h1
	{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		min-height: 2.5rem;
		padding-left: 3.75rem;
		font-size: 1.125rem;
	}
	.l-main__title.information h1:before
	{
		content: '';
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 2.5rem;
		height: 2.5rem;
		min-width: 2.5rem;
		background: url(../../ebz/common/images/icon_information.svg) no-repeat;
	}
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 808px) and (orientation: landscape)
{
	.l-main__title.information
	{
		margin-top: 0;
	}
	.l-main__title.information h1
	{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		min-height: 2.5rem;
		padding-left: 3.75rem;
	}
	.l-main__title.information h1:before
	{
		content: '';
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 2.5rem;
		height: 2.5rem;
		min-width: 2.5rem;
		background: url(../../ebz/common/images/icon_information.svg) no-repeat;
	}
}

@media only screen and (min-width: 768px) and (max-width: 808px) and (orientation: portrait), only screen and (min-width: 809px)
{
	.l-main__title.complete h1
	{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		min-height: 2.5rem;
		padding-left: 3.75rem;
		font-size: 1.125rem;
	}
	.l-main__title.complete h1:before
	{
		content: '';
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 2.5rem;
		height: 2.5rem;
		min-width: 2.5rem;
		background: url(../../ebz/common/images/icon_complete.svg) no-repeat;
	}
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 808px) and (orientation: landscape)
{
	.l-main__title.complete
	{
		margin-top: 0;
	}
	.l-main__title.complete h1
	{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		min-height: 2.5rem;
		padding-left: 3.75rem;
	}
	.l-main__title.complete h1:before
	{
		content: '';
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 2.5rem;
		height: 2.5rem;
		min-width: 2.5rem;
		background: url(../../ebz/common/images/icon_complete.svg) no-repeat;
	}
}

@media only screen and (min-width: 768px) and (max-width: 808px) and (orientation: portrait), only screen and (min-width: 809px)
{
	.l-main__title.confirm h1
	{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		min-height: 2.5rem;
		padding-left: 3.75rem;
		font-size: 1.125rem;
	}
	.l-main__title.confirm h1:before
	{
		content: '';
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 2.5rem;
		height: 2.5rem;
		min-width: 2.5rem;
		background: url(../../ebz/common/images/icon_confirm.svg) no-repeat;
	}
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 808px) and (orientation: landscape)
{
	.l-main__title.confirm
	{
		margin-top: 0;
	}
	.l-main__title.confirm h1
	{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		min-height: 2.5rem;
		padding-left: 3.75rem;
	}
	.l-main__title.confirm h1:before
	{
		content: '';
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 2.5rem;
		height: 2.5rem;
		min-width: 2.5rem;
		background: url(../../ebz/common/images/icon_confirm.svg) no-repeat;
	}
}

@media only screen and (min-width: 768px) and (max-width: 808px) and (orientation: portrait), only screen and (min-width: 809px)
{
	.l-main__title.error h1
	{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		min-height: 2.5rem;
		padding-left: 3.75rem;
		color: #e60000;
		font-size: 1.125rem;
	}
	.l-main__title.error h1:before
	{
		content: '';
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 2.5rem;
		height: 2.5rem;
		min-width: 2.5rem;
		background: url(../../ebz/common/images/icon_error.svg) no-repeat;
	}
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 808px) and (orientation: landscape)
{
	.l-main__title.error
	{
		margin-top: 0;
	}
	.l-main__title.error h1
	{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		min-height: 2.5rem;
		padding-left: 3.75rem;
		color: #e60000;
	}
	.l-main__title.error h1:before
	{
		content: '';
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 2.5rem;
		height: 2.5rem;
		min-width: 2.5rem;
		background: url(../../ebz/common/images/icon_error.svg) no-repeat;
	}
}

@media only screen and (min-width: 768px) and (max-width: 808px) and (orientation: portrait), only screen and (min-width: 809px)
{
	.l-main__title + .l-main__step
	{
		margin-top: 1.25rem;
	}
}

.l-main__section
{
	background-color: #d6d6d6;
}

@media only screen and (min-width: 768px) and (max-width: 808px) and (orientation: portrait), only screen and (min-width: 809px)
{
	.l-main__section
	{
		border-top: .25rem solid #e60000;
		border-bottom: .125rem solid #acacac;
		padding: .625rem .6875rem;
	}
	.l-main__section + .l-main__sub-section
	{
		border-top: 0;
	}
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 808px) and (orientation: landscape)
{
	.l-main__section
	{
		padding: .8125rem .625rem;
	}
}

@media only screen and (min-width: 768px) and (max-width: 808px) and (orientation: portrait), only screen and (min-width: 809px)
{
	.l-main__section h2
	{
		font-weight: bold;
		font-size: 1.125rem;
		line-height: 1.5;
	}
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 808px) and (orientation: landscape)
{
	.l-main__section h2
	{
		font-weight: normal;
		font-size: .875rem;
		line-height: 1.3;
	}
}

@media only screen and (min-width: 768px) and (max-width: 808px) and (orientation: portrait), only screen and (min-width: 809px)
{
	.l-main__sub-section
	{
		border-top: .0625rem solid #d6d6d6;
		border-left: .0625rem solid #d6d6d6;
		border-right: .0625rem solid #d6d6d6;
		border-bottom: .125rem solid #acacac;
		padding: 1.375rem .625rem .375rem;
	}
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 808px) and (orientation: landscape)
{
	.l-main__sub-section
	{
		margin-top: 1.25rem;
		padding: 0 .625rem;
	}
}

@media only screen and (min-width: 768px) and (max-width: 808px) and (orientation: portrait), only screen and (min-width: 809px)
{
	.l-main__sub-section h3
	{
		font-weight: bold;
		font-size: 1.125rem;
		line-height: 1.5;
	}
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 808px) and (orientation: landscape)
{
	.l-main__sub-section h3
	{
		font-weight: normal;
		font-size: .875rem;
		line-height: 1.3;
		padding-bottom: .625rem;
		border-bottom: .0625rem solid #838383;
	}
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 808px) and (orientation: landscape)
{
	.l-main__step
	{
		padding: 0 .625rem;
	}
}

.l-main__btns
{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

@media only screen and (min-width: 768px) and (max-width: 808px) and (orientation: portrait), only screen and (min-width: 809px)
{
	.l-main__btns
	{
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 808px) and (orientation: landscape)
{
	.l-main__btns
	{
		padding: 0 .625rem;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}
}

@media only screen and (min-width: 768px) and (max-width: 808px) and (orientation: portrait), only screen and (min-width: 809px)
{
	.l-main__internal-link + .c-text
	{
		margin-top: 1.125rem;
	}
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 808px) and (orientation: landscape)
{
	.l-main__internal-link + .c-text
	{
		margin-top: 1.25rem;
	}
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 808px) and (orientation: landscape)
{
	.l-main__text + .c-table
	{
		margin-top: 1.25rem;
	}
}

@media only screen and (min-width: 768px) and (max-width: 808px) and (orientation: portrait), only screen and (min-width: 809px)
{
	.l-main__linklist
	{
		padding: 1.25rem;
		border-left: .0625rem solid #d6d6d6;
		border-right: .0625rem solid #d6d6d6;
		border-bottom: .0625rem solid #d6d6d6;
	}
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 808px) and (orientation: landscape)
{
	.l-main__linklist
	{
		margin-top: 1.25rem;
	}
}

@media only screen and (min-width: 768px) and (max-width: 808px) and (orientation: portrait), only screen and (min-width: 809px)
{
	.l-main__back
	{
		margin-bottom: 1.25rem;
	}
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 808px) and (orientation: landscape)
{
	.l-main__back
	{
		margin-bottom: 1.25rem;
		padding: 0 .625rem;
	}
}

@media only screen and (min-width: 768px) and (max-width: 808px) and (orientation: portrait), only screen and (min-width: 809px)
{
	.l-main + .l-main
	{
		border-top: .0625rem solid #d6d6d6;
	}
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 808px) and (orientation: landscape)
{
	.l-main + .l-main
	{
		border-top: .0625rem solid #d6d6d6;
	}
}

@media only screen and (min-width: 768px) and (max-width: 808px) and (orientation: portrait), only screen and (min-width: 809px)
{
	.l-main__information-title h2
	{
		font-size: 1.125rem;
		font-weight: bold;
		line-height: 1.5;
	}
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 808px) and (orientation: landscape)
{
	.l-main__information-title
	{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		padding: .8125rem .625rem;
		margin-top: 1.25rem;
		background-color: #d6d6d6;
	}
	.l-main__information-title h2
	{
		font-size: .875rem;
		font-weight: normal;
		line-height: 1.3;
	}
}

.l-main__information-date
{
	line-height: 1.5;
	text-align: right;
}

@media only screen and (min-width: 768px) and (max-width: 808px) and (orientation: portrait), only screen and (min-width: 809px)
{
	.l-main__information-date
	{
		margin-top: 1.875rem;
	}
	.l-main__information-date p
	{
		font-size: .875rem;
	}
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 808px) and (orientation: landscape)
{
	.l-main__information-date
	{
		margin-top: 1.25rem;
		padding: 0 .625rem;
	}
	.l-main__information-date p
	{
		font-size: .875rem;
	}
}

@media only screen and (min-width: 768px) and (max-width: 808px) and (orientation: portrait), only screen and (min-width: 809px)
{
	.l-main__information-detail
	{
		margin-top: .625rem;
	}
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 808px) and (orientation: landscape)
{
	.l-main__information-detail
	{
		margin-top: .625rem;
		padding: 0 .625rem;
	}
}

.c-login-btn input[type='button'],
.c-login-btn__primary input[type='button'],
.c-login-btn input[type='submit'],
.c-login-btn__primary input[type='submit']
{
	display: block;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	cursor: pointer;
	border: 0;
	color: #fff;
	text-align: center;
	white-space: normal;
}

@media only screen and (min-width: 768px) and (max-width: 808px) and (orientation: portrait), only screen and (min-width: 809px)
{
	.c-login-btn input[type='button'],
	.c-login-btn__primary input[type='button'],
	.c-login-btn input[type='submit'],
	.c-login-btn__primary input[type='submit']
	{
		border-radius: .3125rem;
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #e60000), to(#910101));
		background: linear-gradient(to bottom, #e60000 0, #910101 100%);
	}
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 808px) and (orientation: landscape)
{
	.c-login-btn input[type='button'],
	.c-login-btn__primary input[type='button'],
	.c-login-btn input[type='submit'],
	.c-login-btn__primary input[type='submit']
	{
		border-radius: .3125rem;
		background-color: #e60000;
	}
}

.c-login-btn input[type='button'][disabled],
.c-login-btn__primary input[type='button'][disabled],
.c-login-btn input[type='submit'][disabled],
.c-login-btn__primary input[type='submit'][disabled]
{
	cursor: default;
}

.c-login-btn__primary input[type='button'],
.c-login-btn__primary input[type='submit']
{
	position: relative;
	line-height: 1.5;
}

@media only screen and (min-width: 768px) and (max-width: 808px) and (orientation: portrait), only screen and (min-width: 809px)
{
	.c-login-btn__primary input[type='button'],
	.c-login-btn__primary input[type='submit']
	{
		font-size: .875rem;
		width: 20rem;
		height: 3rem;
	}
	.c-login-btn__primary input[type='button']:not([disabled]):hover,
	.c-login-btn__primary input[type='submit']:not([disabled]):hover
	{
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #b70000), to(#730000));
		background: linear-gradient(to bottom, #b70000 0, #730000 100%);
	}
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 808px) and (orientation: landscape)
{
	.c-login-btn__primary input[type='button'],
	.c-login-btn__primary input[type='submit']
	{
		font-size: .875rem;
		width: 100%;
		height: 2.5rem;
	}
	.c-login-btn__primary input[type='button']:not([disabled]):active,
	.c-login-btn__primary input[type='submit']:not([disabled]):active
	{
		background-color: #b80000;
	}
}

.c-language-select
{
	display: none;
	line-height: 1.5;
	position: absolute;
}

@media only screen and (min-width: 768px) and (max-width: 808px) and (orientation: portrait), only screen and (min-width: 809px)
{
	.c-language-select
	{
		top: 1.5rem;
		right: -.625rem;
	}
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 808px) and (orientation: landscape)
{
	.c-language-select
	{
		top: 2.375rem;
		right: 0;
	}
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 808px) and (orientation: landscape)
{
	.c-language-select.show-language-select
	{
		display: block;
	}
}

.c-language-select ul
{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	position: relative;
}

@media only screen and (min-width: 768px) and (max-width: 808px) and (orientation: portrait), only screen and (min-width: 809px)
{
	.c-language-select ul
	{
		margin-top: 1rem;
		border: .0625rem solid #acacac;
		background-color: #fff;
		-webkit-box-shadow: 0 .25rem .5rem 0 rgba(0, 0, 0, .16);
		box-shadow: 0 .25rem .5rem 0 rgba(0, 0, 0, .16);
	}
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 808px) and (orientation: landscape)
{
	.c-language-select ul
	{
		margin-top: 1rem;
		border: .0625rem solid #acacac;
		background-color: #fff;
		-webkit-box-shadow: 0 .25rem .5rem 0 rgba(0, 0, 0, .16);
		box-shadow: 0 .25rem .5rem 0 rgba(0, 0, 0, .16);
	}
}

.c-language-select ul li
{
	position: relative;
}

.c-language-select ul li a
{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	text-decoration: none;
	position: relative;
}

@media only screen and (min-width: 768px) and (max-width: 808px) and (orientation: portrait), only screen and (min-width: 809px)
{
	.c-language-select ul li a
	{
		width: 12.375rem;
		height: 3rem;
		font-size: .875rem;
	}
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 808px) and (orientation: landscape)
{
	.c-language-select ul li a
	{
		width: 12.375rem;
		height: 3rem;
		font-size: .875rem;
	}
}

.c-language-select ul li:first-child a:before,
.c-language-select ul li:first-child a:after
{
	content: '';
	position: absolute;
	right: 0;
	left: 0;
	width: 0;
	height: 0;
	margin: auto;
}

.c-language-select ul li:first-child a:before
{
	z-index: 1;
}

@media only screen and (min-width: 768px) and (max-width: 808px) and (orientation: portrait), only screen and (min-width: 809px)
{
	.c-language-select ul li:first-child a:before
	{
		top: -1.125rem;
		left: inherit;
		right: 1.875rem;
		border: .5rem solid transparent;
		border-bottom: .625rem solid #acacac;
	}
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 808px) and (orientation: landscape)
{
	.c-language-select ul li:first-child a:before
	{
		top: -1.125rem;
		left: inherit;
		right: 1.25rem;
		border: .5rem solid transparent;
		border-bottom: .625rem solid #acacac;
	}
}

.c-language-select ul li:first-child a:after
{
	z-index: 2;
}

@media only screen and (min-width: 768px) and (max-width: 808px) and (orientation: portrait), only screen and (min-width: 809px)
{
	.c-language-select ul li:first-child a:after
	{
		top: -1rem;
		left: inherit;
		right: 1.875rem;
		border: .5rem solid transparent;
		border-bottom: .625rem solid #fff;
	}
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 808px) and (orientation: landscape)
{
	.c-language-select ul li:first-child a:after
	{
		top: -1rem;
		left: inherit;
		right: 1.25rem;
		border: .5rem solid transparent;
		border-bottom: .625rem solid #fff;
	}
}

.c-language-select ul li:first-child a:hover:after
{
	z-index: 2;
}

@media only screen and (min-width: 768px) and (max-width: 808px) and (orientation: portrait), only screen and (min-width: 809px)
{
	.c-language-select ul li:first-child a:hover:after
	{
		top: -1rem;
		border: .5rem solid transparent;
		border-bottom: .625rem solid #e5e5e5;
	}
}

.c-language-select ul li:first-child a:active:after
{
	z-index: 2;
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 808px) and (orientation: landscape)
{
	.c-language-select ul li:first-child a:active:after
	{
		top: -1rem;
		left: inherit;
		right: 1.25rem;
		border: .5rem solid transparent;
		border-bottom: .625rem solid #e5e5e5;
	}
}

@media only screen and (min-width: 768px) and (max-width: 808px) and (orientation: portrait), only screen and (min-width: 809px)
{
	.c-language-select ul li + li
	{
		border-top: .0625rem solid #d6d6d6;
	}
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 808px) and (orientation: landscape)
{
	.c-language-select ul li + li
	{
		border-top: .0625rem solid #d6d6d6;
	}
}

.c-language-select ul li:hover:after
{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	background-color: rgba(0, 0, 0, .1);
	pointer-events: none;
}

@media only screen and (min-width: 768px) and (max-width: 808px) and (orientation: portrait), only screen and (min-width: 809px)
{
	.c-language-select ul li:hover:after
	{
		width: 12.375rem;
		height: 3rem;
	}
}

.c-language-select ul li:active:after
{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	background-color: rgba(0, 0, 0, .1);
	pointer-events: none;
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 808px) and (orientation: landscape)
{
	.c-language-select ul li:active:after
	{
		width: 12.375rem;
		height: 3rem;
	}
}

@media only screen and (min-width: 768px) and (max-width: 808px) and (orientation: portrait), only screen and (min-width: 809px)
{
	.c-pagetop
	{
		display: none;
	}
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 808px) and (orientation: landscape)
{
	.c-pagetop
	{
		display: block;
		position: fixed;
		right: .625rem;
		bottom: -3.625rem;
		width: 2.5rem;
		height: 2.5rem;
		background-color: rgba(214, 214, 214, .9);
		background-image: url(../../ebz/common/images/icon_pagetop.svg);
		background-position: center center;
		background-repeat: no-repeat;
		border: .0625rem solid #acacac;
		border-radius: .3125rem;
		-webkit-box-shadow: .25rem .25rem .75rem 0 rgba(0, 0, 0, .1);
		box-shadow: .25rem .25rem .75rem 0 rgba(0, 0, 0, .1);
		cursor: pointer;
		z-index: 10;
	}
	.c-pagetop:active
	{
		background-color: #adadad;
	}
	.c-pagetop.slide-in
	{
		-webkit-animation: pagetopSlideIn .3s ease;
		animation: pagetopSlideIn .3s ease;
		-webkit-animation-fill-mode: forwards;
		animation-fill-mode: forwards;
	}
	.c-pagetop.slide-out
	{
		-webkit-animation: pagetopSlideOut .3s ease;
		animation: pagetopSlideOut .3s ease;
		-webkit-animation-fill-mode: forwards;
		animation-fill-mode: forwards;
		pointer-events: none;
	}
	@-webkit-keyframes pagetopSlideIn
	{
		0%
		{
			bottom: -3.625rem;
		}
		100%
		{
			bottom: .625rem;
		}
	}
	@keyframes pagetopSlideIn
	{
		0%
		{
			bottom: -3.625rem;
		}
		100%
		{
			bottom: .625rem;
		}
	}
	@-webkit-keyframes pagetopSlideOut
	{
		0%
		{
			bottom: .625rem;
		}
		100%
		{
			bottom: -3.625rem;
		}
	}
	@keyframes pagetopSlideOut
	{
		0%
		{
			bottom: .625rem;
		}
		100%
		{
			bottom: -3.625rem;
		}
	}
}

.c-login-keyboard
{
	z-index: 99;
	display: none;
}

@media only screen and (min-width: 768px) and (max-width: 808px) and (orientation: portrait), only screen and (min-width: 809px)
{
	.c-login-keyboard.keyboard-show
	{
		display: block;
	}
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 808px) and (orientation: landscape)
{
	.c-login-keyboard.keyboard-show
	{
		display: block;
	}
}

@media only screen and (min-width: 768px) and (max-width: 808px) and (orientation: portrait), only screen and (min-width: 809px)
{
	.c-login-keyboard
	{
		position: absolute;
		top: 0rem;
		left: 0;
		right: 0;
		margin: 0 auto;
		width: 47.625rem;
		font-size: .875rem;
		line-height: 1.5;
	}
	.c-login-keyboard__console
	{
		width: 47.625rem;
		-webkit-box-shadow: 0 .25rem .5rem 0 rgba(0, 0, 0, .16);
		box-shadow: 0 .25rem .5rem 0 rgba(0, 0, 0, .16);
	}
	.c-login-keyboard__header
	{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: end;
		-ms-flex-pack: end;
		justify-content: flex-end;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		width: 100%;
		height: 3.75rem;
		padding-right: 1.25rem;
		background-color: rgba(0, 0, 0, .6);
	}
	.c-login-keyboard__header .keyboard-close
	{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		color: #fff;
		text-decoration: none;
	}
	.c-login-keyboard__header .keyboard-close:before
	{
		content: '';
		display: block;
		width: 1rem;
		height: 1rem;
		background: url(../../ebz/common/images/icon_close_white.svg) no-repeat;
		background-size: 1rem 1rem;
		margin-right: .625rem;
	}
	.c-login-keyboard__body
	{
		width: 100%;
		padding: 1.3125rem 1.25rem 1.3125rem 1.375rem;
		background-color: #fff;
		border: .0625rem solid #acacac;
	}
	.c-login-keyboard__body input[type='button']
	{
		display: block;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		border: .0625rem solid #acacac;
		border-radius: .3125rem;
		cursor: pointer;
		height: 2rem;
		font-size: .875rem;
		text-align: center;
		color: #5a5a5a;
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), to(#d6d6d6));
		background: linear-gradient(to bottom, #fff 0, #d6d6d6 100%);
	}
	.c-login-keyboard__body .keyboard-function
	{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		margin-bottom: .6875rem;
	}
	.c-login-keyboard__body .keyboard-function .keyboard-how-to-use
	{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}
	.c-login-keyboard__body .keyboard-function .keyboard-how-to-use:before
	{
		content: '';
		display: block;
		width: 1rem;
		height: 1rem;
		background: url(../../ebz/common/images/icon_help_small.svg) no-repeat;
		background-size: 1rem 1rem;
		margin-right: .625rem;
	}
	.c-login-keyboard__body .keyboard-function input[type='button']
	{
		width: 6.625rem;
	}
	.c-login-keyboard__body .keyboard-function input[type='button'] + input[type='button']
	{
		margin-left: .9375rem;
	}
	.c-login-keyboard__body .keyboard-function .function-right
	{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}
	.c-login-keyboard__body .keyboard-function .function-right .keyboard-close
	{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		border: .0625rem solid #acacac;
		border-radius: 2rem;
		cursor: pointer;
		height: 2rem;
		font-size: .875rem;
		text-align: center;
		color: #5a5a5a;
		text-decoration: none;
		padding: 0 .625rem;
		line-height: 1.5;
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), to(#d6d6d6));
		background: linear-gradient(to bottom, #fff 0, #d6d6d6 100%);
	}
	.c-login-keyboard__body .keyboard-main
	{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		margin-bottom: .4375rem;
	}
	.c-login-keyboard__body .keyboard-main input[type='button']
	{
		width: 2rem;
	}
	.c-login-keyboard__body .keyboard-main .upper-case,
	.c-login-keyboard__body .keyboard-main .lower-case
	{
		width: 18.1875rem;
		margin-right: 1rem;
	}
	.c-login-keyboard__body .keyboard-main .number
	{
		width: 6.625rem;
	}
	.c-login-keyboard__body .keyboard-main .upper-case .category-title,
	.c-login-keyboard__body .keyboard-main .lower-case .category-title,
	.c-login-keyboard__body .keyboard-main .number .category-title
	{
		font-size: .75rem;
		margin-bottom: .3125rem;
	}
	.c-login-keyboard__body .keyboard-main .upper-case ul,
	.c-login-keyboard__body .keyboard-main .lower-case ul,
	.c-login-keyboard__body .keyboard-main .number ul
	{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}
	.c-login-keyboard__body .keyboard-main .upper-case ul li,
	.c-login-keyboard__body .keyboard-main .lower-case ul li,
	.c-login-keyboard__body .keyboard-main .number ul li
	{
		margin-bottom: .3125rem;
	}
	.c-login-keyboard__body .keyboard-main .upper-case ul li + li,
	.c-login-keyboard__body .keyboard-main .lower-case ul li + li,
	.c-login-keyboard__body .keyboard-main .number ul li + li
	{
		margin-left: .3125rem;
	}
	.c-login-keyboard__body .kyeboard-sub
	{
		width: 100%;
	}
	.c-login-keyboard__body .kyeboard-sub input[type='button']
	{
		width: 2rem;
	}
	.c-login-keyboard__body .kyeboard-sub .symbol .category-title
	{
		font-size: .75rem;
		margin-bottom: .3125rem;
	}
	.c-login-keyboard__body .kyeboard-sub .symbol ul
	{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}
	.c-login-keyboard__body .kyeboard-sub .symbol ul li + li
	{
		margin-left: .3125rem;
	}
	.c-login-keyboard__body .kyeboard-sub .symbol ul li.clear-all
	{
		margin-left: 1rem;
	}
	.c-login-keyboard__body .kyeboard-sub .symbol ul li.clear-all input[type='button']
	{
		width: 6.0625rem;
	}
	.c-login-keyboard__body .kyeboard-sub .symbol ul li.back-space input[type='button']
	{
		width: 7.875rem;
	}
}

@media only screen and (min-width: 1024px)
{
	.c-login-keyboard
	{
		left: -6rem;
		-webkit-transform: none;
		transform: none;
	}
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 808px) and (orientation: landscape)
{
	.c-login-keyboard
	{
		position: fixed;
		bottom: -18.75rem;
		left: 0;
	}
	.c-login-keyboard__console
	{
		width: 100%;
		background-color: #fff;
	}
	.c-login-keyboard__header
	{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		width: 100vw;
		height: 4rem;
		padding: 0 .625rem;
		background-color: #fff;
	}
	.c-login-keyboard__header .keyboard-how-to-use
	{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		font-size: .875rem;
	}
	.c-login-keyboard__header .keyboard-how-to-use:before
	{
		content: '';
		display: block;
		width: 1.5rem;
		height: 1.5rem;
		background: url(../../ebz/common/images/icon_help_small_sp.svg) no-repeat;
		background-size: 1.5rem 1.5rem;
		margin-right: .625rem;
	}
	.c-login-keyboard__header .keyboard-close
	{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		border: .0625rem solid #acacac;
		border-radius: 2rem;
		cursor: pointer;
		height: 2rem;
		font-size: .875rem;
		text-align: center;
		color: #5a5a5a;
		text-decoration: none;
		padding: 0 .625rem;
		line-height: 1.5;
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), to(#d6d6d6));
		background: linear-gradient(to bottom, #fff 0, #d6d6d6 100%);
	}
	.c-login-keyboard__body
	{
		width: 100vw;
		padding: .75rem 0 .3125rem;
		background-color: #fff;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}
	.c-login-keyboard__body input[type='button']
	{
		display: block;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		border: .0625rem solid #acacac;
		border-radius: .3125rem;
		cursor: pointer;
		height: 2.625rem;
		font-size: 1.0625rem;
		text-align: center;
		color: #5a5a5a;
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), to(#d6d6d6));
		background: linear-gradient(to bottom, #fff 0, #d6d6d6 100%);
	}
	.c-login-keyboard__body .keyboard-main,
	.c-login-keyboard__body .keyboard-sub
	{
		margin-bottom: 1.1875rem;
	}
	.c-login-keyboard__body .keyboard-main input[type='button'],
	.c-login-keyboard__body .keyboard-sub input[type='button']
	{
		width: 1.875rem;
	}
	.c-login-keyboard__body .keyboard-main ul,
	.c-login-keyboard__body .keyboard-sub ul
	{
		width: 100%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
	.c-login-keyboard__body .keyboard-main ul + ul,
	.c-login-keyboard__body .keyboard-sub ul + ul
	{
		margin-top: 1rem;
	}
	.c-login-keyboard__body .keyboard-main ul li,
	.c-login-keyboard__body .keyboard-sub ul li
	{
		position: relative;
	}
	.c-login-keyboard__body .keyboard-main ul li + li,
	.c-login-keyboard__body .keyboard-sub ul li + li
	{
		margin-left: .375rem;
	}
	.c-login-keyboard__body .keyboard-main ul li.shift,
	.c-login-keyboard__body .keyboard-sub ul li.shift
	{
		margin-right: .375rem;
	}
	.c-login-keyboard__body .keyboard-main ul li.shift:after,
	.c-login-keyboard__body .keyboard-sub ul li.shift:after
	{
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: 2.625rem;
		height: 2.625rem;
		background: url(../../ebz/common/images/icon_shift.svg) no-repeat center center;
		pointer-events: none;
	}
	.c-login-keyboard__body .keyboard-main ul li.shift input[type='button'],
	.c-login-keyboard__body .keyboard-sub ul li.shift input[type='button']
	{
		width: 2.625rem;
	}
	.c-login-keyboard__body .keyboard-main ul li.backspace,
	.c-login-keyboard__body .keyboard-sub ul li.backspace
	{
		margin-left: .75rem;
	}
	.c-login-keyboard__body .keyboard-main ul li.backspace:after,
	.c-login-keyboard__body .keyboard-sub ul li.backspace:after
	{
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: 2.625rem;
		height: 2.625rem;
		background: url(../../ebz/common/images/icon_backspace.svg) no-repeat center center;
		pointer-events: none;
	}
	.c-login-keyboard__body .keyboard-main ul li.backspace input[type='button'],
	.c-login-keyboard__body .keyboard-sub ul li.backspace input[type='button']
	{
		width: 2.625rem;
	}
	.c-login-keyboard__body .keyboard-sub
	{
		display: none;
	}
	.c-login-keyboard__body .keyboard-sub ul li.backspace
	{
		margin-left: 0;
	}
	.c-login-keyboard__body .keyboard-sub ul li.backspace:after
	{
		left: 1.8125rem;
	}
	.c-login-keyboard__body .keyboard-sub ul li.backspace input[type='button']
	{
		position: absolute;
		right: -4.5rem;
	}
	.c-login-keyboard__body .keyboard-function input[type='button']
	{
		width: 7.125rem;
	}
	.c-login-keyboard__body .keyboard-function ul
	{
		width: 100%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
	.c-login-keyboard__body .keyboard-function ul li
	{
		position: relative;
	}
	.c-login-keyboard__body .keyboard-function ul li + li
	{
		margin-left: .375rem;
	}
	.c-login-keyboard__body .keyboard-function ul li.letterswitch:after
	{
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: 7.125rem;
		height: 2.625rem;
		background: url(../../ebz/common/images/icon_letterswitch.svg) no-repeat center center;
		pointer-events: none;
	}
	.c-login-keyboard.key-shrink
	{
		position: fixed;
		bottom: -18.75rem;
		left: 0;
	}
	.c-login-keyboard.key-shrink .c-keyboard__console
	{
		width: 100%;
		background-color: #fff;
	}
	.c-login-keyboard.key-shrink .c-keyboard__header
	{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: end;
		-ms-flex-pack: end;
		justify-content: flex-end;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		width: 100vw;
		height: 4rem;
		padding-right: 2.125rem;
		background-color: #fff;
	}
	.c-login-keyboard.key-shrink .c-keyboard__header .keyboard-close
	{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		border: .0625rem solid #acacac;
		border-radius: 2rem;
		cursor: pointer;
		height: 2rem;
		font-size: .875rem;
		text-align: center;
		color: #5a5a5a;
		text-decoration: none;
		padding: 0 .625rem;
		line-height: 1.5;
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), to(#d6d6d6));
		background: linear-gradient(to bottom, #fff 0, #d6d6d6 100%);
	}
	.c-login-keyboard.key-shrink .c-keyboard__body
	{
		width: 100vw;
		padding: .75rem 0 .3125rem;
		background-color: #fff;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}
	.c-login-keyboard.key-shrink .c-keyboard__body input[type='button']
	{
		display: block;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		border: .0625rem solid #acacac;
		border-radius: .3125rem;
		cursor: pointer;
		height: 2.625rem;
		font-size: 1.0625rem;
		text-align: center;
		color: #5a5a5a;
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), to(#d6d6d6));
		background: linear-gradient(to bottom, #fff 0, #d6d6d6 100%);
	}
	.c-login-keyboard.key-shrink .c-keyboard__body .keyboard-main,
	.c-login-keyboard.key-shrink .c-keyboard__body .keyboard-sub
	{
		margin-bottom: 1.1875rem;
	}
	.c-login-keyboard.key-shrink .c-keyboard__body .keyboard-main input[type='button'],
	.c-login-keyboard.key-shrink .c-keyboard__body .keyboard-sub input[type='button']
	{
		width: 1.75rem;
	}
	.c-login-keyboard.key-shrink .c-keyboard__body .keyboard-main ul,
	.c-login-keyboard.key-shrink .c-keyboard__body .keyboard-sub ul
	{
		width: 100%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
	.c-login-keyboard.key-shrink .c-keyboard__body .keyboard-main ul + ul,
	.c-login-keyboard.key-shrink .c-keyboard__body .keyboard-sub ul + ul
	{
		margin-top: 1rem;
	}
	.c-login-keyboard.key-shrink .c-keyboard__body .keyboard-main ul li,
	.c-login-keyboard.key-shrink .c-keyboard__body .keyboard-sub ul li
	{
		position: relative;
	}
	.c-login-keyboard.key-shrink .c-keyboard__body .keyboard-main ul li + li,
	.c-login-keyboard.key-shrink .c-keyboard__body .keyboard-sub ul li + li
	{
		margin-left: .125rem;
	}
	.c-login-keyboard.key-shrink .c-keyboard__body .keyboard-main ul li.shift,
	.c-login-keyboard.key-shrink .c-keyboard__body .keyboard-sub ul li.shift
	{
		margin-right: .1875rem;
	}
	.c-login-keyboard.key-shrink .c-keyboard__body .keyboard-main ul li.shift:after,
	.c-login-keyboard.key-shrink .c-keyboard__body .keyboard-sub ul li.shift:after
	{
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: 2.625rem;
		height: 2.625rem;
		background: url(../../ebz/common/images/icon_shift.svg) no-repeat center center;
		pointer-events: none;
	}
	.c-login-keyboard.key-shrink .c-keyboard__body .keyboard-main ul li.shift input[type='button'],
	.c-login-keyboard.key-shrink .c-keyboard__body .keyboard-sub ul li.shift input[type='button']
	{
		width: 2.625rem;
	}
	.c-login-keyboard.key-shrink .c-keyboard__body .keyboard-main ul li.backspace,
	.c-login-keyboard.key-shrink .c-keyboard__body .keyboard-sub ul li.backspace
	{
		margin-left: .1875rem;
	}
	.c-login-keyboard.key-shrink .c-keyboard__body .keyboard-main ul li.backspace:after,
	.c-login-keyboard.key-shrink .c-keyboard__body .keyboard-sub ul li.backspace:after
	{
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: 2.625rem;
		height: 2.625rem;
		background: url(../../ebz/common/images/icon_backspace.svg) no-repeat center center;
		pointer-events: none;
	}
	.c-login-keyboard.key-shrink .c-keyboard__body .keyboard-main ul li.backspace input[type='button'],
	.c-login-keyboard.key-shrink .c-keyboard__body .keyboard-sub ul li.backspace input[type='button']
	{
		width: 2.625rem;
	}
	.c-login-keyboard.key-shrink .c-keyboard__body .keyboard-sub
	{
		display: none;
	}
	.c-login-keyboard.key-shrink .c-keyboard__body .keyboard-sub ul li.backspace
	{
		margin-left: 0;
	}
	.c-login-keyboard.key-shrink .c-keyboard__body .keyboard-sub ul li.backspace:after
	{
		left: .3125rem;
	}
	.c-login-keyboard.key-shrink .c-keyboard__body .keyboard-sub ul li.backspace input[type='button']
	{
		position: absolute;
		right: -3rem;
	}
	.c-login-keyboard.key-shrink .c-keyboard__body .keyboard-function ul
	{
		width: 100%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
	.c-login-keyboard.key-shrink .c-keyboard__body .keyboard-function ul li
	{
		position: relative;
	}
	.c-login-keyboard.key-shrink .c-keyboard__body .keyboard-function ul li:nth-child(1) input[type='button']
	{
		width: 5.625rem;
	}
	.c-login-keyboard.key-shrink .c-keyboard__body .keyboard-function ul li:nth-child(2) input[type='button']
	{
		width: 6.625rem;
	}
	.c-login-keyboard.key-shrink .c-keyboard__body .keyboard-function ul li:nth-child(3) input[type='button']
	{
		width: 5.625rem;
	}
	.c-login-keyboard.key-shrink .c-keyboard__body .keyboard-function ul li + li
	{
		margin-left: .375rem;
	}
	.c-login-keyboard.key-shrink .c-keyboard__body .keyboard-function ul li.letterswitch:after
	{
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: 5.625rem;
		height: 2.625rem;
		background: url(../../ebz/common/images/icon_letterswitch.svg) no-repeat center center;
		pointer-events: none;
	}
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 808px) and (orientation: landscape)
{
	.c-login-keyboard.slide-in
	{
		-webkit-animation: keyboardSlideIn .3s ease;
		animation: keyboardSlideIn .3s ease;
		-webkit-animation-fill-mode: forwards;
		animation-fill-mode: forwards;
	}
	.c-login-keyboard.slide-out
	{
		-webkit-animation: keyboardSlideOut .3s ease;
		animation: keyboardSlideOut .3s ease;
		-webkit-animation-fill-mode: forwards;
		animation-fill-mode: forwards;
	}
}

@-webkit-keyframes keyboardSlideIn
{
	0%
	{
		bottom: -18.75rem;
	}
	100%
	{
		bottom: 0rem;
	}
}

@keyframes keyboardSlideIn
{
	0%
	{
		bottom: -18.75rem;
	}
	100%
	{
		bottom: 0rem;
	}
}

@-webkit-keyframes keyboardSlideOut
{
	0%
	{
		bottom: 0rem;
	}
	100%
	{
		bottom: -18.75rem;
	}
}

@keyframes keyboardSlideOut
{
	0%
	{
		bottom: 0rem;
	}
	100%
	{
		bottom: -18.75rem;
	}
}

.c-modal
{
	z-index: 999;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

@media only screen and (min-width: 768px) and (max-width: 808px) and (orientation: portrait), only screen and (min-width: 809px)
{
	.c-modal
	{
		top: 0;
		opacity: 0;
		visibility: hidden;
	}
	.c-modal.modal-opener
	{
		-webkit-animation: modalFadeIn .4s ease;
		animation: modalFadeIn .4s ease;
		-webkit-animation-fill-mode: forwards;
		animation-fill-mode: forwards;
	}
	.c-modal.modal-closer
	{
		-webkit-animation: modalFadeOut .3s ease;
		animation: modalFadeOut .3s ease;
		-webkit-animation-fill-mode: forwards;
		animation-fill-mode: forwards;
	}
}

@-webkit-keyframes modalFadeIn
{
	0%
	{
		opacity: 0;
		visibility: hidden;
	}
	100%
	{
		opacity: 1;
		visibility: visible;
	}
}

@keyframes modalFadeIn
{
	0%
	{
		opacity: 0;
		visibility: hidden;
	}
	100%
	{
		opacity: 1;
		visibility: visible;
	}
}

@-webkit-keyframes modalFadeOut
{
	0%
	{
		opacity: 1;
		visibility: visible;
	}
	100%
	{
		opacity: 0;
		visibility: hidden;
	}
}

@keyframes modalFadeOut
{
	0%
	{
		opacity: 1;
		visibility: visible;
	}
	100%
	{
		opacity: 0;
		visibility: hidden;
	}
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 808px) and (orientation: landscape)
{
	.c-modal
	{
		top: 100vh;
		height: 100%;
	}
	.c-modal.modal-opener
	{
		-webkit-animation: modalSlideIn .4s ease;
		animation: modalSlideIn .4s ease;
		-webkit-animation-fill-mode: forwards;
		animation-fill-mode: forwards;
	}
	.c-modal.modal-closer
	{
		-webkit-animation: modalSlideOut .3s ease;
		animation: modalSlideOut .3s ease;
		-webkit-animation-fill-mode: forwards;
		animation-fill-mode: forwards;
	}
	@-webkit-keyframes modalSlideIn
	{
		0%
		{
			top: 100vh;
		}
		100%
		{
			top: 0;
		}
	}
	@keyframes modalSlideIn
	{
		0%
		{
			top: 100vh;
		}
		100%
		{
			top: 0;
		}
	}
	@-webkit-keyframes modalSlideOut
	{
		0%
		{
			top: 0;
		}
		100%
		{
			top: 100vh;
		}
	}
	@keyframes modalSlideOut
	{
		0%
		{
			top: 0;
		}
		100%
		{
			top: 100vh;
		}
	}
}

.c-modal__overlay
{
	z-index: 110;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, .7);
}

@media only screen and (min-width: 768px) and (max-width: 808px) and (orientation: portrait), only screen and (min-width: 809px)
{
	.c-modal__wrapper
	{
		width: 100%;
		max-width: 64rem;
		padding: 0 1.875rem;
	}
}

.c-modal__window
{
	z-index: 120;
	position: relative;
}

@media only screen and (min-width: 768px) and (max-width: 808px) and (orientation: portrait), only screen and (min-width: 809px)
{
	.c-modal__window
	{
		width: 100%;
		max-height: 80vh;
	}
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 808px) and (orientation: landscape)
{
	.c-modal__window
	{
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		width: auto;
		height: auto !important;
	}
}

.c-modal__close
{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	color: #fff;
	text-decoration: none;
}

@media only screen and (min-width: 768px) and (max-width: 808px) and (orientation: portrait), only screen and (min-width: 809px)
{
	.c-modal__close
	{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		border: .0625rem solid #acacac;
		border-radius: 2rem;
		cursor: pointer;
		height: 2rem;
		font-size: .875rem;
		text-align: center;
		color: #5a5a5a;
		text-decoration: none;
		padding: 0 .625rem;
		line-height: 1.5;
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), to(#d6d6d6));
		background: linear-gradient(to bottom, #fff 0, #d6d6d6 100%);
	}
	.c-modal__close:not([disabled]):hover
	{
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #e5e5e5), to(#c0c0c0));
		background: linear-gradient(to bottom, #e5e5e5 0, #c0c0c0 100%);
	}
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 808px) and (orientation: landscape)
{
	.c-modal__close
	{
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		width: 100%;
		height: 2.75rem;
		-webkit-box-pack: end;
		-ms-flex-pack: end;
		justify-content: flex-end;
	}
	.c-modal__close:before
	{
		content: '';
		display: block;
		width: 2.75rem;
		height: 2.75rem;
		background: url(../../ebz/common/images/icon_close_white.svg) no-repeat center center;
		background-size: 1.5rem 1.5rem;
	}
}

.c-modal__console
{
	background-color: #fff;
	overflow-y: auto;
}

@media only screen and (min-width: 768px) and (max-width: 808px) and (orientation: portrait), only screen and (min-width: 809px)
{
	.c-modal__console
	{
		position: relative;
		max-height: 80vh;
	}
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 808px) and (orientation: landscape)
{
	.c-modal__console
	{
		position: absolute;
		top: 2.75rem;
		left: 0;
		right: 0;
		bottom: 0;
		overflow-x: hidden;
		overflow-y: auto;
	}
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 808px) and (orientation: landscape)
{
	.c-modal__inner
	{
		position: relative;
		height: calc(100vh - 2.75rem);
		height: calc(calc(var(--vh, 1vh) * 100) - 2.75rem);
	}
}

@media only screen and (min-width: 768px) and (max-width: 808px) and (orientation: portrait), only screen and (min-width: 809px)
{
	.c-modal__header
	{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		padding: .8125rem 1.25rem;
		border-bottom: .125rem solid #e60000;
	}
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 808px) and (orientation: landscape)
{
	.c-modal__header
	{
		padding: 1.875rem .625rem .75rem;
		border-bottom: .125rem solid #e60000;
	}
}

.c-modal__header .modal-title
{
	font-weight: bold;
}

@media only screen and (min-width: 768px) and (max-width: 808px) and (orientation: portrait), only screen and (min-width: 809px)
{
	.c-modal__header .modal-title
	{
		line-height: 1.3;
		font-size: 1.25rem;
	}
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 808px) and (orientation: landscape)
{
	.c-modal__header .modal-title
	{
		line-height: 1.5;
		font-size: .875rem;
	}
}

@media only screen and (min-width: 768px) and (max-width: 808px) and (orientation: portrait), only screen and (min-width: 809px)
{
	.c-modal__body
	{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		padding: 2rem 1.25rem;
	}
	.c-modal__body.body-left
	{
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
	}
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 808px) and (orientation: landscape)
{
	.c-modal__body
	{
		padding: 1.25rem 0;
	}
}

@media only screen and (min-width: 768px) and (max-width: 808px) and (orientation: portrait), only screen and (min-width: 809px)
{
	.c-modal__body .sentences
	{
		width: 100%;
	}
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 808px) and (orientation: landscape)
{
	.c-modal__body .sentences
	{
		padding: 0 .625rem;
	}
}

.c-modal__body .sentences li p
{
	line-height: 1.5;
}

@media only screen and (min-width: 768px) and (max-width: 808px) and (orientation: portrait), only screen and (min-width: 809px)
{
	.c-modal__body .sentences li p
	{
		font-size: .875rem;
	}
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 808px) and (orientation: landscape)
{
	.c-modal__body .sentences li p
	{
		font-size: .875rem;
	}
}

@media only screen and (min-width: 768px) and (max-width: 808px) and (orientation: portrait), only screen and (min-width: 809px)
{
	.c-modal__body .sentences li p.indent
	{
		padding-left: .875rem;
		text-indent: -.875rem;
	}
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 808px) and (orientation: landscape)
{
	.c-modal__body .sentences li p.indent
	{
		padding-left: .875rem;
		text-indent: -.875rem;
	}
}

.c-modal__body .sentences li p.indent-sub
{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.c-modal__body .sentences li p .indent-mark
{
	display: block;
}

@media only screen and (min-width: 768px) and (max-width: 808px) and (orientation: portrait), only screen and (min-width: 809px)
{
	.c-modal__body .sentences li p .indent-mark
	{
		min-width: 1.375rem;
	}
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 808px) and (orientation: landscape)
{
	.c-modal__body .sentences li p .indent-mark
	{
		min-width: 1.375rem;
	}
}

.c-modal__body .sentences li p .indent-sentences
{
	display: block;
}

@media only screen and (min-width: 768px) and (max-width: 808px) and (orientation: portrait), only screen and (min-width: 809px)
{
	.c-modal__body .sentences li + li
	{
		margin-top: .625rem;
	}
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 808px) and (orientation: landscape)
{
	.c-modal__body .sentences li + li
	{
		margin-top: .625rem;
	}
}

@media only screen and (min-width: 768px) and (max-width: 808px) and (orientation: portrait), only screen and (min-width: 809px)
{
	.c-modal__body .c-modal__section .modal-section-title
	{
		margin-top: 2rem;
		padding-bottom: .5rem;
		font-size: 1.125rem;
		font-weight: bold;
		line-height: 1.5;
		border-bottom: .0625rem solid #d6d6d6;
	}
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 808px) and (orientation: landscape)
{
	.c-modal__body .c-modal__section .modal-section-title
	{
		font-size: .875rem;
		line-height: 1.5;
		font-weight: normal;
		padding: .875rem .625rem;
		background-color: #d6d6d6;
	}
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 808px) and (orientation: landscape)
{
	.c-modal__body .c-modal__sub-section
	{
		margin-top: 1.25rem;
		padding: 0 .625rem;
	}
}

@media only screen and (min-width: 768px) and (max-width: 808px) and (orientation: portrait), only screen and (min-width: 809px)
{
	.c-modal__body .c-modal__sub-section .modal-sub-section-title
	{
		padding-bottom: .5rem;
		font-size: 1.125rem;
		font-weight: bold;
		line-height: 1.5;
	}
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 808px) and (orientation: landscape)
{
	.c-modal__body .c-modal__sub-section .modal-sub-section-title
	{
		font-weight: normal;
		font-size: .875rem;
		line-height: 1.3;
		padding-bottom: .625rem;
		border-bottom: .0625rem solid #838383;
	}
}

.c-modal__body .otp-console
{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
}

@media only screen and (min-width: 768px) and (max-width: 808px) and (orientation: portrait), only screen and (min-width: 809px)
{
	.c-modal__body .otp-console
	{
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}
	.c-modal__body .otp-console p
	{
		font-size: .875rem;
		line-height: 1.5;
	}
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 808px) and (orientation: landscape)
{
	.c-modal__body .otp-console p
	{
		font-size: .875rem;
		line-height: 1.5;
		padding: 0 .625rem;
		margin-bottom: 1.25rem;
	}
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 808px) and (orientation: landscape)
{
	.c-modal__body .otp-console
	{
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}
}

.c-modal__body .otp-console .otp-image
{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

@media only screen and (min-width: 768px) and (max-width: 808px) and (orientation: portrait), only screen and (min-width: 809px)
{
	.c-modal__body .otp-console .otp-image
	{
		margin: 1.25rem 0 .75rem;
	}
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 808px) and (orientation: landscape)
{
	.c-modal__body .otp-console .otp-image
	{
		margin: 1.25rem 0 .625rem;
		padding: 0 .625rem;
	}
}

@media only screen and (min-width: 768px) and (max-width: 808px) and (orientation: portrait), only screen and (min-width: 809px)
{
	.c-modal__body .otp-console .otp-image img
	{
		width: 7.5rem;
	}
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 808px) and (orientation: landscape)
{
	.c-modal__body .otp-console .otp-image img
	{
		width: 7.5rem;
	}
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 808px) and (orientation: landscape)
{
	.c-modal__body .otp-console .otp-annotation
	{
		padding: 0 .625rem;
	}
}

.c-login-input-text
{
	position: relative;
	display: inline-block;
}

.c-login-input-text input[type='text'],
.c-login-input-text input[type='password']
{
	background-color: #fff;
	color: #5a5a5a;
	line-height: 1.5;
}

@media only screen and (min-width: 768px) and (max-width: 808px) and (orientation: portrait), only screen and (min-width: 809px)
{
	.c-login-input-text input[type='text'],
	.c-login-input-text input[type='password']
	{
		width: 20rem;
		min-height: 3rem;
		border: .125rem solid #acacac;
		padding: 0 .75rem;
		font-size: .875rem;
	}
	.c-login-input-text input[type='text'].with-keyboard,
	.c-login-input-text input[type='password'].with-keyboard
	{
		padding-right: 3rem;
	}
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 808px) and (orientation: landscape)
{
	.c-login-input-text input[type='text'],
	.c-login-input-text input[type='password']
	{
		width: 100%;
		min-height: 2.5rem;
		border: .125rem solid #acacac;
		padding: 0 .75rem;
		font-size: 1rem;
	}
	.c-login-input-text input[type='text'].with-keyboard,
	.c-login-input-text input[type='password'].with-keyboard
	{
		padding-right: 3rem;
	}
}

.c-login-input-text input[type='text']::-webkit-input-placeholder,
.c-login-input-text input[type='password']::-webkit-input-placeholder
{
	color: #acacac;
}

.c-login-input-text input[type='text']::-moz-placeholder,
.c-login-input-text input[type='password']::-moz-placeholder
{
	color: #acacac;
}

.c-login-input-text input[type='text']::-ms-input-placeholder,
.c-login-input-text input[type='password']::-ms-input-placeholder
{
	color: #acacac;
}

.c-login-input-text input[type='text']::placeholder,
.c-login-input-text input[type='password']::placeholder
{
	color: #acacac;
}

.c-login-input-text input[type='text'][disabled],
.c-login-input-text input[type='password'][disabled]
{
	opacity: .8;
}

.c-login-input-text input[type='text']:focus ~ .c-login-tooltip,
.c-login-input-text input[type='password']:focus ~ .c-login-tooltip
{
	display: block;
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 808px) and (orientation: landscape)
{
	.c-login-input-text.sp-font-16 input[type='text'],
	.c-login-input-text.sp-font-16 input[type='password']
	{
		font-size: 1rem;
	}
}

.c-login-input-text .icon-keyboard
{
	position: absolute;
	background: url(../../ebz/common/images/icon_virtual_keyboard.svg) no-repeat center center;
	cursor: pointer;
}

@media only screen and (min-width: 768px) and (max-width: 808px) and (orientation: portrait), only screen and (min-width: 809px)
{
	.c-login-input-text .icon-keyboard
	{
		top: 0;
		bottom: 0;
		right: .75rem;
		margin: auto 0;
		width: 1.5rem;
		height: 1.5rem;
	}
	.c-login-input-text .icon-keyboard:hover:before
	{
		content: '';
		position: absolute;
		background-color: rgba(0, 0, 0, .1);
		top: 0;
		bottom: 0;
		left: 0;
		margin: auto 0;
		width: 1.5rem;
		height: 1.5rem;
	}
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 808px) and (orientation: landscape)
{
	.c-login-input-text .icon-keyboard
	{
		top: 0;
		bottom: 0;
		right: 0;
		margin: auto 0;
		width: 3rem;
		height: 2rem;
		background-size: 1.5rem 1.5rem;
	}
	.c-login-input-text .icon-keyboard:active:before
	{
		content: '';
		position: absolute;
		background-color: rgba(0, 0, 0, .1);
		top: 0;
		bottom: 0;
		left: .75rem;
		margin: auto 0;
		width: 1.5rem;
		height: 1.5rem;
	}
}

.c-login-input-text .icon-help-white
{
	position: absolute;
	background: url(../../ebz/common/images/icon_help_white.svg) no-repeat center center;
	cursor: pointer;
}

@media only screen and (min-width: 768px) and (max-width: 808px) and (orientation: portrait), only screen and (min-width: 809px)
{
	.c-login-input-text .icon-help-white
	{
		top: 0;
		bottom: 0;
		right: -2.125rem;
		margin: auto 0;
		width: 1.5rem;
		height: 1.5rem;
	}
	.c-login-input-text .icon-help-white:hover:before
	{
		content: '';
		position: absolute;
		border-radius: 50%;
		background-color: rgba(0, 0, 0, .1);
		top: 0;
		bottom: 0;
		left: 0;
		margin: auto 0;
		width: 1.5rem;
		height: 1.5rem;
	}
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 808px) and (orientation: landscape)
{
	.c-login-input-text .icon-help-white
	{
		top: 0;
		bottom: 0;
		right: -2.75rem;
		margin: auto 0;
		width: 2.75rem;
		height: 2.75rem;
		background-size: 1.5rem 1.5rem;
	}
	.c-login-input-text .icon-help-white:active:before
	{
		content: '';
		position: absolute;
		border-radius: 50%;
		background-color: rgba(0, 0, 0, .1);
		top: 0;
		bottom: 0;
		left: .625rem;
		margin: auto 0;
		width: 1.5rem;
		height: 1.5rem;
	}
}

.c-login-iconlink,
.c-login-iconlink__window,
.c-login-iconlink__window--white,
.c-login-iconlink__arrow,
.c-login-iconlink__arrow--white
{
	position: relative;
	line-height: 1.5;
	display: inline-block;
}

@media only screen and (min-width: 768px) and (max-width: 808px) and (orientation: portrait), only screen and (min-width: 809px)
{
	.c-login-iconlink,
	.c-login-iconlink__window,
	.c-login-iconlink__window--white,
	.c-login-iconlink__arrow,
	.c-login-iconlink__arrow--white
	{
		min-height: 1.5rem;
		font-size: .875rem;
		padding-left: 2.125rem;
	}
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 808px) and (orientation: landscape)
{
	.c-login-iconlink,
	.c-login-iconlink__window,
	.c-login-iconlink__window--white,
	.c-login-iconlink__arrow,
	.c-login-iconlink__arrow--white
	{
		font-size: .875rem;
		padding-left: 2.125rem;
		min-height: 1.5rem;
	}
}

.c-login-iconlink__window:before,
.c-login-iconlink__window--white:before
{
	content: '';
	position: absolute;
	background: url(../../ebz/common/images/icon_newwindow.svg) no-repeat;
}

@media only screen and (min-width: 768px) and (max-width: 808px) and (orientation: portrait), only screen and (min-width: 809px)
{
	.c-login-iconlink__window:before,
	.c-login-iconlink__window--white:before
	{
		display: block;
		top: 0;
		left: 0;
		margin: auto 0;
		width: 1.5rem;
		height: 1.5rem;
		min-width: 1.5rem;
	}
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 808px) and (orientation: landscape)
{
	.c-login-iconlink__window:before,
	.c-login-iconlink__window--white:before
	{
		top: -.0625rem;
		left: 0;
		width: 1.5rem;
		height: 1.5rem;
		min-width: 1.5rem;
	}
}

.c-login-iconlink__window--white
{
	color: #fff;
}

.c-login-iconlink__window--white:before
{
	background: url(../../ebz/common/images/icon_newwindow_white.svg) no-repeat;
}

.c-login-iconlink__arrow:before,
.c-login-iconlink__arrow--white:before
{
	content: '';
	position: absolute;
	background: url(../../ebz/common/images/icon_transition.svg) no-repeat;
}

@media only screen and (min-width: 768px) and (max-width: 808px) and (orientation: portrait), only screen and (min-width: 809px)
{
	.c-login-iconlink__arrow:before,
	.c-login-iconlink__arrow--white:before
	{
		display: block;
		top: 0;
		left: 0;
		margin: auto 0;
		width: 1.5rem;
		height: 1.5rem;
		min-width: 1.5rem;
	}
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 808px) and (orientation: landscape)
{
	.c-login-iconlink__arrow:before,
	.c-login-iconlink__arrow--white:before
	{
		top: -.0625rem;
		left: 0;
		width: 1.5rem;
		height: 1.5rem;
		min-width: 1.5rem;
	}
}

.c-login-iconlink__arrow--white
{
	color: #fff;
}

.c-login-iconlink__arrow--white:before
{
	background: url(../../ebz/common/images/icon_transition_white.svg) no-repeat;
}

.c-login-tooltip
{
	display: none;
	line-height: 1.5;
	position: absolute;
	background-color: #fff;
	z-index: 2;
}

.c-login-tooltip.tooltip-show
{
	display: block;
}

@media only screen and (min-width: 768px) and (max-width: 808px) and (orientation: portrait), only screen and (min-width: 809px)
{
	.c-login-tooltip
	{
		bottom: 3.9375rem;
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		width: 21.25rem;
		border: .0625rem solid #acacac;
		padding: .6875rem;
		-webkit-box-shadow: 0 .25rem .5rem 0 rgba(0, 0, 0, .16);
		box-shadow: 0 .25rem .5rem 0 rgba(0, 0, 0, .16);
	}
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 808px) and (orientation: landscape)
{
	.c-login-tooltip
	{
		bottom: 3.5rem;
		left: -.625rem;
		width: calc(80vw - 1.25rem);
		border: .0625rem solid #acacac;
		padding: .625rem;
		-webkit-box-shadow: 0 .25rem .5rem 0 rgba(0, 0, 0, .16);
		box-shadow: 0 .25rem .5rem 0 rgba(0, 0, 0, .16);
	}
}

.c-login-tooltip:before,
.c-login-tooltip:after
{
	content: '';
	position: absolute;
	width: 0;
	height: 0;
}

.c-login-tooltip:before
{
	z-index: 2;
}

@media only screen and (min-width: 768px) and (max-width: 808px) and (orientation: portrait), only screen and (min-width: 809px)
{
	.c-login-tooltip:before
	{
		bottom: -1.125rem;
		left: 1.875rem;
		border: .5rem solid transparent;
		border-top: .625rem solid #acacac;
	}
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 808px) and (orientation: landscape)
{
	.c-login-tooltip:before
	{
		bottom: -1.125rem;
		left: 1.25rem;
		border: .5rem solid transparent;
		border-top: .625rem solid #acacac;
	}
}

.c-login-tooltip:after
{
	z-index: 3;
}

@media only screen and (min-width: 768px) and (max-width: 808px) and (orientation: portrait), only screen and (min-width: 809px)
{
	.c-login-tooltip:after
	{
		bottom: -1rem;
		left: 1.875rem;
		border: .5rem solid transparent;
		border-top: .625rem solid #fff;
	}
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 808px) and (orientation: landscape)
{
	.c-login-tooltip:after
	{
		bottom: -1rem;
		left: 1.25rem;
		border: .5rem solid transparent;
		border-top: .625rem solid #fff;
	}
}

@media only screen and (min-width: 768px) and (max-width: 808px) and (orientation: portrait), only screen and (min-width: 809px)
{
	.c-login-tooltip p
	{
		font-size: .875rem;
	}
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 808px) and (orientation: landscape)
{
	.c-login-tooltip p
	{
		font-size: .875rem;
	}
}

.c-input-text
{
	position: relative;
}

@media only screen and (min-width: 768px) and (max-width: 808px) and (orientation: portrait), only screen and (min-width: 809px)
{
	.c-input-text
	{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 808px) and (orientation: landscape)
{
	.c-input-text.with-help
	{
		width: calc(100vw - .625rem - .625rem - .625rem - 1.5rem);
	}
}

.c-input-text input[type='text'],
.c-input-text input[type='password']
{
	background-color: #fff;
	color: #5a5a5a;
	line-height: 1.5;
}

@media only screen and (min-width: 768px) and (max-width: 808px) and (orientation: portrait), only screen and (min-width: 809px)
{
	.c-input-text input[type='text'],
	.c-input-text input[type='password']
	{
		width: 20rem;
		min-height: 2rem;
		border: .125rem solid #acacac;
		padding: 0 .5625rem;
		font-size: .875rem;
	}
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 808px) and (orientation: landscape)
{
	.c-input-text input[type='text'],
	.c-input-text input[type='password']
	{
		width: 100%;
		min-height: 2.5rem;
		border: .125rem solid #acacac;
		padding: 0 .75rem;
		font-size: 1rem;
	}
	.c-input-text input[type='text'].with-keyboard,
	.c-input-text input[type='password'].with-keyboard
	{
		padding-right: 3rem;
	}
}

.c-input-text input[type='text']::-webkit-input-placeholder,
.c-input-text input[type='password']::-webkit-input-placeholder
{
	color: #acacac;
}

.c-input-text input[type='text']::-moz-placeholder,
.c-input-text input[type='password']::-moz-placeholder
{
	color: #acacac;
}

.c-input-text input[type='text']::-ms-input-placeholder,
.c-input-text input[type='password']::-ms-input-placeholder
{
	color: #acacac;
}

.c-input-text input[type='text']::placeholder,
.c-input-text input[type='password']::placeholder
{
	color: #acacac;
}

.c-input-text input[type='text'][disabled],
.c-input-text input[type='password'][disabled]
{
	opacity: .8;
}

.c-input-text input[type='text']:focus ~ .c-tooltip,
.c-input-text input[type='password']:focus ~ .c-tooltip
{
	display: block;
}

.c-input-text.error:before
{
	content: '';
	position: absolute;
	left: 0;
	background: url(../../ebz/common/images/icon_help.svg) no-repeat center center;
}

@media only screen and (min-width: 768px) and (max-width: 808px) and (orientation: portrait), only screen and (min-width: 809px)
{
	.c-input-text.error:before
	{
		top: -.125rem;
		width: 1.5rem;
		height: 1.5rem;
	}
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 808px) and (orientation: landscape)
{
	.c-input-text.error:before
	{
		top: -.125rem;
		width: 1.5rem;
		height: 1.5rem;
	}
}

@media only screen and (min-width: 768px) and (max-width: 808px) and (orientation: portrait), only screen and (min-width: 809px)
{
	.c-input-text.error input[type='text'],
	.c-input-text.error input[type='password']
	{
		border: .125rem solid #e60000;
	}
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 808px) and (orientation: landscape)
{
	.c-input-text.error input[type='text'],
	.c-input-text.error input[type='password']
	{
		border: .125rem solid #e60000;
	}
}

@media only screen and (min-width: 768px) and (max-width: 808px) and (orientation: portrait), only screen and (min-width: 809px)
{
	.c-input-text.error label
	{
		padding-left: 2.125rem;
	}
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 808px) and (orientation: landscape)
{
	.c-input-text.error label
	{
		padding-left: 2.125rem;
	}
}

.c-input-text .icon-keyboard
{
	background: url(../../ebz/common/images/icon_virtual_keyboard.svg) no-repeat center center;
	cursor: pointer;
}

@media only screen and (min-width: 768px) and (max-width: 808px) and (orientation: portrait), only screen and (min-width: 809px)
{
	.c-input-text .icon-keyboard
	{
		position: relative;
		display: inline-block;
		vertical-align: middle;
		width: 1.5rem;
		height: 1.5rem;
		margin-left: .625rem;
	}
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 808px) and (orientation: landscape)
{
	.c-input-text .icon-keyboard
	{
		position: absolute;
		top: 0;
		bottom: 0;
		right: 0;
		margin: auto 0;
		width: 3rem;
		height: 2.5rem;
		background-size: 1.5rem 1.5rem;
	}
}

@media only screen and (min-width: 768px) and (max-width: 808px) and (orientation: portrait), only screen and (min-width: 809px)
{
	.c-input-text .icon-keyboard:hover:before
	{
		content: '';
		position: absolute;
		background-color: rgba(0, 0, 0, .1);
		top: 0;
		bottom: 0;
		left: 0;
		margin: auto 0;
		width: 1.5rem;
		height: 1.5rem;
	}
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 808px) and (orientation: landscape)
{
	.c-input-text .icon-keyboard:active:before
	{
		content: '';
		position: absolute;
		background-color: rgba(0, 0, 0, .1);
		top: 0;
		bottom: 0;
		left: .75rem;
		margin: auto 0;
		width: 1.5rem;
		height: 1.5rem;
	}
}

.c-input-text .icon-help-white
{
	background: url(../../ebz/common/images/icon_help.svg) no-repeat center center;
	cursor: pointer;
}

@media only screen and (min-width: 768px) and (max-width: 808px) and (orientation: portrait), only screen and (min-width: 809px)
{
	.c-input-text .icon-help-white
	{
		position: relative;
		display: inline-block;
		vertical-align: middle;
		width: 1.5rem;
		height: 1.5rem;
		margin-left: .625rem;
	}
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 808px) and (orientation: landscape)
{
	.c-input-text .icon-help-white
	{
		position: absolute;
		bottom: 0;
		right: -2.625rem;
		width: 2.5rem;
		height: 2.5rem;
		background-size: 1.5rem 1.5rem;
	}
}

@media only screen and (min-width: 768px) and (max-width: 808px) and (orientation: portrait), only screen and (min-width: 809px)
{
	.c-input-text .icon-help-white:hover:before
	{
		content: '';
		position: absolute;
		border-radius: 50%;
		background-color: rgba(0, 0, 0, .1);
		top: 0;
		bottom: 0;
		left: 0;
		margin: auto 0;
		width: 1.5rem;
		height: 1.5rem;
	}
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 808px) and (orientation: landscape)
{
	.c-input-text .icon-help-white:active:before
	{
		content: '';
		position: absolute;
		border-radius: 50%;
		background-color: rgba(0, 0, 0, .1);
		top: 0;
		bottom: 0;
		left: .5rem;
		margin: auto 0;
		width: 1.5rem;
		height: 1.5rem;
	}
}

.c-icon-btn,
.c-icon-btn__return,
.c-icon-btn__refresh,
.c-icon-btn__close
{
	display: block;
	position: relative;
	width: 2.75rem;
	height: 2.75rem;
	background-size: 1.5rem 1.5rem;
}

.c-icon-btn:active:before,
.c-icon-btn__return:active:before,
.c-icon-btn__refresh:active:before,
.c-icon-btn__close:active:before
{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 2.75rem;
	height: 2.75rem;
	border-radius: .3125rem;
	background-color: rgba(0, 0, 0, .1);
	pointer-events: none;
}

.c-icon-btn.icon-fadein,
.icon-fadein.c-icon-btn__return,
.icon-fadein.c-icon-btn__refresh,
.icon-fadein.c-icon-btn__close
{
	-webkit-animation: iconFadeIn .5s ease;
	animation: iconFadeIn .5s ease;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}

.c-icon-btn.icon-fadeout,
.icon-fadeout.c-icon-btn__return,
.icon-fadeout.c-icon-btn__refresh,
.icon-fadeout.c-icon-btn__close
{
	-webkit-animation: iconFadeOut .5s ease;
	animation: iconFadeOut .5s ease;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}

@-webkit-keyframes iconFadeIn
{
	0%
	{
		opacity: 0;
		visibility: hidden;
	}
	100%
	{
		opacity: 1;
		visibility: visible;
	}
}

@keyframes iconFadeIn
{
	0%
	{
		opacity: 0;
		visibility: hidden;
	}
	100%
	{
		opacity: 1;
		visibility: visible;
	}
}

@-webkit-keyframes iconFadeOut
{
	0%
	{
		opacity: 1;
		visibility: visible;
	}
	100%
	{
		opacity: 0;
		visibility: hidden;
	}
}

@keyframes iconFadeOut
{
	0%
	{
		opacity: 1;
		visibility: visible;
	}
	100%
	{
		opacity: 0;
		visibility: hidden;
	}
}

.c-icon-btn__return
{
	background: url(../../ebz/common/images/icon_return.svg) no-repeat center center;
}

.c-icon-btn__refresh
{
	background: url(../../ebz/common/images/icon_refresh.svg) no-repeat center center;
}

.c-icon-btn__close
{
	background: url(../../ebz/common/images/icon_close.svg) no-repeat center center;
}

.c-btn input[type='button'],
.c-btn__primary input[type='button'],
.c-btn__secondary input[type='button'],
.c-btn input[type='submit'],
.c-btn__primary input[type='submit'],
.c-btn__secondary input[type='submit']
{
	display: block;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	cursor: pointer;
	text-align: center;
	white-space: normal;
}

@media only screen and (min-width: 768px) and (max-width: 808px) and (orientation: portrait), only screen and (min-width: 809px)
{
	.c-btn input[type='button'],
	.c-btn__primary input[type='button'],
	.c-btn__secondary input[type='button'],
	.c-btn input[type='submit'],
	.c-btn__primary input[type='submit'],
	.c-btn__secondary input[type='submit']
	{
		border-radius: .3125rem;
	}
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 808px) and (orientation: landscape)
{
	.c-btn input[type='button'],
	.c-btn__primary input[type='button'],
	.c-btn__secondary input[type='button'],
	.c-btn input[type='submit'],
	.c-btn__primary input[type='submit'],
	.c-btn__secondary input[type='submit']
	{
		border-radius: .3125rem;
	}
}

.c-btn input[type='button'][disabled],
.c-btn__primary input[type='button'][disabled],
.c-btn__secondary input[type='button'][disabled],
.c-btn input[type='submit'][disabled],
.c-btn__primary input[type='submit'][disabled],
.c-btn__secondary input[type='submit'][disabled]
{
	cursor: default;
}

.c-btn__primary input[type='button'],
.c-btn__primary input[type='submit']
{
	position: relative;
	line-height: 1.5;
	border: 0;
	color: #fff;
}

@media only screen and (min-width: 768px) and (max-width: 808px) and (orientation: portrait), only screen and (min-width: 809px)
{
	.c-btn__primary input[type='button'],
	.c-btn__primary input[type='submit']
	{
		font-size: .875rem;
		width: 11.875rem;
		height: 3rem;
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #e60000), to(#910101));
		background: linear-gradient(to bottom, #e60000 0, #910101 100%);
	}
	.c-btn__primary input[type='button']:not([disabled]):hover,
	.c-btn__primary input[type='submit']:not([disabled]):hover
	{
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #b70000), to(#730000));
		background: linear-gradient(to bottom, #b70000 0, #730000 100%);
	}
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 808px) and (orientation: landscape)
{
	.c-btn__primary input[type='button'],
	.c-btn__primary input[type='submit']
	{
		font-size: .875rem;
		width: 100%;
		height: 2.5rem;
		background-color: #e60000;
	}
	.c-btn__primary input[type='button']:not([disabled]):active,
	.c-btn__primary input[type='submit']:not([disabled]):active
	{
		background-color: #b80000;
	}
}

@media only screen and (min-width: 768px) and (max-width: 808px) and (orientation: portrait), only screen and (min-width: 809px)
{
	.c-btn__primary + .c-btn__primary,
	.c-btn__primary + .c-btn__secondary
	{
		margin-left: .625rem;
	}
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 808px) and (orientation: landscape)
{
	.c-btn__primary + .c-btn__primary,
	.c-btn__primary + .c-btn__secondary
	{
		margin-top: .625rem;
	}
}

.c-btn__secondary input[type='button'],
.c-btn__secondary input[type='submit']
{
	position: relative;
	line-height: 1.5;
	color: #5a5a5a;
}

@media only screen and (min-width: 768px) and (max-width: 808px) and (orientation: portrait), only screen and (min-width: 809px)
{
	.c-btn__secondary input[type='button'],
	.c-btn__secondary input[type='submit']
	{
		border: .0625rem solid #acacac;
		font-size: .875rem;
		width: 11.875rem;
		height: 3rem;
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), to(#d6d6d6));
		background: linear-gradient(to bottom, #fff 0, #d6d6d6 100%);
	}
	.c-btn__secondary input[type='button']:not([disabled]):hover,
	.c-btn__secondary input[type='submit']:not([disabled]):hover
	{
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #e5e5e5), to(#c0c0c0));
		background: linear-gradient(to bottom, #e5e5e5 0, #c0c0c0 100%);
	}
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 808px) and (orientation: landscape)
{
	.c-btn__secondary input[type='button'],
	.c-btn__secondary input[type='submit']
	{
		border: .0625rem solid #acacac;
		font-size: .875rem;
		width: 100%;
		height: 2.5rem;
		background-color: #fff;
	}
	.c-btn__secondary input[type='button']:not([disabled]):active,
	.c-btn__secondary input[type='submit']:not([disabled]):active
	{
		background-color: #e5e5e5;
	}
}

@media only screen and (min-width: 768px) and (max-width: 808px) and (orientation: portrait), only screen and (min-width: 809px)
{
	.c-btn__secondary + .c-btn__primary,
	.c-btn__secondary + .c-btn__secondary
	{
		margin-left: .625rem;
	}
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 808px) and (orientation: landscape)
{
	.c-btn__secondary + .c-btn__primary,
	.c-btn__secondary + .c-btn__secondary
	{
		margin-top: .625rem;
	}
}

.c-step
{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}

@media only screen and (min-width: 768px) and (max-width: 808px) and (orientation: portrait), only screen and (min-width: 809px)
{
	.c-step__title
	{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}
	.c-step__title .stepbar__item
	{
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		position: relative;
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1;
		height: 3.3125rem;
		margin: 0 .125rem;
		padding: .0625rem;
		background: #d6d6d6;
	}
	.c-step__title .stepbar__item .step-pc span
	{
		font-weight: bold;
		margin-left: .3125rem;
	}
	.c-step__title .stepbar__item .step-sp
	{
		display: none;
	}
	.c-step__title .stepbar__item:nth-child(1)
	{
		z-index: 4;
	}
	.c-step__title .stepbar__item:nth-child(2)
	{
		z-index: 3;
	}
	.c-step__title .stepbar__item:nth-child(3)
	{
		z-index: 2;
	}
	.c-step__title .stepbar__item:nth-child(4)
	{
		z-index: 1;
	}
	.c-step__title .stepbar__item:first-child
	{
		margin-left: 0;
	}
	.c-step__title .stepbar__item:last-child
	{
		margin-right: 0;
	}
	.c-step__title .stepbar__item:not(:first-child)::before
	{
		position: absolute;
		content: '';
		top: 0;
		left: .0625rem;
		width: 0;
		height: 0;
		border-top: 1.65625rem solid transparent;
		border-right: 0;
		border-bottom: 1.65625rem solid transparent;
		border-left: .625rem solid #d6d6d6;
	}
	.c-step__title .stepbar__item:not(:first-child)::after
	{
		position: absolute;
		content: '';
		top: 0;
		left: 0;
		width: 0;
		height: 0;
		border-top: 1.65625rem solid transparent;
		border-right: 0;
		border-bottom: 1.65625rem solid transparent;
		border-left: .625rem solid #fff;
	}
	.c-step__title .stepbar__item .stepbar__item-inner
	{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		width: 100%;
		height: 100%;
		background: #fff;
		font-size: .875rem;
		line-height: 1.5;
	}
	.c-step__title .stepbar__item:not(:last-child) .stepbar__item-inner::before
	{
		position: absolute;
		content: '';
		top: 0;
		left: 100%;
		width: 0;
		height: 0;
		border-top: 1.65625rem solid transparent;
		border-right: 0;
		border-bottom: 1.65625rem solid transparent;
		border-left: .625rem solid #d6d6d6;
	}
	.c-step__title .stepbar__item:not(:last-child) .stepbar__item-inner::after
	{
		position: absolute;
		content: '';
		top: 0;
		left: calc(100% - .0625rem);
		width: 0;
		height: 0;
		border-top: 1.65625rem solid transparent;
		border-right: 0;
		border-bottom: 1.65625rem solid transparent;
		border-left: .625rem solid #fff;
	}
	.c-step__title .stepbar__item.current
	{
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f00), to(#910101));
		background: linear-gradient(to bottom, #f00 0, #910101 100%);
	}
	.c-step__title .stepbar__item.current .stepbar__item-inner
	{
		background: transparent;
		color: #fff;
	}
	.c-step__title .stepbar__item.current:not(:first-child)::before
	{
		position: absolute;
		content: '';
		top: 0;
		left: .0625rem;
		width: 0;
		height: 0;
		border-top: 1.65625rem solid transparent;
		border-right: 0;
		border-bottom: 1.65625rem solid transparent;
		border-left: 0;
	}
	.c-step__title .stepbar__item.current:not(:last-child) .stepbar__item-inner::before
	{
		position: absolute;
		content: '';
		top: 0;
		left: 100%;
		width: .625rem;
		height: 3.3125rem;
		background: url(../../ebz/common/images/img_step-arrow.png) no-repeat center center;
		background-size: contain;
		border-top: 0;
		border-right: 0;
		border-bottom: 0;
		border-left: 0;
	}
	.c-step__title .stepbar__item.current:not(:last-child) .stepbar__item-inner::after
	{
		display: none;
	}
	.c-step__detail-pc
	{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		margin-top: 1.25rem;
	}
	.c-step__detail-pc li
	{
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1;
		text-align: center;
		padding: 0 .625rem;
	}
	.c-step__detail-pc li p
	{
		font-size: .875rem;
		border-top: 1px solid #d6d6d6;
		padding: 1rem 1rem 0;
		line-height: 1.5;
	}
	.c-step__detail-sp
	{
		display: none;
	}
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 808px) and (orientation: landscape)
{
	.c-step__title
	{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}
	.c-step__title .stepbar__item
	{
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		position: relative;
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1;
		height: 2.5625rem;
		margin: 0 .125rem;
		padding: .0625rem;
		background: #d6d6d6;
	}
	.c-step__title .stepbar__item .step-pc
	{
		display: none;
	}
	.c-step__title .stepbar__item .step-sp
	{
		padding: 0 .875rem;
		text-align: center;
	}
	.c-step__title .stepbar__item:nth-child(1)
	{
		z-index: 4;
	}
	.c-step__title .stepbar__item:nth-child(2)
	{
		z-index: 3;
	}
	.c-step__title .stepbar__item:nth-child(3)
	{
		z-index: 2;
	}
	.c-step__title .stepbar__item:nth-child(4)
	{
		z-index: 1;
	}
	.c-step__title .stepbar__item:first-child
	{
		margin-left: 0;
	}
	.c-step__title .stepbar__item:last-child
	{
		margin-right: 0;
	}
	.c-step__title .stepbar__item:not(:first-child)::before
	{
		position: absolute;
		content: '';
		top: 0;
		left: .0625rem;
		width: 0;
		height: 0;
		border-top: 1.28125rem solid transparent;
		border-right: 0;
		border-bottom: 1.28125rem solid transparent;
		border-left: .625rem solid #d6d6d6;
	}
	.c-step__title .stepbar__item:not(:first-child)::after
	{
		position: absolute;
		content: '';
		top: 0;
		left: 0;
		width: 0;
		height: 0;
		border-top: 1.28125rem solid transparent;
		border-right: 0;
		border-bottom: 1.28125rem solid transparent;
		border-left: .625rem solid #fff;
	}
	.c-step__title .stepbar__item .stepbar__item-inner
	{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		width: 100%;
		height: 100%;
		background: #fff;
		font-size: .875rem;
		line-height: 1.3;
	}
	.c-step__title .stepbar__item:not(:last-child) .stepbar__item-inner::before
	{
		position: absolute;
		content: '';
		top: 0;
		right: -.625rem;
		width: 0;
		height: 0;
		border-top: 1.28125rem solid transparent;
		border-right: 0;
		border-bottom: 1.28125rem solid transparent;
		border-left: .625rem solid #d6d6d6;
	}
	.c-step__title .stepbar__item:not(:last-child) .stepbar__item-inner::after
	{
		position: absolute;
		content: '';
		top: 0;
		right: -.5625rem;
		width: 0;
		height: 0;
		border-top: 1.28125rem solid transparent;
		border-right: 0;
		border-bottom: 1.28125rem solid transparent;
		border-left: .625rem solid #fff;
	}
	.c-step__title .stepbar__item.current
	{
		background-color: #e60000;
	}
	.c-step__title .stepbar__item.current .stepbar__item-inner
	{
		background: transparent;
		color: #fff;
	}
	.c-step__title .stepbar__item.current:not(:first-child)::before
	{
		position: absolute;
		content: '';
		top: 0;
		left: .0625rem;
		width: 0;
		height: 0;
		border-top: 1.28125rem solid transparent;
		border-right: 0;
		border-bottom: 1.28125rem solid transparent;
		border-left: 0;
	}
	.c-step__title .stepbar__item.current:not(:last-child) .stepbar__item-inner::before
	{
		position: absolute;
		content: '';
		top: 0;
		left: 100%;
		width: .625rem;
		height: 2.5625rem;
		background: url(../../ebz/common/images/img_step-arrow_sp.svg) no-repeat center center;
		background-size: contain;
		border-top: 0;
		border-right: 0;
		border-bottom: 0;
		border-left: 0;
	}
	.c-step__title .stepbar__item.current:not(:last-child) .stepbar__item-inner::after
	{
		display: none;
	}
	.c-step__detail-sp
	{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}
	.c-step__detail-sp li
	{
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1;
		text-align: center;
		padding: .625rem .625rem 0;
	}
	.c-step__detail-sp li p
	{
		font-size: .875rem;
		line-height: 1.4;
	}
	.c-step__detail-pc
	{
		display: none;
	}
}

.c-back-link
{
	position: relative;
	line-height: 1.5;
}

@media only screen and (min-width: 768px) and (max-width: 808px) and (orientation: portrait), only screen and (min-width: 809px)
{
	.c-back-link
	{
		font-size: .875rem;
		padding-left: 2.125rem;
	}
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 808px) and (orientation: landscape)
{
	.c-back-link
	{
		font-size: .875rem;
		padding-left: 2.125rem;
		min-height: 1.5rem;
	}
}

.c-back-link:before
{
	content: '';
	position: absolute;
}

@media only screen and (min-width: 768px) and (max-width: 808px) and (orientation: portrait), only screen and (min-width: 809px)
{
	.c-back-link:before
	{
		top: 0;
		bottom: 0;
		left: 0;
		margin: auto 0;
		width: 1.5rem;
		height: 1.5rem;
		min-width: 1.5rem;
		background: url(../../ebz/common/images/bicon_transition_back.svg) no-repeat;
	}
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 808px) and (orientation: landscape)
{
	.c-back-link:before
	{
		top: 0;
		bottom: 0;
		left: 0;
		margin: auto 0;
		width: 1.5rem;
		height: 1.5rem;
		min-width: 1.5rem;
		background: url(../../ebz/common/images/icon_transition_back.svg) no-repeat;
	}
}

.c-external-link
{
	display: inline-block;
	position: relative;
	line-height: 1.5;
}

@media only screen and (min-width: 768px) and (max-width: 808px) and (orientation: portrait), only screen and (min-width: 809px)
{
	.c-external-link
	{
		min-height: 1.5rem;
		font-size: .875rem;
		padding-left: 2.125rem;
	}
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 808px) and (orientation: landscape)
{
	.c-external-link
	{
		font-size: .875rem;
		padding-left: 2.125rem;
		min-height: 1.5rem;
	}
}

.c-external-link:before
{
	content: '';
	position: absolute;
}

@media only screen and (min-width: 768px) and (max-width: 808px) and (orientation: portrait), only screen and (min-width: 809px)
{
	.c-external-link:before
	{
		display: block;
		top: 0;
		left: 0;
		margin: auto 0;
		width: 1.5rem;
		height: 1.5rem;
		min-width: 1.5rem;
		background: url(../../ebz/common/images/icon_newwindow.svg) no-repeat;
	}
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 808px) and (orientation: landscape)
{
	.c-external-link:before
	{
		top: -.0625rem;
		left: 0;
		width: 1.5rem;
		height: 1.5rem;
		min-width: 1.5rem;
		background: url(../../ebz/common/images/icon_newwindow.svg) no-repeat;
	}
}

.c-internal-link
{
	display: inline-block;
	position: relative;
	line-height: 1.5;
	word-break: break-word;
}

@media only screen and (min-width: 768px) and (max-width: 808px) and (orientation: portrait), only screen and (min-width: 809px)
{
	.c-internal-link
	{
		min-height: 1.5rem;
		font-size: .875rem;
		padding-left: 2.125rem;
	}
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 808px) and (orientation: landscape)
{
	.c-internal-link
	{
		font-size: .875rem;
		padding-left: 2.125rem;
		min-height: 1.5rem;
	}
}

.c-internal-link:before
{
	content: '';
	position: absolute;
}

@media only screen and (min-width: 768px) and (max-width: 808px) and (orientation: portrait), only screen and (min-width: 809px)
{
	.c-internal-link:before
	{
		display: block;
		top: 0;
		left: 0;
		margin: auto 0;
		width: 1.5rem;
		height: 1.5rem;
		min-width: 1.5rem;
		background: url(../../ebz/common/images/bicon_transition.svg) no-repeat;
	}
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 808px) and (orientation: landscape)
{
	.c-internal-link:before
	{
		top: -.0625rem;
		left: 0;
		width: 1.5rem;
		height: 1.5rem;
		min-width: 1.5rem;
		background: url(../../ebz/common/images/icon_transition.svg) no-repeat;
	}
}

.c-linklist
{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

@media only screen and (min-width: 768px) and (max-width: 808px) and (orientation: portrait), only screen and (min-width: 809px)
{
	.c-linklist
	{
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 808px) and (orientation: landscape)
{
	.c-linklist
	{
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		padding: 0 .625rem;
	}
}

@media only screen and (min-width: 768px) and (max-width: 808px) and (orientation: portrait), only screen and (min-width: 809px)
{
	.c-linklist li
	{
		-ms-flex-preferred-size: 13.125rem;
		flex-basis: 13.125rem;
		margin: 0 1.25rem .625rem 0;
	}
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 808px) and (orientation: landscape)
{
	.c-linklist li
	{
		margin-bottom: .625rem;
	}
	.c-linklist li:last-of-type
	{
		margin-bottom: 0;
	}
}

.c-text p
{
	line-height: 1.5;
}

@media only screen and (min-width: 768px) and (max-width: 808px) and (orientation: portrait), only screen and (min-width: 809px)
{
	.c-text p
	{
		font-size: .875rem;
	}
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 808px) and (orientation: landscape)
{
	.c-text p
	{
		font-size: .875rem;
	}
}

@media only screen and (min-width: 768px) and (max-width: 808px) and (orientation: portrait), only screen and (min-width: 809px)
{
	.c-text.error
	{
		padding: .625rem;
		border: .125rem solid #e60000;
	}
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 808px) and (orientation: landscape)
{
	.c-text.error
	{
		padding: .625rem;
		border: .125rem solid #e60000;
	}
}

@media only screen and (min-width: 768px) and (max-width: 808px) and (orientation: portrait), only screen and (min-width: 809px)
{
	.c-text + .l-main__internal-link
	{
		margin-top: .625rem;
	}
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 808px) and (orientation: landscape)
{
	.c-text + .l-main__internal-link
	{
		margin-top: .625rem;
	}
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 808px) and (orientation: landscape)
{
	.c-sub-text
	{
		border: .0625rem solid #d6d6d6;
		padding: .625rem;
	}
}

.c-sub-text p
{
	line-height: 1.5;
}

@media only screen and (min-width: 768px) and (max-width: 808px) and (orientation: portrait), only screen and (min-width: 809px)
{
	.c-sub-text p
	{
		font-size: .875rem;
	}
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 808px) and (orientation: landscape)
{
	.c-sub-text p
	{
		font-size: .875rem;
	}
}

@media only screen and (min-width: 768px) and (max-width: 808px) and (orientation: portrait), only screen and (min-width: 809px)
{
	.c-textlist li + li
	{
		margin-top: .625rem;
	}
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 808px) and (orientation: landscape)
{
	.c-textlist li + li
	{
		margin-top: .625rem;
	}
}

.c-textlist p
{
	line-height: 1.5;
}

@media only screen and (min-width: 768px) and (max-width: 808px) and (orientation: portrait), only screen and (min-width: 809px)
{
	.c-textlist p
	{
		font-size: .875rem;
		padding-left: .5rem;
		text-indent: -.5rem;
	}
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 808px) and (orientation: landscape)
{
	.c-textlist p
	{
		font-size: .875rem;
		padding-left: .5rem;
		text-indent: -.5rem;
	}
}

@media only screen and (min-width: 768px) and (max-width: 808px) and (orientation: portrait), only screen and (min-width: 809px)
{
	.c-textlist + .c-text
	{
		margin-top: .625rem;
	}
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 808px) and (orientation: landscape)
{
	table,
	tbody,
	thead,
	tr,
	td
	{
		display: block !important;
	}
}

.c-table
{
	width: 100%;
}

.c-table tr th,
.c-table tr td
{
	line-height: 1.5;
	text-align: left;
	vertical-align: middle;
}

@media only screen and (min-width: 768px) and (max-width: 808px) and (orientation: portrait), only screen and (min-width: 809px)
{
	.c-table tr th,
	.c-table tr td
	{
		border-top: .0625rem solid #d6d6d6;
		border-bottom: .0625rem solid #d6d6d6;
		border-left: .0625rem solid #d6d6d6;
		padding: .25rem;
	}
	.c-table tr th:last-of-type,
	.c-table tr td:last-of-type
	{
		border-right: .0625rem solid #d6d6d6;
	}
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 808px) and (orientation: landscape)
{
	.c-table tr th,
	.c-table tr td
	{
		width: 100%;
	}
}

.c-table tr th
{
	font-weight: bold;
}

@media only screen and (min-width: 768px) and (max-width: 808px) and (orientation: portrait), only screen and (min-width: 809px)
{
	.c-table tr th
	{
		width: 15.5rem;
		font-size: .875rem;
	}
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 808px) and (orientation: landscape)
{
	.c-table tr th
	{
		font-size: .875rem;
		padding-bottom: .3125rem;
	}
}

.c-table tr:not(:first-of-type) th
{
	padding-top: .625rem;
}

@media only screen and (min-width: 768px) and (max-width: 808px) and (orientation: portrait), only screen and (min-width: 809px)
{
	.l-main__text + .c-table
	{
		margin-top: .75rem;
	}
}

.c-tooltip
{
	display: none;
	line-height: 1.5;
	position: absolute;
	background-color: #fff;
	z-index: 10;
}

.c-tooltip.tooltip-show
{
	display: block;
}

@media only screen and (min-width: 768px) and (max-width: 808px) and (orientation: portrait), only screen and (min-width: 809px)
{
	.c-tooltip
	{
		bottom: 2.875rem;
		left: -.625rem;
		width: 21.25rem;
		border: .0625rem solid #acacac;
		padding: .6875rem;
		-webkit-box-shadow: 0 .25rem .5rem 0 rgba(0, 0, 0, .16);
		box-shadow: 0 .25rem .5rem 0 rgba(0, 0, 0, .16);
	}
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 808px) and (orientation: landscape)
{
	.c-tooltip
	{
		bottom: 4.6875rem;
		left: -.3125rem;
		width: calc(100vw - .625rem);
		border: .0625rem solid #acacac;
		padding: .625rem;
		-webkit-box-shadow: 0 .25rem .5rem 0 rgba(0, 0, 0, .16);
		box-shadow: 0 .25rem .5rem 0 rgba(0, 0, 0, .16);
	}
}

.c-tooltip:before,
.c-tooltip:after
{
	content: '';
	position: absolute;
	width: 0;
	height: 0;
}

.c-tooltip:before
{
	z-index: 10;
}

@media only screen and (min-width: 768px) and (max-width: 808px) and (orientation: portrait), only screen and (min-width: 809px)
{
	.c-tooltip:before
	{
		bottom: -1.125rem;
		left: 1.25rem;
		border: .5rem solid transparent;
		border-top: .625rem solid #acacac;
	}
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 808px) and (orientation: landscape)
{
	.c-tooltip:before
	{
		bottom: -1.125rem;
		left: 1.4375rem;
		border: .5rem solid transparent;
		border-top: .625rem solid #acacac;
	}
}

.c-tooltip:after
{
	z-index: 11;
}

@media only screen and (min-width: 768px) and (max-width: 808px) and (orientation: portrait), only screen and (min-width: 809px)
{
	.c-tooltip:after
	{
		bottom: -1rem;
		left: 1.25rem;
		border: .5rem solid transparent;
		border-top: .625rem solid #fff;
	}
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 808px) and (orientation: landscape)
{
	.c-tooltip:after
	{
		bottom: -1rem;
		left: 1.4375rem;
		border: .5rem solid transparent;
		border-top: .625rem solid #fff;
	}
}

@media only screen and (min-width: 768px) and (max-width: 808px) and (orientation: portrait), only screen and (min-width: 809px)
{
	.c-tooltip p
	{
		font-size: .875rem;
	}
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 808px) and (orientation: landscape)
{
	.c-tooltip p
	{
		font-size: .875rem;
	}
}

.c-keyboard
{
	z-index: 99;
	display: none;
}

@media only screen and (min-width: 768px) and (max-width: 808px) and (orientation: portrait), only screen and (min-width: 809px)
{
	.c-keyboard.keyboard-show
	{
		display: block;
	}
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 808px) and (orientation: landscape)
{
	.c-keyboard.keyboard-show
	{
		display: block;
	}
}

@media only screen and (min-width: 768px) and (max-width: 808px) and (orientation: portrait), only screen and (min-width: 809px)
{
	.c-keyboard
	{
		position: absolute;
		top: 0rem;
		left: 0;
		right: 0;
		margin: 0 auto;
		width: 47.625rem;
		font-size: .875rem;
		line-height: 1.5;
	}
	.c-keyboard__console
	{
		width: 47.625rem;
		-webkit-box-shadow: 0 .25rem .5rem 0 rgba(0, 0, 0, .16);
		box-shadow: 0 .25rem .5rem 0 rgba(0, 0, 0, .16);
	}
	.c-keyboard__header
	{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: end;
		-ms-flex-pack: end;
		justify-content: flex-end;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		width: 100%;
		height: 3.75rem;
		padding-right: 1.25rem;
		background-color: rgba(0, 0, 0, .6);
	}
	.c-keyboard__header .keyboard-close
	{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		color: #fff;
		text-decoration: none;
	}
	.c-keyboard__header .keyboard-close:before
	{
		content: '';
		display: block;
		width: 1rem;
		height: 1rem;
		background: url(../../ebz/common/images/icon_close_white.svg) no-repeat;
		background-size: 1rem 1rem;
		margin-right: .625rem;
	}
	.c-keyboard__body
	{
		width: 100%;
		padding: 1.3125rem 1.25rem 1.3125rem 1.375rem;
		background-color: #fff;
		border: .0625rem solid #acacac;
	}
	.c-keyboard__body input[type='button']
	{
		display: block;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		border: .0625rem solid #acacac;
		border-radius: .3125rem;
		cursor: pointer;
		height: 2rem;
		font-size: .875rem;
		text-align: center;
		color: #5a5a5a;
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), to(#d6d6d6));
		background: linear-gradient(to bottom, #fff 0, #d6d6d6 100%);
	}
	.c-keyboard__body input[type='button']:not([disabled]):hover
	{
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #e5e5e5), to(#c0c0c0));
		background: linear-gradient(to bottom, #e5e5e5 0, #c0c0c0 100%);
	}
	.c-keyboard__body .keyboard-function
	{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		margin-bottom: .6875rem;
	}
	.c-keyboard__body .keyboard-function .keyboard-how-to-use
	{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}
	.c-keyboard__body .keyboard-function .keyboard-how-to-use:before
	{
		content: '';
		display: block;
		width: 1rem;
		height: 1rem;
		background: url(../../ebz/common/images/icon_help_small.svg) no-repeat;
		background-size: 1rem 1rem;
		margin-right: .625rem;
	}
	.c-keyboard__body .keyboard-function input[type='button']
	{
		width: 6.625rem;
	}
	.c-keyboard__body .keyboard-function input[type='button'] + input[type='button']
	{
		margin-left: .9375rem;
	}
	.c-keyboard__body .keyboard-function .function-right
	{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}
	.c-keyboard__body .keyboard-function .function-right .keyboard-close
	{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		border: .0625rem solid #acacac;
		border-radius: 2rem;
		cursor: pointer;
		height: 2rem;
		font-size: .875rem;
		text-align: center;
		color: #5a5a5a;
		text-decoration: none;
		padding: 0 .625rem;
		line-height: 1.5;
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), to(#d6d6d6));
		background: linear-gradient(to bottom, #fff 0, #d6d6d6 100%);
	}
	.c-keyboard__body .keyboard-function .function-right .keyboard-close:not([disabled]):hover
	{
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #e5e5e5), to(#c0c0c0));
		background: linear-gradient(to bottom, #e5e5e5 0, #c0c0c0 100%);
	}
	.c-keyboard__body .keyboard-main
	{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		margin-bottom: .4375rem;
	}
	.c-keyboard__body .keyboard-main input[type='button']
	{
		width: 2rem;
	}
	.c-keyboard__body .keyboard-main .upper-case,
	.c-keyboard__body .keyboard-main .lower-case
	{
		width: 18.1875rem;
		margin-right: 1rem;
	}
	.c-keyboard__body .keyboard-main .number
	{
		width: 6.625rem;
	}
	.c-keyboard__body .keyboard-main .upper-case .category-title,
	.c-keyboard__body .keyboard-main .lower-case .category-title,
	.c-keyboard__body .keyboard-main .number .category-title
	{
		font-size: .75rem;
		margin-bottom: .3125rem;
	}
	.c-keyboard__body .keyboard-main .upper-case ul,
	.c-keyboard__body .keyboard-main .lower-case ul,
	.c-keyboard__body .keyboard-main .number ul
	{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}
	.c-keyboard__body .keyboard-main .upper-case ul li,
	.c-keyboard__body .keyboard-main .lower-case ul li,
	.c-keyboard__body .keyboard-main .number ul li
	{
		margin-bottom: .3125rem;
	}
	.c-keyboard__body .keyboard-main .upper-case ul li + li,
	.c-keyboard__body .keyboard-main .lower-case ul li + li,
	.c-keyboard__body .keyboard-main .number ul li + li
	{
		margin-left: .3125rem;
	}
	.c-keyboard__body .kyeboard-sub
	{
		width: 100%;
	}
	.c-keyboard__body .kyeboard-sub input[type='button']
	{
		width: 2rem;
	}
	.c-keyboard__body .kyeboard-sub .symbol .category-title
	{
		font-size: .75rem;
		margin-bottom: .3125rem;
	}
	.c-keyboard__body .kyeboard-sub .symbol ul
	{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}
	.c-keyboard__body .kyeboard-sub .symbol ul li + li
	{
		margin-left: .3125rem;
	}
	.c-keyboard__body .kyeboard-sub .symbol ul li.clear-all
	{
		margin-left: 1rem;
	}
	.c-keyboard__body .kyeboard-sub .symbol ul li.clear-all input[type='button']
	{
		width: 6.0625rem;
	}
	.c-keyboard__body .kyeboard-sub .symbol ul li.back-space input[type='button']
	{
		width: 7.875rem;
	}
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 808px) and (orientation: landscape)
{
	.c-keyboard
	{
		position: fixed;
		bottom: -18.75rem;
		left: 0;
	}
	.c-keyboard__console
	{
		width: 100%;
		background-color: #fff;
	}
	.c-keyboard__header
	{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		width: 100vw;
		height: 4rem;
		padding: 0 .625rem;
		background-color: #fff;
	}
	.c-keyboard__header .keyboard-how-to-use
	{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		font-size: .875rem;
	}
	.c-keyboard__header .keyboard-how-to-use:before
	{
		content: '';
		display: block;
		width: 1.5rem;
		height: 1.5rem;
		background: url(../../ebz/common/images/icon_help_small_sp.svg) no-repeat;
		background-size: 1.5rem 1.5rem;
		margin-right: .625rem;
	}
	.c-keyboard__header .keyboard-close
	{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		border: .0625rem solid #acacac;
		border-radius: 2rem;
		cursor: pointer;
		height: 2rem;
		font-size: .875rem;
		text-align: center;
		color: #5a5a5a;
		text-decoration: none;
		padding: 0 .625rem;
		line-height: 1.5;
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), to(#d6d6d6));
		background: linear-gradient(to bottom, #fff 0, #d6d6d6 100%);
	}
	.c-keyboard__header .keyboard-close:not([disabled]):active
	{
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #e5e5e5), to(#c0c0c0));
		background: linear-gradient(to bottom, #e5e5e5 0, #c0c0c0 100%);
	}
	.c-keyboard__body
	{
		width: 100vw;
		padding: .75rem 0 .3125rem;
		background-color: #fff;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}
	.c-keyboard__body input[type='button']
	{
		display: block;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		border: .0625rem solid #acacac;
		border-radius: .3125rem;
		cursor: pointer;
		height: 2.625rem;
		font-size: 1.0625rem;
		text-align: center;
		color: #5a5a5a;
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), to(#d6d6d6));
		background: linear-gradient(to bottom, #fff 0, #d6d6d6 100%);
	}
	.c-keyboard__body input[type='button']:not([disabled]):active
	{
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #e5e5e5), to(#c0c0c0));
		background: linear-gradient(to bottom, #e5e5e5 0, #c0c0c0 100%);
	}
	.c-keyboard__body .keyboard-main,
	.c-keyboard__body .keyboard-sub
	{
		margin-bottom: 1.1875rem;
	}
	.c-keyboard__body .keyboard-main input[type='button'],
	.c-keyboard__body .keyboard-sub input[type='button']
	{
		width: 1.875rem;
	}
	.c-keyboard__body .keyboard-main ul,
	.c-keyboard__body .keyboard-sub ul
	{
		width: 100%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
	.c-keyboard__body .keyboard-main ul + ul,
	.c-keyboard__body .keyboard-sub ul + ul
	{
		margin-top: 1rem;
	}
	.c-keyboard__body .keyboard-main ul li,
	.c-keyboard__body .keyboard-sub ul li
	{
		position: relative;
	}
	.c-keyboard__body .keyboard-main ul li + li,
	.c-keyboard__body .keyboard-sub ul li + li
	{
		margin-left: .375rem;
	}
	.c-keyboard__body .keyboard-main ul li.shift,
	.c-keyboard__body .keyboard-sub ul li.shift
	{
		margin-right: .375rem;
	}
	.c-keyboard__body .keyboard-main ul li.shift:after,
	.c-keyboard__body .keyboard-sub ul li.shift:after
	{
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: 2.625rem;
		height: 2.625rem;
		background: url(../../ebz/common/images/icon_shift.svg) no-repeat center center;
		pointer-events: none;
	}
	.c-keyboard__body .keyboard-main ul li.shift input[type='button'],
	.c-keyboard__body .keyboard-sub ul li.shift input[type='button']
	{
		width: 2.625rem;
	}
	.c-keyboard__body .keyboard-main ul li.backspace,
	.c-keyboard__body .keyboard-sub ul li.backspace
	{
		margin-left: .75rem;
	}
	.c-keyboard__body .keyboard-main ul li.backspace:after,
	.c-keyboard__body .keyboard-sub ul li.backspace:after
	{
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: 2.625rem;
		height: 2.625rem;
		background: url(../../ebz/common/images/icon_backspace.svg) no-repeat center center;
		pointer-events: none;
	}
	.c-keyboard__body .keyboard-main ul li.backspace input[type='button'],
	.c-keyboard__body .keyboard-sub ul li.backspace input[type='button']
	{
		width: 2.625rem;
	}
	.c-keyboard__body .keyboard-sub
	{
		display: none;
	}
	.c-keyboard__body .keyboard-sub ul li.backspace
	{
		margin-left: 0;
	}
	.c-keyboard__body .keyboard-sub ul li.backspace:after
	{
		left: 1.875rem;
	}
	.c-keyboard__body .keyboard-sub ul li.backspace input[type='button']
	{
		position: absolute;
		right: -4.5rem;
	}
	.c-keyboard__body .keyboard-function input[type='button']
	{
		width: 7.125rem;
	}
	.c-keyboard__body .keyboard-function ul
	{
		width: 100%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
	.c-keyboard__body .keyboard-function ul li
	{
		position: relative;
	}
	.c-keyboard__body .keyboard-function ul li + li
	{
		margin-left: .375rem;
	}
	.c-keyboard__body .keyboard-function ul li.letterswitch:after
	{
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: 7.125rem;
		height: 2.625rem;
		background: url(../../ebz/common/images/icon_letterswitch.svg) no-repeat center center;
		pointer-events: none;
	}
	.c-keyboard.key-shrink
	{
		position: fixed;
		bottom: -18.75rem;
		left: 0;
	}
	.c-keyboard.key-shrink .c-keyboard__console
	{
		width: 100%;
		background-color: #fff;
	}
	.c-keyboard.key-shrink .c-keyboard__header
	{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: end;
		-ms-flex-pack: end;
		justify-content: flex-end;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		width: 100vw;
		height: 4rem;
		padding-right: 2.125rem;
		background-color: #fff;
	}
	.c-keyboard.key-shrink .c-keyboard__header .keyboard-close
	{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		border: .0625rem solid #acacac;
		border-radius: 2rem;
		cursor: pointer;
		height: 2rem;
		font-size: .875rem;
		text-align: center;
		color: #5a5a5a;
		text-decoration: none;
		padding: 0 .625rem;
		line-height: 1.5;
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), to(#d6d6d6));
		background: linear-gradient(to bottom, #fff 0, #d6d6d6 100%);
	}
	.c-keyboard.key-shrink .c-keyboard__body
	{
		width: 100vw;
		padding: .75rem 0 .3125rem;
		background-color: #fff;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}
	.c-keyboard.key-shrink .c-keyboard__body input[type='button']
	{
		display: block;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		border: .0625rem solid #acacac;
		border-radius: .3125rem;
		cursor: pointer;
		height: 2.625rem;
		font-size: 1.0625rem;
		text-align: center;
		color: #5a5a5a;
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), to(#d6d6d6));
		background: linear-gradient(to bottom, #fff 0, #d6d6d6 100%);
	}
	.c-keyboard.key-shrink .c-keyboard__body .keyboard-main,
	.c-keyboard.key-shrink .c-keyboard__body .keyboard-sub
	{
		margin-bottom: 1.1875rem;
	}
	.c-keyboard.key-shrink .c-keyboard__body .keyboard-main input[type='button'],
	.c-keyboard.key-shrink .c-keyboard__body .keyboard-sub input[type='button']
	{
		width: 1.75rem;
	}
	.c-keyboard.key-shrink .c-keyboard__body .keyboard-main ul,
	.c-keyboard.key-shrink .c-keyboard__body .keyboard-sub ul
	{
		width: 100%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
	.c-keyboard.key-shrink .c-keyboard__body .keyboard-main ul + ul,
	.c-keyboard.key-shrink .c-keyboard__body .keyboard-sub ul + ul
	{
		margin-top: 1rem;
	}
	.c-keyboard.key-shrink .c-keyboard__body .keyboard-main ul li,
	.c-keyboard.key-shrink .c-keyboard__body .keyboard-sub ul li
	{
		position: relative;
	}
	.c-keyboard.key-shrink .c-keyboard__body .keyboard-main ul li + li,
	.c-keyboard.key-shrink .c-keyboard__body .keyboard-sub ul li + li
	{
		margin-left: .125rem;
	}
	.c-keyboard.key-shrink .c-keyboard__body .keyboard-main ul li.shift,
	.c-keyboard.key-shrink .c-keyboard__body .keyboard-sub ul li.shift
	{
		margin-right: .1875rem;
	}
	.c-keyboard.key-shrink .c-keyboard__body .keyboard-main ul li.shift:after,
	.c-keyboard.key-shrink .c-keyboard__body .keyboard-sub ul li.shift:after
	{
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: 2.625rem;
		height: 2.625rem;
		background: url(../../ebz/common/images/icon_shift.svg) no-repeat center center;
		pointer-events: none;
	}
	.c-keyboard.key-shrink .c-keyboard__body .keyboard-main ul li.shift input[type='button'],
	.c-keyboard.key-shrink .c-keyboard__body .keyboard-sub ul li.shift input[type='button']
	{
		width: 2.625rem;
	}
	.c-keyboard.key-shrink .c-keyboard__body .keyboard-main ul li.backspace,
	.c-keyboard.key-shrink .c-keyboard__body .keyboard-sub ul li.backspace
	{
		margin-left: .1875rem;
	}
	.c-keyboard.key-shrink .c-keyboard__body .keyboard-main ul li.backspace:after,
	.c-keyboard.key-shrink .c-keyboard__body .keyboard-sub ul li.backspace:after
	{
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: 2.625rem;
		height: 2.625rem;
		background: url(../../ebz/common/images/icon_backspace.svg) no-repeat center center;
		pointer-events: none;
	}
	.c-keyboard.key-shrink .c-keyboard__body .keyboard-main ul li.backspace input[type='button'],
	.c-keyboard.key-shrink .c-keyboard__body .keyboard-sub ul li.backspace input[type='button']
	{
		width: 2.625rem;
	}
	.c-keyboard.key-shrink .c-keyboard__body .keyboard-sub
	{
		display: none;
	}
	.c-keyboard.key-shrink .c-keyboard__body .keyboard-sub ul li.backspace
	{
		margin-left: 0;
	}
	.c-keyboard.key-shrink .c-keyboard__body .keyboard-sub ul li.backspace:after
	{
		left: .3125rem;
	}
	.c-keyboard.key-shrink .c-keyboard__body .keyboard-sub ul li.backspace input[type='button']
	{
		position: absolute;
		right: -3rem;
	}
	.c-keyboard.key-shrink .c-keyboard__body .keyboard-function ul
	{
		width: 100%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
	.c-keyboard.key-shrink .c-keyboard__body .keyboard-function ul li
	{
		position: relative;
	}
	.c-keyboard.key-shrink .c-keyboard__body .keyboard-function ul li:nth-child(1) input[type='button']
	{
		width: 5.625rem;
	}
	.c-keyboard.key-shrink .c-keyboard__body .keyboard-function ul li:nth-child(2) input[type='button']
	{
		width: 6.625rem;
	}
	.c-keyboard.key-shrink .c-keyboard__body .keyboard-function ul li:nth-child(3) input[type='button']
	{
		width: 5.625rem;
	}
	.c-keyboard.key-shrink .c-keyboard__body .keyboard-function ul li + li
	{
		margin-left: .375rem;
	}
	.c-keyboard.key-shrink .c-keyboard__body .keyboard-function ul li.letterswitch:after
	{
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: 5.625rem;
		height: 2.625rem;
		background: url(../../ebz/common/images/icon_letterswitch.svg) no-repeat center center;
		pointer-events: none;
	}
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 808px) and (orientation: landscape)
{
	.c-keyboard.slide-in
	{
		-webkit-animation: keyboardSlideIn .3s ease;
		animation: keyboardSlideIn .3s ease;
		-webkit-animation-fill-mode: forwards;
		animation-fill-mode: forwards;
	}
	.c-keyboard.slide-out
	{
		-webkit-animation: keyboardSlideOut .3s ease;
		animation: keyboardSlideOut .3s ease;
		-webkit-animation-fill-mode: forwards;
		animation-fill-mode: forwards;
	}
}

@keyframes keyboardSlideIn
{
	0%
	{
		bottom: -18.75rem;
	}
	100%
	{
		bottom: 0rem;
	}
}

@keyframes keyboardSlideOut
{
	0%
	{
		bottom: 0rem;
	}
	100%
	{
		bottom: -18.75rem;
	}
}

@media only screen and (min-width: 768px) and (max-width: 808px) and (orientation: portrait), only screen and (min-width: 809px)
{
	.c-information__list
	{
		border: .0625rem solid #d6d6d6;
		padding: .625rem;
	}
}

.c-information__list .information
{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	line-height: 1.5;
}

@media only screen and (min-width: 768px) and (max-width: 808px) and (orientation: portrait), only screen and (min-width: 809px)
{
	.c-information__list .information
	{
		font-size: .875rem;
		margin-bottom: .625rem;
	}
	.c-information__list .information:last-of-type
	{
		margin-bottom: 0;
	}
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 808px) and (orientation: landscape)
{
	.c-information__list .information
	{
		font-size: .875rem;
		margin-bottom: .625rem;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}
	.c-information__list .information:last-of-type
	{
		margin-bottom: 0;
	}
}

.c-information__list .information dt
{
	white-space: nowrap;
}

@media only screen and (min-width: 768px) and (max-width: 808px) and (orientation: portrait), only screen and (min-width: 809px)
{
	.c-information__list .information dt
	{
		font-weight: bold;
		padding-left: 2.6875rem;
		margin-right: 1.25rem;
		position: relative;
	}
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 808px) and (orientation: landscape)
{
	.c-information__list .information dt
	{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		margin-bottom: .3125rem;
		font-weight: bold;
	}
}

.c-information__list .information dt .target-date
{
	display: none;
}

@media only screen and (min-width: 768px) and (max-width: 808px) and (orientation: portrait), only screen and (min-width: 809px)
{
	.c-information__list .information dt.icon-new:before
	{
		content: '';
		background: url(../../ebz/common/images/icon_new.svg) no-repeat;
		position: absolute;
		top: .125rem;
		left: 0;
		width: 2.375rem;
		height: 1rem;
		min-width: 2.375rem;
	}
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 808px) and (orientation: landscape)
{
	.c-information__list .information dt.icon-new:after
	{
		content: '';
		background: url(../../ebz/common/images/icon_new.svg) no-repeat;
		display: block;
		width: 2.375rem;
		height: 1rem;
		min-width: 2.375rem;
		margin-left: .625rem;
		margin-top: .125rem;
	}
}

@media only screen and (min-width: 768px) and (max-width: 808px) and (orientation: portrait), only screen and (min-width: 809px)
{
	.c-information__list .information dd
	{
		padding-left: 2.125rem;
		position: relative;
	}
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 808px) and (orientation: landscape)
{
	.c-information__list .information dd
	{
		padding-left: 2.125rem;
		position: relative;
	}
}

.c-information__list .information dd:before
{
	content: '';
	background: url(../../ebz/common/images/icon_newwindow.svg) no-repeat;
}

@media only screen and (min-width: 768px) and (max-width: 808px) and (orientation: portrait), only screen and (min-width: 809px)
{
	.c-information__list .information dd:before
	{
		position: absolute;
		top: 0;
		left: 0;
		width: 1.5rem;
		height: 1.5rem;
		min-width: 1.5rem;
	}
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 808px) and (orientation: landscape)
{
	.c-information__list .information dd:before
	{
		position: absolute;
		top: 0;
		left: 0;
		width: 1.5rem;
		height: 1.5rem;
		min-width: 1.5rem;
	}
}

.c-information__detail .detail
{
	line-height: 1.5;
}

@media only screen and (min-width: 768px) and (max-width: 808px) and (orientation: portrait), only screen and (min-width: 809px)
{
	.c-information__detail .detail
	{
		font-size: .875rem;
	}
	.c-information__detail .detail + .detail,
	.c-information__detail .detail + .detail-link
	{
		margin-top: .625rem;
	}
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 808px) and (orientation: landscape)
{
	.c-information__detail .detail
	{
		font-size: .875rem;
	}
	.c-information__detail .detail + .detail,
	.c-information__detail .detail + .detail-link
	{
		margin-top: .625rem;
	}
}

.c-information__detail .detail-link
{
	position: relative;
	line-height: 1.5;
	display: inline-block;
}

@media only screen and (min-width: 768px) and (max-width: 808px) and (orientation: portrait), only screen and (min-width: 809px)
{
	.c-information__detail .detail-link
	{
		font-size: .875rem;
		padding-left: 2.125rem;
	}
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 808px) and (orientation: landscape)
{
	.c-information__detail .detail-link
	{
		font-size: .875rem;
		padding-left: 2.125rem;
	}
}

.c-information__detail .detail-link:before
{
	content: '';
	background: url(../../ebz/common/images/icon_newwindow.svg) no-repeat;
}

@media only screen and (min-width: 768px) and (max-width: 808px) and (orientation: portrait), only screen and (min-width: 809px)
{
	.c-information__detail .detail-link:before
	{
		position: absolute;
		top: 0;
		left: 0;
		width: 1.5rem;
		height: 1.5rem;
		min-width: 1.5rem;
	}
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 808px) and (orientation: landscape)
{
	.c-information__detail .detail-link:before
	{
		position: absolute;
		top: 0;
		left: 0;
		width: 1.5rem;
		height: 1.5rem;
		min-width: 1.5rem;
	}
}

.c-error
{
	color: #e60000;
	line-height: 1.5;
}

@media only screen and (min-width: 768px) and (max-width: 808px) and (orientation: portrait), only screen and (min-width: 809px)
{
	.c-error
	{
		font-size: .875rem;
		border-left: .125rem solid #e60000;
		padding: 0 .625rem;
	}
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 808px) and (orientation: landscape)
{
	.c-error
	{
		font-size: .875rem;
		border-left: .125rem solid #e60000;
		padding: 0 .625rem;
	}
}

.p-notice
{
	background-color: #fff;
}

.p-notice__console
{
	max-width: 80rem;
	margin: 0 auto;
}

@media only screen and (min-width: 768px) and (max-width: 808px) and (orientation: portrait), only screen and (min-width: 809px)
{
	.p-notice__console
	{
		padding: .625rem 1.25rem;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		min-height: 2.75rem;
		position: relative;
	}
}

.p-notice .notice
{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

@media only screen and (min-width: 768px) and (max-width: 808px) and (orientation: portrait), only screen and (min-width: 809px)
{
	.p-notice .notice
	{
		font-size: .875rem;
		line-height: 1.5;
	}
	.p-notice .notice:before
	{
		content: '';
		display: block;
		width: 1.5rem;
		height: 1.5rem;
		min-width: 1.5rem;
		background: url(../../ebz/common/images/icon_caution.svg) no-repeat;
		margin-right: .625rem;
	}
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 808px) and (orientation: landscape)
{
	.p-notice .notice
	{
		position: relative;
		padding: .625rem 2.25rem .625rem 1.25rem;
		font-size: .875rem;
		line-height: 1.5;
		text-decoration: none;
	}
	.p-notice .notice:before
	{
		content: '';
		display: block;
		width: 1.5rem;
		height: 1.5rem;
		min-width: 1.5rem;
		background: url(../../ebz/common/images/icon_caution.svg) no-repeat;
		margin-right: .625rem;
	}
	.p-notice .notice:after
	{
		content: '';
		position: absolute;
		top: 0;
		bottom: 0;
		right: 1.25rem;
		margin: auto 0;
		display: block;
		width: 1.5rem;
		height: 1.5rem;
		min-width: 1.5rem;
		background: url(../../ebz/common/images/icon_transition.svg) no-repeat;
		margin-left: 1.125rem;
	}
	.p-notice .notice:active
	{
		background-color: rgba(0, 0, 0, .1);
	}
}

@media only screen and (min-width: 768px) and (max-width: 808px) and (orientation: portrait), only screen and (min-width: 809px)
{
	.p-notice .display-id
	{
		font-size: .875rem;
		line-height: 1.5;
		min-height: 1.5rem;
		position: absolute;
		right: 1.25rem;
	}
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 808px) and (orientation: landscape)
{
	.p-notice .display-id
	{
		display: none;
	}
}

@media only screen and (min-width: 768px) and (max-width: 808px) and (orientation: portrait), only screen and (min-width: 809px)
{
	.p-notice .notice + .display-id
	{
		position: relative;
		right: inherit;
	}
}

.p-important-notice
{
	background-color: #e60000;
}

.p-important-notice__console
{
	max-width: 80rem;
	margin: 0 auto;
}

@media only screen and (min-width: 768px) and (max-width: 808px) and (orientation: portrait), only screen and (min-width: 809px)
{
	.p-important-notice__console
	{
		padding: .5rem 1.25rem .75rem 1.25rem;
	}
}

.p-important-notice .important-notice
{
	color: #fff;
	display: inline-block;
}

.p-important-notice .important-notice span
{
	display: block;
}

@media only screen and (min-width: 768px) and (max-width: 808px) and (orientation: portrait), only screen and (min-width: 809px)
{
	.p-important-notice .important-notice .title
	{
		font-size: 1.25rem;
		font-weight: bold;
		line-height: 1.5;
	}
	.p-important-notice .important-notice .detail
	{
		font-size: .875rem;
		line-height: 1.5;
	}
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 808px) and (orientation: landscape)
{
	.p-important-notice .important-notice
	{
		position: relative;
		width: 100%;
		padding: .625rem 2.375rem .625rem 1.25rem;
		text-decoration: none;
	}
	.p-important-notice .important-notice .title
	{
		font-size: 1.25rem;
		font-weight: bold;
		line-height: 1.3;
	}
	.p-important-notice .important-notice .detail
	{
		font-size: 1.0625rem;
		line-height: 1.5;
	}
	.p-important-notice .important-notice:after
	{
		content: '';
		position: absolute;
		top: 0;
		bottom: 0;
		right: 1.25rem;
		margin: auto 0;
		display: block;
		width: 1.5rem;
		height: 1.5rem;
		min-width: 1.5rem;
		background: url(../../ebz/common/images/icon_transition_white.svg) no-repeat;
	}
	.p-important-notice .important-notice:active:before
	{
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(0, 0, 0, .2);
	}
}

.p-login
{
	max-width: 80rem;
	margin: 0 auto;
}

.p-login__console
{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: relative;
}

@media only screen and (min-width: 768px) and (max-width: 808px) and (orientation: portrait), only screen and (min-width: 809px)
{
	.p-login__console
	{
		padding: 1.5rem 0;
	}
}

@media only screen and (min-width: 1024px)
{
	.p-login__console
	{
		width: 50%;
	}
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 808px) and (orientation: landscape)
{
	.p-login__console
	{
		padding: .625rem .75rem;
	}
}

.p-login__form
{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	background-color: rgba(0, 0, 0, .4);
	position: relative;
}

@media only screen and (min-width: 768px) and (max-width: 808px) and (orientation: portrait), only screen and (min-width: 809px)
{
	.p-login__form
	{
		width: 26.75rem;
		padding: 3.375rem 3.375rem 3.375rem;
	}
	.p-login__form h1
	{
		position: absolute;
		top: .875rem;
		left: 3.375rem;
		font-size: 1.125rem;
		font-weight: bold;
		line-height: 2;
		color: #fff;
	}
	.p-login__form h1 + .c-login-input-text
	{
		margin-top: .5625rem;
	}
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 808px) and (orientation: landscape)
{
	.p-login__form
	{
		width: 100%;
		padding: 2.75rem 2.75rem 3.125rem;
		visibility: hidden;
		opacity: 0;
	}
	.p-login__form h1
	{
		position: absolute;
		top: .75rem;
		left: 2.625rem;
		font-size: 1.125rem;
		font-weight: bold;
		color: #fff;
		line-height: 1.5;
	}
	.p-login__form h1 + .c-login-input-text
	{
		margin-top: .6875rem;
	}
	.p-login__form h1 + .p-login__form-error
	{
		margin-top: .6875rem;
	}
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 808px) and (orientation: landscape)
{
	.p-login__form.fadeIn
	{
		-webkit-animation: fadeIn .6s ease;
		animation: fadeIn .6s ease;
		-webkit-animation-delay: 1s;
		animation-delay: 1s;
		-webkit-animation-fill-mode: forwards;
		animation-fill-mode: forwards;
	}
}

@-webkit-keyframes fadeIn
{
	0%
	{
		visibility: hidden;
		opacity: 0;
	}
	100%
	{
		visibility: visible;
		opacity: 1;
	}
}

@keyframes fadeIn
{
	0%
	{
		visibility: hidden;
		opacity: 0;
	}
	100%
	{
		visibility: visible;
		opacity: 1;
	}
}

@media only screen and (min-width: 768px) and (max-width: 808px) and (orientation: portrait), only screen and (min-width: 809px)
{
	.p-login__form-error
	{
		display: none;
	}
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 808px) and (orientation: landscape)
{
	.p-login__form-error
	{
		position: relative;
		background-color: #fff;
		padding: .75rem .625rem .75rem 2.75rem;
		font-size: .875rem;
		line-height: 1.5;
		color: #e60000;
	}
	.p-login__form-error:before
	{
		position: absolute;
		content: '';
		top: 0;
		bottom: 0;
		left: .625rem;
		width: 1.5rem;
		height: 1.5rem;
		min-width: 1.5rem;
		margin: auto 0;
		background: url(../../ebz/common/images/icon_error.svg) no-repeat;
		background-size: 1.5rem 1.5rem;
	}
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 808px) and (orientation: landscape)
{
	.p-login .p-login__form-error + .c-login-input-text
	{
		margin-top: .625rem;
	}
}

@media only screen and (min-width: 768px) and (max-width: 808px) and (orientation: portrait), only screen and (min-width: 809px)
{
	.p-login .c-login-input-text + .c-login-input-text
	{
		margin-top: .625rem;
	}
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 808px) and (orientation: landscape)
{
	.p-login .c-login-input-text + .c-login-input-text
	{
		margin-top: .625rem;
	}
}

@media only screen and (min-width: 768px) and (max-width: 808px) and (orientation: portrait), only screen and (min-width: 809px)
{
	.p-login .c-login-input-text + .c-login-btn__primary
	{
		margin-top: 1.25rem;
	}
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 808px) and (orientation: landscape)
{
	.p-login .c-login-input-text + .c-login-btn__primary
	{
		margin-top: 1.25rem;
	}
}

@media only screen and (min-width: 768px) and (max-width: 808px) and (orientation: portrait), only screen and (min-width: 809px)
{
	.p-login .c-login-btn__primary
	{
		margin-bottom: 1.875rem;
	}
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 808px) and (orientation: landscape)
{
	.p-login .c-login-btn__primary
	{
		margin-bottom: 1.875rem;
	}
}

@media only screen and (min-width: 768px) and (max-width: 808px) and (orientation: portrait), only screen and (min-width: 809px)
{
	.p-login .c-login-input-text + .c-login-iconlink__window--white
	{
		margin-top: .4375rem;
	}
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 808px) and (orientation: landscape)
{
	.p-login .c-login-input-text + .c-login-iconlink__window--white
	{
		margin-top: .625rem;
	}
}

@media only screen and (min-width: 768px) and (max-width: 808px) and (orientation: portrait), only screen and (min-width: 809px)
{
	.p-login .c-login-iconlink__window--white + .c-login-input-text
	{
		margin-top: .9375rem;
	}
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 808px) and (orientation: landscape)
{
	.p-login .c-login-iconlink__window--white + .c-login-input-text
	{
		margin-top: 1.25rem;
	}
}

@media only screen and (min-width: 768px) and (max-width: 808px) and (orientation: portrait), only screen and (min-width: 809px)
{
	.p-login .c-login-iconlink__arrow--white + .c-login-iconlink__window--white
	{
		margin-top: .625rem;
	}
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 808px) and (orientation: landscape)
{
	.p-login .c-login-iconlink__arrow--white + .c-login-iconlink__window--white
	{
		margin-top: .625rem;
	}
}

.p-introduction
{
	background-color: #fff;
}

.p-introduction__console
{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	max-width: 80rem;
	margin: 0 auto;
}

@media only screen and (min-width: 768px) and (max-width: 808px) and (orientation: portrait), only screen and (min-width: 809px)
{
	.p-introduction__console
	{
		padding: 3.3125rem 3.875rem 1.875rem;
	}
}

@media only screen and (min-width: 1024px)
{
	.p-introduction__console
	{
		padding: 2.0625rem 3.875rem;
	}
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 808px) and (orientation: landscape)
{
	.p-introduction__console
	{
		padding: 1.875rem 0;
	}
}

@media only screen and (min-width: 768px) and (max-width: 808px) and (orientation: portrait), only screen and (min-width: 809px)
{
	.p-introduction__item:nth-child(1)
	{
		-ms-flex-preferred-size: 100%;
		flex-basis: 100%;
		max-width: 100%;
		margin-bottom: 3.125rem;
	}
	.p-introduction__item:nth-child(2)
	{
		-ms-flex-preferred-size: 48%;
		flex-basis: 48%;
		max-width: 48%;
	}
	.p-introduction__item:nth-child(3)
	{
		-ms-flex-preferred-size: 48%;
		flex-basis: 48%;
		max-width: 48%;
	}
}

@media only screen and (min-width: 1024px)
{
	.p-introduction__item:nth-child(1)
	{
		-ms-flex-preferred-size: 48%;
		flex-basis: 48%;
		max-width: 48%;
	}
	.p-introduction__item:nth-child(2)
	{
		-ms-flex-preferred-size: 24%;
		flex-basis: 24%;
		max-width: 24%;
	}
	.p-introduction__item:nth-child(3)
	{
		-ms-flex-preferred-size: 24%;
		flex-basis: 24%;
		max-width: 24%;
	}
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 808px) and (orientation: landscape)
{
	.p-introduction__item
	{
		width: 100%;
		margin-bottom: 1.875rem;
	}
	.p-introduction__item:last-child
	{
		margin-bottom: 0;
	}
}

.p-introduction__item h2
{
	font-weight: bold;
	line-height: 1.5;
}

@media only screen and (min-width: 768px) and (max-width: 808px) and (orientation: portrait), only screen and (min-width: 809px)
{
	.p-introduction__item h2
	{
		font-size: 1.125rem;
		margin-bottom: 1.875rem;
	}
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 808px) and (orientation: landscape)
{
	.p-introduction__item h2
	{
		font-size: 1.125rem;
		padding: 0 1.25rem;
		margin-bottom: .625rem;
	}
}

.p-introduction__item .information
{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	line-height: 1.5;
}

@media only screen and (min-width: 768px) and (max-width: 808px) and (orientation: portrait), only screen and (min-width: 809px)
{
	.p-introduction__item .information
	{
		font-size: .875rem;
		margin-bottom: .75rem;
	}
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 808px) and (orientation: landscape)
{
	.p-introduction__item .information
	{
		position: relative;
		font-size: .875rem;
		border-top: .0625rem solid #d6d6d6;
		border-bottom: .0625rem solid #d6d6d6;
		margin-bottom: .625rem;
	}
	.p-introduction__item .information + .information
	{
		margin-top: -.625rem;
		border-top: 0;
	}
}

.p-introduction__item .information dt
{
	font-weight: bold;
	white-space: nowrap;
}

@media only screen and (min-width: 768px) and (max-width: 808px) and (orientation: portrait), only screen and (min-width: 809px)
{
	.p-introduction__item .information dt
	{
		margin-right: .8125rem;
		position: relative;
	}
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 808px) and (orientation: landscape)
{
	.p-introduction__item .information dt
	{
		position: absolute;
		top: .625rem;
		left: 1.25rem;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}
}

@media only screen and (min-width: 768px) and (max-width: 808px) and (orientation: portrait), only screen and (min-width: 809px)
{
	.p-introduction__item .information dt.icon-new:before
	{
		content: '';
		background: url(../../ebz/common/images/icon_new.svg) no-repeat;
		position: absolute;
		top: .125rem;
		left: -2.6875rem;
		width: 2.375rem;
		height: 1rem;
		min-width: 2.375rem;
	}
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 808px) and (orientation: landscape)
{
	.p-introduction__item .information dt.icon-new:after
	{
		content: '';
		background: url(../../ebz/common/images/icon_new.svg) no-repeat;
		display: block;
		width: 2.375rem;
		height: 1rem;
		min-width: 2.375rem;
		margin-left: .625rem;
		margin-top: .125rem;
	}
}

.p-introduction__item .information dt .target-date
{
	display: none;
}

.p-introduction__item .information dd
{
	width: 100%;
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 808px) and (orientation: landscape)
{
	.p-introduction__item .information dd a
	{
		display: block;
		position: relative;
		text-decoration: none;
		padding: 2.5rem 3.25rem .625rem 1.25rem;
	}
	.p-introduction__item .information dd a:after
	{
		content: '';
		position: absolute;
		top: 0;
		bottom: 0;
		right: 1.25rem;
		margin: auto 0;
		display: block;
		width: 1.5rem;
		height: 1.5rem;
		min-width: 1.5rem;
		background: url(../../ebz/common/images/icon_transition.svg) no-repeat;
		margin-left: 1.125rem;
	}
	.p-introduction__item .information dd a:active
	{
		background-color: rgba(0, 0, 0, .1);
	}
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 808px) and (orientation: landscape)
{
	.p-introduction__item .archives
	{
		padding: 0 1.25rem;
	}
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 808px) and (orientation: landscape)
{
	.p-introduction__item .about-our-service
	{
		padding: 0 1.25rem;
	}
}

@media only screen and (min-width: 768px) and (max-width: 808px) and (orientation: portrait), only screen and (min-width: 809px)
{
	.p-introduction__item .about-our-service li + li
	{
		margin-top: .625rem;
	}
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 808px) and (orientation: landscape)
{
	.p-introduction__item .about-our-service li + li
	{
		margin-top: .625rem;
	}
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 808px) and (orientation: landscape)
{
	.p-introduction__item .partnership-banks
	{
		padding: 0 1.25rem;
	}
}

@media only screen and (min-width: 768px) and (max-width: 808px) and (orientation: portrait), only screen and (min-width: 809px)
{
	.p-introduction__item .partnership-banks li + li
	{
		margin-top: .625rem;
	}
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 808px) and (orientation: landscape)
{
	.p-introduction__item .partnership-banks li + li
	{
		margin-top: .625rem;
	}
}

@media only screen and (min-width: 768px) and (max-width: 808px) and (orientation: portrait), only screen and (min-width: 809px)
{
	.u-is-pc
	{
		display: block;
	}
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 808px) and (orientation: landscape)
{
	.u-is-pc
	{
		display: none;
	}
}

@media only screen and (min-width: 768px) and (max-width: 808px) and (orientation: portrait), only screen and (min-width: 809px)
{
	.u-is-sp
	{
		display: none;
	}
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 808px) and (orientation: landscape)
{
	.u-is-sp
	{
		display: block;
	}
}

@media only screen and (min-width: 768px) and (max-width: 808px) and (orientation: portrait), only screen and (min-width: 809px)
{
	.u-is-pc-flex
	{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 808px) and (orientation: landscape)
{
	.u-is-pc-flex
	{
		display: none;
	}
}

@media only screen and (min-width: 768px) and (max-width: 808px) and (orientation: portrait), only screen and (min-width: 809px)
{
	.u-is-sp-flex
	{
		display: none;
	}
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 808px) and (orientation: landscape)
{
	.u-is-sp-flex
	{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}
}

.u-mb-0
{
	margin-bottom: 0;
}

.u-ws-nowrap
{
	white-space: nowrap;
}

.u-ta-left
{
	text-align: left;
}

.u-ta-right
{
	text-align: right;
}