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

/* Main設定 */

#main1 {
 height: 0;
 padding-top: 57.29%;
/* 表示画像の高さ ÷ 表示画像の幅 × 100 */
 background: url(../common/main_pc1.jpg) 50% 0 / contain no-repeat scroll padding-box border-box transparent;
}

#news_back { position: relative; z-index: 100; width: 100%; margin: 0 auto; padding-top: 0px; padding-bottom: 30px; background-image: linear-gradient(to bottom, rgba(255,255,255,0.30) 20%, rgba(255,255,255,0.00) 100%); }

.box{
  position: relative;
  width : 100%;
  height : inherit;
  background : none 0% 0% / auto auto repeat scroll padding-box border-box #444444;
}
.ratio-1_1::before{
  content: "";
  display: block;
  padding-top : 70%;
/* 1:1 */
}
.inner{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height : 100%;
}
#logo1 {
  height: 0;
  padding-top: 100%;
  background: url(../common/title_logo1.png) 0px 0px / contain no-repeat scroll padding-box border-box transparent;
  z-index: 2;
  width: 100%;
  position: absolute;
  top: 450px;
}
#logo2 {
  height: 0;
  padding-top: 100%;
  background: url(../img/logo2.png) 0px 0px / contain no-repeat scroll padding-box border-box transparent;
  z-index: 3;
  width: 100%;
  position: absolute;
  top: 70px;
}

.top_waku{
  width : 980px;
  height : 230px;
  position : relative;
}
.logo1 {
  top: 280px;
  left: 225px;
  position : absolute;
  background-repeat : no-repeat;
}

.logo2{
  background-image : url(../logo_img/logo2.png);
  background-position : center center;
  width: 850px;
  height: 460px;
  top: 120px;
  left: 65px;
  position: absolute;
  background-repeat: no-repeat;
}
.logo3{
  background-image : url(../logo_img/logo3.png);
  background-position : center center;
  width: 850px;
  height: 460px;
  top: 120px;
  left: 65px;
  position: absolute;
  background-repeat: no-repeat;
}
.logo_data{
  background-image : url("../logo_img/logo_data2.png");
  background-position : center center;
  width: 880px;
  height: 175px;
  top: 580px;
  left: 65px;
  position: absolute;
  background-repeat: no-repeat;
}