@charset "UTF-8";

html,
body {
	height:100%;
}
#wrapper {
	height:auto!important;
	min-height:100%;
	height:100%;
	background:#f5f5f5;
	position:relative;
}
#footer {
	position:absolute;
	bottom:0;
}
.fixNav {
	display:none!important;
}

/* #header */
#hlogo {
	width:24%;
	margin:0 auto;
	padding:60px 0 30px;
}

/* .loginArea */
.loginArea {
	padding-bottom:120px;
}
.loginArea a{
	color:#0a98c6;
}
.loginArea .ttl01 {
	text-align:center;
	padding-bottom:10px;
}
.loginArea .mtxt {
	text-align:center;
	line-height:1.9;
	padding-bottom:28px;
}
.loginArea .thxArea {
	width:70%;
	margin:0 auto;
}
.loginArea .thxtxt {
	text-align:center;
	line-height:1.9;
	padding:1em 0 2em;
}
.loginArea .mailatt {
	line-height:1.9;
	padding:1em 1.5em;
	border:#e8e8e8 1px solid;
	border-radius:1em;
	background:#e8e8e8;
	
}
.loginArea .cont {
	background:#fff;
	width:36%;
	padding:20px 3% 10px;
	box-sizing:border-box;
	border:1px solid #e8e8e8;
	box-shadow: 0 1px 1px rgba(0,0,0,.05);
	margin:0 auto;
}
.loginArea .cont.dif {
	background:none;
	padding:20px 3% 10px;
	box-sizing:border-box;
	box-shadow: none;
	margin:10px auto;
}
.loginArea .cont .tit {
	font-weight:bold;
	padding-bottom:5px;
	letter-spacing:0.1em;
}
.loginArea .cont .txt01 {
	padding-bottom:15px;
}
.loginArea .cont .txt02 {
	text-align:center;
	padding-bottom:15px;
}
.loginArea .cont .txt02 a {
	color:#eba036;
}
.loginArea .cont .txt03 {
	text-align:right;
	padding-bottom:10px;
}
.loginArea .text01 {
	width:100%;
	background:#fff;
	border:#e8e8e8 1px solid;
	border-radius:8px;
	font-size:16px;
	line-height:42px;
	height:42px;
	box-shadow:inset 1px 1px 1px rgba(0,0,0,.05);
	padding:.5em .5em;
	margin:0 2% 0 0.5%;
	box-sizing:border-box;
	transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.loginArea .text01::placeholder {
	color:#c6c6c6;
}
.loginArea .text01:focus {
	outline:0;
	border:#0a98c6 1px solid;
	box-shadow:none;
}
.loginArea .btn {
	padding-bottom:22px;
}
.loginArea .btn input {
	width:100%;
	font-size:16px;
	background:#0a98c6;
	border:none;
	border-radius:5px;
	color:#fff;
	padding:10px 0 8px;
	transition: background-color .3s ease;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

@media only screen and (min-width:681px){
#header:hover {
	background:none;
}
.loginArea .cont .txt02 a:hover {
	color:#f4ba66;

}
.loginArea .btn input:hover {
	background:#1aaad8;
}
}

@media only screen and (min-width:1px) and (max-width:680px){
#hlogo {
	width:55%;
	padding:30px 0 20px;
}

/* .loginrea */
.loginArea .cont {
	width:100%;
}
.loginArea .thxArea {
	width:100%;
	margin:0 auto;
}
.loginArea .cont .txt01 {
	font-size:4.2vw;
}
.loginArea .cont .txt02 {
	font-size:4.2vw;
}
.loginArea .cont .txt02 a {
	font-size:4.2vw;
}
.loginArea .cont .txt03 {
	font-size:4.2vw;
}
}