:root{
	--color1:#d6e6ff;
	--color2:#90baff;;
	--color3:#3985ff;;
}

.top{display:block; width:100%; height:50px; border-bottom:1px solid var(--color2);}
.contents{display:block; width:75%; margin:auto; padding:100px 0px;}

.top .logo{display:block; margin:auto; width:30%; height:150px;}
.top .logo a{display:block; line-height:50px; margin:auto; text-align:center; font-size:30px; font-weight:bold;}

.table{display:table; width:100%; border-collapse: collapse;}
.table th, .table td{border-bottom:1px solid var(--color2); padding:10px 0px; text-align: center;}

.table input[type=text], .table input[type=date], .table input[type=password], .table input[type=number]
, .table select{display:block; width:99%; margin:auto;}
.table textarea{display:block; width:99%; min-height:250px; margin:auto;}

.search-form{ display:flex;	 width:70%; text-align: center; margin:15px auto;}
.search-form div{flex-grow:1;padding:15px;align-content: center;}
.search-form input[type=text], .search-form input[type=date], .search-form select{display:block;width:100%;height:35px;line-height:35px;}

.btn{display:inline-block;padding:8px 17px;color:white;border:1px solid var(--color2);border-radius:10px;margin:0px 10px;font-size:14px;}
.btn:hover{font-weight: bold;text-decoration: underline;}
.btn-primary{color:#148ed4;}
.btn-success{color:#0fd672;}
.btn-danger{color:#d81717;}
.btn-list{color:#db31eb;}

.main-links{display:flex; flex-wrap:wrap; width:50%; margin:auto;}
.main-links li{flex-grow:1; flex-basis:50%; max-width:50%;}
.main-links li a{display:block; width:95%; margin:auto; line-height:260px; font-size:30px; text-align: center; background:var(--color1); border-radius:15px;}
.main-links li a:hover{background:var(--color3); color:var(--color1);}

@media all and (max-width:768px) {
}