body{
    width:100%;
}

img{
    width:100%;
    height:auto;
}

.c-wrapper {
  position: relative; /* ← これが超重要！ */
  padding: 0;
  max-width: 500px;
  width: 100%;
  margin: 0 auto;
  background: #fff;
  box-sizing: border-box;
  box-shadow: none; /* 疑似要素で影を作るのでここはオフに */
}

.c-wrapper::before,
.c-wrapper::after {
  content: "";
  position: absolute;
  top: 0;
  width: 10px; /* 影の幅 */
  height: 100%;
  filter: blur(8px);
  opacity: 0.3;
  background: rgba(0, 0, 0, 0.3);
  z-index: -1;
}

.c-wrapper::before {
  left: -10px; /* 左側に影 */
}

.c-wrapper::after {
  right: -10px; /* 右側に影 */
}

.c-inner {
  padding-top: 0;
  padding-bottom: 0;
}

[data-structure="e-text"] {
    padding: 15px;
}

.c-inner.c-inner--md.c-inner--one-elem.c-inner--vertical{
    padding: 0;
}


.Gradation_3 {
  position: fixed; 
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: linear-gradient(150deg, #a6d900 0%, #ff4454 100%);
  background-size: 200% 200%;
  animation: Grad 20s linear infinite alternate;
  opacity: 0.5;
  z-index: -100;
}

.Gradation_3_text{
  font-size: 30px;
  font-family: Arial;
  font-weight: 600;
  color: #fff;
 }

@keyframes Grad {
  0% {
    -webkit-filter: hue-rotate(0deg);
    filter: hue-rotate(0deg);
  }

  100% {
    -webkit-filter: hue-rotate(360deg);
    filter: hue-rotate(360deg);
  }
}