/* ========================================
   PC 2-Column Layout
   ======================================== */

/* PC左側ロゴ：SP時は非表示 */
.l-pc-logo {
  display: none;
}

/* 960px以上で左右2分割レイアウト */
@media (min-width: 960px) {
  /* 左側：固定背景画像エリア */
  body::before {
    content: '';
    position: fixed;
    left: 0;
    top: 0;
    width: 50vw;
    height: 100vh;
    background-image: url('../images/img-common-facility.jpg');
    background-size: cover;
    background-position: center;
    z-index: 0;
  }

  /* 左側：中央にロゴ配置（リンク可能） */
  .l-pc-logo {
    display: block;
    position: fixed;
    left: 25vw;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 160px;
    height: 160px;
    z-index: 1;
  }

  .l-pc-logo img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }

  /* SPヘッダーを右側に配置 */
  .l-header--sp {
    margin-left: 50vw;
    width: 50vw;
  }

  /* メインコンテンツを右側に配置 */
  .l-main {
    margin-left: 50vw;
    width: 50vw;
  }

  /* フッターを右側に配置 */
  .l-footer {
    margin-left: 50vw;
    width: 50vw;
  }

  /* モバイルメニューを右側に配置 */
  .c-mobile-menu {
    margin-left: 50vw;
    width: 50vw;
  }

  /* 固定CTAを右側に配置 */
  .c-fixed-cta,
  .c-fixed-cta-price,
  .c-fixed-cta-access,
  .c-fixed-cta-round,
  .c-fixed-cta-app,
  .c-fixed-cta-beginner {
    left: 50%;
    transform: translateX(0);
    width: 50vw;
    max-width: 50vw;
  }
}