@charset "utf-8";
/* CSS Document */

body{
	background-image: url(../../img/bgp.png);
	background-size: 100vw;
	background-repeat: no-repeat;
	background-color: #262626;
	
}
.menu {position: fixed;top: 2.4vw;left: 2vw;width: 3.2vw;z-index: 910;}
.menuright {position: fixed;top: 2.4vw;right: 2vw;z-index: 910;}

.line1{position: absolute; width: 6.4vw;height: 30vw;left: 3vw;top: 10vw;display: flex;flex-direction: column; justify-content:center;z-index: 2;}
.h-head{height: 5vw;width: 6.4vw;background-size:contain;background-repeat: no-repeat;margin: 1vw 0}
.line1 input[type="radio"] {width: 0;height: 0;opacity: 0;margin: 0;}
.line1 label {position: absolute;width: 6.4vw;height: 5vw;background-image:url(../img/idocuments-c.png);background-size: contain;}
.line1 input:checked+label {background: url(../img/idocuments-o.png);background-size: contain;}
.line1 input:checked+label::after {position: absolute;}

#l1{display: block;}
.line2{position: absolute; width: 4.8vw;height: 30vw;left: 9vw;top: 10vw;opacity: 0.9;}
.line2-2{position: absolute;width: 2.25vw;height: 100%;right: 0; display: flex;flex-direction: column;justify-content: center;}
.line2-3{position: absolute;width: 2vw;height: 10vw;top: 14vw; left: 0;border-top-right-radius: 50%; border-style: solid; border-width: 0vw 0.1vw 0vw 0vw;border-color:#555555;opacity: 0.5;}
.p{height: 3vw;width: 2.25vw;display:flex;background-image: url(../img/y.png);background-size: contain;background-repeat: no-repeat;}.p a{position: absolute;left: 0; height: 4vw;width: 3vw;}.p:hover{height: 4vw;width: 8vw;}.p h5{display: none;}.p:hover h5{display: block;margin:2.8vw 0 0 2.6vw; font-size:0.6vw;color:#EEEEEE;}

#l2{display: none;}
.line2-2-2{position: absolute;width: 2.25vw;height: 100%;right: 0; display: flex;flex-direction: column;justify-content: center;}
.line2-3-2{position: absolute;width: 2vw;height: 9vw;top: 10vw; left: 0;border-bottom-right-radius: 50%; border-style: solid; border-width: 0vw 0.1vw 0vw 0vw;border-color:#555555;opacity: 0.5;}

.text{position: absolute; width: 70vw;height: 50vw;left: 20vw;top: 2vw;}
#t1{display: block;}
#t2{display: none;}

.th{height: 3vw;width: 100%;}
.tt{height: 46vw;width: 100%;overflow-y: scroll;}   .tt::-webkit-scrollbar {display: none;}
.t01{margin-bottom: 2vw;margin-left: 2vw;}
p{font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"; text-indent: 5em;letter-spacing:0.03vw;line-height:2em;color: #FFFFFF;}
h1{color:#FFFFFF;}
h2{color:#FFFFFF;text-indent: 5em;}

.history {width: 3vw;height: 3vw;}
  .history a:link,a:visited{ display:block;	width:100%;height:100%;background: url(../../img/history1.png);background-position:center;background-size:cover;background-repeat: no-repeat;}
    .history a:hover{background:url(../../img/history2.png);background-size:cover;}
    .history a:active{background:url(../../img/history2.png);background-size:cover;}

.world {width: 3vw;height: 3vw;}
  .world a:link,a:visited{ display:block;	width:100%;height:100%;background: url(../../img/world1.png);background-position:center;background-size:cover;background-repeat: no-repeat;}
    .world a:hover{background:url(../../img/world2.png);background-size:cover;}
    .world a:active{background:url(../../img/world2.png);background-size:cover;}

.personage {width: 3vw;height: 3vw;}
  .personage a:link,a:visited{ display:block;	width:100%;height:100%;background: url(../../img/personage1.png);background-position:center;background-size:cover;background-repeat: no-repeat;}
    .personage a:hover{background:url(../../img/personage2.png);background-size:cover;}
    .personage a:active{background:url(../../img/personage2.png);background-size:cover;}



@media(max-width:1440px){.text{ width: 90vw;height: 140vw;left: 5vw;top: 12vw;}.tt{height: 136vw;}
	.line1{flex-direction:row; width: 30vw;height: 10vw;left: 18vw;top: 3vw;}.h-head{height: 10vw;width: 12.8vw;margin: 0 0;}.line1 label {width: 12.8vw;height: 10vw;}
	.line2{ width: 36vw;height: 6vw;left: 46vw;top: 5.6vw;}.line2-2{width: 100%;height: 100%;right: 0;flex-direction:row;}.line2-3{display:none;}.line2-2-2{width: 100%;height: 100%;right: 0;flex-direction:row;}.line2-3-2{display:none;}.p{height: 6vw;width: 4.5vw;}.p a{left: auto;;height: 8vw;width: 8vw;}.p:hover{height: 8vw;width: 8vw;}.p:hover h5{margin:1vw 1vw 0 6vw; font-size:1.2vw;}
	.history {width: 9vw;height: 9vw;}.personage {width: 9vw;height: 9vw;}.menu {top: 4vw;left: 3vw;width: 3.2vw;}.menuright {top: 4vw;right: 3vw;}
}