@charset "UTF-8";
/* stylelint-disable color-hex-case */
/**
 * 本文（通常）
 */
/**
 * リンク
 */
/**
 * 大見出し（h2）
 */
/**
 * 研究開発（/rd/ 配下）・知財創出体制ページ共通
 */
/* 長音・小書きの仮名を行頭に置かない（Figma の改行に合わせる） */
.p-rd,
.p-rdField,
.p-rdProcess,
.p-rdDevelopmentSystem,
.p-intellectualProperty {
  line-break: strict;
}

/**
 * Override: HeadingSection（ページタイトル .-h1.rd）
 * 既存との差分: PC 文字サイズ 100px・字間 -2px、行間 0.924
 * 既存の -h1 の指定より詳細度を上げ、CSS の読み込み順に左右されないようにする
 * SP の文字サイズは既存（56px）のままだが、PageRdSection のセクション見出し用の .rd（SP 28px）が当たらないよう明示する
 */
.c-headingSection.-h1.rd .c-headingSection-title {
  line-height: 0.924;
}
@media screen and (min-width: 768px) {
  .c-headingSection.-h1.rd .c-headingSection-title {
    font-size: 6.25rem;
    letter-spacing: -0.125rem;
  }
}
@media screen and (max-width:767px) {
  .c-headingSection.-h1.rd .c-headingSection-title {
    font-size: 4rem;
  }
}

/**
 * Override: LinkArrowUnderline（.rd）
 * 既存との差分: 文字の行の高さを Figma（1.8）に合わせる
 * ホバー時に文字を 1.35em 送るため、行の高さ（1.35）は変えず、切り抜き範囲の外側に上下の余白を足す
 */
.c-linkArrowUnderline.rd .c-linkArrowUnderline-text-wrapper {
  margin-block: 0.225em;
}

/*
 * 導入画像のイントロモーション（IntroImage.ts）の開始状態
 * スクリプトの実行前に画像が一瞬表示されないよう CSS で隠しておく。動きを減らす設定では最初から表示する
 */
@media (prefers-reduced-motion: no-preference) {
  [data-intro-image] img {
    opacity: 0;
    transform: translate3d(0, 0, 0) scale(1.2);
    backface-visibility: hidden;
  }
}
/*
 * ベールが剥がれるように表示するモーション（VeilReveal.ts）
 * 左上が不透明・右下が透明の斜めのマスクを要素の 2.2 倍の大きさで敷き、右下（透明）から左上（不透明）へ動かす。
 * 2.2 倍にすると、境目（ぼかし幅を含む）が要素の左上の角のすぐ外から動き出し、右下の角のすぐ外で止まる（動き出しの待ちがない）。
 * 時間・緩急は導入画像のイントロモーション（IntroImage.ts の縮小: 2.5秒・expo.out）と同じ。動きを減らす設定では最初から表示する
 */
@media (prefers-reduced-motion: no-preference) {
  [data-veil-reveal] {
    mask-image: linear-gradient(135deg, #000 46%, transparent 54%);
    mask-repeat: no-repeat;
    mask-position: 100% 100%;
    mask-size: 220% 220%;
    transition: mask-position 2.5s cubic-bezier(0.16, 1, 0.3, 1);
  }
  [data-veil-reveal].is-revealed {
    mask-position: 0 0;
  }
}
/*
 * カードが1列になる画面幅（タブレット〜PC 1408px）
 * PC のカードは 478px 固定で、2列に並ぶのは画面幅がおよそ 1386px（スクロールバーなし）〜1409px（17px）以上のとき。
 * スクロールバーの幅を含めても1列のままの範囲をすべて対象にする
 */
/**
 * Override: TheRelated（.rd）
 * 既存との差分: 上下余白、PC の中身の最大幅、カード高さ 180px・正方形画像、矢印をカード右下に配置、説明文のウェイト
 */
@media screen and (min-width: 768px) {
  .c-theRelated.rd {
    padding: 7.5rem 0 7.5625rem 2.5rem;
  }
}
@media screen and (max-width:767px) {
  .c-theRelated.rd {
    margin-top: 0;
    padding: 4.5714285714rem 1.7142857143rem 5.7142857143rem;
  }
}
.c-theRelated.rd {
  /* 1列のとき: 右側にも 40px の余白を取る */
}
@media screen and (min-width: 768px) and (max-width: 1408px) {
  .c-theRelated.rd {
    padding-right: 2.5rem;
  }
}
.c-theRelated.rd {
  /* PC: 見出しをページ本文（左 40px）と同じ位置から始め、カードの右端を本文の右端にそろえる */
}
@media screen and (min-width: 768px) {
  .c-theRelated.rd .c-theRelated-inner {
    max-width: 87.5rem;
  }
}
@media screen and (min-width: 768px) {
  .c-theRelated.rd .c-theRelated-list {
    gap: 3.75rem;
  }
}
.c-theRelated.rd {
  /* 1列のとき: 各カードの横幅を「研究開発 TOP」と同じ全幅にそろえる */
}
@media screen and (min-width: 768px) and (max-width: 1408px) {
  .c-theRelated.rd .c-theRelated-listItem {
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  .c-theRelated.rd .c-cardCorporateInfoLinks {
    height: 11.25rem;
  }
}
@media screen and (max-width:767px) {
  .c-theRelated.rd .c-cardCorporateInfoLinks {
    height: auto;
  }
}
.c-theRelated.rd {
  /* 説明文を折り返すため、本文エリアを縮めて残り幅に収める */
}
.c-theRelated.rd .c-cardCorporateInfoLinks-content {
  flex-shrink: 1;
  min-width: 0;
}
@media screen and (max-width:767px) {
  .c-theRelated.rd .c-cardCorporateInfoLinks-content {
    padding-top: 0.7142857143rem;
  }
}
.c-theRelated.rd .c-cardCorporateInfoLinks-main {
  justify-content: flex-start;
}
@media screen and (max-width:767px) {
  .c-theRelated.rd .c-cardCorporateInfoLinks-main {
    position: static;
    margin-top: 0.2857142857rem;
  }
}
.c-theRelated.rd .c-cardCorporateInfoLinks-main .c-boxArrow {
  order: 1;
  align-self: flex-end;
  margin-top: auto;
}
@media screen and (min-width: 768px) {
  .c-theRelated.rd .c-cardCorporateInfoLinks-main .c-boxArrow {
    width: 3.375rem;
    height: 1.75rem;
    padding: 0;
  }
}
@media screen and (max-width:767px) {
  .c-theRelated.rd .c-cardCorporateInfoLinks-main .c-boxArrow {
    position: static;
    margin-top: 0.7142857143rem;
  }
}
@media screen and (max-width:767px) {
  .c-theRelated.rd .c-cardCorporateInfoLinks-titleWrapper {
    padding-right: 0;
  }
}
@media screen and (min-width: 768px) {
  .c-theRelated.rd .c-cardCorporateInfoLinks-title {
    line-height: 0.9;
    margin-block: -0.25rem;
  }
}
.c-theRelated.rd .c-cardCorporateInfoLinks-description {
  font-weight: 500;
}
@media screen and (min-width: 768px) {
  .c-theRelated.rd .c-cardCorporateInfoLinks-description {
    margin-top: 1rem;
  }
}
@media screen and (max-width:767px) {
  .c-theRelated.rd .c-cardCorporateInfoLinks-description {
    font-size: 0.6428571429rem;
    margin-top: 0.5714285714rem;
  }
}
.c-theRelated.rd .c-cardCorporateInfoLinks-image {
  aspect-ratio: 1/1;
}
@media screen and (min-width: 768px) {
  .c-theRelated.rd .c-cardCorporateInfoLinks-image {
    width: 11.25rem;
  }
}
@media screen and (max-width:767px) {
  .c-theRelated.rd .c-cardCorporateInfoLinks-image {
    width: 6.4285714286rem;
  }
}

/**
 * Variants: TOP リンク付き（先頭カードを全幅にする）
 */
.c-theRelated.rd.-withTop {
  /* 2列のとき: 右端を2列目のカードの右端にそろえる（カード 478px × 2 + 列の間隔）。1列のときは全幅 */
}
@media screen and (min-width: 768px) {
  .c-theRelated.rd.-withTop .c-theRelated-listItem:first-child {
    width: calc(956px + 3.75rem);
  }
}
@media screen and (min-width: 768px) and (max-width: 1408px) {
  .c-theRelated.rd.-withTop .c-theRelated-listItem:first-child {
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  .c-theRelated.rd.-withTop .c-theRelated-listItem:first-child .c-cardCorporateInfoLinks-title {
    font-size: 2rem;
  }
}

/**
 * Children
 */
.p-pageIntellectualPropertyCopy-title {
  color: #242424;
  font-weight: 600;
  line-height: 1.44;
  font-feature-settings: "palt" 1;
}
@media screen and (min-width: 768px) {
  .p-pageIntellectualPropertyCopy-title {
    font-size: 1.375rem;
  }
}
@media screen and (max-width:767px) {
  .p-pageIntellectualPropertyCopy-title {
    font-size: 1.4285714286rem;
  }
}

.p-pageIntellectualPropertyCopy-list {
  display: grid;
  margin-bottom: 0;
  padding: 0;
  list-style: none;
}
@media screen and (min-width: 768px) {
  .p-pageIntellectualPropertyCopy-list {
    grid-template-columns: repeat(3, minmax(0, 18.75rem));
    justify-content: space-between;
    column-gap: 0.625rem;
    margin-top: 2.5rem;
  }
}
@media screen and (max-width:767px) {
  .p-pageIntellectualPropertyCopy-list {
    row-gap: 0.2857142857rem;
    margin-top: 1.7142857143rem;
  }
}

.p-pageIntellectualPropertyCopy-link {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #F6F6F6;
}
@media screen and (min-width: 768px) {
  .p-pageIntellectualPropertyCopy-link {
    height: 7.8125rem;
    border-radius: 0.25rem;
  }
}
@media screen and (max-width:767px) {
  .p-pageIntellectualPropertyCopy-link {
    height: 8.9285714286rem;
    border-radius: 0.2857142857rem;
  }
}

.p-pageIntellectualPropertyCopy-logo {
  display: block;
  height: auto;
}
@media screen and (min-width: 768px) {
  .p-pageIntellectualPropertyCopy-logo.-refa {
    width: 8.6515rem;
  }
  .p-pageIntellectualPropertyCopy-logo.-sixpad {
    width: 7.5rem;
  }
  .p-pageIntellectualPropertyCopy-logo.-style {
    width: 8.125rem;
  }
}
@media screen and (max-width:767px) {
  .p-pageIntellectualPropertyCopy-logo.-refa {
    width: 9.8874285714rem;
  }
  .p-pageIntellectualPropertyCopy-logo.-sixpad {
    width: 8.5714285714rem;
  }
  .p-pageIntellectualPropertyCopy-logo.-style {
    width: 9.2857142857rem;
  }
}

/* 矢印2つを横に並べ、1つ分だけ見せる（ホバー時に右へ抜けて左から戻る。ButtonArrow と同じ構造） */
.p-pageIntellectualPropertyCopy-arrow {
  display: flex;
  position: absolute;
  align-items: center;
  justify-content: flex-end;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .p-pageIntellectualPropertyCopy-arrow {
    right: 1.125rem;
    bottom: 0.625rem;
    gap: 0.5rem;
    width: 1rem;
    height: 0.4375rem;
  }
}
@media screen and (max-width:767px) {
  .p-pageIntellectualPropertyCopy-arrow {
    right: 1.2857142857rem;
    bottom: 0.7142857143rem;
    gap: 0.5714285714rem;
    width: 1.1428571429rem;
    height: 0.5rem;
  }
}
.p-pageIntellectualPropertyCopy-arrow svg {
  display: block;
  flex: none;
  fill: none;
  stroke: #242424;
}
@media screen and (min-width: 768px) {
  .p-pageIntellectualPropertyCopy-arrow svg {
    width: 1rem;
    height: 0.4375rem;
  }
}
@media screen and (max-width:767px) {
  .p-pageIntellectualPropertyCopy-arrow svg {
    width: 1.1428571429rem;
    height: 0.5rem;
  }
}

/**
 * Component
 */
.p-pageIntellectualPropertyFraud {
  color: #242424;
}

/**
 * Children
 */
.p-pageIntellectualPropertyFraud-title {
  font-weight: 500;
  font-feature-settings: "palt" 1;
}
@media screen and (min-width: 768px) {
  .p-pageIntellectualPropertyFraud-title {
    font-size: 1.75rem;
    line-height: 1.44;
  }
}
@media screen and (max-width:767px) {
  .p-pageIntellectualPropertyFraud-title {
    font-size: 1.7142857143rem;
    line-height: 1.6;
  }
}

.p-pageIntellectualPropertyFraud-text {
  line-height: 1.8;
  font-feature-settings: "palt" 1;
}
@media screen and (min-width: 768px) {
  .p-pageIntellectualPropertyFraud-text {
    margin-top: 2rem;
    font-size: 1rem;
  }
}
@media screen and (max-width:767px) {
  .p-pageIntellectualPropertyFraud-text {
    margin-top: 1.7142857143rem;
    font-size: 0.9285714286rem;
  }
}

.p-pageIntellectualPropertyFraud-link {
  display: flex;
}
@media screen and (min-width: 768px) {
  .p-pageIntellectualPropertyFraud-link {
    margin-top: 2.5rem;
  }
}
@media screen and (max-width:767px) {
  .p-pageIntellectualPropertyFraud-link {
    flex-direction: column;
    margin-top: 2.2857142857rem;
  }
}

/**
 * Override: LinkArrowUnderline（.rd）
 * 既存との差分: 上余白なし、文字サイズ、下余白（PC 8px / SP 12px）、テキストと矢印の間隔
 */
.c-linkArrowUnderline.rd {
  margin-top: 0;
  font-feature-settings: "palt" 1;
}
@media screen and (min-width: 768px) {
  .c-linkArrowUnderline.rd {
    column-gap: 1rem;
    padding: 0 0.125rem 0.5rem;
    font-size: 0.9375rem;
  }
}
@media screen and (max-width:767px) {
  .c-linkArrowUnderline.rd {
    column-gap: 1.1428571429rem;
    padding: 0 0.1428571429rem 0.8571428571rem;
    font-size: 1rem;
  }
}

/** 左カラムの幅（知財創出体制ページのページ内ナビと同じ。本文はその右から始める） */
/** 本文の色・グレーの箱の背景 */
/** 写真の列の間隔（Figma: 21.65px / SP 12px） */
/**
 * Component
 */
.p-intellectualPropertySub {
  color: #242424;
  line-break: strict;
}
@media screen and (min-width: 768px) {
  .p-intellectualPropertySub {
    padding-bottom: 15rem;
  }
}
@media screen and (max-width:767px) {
  .p-intellectualPropertySub {
    padding-bottom: 8.5714285714rem;
  }
}

.p-intellectualPropertySub-inner {
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .p-intellectualPropertySub-inner {
    max-width: 90rem;
    padding: 2.5rem 2.5rem 0;
  }
}
@media screen and (max-width:767px) {
  .p-intellectualPropertySub-inner {
    padding: 1.4285714286rem 1.7142857143rem 0;
  }
}

/* ページタイトル（Figma: PC 80px / SP 44px の見出しゴシック） */
.p-intellectualPropertySub-title {
  margin-bottom: 0;
  font-family: "midashi", "Noto Sans JP", YuGothic, "游ゴシック", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  font-weight: 500;
  font-feature-settings: "palt" 1;
}
@media screen and (min-width: 768px) {
  .p-intellectualPropertySub-title {
    margin-top: 6.875rem;
    font-size: 5rem;
    line-height: 1.49;
  }
}
@media screen and (max-width:767px) {
  .p-intellectualPropertySub-title {
    margin-top: 7.1428571429rem;
    font-size: 3.1428571429rem;
    line-height: 0.924;
    letter-spacing: -0.02em;
  }
}

@media screen and (min-width: 768px) {
  .p-intellectualPropertySub-body {
    margin-top: 8.875rem;
  }
}
@media screen and (max-width:767px) {
  .p-intellectualPropertySub-body {
    margin-top: 8.5714285714rem;
  }
}

/* PC: 本文は左カラムの右（920px）。タブレットは左カラムなしで全幅 */
.p-intellectualPropertySub-section {
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  .p-intellectualPropertySub-section {
    max-width: calc(min(23.96vw, 21.5625rem) + 57.5rem);
    padding-left: min(23.96vw, 21.5625rem);
  }
}
@media screen and (min-width: 768px) and (max-width: 1079px) {
  .p-intellectualPropertySub-section {
    max-width: none;
    padding-left: 0;
  }
}
.p-intellectualPropertySub-section {
  /* ページ内リンク（ReFa の目次）の移動先: 固定ヘッダーに隠れないようにする */
}
@media screen and (min-width: 768px) {
  .p-intellectualPropertySub-section[id] {
    scroll-margin-top: calc(60px + 2.5rem);
  }
}
@media screen and (max-width:767px) {
  .p-intellectualPropertySub-section[id] {
    scroll-margin-top: calc(60px + 2.8571428571rem);
  }
}

/* セクションの区切り（Figma: PC は前後 100px で本文エリアの全幅、SP は前後 80px） */
.p-intellectualPropertySub-divider {
  width: 100%;
  height: 0;
  border: none;
  border-top: 1px dotted #7B7B7B;
}
@media screen and (min-width: 768px) {
  .p-intellectualPropertySub-divider {
    margin-block: 6.25rem;
  }
}
@media screen and (max-width:767px) {
  .p-intellectualPropertySub-divider {
    margin-block: 5.7142857143rem;
  }
}

/* SP: 注意喚起・お問い合わせの前後は 120px */
@media screen and (max-width:767px) {
  .p-intellectualPropertySub-divider:has(+ .p-intellectualPropertySub-section.-common),
  .p-intellectualPropertySub-section.-common + .p-intellectualPropertySub-divider {
    margin-block: 5.7142857143rem 8.5714285714rem;
  }
}

@media screen and (max-width:767px) {
  .p-intellectualPropertySub-section.-common + .p-intellectualPropertySub-divider {
    margin-block: 8.5714285714rem;
  }
}

/**
 * Children: 見出し・本文
 */
.p-intellectualPropertySub-heading {
  margin-bottom: 0;
  font-weight: 500;
  line-height: 1.44;
  font-feature-settings: "palt" 1;
}
@media screen and (min-width: 768px) {
  .p-intellectualPropertySub-heading {
    font-size: 2rem;
  }
}
@media screen and (max-width:767px) {
  .p-intellectualPropertySub-heading {
    font-size: 1.7142857143rem;
  }
}

.p-intellectualPropertySub-subheading {
  margin-bottom: 0;
  font-weight: 500;
  line-height: 1.8;
  font-feature-settings: "palt" 1;
}
@media screen and (min-width: 768px) {
  .p-intellectualPropertySub-subheading {
    font-size: 1.5rem;
  }
}
@media screen and (max-width:767px) {
  .p-intellectualPropertySub-subheading {
    font-size: 1.2857142857rem;
  }
}

/* 本文（事例の本文は PC 20px Medium、注意喚起ページの本文は 16px Regular） */
.p-intellectualPropertySub-text {
  font-weight: 500;
  line-height: 1.8;
  font-feature-settings: "palt" 1;
}
@media screen and (min-width: 768px) {
  .p-intellectualPropertySub-text {
    font-size: 1.25rem;
  }
}
@media screen and (max-width:767px) {
  .p-intellectualPropertySub-text {
    font-size: 1.1428571429rem;
  }
}
.p-intellectualPropertySub-text > p {
  margin-bottom: 0;
}
.p-intellectualPropertySub-text {
  /* 段落の間は 1 行空ける */
}
.p-intellectualPropertySub-text > p + p {
  margin-top: 1.8em;
}
.p-intellectualPropertySub-text.-regular {
  font-weight: 400;
}
@media screen and (min-width: 768px) {
  .p-intellectualPropertySub-text.-regular {
    font-size: 1rem;
  }
}
@media screen and (max-width:767px) {
  .p-intellectualPropertySub-text.-regular {
    font-size: 1rem;
  }
}
.p-intellectualPropertySub-text.-small {
  font-weight: 400;
}
@media screen and (min-width: 768px) {
  .p-intellectualPropertySub-text.-small {
    font-size: 1.125rem;
  }
}
@media screen and (max-width:767px) {
  .p-intellectualPropertySub-text.-small {
    font-size: 1rem;
  }
}

/* 冒頭のリード（詐欺サイトに関する注意喚起） */
.p-intellectualPropertySub-lead {
  margin-bottom: 0;
  font-family: "midashi", "Noto Sans JP", YuGothic, "游ゴシック", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  font-weight: 500;
  line-height: 1.8;
  font-feature-settings: "palt" 1;
}
@media screen and (min-width: 768px) {
  .p-intellectualPropertySub-lead {
    font-size: 1.5rem;
  }
}
@media screen and (max-width:767px) {
  .p-intellectualPropertySub-lead {
    font-size: 1.2857142857rem;
  }
}

/* 重要なお知らせ */
.p-intellectualPropertySub-notice {
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  .p-intellectualPropertySub-notice {
    gap: 1.25rem;
  }
}
@media screen and (max-width:767px) {
  .p-intellectualPropertySub-notice {
    gap: 0.8571428571rem;
  }
}

.p-intellectualPropertySub-noticeLabel {
  display: flex;
  align-items: flex-start;
  margin-bottom: 0;
  color: #e94d3f;
  font-weight: 500;
  line-height: 1.8;
}
@media screen and (min-width: 768px) {
  .p-intellectualPropertySub-noticeLabel {
    gap: 0.75rem;
    font-size: 1.125rem;
  }
}
@media screen and (max-width:767px) {
  .p-intellectualPropertySub-noticeLabel {
    gap: 0.6428571429rem;
    font-size: 1.1428571429rem;
  }
}
.p-intellectualPropertySub-noticeLabel svg {
  flex-shrink: 0;
  fill: currentColor;
}
@media screen and (min-width: 768px) {
  .p-intellectualPropertySub-noticeLabel svg {
    width: 1.875rem;
    height: 1.6875rem;
    margin-top: 0.125rem;
  }
}
@media screen and (max-width:767px) {
  .p-intellectualPropertySub-noticeLabel svg {
    width: 1.7857142857rem;
    height: 1.6071428571rem;
    margin-top: 0.1428571429rem;
  }
}

.p-intellectualPropertySub-noticeLead {
  margin-bottom: 0;
  font-weight: 500;
  line-height: 1.44;
  font-feature-settings: "palt" 1;
}
@media screen and (min-width: 768px) {
  .p-intellectualPropertySub-noticeLead {
    font-size: 2.25rem;
  }
}
@media screen and (max-width:767px) {
  .p-intellectualPropertySub-noticeLead {
    font-size: 1.7142857143rem;
  }
}

/* グレーの箱の箇条書き */
.p-intellectualPropertySub-box {
  display: flex;
  flex-direction: column;
  margin-bottom: 0;
  border-radius: 4px;
  background-color: #f6f6f6;
  font-weight: 500;
  line-height: 2.2;
  list-style: disc;
  font-feature-settings: "pwid" 1, "palt" 1;
}
@media screen and (min-width: 768px) {
  .p-intellectualPropertySub-box {
    gap: 1rem;
    padding: 2.5rem 2.5rem 2.5rem 4.375rem;
    font-size: 1.25rem;
  }
}
@media screen and (max-width:767px) {
  .p-intellectualPropertySub-box {
    gap: 2rem;
    padding: 2.4285714286rem 1.7142857143rem 2.4285714286rem 3.4285714286rem;
    font-size: 1.1428571429rem;
  }
}

/* お客様の声 */
.p-intellectualPropertySub-voices {
  display: flex;
  flex-direction: column;
  margin-bottom: 0;
  padding: 0;
  list-style: none;
}
@media screen and (min-width: 768px) {
  .p-intellectualPropertySub-voices {
    gap: 0.625rem;
  }
}
@media screen and (max-width:767px) {
  .p-intellectualPropertySub-voices {
    gap: 0.5714285714rem;
  }
}

.p-intellectualPropertySub-voice {
  display: flex;
  flex-direction: column;
  border-radius: 4px;
  background-color: #f6f6f6;
}
@media screen and (min-width: 768px) {
  .p-intellectualPropertySub-voice {
    gap: 1.5rem;
    padding: 2.5rem;
  }
}
@media screen and (max-width:767px) {
  .p-intellectualPropertySub-voice {
    gap: 1.2857142857rem;
    padding: 2.4285714286rem 1.7142857143rem;
  }
}

.p-intellectualPropertySub-voiceTag {
  margin-bottom: 0;
  font-weight: 500;
  line-height: 1.45;
}
@media screen and (min-width: 768px) {
  .p-intellectualPropertySub-voiceTag {
    font-size: 1.375rem;
  }
}
@media screen and (max-width:767px) {
  .p-intellectualPropertySub-voiceTag {
    font-size: 1.2857142857rem;
  }
}

.p-intellectualPropertySub-voiceText {
  margin-bottom: 0;
  line-height: 1.8;
}
@media screen and (min-width: 768px) {
  .p-intellectualPropertySub-voiceText {
    font-size: 1rem;
  }
}
@media screen and (max-width:767px) {
  .p-intellectualPropertySub-voiceText {
    font-size: 1rem;
  }
}

/**
 * Children: 写真
 */
.p-intellectualPropertySub-figures {
  display: grid;
  margin-bottom: 0;
  padding: 0;
  list-style: none;
}
@media screen and (min-width: 768px) {
  .p-intellectualPropertySub-figures {
    gap: 1.353125rem;
  }
}
@media screen and (max-width:767px) {
  .p-intellectualPropertySub-figures {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.8571428571rem;
  }
}
@media screen and (min-width: 768px) {
  .p-intellectualPropertySub-figures.-col3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media screen and (min-width: 768px) {
  .p-intellectualPropertySub-figures.-col4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
@media screen and (min-width: 768px) {
  .p-intellectualPropertySub-figures.-hasCaption {
    row-gap: 2.5rem;
  }
}
@media screen and (max-width:767px) {
  .p-intellectualPropertySub-figures.-hasCaption {
    row-gap: 1.7142857143rem;
  }
}

/* 複数枚で 1 つのキャプションのときは、画像の列数分の幅を占める（SP は 2 列まで） */
.p-intellectualPropertySub-figure.-span2 {
  grid-column: span 2;
}
@media screen and (max-width:767px) {
  .p-intellectualPropertySub-figure.-span2 {
    grid-column: span 2;
  }
}

@media screen and (min-width: 768px) {
  .p-intellectualPropertySub-figureImages.-span2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.p-intellectualPropertySub-figureImage.-span2 {
  grid-column: span 2;
}
@media screen and (max-width:767px) {
  .p-intellectualPropertySub-figureImage.-span2 {
    grid-column: span 2;
  }
}

.p-intellectualPropertySub-figure.-span3 {
  grid-column: span 3;
}
@media screen and (max-width:767px) {
  .p-intellectualPropertySub-figure.-span3 {
    grid-column: span 2;
  }
}

@media screen and (min-width: 768px) {
  .p-intellectualPropertySub-figureImages.-span3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

.p-intellectualPropertySub-figureImage.-span3 {
  grid-column: span 3;
}
@media screen and (max-width:767px) {
  .p-intellectualPropertySub-figureImage.-span3 {
    grid-column: span 2;
  }
}

.p-intellectualPropertySub-figure.-span4 {
  grid-column: span 4;
}
@media screen and (max-width:767px) {
  .p-intellectualPropertySub-figure.-span4 {
    grid-column: span 2;
  }
}

@media screen and (min-width: 768px) {
  .p-intellectualPropertySub-figureImages.-span4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

.p-intellectualPropertySub-figureImage.-span4 {
  grid-column: span 4;
}
@media screen and (max-width:767px) {
  .p-intellectualPropertySub-figureImage.-span4 {
    grid-column: span 2;
  }
}

.p-intellectualPropertySub-figureImages {
  display: grid;
}
@media screen and (min-width: 768px) {
  .p-intellectualPropertySub-figureImages {
    gap: 1.353125rem;
  }
}
@media screen and (max-width:767px) {
  .p-intellectualPropertySub-figureImages {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.8571428571rem;
  }
}
.p-intellectualPropertySub-figureImages.-span1 {
  grid-template-columns: minmax(0, 1fr);
}

.p-intellectualPropertySub-figureImage .c-imagePicture,
.p-intellectualPropertySub-compareItem .c-imagePicture,
.p-intellectualPropertySub-compareTableRow li .c-imagePicture {
  display: block;
}
.p-intellectualPropertySub-figureImage img,
.p-intellectualPropertySub-compareItem img,
.p-intellectualPropertySub-compareTableRow li img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 4px;
}

.p-intellectualPropertySub-caption {
  margin-bottom: 0;
  color: #7B7B7B;
  line-height: 1.8;
  text-align: center;
  font-feature-settings: "palt" 1;
}
@media screen and (min-width: 768px) {
  .p-intellectualPropertySub-caption {
    margin-top: 1.375rem;
    font-size: 0.875rem;
  }
}
@media screen and (max-width:767px) {
  .p-intellectualPropertySub-caption {
    margin-top: 1.1428571429rem;
    font-size: 0.8571428571rem;
  }
}

/* 正規品とコピー品の比較（画像の幅の比で並べる） */
.p-intellectualPropertySub-compare {
  display: flex;
  align-items: flex-start;
  margin-bottom: 0;
  padding: 0;
  list-style: none;
}
@media screen and (min-width: 768px) {
  .p-intellectualPropertySub-compare {
    gap: 1.353125rem;
  }
}
@media screen and (max-width:767px) {
  .p-intellectualPropertySub-compare {
    gap: 0.8571428571rem;
  }
}
.p-intellectualPropertySub-compare.-joined {
  gap: 0;
}
.p-intellectualPropertySub-compare.-joined img {
  border-radius: 0;
}

.p-intellectualPropertySub-compareItem {
  flex-basis: 0;
  min-width: 0;
}

/* 正規品とコピー品の比較表（SP のみ。現行サイトの表を再現） */
.p-intellectualPropertySub-compareTableHeader {
  display: flex;
  margin-bottom: 1.1428571429rem;
  padding: 0;
  list-style: none;
}
.p-intellectualPropertySub-compareTableHeader li {
  width: 50%;
  font-size: 1.1428571429rem;
  font-weight: 500;
  text-align: center;
}

.p-intellectualPropertySub-compareTableGroup {
  margin-bottom: 0;
}
.p-intellectualPropertySub-compareTableGroup + .p-intellectualPropertySub-compareTableGroup {
  margin-top: 1.1428571429rem;
}
.p-intellectualPropertySub-compareTableGroup dt {
  margin-bottom: 0.7142857143rem;
  padding-bottom: 0.4285714286rem;
  border-bottom: 1px dotted #7B7B7B;
  font-size: 1rem;
  font-weight: 500;
}
.p-intellectualPropertySub-compareTableGroup dd {
  display: flex;
  flex-direction: column;
  gap: 0.2857142857rem;
  margin: 0;
}

.p-intellectualPropertySub-compareTableRow {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.2857142857rem;
  margin-bottom: 0;
  padding: 0;
  list-style: none;
}

/**
 * Children: リンク・ボタン
 */
/*
 * 点線区切りのリンク行（正規販売店: 線は各行の下 / お問い合わせ: 線は各行の上）
 * 行の間の余白はリンク（a）の上下の余白で取り、線から線までをクリックできる範囲にする
 */
.p-intellectualPropertySub-links {
  margin-bottom: 0;
  padding: 0;
  list-style: none;
}

.p-intellectualPropertySub-linksItem {
  border-bottom: 1px dotted #7B7B7B;
}
.p-intellectualPropertySub-links.-lineTop .p-intellectualPropertySub-linksItem {
  border-top: 1px dotted #7B7B7B;
  border-bottom: none;
}

.p-intellectualPropertySub-linksLink {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  color: inherit;
  font-weight: 500;
  line-height: 1.8;
  text-decoration: none;
  font-feature-settings: "palt" 1;
}
@media screen and (min-width: 768px) {
  .p-intellectualPropertySub-linksLink {
    padding: 1.875rem 1.25rem 1.875rem 0.25rem;
    font-size: 1rem;
  }
}
@media screen and (max-width:767px) {
  .p-intellectualPropertySub-linksLink {
    padding: 1.7142857143rem 0.1428571429rem 0.8571428571rem 0.2857142857rem;
    font-size: 1.0714285714rem;
  }
}
@media screen and (max-width:767px) {
  .p-intellectualPropertySub-links.-lineTop .p-intellectualPropertySub-linksLink {
    padding-bottom: 1.7142857143rem;
  }
}
.p-intellectualPropertySub-linksLink {
  /* 線のない側（正規販売店の先頭行の上・お問い合わせの最終行の下）は、余白を後続・前の要素に重ねてレイアウトを変えない */
}
@media screen and (min-width: 768px) {
  .p-intellectualPropertySub-links:not(.-lineTop) .p-intellectualPropertySub-linksItem:first-child .p-intellectualPropertySub-linksLink {
    margin-top: -1.875rem;
  }
}
@media screen and (max-width:767px) {
  .p-intellectualPropertySub-links:not(.-lineTop) .p-intellectualPropertySub-linksItem:first-child .p-intellectualPropertySub-linksLink {
    margin-top: -1.7142857143rem;
  }
}
@media screen and (min-width: 768px) {
  .p-intellectualPropertySub-links.-lineTop .p-intellectualPropertySub-linksItem:last-child .p-intellectualPropertySub-linksLink {
    margin-bottom: -1.875rem;
  }
}
@media screen and (max-width:767px) {
  .p-intellectualPropertySub-links.-lineTop .p-intellectualPropertySub-linksItem:last-child .p-intellectualPropertySub-linksLink {
    margin-bottom: -1.7142857143rem;
  }
}
.p-intellectualPropertySub-linksLink .c-boxArrow {
  flex-shrink: 0;
}
.p-intellectualPropertySub-linksLink {
  /* ホバー時はテキストに下線（よくあるご質問の質問文と同じ） */
}
.p-intellectualPropertySub-linksLink .p-intellectualPropertySub-linksText {
  transition: text-decoration-color 0.15s ease;
  text-decoration: underline;
  text-decoration-color: transparent;
  text-decoration-thickness: 1px;
  text-underline-offset: 2px;
}
@media (hover: hover) {
  .p-intellectualPropertySub-linksLink:hover .p-intellectualPropertySub-linksText {
    text-decoration-color: currentColor;
  }
}

/* （ReFa ONLINESHOP）などは途中で改行せず、収まらないときだけ（）ごと次の行に送る */
.p-intellectualPropertySub-linksParen {
  display: inline-block;
}

@media screen and (max-width:767px) {
  .p-intellectualPropertySub-links.-lineTop .p-intellectualPropertySub-linksLink {
    font-size: 1.1428571429rem;
  }
}

.p-intellectualPropertySub-note {
  margin-bottom: 0;
  color: #7B7B7B;
  line-height: 1.8;
}
@media screen and (min-width: 768px) {
  .p-intellectualPropertySub-note {
    font-size: 0.75rem;
  }
}
@media screen and (max-width:767px) {
  .p-intellectualPropertySub-note {
    font-size: 0.8571428571rem;
  }
}

/* 下線付きリンクの並び */
.p-intellectualPropertySub-linkArrows {
  display: flex;
  margin-bottom: 0;
  padding: 0;
  list-style: none;
}
@media screen and (min-width: 768px) {
  .p-intellectualPropertySub-linkArrows {
    flex-wrap: wrap;
    gap: 1.25rem 2.5rem;
  }
}
@media screen and (max-width:767px) {
  .p-intellectualPropertySub-linkArrows {
    flex-direction: column;
    gap: 1.7142857143rem;
  }
}
@media screen and (max-width:767px) {
  .p-intellectualPropertySub-linkArrows .c-linkArrowUnderline.rd {
    width: 100%;
    justify-content: space-between;
  }
}

/* ボタン（過去事例・ギャランティーカード） */
.p-intellectualPropertySub-button {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
@media screen and (min-width: 768px) {
  .p-intellectualPropertySub-button {
    gap: 1.25rem;
  }
}
@media screen and (max-width:767px) {
  .p-intellectualPropertySub-button {
    gap: 1.4285714286rem;
  }
}
.p-intellectualPropertySub-button {
  /* 既存との差分: フォント（Figma: Noto Sans JP。知財創出体制ページの知的財産方針ボタンと同じ） */
}
.p-intellectualPropertySub-button .c-buttonArrow.rd {
  font-family: "Noto Sans JP", YuGothic, "游ゴシック", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
}
@media screen and (min-width: 768px) {
  .p-intellectualPropertySub-button .c-buttonArrow.rd {
    gap: 1.5rem;
    min-width: 18.375rem;
    height: 3.75rem;
  }
}
@media screen and (max-width:767px) {
  .p-intellectualPropertySub-button .c-buttonArrow.rd {
    min-width: 0;
    width: 18.8571428571rem;
    height: 4.2857142857rem;
    font-size: 0.8571428571rem;
  }
}

.p-intellectualPropertySub-buttonLead {
  margin-bottom: 0;
  font-weight: 500;
  line-height: 1.8;
  font-feature-settings: "palt" 1;
}
@media screen and (min-width: 768px) {
  .p-intellectualPropertySub-buttonLead {
    font-size: 0.875rem;
  }
}
@media screen and (max-width:767px) {
  .p-intellectualPropertySub-buttonLead {
    font-size: 1rem;
  }
}

/* ページ内リンクの目次（ReFa）。アイコンは知財創出体制のページ内ナビと同じ */
.p-intellectualPropertySub-toc {
  display: flex;
  flex-direction: column;
  margin-bottom: 0;
  padding: 0;
  list-style: none;
}
@media screen and (min-width: 768px) {
  .p-intellectualPropertySub-toc {
    gap: 0.375rem;
  }
}
@media screen and (max-width:767px) {
  .p-intellectualPropertySub-toc {
    gap: 0.5714285714rem;
  }
}

.p-intellectualPropertySub-tocLink {
  display: inline-flex;
  align-items: flex-start;
  color: inherit;
  font-weight: 500;
  line-height: 1.8;
  text-decoration: none;
  font-feature-settings: "palt" 1;
}
@media screen and (min-width: 768px) {
  .p-intellectualPropertySub-tocLink {
    gap: 0.75rem;
    font-size: 1rem;
  }
}
@media screen and (max-width:767px) {
  .p-intellectualPropertySub-tocLink {
    gap: 0.7142857143rem;
    font-size: 1rem;
  }
}
.p-intellectualPropertySub-tocLink::before {
  content: "";
  flex-shrink: 0;
  background: url("/assets/img/intellectual_property/1x/icon-anchor.svg") center/contain no-repeat;
}
@media screen and (min-width: 768px) {
  .p-intellectualPropertySub-tocLink::before {
    width: 1.25rem;
    height: 1.25rem;
    margin-top: 0.28125rem;
  }
}
@media screen and (max-width:767px) {
  .p-intellectualPropertySub-tocLink::before {
    width: 1.2857142857rem;
    height: 1.2857142857rem;
    margin-top: 0.2571428571rem;
  }
}
.p-intellectualPropertySub-tocLink .p-intellectualPropertySub-tocText {
  transition: text-decoration-color 0.15s ease;
  text-decoration: underline;
  text-decoration-color: transparent;
  text-decoration-thickness: 1px;
  text-underline-offset: 2px;
}
@media (hover: hover) {
  .p-intellectualPropertySub-tocLink:hover .p-intellectualPropertySub-tocText {
    text-decoration-color: currentColor;
  }
}

/* ギャランティーカードの見分け方 */
.p-intellectualPropertySub-cards {
  display: flex;
  flex-direction: column;
  margin-bottom: 0;
  padding: 0;
  list-style: none;
}
@media screen and (min-width: 768px) {
  .p-intellectualPropertySub-cards {
    gap: 0.625rem;
  }
}
@media screen and (max-width:767px) {
  .p-intellectualPropertySub-cards {
    gap: 0.5714285714rem;
  }
}

.p-intellectualPropertySub-card {
  border-radius: 4px;
  background-color: #f6f6f6;
}
@media screen and (min-width: 768px) {
  .p-intellectualPropertySub-card {
    padding: 2.5rem;
  }
}
@media screen and (max-width:767px) {
  .p-intellectualPropertySub-card {
    padding: 1.7142857143rem;
  }
}

.p-intellectualPropertySub-cardTitle {
  margin-bottom: 0;
  font-weight: 500;
  line-height: 1.45;
}
@media screen and (min-width: 768px) {
  .p-intellectualPropertySub-cardTitle {
    font-size: 1.375rem;
  }
}
@media screen and (max-width:767px) {
  .p-intellectualPropertySub-cardTitle {
    font-size: 1.2857142857rem;
  }
}

.p-intellectualPropertySub-cardText {
  margin-bottom: 0;
  line-height: 1.8;
}
@media screen and (min-width: 768px) {
  .p-intellectualPropertySub-cardText {
    margin-top: 1rem;
    font-size: 1rem;
  }
}
@media screen and (max-width:767px) {
  .p-intellectualPropertySub-cardText {
    margin-top: 0.8571428571rem;
    font-size: 1rem;
  }
}

/**
 * ブロックの間隔（Figma）
 * 見出し → 本文: PC 40px / SP 20px、本文 → 写真: PC 70px / SP 48px、
 * 重要なお知らせ → 本文: PC 80px / SP 32px、本文・箱の間: PC 40px / SP 32px
 */
@media screen and (min-width: 768px) {
  .p-intellectualPropertySub-section > * + * {
    margin-top: 2.5rem;
  }
}
@media screen and (max-width:767px) {
  .p-intellectualPropertySub-section > * + * {
    margin-top: 2.2857142857rem;
  }
}

@media screen and (max-width:767px) {
  .p-intellectualPropertySub-heading + .p-intellectualPropertySub-text {
    margin-top: 1.4285714286rem;
  }
}

@media screen and (min-width: 768px) {
  .p-intellectualPropertySub-text + .p-intellectualPropertySub-figures {
    margin-top: 4.375rem;
  }
}

@media screen and (max-width:767px) {
  .p-intellectualPropertySub-heading + .p-intellectualPropertySub-figures,
  .p-intellectualPropertySub-heading + .p-intellectualPropertySub-compare,
  .p-intellectualPropertySub-text + .p-intellectualPropertySub-figures,
  .p-intellectualPropertySub-figures + .p-intellectualPropertySub-text {
    margin-top: 3.4285714286rem;
  }
}

/* 事例と同じ大きさの本文（詐欺サイトの特徴）と箱の間は PC 32px */
@media screen and (min-width: 768px) {
  .p-intellectualPropertySub-text:not(.-regular) + .p-intellectualPropertySub-box,
  .p-intellectualPropertySub-box + .p-intellectualPropertySub-text:not(.-regular) {
    margin-top: 2rem;
  }
}

@media screen and (min-width: 768px) {
  .p-intellectualPropertySub-notice + * {
    margin-top: 5rem;
  }
}

/* 小見出し（税関差止事例）: 見出し・写真 → 小見出し PC 60px、小見出し → 本文 PC 12px */
@media screen and (min-width: 768px) {
  .p-intellectualPropertySub-subheading {
    margin-top: 3.75rem;
  }
}
@media screen and (max-width:767px) {
  .p-intellectualPropertySub-subheading {
    margin-top: 2.8571428571rem;
  }
}

@media screen and (min-width: 768px) {
  .p-intellectualPropertySub-subheading + .p-intellectualPropertySub-text {
    margin-top: 0.75rem;
  }
}
@media screen and (max-width:767px) {
  .p-intellectualPropertySub-subheading + .p-intellectualPropertySub-text {
    margin-top: 0.5714285714rem;
  }
}

@media screen and (min-width: 768px) {
  .p-intellectualPropertySub-subheading + .p-intellectualPropertySub-figures,
  .p-intellectualPropertySub-subheading + .p-intellectualPropertySub-text + .p-intellectualPropertySub-figures {
    margin-top: 2.5rem;
  }
}
@media screen and (max-width:767px) {
  .p-intellectualPropertySub-subheading + .p-intellectualPropertySub-figures,
  .p-intellectualPropertySub-subheading + .p-intellectualPropertySub-text + .p-intellectualPropertySub-figures {
    margin-top: 1.7142857143rem;
  }
}

@media screen and (min-width: 768px) {
  .p-intellectualPropertySub-links + .p-intellectualPropertySub-note {
    margin-top: 1.25rem;
  }
}
@media screen and (max-width:767px) {
  .p-intellectualPropertySub-links + .p-intellectualPropertySub-note {
    margin-top: 1.4285714286rem;
  }
}

@media screen and (min-width: 768px) {
  .p-intellectualPropertySub-figures + .p-intellectualPropertySub-button {
    margin-top: 6.25rem;
  }
}
@media screen and (max-width:767px) {
  .p-intellectualPropertySub-figures + .p-intellectualPropertySub-button {
    margin-top: 4.2857142857rem;
  }
}

/**
 * 注意喚起・事例へのリンク（全ページ共通）
 */
.p-intellectualPropertySub-common {
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  .p-intellectualPropertySub-common {
    gap: 5rem;
  }
}
@media screen and (max-width:767px) {
  .p-intellectualPropertySub-common {
    gap: 8.5714285714rem;
  }
}

/* Override: PageIntellectualPropertyCopy（.-sub）既存との差分: 見出しの大きさ・太さ（PC 28px Medium） */
@media screen and (min-width: 768px) {
  .p-pageIntellectualPropertyCopy.-sub .p-pageIntellectualPropertyCopy-title {
    font-size: 1.75rem;
    font-weight: 500;
  }
}

.p-intellectualPropertySub-casesTitle {
  margin-bottom: 0;
  font-weight: 500;
  font-feature-settings: "palt" 1;
}
@media screen and (min-width: 768px) {
  .p-intellectualPropertySub-casesTitle {
    font-size: 1.75rem;
    line-height: 1.44;
  }
}
@media screen and (max-width:767px) {
  .p-intellectualPropertySub-casesTitle {
    font-size: 2rem;
    line-height: 1.6;
  }
}

.p-intellectualPropertySub-casesLinks {
  display: flex;
  margin-bottom: 0;
  padding: 0;
  list-style: none;
}
@media screen and (min-width: 768px) {
  .p-intellectualPropertySub-casesLinks {
    flex-wrap: wrap;
    gap: 1.25rem 2.5rem;
    margin-top: 2.5rem;
  }
}
@media screen and (max-width:767px) {
  .p-intellectualPropertySub-casesLinks {
    flex-direction: column;
    gap: 1.7142857143rem;
    margin-top: 4.2857142857rem;
  }
}
@media screen and (max-width:767px) {
  .p-intellectualPropertySub-casesLinks .c-linkArrowUnderline.rd {
    width: 100%;
    justify-content: space-between;
  }
}

/* お問い合わせ */
.p-intellectualPropertySub-inquiriesText {
  margin-bottom: 0;
  line-height: 1.8;
  font-feature-settings: "palt" 1;
}
@media screen and (min-width: 768px) {
  .p-intellectualPropertySub-inquiriesText {
    margin-top: 2.5rem;
    font-size: 1rem;
  }
}
@media screen and (max-width:767px) {
  .p-intellectualPropertySub-inquiriesText {
    margin-top: 2.8571428571rem;
    font-size: 1.1428571429rem;
  }
}

@media screen and (min-width: 768px) {
  .p-intellectualPropertySub-inquiries .p-intellectualPropertySub-links {
    margin-top: 2.5rem;
  }
}
@media screen and (max-width:767px) {
  .p-intellectualPropertySub-inquiries .p-intellectualPropertySub-links {
    margin-top: 2.8571428571rem;
  }
}