/*! Writen  by SCSS */
.mainvisual {
  position: relative;
  overflow: hidden; }
  .mainvisual .main_animation {
    position: relative;
    aspect-ratio: 160/117;
    background: #000; }
    @media screen and (max-width: 480px) {
      .mainvisual .main_animation {
        aspect-ratio: 414/570; } }
  .mainvisual .inset {
    position: absolute;
    inset: 0; }
  .mainvisual .main_bg {
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover; }
  .mainvisual .main_cap {
    position: absolute;
    right: 10px;
    bottom: 5px;
    opacity: 0;
    color: #FFF;
    font-size: 10px;
    transition: 0.3s opacity ease-in-out 0s; }
  .mainvisual .scene01 .main_copy {
    position: absolute;
    inset: 0;
    bottom: auto;
    top: 13.68%;
    width: 55.88%;
    max-width: 894px;
    margin: auto; }
    @media screen and (max-width: 820px) {
      .mainvisual .scene01 .main_copy {
        top: 15%; } }
    @media screen and (max-width: 480px) {
      .mainvisual .scene01 .main_copy {
        top: 18%;
        width: 87%; } }
  .mainvisual .scene01 .main_prot {
    position: absolute;
    left: 37.19%;
    bottom: 23.36%;
    width: 22.13%;
    margin: auto; }
    @media screen and (max-width: 480px) {
      .mainvisual .scene01 .main_prot {
        width: 37.58%;
        left: 31.19%;
        bottom: 27.66%; } }

/*# sourceMappingURL=mainvisual.css.map */