/* max600px */
.sys-innerwrap_side {
	max-width: 600px;
	margin: 0 auto;
	padding: 0 var(--side-p);
	box-sizing: border-box;
}
.sys-innerwrap_top {
	padding-top: 24px;
}
.sys-container {
	padding-top: 16px;
}
.sys-message_text {
	margin-bottom: 16px;
	font-size: var(--size-body-large);
	line-height: 1.6;
}
.sys-message_text a {
	display: inline;
	text-decoration: underline;
}
.sys-message_text_red {
	color: var(--ui-red);
}
.sys-textlink_center {
	margin: 16px auto;
	text-align: center;
	font-size: var(--size-body-large);
	line-height: 1.6;
}
.sys-textlink_center a {
	display: inline;
	text-decoration: underline;
}
.sys-header {
	display: flex;
	align-items: center;
	height: var(--header-h);
	max-width: 600px;
	margin: 0 auto;
	padding: 0 var(--side-p);
	box-sizing: border-box;
}
.sys-header img {
	width: 80px;
}
.sys-footer {
	max-width: 600px;
	margin: 0 auto;
	padding: 24px var(--side-p) 48px;
	box-sizing: border-box;
}
.sys-footer .sys-copyright {
	color: var(--text-caption-low);
	text-align: center;
	font-size: 13px;
	line-height: 1.6;	
}
.sys-footer nav .c-btn_secondary {
	flex: 100%;
	margin-bottom: 16px;
}

/* inputまわり */
.sys-input_item_wrap {
	margin-bottom: 16px;
}
.sys-input_item {
	margin-bottom: 16px;
}

.sys-input_item_wrap input[type="submit"] {
	width: 100%;
}
input[type="text"],
input[type="email"],
input[type="password"] {
	width:100%;
	padding: 12px;
	box-sizing:border-box;
	border: 1px solid var(--border-medium);
	border-radius: 4px;
	font-size: var(--size-headline-small) !important;
}
input:focus {
	border: 1px solid var(--border-highest);
}
input:-webkit-autofill {
	-webkit-box-shadow: 0 0 0px 1000px #fff inset;
}
.sys-input_title {
	font-size: var(--size-body-large);
	font-weight: bold;
	line-height: 1.6;
	margin-bottom:8px;
}
.sys-input_text {
	font-size: var(--size-body-large);
	line-height: 1.6;
	margin-bottom:8px;
}
.sys-input_caution {
	font-size: var(--size-body-small);
	color: var(--text-caption-low);
	margin: 4px 0 16px;
}

.sys-step {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	gap: 8px;
	margin: 24px auto;
}
.sys-step_list {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 8px;
	font-size: var(--size-body-small);
	color: var(--text-caption-low);
}
.sys-step_list:not(:first-child):before {
	content: "";
	display: inline-flex;
	margin-left: 2px;
	background: url("/pub/img/icon/arrow/arrow_low.svg") no-repeat center / contain;
	width: 9px;
	height: 12px;
}
.sys-step_list.current {
	color: var(--ui-green);
	font-weight:bold;
}

/* ログインまわり 最大幅400px */
.sys-join_innerwrap_side {
	max-width: 400px;
	margin: 0 auto;
	padding: 0 var(--side-p);
	box-sizing: border-box;
}
.sys-join_innerwrap_side h1 {
	font-size: 20px;
	font-weight: bold;
	line-height: 1.6;
	text-align: center;
	margin: 24px 0;
}
@media screen and (max-width: 360px){
	.sys-header img {
		width: 66px;
	}
}
@media screen and (min-width: 600px){
	.sys-header img {
		width: 91px;
	}
	.sys-footer nav {
		display: flex;
		align-items: center;
		gap: 16px;
		margin-bottom: 16px;
	}
	.sys-input_item_wrap input[type="submit"],
	.sys-btn_action,
	.sys-footer nav .c-btn_secondary {
		max-width: 420px;
		margin: 0 auto;
	}
	.sys-innerwrap_top {
		padding-top: 32px;
	}
	.sys-footer {
		padding: 32px var(--side-p) 48px;
	}

	.sys-input_item_wrap input[type="submit"] {
		width: 100%;
	}
}