:root {
      --main-blue: #0073c6;
      --light-blue: #e6f2fb;
      --hover-blue: #d0e7f8;
      --text-color: #003d66;
      --border-radius: 30px;
    }

    * {
      box-sizing: border-box;
      margin: 0;
      padding: 0;
    }

    div.data-faq {
      line-height: 1.6;
      color: var(--text-color);
    }

    div.data-faq h1 {
      font-size: 2rem;
      margin-bottom: 1.5rem;
      color: var(--main-blue);
    }

    div.data-faq h4 {
      padding: 0em 0em 1em 0em;
    }

    div.data-faq div.accordion {
      background-color: var(--light-blue);
      color: var(--text-color);
      cursor: pointer;
      padding: 18px 35px;
      margin-bottom: 10px;
      border: 2px solid var(--main-blue);
      border-radius: var(--border-radius);
      text-align: left;
      /* font-size: 1.1rem; */
      font-weight: bold;
      transition: background-color 0.3s, box-shadow 0.3s;
      position: relative;
      width: 100%;
    }

    div.data-faq div.accordion:hover {
      background-color: var(--hover-blue);
      box-shadow: 0 2px 6px rgba(0, 115, 198, 0.2);
    }

    div.data-faq div.accordion::after {
      content: "▼";
      position: absolute;
      right: 24px;
      top: 50%;
      transform: translateY(-50%);
      transition: transform 0.3s;
    }

    div.data-faq div.accordion.active::after {
      transform: translateY(-50%) rotate(180deg);
    }

    /* スムーズ開閉用パネル */
    div.data-faq div.panel {
      max-height: 0;
      overflow: hidden;
      transition: max-height 0.4s ease, padding 0.3s ease;
      background-color: #fff;
      border-radius: var(--border-radius);
      margin-bottom: 20px;
      border: 1px solid #c8e1f2;
      padding: 0 24px;
    }

    div.data-faq div.panel.open {
      padding: 18px 35px;
    }

    div.data-faq div.panel p {
      margin: 0;
      color: #333;
    }

    @media (max-width: 600px) {
      div.data-faq div.accordion, div.data-faq div.accordiondiv.panel {
        padding-left: 26px;
        padding-right: 37px;
      }
    }

    @media (max-width: 600px) {
      div.data-faq div.panel.open {
        padding-left: 26px;
        padding-right: 26px;
      }
    }