/* CSS Document */

.g-recaptcha .autoConfirmVal, .g-recaptcha-response{
	display:none!important;
	}

.baseeye {
	background-color: #246FB5!important;
	color: #FFF!important;
	padding: 1% 5%!important;
}
.title {
	text-indent: 0!important;
}
.title:before {
	display: none;
}
#menubtn {
	border: 3px solid #FFF!important;
}
#navsp li {
	background-color: #FFF!important;
}
.baseeye .header #navpc li {
	color: #FFF;
	border-left: 1px solid #FFF;
}
.baseeye .header #navpc li:last-child {
	border-right: 1px solid #FFF;
}
h1 {
	font-size: 2em;
	height: auto;
	line-height: 1em;
	position: relative;
	text-indent: 1.2em;
	margin: 0.5em 0;
}
h1:before {
	content: "";
	display: inline-block;
	width: 1em;
	height: 1em;
	background: url(../image/h2before.png) no-repeat;
	background-size: contain;
	position: absolute;
	left: 0;
}
h2 {
	padding: 10px 0px!important;
	font-size: 1.5em!important;
	text-indent: 0!important;
	border-bottom: 3px solid #246FB5;
	margin-bottom: 1em!important;
}
h2:before {
	display: none!important;
}
#navsp {
	display: none;
}
#navpc {
	padding: 0!important;
}
.title {
	position: relative!important;
}
.btn {
	background-color: #246FB5;
	color: #FFF!important;
	padding: 10px;
	margin: 20px 0;
	border-radius: 10px;
}
.haveto {
	background-color: #F33;
	color: #FFF!important;
	padding: 10px;
	margin: 20px 0;
	border-radius: 10px;
	font-weight: bolder;
}
.sample {
	border-collapse: collapse;
}
.sample tr th {
	border: 1px solid #999;
	background-color: #246FB5;
	color: #FFF;
	padding: 1em;
}
.sample tr td {
	border: 1px solid #999;
	padding: 1em;
}
.sample2 {
	border-collapse: collapse;
	width: 100%;
	overflow-x: scroll;
}
.sample2 tr:nth-child(even) {
	background-color: #E4E4E4;
}
.sample2 tr th {
	border: 1px solid #999;
	background-color: #246FB5;
	color: #FFF;
	padding: 1em;
	width: 200px;
	min-width: 200px;
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	z-index: 1;
}
.sample2 tr td {
	border: 1px solid #999;
	padding: 0.5em;
}
.category {
	padding: 10px 0px;
}
.category img {
	height: 100px;
}
.sample3 {
	border-collapse: collapse;
	width: 100%;
	overflow-y: scroll;
	height: 600px;
	display: block;
	font-size: 0.8em;
	border: 1px solid #246FB5;
}

.sample3::-webkit-scrollbar{
	width:10px;
	}

.sample3::-webkit-scrollbar-track {
    background-color: #FFF;
}
 
.sample3::-webkit-scrollbar-thumb {
    background-color: #246FB5;
}

/*.sample3 tr:nth-child(even){
	background-color:#E4E4E4;}*/

.sample3 tr th {
	border: 1px solid #999;
	background-color: #246FB5;
	color: #FFF;
	padding: 1em;
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	z-index: 1;
}
.sample3 .tr2 th {
	border: 1px solid #246FB5;
	background-color: #FFF;
	color: #246FB5;
	padding: 1em;
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	z-index: 1;
}
.sample3 tr td {
	border-top: 1px solid #246FB5;
	border-bottom: 1px solid #246FB5;
	border-right: 1px dotted #246FB5;
	padding: 0.5em;
	word-wrap: break-word;
}

.sample3 tr td:first-child{
	border-left: 1px solid #246FB5;}

.jirei {
	border-collapse: collapse;
}
.jirei tr th {
	border: 1px solid #999;
	background-color: #246FB5;
	color: #FFF;
	width: 25%;
	padding: 1em;
}
.jirei tr td {
	border: 1px solid #999;
	padding: 1em;
	width: 75%;
}
.form {
	border-collapse: collapse;
	width: 80%;
	margin: 5px auto;
}
.form tr th {
	border: 1px solid #999;
	background-color: #246FB5;
	color: #FFF;
	padding: 1em;
	text-align: left;
	width: 40%;
}
.form tr td {
	border: 1px solid #999;
	padding: 1em;
	width: 60%;
}
.agree-check {
	width: 80%;
	margin: 5px auto;
	text-align: center;
}
#submit {
	background-color: #246FB5;
	color: #FFF!important;
	padding: 10px;
	margin: 20px 0;
	border-radius: 10px;
	font-size: 1.5em;
	border: none;
}
.profile1 {
	width: 20%;
	float: left;
}
.profile2 {
	width: 80%;
	float: right;
}
.panfu1 {
	width: 30%;
	float: left;
}
.panfu2 {
	width: 70%;
	float: right;
	vertical-align: middle;
}
.red {
	color: #F33;
}
.center {
	text-align: center;
	margin: 0 auto;
}
p a {
	color: #246FB5!important;
}
.casebox {
	width: 100%;
	height: 500px;
	overflow-x: scroll;
}
 @media (max-width: 781px) {
.headtr {
	display: none;
}
.sample {
	width: 100%;
}
.jirei {
	width: 100%;
}
.sample tr th, .sample tr td {
	width: 100%;
	float: left;
	text-align: center;
}
.form tr th, .form tr td {
	width: 100%;
	float: left;
	text-align: center;
}
.sample tr td {
	padding: 0;
}
.sample tr td:before {
	content: attr(data-label);
	float: left;
	width: 100%;
	margin-bottom: 10px;
	font-size: 0.8em;
	background-color: #ADD1EF;
}
.profile1, .profile2 {
 width100%;
	float: none;
}
.panfu1, .panfu2 {
 width100%;
	float: none;
	text-align: center;
}
}