@charset "UTF-8";
/* CSS Document */
/* *********************************************

		Mobile first
		Break Point 640px

********************************************* */
/* ======================================
		#secMypage (SP)
====================================== */
#secMypage .boxClassroomInfo {
    margin-bottom: 0;	/* overwrite */
}
#secMypage h2 {
	position: relative;
	padding-left: 35px;
	margin-bottom: .9em;
	font-size: 18px;
	line-height: 1.4;
	text-align: left;
}
#secMypage h2::before {
	position: absolute;
	top: 13px;
	left: 0;
	content: "";
	display: block;
	width: 28px;
	height: 1px;
	background: #161616;
	vertical-align: middle;
}
#secMypage p.lead {
	display: block;
	margin-bottom: 1.5em;
	margin-top: .7em;
	font-size: 14px;
	font-size: 1.4rem;
}
.boxPrivacy {
	margin-bottom: 20px;
	text-align: center;
}
.boxPrivacy a {
	margin-left: .5em;
	text-decoration: underline;
}


@media screen and (min-width:641px) {
  /*　for PC　*/
	/* ======================================
			#secMypage (min-width:641px)
	====================================== */
	#secMypage h2 {
		display: inline-block;
		padding-left: 30px;
		margin-bottom: 30px;
		margin-right: 1em;
		font-size: 26px;
		font-size: 2.6rem;
	}
	#secMypage h2::before {
		width: 22px;
		top: 50%;
		transform: translateY(-50%);
	}
	#secMypage p.lead {
		display: inline-block;
		margin-bottom: 1.5em;
		margin-top: .7em;
		font-size: 14px;
		font-size: 1.4rem;
		line-height: 26px;
		vertical-align: middle;
	}
	#secMypage .boxClassroomInfo .btnSubmit button[type="submit"] {
		width: 80%;
		max-width: 260px;
		margin-bottom: 10px;
	}
	.boxPrivacy {
		margin-bottom: 30px;
	}
	#secMypage .boxForm-confirm table td {
		padding-top: .8em;
	}
}