@charset "UTF-8";

.wrapper_login {
	position:relative;
	width:100%;
	height:100vh;
	display:flex;
	justify-content:center;
}
.wrapper_login:before {
	content:"";
	position:absolute;
	top:0;
	left:50%;
	width:50%;
	height:100%;
	background:url("../images/login_bg.png") left center no-repeat;
	background-size:auto 100%;
	z-index: -1;
}
.area_login {
	display:flex;
	justify-content:space-between;
	padding:3%;
	max-width: 100rem;
	margin:1rem 0;
}
.area_login a {
	color:#ffaa00 !important;
}
.block_input {
	width:45%;
}
.block_news {
	width: 50%;
}
.news_scroll{
    height: 400px;
    overflow-y: scroll;
    background-color: #fffef5;
    border: 1px solid #d0d0d0;
    border-radius: 0 0 3px 3px;
}
.block_input h1 {
	width:20rem;
	margin: 0 0 4rem;
}
.block_input h2 {
	color: #40021f;
    font-size: 2.0rem;
    font-weight: 500;
    letter-spacing: -0.1em;
	margin:0 auto 2rem;
}
.block_input ul {
	flex-direction:column;
	padding:0 3rem 0 0.5rem;
}
.block_input ul li {
	width:100%;
	margin:0 0 2rem;
	font-size:1.6rem;
}
.block_input ul li:last-child {
	margin:0;
}
.block_input ul li .input_login {
    width:calc(100% - 3.6rem);
}
.block_input ul .error {
	text-align:right;
	margin: 0 0 1rem;
	color:#f00;
	font-weight:500;
}
.block_input ul .ifforget {
	text-align:right;
	font-weight:500;
}
.block_input ul .autologin {
	text-align: center;
	margin: 0 0 1.5rem;
}
.block_input ul .autologin .check_style_01 em {
	color:#555;
	font-size:1.5rem;
	padding-left: 2.5rem;
}
.block_input ul li label {
	display:block;
	font-size:1.8rem;
	color:#b1b1b1;
}
.block_input .inputwrap {
	display:flex;
	justify-content:space-between;
	border-bottom:1px solid #999;
	font-size:2.2rem;
}
.block_input ul li textarea,
.block_input ul li input[type="search"],
.block_input ul li input[type="password"],
.block_input ul li input[type="number"],
.block_input ul li input[type="url"],
.block_input ul li input[type="tel"],
.block_input ul li input[type="email"],
.block_input ul li input[type="text"] {
	height: auto;
	border:none;
	border-radius:0;
	font-size:2.2rem;
	line-height: 1.4em;
	padding:0;
	background:transparent;
}
.togglePassword {
	width:3.6em;
	height:3.6em;
	background:url("../images/ico_eye_off.png") center center no-repeat;
	background-size:contain;
	position:relative;
}
.togglePassword.on {
	background:url("../images/ico_eye_on.png") center center no-repeat;
	background-size:contain;
}
.btn_style_login {
	width:85% !important;
	color:#fff !important;
	font-size:2rem !important;
	font-weight:500 !important;
	padding:0.4em !important;
	background-image:linear-gradient(180deg, #ffd561 0%, #ff8633 100%) !important;
	box-shadow:0 0.1rem 0.6rem rgba(0,0,0,0.3) !important;
}
.block_news h3 {
	display:inline-block;
	padding:0.4em 1em !important;
	margin:0 !important;
	background-image:linear-gradient(180deg, #ff8633 0%, #efc65a 100%);
	font-size:1.6rem !important;
	color:#fff;
	border:none !important;
	border-radius:0.5rem 0.5rem 0 0;
	box-shadow:0 -0.1rem 0.3rem rgba(0,0,0,0.3);
}
.news h3:after {
	display:none;
}
.news dl {
	align-items:stretch;
	flex-wrap:wrap;
	background:rgba(255,255,255,0.6);
	box-shadow:0 0.1rem 0.6rem rgba(0,0,0,0.3);
	padding: 2rem 2.5rem;
	z-index:1;
}
.news dl dt {
	font-weight:500;
	width:30%;
	border-bottom: 1px solid #999;
    margin: 0 0 1rem;
	padding:0.5rem 0 1rem;
	font-size:1.5rem;
}
.news dl dd {
	width:70%;
	border-bottom: 1px solid #999;
    margin: 0 0 1rem;
	padding:0.5rem 0 1rem;
	font-size:1.5rem;
}