.test {
  position: relative;
}
.welcome {
  /*position: absolute;*/
  /*top: 50%;*/
  /*left: 50%;*/
  /*transform: translateY(-50%) translateX(-50%);*/
  /*-webkit- transform: translateY(-50%) translateX(-50%);*/
  /*margin: auto;*/
}
.welcome img {
  position: absolute;
  width: 440px;
  top: 55%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);
  margin: auto;
}
.sekki {
  position: absolute;
  height: 30%;
  /*top: 8%;*/
  right: 33.33%;
  z-index: 1;
}
h2.vertical {
  writing-mode: vertical-rl;
  position: absolute;
  font-family: 'Noto Serif JP', serif;
  font-size: 7em;
  font-weight: 700;
  letter-spacing: .3em;
  /*color: #fff;*/
  /*text-shadow: -3px 3px 6px rgba(0,0,0,0.3);*/
}
h5.vertical {
  writing-mode: vertical-rl;
  position: absolute;
  font-family: 'Noto Serif JP', serif;
  font-size: 1.5em;
  font-weight: 500;
  letter-spacing: .3em;
  top: 35%;
  /*color: #fff;*/
  /*text-shadow: -1px 1px 2px rgba(0,0,0,0.3);*/
}
.columnLead {
  max-width: 700px;
  left: 0;
  right: 0;
  margin: auto;
  padding: 0;
}
.columnLead h3 {
  font-weight: 500;
  margin: 0 0 1em 0;
}
.columnLead p {
  font-size: .9em;
  font-weight: 500;
  letter-spacing: .1em;
  padding: 0;
  background: rgb(255,255,255,.7);
}
.columnLead a {
  position: relative;
}
.released {
  max-width: 700px;
  margin: 0 auto;
  padding: 3.5em 4em 3em 4em;
  text-align: left;
  background: #fbfaf5;
  border-radius: 15px;
}
.released ul {
  margin: 0;
  padding: 0;
}
.released li {
  list-style: none;
  margin: 0 0 1.2em 0;
  font-size: .9em;
  font-style: italic;
  text-align: center;
}
.released a {
  color: #00a3af;
}

/****フリースペース****/
/****Site Posts****/

@media (max-width: 980px) {
 /* デバイスサイズ 980px以下に適用 */
  .sekki {
    right: 22.22%;
  }
 .bx-wrapper {
  position: relative;
  margin: 0 auto 6em !important;
  padding: 0;
 }
}

@media (max-width: 768px) {
 /* デバイスサイズ 768px以下に適用 */
  .columnLead p {
  }
}

@media (max-width: 480px) {
 /* デバイスサイズ 480px以下に適用 */
  .welcome img {
    top: 47%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit- transform: translateY(-50%) translateX(-50%);
    margin: auto;
  }
  .released {
    padding: 3.5em 2.5em 3em 2.5em;
    border-radius: unset;
  }
  .released li {
    font-size: .9em;
  }
  .welcome img {
    width: 80%;
  }
  .sekki {
    position: absolute;
    height: 30%;
    top: 5%;
    right: 22.22%;
    z-index: 1;
  }
  h2.vertical {
    writing-mode: vertical-rl;
    position: absolute;
    font-family: 'Noto Serif JP', serif;
    font-size: 4em;
    font-weight: 700;
    letter-spacing: .3em;
    color: #fff;
    text-shadow: -3px 3px 6px rgba(0,0,0,0.3);
  }
  h5.vertical {
    writing-mode: vertical-rl;
    position: absolute;
    font-family: 'Noto Serif JP', serif;
    font-size: 1.5em;
    font-weight: 500;
    letter-spacing: .3em;
    top: 32%;
    color: #fff;
    text-shadow: -1px 1px 2px rgba(0,0,0,0.3);
  }
  .columnLead {
    width: 100%;
    padding: 0;
  }
  .columnLead h3 {
    padding: 0 2rem;
  }
  .columnLead p {
    font-weight: 400;
    padding: 0 2rem;
    text-align: justify;
  }
 .bx-wrapper {
    position: relative;
    margin: 0 auto 6em !important;
    padding: 0;
   }
}