@charset "UTF-8";

.subhead.login{
    padding-top: 0;
}

.form__contents.login .box{
	max-width: 500px;
	margin: auto;
}
.form__contents.login input{
	width: 100%;
}


.sns_box { display: flex; }
.sns_box .box {
	width: 19%;
	margin: 1%;
	border: solid 4px #f2f2f2;
	text-align: center;
}
.sns_box .box:hover{ background: #f2f2f2; }
.sns_box .box a{
	display: block;
	color: #333;
	padding: 15px;
}
.sns_box .read {
	font-size: 1.4rem;
	margin-bottom: 10px;
}
.sns_box .icon { max-width: 40px; margin: auto;
}
.sns_box img { width: 100%;}

#login-btn {
    cursor: pointer;
}


@media screen and (min-width: 768px) and (max-width: 1089px) {

.sns_box .read { font-size: 1.2rem; }

}
@media screen and (min-width: 0px) and (max-width: 767px) {

.admission_box{ margin-bottom: 20px; }

.sns_box { justify-content: space-between; flex-wrap: wrap; }
.sns_box .box { width: 47%; }

}