@charset "UTF-8";

	img.wp-smiley, img.emoji {
		display: inline !important;
		border: none !important;
		box-shadow: none !important;
		height: 1em !important;
		width: 1em !important;
		margin: 0 0.07em !important;
		vertical-align: -0.1em !important;
		background: none !important;
		padding: 0 !important;
	}
         @keyframes claude-pulse {
        0% {
          box-shadow: 
            inset 0 0 10px rgba(217, 119, 87, 0.5),
            inset 0 0 20px rgba(217, 119, 87, 0.3),
            inset 0 0 30px rgba(217, 119, 87, 0.1);
        }
        50% {
          box-shadow: 
            inset 0 0 15px rgba(217, 119, 87, 0.7),
            inset 0 0 25px rgba(217, 119, 87, 0.5),
            inset 0 0 35px rgba(217, 119, 87, 0.2);
        }
        100% {
          box-shadow: 
            inset 0 0 10px rgba(217, 119, 87, 0.5),
            inset 0 0 20px rgba(217, 119, 87, 0.3),
            inset 0 0 30px rgba(217, 119, 87, 0.1);
        }
      }
      .jhi-section { padding: 48px 24px; border-bottom: 1px solid #e0e0e0; }
  .jhi-menu-header { background: #2563a8; color: white; padding: 16px 24px; border-radius: 6px; margin-bottom: 24px; font-size: 1.3em; font-weight: bold; }
  .jhi-catch { background: #ffffff; padding: 20px 24px; border-radius: 6px; text-align: center; font-size: 1.2em; font-weight: bold; color: #2563a8; margin-bottom: 8px; }
  .jhi-subcatch { text-align: center; color: #555; margin-bottom: 28px; font-size: 0.95em; }
  .jhi-box-title { background: #2563a8; color: white; padding: 10px 18px; border-radius: 4px; margin: 24px 0 12px; font-weight: bold; font-size: 1em; }
  .jhi-worries-list { list-style: none; padding: 0; }
  .jhi-worries-list li { padding: 8px 0 8px 28px; position: relative; border-bottom: 1px dashed #ccc; }
  .jhi-worries-list li::before { content: "✓"; color: #2563a8; position: absolute; left: 0; font-weight: bold; }
  .jhi-table { width: 100%; border-collapse: collapse; margin: 12px 0 20px; }
  .jhi-table th { background: #2563a8; color: white; padding: 10px 14px; text-align: center; border: 1px solid #1a4a8a; }
  .jhi-table td { padding: 10px 14px; border: 1px solid #ccc; }
  .jhi-table tr:not(:first-child) td { background: #ffffff; }
  .jhi-note { font-size: 0.85em; color: #666; margin: 6px 0; }
  .jhi-faq-q { color: #2563a8; font-weight: bold; margin-top: 20px; margin-bottom: 4px; }
  .jhi-faq-a { background: #ffffff; border-left: 4px solid #2563a8; padding: 12px 16px; border-radius: 0 4px 4px 0; margin-bottom: 16px; }
  .jhi-caution { background: #fff8e1; border: 1px solid #f0c040; border-radius: 6px; padding: 14px 18px; margin: 16px 0; }
  .jhi-caution-title { font-weight: bold; margin-bottom: 8px; color: #b8860b; }
  .jhi-step-title { color: #2563a8; font-weight: bold; border-bottom: 2px solid #2563a8; padding-bottom: 4px; margin: 24px 0 12px; }
  .jhi-green-header { background: #2e8b57; color: white; padding: 16px 24px; border-radius: 6px; margin-bottom: 24px; font-size: 1.3em; font-weight: bold; }
  .jhi-pink-header { background: #c2498a; color: white; padding: 16px 24px; border-radius: 6px; margin-bottom: 24px; font-size: 1.3em; font-weight: bold; }
  .jhi-orange-header { background: #e07b39; color: white; padding: 16px 24px; border-radius: 6px; margin-bottom: 24px; font-size: 1.3em; font-weight: bold; }
  .jhi-recommend-list { list-style: none; padding: 0; }
  .jhi-recommend-list li { padding: 8px 0 8px 28px; position: relative; }
  .jhi-recommend-list li::before { content: "●"; color: #2563a8; position: absolute; left: 0; }
  .jhi-set-box { background: #fff0f5; border: 1px solid #f0a0c0; border-radius: 6px; padding: 14px 18px; margin: 12px 0; }
  .jhi-set-box-title { font-weight: bold; color: #c2498a; margin-bottom: 8px; }
  .jhi-notices { font-size: 0.83em; color: #666; line-height: 1.7; margin-top: 12px; }

    #jhi-anchor-nav {
      background: none;
      border: none;
      border-radius: 0;
      padding: 24px 24px 8px;
      margin: 0;
    }
    #jhi-anchor-nav ul {
      list-style: none;
      padding: 0;
      margin: 30px auto 0;
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 10px;
    }
    #jhi-anchor-nav ul li a {
      display: flex;
      align-items: center;
      justify-content: space-between;
      color: #2563a8;
      text-decoration: none;
      font-weight: bold;
      font-size: 0.88em;
      padding: 11px 14px;
      border: 1px solid #b0c8e8;
      border-radius: 6px;
      background: #f4f8ff;
      gap: 6px;
      transition: background 0.2s;
    }
    #jhi-anchor-nav ul li a:hover {
      background: #ddeeff;
    }
    #jhi-anchor-nav ul li a .jhi-down {
      flex-shrink: 0;
      font-size: 1em;
      color: #2563a8;
    }
    .jhi-menu-header {
      scroll-margin-top: 80px;
    }

  /* テーブルラッパー（全幅共通） */
  .jhi-table-wrap {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    margin: 12px 0 20px;
  }
  .jhi-table-wrap .jhi-table {
    margin: 0;
  }

  /* ===== SP: 767px以下 ===== */
  @media screen and (max-width: 767px) {

    /* アンカーナビ：1列に */
    #jhi-anchor-nav {
      padding: 16px 16px 8px;
    }
    #jhi-anchor-nav ul {
      grid-template-columns: 1fr;
      gap: 8px;
    }
    #jhi-anchor-nav ul li a {
      font-size: 0.92em;
      padding: 12px 14px;
    }

    /* セクション */
    .jhi-section {
      padding: 28px 16px;
    }

    /* メニューヘッダー */
    .jhi-menu-header {
      font-size: 1em;
      padding: 12px 16px;
      line-height: 1.4;
    }

    /* キャッチ */
    .jhi-catch {
      font-size: 1em;
      padding: 14px 16px;
    }

    /* ボックスタイトル */
    .jhi-box-title {
      font-size: 0.92em;
      padding: 9px 14px;
    }

    /* ステップタイトル */
    .jhi-step-title {
      font-size: 0.92em;
    }

    /* テーブル：横スクロール */
    .jhi-table-wrap {
      margin: 10px 0 16px;
    }
    .jhi-table-wrap .jhi-table {
      min-width: 480px;
    }
    .jhi-table th,
    .jhi-table td {
      font-size: 0.82em;
      padding: 7px 10px;
    }

    /* FAQ */
    .jhi-faq-q {
      font-size: 0.92em;
    }
    .jhi-faq-a {
      font-size: 0.88em;
      padding: 10px 12px;
    }

    /* 注意ボックス */
    .jhi-caution {
      padding: 12px 14px;
      font-size: 0.88em;
    }

    /* 注意書き */
    .jhi-notices {
      font-size: 0.78em;
    }

    /* リスト */
    .jhi-worries-list li,
    .jhi-recommend-list li {
      font-size: 0.92em;
    }
  }

  /* ===== 極小SP: 480px以下 ===== */
  @media screen and (max-width: 480px) {
    .jhi-menu-header {
      font-size: 0.92em;
    }
    .jhi-catch {
      font-size: 0.92em;
    }
    #jhi-anchor-nav ul li a {
      font-size: 0.88em;
    }
  }


.p-mainMenu__list {
    display: flex;
    flex-wrap: wrap;       /* 折り返しを許可 */
    justify-content: center; /* これで2段目の3つも中央に寄ります */
    gap: .4375rem;
    
    /* 4つ並んだ時の最大幅を指定することで、5つ目が自動で下に落ちるようにする */
    /* 計算式：(カード幅 * 4) + (隙間 * 3) */
    max-width: calc((11.5625rem * 4) + (.4375rem * 3));
    margin-inline: auto;
    margin-block-start: 1.875rem;
}

.p-mainMenu__list li {
    flex: 0 0 11.5625rem; /* 幅を固定 */
    height: 9.6875rem;
    box-shadow: 0 1px 16px #80c1e4;
    border-radius: .625rem;
    list-style: none;
}
.parice-inner {
    padding-bottom: 30px;
}
.p-mainMenu__list li:nth-of-type(7) {
    display: block !important;
}
@media screen and (max-width: 767px) {
    .p-mainMenu__list {
        /* 最大幅を「2つ分」のサイズに制限して、2列にする */
        max-width: calc((10.5625rem * 2) + .4375rem);
        margin-block-start: 5.875rem;
    }
    .p-mainMenu__list li {
    flex: 0 0 10.5625rem; /* 幅を固定 */
}

}