/* Common */
/* Blocks */
.login {
	position: relative;
	background: #7e7f81 url(../img/@login/bg.jpg) no-repeat right 28.75vw top 70%/cover;
}

.login:after {
	position: absolute;
	left: 0;
	right: 28.75vw;
	bottom: 0;
	content: '';
	max-width: 35.72917vw;
	height: 100%;
	max-height: 46.875vw;
	background: url(../img/common/white_logo.svg) no-repeat 0 100%/auto 100%;
}

.login__box {
	width: 28.75vw;
	padding: 3.125vw 4.79167vw;
	margin: 0 0 0 auto;
}

.login__logo {
	display: none;
}

.login .form__title {
	font-size: 1.5625vw;
	margin-bottom: 1.77083vw;
}

.login .form__description {
	font-size: 0.83333vw;
	margin-bottom: 1.66667vw;
}

.login .form__item {
	margin-bottom: 0.83333vw;
}

.login .form__item_button {
	padding-top: 0.83333vw;
	margin-bottom: 0.41667vw;
}

.login .form__input {
	height: 2.44792vw;
	border-radius: 0.10417vw;
	font-size: 1.14583vw;
}

.login .form__password {
	font-size: 0.72917vw;
	margin-bottom: 1.66667vw;
}

.login .form__select {
	margin-bottom: 0.83333vw;
}

.login .form__select .select {
	height: 2.44792vw;
	border-width: 1px;
	border-radius: 0.10417vw;
	font-size: 1.14583vw;
}

.login .form__select .option {
	font-size: 1.14583vw;
}

.login .form__substitution {
	margin-bottom: 0.83333vw;
}

.login .form__substitution-text {
	min-height: 2.44792vw;
	padding: 0.26042vw 2.08333vw 0.26042vw 0.83333vw;
	font-size: 1.14583vw;
}

.login .form__substitution-text:after {
	top: 0.78125vw;
	right: 0.72917vw;
	width: 1.09375vw;
}

.login .form__substitution.open .form__substitution-text:after {
	-webkit-transform: rotate(180deg) translateY(1.5625vw);
	        transform: rotate(180deg) translateY(1.5625vw);
}

.login .form__substitution-list {
	padding: 0 0.83333vw;
}

.login .form__substitution-list LI {
	padding: 0.625vw 0;
	border-top-width: 1px;
	font-size: 1.14583vw;
}

.login .form__footerbox {
	gap: 0.52083vw;
}

.login .form__footer {
	font-size: 0.72917vw;
}

.login .form__footer-checkbox {
	top: 1px;
	width: 0.83333vw;
	height: 0.83333vw;
	border-radius: 0.20833vw;
}

.login .form__footer-text {
	padding-left: 1.25vw;
}

.login .form__button {
	height: 2.13542vw;
	border-radius: 0.41667vw;
	font-size: 0.9375vw;
}

.login .form__space {
	padding: 0.41667vw 0;
	font-size: 0.9375vw;
}

.login__back {
	padding-top: 0.10417vw;
}

.login__back A {
	gap: 0.52083vw;
	font-size: 0.9375vw;
}

.login__back A:before {
	width: 0.36458vw;
	height: 0.625vw;
}

.fancybox-slide {
	padding: 0.625vw 0;
}

.fancybox-slide--html .popup-login .fancybox-close-small {
	top: -0.41667vw;
	right: -0.41667vw;
	width: 1.25vw;
	height: 1.25vw;
	padding: 0;
	opacity: 1;
}

.fancybox-slide--html .popup-login .fancybox-close-small:before {
	width: 1.25vw;
	height: 1.25vw;
	background: url(../img/common/icon_close_square.svg) no-repeat 50% 50%/100% 100%;
}

.popup-login {
	max-width: 35.52083vw;
	vertical-align: middle;
	padding: 2.08333vw 3.125vw;
	border-radius: 0.52083vw;
	overflow: visible;
}

.popup-login__title {
	font-size: 1.5625vw;
	margin-bottom: 1.5625vw;
}

.popup-login__title BR {
	display: none;
}

.popup-login__text {
	gap: 0.52083vw 0;
	margin-bottom: 1.35417vw;
}

.popup-login__text P {
	font-size: 0.9375vw;
}

.popup-login .button {
	width: 12.5vw;
	height: 2.13542vw;
	border-radius: 0.41667vw;
	font-size: 0.9375vw;
	margin: 0 auto;
}