@charset 'UTF-8';
/*--------------------------------------------------------------------------
   sec-login
---------------------------------------------------------------------------*/
html,
body {
	background-color: #2d414a;
}

.l-page-wrapper {
	height: 100%;
	min-height: 100%;
}

@media screen and (max-width: 768px) {
	.l-page-wrapper {
		height: auto;
		min-height: auto;
	}
}

.l-page__main {
	min-width: 1040px;
	background-color: #f0f5f1;
}

@media screen and (max-width: 768px) {
	.l-page__main {
		min-width: 0;
	}
}

/*sec-cont
=======================================================*/
.sec-cont {
	padding: 32px 0 90px;
}

@media screen and (max-width: 768px) {
	.sec-cont {
		padding: 10px 0 56px;
	}
}

/*sec-login コンテンツボックス
=======================================================*/
.sec-cont .cont-box {
	margin-top: 45px;
}

@media screen and (max-width: 768px) {
	.sec-cont .cont-box {
		margin-top: 28px;
	}
}

/*sec-login ログイン
=======================================================*/
.sec-login {
	float: left;
	padding-right: 55px;
	border-right: 1px solid #e6e9e6;
}

.sec-login__hdg {
	padding-left: 35px;
	background-image: url(../../img/common/ico_login_sp.png);
	background-position: left center;
	background-size: 26px 23px;
	font-size: 24px;
	font-weight: bold;
}

@media screen and (max-width: 768px) {
	.sec-login {
		float: none;
		padding-right: 0;
		border: none;
	}
	.sec-login__hdg {
		padding-left: 37px;
		font-size: 22px;
	}
}

/*login-inner
=======================================================*/
/*login-info ログイン テキストボックス
=======================================================*/
.sec-login .login-info {
	margin-top: 30px;
}

.sec-login .login-info .txt {
	display: block;
	width: 436px;
	margin-bottom: 10px;
	padding: 14px 0;
	padding-left: 17px;
	border: 1px solid #dbdbdb;
	background-color: #fff;
	color: #bdbdbd;
	font-size: 14px;
}

.sec-login .login-info .txt:last-child {
	margin-bottom: 0;
}

@media screen and (max-width: 768px) {
	.sec-login .login-info {
		margin-top: 21px;
	}
	.sec-login .login-info .txt {
		width: 100%;
	}
}

/*archive-box ログイン状態を保存する
=======================================================*/
.sec-login .archive-box {
	margin-top: 17px;
}

.sec-login .archive-box label {
	cursor: pointer;
}

.sec-login .archive-box__check {
	float: left;
	color: #9b9b9b;
	font-size: 13px;
}

.sec-login .archive-box__check .checkbox {
	width: 15px;
	height: 15px;
	margin-right: 5px;
}

.sec-login .archive-box__forget {
	float: right;
	text-decoration: underline;
	color: #62b891;
	font-size: 13px;
}

.sec-login .archive-box__forget.hover {
	text-decoration: none;
}

@media screen and (max-width: 768px) {
	.sec-login .archive-box__check {
		font-size: 12px;
	}
	.sec-login .archive-box__forget {
		font-size: 12px;
	}
}

@media screen and (max-width: 365px) {
	.sec-login .archive-box__check {
		float: none;
		margin-bottom: 5px;
	}
	.sec-login .archive-box__forget {
		float: none;
	}
}

/*sec-login__btn ログイン
=======================================================*/
.sec-login .sec-login__btn {
	width: 225px;
	margin-top: 36px;
	padding: 14.5px 120px 14.5px 0;
	border: 2px solid #62b891;
	background-image: url(../../img/common/arw_btn02.png);
	color: #62b891 !important;
	font-size: 15px;
}

.sec-login .sec-login__btn.hover {
	background-color: #62b891;
	background-image: url(../../img/common/arw_btn01.png);
	color: #fff !important;
}

@media screen and (max-width: 768px) {
	.sec-login .sec-login__btn {
		width: 100%;
		margin-top: 22px;
		padding: 13px 0;
		text-align: center;
		font-size: 15px;
	}
}

/*sec-sign 新規会員登録
=======================================================*/
.sec-sign {
	float: right;
}

.sec-sign__hdg {
	padding-left: 40px;
	background-image: url(../../img/common/ico_person.png);
	background-size: 27px 31px;
	font-size: 24px;
	font-weight: bold;
}

@media screen and (max-width: 768px) {
	.sec-sign {
		float: none;
		margin-top: 40px;
		border-radius: 10px;
		background-color: #dde8df;
	}
	.sec-sign__hdg {
		font-size: 22px;
	}
}

/*sign-inner
=======================================================*/
@media screen and (max-width: 768px) {
	.sec-sign .sign-inner {
		padding: 27px 15px 30px;
	}
}

/*sign-info 新規会員登録 テキストボックス
=======================================================*/
.sec-sign .sign-info {
	margin-top: 31px;
}

.sec-sign .sign-info .txt {
	display: block;
	width: 436px;
	margin-bottom: 10px;
	padding: 14px 0;
	padding-left: 17px;
	border: 1px solid #dbdbdb;
	background-color: #fff;
	color: #bdbdbd;
	font-size: 14px;
}

.sec-sign .sign-info .txt:last-child {
	margin-bottom: 0;
}

@media screen and (max-width: 768px) {
	.sec-sign .sign-info {
		margin-top: 22px;
	}
	.sec-sign .sign-info .txt {
		width: 100%;
		font-size: 14px;
	}
}

@media screen and (max-width: 768px) and (max-width: 370px) {
	.sec-sign .sign-info .txt {
		font-size: 12px;
	}
}

/*sec-sign__btn ログイン
=======================================================*/
.sec-sign .sec-sign__btn {
	width: 225px;
	margin-top: 122px;
	padding: 14.5px 20px 14.5px 0;
	border: 2px solid #62b891;
	background-image: url(../../img/common/arw_btn02.png);
	color: #62b891 !important;
	font-size: 15px;
}

.sec-sign .sec-sign__btn.hover {
	background-color: #62b891;
	background-image: url(../../img/common/arw_btn01.png);
	color: #fff !important;
}

@media screen and (max-width: 768px) {
	.sec-sign .sec-sign__btn {
		width: 100%;
		margin-top: -1px;
		padding: 15px 0;
		text-align: center;
		font-size: 15px;
	}
}