@charset "UTF-8";

/* -------------------------------------------------------------------------- **
**  MYPAGE LOGIN
** -------------------------------------------------------------------------- */
.control-label { text-align: left; }

.mypage-form-content {
	max-width: 580px;
	padding-bottom: 0;
}
.submit-form-content {
	max-width: 580px;
	margin: auto;
	text-align: center;
}
.mypage-form .container {
	padding-bottom: 60px;
}
.login-wrap {
	max-width: 640px;
	margin: auto;
	padding: 40px;
	background-color: #fff;
	border-radius: 10px;
	box-shadow: 0 1px 3px #999;
}

.mypage-form .alert {
	max-width: 640px;
	margin: auto;
	margin-bottom: 40px;
}

@media (max-width: 767px) {
	.login-wrap {
		padding: 10px 0 20px;
		box-shadow: none;
	}
	form .form-row .grid-col {
		float: none;
		width: auto;
		margin-bottom: 10px;
	}
}


.mypage-help {}
.mypage-help .container {
	padding-bottom: 80px;
}
.mypage-help .section-content {
	max-width: 800px;
	margin: auto;
}
.mypage-help .grid-row {
	/*margin-top: 60px;*/
}
.mypage-help .mypage-help-ttl {
	margin-bottom: .3em;
	color: #3cbaec;
}
.mypage-help ul {
	margin-left: -20px;
	margin-right: -20px;
}
	.mypage-help ul li {
		float: left;
		width: 33.3333%;
		padding: 20px;
		font-weight: bold;
		text-align: center;
	}
		.mypage-help ul li i {
			display: inline-block;
			margin-right: .3em;
			margin-bottom: -.25em;
			color: #008ce4;
			font-size: 2em;
			vertical-align: text-bottom;
		}

@media (max-width: 600px) {
	.mypage-help ul li {
		float: none;
		width: auto;
		margin-bottom: .3em;
	}
}