@charset "utf-8";
#main1{
  height: 0;
  padding-top : 40.625%;
  background : url(../img_top/set1/main01.jpg) 0px 0px / contain no-repeat scroll padding-box border-box transparent;
  z-index : 1;
  width : 100%;
  position : absolute;
  top : 0px;
  bottom : 0px;
  right : 0px;
  left : 0px;
  border-bottom-width : 5px;
  border-bottom-style : solid;
  border-bottom-color : white;
}
#main2{
  height: 0;
  padding-top : 40.625%;
  background : url(../img_top/set1/main2.png) 0px 0px / contain no-repeat scroll padding-box border-box transparent;
  z-index : 2;
  width : 100%;
  position : absolute;
  top : 0px;
  bottom : 0px;
  right : 0px;
  left : 0px;
  border-bottom-width : 5px;
  border-bottom-style : solid;
  border-bottom-color : white;
}
#logo1{
  height: 0;
  z-index : 2;
  position : absolute;
  left : 45%;
  right : 5%;
  bottom : 400px;
}
.box{
  position: relative;
  width : 100%;
  height : inherit;
  background : none 0% 0% / auto auto repeat scroll padding-box border-box #444444;
  top : 90px;
  overflow : hidden;
}
.ratio-1_1::before{
  content: "";
  display: block;
  padding-top : 40.625%;
/* 1:1 */
}
.inner{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height : 100%;
}