/*! Writen by SCSS */
.sec_main {
  position: relative; }
  .sec_main .main_image img {
    width: 100%; }
  .sec_main .inset {
    position: absolute;
    inset: 0; }
  .sec_main img.full_img {
    width: 100%; }
  .sec_main .main_title {
    bottom: auto;
    top: 13.88%;
    width: 57.57%;
    max-width: 921px;
    margin: auto;
    opacity: 0;
    transform: scale(1.3);
    filter: blur(10px);
    transition: 2s opacity cubic-bezier(0.75, 0, 0.25, 1) 0s, 2s transform cubic-bezier(0.75, 0, 0.25, 1) 0s, 2s filter cubic-bezier(0.75, 0, 0.25, 1) 0s; }
    @media screen and (max-width: 480px) {
      .sec_main .main_title {
        top: 10%;
        width: 65%; } }
  .sec_main .main_prot {
    opacity: 0;
    transform: translateY(30px);
    transition: 1.5s opacity cubic-bezier(0.75, 0, 0.25, 1) 0s, 1.5s transform cubic-bezier(0.75, 0, 0.25, 1) 0s; }
    @media screen and (max-width: 480px) {
      .sec_main .main_prot {
        transform: translateY(15px); } }
  .sec_main .twincle {
    position: absolute;
    inset: 0;
    transition: all 1.6s ease-in-out 4.2s;
    transition-delay: 2s; }
    .sec_main .twincle li {
      position: absolute;
      inset: 0; }
      .sec_main .twincle li img {
        width: 100%; }
        @media screen and (max-width: 480px) {
          .sec_main .twincle li img {
            height: 100%;
            object-fit: cover;
            object-position: right bottom; } }
      .sec_main .twincle li.tw01 {
        animation-delay: -2.5s;
        animation-duration: 4.5s; }
      .sec_main .twincle li.tw02 {
        animation-delay: -3s;
        animation-duration: 6.5s; }
      .sec_main .twincle li.tw03 {
        animation-delay: -3.5s;
        animation-duration: 3s; }
      .sec_main .twincle li.tw04 {
        animation-delay: -4s;
        animation-duration: 4.5s; }
      .sec_main .twincle li.tw05 {
        animation-delay: -4.5s;
        animation-duration: 6.5s; }
      .sec_main .twincle li.tw06 {
        animation-delay: -5s;
        animation-duration: 3s; }
      .sec_main .twincle li.tw07 {
        animation-delay: -2.5s;
        animation-duration: 4.5s; }
      .sec_main .twincle li.tw08 {
        animation-delay: -3s;
        animation-duration: 6.5s; }
  .sec_main.s1 .twincle li {
    animation-name: hikari;
    animation-timing-function: linear;
    animation-iteration-count: infinite; }
  .sec_main.s2 .main_prot {
    opacity: 1;
    transform: translateY(0); }
  .sec_main.s3 .main_title {
    opacity: 1;
    filter: blur(0);
    transform: scale(1); }
@keyframes hikari {
  0% {
    opacity: 0;
    transform: translateY(0%); }
  10% {
    opacity: 1; }
  85% {
    opacity: 1; }
  100% {
    opacity: 0;
    transform: translateY(-60%); } }

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