@charset "utf-8";
#the_study_browsing {
	height: 50vh;
	background-color: hsla(300,50%,50%,0.5);
	width: 50%;
	float: left;
	padding-right: 0px;
	display: block;
	justify-content: center;
	align-items: center;
	position: relative;
	-webkit-transition: all 1.0s ease;
	transition: all 1.0s ease;
	text-align: center;
}
#the_study_browsing:hover {
	height: 50vh;
	background-color: hsla(300,80%,80%,0.5);
	width: 50%;
	float: left;
	padding-right: 0px;
	display: block;
	justify-content: center;
	align-items: center;
	position: relative;
	text-align: center;
}

#system_login {
	height: 50vh;
	background-color: hsla(240,50%,50%,0.5);
	width: 50%;
	float: right;
	display: block;
	justify-content: center;
	align-items: center;
	position: relative;
	text-indent: 0px;
	text-align: center;
}

#system_login:hover {
	height: 50vh;
	background-color: hsla(240,70%,70%,0.5);
	width: 50%;
	float: right;
	display: block;
	justify-content: center;
	align-items: center;
	position: relative;
	-webkit-transition: all 2.0s ease;
	transition: all 2.0s ease;
	text-align: center;
}
#contact_info {
	height: 50vh;
	background-color: #FF0000;
	width: 30%;
	float: right;
	color: rgba(0,0,0,1.00);
	display: flex;
	-webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
	align-items: center; /* 縦方向中央揃え */
	-webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
	justify-content: center; /* 横方向中央揃え */
	
}

.header_line {
	position: absolute;
	width: 100%;
	background-color: hsla(0,0%,67%,0.73);
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: x-large;
	color: rgba(248,248,248,1.00);
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
        -webkit- transform: translateY(-50%) translateX(-50%);
	margin-top: 0%;
}

.header_line3 {
	position: absolute;
	width: 100%;
	background-color: hsla(0,0%,67%,0.73);
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: x-large;
	color: rgba(248,248,248,1.00);
	position: absolute;
        top: 50%;
        left: 50%;
        transform: translateY(-50%) translateX(-50%);
        -webkit- transform: translateY(-50%) translateX(-50%);
	margin-top: 0%;
}

img {
	top: 50%;
	-webkit-transform: translateY(-50%); /* Safari用 */
	transform: translateY(-50%);
	position: relative;
}

.header_line2 {
	display: flex;
	-webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
	align-items: center; /* 縦方向中央揃え */
	-webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
	justify-content: center; /* 横方向中央揃え */
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: x-large;
	
}



#the_study_browsing10 {
	height: 50vh;
	background-color: rgba(255, 255,240, .5);
	width: 50%;
	float: left;
	padding-right: 0px;
	display: block;
	justify-content: center;
	align-items: center;
	position: relative;
	-webkit-transition: all 1.0s ease;
	transition: all 1.0s ease;
	text-align: start;
}
#the_study_browsing11 {
	height: 50vh;
	background-color: rgba(255, 255, 240, .5);
	width: 50%;
	float: right;
	padding-right: 0px;
	display: block;
	justify-content: center;
	align-items: center;
	position: relative;
	-webkit-transition: all 1.0s ease;
	transition: all 1.0s ease;
	text-align: start;
}