@charset "UTF-8";

@font-face{
	font-family:"tfont";
	src:url("syspic/fontr.ttf");
}
@font-face{
	font-family:"dor";
	src:url("syspic/dor.ttf");
}
@font-face{
	font-family:"mitrel";
	src:url("syspic/mitrel.ttf");
}
@font-face{
	font-family:"mitrr";
	src:url("syspic/mitrr.ttf");
}

body{
	background-color:#FFFFFF;
	color:#000000;
	margin:0px;
	padding:0px;
	font-family:"mitrr";
}

h1{
	display:inline-block;
	font-size:1em;
	padding:0px;
	margin:0px;
}
h2{
	text-decoration:underline;
	padding:0px;
	margin:0px;
	font-size:2vw;
}
h3{
	display:block;
	font-size: 3.4em;
	font-weight:bold;
	margin-top:16px;
	margin-bottom:16px;
	background-color: #3465A4;
	color: #FFFFFF;
	text-align:center;
}

h4{
	display:block;
	font-size: 1.4em;
	letter-spacing: 3px;
	font-weight:normal;
	margin-top:0px;
	margin-bottom:16px;
	color: #FFFFFF;
	text-align:center;
}

h5{
	display:block;
	font-size: 1.5em;
	color: #FFFFFF;
	margin:0;
	padding:0;
}

h6{
	display:inline-block;
	font-size: 1.5em;
	color: #FFFFFF;
	margin:0;
	padding:0;
}

.xlink{
	text-decoration:none;
	color:#FFFFFF;
	padding:0px;
	padding-left:6px;
	padding-right:6px;
	position: relative;
}

.xlink::before{
	content: "";
	position: absolute;
	display: block;
	width: 100%;
	height: 0px;
	bottom: 0px;
	left: 0px;
	bottom: -10px;
	background: rgba(0, 0, 0, 0)
	transition-property: background, height, bottom;
	transition-duration: 0.3s;
	transition-timing-function: ease;
	transition-delay: 0s;
}

.xlink:hover::before {
	height: 2px;
	bottom: 0px;
	background: rgba(225, 225, 225, 1)
}

.ylink{
	text-decoration:underline;
	color:#FFFFFF;
	padding:0px;
	position: relative;
}

.ylink::before{
	content: "";
	position: absolute;
	display: block;
	width: 100%;
	height: 0px;
	bottom: 0px;
	left: 0px;
	bottom: -10px;
	background: rgba(225, 225, 225, 0)
	transition-property: background, height, bottom;
	transition-duration: 0.3s;
	transition-timing-function: ease;
	transition-delay: 0s;
}

.ylink:hover::before{
	height: 2px;
	bottom: 0px;
	background: rgba(225, 225, 225, 1);
}

.ylink:hover{
	text-decoration:none;
	transition-property: text-decoration;
	transition-duration: 0.3s;
	transition-timing-function: ease;
	transition-delay: 0s;
}

.xlink2{
	text-decoration:none;
	color:#FFFFFF;
	padding:0px;
	padding-left:6px;
	padding-right:6px;
	transition: color 0.3s ease, background-color 0.3s ease;
}

.xlink2:hover{
	background-color:#FFFFFF;
	color:#FFFFFF;
	transition: color 0.3s ease, background-color 0.3s ease;
}

.xlink2:active{
	background-color:#FFFFFF;
	color:#FFFFFF;
	transition: color 0.3s ease, background-color 0.3s ease;
}

.main_header{
	position:sticky;
	top:0px;
	z-index:9999999;
	display:inline-block;
	width:100%;
	margin: 0 auto;
	padding-top:10px;
	font-family:"mitrel";
	padding-bottom:10px;
	background-color:#131516EE;
}

.main_headerfixed{
	position:fixed;
	top:0px;
	z-index:9999999;
	display:inline-block;
	width:100%;
	margin: 0 auto;
	padding-top:10px;
	font-family:"mitrel";
	padding-bottom:10px;
	background-color:#131516EE;
}

.body_main{
	position:relative;
	display:inline-block;
	width:100%;
	margin: 0 auto;
	padding-top:10px;
	font-family:"mitrel";
}

.main_footer_table{
	display:table;
	margin: 0 auto;
	max-width:1000px;
	width:100%;
}
.main_footer_table_row{
	display:table-row;
}
.main_footer_table_cell{
	display:table-cell;
	padding:10px;
	text-align:center;
	font-family:"mitrr";
}

.main_header_table{
	display:table;
	margin: 0 auto;
	max-width:1000px;
	width:100%;
}
.main_header_table_row{
	display:table-row;
}
.main_header_table_cell{
	display:table-cell;
	padding:10px;
	text-align:center;
	font-family:"mitrr";
}
.main_header_table_cell_phone{
	display:table-cell;
	padding:10px;
	text-align:center;
	font-family:"mitrr";
}
.main_header_table_cell_menu{
	display:none;
}
.main_header_hr{
	display:none;
}

.main_menu_table{
	display:table;
	margin: 0 auto;
	max-width:1000px;
	width:100%;
}
.main_menu_table_row{
	display:table-row;
}
.main_menu_table_cell{
	display:table-cell;
	padding:10px;
	text-align:center;
	font-family:"mitrr";
}
.main_menu_table_cell_red{
	border-bottom:#FF0000 2px solid;
}
.main_menu_table_cell_green{
	border-bottom:#00FF00 2px solid;
}
.main_menu_table_cell_blue{
	border-bottom:#00AAFF 2px solid;
}
.main_textblock{
	max-width:1000px;
	font-size:x-large;
}

.bgimgdiv{
	position:relative;
	width:100%;
	margin-top:30px;
	margin-bottom:40px;
}
.bgimgdivimg{
	display:block;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width:100%;
	padding:0px;
	margin:0px;
	border:0px;
}
.bgimgdivtext{
	display:inline-block;
	position:absolute;
	right:0px;
	top:0px;
	text-align:right;
	font-size:small;
	font-weight:bold;
	padding-left:6px;
	padding-right:6px;
	color:#FFFFFF;
	background-color:#00000088;
}
.bgimgdivtextbot{
	display:inline-block;
	position:absolute;
	right:0px;
	bottom:0px;
	text-align:right;
	font-size:small;
	font-weight:bold;
	padding-left:6px;
	padding-right:6px;
	color:#FFFFFF;
	background-color:#000000CC;
}
.bgimgdivtext2{
	display:inline-block;
	position:absolute;
	right:0px;
	bottom:0px;
	padding-left:2vw;
	padding-right:2vw;
	padding-bottom:1.6vw;
	color:#FFFFFF;
	font-size:3vw;
	text-shadow: rgb(0, 0, 0) 1px 1px 0px;
	--darkreader-inline-color: #ada599;
	--darkreader-inline-bgcolor: #3c4144;
	--darkreader-inline-bgimage: none;
	background-color:rgba(0, 0, 0, 0.8);
	line-height:2vw;
	padding-top:1vw;
	padding-left:5vw;
	clip-path:polygon(4vw 0, 100% 0, 100% 100%, 0% 100%);
}


.infodiv{
	display:inline-block;
	text-align:left;
	width:90vw;
	background-color:#EEEEEE;
	border-radius:1vw;
	padding:1vw;
}

.infoimg{
	border-radius:4px;
	display:inline-block;
	width:300px;
	height:300px;
	border:1px solid #000000;
	background-repeat:no-repeat;
	background-size:contain;
}

.infoimgx2{
	border-radius:4px;
	display:inline-block;
	width:600px;
	height:300px;
	border:1px solid #000000;
	background-repeat:no-repeat;
	background-size:contain;
}


.forminput{
	display:block;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	background-color:#FFFFFF;
	color:#000000;
	padding:4px;
	border:1px solid #000000;
	background-color:#EEEEEE;
	width:100%;
	height:100%;
	font-family: mitrel;
	font-size:0.9rem;
}
.formbutton{
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	display:inline-block;
	text-align:center;
	vertical-align:top;
	padding:10px;
	font-size:large;
	background-color:#3078BC;
	color:#FFFFFF;
	border:1px solid #28659E;
	transition-property: color, background-color;
	transition-duration: 0.2s;
	transition-delay: 0s;
	cursor:pointer;
	border-radius:4px;
	margin:2px;
}
.formbutton:hover{
	background-color:#44B549;
	transition-property: color, background-color;
	transition-duration: 0.2s;
	transition-delay: 0s;
}





.formcheckbox{
	display: inline-block;
	width:26px;
	height:26px;
	cursor: default;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	border:none;
}

.formcheckbox input{
	position: absolute;
	opacity: 0;
	cursor: default;
}

.formcheckbox_checkmark{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #ffffff;
}

.formcheckbox_checkmark:after{
	content: "";
	position: absolute;
	display: none;
}

.formcheckbox_checkmark:focus .formcheckbox{
	outline:2px dotted #3078BC;
}

.formcheckbox input[type="checkbox"]:focus + label::before{
    outline: rgb(59, 153, 252) auto 5px;
}

.formcheckbox input:checked ~ .formcheckbox_checkmark:after{
	display: block;
}

.formcheckbox .formcheckbox_checkmark:after{
	left: calc(50% - 20%);
	top: calc(50% - 40%);
	width: 30%;
	height: 50%;
	border: solid #3078BC;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}




.inpradiocnt{
	display:block;
	position: relative;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.inpradiocnt input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}
.inpradiobtn {
	white-space: nowrap;
	padding-left:10px;
	padding-right:10px;
	position:relative;
	background-color:#222222;
	color:#CCCCCC;
}

.inpradiocnt:hover input ~ .inpradiobtn {
	background-color:#444444;
	color:#FFFFFF;
}

.inpradiocnt input:checked ~ .inpradiobtn {
	background-color:#3078BC;
	color:#FFFFFF;
}

.sb_table{
	display:table;
	width:100%;
}

.sb_table_row{
	display:table-row;
}

.sb_table_cell1a{
	display:table-cell;
	vertical-align:middle;
	padding:30px;
}

.sb_table_cell1b{
	display:table-cell;
	vertical-align:middle;
	padding:30px;
}

.sb_table_cell2a{
	display:table-cell;
	vertical-align:middle;
	padding:40px;
}

.sb_table_cell2b{
	display:table-cell;
	vertical-align:middle;
	padding:40px;
}

.sb_image{
	width:400px;
}
.sb_image_utext{
	padding-top:10px;
	max-width:400px;
	font-size:small;
}

.sb_image2{
	width:200px;
}

.sb_flex{
	max-width:1000px;
	display:flex;
}

.sb_flexitem{
	flex-grow:0;
	flex-shrink:0;
	width:300px;
	position:relative;
	display:inline-block;
	padding:0px;
	background-color:#0D0E0F;
	vertical-align:top;
	margin-left:10px;
	margin-right:10px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:50px;
}


.xtr:nth-child(even){
	background-color:#1E2123;
}






.xirlc{
	background-color:#FFFFFF;
}

.xirlt{
	background-color:#EEEEEE;
	border-top:6px solid #FFFFFF;
	border-left:6px solid #FFFFFF;
	border-bottom:1px solid #E7E7E7;
}
.xirlm{
	background-color:#EEEEEE;
	border-left:6px solid #FFFFFF;
	border-bottom:1px solid #E7E7E7;
}
.xirlb{
	background-color:#EEEEEE;
	border-bottom:6px solid #FFFFFF;
	border-left:6px solid #FFFFFF;
}



.xirctl{
	background-color:#88CCFF;
	border-top:2px solid #75AFDB;
	border-left:2px solid #75AFDB;
	border-bottom:1px solid #7EBDED;
}
.xircml{
	background-color:#88CCFF;
	border-left:2px solid #75AFDB;
	border-bottom:1px solid #7EBDED;
}
.xircbl{
	background-color:#88CCFF;
	border-bottom:2px solid #75AFDB;
	border-left:2px solid #75AFDB;
}
.xirctr{
	background-color:#88CCFF;
	border-top:2px solid #75AFDB;
	border-right:2px solid #75AFDB;
	border-bottom:1px solid #7EBDED;
}
.xircmr{
	background-color:#88CCFF;
	border-right:2px solid #75AFDB;
	border-bottom:1px solid #7EBDED;
}
.xircbr{
	background-color:#88CCFF;
	border-bottom:2px solid #75AFDB;
	border-right:2px solid #75AFDB;
}



.xirrtl{
	background-color:#EEEEEE;
	border-top:6px solid #FFFFFF;
	border-bottom:1px solid #E7E7E7;
}
.xirrml{
	background-color:#EEEEEE;
	border-bottom:1px solid #E7E7E7;
}
.xirrbl{
	background-color:#EEEEEE;
	border-bottom:6px solid #FFFFFF;
}
.xirrtr{
	background-color:#EEEEEE;
	border-top:6px solid #FFFFFF;
	border-right:6px solid #FFFFFF;
	border-bottom:1px solid #E7E7E7;
}
.xirrmr{
	background-color:#EEEEEE;
	border-right:6px solid #FFFFFF;
	border-bottom:1px solid #E7E7E7;
}
.xirrbr{
	background-color:#EEEEEE;
	border-bottom:6px solid #FFFFFF;
	border-right:6px solid #FFFFFF;
}



.xir1{
	background-color:#88CCFF;
}

.xir2{
	background-color:#EEEEEE;
}






@media screen and (max-width: 1000px){
	.sb_flex{
		display:block;
	}
	.sb_flexitem{
		display:block;
		width:100%;
		margin:0px;
		margin-bottom:20px;
		padding-left:0px;
		padding-right:0px;
	}
	.main_textblock{
		padding-left:2vw;
		padding-right:2vw;
		font-size:2.2vw;
	}
	.sb_image_utext{
		font-size:1.6vw;
	}
	.bgimgdivtext{
		font-size:2vw;
	}
	.bgimgdivtext2{
		text-align:right;
		vertical-align:bottom;
		font-size:3.0vw;
		line-height:4vw;
		padding-top:2vw;
		padding-left:6vw;
	}
}

@media screen and (max-width: 800px){
	.main_textblock{
		font-size:3vw;
	}
	.sb_image_utext{
		font-size:2.2vw;
	}
	.main_header_table_cell_phone{
		display:none;
	}
	.main_header_table_cell_menu{
		display:table-cell;
	}
	.main_header_hr{
		display:table;
	}
	.main_menu_table{
		display:none;
	}
	.main_menu_table_row{
		display:block;
	}
	.main_menu_table_cell{
		display:block;
	}
	.main_menu_table_cell_red{
		border-bottom:#AAAAAA 1px solid;
	}
	.main_menu_table_cell_green{
		border-bottom:#AAAAAA 1px solid;
	}
	.main_menu_table_cell_blue{
		border-bottom:#AAAAAA 1px solid;
	}
	.main_header{
		padding-bottom:0px;
	}



	.sb_table{
		display:block;
	}
	
	.sb_table_row{
		display:block;
	}
	
	.sb_table_cell1a{
		display:block;
		padding:0px;
	}
	
	.sb_table_cell1b{
		display:block;
		padding:0px;
		padding-bottom:10px;
	}
	
	.sb_table_cell2a{
		display:block;
		padding:0px;
		padding-top:10px;
		padding-bottom:10px;
	}
	
	.sb_table_cell2b{
		display:block;
		padding:0px;
	}
	
}

@media screen and (max-width: 600px){
	.main_textblock{
		font-size:4vw;
	}
	.sb_image_utext{
		font-size:2.4vw;
	}
	.sb_image{
		width:100%;
		max-width:300px;
	}
	.sb_image2{
		width:100%;
		max-width:200px;
	}
}