/* ====== Intro Animation: Line Draw ====== */
#intro-line {
    position: fixed;
    inset: 0;
    background: #145a92;/* 白背景 */
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
  }
  
  #intro-line svg {
    width: 500px;
    stroke: #ffffff;
    stroke-width: 0.5;
    fill: none;
    stroke-dasharray: 1000;
    stroke-dashoffset: 1000;
    animation: drawLine 5s ease forwards;
    transform: translate(-50%, -50%); /* 左右真ん中 */
    left: 50%; /* 左右真ん中 */
    top: 50%; /* 上下真ん中 */
    position: absolute; /* 左右真ん中 */
    
  }
  
  @keyframes drawLine {
    to { stroke-dashoffset: 0; }
  }
  
  /* ページ表示 */
  body.loaded-line {
    animation: bodyFade 0.5s ease forwards;
  }
  @keyframes bodyFade {
    from { opacity: 0; }
    to   { opacity: 1; }
  }