@charset "utf-8";

html, body {height:100%;}
.index {display:flex; justify-content:space-between; align-items:center; height:100%; background-repeat:no-repeat;}
.index>div {flex-basis:45%;}

.indexL {text-align:right;}
.logo {color:#fff; font-size:83px; line-height:90%;}
.logo_name {font-size:37px;}

.indexR form {width:385px;}
.indexR input {width:100%;}
.indexR input[type=text], .indexR input[type=password] {padding:0 20px; margin-bottom:5px; line-height:60px; color:#999; border:1px solid #ccc;}
.indexR input[type=submit] {line-height:62px; font-size:16px; color:#fff; border:0; border-radius:3px;}


@media screen and (max-width:800px){
	.index {display:block;}
	.indexL {text-align:center;  padding:5% 5% 10%;}

	.indexR form {margin:5% auto; max-width:90%;}
}