#login_wrap { text-align:center; color:#FFF; padding:25px 0px 25px 0px; }

#Box01{
    animation: fadeIn 1s ease 0s 1 normal;
    -webkit-animation: fadeIn 1s ease 0s 1 normal;
}
#Box02 {
    animation: fadeIn 1s ease 0s 1 normal;
    -webkit-animation: fadeIn 1s ease 0s 1 normal;
}
/*#Box03 {
    animation: fadeIn 1s ease 0s 1 normal;
    -webkit-animation: fadeIn 1s ease 0s 1 normal;
}*/
@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

div#top_logo { background-color:#fff; width:280px; height:280px; border-radius:140px; margin:0 auto; box-shadow: inset 2px 2px 4px #ccc; }

/* 入力項目スタイル */
input { border-radius:5px; border:none; /*border:#aaa 1px solid;*/ font-family: 'Hiragino Kaku Gothic ProN',Meiryo,'MS PGothic',Sans-serif; }
textarea { border-radius:5px; border:#aaa 1px solid; font-family: 'Hiragino Kaku Gothic ProN',Meiryo,'MS PGothic',Sans-serif; }
select { border-radius:5px; border:#aaa 1px solid; font-family: 'Hiragino Kaku Gothic ProN',Meiryo,'MS PGothic',Sans-serif; }

input[type="text"] { width:260px; padding:8px; }
input[type="password"] { width:260px; padding:8px; }
input[type="submit"] { border:none; color:#000; background:#ffe100; border-radius:5px; display:block; width:200px; height:40px; line-height:40px; margin:25px auto; font-family: 'Hiragino Kaku Gothic ProN',Meiryo,'MS PGothic',Sans-serif; font-size:14px; }
input[type="submit"]:hover { background:#fff; text-decoration:none; color:#000; }

div#link_forget { margin-top:25px; }
div#link_forget a { color:#fff; text-decoration:underline; }
div#link_forget a:hover { color:#fff; text-decoration:none; }

div#sp_select { width:320px; margin:0 auto; }

/*サブミットリンクボタン*/
a.bt_submit { border:none; color:#000; background:#ffe100; border-radius:5px; display:block; width:200px; height:40px; line-height:40px; margin:25px auto; font-family: 'Hiragino Kaku Gothic ProN',Meiryo,'MS PGothic',Sans-serif; font-size:14px; text-decoration:none; }
a.bt_submit:hover { background:#fff; color:#000; }

/*生徒保護者セレクトボタン*/
.sample { width:304px; margin:0 auto; }
.sample input[type="radio"] {
  -webkit-appearance: none;
  display:none;
}
.sample label {
	display: block;
	float: left;
	cursor: pointer;
	width: 140px;
	margin: 0;
	padding: 10px 5px;
	color: #fff;
	font-size: 14px;
	text-align: center;
	line-height: 1;
	border: 1px solid #fff;
}
.sample label:first-of-type {
	border-radius: 5px 0 0 5px;
}
.sample label:last-of-type {
	border-radius: 0 5px 5px 0;
}
.sample input[type="radio"]:checked + label {
	background-color: #ffffff;
	color: #000;
}

.m_b200{
    margin-bottom: 200px;
}

p.err_msg span{
    font-size: 120%;
    font-weight: bold;
}

/* DEVTEAM-598 add start */
[type="checkbox"]:checked,
[type="checkbox"]:not(:checked) {
    position: absolute;
    left: -9999px;
}
[type="checkbox"]:checked + label,
[type="checkbox"]:not(:checked) + label
{
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #ffffff;
}
[type="checkbox"]:checked + label:before,
[type="checkbox"]:not(:checked) + label:before {
    content:"\2713";
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    border: 1px solid #ddd;
    background: #fff;
}
[type="checkbox"]:checked + label:after,
[type="checkbox"]:not(:checked) + label:after {
    content:"\2713";
    width: 8px;
    height: 8px;
    color: #000;
    font-weight:bold;
    position: absolute;
    top: 3px;
    left: 3px;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
[type="checkbox"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
[type="checkbox"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
/* DEVTEAM-598 add end */