*{ margin:0; padding:0; }

body{
  background: url("../imgs/bg_redline.svg") center center / cover no-repeat fixed;
  background-color:rgb(245, 245, 245);
  overflow-x: hidden;
}

img {
    user-drag: none;
	-webkit-user-drag: none;
	-moz-user-select: none;
}

  #kv {
    width:100%;
  }
  
  #container_m { display:none; }


  
#contents_pc {
    position: relative;
    margin:auto;
    width:80%;
    max-width:1200px;
  }
  
#contents_bg_texture {
    z-index:-999;
    width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;    
    background-color:white;
    background-image: url(../imgs/bg_texture.png);
    background-repeat: repeat-y;
    background-size: 100%;  
}

  .contents_imgs{
    width:100%;
  }

.contents_imgs{
    width:100%;
  }
  
  #container_pillars_left {
    width: 100%;
    background-image: url(../imgs/pillars_left.png);
    background-position: top left;
    background-repeat: repeat-y;
    background-size:10%;
    position: absolute;
    top: 0;
    bottom: 0;
  }
  
  #container_pillars_right {
    width: 100%;
    background-image: url(../imgs/pillars_right.png);
    background-position: top right;
    background-repeat: repeat-y;
    background-size:10%;
    position: absolute;
    top: 0;
    bottom: 0;
  }
  
  #container_line {
    z-index:500;
    width: calc(100% - 2px);
    position: absolute;
    top: 0;
    bottom: 0;    
    border-left: 1px solid black;
    border-right: 1px solid black;
  }

  .img_forefront{
    position: relative;
    z-index: 999;
  }

.navi_container {
  margin:20px auto 40px;
  display: grid;
  width:60%;
  gap: 8px;
  grid-template-columns: repeat(3, auto);
}

.navi_item {
  border: 1px solid black;
}

.cloud_imgs_001, .cloud_imgs_002, .cloud_imgs_003, 
.cloud_imgs_004, .cloud_imgs_005, .cloud_imgs_006,
.cloud_imgs_007, .cloud_imgs_008, .cloud_imgs_009,
.cloud_imgs_010, .cloud_imgs_011, .cloud_imgs_012,
.cloud_imgs_013, .cloud_imgs_014 {
  z-index:2000;
  position: absolute;
}

.cloud_imgs_001 {
  width:67%;
  top:2.1%;
  left:-55%;
}
.cloud_imgs_002 {
  width:105%;
  top:10.5%;
  left:85%;
}
.cloud_imgs_003 {
  width:80%;
  top:18%;
  left:-66%;
}
.cloud_imgs_004 {
  width:50%;
  top:27%;
  left:85%;
}
.cloud_imgs_005 {
  width:62.5%;
  top:33%;
  left:-46%;
}
.cloud_imgs_006 {
  width:62.5%;
  top:40.5%;
  left:85%;
}
.cloud_imgs_007 {
  width:52%;
  top:51.5%;
  left:-36%;
}
.cloud_imgs_008 {
  width:70%;
  top:56.4%;
  left:85%;
}
.cloud_imgs_009 {
  width:65%;
  top:61.6%;
  left:-50%;
}
.cloud_imgs_010 {
  width:68%;
  top:68.5%;
  left:85%;
}
.cloud_imgs_011 {
  width:53%;
  top:74.7%;
  left:-38%;
}
.cloud_imgs_012 {
  width:60%;
  top:78.2%;
  left:85%;
}
.cloud_imgs_013 {
  width:74%;
  top:86.7%;
  left:-62%;
}
.cloud_imgs_014 {
  width:50%;
  top:95.5%;
  left:88%;
}