#top_anim {
  position: relative;
  background-color: #1e3470;
  width: 100%;
  overflow: hidden;
}
#top_anim img {
    vertical-align: top;
}

.s_img {
  width: 100%;
  max-width: none;
  height: auto;
  position: absolute;
  bottom:0;
  left: 0;
  opacity: 0;
}
.s1_img {
  width: 100%;
  height: auto;
  opacity: 0;
}

.top_anim_cap {
  font-size: var(--font12);
  color: #fff;
  text-shadow: 0 0 4px #000;
  position: absolute;
  bottom: 1%;
  left: 1%;
  opacity: 0;
}


.s_circle {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: rgba(26,54,116,.7);
    display: flex;
    justify-content: center;
    align-items: center;
}
.s_circle span {
    color: #9aa4ae;
    padding: 0.7em 2em;
    font-size: min(0.7vw , 11px);
}

.s_cap {
    position: absolute;
    bottom: 0.5%;
    right: 0.2%;
    color: #fff;
    text-shadow: 0 0 3px #000;
    font-size: min(0.7vw , 11px);
    z-index: 3;
    text-align: right;
    font-feature-settings: "palt";
    opacity: 0;
}
.s_cap > div {
    font-size: 120%;
}


/* ----------------------- */
/* sp */
/* ----------------------- */
@media screen and (max-width: 767px) {
.s_cap {
  font-size: 1.4vw;
}
}