// --------------------------------------------------
// 共通ファイル読み込み
// --------------------------------------------------
@use "common" as *;

// --------------------------------------------------
// footerセクション固有スタイル
// --------------------------------------------------

.footer {
  &__container {
    max-width: 100%;
    display: block;
    margin: 0 auto;
  }

  &__contents {
    max-width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
  }

  &__float {
    width: 100%;
    bottom: 60px;
    left: 0;
    position: fixed;
    flex-direction: row;
    display: flex;
    justify-content: center;
    pointer-events: none;

    // SP版
    @include mq() {
      bottom: getVw(40);
    }
  }

  &__float-content {
    width: 100%;
    max-width: 1366px;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
  }

  &__top-arrow {
    width: getRatio(110, 1366);
    margin-right: getRatio(90, 1366);
    // margin-bottom: getRatio(60, 1366);
    pointer-events: fill;
    // SP版
    @include mq() {
     width: getVw(100); 
    }
  }

  &__copylight {
    width: 100%;
    margin-bottom: 50px;
    margin-top: 180px;
    text-align: center;
    font-size: 2rem;
    color: #414141;

    // SP版
    @include mq() {
      font-size: 10px;
      margin-top: getVw(200);
      margin-bottom: getVw(40);
    }
  }
}