@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;
  }
}
/**
 * Children
 */
.p-pageRdSectionOverview-content {
  display: flex;
  flex-direction: column;
  font-family: "midashi", "Noto Sans JP", YuGothic, "游ゴシック", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  font-weight: 500;
}
@media screen and (min-width: 768px) {
  .p-pageRdSectionOverview-content {
    gap: 2.5rem;
  }
}
@media screen and (max-width:767px) {
  .p-pageRdSectionOverview-content {
    gap: 2.8571428571rem;
  }
}

.p-pageRdSectionOverview-title {
  color: #000;
  line-height: 1.49;
}
@media screen and (min-width: 768px) {
  .p-pageRdSectionOverview-title {
    font-size: 2.5rem;
  }
}
@media screen and (max-width:767px) {
  .p-pageRdSectionOverview-title {
    font-size: 2rem;
  }
}

.p-pageRdSectionOverview-text {
  color: #242424;
  font-feature-settings: "palt" 1;
  line-height: 1.8;
}
@media screen and (min-width: 768px) {
  .p-pageRdSectionOverview-text {
    font-size: 1.5rem;
  }
}
@media screen and (max-width:767px) {
  .p-pageRdSectionOverview-text {
    font-size: 1.2857142857rem;
  }
}

/* SP 用の改行は 500px 以下でのみ適用する */
@media screen and (min-width: 501px) {
  .p-pageRdSectionOverview-brSp {
    display: none;
  }
}

/*
 * Override: ベールのモーション（VeilReveal.ts / PageRdCommon.scss）
 * 既存との差分: 緩急。共通の expo.out だとこの文章は早く現れすぎるため、少しゆっくりな easeOutQuart にする（時間は共通の 2.5 秒のまま）
 */
@media (prefers-reduced-motion: no-preference) {
  .p-pageRdSectionOverview-content[data-veil-reveal] {
    transition-timing-function: cubic-bezier(0.25, 1, 0.5, 1);
  }
}
/**
 * Component
 */
@media screen and (max-width:767px) {
  .p-pageRdSectionPublication {
    gap: 2.8571428571rem;
  }
}
.p-pageRdSectionPublication {
  /* SP の見出しは他セクションより大きい（32px / 行間 0.924） */
}
@media screen and (max-width:767px) {
  .p-pageRdSectionPublication .c-headingSection.rd .c-headingSection-title {
    font-size: 2.2857142857rem;
    line-height: 0.924;
  }
}

/**
 * Children
 */
.p-pageRdSectionPublication-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.p-pageRdSectionPublication-button {
  display: flex;
}
@media screen and (min-width: 768px) {
  .p-pageRdSectionPublication-button {
    justify-content: flex-end;
    margin-top: 3.75rem;
  }
}
@media screen and (max-width:767px) {
  .p-pageRdSectionPublication-button {
    margin-top: 4.2857142857rem;
  }
}

/**
 * Override: ListItemNews（.rd）
 * 既存との差分: 日付列の幅・左余白・日付と本文の間隔、SP の日付サイズ
 */
.c-listItemNews.rd .c-listItemNews-content {
  grid-template-columns: max-content 1fr;
  padding-right: 0;
}
@media screen and (min-width: 768px) {
  .c-listItemNews.rd .c-listItemNews-content {
    align-items: center;
    column-gap: 3.75rem;
  }
}
@media screen and (max-width:767px) {
  .c-listItemNews.rd .c-listItemNews-content {
    column-gap: 2.8571428571rem;
    margin-block: 1.0714285714rem 1.1428571429rem;
  }
}
.c-listItemNews.rd .c-listItemNews-date {
  margin-left: 0;
}
@media screen and (min-width: 768px) {
  .c-listItemNews.rd .c-listItemNews-date {
    line-height: 0.924;
  }
}
@media screen and (max-width:767px) {
  .c-listItemNews.rd .c-listItemNews-date {
    font-size: 1rem;
  }
}

/* 最終行の下余白はボタンとの間隔（60px）に含める */
.p-pageRdSectionPublication-listItem:last-child .c-listItemNews.rd .c-listItemNews-content {
  margin-bottom: 0;
}

/* リンク（inline-grid）のベースライン揃えで行の下に隙間ができないようにする（一覧とボタンの間を 60px にそろえる） */
.p-pageRdSectionPublication-listItem .c-listItemNews.rd,
.p-pageIntellectualPropertyNews-listItem .c-listItemNews.rd {
  vertical-align: top;
}

/**
 * Override: ButtonArrow（.rd）
 * 既存との差分: 最小幅 PC 270px / SP 264px
 */
@media screen and (min-width: 768px) {
  .c-buttonArrow.rd {
    min-width: 16.875rem;
  }
}
@media screen and (max-width:767px) {
  .c-buttonArrow.rd {
    min-width: 18.8571428571rem;
  }
}

/*
 * カードが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-pageIntellectualPropertyIntro-content {
  display: flex;
  flex-direction: column;
  font-family: "midashi", "Noto Sans JP", YuGothic, "游ゴシック", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  font-weight: 500;
}
@media screen and (min-width: 768px) {
  .p-pageIntellectualPropertyIntro-content {
    gap: 2.5rem;
  }
}
@media screen and (max-width:767px) {
  .p-pageIntellectualPropertyIntro-content {
    gap: 2.8571428571rem;
  }
}

.p-pageIntellectualPropertyIntro-title {
  color: #000;
  line-height: 1.49;
}
@media screen and (min-width: 768px) {
  .p-pageIntellectualPropertyIntro-title {
    font-size: 2.5rem;
  }
}
@media screen and (max-width:767px) {
  .p-pageIntellectualPropertyIntro-title {
    font-size: 2rem;
  }
}

.p-pageIntellectualPropertyIntro-text {
  color: #242424;
  font-feature-settings: "palt" 1;
  line-height: 1.8;
}
@media screen and (min-width: 768px) {
  .p-pageIntellectualPropertyIntro-text {
    font-size: 1.5rem;
  }
}
@media screen and (max-width:767px) {
  .p-pageIntellectualPropertyIntro-text {
    font-size: 1.2857142857rem;
  }
}

.p-pageIntellectualPropertyIntro-figure {
  position: relative;
  overflow: hidden;
  /* 画像の縦横比で枠の高さを決める */
}
@media screen and (min-width: 768px) {
  .p-pageIntellectualPropertyIntro-figure {
    aspect-ratio: 1840/720;
  }
}
@media screen and (max-width:767px) {
  .p-pageIntellectualPropertyIntro-figure {
    aspect-ratio: 654/420;
  }
}
@media screen and (min-width: 768px) {
  .p-pageIntellectualPropertyIntro-figure {
    margin-top: 5rem;
    border-radius: 0.25rem;
  }
}
@media screen and (max-width:767px) {
  .p-pageIntellectualPropertyIntro-figure {
    margin-top: 4.2857142857rem;
    border-radius: 0.2857142857rem;
  }
}
.p-pageIntellectualPropertyIntro-figure .c-imagePicture {
  display: block;
  height: 100%;
}
.p-pageIntellectualPropertyIntro-figure .c-imagePicture-img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/**
 * Component
 */
.p-pageIntellectualPropertyNav {
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  .p-pageIntellectualPropertyNav {
    gap: 2.0625rem;
    width: 14.4375rem;
  }
}
.p-pageIntellectualPropertyNav {
  /* 画面幅に応じて広がりすぎないよう、実寸の 340px までにする */
}
@media screen and (max-width:767px) {
  .p-pageIntellectualPropertyNav {
    gap: 1.7142857143rem;
    max-width: 340px;
  }
}

/**
 * Children
 */
.p-pageIntellectualPropertyNav-policy {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px dashed #7B7B7B;
  color: #242424;
  font-weight: 500;
  line-height: 1.8;
  font-feature-settings: "palt" 1;
  text-decoration: none;
}
@media screen and (min-width: 768px) {
  .p-pageIntellectualPropertyNav-policy {
    padding: 0 0.125rem 1rem;
    font-size: 1rem;
  }
}
@media screen and (max-width:767px) {
  .p-pageIntellectualPropertyNav-policy {
    padding: 0 0.1428571429rem 0.5714285714rem;
    font-size: 1rem;
  }
}
.p-pageIntellectualPropertyNav-policy .c-boxArrow--external {
  padding-block: 0;
}

/**
 * ページ内リンク
 * ホバー時は沿革ページのナビと同じく、文字が上に抜けて下から同じ文字が入る
 * （MotionSplitText が 1.35em 移動するため、行の高さと影のコピー位置を 1.35em にそろえる）
 */
.p-pageIntellectualPropertyNav-list {
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
  list-style: none;
}
@media screen and (min-width: 768px) {
  .p-pageIntellectualPropertyNav-list {
    gap: 0.71875rem;
  }
}
@media screen and (max-width:767px) {
  .p-pageIntellectualPropertyNav-list {
    gap: 0.7357142857rem;
  }
}

.p-pageIntellectualPropertyNav-link {
  display: flex;
  align-items: flex-start;
  color: #242424;
  text-decoration: none;
}
@media screen and (min-width: 768px) {
  .p-pageIntellectualPropertyNav-link {
    gap: 0.375rem;
  }
}
@media screen and (max-width:767px) {
  .p-pageIntellectualPropertyNav-link {
    gap: 0.8571428571rem;
  }
}

.p-pageIntellectualPropertyNav-icon {
  flex-shrink: 0;
  background: url("/assets/img/intellectual_property/1x/icon-anchor.svg") center/contain no-repeat;
  /* 1行目の文字の中央に合わせる（行の高さ 1.35em） */
}
@media screen and (min-width: 768px) {
  .p-pageIntellectualPropertyNav-icon {
    width: 0.9375rem;
    height: 0.9375rem;
    margin-top: 0.20625rem;
  }
}
@media screen and (max-width:767px) {
  .p-pageIntellectualPropertyNav-icon {
    width: 1.2857142857rem;
    height: 1.2857142857rem;
    margin-top: 0.0321428571rem;
  }
}

.p-pageIntellectualPropertyNav-text {
  display: flex;
  overflow: hidden;
  font-weight: 500;
  line-height: 1.35;
  font-feature-settings: "palt" 1;
}
@media screen and (min-width: 768px) {
  .p-pageIntellectualPropertyNav-text {
    font-size: 1rem;
    letter-spacing: -0.02em;
  }
}
@media screen and (max-width:767px) {
  .p-pageIntellectualPropertyNav-text {
    font-size: 1rem;
  }
}
.p-pageIntellectualPropertyNav-text {
  /* 分割後の段落（inline-block）間に空白が入らないよう flex で並べる */
}
.p-pageIntellectualPropertyNav-text > span {
  display: flex;
  flex-wrap: wrap;
  color: transparent;
  text-shadow: 0 0 0 #242424, 0 1.35em 0 #242424;
}

/* PC は「知的財産・模倣品対策 / に関するお知らせ」の2行で折り返す */
@media screen and (min-width: 768px) {
  .p-pageIntellectualPropertyNav-item:nth-child(4) .p-pageIntellectualPropertyNav-text {
    max-width: 10em;
  }
}

/* 分割時に改行位置へ挿入される空白を詰める（SP で1行に並べたときに空きが出るため） */
.p-pageIntellectualPropertyNav-text .space {
  display: none !important;
}

/* JS で分割される前（読み込み直後）も SP は1行で表示する */
@media screen and (max-width:767px) {
  .p-pageIntellectualPropertyNav-brPc {
    display: none;
  }
}

/** アクセントの赤（図版内の矢印・ラベル） */
/** 円図の塗り */
/** 円図（意匠・特許・商標）のサイズ指定: 図の幅を基準にしたコンテナ単位で拡縮する */
/**
 * Component
 */
.p-pageIntellectualPropertyStrategy {
  color: #242424;
}

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

.p-pageIntellectualPropertyStrategy-list {
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  .p-pageIntellectualPropertyStrategy-list {
    gap: 10rem;
    margin-top: 6.25rem;
  }
}
@media screen and (max-width:767px) {
  .p-pageIntellectualPropertyStrategy-list {
    gap: 5.7142857143rem;
    margin-top: 4.2857142857rem;
  }
}

.p-pageIntellectualPropertyStrategy-item {
  display: flex;
  flex-direction: column;
}

.p-pageIntellectualPropertyStrategy-head {
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  .p-pageIntellectualPropertyStrategy-head {
    gap: 0.625rem;
  }
}
@media screen and (max-width:767px) {
  .p-pageIntellectualPropertyStrategy-head {
    gap: 0.7142857143rem;
  }
}

.p-pageIntellectualPropertyStrategy-number {
  color: #7B7B7B;
  font-family: "Roboto", YuGothic, "游ゴシック", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  line-height: 1.08;
}
@media screen and (min-width: 768px) {
  .p-pageIntellectualPropertyStrategy-number {
    font-size: 0.875rem;
  }
}
@media screen and (max-width:767px) {
  .p-pageIntellectualPropertyStrategy-number {
    font-size: 0.8571428571rem;
  }
}

.p-pageIntellectualPropertyStrategy-heading {
  font-weight: 500;
  font-feature-settings: "palt" 1;
}
@media screen and (min-width: 768px) {
  .p-pageIntellectualPropertyStrategy-heading {
    font-size: 1.75rem;
    line-height: 1.44;
  }
}
@media screen and (max-width:767px) {
  .p-pageIntellectualPropertyStrategy-heading {
    font-size: 1.4285714286rem;
    line-height: 1.6;
  }
}

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

@media screen and (min-width: 768px) {
  .p-pageIntellectualPropertyStrategy-text {
    margin-top: 2.25rem;
  }
}
@media screen and (max-width:767px) {
  .p-pageIntellectualPropertyStrategy-text {
    order: 2;
    margin-top: 2.8571428571rem;
  }
}

/* 02〜04 の SP は図から本文までを 24px にする */
@media screen and (max-width:767px) {
  .p-pageIntellectualPropertyStrategy-item:not(.-brand) .p-pageIntellectualPropertyStrategy-text {
    margin-top: 1.7142857143rem;
  }
}

/* PC は本文の下、SP は見出しの直後に図を置く */
@media screen and (min-width: 768px) {
  .p-pageIntellectualPropertyStrategy-figure {
    margin-top: 3rem;
  }
}
@media screen and (max-width:767px) {
  .p-pageIntellectualPropertyStrategy-figure {
    order: 1;
    margin-top: 2.8571428571rem;
  }
}

/**
 * 01: ブランドの図
 * PC: 左に見出し・本文（上下中央揃え）、右に図
 */
@media screen and (min-width: 768px) {
  .p-pageIntellectualPropertyStrategy-item.-brand {
    display: grid;
    grid-template-columns: minmax(0, 27.5rem) 23.0625rem;
    grid-template-rows: 1fr auto auto 1fr;
    grid-template-areas: ". figure" "head figure" "text figure" ". figure" "count count" "framework framework" "box box";
    justify-content: space-between;
    column-gap: 2.5rem;
  }
}
.p-pageIntellectualPropertyStrategy-item.-brand .p-pageIntellectualPropertyStrategy-head {
  grid-area: head;
}
.p-pageIntellectualPropertyStrategy-item.-brand .p-pageIntellectualPropertyStrategy-text {
  grid-area: text;
}
@media screen and (max-width:767px) {
  .p-pageIntellectualPropertyStrategy-item.-brand .p-pageIntellectualPropertyStrategy-block,
  .p-pageIntellectualPropertyStrategy-item.-brand .p-pageIntellectualPropertyStrategy-diagram {
    order: 3;
  }
}
.p-pageIntellectualPropertyStrategy-item.-brand {
  /* タブレット: 2カラムでは本文の幅が足りないため、SP と同じく見出し・本文 → 図 → 件数… の縦積みにする */
}
@media screen and (min-width: 768px) and (max-width: 1079px) {
  .p-pageIntellectualPropertyStrategy-item.-brand {
    display: flex;
    flex-direction: column;
  }
}

.p-pageIntellectualPropertyStrategy-brandFigure {
  grid-area: figure;
  position: relative;
}
@media screen and (min-width: 768px) {
  .p-pageIntellectualPropertyStrategy-brandFigure {
    width: 23.0625rem;
    height: 24.05rem;
  }
}
@media screen and (max-width:767px) {
  .p-pageIntellectualPropertyStrategy-brandFigure {
    order: 1;
    width: 18.0714285714rem;
    height: 18.8571428571rem;
    margin: 2.8571428571rem auto 0;
  }
}
@media screen and (min-width: 768px) and (max-width: 1079px) {
  .p-pageIntellectualPropertyStrategy-brandFigure {
    margin: 5rem auto 0;
  }
}
.p-pageIntellectualPropertyStrategy-brandFigure {
  /* 図の外周（装飾の点線）は枠からはみ出して配置する */
}
.p-pageIntellectualPropertyStrategy-brandFigure .c-imagePicture-img {
  position: absolute;
  max-width: none;
  height: auto;
}
@media screen and (min-width: 768px) {
  .p-pageIntellectualPropertyStrategy-brandFigure .c-imagePicture-img {
    top: -3.275625rem;
    left: -3.149375rem;
    width: 29.336875rem;
  }
}
@media screen and (max-width:767px) {
  .p-pageIntellectualPropertyStrategy-brandFigure .c-imagePicture-img {
    top: -2.5685714286rem;
    left: 50%;
    width: 23.0085714286rem;
    transform: translateX(-50%);
  }
}

.p-pageIntellectualPropertyStrategy-block {
  border-top: 1px dashed #7B7B7B;
}
@media screen and (min-width: 768px) {
  .p-pageIntellectualPropertyStrategy-block {
    display: flex;
    justify-content: space-between;
    gap: 2.5rem;
    padding-top: 2rem;
  }
}
@media screen and (max-width:767px) {
  .p-pageIntellectualPropertyStrategy-block {
    display: flex;
    flex-direction: column;
    padding-top: 2.2857142857rem;
  }
}
.p-pageIntellectualPropertyStrategy-block {
  /* タブレット: 見出しと数値・本文を横に並べる幅が足りないため、SP と同じく縦積みにする */
}
@media screen and (min-width: 768px) and (max-width: 1079px) {
  .p-pageIntellectualPropertyStrategy-block {
    flex-direction: column;
  }
}
.p-pageIntellectualPropertyStrategy-block.-count {
  grid-area: count;
}
@media screen and (min-width: 768px) {
  .p-pageIntellectualPropertyStrategy-block.-count {
    margin-top: 5rem;
  }
}
@media screen and (max-width:767px) {
  .p-pageIntellectualPropertyStrategy-block.-count {
    gap: 1.4285714286rem;
    margin-top: 2.8571428571rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1079px) {
  .p-pageIntellectualPropertyStrategy-block.-count {
    gap: 1.25rem;
  }
}
.p-pageIntellectualPropertyStrategy-block.-framework {
  grid-area: framework;
}
@media screen and (min-width: 768px) {
  .p-pageIntellectualPropertyStrategy-block.-framework {
    margin-top: 3.75rem;
  }
}
@media screen and (max-width:767px) {
  .p-pageIntellectualPropertyStrategy-block.-framework {
    gap: 0.5714285714rem;
    margin-top: 4.2857142857rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1079px) {
  .p-pageIntellectualPropertyStrategy-block.-framework {
    gap: 1rem;
  }
}

.p-pageIntellectualPropertyStrategy-blockHead {
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  .p-pageIntellectualPropertyStrategy-blockHead {
    gap: 0.5rem;
  }
}
@media screen and (max-width:767px) {
  .p-pageIntellectualPropertyStrategy-blockHead {
    gap: 0.7142857143rem;
  }
}

.p-pageIntellectualPropertyStrategy-blockTitle {
  font-weight: 500;
  line-height: 1.8;
  font-feature-settings: "palt" 1;
}
@media screen and (min-width: 768px) {
  .p-pageIntellectualPropertyStrategy-blockTitle {
    flex-shrink: 0;
    width: 19.6875rem;
    font-size: 1.5rem;
  }
}
@media screen and (max-width:767px) {
  .p-pageIntellectualPropertyStrategy-blockTitle {
    font-size: 1.2857142857rem;
  }
}

@media screen and (min-width: 768px) {
  .p-pageIntellectualPropertyStrategy-blockText {
    width: 28.75rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1079px) {
  .p-pageIntellectualPropertyStrategy-blockText {
    width: auto;
  }
}

.p-pageIntellectualPropertyStrategy-countSub {
  color: #7B7B7B;
  line-height: 1.5;
}
@media screen and (min-width: 768px) {
  .p-pageIntellectualPropertyStrategy-countSub {
    font-size: 0.75rem;
  }
}
@media screen and (max-width:767px) {
  .p-pageIntellectualPropertyStrategy-countSub {
    font-size: 0.8571428571rem;
  }
}

/* 右カラム（PC 460px）の中央に数値を置き、注記は数値の右端に揃える */
.p-pageIntellectualPropertyStrategy-count {
  display: grid;
  justify-content: center;
  justify-items: end;
}
@media screen and (min-width: 768px) {
  .p-pageIntellectualPropertyStrategy-count {
    flex-shrink: 0;
    width: 28.75rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1079px) {
  .p-pageIntellectualPropertyStrategy-count {
    width: auto;
  }
}
@media screen and (max-width:767px) {
  .p-pageIntellectualPropertyStrategy-count {
    row-gap: 0.5714285714rem;
  }
}

.p-pageIntellectualPropertyStrategy-countValue {
  display: flex;
  align-items: flex-end;
}
@media screen and (min-width: 768px) {
  .p-pageIntellectualPropertyStrategy-countValue {
    gap: 0.4035rem;
  }
}
@media screen and (max-width:767px) {
  .p-pageIntellectualPropertyStrategy-countValue {
    gap: 0.4611428571rem;
  }
}

/* 「約」「件」は Figma の文字枠の幅（約 26px / 件 31.377px）を取り、数字との間隔を合わせる */
.p-pageIntellectualPropertyStrategy-countUnit {
  line-height: 1.6;
}
@media screen and (min-width: 768px) {
  .p-pageIntellectualPropertyStrategy-countUnit {
    font-size: 1.60425rem;
  }
}
@media screen and (max-width:767px) {
  .p-pageIntellectualPropertyStrategy-countUnit {
    font-size: 1.4285714286rem;
  }
}
@media screen and (min-width: 768px) {
  .p-pageIntellectualPropertyStrategy-countUnit:first-child {
    min-width: 1.625rem;
  }
}
@media screen and (max-width:767px) {
  .p-pageIntellectualPropertyStrategy-countUnit:first-child {
    min-width: 1.8571428571rem;
  }
}
@media screen and (min-width: 768px) {
  .p-pageIntellectualPropertyStrategy-countUnit:last-child {
    min-width: 1.9610625rem;
  }
}
@media screen and (max-width:767px) {
  .p-pageIntellectualPropertyStrategy-countUnit:last-child {
    min-width: 2.2412142857rem;
  }
}

.p-pageIntellectualPropertyStrategy-countNumber {
  font-family: Roboto, "Roboto", YuGothic, "游ゴシック", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  font-weight: 200;
  line-height: 1;
  letter-spacing: -0.03em;
}
@media screen and (min-width: 768px) {
  .p-pageIntellectualPropertyStrategy-countNumber {
    font-size: 5.75rem;
  }
}
@media screen and (max-width:767px) {
  .p-pageIntellectualPropertyStrategy-countNumber {
    font-size: 5.1428571429rem;
  }
}

.p-pageIntellectualPropertyStrategy-countNote {
  line-height: 1.5;
  /* 右端は「件」の文字枠の右端から PC 5.3px / SP 5.64px 内側 */
}
@media screen and (min-width: 768px) {
  .p-pageIntellectualPropertyStrategy-countNote {
    margin-right: 0.33125rem;
    font-size: 0.75rem;
  }
}
@media screen and (max-width:767px) {
  .p-pageIntellectualPropertyStrategy-countNote {
    margin-right: 0.4028571429rem;
    font-size: 0.8571428571rem;
  }
}

/**
 * 01: 知的財産の役割・機能 / 03: 作らせない・入れさせない・売らせない（画像）
 */
.p-pageIntellectualPropertyStrategy-diagram .c-imagePicture-img {
  display: block;
  width: 100%;
  height: auto;
}
.p-pageIntellectualPropertyStrategy-diagram.-roles {
  grid-area: box;
}
@media screen and (min-width: 768px) {
  .p-pageIntellectualPropertyStrategy-diagram.-roles {
    margin-top: 2rem;
  }
}
@media screen and (max-width:767px) {
  .p-pageIntellectualPropertyStrategy-diagram.-roles {
    margin-top: 2.2857142857rem;
  }
}

/**
 * 02: 意匠・特許・商標の円図
 * 図の幅を基準に拡縮する（PC: 横並び / SP: 三角形の配置）
 */
.p-pageIntellectualPropertyStrategy-rights {
  position: relative;
  margin: 0;
  padding: 0;
  list-style: none;
  container-type: inline-size;
}
@media screen and (min-width: 768px) {
  .p-pageIntellectualPropertyStrategy-rights {
    aspect-ratio: 920/352.86;
  }
}
@media screen and (max-width:767px) {
  .p-pageIntellectualPropertyStrategy-rights {
    width: 85.5198776758%;
    aspect-ratio: 279.65/303.45;
    margin: 0 auto;
    opacity: 0.85;
  }
}
.p-pageIntellectualPropertyStrategy-rights {
  /* 外周の点線（Figma の書き出し。重なる位置の切れ目を含む。すべての塗りより手前に描く） */
}
.p-pageIntellectualPropertyStrategy-rights::after {
  content: "";
  position: absolute;
  z-index: 1;
  background: url("/assets/img/intellectual_property/1x/rights-rings.svg") 0 0/100% 100% no-repeat;
  pointer-events: none;
}
@media screen and (min-width: 768px) {
  .p-pageIntellectualPropertyStrategy-rights::after {
    top: 0;
    left: 0;
    width: 100cqw;
    height: 38.3695652174cqw;
  }
}
@media screen and (max-width:767px) {
  .p-pageIntellectualPropertyStrategy-rights::after {
    top: 0;
    left: -2.059717504cqw;
    width: 102.9858752011cqw;
    height: 109.0649025568cqw;
    background-image: url("/assets/img/intellectual_property/sp/rights-rings.svg");
  }
}

.p-pageIntellectualPropertyStrategy-right {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  aspect-ratio: 1;
  text-align: center;
  /* 塗り */
}
.p-pageIntellectualPropertyStrategy-right::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  border-radius: 50%;
  background-color: #f4f4f4;
}
.p-pageIntellectualPropertyStrategy-right > * {
  position: relative;
  z-index: 2;
}
.p-pageIntellectualPropertyStrategy-right {
  /* 塗りの円: PC はわずかに縦長（316.62 × 318.64） */
}
@media screen and (min-width: 768px) {
  .p-pageIntellectualPropertyStrategy-right {
    width: 34.4152173913cqw;
    aspect-ratio: 316.62/318.64;
  }
  .p-pageIntellectualPropertyStrategy-right.-design {
    top: 1.8597826087cqw;
    left: 1.1097826087cqw;
  }
  .p-pageIntellectualPropertyStrategy-right.-patent {
    top: 1.7739130435cqw;
    left: 32.8260869565cqw;
  }
  .p-pageIntellectualPropertyStrategy-right.-trademark {
    top: 1.8597826087cqw;
    left: 64.475cqw;
  }
}
@media screen and (max-width:767px) {
  .p-pageIntellectualPropertyStrategy-right {
    width: 57.1428571429cqw;
  }
  .p-pageIntellectualPropertyStrategy-right.-design {
    top: 25.8358662614cqw;
    left: -0.5506883605cqw;
  }
  .p-pageIntellectualPropertyStrategy-right.-patent {
    top: 1.5733953156cqw;
    left: 42.3350616842cqw;
  }
  .p-pageIntellectualPropertyStrategy-right.-trademark {
    top: 50.0554264259cqw;
    left: 41.7486143394cqw;
  }
}

.p-pageIntellectualPropertyStrategy-rightLabel {
  color: #e94d3f;
  font-weight: 500;
  line-height: 1.8;
}
@media screen and (min-width: 768px) {
  .p-pageIntellectualPropertyStrategy-rightLabel {
    margin-bottom: 0.8695652174cqw;
    font-size: 1.847826087cqw;
  }
}
@media screen and (max-width:767px) {
  .p-pageIntellectualPropertyStrategy-rightLabel {
    margin-bottom: 1.2515644556cqw;
    font-size: 3.0395136778cqw;
  }
}

.p-pageIntellectualPropertyStrategy-rightCount {
  display: flex;
  align-items: flex-end;
}
@media screen and (min-width: 768px) {
  .p-pageIntellectualPropertyStrategy-rightCount {
    gap: 0.4347826087cqw;
    margin-bottom: 1.3043478261cqw;
  }
}
@media screen and (max-width:767px) {
  .p-pageIntellectualPropertyStrategy-rightCount {
    gap: 0.7151796889cqw;
    margin-bottom: 2.1455390667cqw;
  }
}

.p-pageIntellectualPropertyStrategy-rightNumber {
  font-family: "Roboto", YuGothic, "游ゴシック", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  font-weight: 300;
  line-height: 1;
  letter-spacing: -0.03em;
}
@media screen and (min-width: 768px) {
  .p-pageIntellectualPropertyStrategy-rightNumber {
    font-size: 7.6086956522cqw;
  }
}
@media screen and (max-width:767px) {
  .p-pageIntellectualPropertyStrategy-rightNumber {
    font-size: 11.0852851779cqw;
  }
}

.p-pageIntellectualPropertyStrategy-rightUnit {
  line-height: 1.73;
}
@media screen and (min-width: 768px) {
  .p-pageIntellectualPropertyStrategy-rightUnit {
    font-size: 1.847826087cqw;
  }
}
@media screen and (max-width:767px) {
  .p-pageIntellectualPropertyStrategy-rightUnit {
    font-size: 2.6926515287cqw;
  }
}

.p-pageIntellectualPropertyStrategy-rightText {
  font-weight: 500;
  line-height: 1.8;
}
@media screen and (min-width: 768px) {
  .p-pageIntellectualPropertyStrategy-rightText {
    font-size: 1.7391304348cqw;
  }
}
@media screen and (max-width:767px) {
  .p-pageIntellectualPropertyStrategy-rightText {
    font-size: 3.0395136778cqw;
  }
}

.p-pageIntellectualPropertyStrategy-rightNote {
  color: #7B7B7B;
  line-height: 1.5;
}
@media screen and (min-width: 768px) {
  .p-pageIntellectualPropertyStrategy-rightNote {
    font-size: 1.3043478261cqw;
    line-height: 1.8;
  }
}
@media screen and (max-width:767px) {
  .p-pageIntellectualPropertyStrategy-rightNote {
    font-size: 2.4316109422cqw;
  }
}

/**
 * 04: 好循環の図
 */
.p-pageIntellectualPropertyStrategy-cycle .c-imagePicture-img {
  display: block;
  width: 100%;
  height: auto;
}

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

/**
 * Children
 */
.p-pageIntellectualPropertyAi-title {
  font-weight: 500;
  font-feature-settings: "palt" 1;
}
@media screen and (min-width: 768px) {
  .p-pageIntellectualPropertyAi-title {
    padding-top: 1.25rem;
    font-size: 2.25rem;
    line-height: 1.1;
  }
}
@media screen and (max-width:767px) {
  .p-pageIntellectualPropertyAi-title {
    font-size: 2rem;
    line-height: 1.6;
  }
}

.p-pageIntellectualPropertyAi-figure {
  position: relative;
  overflow: hidden;
  /* 画像の縦横比で枠の高さを決める */
}
@media screen and (min-width: 768px) {
  .p-pageIntellectualPropertyAi-figure {
    aspect-ratio: 1840/780;
  }
}
@media screen and (max-width:767px) {
  .p-pageIntellectualPropertyAi-figure {
    aspect-ratio: 654/436;
  }
}
@media screen and (min-width: 768px) {
  .p-pageIntellectualPropertyAi-figure {
    margin-top: 5rem;
    border-radius: 0.25rem;
  }
}
@media screen and (max-width:767px) {
  .p-pageIntellectualPropertyAi-figure {
    margin-top: 4.2857142857rem;
    border-radius: 0.2857142857rem;
  }
}
.p-pageIntellectualPropertyAi-figure .c-imagePicture {
  display: block;
  height: 100%;
}
.p-pageIntellectualPropertyAi-figure .c-imagePicture-img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.p-pageIntellectualPropertyAi-subtitle {
  font-weight: 500;
  font-feature-settings: "palt" 1;
}
@media screen and (min-width: 768px) {
  .p-pageIntellectualPropertyAi-subtitle {
    margin-top: 5rem;
    font-size: 1.75rem;
    line-height: 1.44;
  }
}
@media screen and (max-width:767px) {
  .p-pageIntellectualPropertyAi-subtitle {
    margin-top: 4.2857142857rem;
    font-size: 1.2857142857rem;
    line-height: 1.6;
  }
}

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

/** 知財活動の流れ（画像） */
@media screen and (min-width: 768px) {
  .p-pageIntellectualPropertyAi-diagram {
    margin-top: 3rem;
  }
}
@media screen and (max-width:767px) {
  .p-pageIntellectualPropertyAi-diagram {
    margin-top: 4.2857142857rem;
  }
}
.p-pageIntellectualPropertyAi-diagram .c-imagePicture-img {
  display: block;
  width: 100%;
  height: auto;
}

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

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

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

.p-pageIntellectualPropertyCases-links {
  display: flex;
  margin-bottom: 0;
  padding: 0;
  list-style: none;
}
@media screen and (min-width: 768px) {
  .p-pageIntellectualPropertyCases-links {
    flex-wrap: wrap;
    gap: 1.25rem 2.5rem;
    margin-top: 3rem;
  }
}
@media screen and (max-width:767px) {
  .p-pageIntellectualPropertyCases-links {
    flex-direction: column;
    gap: 1.7142857143rem;
    margin-top: 2.2857142857rem;
  }
}

.p-pageIntellectualPropertyCases-lead {
  font-weight: 500;
  line-height: 1.8;
  font-feature-settings: "palt" 1;
}
@media screen and (min-width: 768px) {
  .p-pageIntellectualPropertyCases-lead {
    margin-top: 5rem;
    font-size: 0.875rem;
  }
}
@media screen and (max-width:767px) {
  .p-pageIntellectualPropertyCases-lead {
    margin-top: 4.5714285714rem;
    font-size: 1rem;
  }
}

.p-pageIntellectualPropertyCases-button {
  display: flex;
}
@media screen and (min-width: 768px) {
  .p-pageIntellectualPropertyCases-button {
    margin-top: 1.25rem;
  }
}
@media screen and (max-width:767px) {
  .p-pageIntellectualPropertyCases-button {
    margin-top: 1.4285714286rem;
  }
}

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

.p-pageIntellectualPropertyNews-list {
  margin-bottom: 0;
  padding: 0;
  list-style: none;
}
@media screen and (min-width: 768px) {
  .p-pageIntellectualPropertyNews-list {
    margin-top: 2.5rem;
  }
}
@media screen and (max-width:767px) {
  .p-pageIntellectualPropertyNews-list {
    margin-top: 4.2857142857rem;
  }
}

/* Override: ListItemNews（.rd）: SP の日付は研究発表一覧（14px）より小さい 12px */
@media screen and (max-width:767px) {
  .p-pageIntellectualPropertyNews .c-listItemNews.rd .c-listItemNews-date {
    font-size: 0.8571428571rem;
  }
}

/* 最終行の下余白はボタンとの間隔（60px）に含める */
.p-pageIntellectualPropertyNews-listItem:last-child .c-listItemNews.rd .c-listItemNews-content {
  margin-bottom: 0;
}

.p-pageIntellectualPropertyNews-button {
  display: flex;
}
@media screen and (min-width: 768px) {
  .p-pageIntellectualPropertyNews-button {
    justify-content: flex-end;
    margin-top: 3.75rem;
  }
}
@media screen and (max-width:767px) {
  .p-pageIntellectualPropertyNews-button {
    margin-top: 4.2857142857rem;
  }
}

/**
 * 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;
  }
}

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

.p-pageIntellectualPropertyFaq-list {
  margin-bottom: 0;
  padding: 0;
  list-style: none;
}
@media screen and (min-width: 768px) {
  .p-pageIntellectualPropertyFaq-list {
    margin-top: 2.5rem;
  }
}
@media screen and (max-width:767px) {
  .p-pageIntellectualPropertyFaq-list {
    margin-top: 1.4285714286rem;
  }
}

/* PC: 質問の下 5px + 項目の間 20px（Figma の項目間隔 65px） */
@media screen and (min-width: 768px) {
  .p-pageIntellectualPropertyFaq-item + .p-pageIntellectualPropertyFaq-item {
    margin-top: 1.25rem;
  }
}

.p-pageIntellectualPropertyFaq-answer {
  display: flex;
  flex-direction: column;
  color: #242424;
  line-height: 1.8;
  font-feature-settings: "palt" 1;
}
@media screen and (min-width: 768px) {
  .p-pageIntellectualPropertyFaq-answer {
    gap: 0.5rem;
    font-size: 0.875rem;
  }
}
@media screen and (max-width:767px) {
  .p-pageIntellectualPropertyFaq-answer {
    gap: 0.5714285714rem;
    font-size: 0.9285714286rem;
  }
}

.p-pageIntellectualPropertyFaq-link {
  display: flex;
}
@media screen and (min-width: 768px) {
  .p-pageIntellectualPropertyFaq-link {
    margin-top: 0.5rem;
  }
}
@media screen and (max-width:767px) {
  .p-pageIntellectualPropertyFaq-link {
    margin-top: 0.5714285714rem;
  }
}
@media screen and (max-width:767px) {
  .p-pageIntellectualPropertyFaq-link .c-linkArrowUnderline.rd {
    width: 100%;
  }
}

/**
 * Override: ListAccordionItem（.rd）
 * 既存との差分: 点線の区切り、「Q」の表示、文字サイズ・太さ、＋/－アイコン、ホバー時は背景・字下げなしで下線
 */
.c-listAccordionItem.rd {
  border-top: 1px dashed #7B7B7B;
  backdrop-filter: none;
}
@media screen and (min-width: 768px) {
  .c-listAccordionItem.rd .c-listAccordionItem-button {
    gap: 2rem;
    padding: 1.25rem 1.875rem 0.3125rem 0;
  }
}
@media screen and (max-width:767px) {
  .c-listAccordionItem.rd .c-listAccordionItem-button {
    gap: 1.1428571429rem;
    padding: 1.7142857143rem 0;
  }
}
.c-listAccordionItem.rd .c-listAccordionItem-text {
  flex-direction: row;
  align-items: flex-start;
  text-align: left;
}
@media screen and (min-width: 768px) {
  .c-listAccordionItem.rd .c-listAccordionItem-text {
    gap: 2rem;
  }
}
@media screen and (max-width:767px) {
  .c-listAccordionItem.rd .c-listAccordionItem-text {
    gap: 0.5714285714rem;
  }
}
.c-listAccordionItem.rd .c-listAccordionItem-text::before {
  content: "Q";
  flex-shrink: 0;
  color: #7B7B7B;
  font-family: "Roboto", YuGothic, "游ゴシック", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  font-weight: 700;
  line-height: 1;
  /* PC は「Q」の行の高さを Figma（18px）に合わせ、質問文（19.2px）より高くならないようにする */
}
@media screen and (min-width: 768px) {
  .c-listAccordionItem.rd .c-listAccordionItem-text::before {
    width: 1.8125rem;
    font-size: 1.25rem;
    line-height: 0.9;
  }
}
@media screen and (max-width:767px) {
  .c-listAccordionItem.rd .c-listAccordionItem-text::before {
    width: 1.4285714286rem;
    font-size: 1.4285714286rem;
  }
}
.c-listAccordionItem.rd .c-listAccordionItem-title {
  color: #252525;
  font-weight: 600;
  letter-spacing: -0.02em;
  font-feature-settings: "palt" 1;
}
@media screen and (min-width: 768px) {
  .c-listAccordionItem.rd .c-listAccordionItem-title {
    font-size: 1rem;
    line-height: 1.2;
  }
}
@media screen and (max-width:767px) {
  .c-listAccordionItem.rd .c-listAccordionItem-title {
    font-size: 1rem;
    line-height: 1.4;
  }
}
.c-listAccordionItem.rd {
  /* ＋（開いているときは －） */
}
.c-listAccordionItem.rd .c-listAccordionItem-icon {
  position: relative;
  flex-shrink: 0;
  transform: none;
}
.c-listAccordionItem.rd .c-listAccordionItem-icon::before, .c-listAccordionItem.rd .c-listAccordionItem-icon::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #242424;
  transition: transform 0.3s ease;
}
.c-listAccordionItem.rd .c-listAccordionItem-icon::after {
  transform: rotate(90deg);
}
@media screen and (min-width: 768px) {
  .c-listAccordionItem.rd .c-listAccordionItem-icon {
    width: 1.125rem;
    height: 1.125rem;
  }
}
.c-listAccordionItem.rd .c-listAccordionItem-icon {
  /* SP: 質問文が複数行のときも 1 行目にそろえる（上揃え・上 2px） */
}
@media screen and (max-width:767px) {
  .c-listAccordionItem.rd .c-listAccordionItem-icon {
    align-self: flex-start;
    width: 1.2857142857rem;
    height: 1.2857142857rem;
    margin-top: 0.1428571429rem;
  }
}
.c-listAccordionItem.rd[data-is-opened=true] .c-listAccordionItem-text {
  padding-left: 0;
}
.c-listAccordionItem.rd {
  /*
   * data-is-opened は閉じるアニメーションの完了後に false になるため、
   * 即時に切り替わる aria-expanded で判定し、高さの変化と同時に －→＋ に戻す
   */
}
.c-listAccordionItem.rd .c-listAccordionItem-button[aria-expanded=true] .c-listAccordionItem-icon::after {
  transform: rotate(0deg);
}
.c-listAccordionItem.rd {
  /* ホバー時は背景色・字下げではなく、ListItemNews と同じく質問文に下線を付ける */
}
.c-listAccordionItem.rd[data-is-opened] .c-listAccordionItem-button.-hover-enter, .c-listAccordionItem.rd[data-is-opened] .c-listAccordionItem-button.-hover-active {
  background: none;
}
.c-listAccordionItem.rd[data-is-opened] .c-listAccordionItem-button.-hover-enter .c-listAccordionItem-text, .c-listAccordionItem.rd[data-is-opened] .c-listAccordionItem-button.-hover-active .c-listAccordionItem-text {
  padding-left: 0;
}
.c-listAccordionItem.rd .c-listAccordionItem-title {
  transition: all 0.15s ease;
  text-decoration: underline;
  text-decoration-color: transparent;
  text-decoration-thickness: 1px;
  text-underline-offset: 2px;
}
@media (hover: hover) {
  .c-listAccordionItem.rd .c-listAccordionItem-button:hover .c-listAccordionItem-title {
    text-decoration-color: #000;
  }
}
.c-listAccordionItem.rd {
  /* PC は質問の下の余白（5px）が小さいため、回答の上に 15px 足して質問との間を 20px にする */
}
@media screen and (min-width: 768px) {
  .c-listAccordionItem.rd .c-listAccordionItem-content-inner {
    padding: 0.9375rem 1.875rem 1.5rem 3.8125rem;
  }
}
@media screen and (max-width:767px) {
  .c-listAccordionItem.rd .c-listAccordionItem-content-inner {
    padding: 0 0 1.7142857143rem 2rem;
  }
}

/* SP: 最後の質問の下に余白を取らない（開いたときは回答の上に同じ 24px を取る） */
@media screen and (max-width:767px) {
  .p-pageIntellectualPropertyFaq-item:last-child .c-listAccordionItem.rd .c-listAccordionItem-button {
    padding-bottom: 0;
  }
}
@media screen and (max-width:767px) {
  .p-pageIntellectualPropertyFaq-item:last-child .c-listAccordionItem.rd .c-listAccordionItem-content-inner {
    padding-top: 1.7142857143rem;
  }
}

/**
 * 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;
  }
}

/**
 * Component
 */
.p-pageIntellectualPropertyContact {
  background-color: #e8e8e4;
}
@media screen and (min-width: 768px) {
  .p-pageIntellectualPropertyContact {
    padding: 3.25rem 3.75rem;
    border-radius: 0.25rem;
  }
}
@media screen and (max-width:767px) {
  .p-pageIntellectualPropertyContact {
    padding: 2.8571428571rem 2.2857142857rem;
    border-radius: 0.1428571429rem;
  }
}
.p-pageIntellectualPropertyContact {
  /* 見出し: SP はサブタイトル 10px / タイトル 20px・2行の間 4px（-medium の指定より詳細度を上げる） */
}
.p-pageIntellectualPropertyContact .c-headingSection.-medium .c-headingSection-title {
  line-height: 0.924;
}
@media screen and (max-width:767px) {
  .p-pageIntellectualPropertyContact .c-headingSection.-medium .c-headingSection-title {
    margin-top: 0.2857142857rem;
    font-size: 1.4285714286rem;
    line-height: 1.08;
  }
}
@media screen and (max-width:767px) {
  .p-pageIntellectualPropertyContact .c-headingSection.-medium .c-headingSection-subtitle {
    font-size: 0.7142857143rem;
  }
}

/**
 * Children
 */
.p-pageIntellectualPropertyContact-list {
  display: flex;
  margin-bottom: 0;
  padding: 0;
  list-style: none;
}
@media screen and (min-width: 768px) {
  .p-pageIntellectualPropertyContact-list {
    gap: 0.75rem;
    margin-top: 2.3125rem;
  }
}
@media screen and (max-width:767px) {
  .p-pageIntellectualPropertyContact-list {
    flex-direction: column;
    gap: 0.8571428571rem;
    margin-top: 2.6428571429rem;
  }
}

@media screen and (min-width: 768px) {
  .p-pageIntellectualPropertyContact-item {
    flex: 1;
  }
}
.p-pageIntellectualPropertyContact-item {
  /**
   * Override: ButtonArrow（.rd / light）
   * 既存との差分: 和文の太さ、PC は高さ 70px のカード状（矢印ボックス 40px）、SP は高さ 60px
   */
}
.p-pageIntellectualPropertyContact-item .c-buttonArrow.rd {
  font-family: "Noto Sans JP", YuGothic, "游ゴシック", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  font-weight: 500;
}
@media screen and (min-width: 768px) {
  .p-pageIntellectualPropertyContact-item .c-buttonArrow.rd {
    width: 100%;
    min-width: 0;
    height: 4.375rem;
    padding: 0 2rem;
  }
}
@media screen and (max-width:767px) {
  .p-pageIntellectualPropertyContact-item .c-buttonArrow.rd {
    height: 4.2857142857rem;
  }
}
@media screen and (min-width: 768px) {
  .p-pageIntellectualPropertyContact-item .c-buttonArrow.rd .c-buttonArrow-icon {
    width: 2.5rem;
    height: 1.29375rem;
  }
}

/**
 * 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;
  }
}

/**
 * 知的財産件数の数値用（このページでのみ読み込む）
 */
@font-face {
  font-family: Roboto;
  src: url("/assets/font/Roboto-ExtraLight.woff2") format("woff2"), url("/assets/font/Roboto-ExtraLight.woff") format("woff"), url("/assets/font/Roboto-ExtraLight.ttf") format("truetype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
/**
 * 意匠・特許・商標の件数の数値用（Figma: Roboto Light。ファイルがないと 300 指定でも ExtraLight で表示されるため読み込む）
 */
@font-face {
  font-family: Roboto;
  src: url("/assets/font/Roboto-Light.woff2") format("woff2"), url("/assets/font/Roboto-Light.woff") format("woff"), url("/assets/font/Roboto-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
/** 左カラム（ページ内ナビ）の幅 */
@media screen and (min-width: 768px) {
  .p-intellectualProperty {
    padding-bottom: 16.25rem;
  }
}
@media screen and (max-width:767px) {
  .p-intellectualProperty {
    padding-bottom: 8.5714285714rem;
  }
}

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

@media screen and (min-width: 768px) {
  .p-intellectualProperty-column.-intro {
    max-width: calc(min(23.96vw, 21.5625rem) + 57.5rem);
    margin-top: 9.625rem;
    padding-left: min(23.96vw, 21.5625rem);
  }
}
@media screen and (max-width:767px) {
  .p-intellectualProperty-column.-intro {
    margin-top: 8.5714285714rem;
  }
}
.p-intellectualProperty-column.-intro {
  /* タブレット: ナビを本文の上に置くため、左カラム分の字下げをなくす */
}
@media screen and (min-width: 768px) and (max-width: 1079px) {
  .p-intellectualProperty-column.-intro {
    max-width: none;
    padding-left: 0;
  }
}

/* PC: 左にページ内ナビ（追従）、右に本文 / SP: ナビ → 本文の縦積み */
@media screen and (min-width: 768px) {
  .p-intellectualProperty-layout {
    display: grid;
    grid-template-columns: min(23.96vw, 21.5625rem) minmax(0, 57.5rem);
    margin-top: 12.5rem;
  }
}
@media screen and (max-width:767px) {
  .p-intellectualProperty-layout {
    display: flex;
    flex-direction: column;
    gap: 8.5714285714rem;
    margin-top: 8.5714285714rem;
  }
}
.p-intellectualProperty-layout {
  /* タブレット: 左カラムでは本文の幅が足りないため、SP と同じくナビ → 本文の縦積みにする */
}
@media screen and (min-width: 768px) and (max-width: 1079px) {
  .p-intellectualProperty-layout {
    display: flex;
    flex-direction: column;
    gap: 7.5rem;
  }
}

.p-intellectualProperty-side {
  /* ナビを画面下方に吸着させるため、列の下端に配置する */
}
@media screen and (min-width: 768px) {
  .p-intellectualProperty-side {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding-right: 1.25rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1079px) {
  .p-intellectualProperty-side {
    padding-right: 0;
  }
}
@media screen and (min-width: 768px) {
  .p-intellectualProperty-side .p-pageIntellectualPropertyNav {
    position: sticky;
    bottom: 2.5rem;
    max-width: 100%;
  }
}
.p-intellectualProperty-side .p-pageIntellectualPropertyNav {
  /* タブレット: 縦積みのため追従させない */
}
@media screen and (min-width: 768px) and (max-width: 1079px) {
  .p-intellectualProperty-side .p-pageIntellectualPropertyNav {
    position: static;
  }
}

.p-intellectualProperty-main {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
@media screen and (min-width: 768px) {
  .p-intellectualProperty-main {
    gap: 12.5rem;
  }
}
@media screen and (max-width:767px) {
  .p-intellectualProperty-main {
    gap: 8.5714285714rem;
  }
}
.p-intellectualProperty-main {
  /* ページ内リンクの移動先: 固定ヘッダーに隠れないようにする */
}
@media screen and (min-width: 768px) {
  .p-intellectualProperty-main > [id] {
    scroll-margin-top: calc(60px + 2.5rem);
  }
}
@media screen and (max-width:767px) {
  .p-intellectualProperty-main > [id] {
    scroll-margin-top: calc(60px + 2.8571428571rem);
  }
}

/* お知らせ以降（お知らせ・注意喚起・よくあるご質問・お問い合わせ） */
.p-intellectualProperty-info {
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  .p-intellectualProperty-info .p-pageIntellectualPropertyCopy {
    margin-top: 8.75rem;
  }
}
@media screen and (max-width:767px) {
  .p-intellectualProperty-info .p-pageIntellectualPropertyCopy {
    margin-top: 8.5714285714rem;
  }
}
@media screen and (min-width: 768px) {
  .p-intellectualProperty-info .p-pageIntellectualPropertyFaq,
  .p-intellectualProperty-info .p-pageIntellectualPropertyFraud {
    margin-top: 10rem;
  }
}
@media screen and (max-width:767px) {
  .p-intellectualProperty-info .p-pageIntellectualPropertyFaq,
  .p-intellectualProperty-info .p-pageIntellectualPropertyFraud {
    margin-top: 8.5714285714rem;
  }
}
@media screen and (min-width: 768px) {
  .p-intellectualProperty-info .p-pageIntellectualPropertyContact {
    margin-top: 7.5rem;
  }
}
@media screen and (max-width:767px) {
  .p-intellectualProperty-info .p-pageIntellectualPropertyContact {
    margin-top: 8.5714285714rem;
  }
}

.p-intellectualProperty-divider {
  width: 100%;
  height: 0;
  margin: 0;
  border: none;
  border-top: 1px dashed #7B7B7B;
}
@media screen and (min-width: 768px) {
  .p-intellectualProperty-divider {
    margin-top: 8.75rem;
  }
}
@media screen and (max-width:767px) {
  .p-intellectualProperty-divider {
    margin-top: 8.5714285714rem;
  }
}

/**
 * Override: ButtonArrow（.rd）
 * PageRdSectionPublication の .rd（最小幅）との差分: 高さ 60px、PC は幅を内容に合わせる
 */
@media screen and (min-width: 768px) {
  .p-pageIntellectualPropertyCases-button .c-buttonArrow.rd,
  .p-pageIntellectualPropertyNews-button .c-buttonArrow.rd {
    gap: 1.5rem;
    min-width: 0;
    height: 3.75rem;
  }
}
@media screen and (max-width:767px) {
  .p-pageIntellectualPropertyCases-button .c-buttonArrow.rd,
  .p-pageIntellectualPropertyNews-button .c-buttonArrow.rd {
    height: 4.2857142857rem;
  }
}

.p-pageIntellectualPropertyCases-button .c-buttonArrow.rd {
  font-family: "Noto Sans JP", YuGothic, "游ゴシック", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
}
@media screen and (max-width:767px) {
  .p-pageIntellectualPropertyCases-button .c-buttonArrow.rd {
    font-size: 0.8571428571rem;
  }
}