.article_wrap {
          max-width: 820px;
          margin: 0 auto;
          background: white;
          box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
          overflow: hidden;
          position: relative;
          padding: 0 2rem;
      }

      .article_wrap::before {
          content: '';
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          height: 4px;
          background: linear-gradient(90deg, #f67e04 0%, #d5ae3f 100%);
      }

      .publishdate {
          padding: 30px 0 5px;
          background-color: 10px;
      }

      .publishdate p {
          font-size: 1.1rem;
          font-weight: 500;
          letter-spacing: 0.5px;
          margin: 0;
      }

      .headline {
          padding: 32px 0 24px;
          background: white;
      }

      .headline span {
          font-size: 28px;
          font-weight: 700;
          color: #000;
          display: block;
          position: relative;
          padding-bottom: 16px;
      }

      .headline span::after {
          content: '';
          position: absolute;
          bottom: 0;
          left: 0;
          width: 80px;
          height: 3px;
          background-color: #f67e04;
      }

      .mb50 {
          margin-bottom: 50px;
      }

      .mb20 {
          margin-bottom: 20px;
      }

      .mb10 {
          margin-bottom: 10px;
          text-indent: 1em;
      }

      .tr {
          text-align: right;
          margin-top: 24px;
          font-size: 16px;
      }

      .tableCompanyBlogLeft,
      .tableCompanyBlogRight {}

      .tableCompanyBlogLeft {
          width: 100%;
          margin-bottom: 1rem;
      }

      .tableCompanyBlogRight {
          width: 100%;
      }

      table {
          width: 100%;
          border-collapse: collapse;
          background: white;
          overflow: hidden;
          border: 1px solid #d6d3bb;
      }

      th,
      td {
          padding: 16px 20px;
          text-align: left;
          border-bottom: 1px solid #d6d3bb;
          font-size: 15px;
          transition: background-color 0.2s ease;
      }

      th {
          background: #F2F1EA;
          font-weight: 600;
          width: 35%;
          border-right: 1px solid #d6d3bb;
      }

      td {
          font-weight: 500;
          background: white;
      }

      tr:hover {
          background-color: #f8fafc;
      }

      tr:hover th {
          background: linear-gradient(135deg, #f1f5f9 0%, #e2e8f0 100%);
      }

      .CompanyBlogbottom {}

      .cb {
          clear: both;
          height: 0;
          margin: 0;
          padding: 0;
      }

      .article_wrap>p:last-child {
          padding-top: 32px;
          padding-bottom: 32px;
          font-size: 15px;
          line-height: 1.8;
          text-align: right;
          margin: 0;
      }

      /* レスポンシブ対応 */
      @media (max-width: 768px) {
          .article_wrap {
              padding-left: 1rem;
              padding-right: 1rem;
          }

          .headline span {
              font-size: 24px;
          }

          th,
          td {
              padding: 12px 16px;
              font-size: 14px;
          }

          th {
              width: 40%;
          }

          .mb10,
          .mb20,
          .tr {
              font-size: 15px;
          }
      }

      @media (max-width: 480px) {
          .headline span {
              font-size: 22px;
          }

          th,
          td {
              padding: 10px 12px;
              font-size: 13px;
          }

          .mb10,
          .mb20,
          .tr {
              font-size: 14px;
          }
      }

      /* ページネーション */
      .entry-navigation {
          display: flex;
          justify-content: space-between;
          align-items: flex-start;
          gap: 2rem;
          width: 100%;
          max-width: 820px;
          margin: 0 auto 3rem;
          padding: 0 1rem;
      }

      .prev-entry,
      .next-entry {
          flex: 1;
          font-size: 14px;
          line-height: 1.6;
          color: #666;
      }

      .prev-entry {
          text-align: left;
      }

      .next-entry {
          text-align: right;
      }

      .prev-entry a,
      .next-entry a {
          color: #000;
          text-decoration: none;
          font-weight: 400;
          transition: all 0.3s ease;
          display: inline-block;
          position: relative;
          padding: 0.5rem 0;
      }

      .prev-entry a p:first-child,
      .next-entry a p:first-child {
          font-size: 12px;
          color: #666;
          margin: 0 0 0.5rem 0;
          font-weight: 500;
      }

      .prev-entry a p:last-child,
      .next-entry a p:last-child {
          font-size: 14px;
          color: #000;
          margin: 0;
          font-weight: 400;
          line-height: 1.4;
      }

      .prev-entry a:hover,
      .next-entry a:hover {
          opacity: 0.8;
          transform: translateY(-1px);
      }

      .prev-entry a::before {
          content: '← ';
          opacity: 0;
          transform: translateX(10px);
          transition: all 0.3s ease;
          display: inline-block;
          position: absolute;
          left: -20px;
          top: 0.5rem;
      }

      .next-entry a::after {
          content: ' →';
          opacity: 0;
          transform: translateX(-10px);
          transition: all 0.3s ease;
          display: inline-block;
          position: absolute;
          right: -20px;
          top: 0.5rem;
      }

      .prev-entry a:hover::before,
      .next-entry a:hover::after {
          opacity: 1;
          transform: translateX(0);
      }

      /* スマホ対応：上下配置 */
      @media (max-width: 768px) {
          .entry-navigation {
              flex-direction: column;
              gap: 1.5rem;
              padding:0;
          }

          .prev-entry,
          .next-entry {
              text-align: left;
              flex: none;
          }

          .prev-entry {
              order: 1;
          }

          .next-entry {
              order: 2;
          }

          .prev-entry a,
          .next-entry a {
              display: block;
              padding: 1rem;
              background: #f5f5f5;
              border: none;
              border-radius: 8px;
              margin-top: 0.5rem;
              transition: all 0.3s ease;
          }

          .prev-entry a p:first-child,
          .next-entry a p:first-child {
              font-size: 11px;
              color: #666;
              margin: 0 0 0.5rem 0;
              font-weight: 500;
          }

          .prev-entry a p:last-child,
          .next-entry a p:last-child {
              font-size: 13px;
              color: #000;
              margin: 0;
              font-weight: 400;
              line-height: 1.4;
          }

          .prev-entry a:hover,
          .next-entry a:hover {
              opacity: 0.8;
              transform: translateY(-2px);
              box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
          }

          .prev-entry a::before,
          .next-entry a::after {
              display: none;
          }
      }

      /* アニメーション効果 */
      .article_wrap {
          animation: fadeInUp 0.6s ease-out;
      }

      @keyframes fadeInUp {
          from {
              opacity: 0;
              transform: translateY(30px);
          }

          to {
              opacity: 1;
              transform: translateY(0);
          }
      }

      table {
          animation: fadeIn 0.8s ease-out 0.2s both;
      }

      @keyframes fadeIn {
          from {
              opacity: 0;
          }

          to {
              opacity: 1;
          }
      }