@charset "utf-8";
.logbox{
  width : 100%;
  height : 400px;
  overflow : auto;
  border : 0px solid;
  vertical-align : top;
  text-align : left;
  padding-left : 0px;
  padding-top : 0px;
  padding-right : 0px;
  padding-bottom : 0px;
}
@charset "utf-8";
#main1{
  height: 0;
  padding-top : 56.25%;
  background-image : url(../img_top/vis0.png);
  background-repeat : no-repeat;
  background-attachment : scroll;
  background-position : 0px 0px;
  background-size : contain;
  background-origin : padding-box;
  background-clip : border-box;
  z-index : 11;
  width : 100%;
  position : absolute;
  top : 0px;
  bottom : 0px;
  right : 0px;
  left : 0px;
  background-color : transparent;
}
#main8{
  height: 0;
  padding-top : 56.25%;
  background : url(../img_top/vis8.jpg) 0px 0px / contain no-repeat scroll padding-box border-box transparent;
  z-index : 12;
  width : 100%;
  position : absolute;
  top : 0px;
  bottom : 0px;
  right : 0px;
  left : 0px;
}
#main9{
  height: 0;
  padding-top : 56.25%;
  background : url(../img_top/vis9.jpg) 0px 0px / contain no-repeat scroll padding-box border-box transparent;
  z-index : 19;
  width : 100%;
  position : absolute;
  top : 0px;
  bottom : 0px;
  right : 0px;
  left : 0px;
}
.box{
  position: relative;
  width : 100%;
  height : inherit;
  background-image : none;
  background-repeat : repeat;
  background-attachment : scroll;
  background-position : 0% 0%;
  background-size : auto auto;
  background-origin : padding-box;
  background-clip : border-box;
  top : 90px;
}
.ratio-1_1::before{
  content: "";
  display: block;
  padding-top : 56.25%;
/* 1:1 */
}
.inner{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height : 100%;
}
.box2{
  margin-top : 90px;
  width : 100%;
}
.box3{
  margin-top : 90px;
  width : 100%;
  padding-top : 200px;
}