main{
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNTYwIiBoZWlnaHQ9IjI3MTAiIHZpZXdCb3g9IjAgMCAyNTYwIDI3MTAiIGZpbGw9Im5vbmUiPgogIDxnIHN0eWxlPSJtaXgtYmxlbmQtbW9kZTpoYXJkLWxpZ2h0IiBvcGFjaXR5PSIwLjgiIGZpbHRlcj0idXJsKCNmaWx0ZXIwX25fMzY3N182OTk1NCkiPgogICAgPHJlY3Qgd2lkdGg9IjI1NjAiIGhlaWdodD0iMjcxMCIgZmlsbD0idXJsKCNwYWludDBfbGluZWFyXzM2NzdfNjk5NTQpIi8+CiAgPC9nPgogIDxkZWZzPgogICAgPGZpbHRlciBpZD0iZmlsdGVyMF9uXzM2NzdfNjk5NTQiIHg9IjAiIHk9IjAiIHdpZHRoPSIyNTYwIiBoZWlnaHQ9IjI3MTAiIGZpbHRlclVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY29sb3ItaW50ZXJwb2xhdGlvbi1maWx0ZXJzPSJzUkdCIj4KICAgICAgPGZlRmxvb2QgZmxvb2Qtb3BhY2l0eT0iMCIgcmVzdWx0PSJCYWNrZ3JvdW5kSW1hZ2VGaXgiLz4KICAgICAgPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbj0iU291cmNlR3JhcGhpYyIgaW4yPSJCYWNrZ3JvdW5kSW1hZ2VGaXgiIHJlc3VsdD0ic2hhcGUiLz4KICAgICAgPGZlVHVyYnVsZW5jZSB0eXBlPSJmcmFjdGFsTm9pc2UiIGJhc2VGcmVxdWVuY3k9IjAuNSAwLjUiIHN0aXRjaFRpbGVzPSJzdGl0Y2giIG51bU9jdGF2ZXM9IjMiIHJlc3VsdD0ibm9pc2UiIHNlZWQ9IjQwNjMiLz4KICAgICAgPGZlQ29sb3JNYXRyaXggaW49Im5vaXNlIiB0eXBlPSJsdW1pbmFuY2VUb0FscGhhIiByZXN1bHQ9ImFscGhhTm9pc2UiLz4KICAgICAgPGZlQ29tcG9uZW50VHJhbnNmZXIgaW49ImFscGhhTm9pc2UiIHJlc3VsdD0iY29sb3JlZE5vaXNlMSI+CiAgICAgICAgPGZlRnVuY0EgdHlwZT0iZGlzY3JldGUiIHRhYmxlVmFsdWVzPSIxIDEgMSAxIDEgMSAxIDEgMSAxIDEgMSAxIDEgMSAxIDEgMSAxIDEgMSAxIDEgMSAxIDEgMSAxIDEgMSAxIDEgMSAxIDEgMSAxIDEgMSAxIDEgMSAxIDEgMSAxIDEgMSAxIDEgMSAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwICIvPgogICAgICA8L2ZlQ29tcG9uZW50VHJhbnNmZXI+CiAgICAgIDxmZUNvbXBvc2l0ZSBvcGVyYXRvcj0iaW4iIGluMj0ic2hhcGUiIGluPSJjb2xvcmVkTm9pc2UxIiByZXN1bHQ9Im5vaXNlMUNsaXBwZWQiLz4KICAgICAgPGZlRmxvb2QgZmxvb2QtY29sb3I9InJnYmEoMjEsIDczLCAxODUsIDAuMykiIHJlc3VsdD0iY29sb3IxRmxvb2QiLz4KICAgICAgPGZlQ29tcG9zaXRlIG9wZXJhdG9yPSJpbiIgaW4yPSJub2lzZTFDbGlwcGVkIiBpbj0iY29sb3IxRmxvb2QiIHJlc3VsdD0iY29sb3IxIi8+CiAgICAgIDxmZU1lcmdlIHJlc3VsdD0iZWZmZWN0MV9ub2lzZV8zNjc3XzY5OTU0Ij4KICAgICAgICA8ZmVNZXJnZU5vZGUgaW49InNoYXBlIi8+CiAgICAgICAgPGZlTWVyZ2VOb2RlIGluPSJjb2xvcjEiLz4KICAgICAgPC9mZU1lcmdlPgogICAgPC9maWx0ZXI+CiAgICA8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MF9saW5lYXJfMzY3N182OTk1NCIgeDE9Ii0zNzgiIHkxPSIxMTMwLjg4IiB4Mj0iMzMwMy4zMiIgeTI9IjM5NjEuNzQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KICAgICAgPHN0b3Agc3RvcC1jb2xvcj0iIzVCNzFGRCIvPgogICAgICA8c3RvcCBvZmZzZXQ9IjAuNTUiIHN0b3AtY29sb3I9IiM4MUQzRkYiLz4KICAgICAgPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjQzVGOUZGIi8+CiAgICA8L2xpbmVhckdyYWRpZW50PgogIDwvZGVmcz4KPC9zdmc+");
  background-size: cover;
  background-position: left top;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-blend-mode: hard-light;
  padding: 0;
}
.story-section-wrap{
  margin: 50px 0 96px;
}
.story-header{
  position: relative;
  padding: 64px 0 96px;
  transform: translateY(-40px);
}
.story-header h2, .story-header p{
  position: relative;
  z-index: 2;
}
.story-header::before{
  content: '';
  display: block;
  width: 100vw;
  height: 100%;
  background-color: rgba(255, 255, 255, 1);
  position: absolute;
  top: 0;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}
.story-footer{
  position: relative;
  padding: 96px 0 128px;
}
.story-footer::before{
  content: '';
  display: block;
  width: 100vw;
  height: 100%;
  background-color: rgba(255, 255, 255, 1);
  position: absolute;
  top: 0;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}
.related-link-box{
  position: relative;
  z-index: 2;
}

.story-section{
  background: #fff;
  padding: 94px;
  margin-bottom: 120px;
}
.story-section img{
  margin: 64px 0 0;
}

.story-h2{
  color: #004399;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 32px;
  font-size: 38px;
  font-weight: 700;
  line-height: 160%;
}
.story-h2::after{
  content: "";
  width: 48px;
  height: 45px;
  background-image: url(/special/img/story.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  display: block;
  margin: 0 0 32px;
}
.story-h2-sub{
  color: #004399;
  text-align: center;
  font-size: 24px;
  font-weight: 700;
  line-height: 160%;
}
.story-h3{
  text-align: center;
  color:  #395374;
  text-align: center;
  font-size: 34px;
  font-weight: 400;
  line-height: 160%;
  margin: 16px 0 32px;
}

.story-list dt{
  color:  #395374;
  font-size: 24px;
  font-weight: 700;
  line-height: 160%;
  margin: 36px 0 12px;
}
.story-list dd{
  color: #395374;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 200%;
}


@media screen and (max-width: 979px) {
  .story-section-wrap{
    margin: 0 0 96px;
  }
  .story-section{
    padding: 32px 16px;
    margin-bottom: 40px;
  }
  .story-h2{
    font-size: 22px;
    font-weight: 700;
    line-height: 140%;
    gap: 16px;
  }
  .story-h2::after{
    width: 24px;
    height: 24px;
    margin: 0 0 24px;
  }
  .story-h2-sub{
    font-size: 20px;
    font-weight: 700;
    line-height: 150%;
    margin: 0 0 16px;
  }
  .story-h3{
    color: var(--FS_text_bluegray, #395374);
    font-size: 22px;
    font-weight: 400;
    line-height: 160%;
    margin: 0 0 32px;
  }
  .story-section img{
    margin: 32px 0 0;
  }
  .story-list dt{
    font-size: 20px;
    font-weight: 700;
    line-height: 150%;
  }
  .story-header{
    padding: calc(64px / 2) 0 calc(96px / 2);
  }
  .story-footer{
    padding: calc(96px / 2) 0 calc(128px / 2);
  }
}