@charset "UTF-8";

/*---------------------------
  
  1.背景
  2.ログインブロック
  3.footer

---------------------------*/

/* ================================================================
 * 
 * 背景
 * 
 * ================================================================ */

.wrapper{
	align-items: center;
}



.full {
	position: relative;
	width: 100%;
	min-height: 100vh;
	background: url(./../image/bg.jpg) top center / cover;
}


/* ================================================================
 * 
 * ログインブロック
 * 
 * ================================================================ */

.login{
	width: 100%;
	max-width: 400px;
	margin-top: auto;

	background:var(--color-wht);
	box-shadow: 0 .5rem 1.0rem -.5rem var(--color-shadow);
	padding: 4.0rem;
	border-radius: .6rem;
}

/*ロゴ*/
.login__logo{
	width:130px;
	margin: 0 auto;
	margin-bottom: 2.4rem;
}

/*タイトル*/
.login__title {
	text-align: center;
	background: linear-gradient(180deg, rgba(69, 176, 53, 1) 0%, rgba(10, 140, 13, 1) 100%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	color: transparent;
	font-size: 2.4rem;
	font-weight: 700; 
	margin-bottom: 1.2rem;
}

/*ログイン*/
.login__subtitle{
	margin-bottom: 2.4rem;
	font-size: 2.4rem;
	font-weight: 700;
	text-align: center;	
}

/*dt*/
.login__term{
	font-size: 1.4rem;
}

/*input*/
.login__desc:not(:last-of-type){
	margin-bottom: 1.2rem;
}

/*ログインのみ入力欄幅*/
/* 入力欄とボタンを重ねるための基準になる親要素 */
.filter__password-group {
	max-width: 100%; 
}

/*リンク*/
.login__forget{
	text-align: right;	
	margin-top: .6rem;
}
.login__link{
	font-size: 1.4rem;
	color:var(--color-link);
	text-decoration: none;
}

.login__actions{
	text-align: center;
}

/*ボタン*/
.login__btn {
	background: var(--color-btn);
	background: var(--gradation-btn);
	color: var(--color-wht);
	border-radius: .6rem;
	width: 170px;
	padding: 1.6rem 0;
	margin: 2.4rem auto 0 auto;
	text-decoration: none;
	display: flex;
	align-items: center;
	justify-content: center;
}

.login__btn::before{
	content:"";
	background: url(./../image/icon-login.svg) no-repeat left center;
	display: inline-block;
	width:22px;
	height: 21px;
	margin-right: 0.5rem;
}


/* ================================================================
 * 
 * footer
 * 
=================================================================== */

/*copy*/
.copyright{
	color: var(--color-wht);
}