@charset "UTF-8";
/* ==========================================================================
additional style login page
   ========================================================================== */

.main__inner--2col {
	display: flex;
	justify-content: space-between;
	align-items: flex-start:
}
.login-sct__left {
	max-width: 760px;
	width: 50%;
	border-right: 1px solid #eee;
}
	.login-sct__inner {
		width: 420px;
		margin: 0 auto;
	}
.login-sct__inner .input-txt {
	  width: 100%;
	  margin-bottom: 10px;
	}

.text_line {
	position: relative;
	text-align: center;
	margin: 30px 0;
}
	.text_line::before {
		content: '';
		position: absolute;
		width: 100%;
		height: 1px;
		background: #eee;
		top: 50%;
		left: 0;
		z-index: 0;
	}
	.text_line span {
		padding: 0 1em;
		background: #fff;
		z-index: 1;
		position: relative;
	}
.text_right {
	text-align: right;
}

.login-sct__info {
	width: 50%;
}
	.login-sct__info--inner {
		width: 90%;
		max-width: 550px;
		margin: 0 auto;
	}
	.login-sct__info--inner p.lead {
		width: 410px;
		margin: 30px auto;
		text-align: left;
	}
.login-sct__info h2 {
	text-align: center;
}
.btn_regist {
	width: 220px;
	margin: 50px auto;
	border-radius: 10px !important;
}
.member_merit {
	background: #ffffe9;
	border-radius: 10px;
	padding: 20px;
}
.merit_list {
	display: flex;
	flex-wrap: wrap;
	gap: 20px 10px;
	align-items: center;
	font-size: 0.9em;
}
	.merit_list .icon {
		width: 60px;
	}
	.merit_list .icon img {
		max-width: 100%;
	}
	.merit_list .merit {
		width: calc(100% - 70px);
	}
	.merit_list h3 {
		margin: 0;
	}
	.merit_list p {
		margin: 0;
	}
.btn_amazon {
	text-align: center;
	margin: 30px 0;
}
@media screen and (max-width: 767px) {
.main__inner {
    max-width: 100%;
    overflow: hidden;
}
.main__inner {
    padding: 25px 10px 0;
}


.main__inner--2col {
	flex-direction: column;
}
.login-sct__left,
.login-sct__info,
.login-sct__inner,
.login-sct__info--inner,
.login-sct__info--inner p.lead {
	width: 100%;
}
.login-sct__left {
	border-right: none;
}
.login-sct__info {
	margin: 30px 0;
	padding: 30px 0;
	border-top: 1px solid #eee;
}

}