/*! tailwindcss v4.1.3 | MIT License | https://tailwindcss.com */
.p-unione .c-pageHeading {
  margin-top: 40px;
  margin-block: 40px;
  display: flex;
}
@media only screen and (min-width: 1024px) {
  .p-unione .c-pageHeading {
    margin-bottom: 80px;
  }
}
.p-unione .c-pageHeading > * {
  display: flex;
}
:is(.p-unione .c-pageHeading h1, .p-unione .c-pageHeading h2, .p-unione .c-pageHeading h3, .p-unione .c-pageHeading h4) .c-pageHeading__title {
  color: #0000;
  background: url("../../../common/images/theme_pattern.jpg") center / cover no-repeat;
  -webkit-background-clip: text;
  background-clip: text;
  font-style: normal;
  line-height: 1.5;
}
.p-unione .c-pageHeading h2 .c-pageHeading__title {
  font-family: var(--_font-bold);
  font-size: 30px;
}
@media only screen and (min-width: 1024px) {
  .p-unione .c-pageHeading h2 .c-pageHeading__title {
    font-size: 48px;
    line-height: 1.66;
  }
}
.p-unione .c-pageHeading h3 .c-pageHeading__title {
  font-size: 24px;
  font-family: var(--_font-bold);
}
@media only screen and (min-width: 1024px) {
  .p-unione .c-pageHeading h3 .c-pageHeading__title {
    font-size: 32px;
  }
}
.p-unione .c-pageHeading h4 .c-pageHeading__title {
  font-size: 22px;
  font-family: var(--_font-bold);
  line-height: 1.2;
}
@media only screen and (min-width: 1024px) {
  .p-unione .c-pageHeading h4 .c-pageHeading__title {
    font-size: 28px;
    line-height: 1;
  }
}
.p-unione .c-pageHeading.-center {
  text-align: center;
  justify-content: center;
}
.p-unione .c-pageHeading.-mt-lg {
  margin-top: 80px;
}
@media only screen and (min-width: 1024px) {
  .p-unione .c-pageHeading.-mt-lg {
    margin-top: 140px;
  }
}
.p-unione .c-pageHeading.-pattern-2 .c-pageHeading__title {
  color: #0000;
  background: url("../../../common/images/theme_pattern02.jpg") center / cover no-repeat;
  -webkit-background-clip: text;
  background-clip: text;
}
.t-post-contents blockquote.tk-blockquote {
  padding-left: var(--token-spacing-4);
  color: var(--token-colors-primitive-grey-600);
  border-left: 1px solid var(--token-colors-primitive-grey-200);
}
.t-post-contents :not(:is(pre)) > code.tk-code {
  padding: var(--token-spacing-0-5) var(--token-spacing-1);
  color: var(--token-colors-primitive-grey-600);
  background-color: var(--token-colors-primitive-grey-100);
  font-size: .8em;
  font-weight: bolder;
}
.t-post-contents .tk-heading:where(h1, h2, h3, h4, h5, h6) {
  letter-spacing: 0;
  font-size: 1rem;
  line-height: 1.64;
  font-family: var(--_font-bold);
}
.t-post-contents .tk-heading:where(h1) {
  font-size: var(--token-font-size-5xl);
}
.t-post-contents .tk-heading:where(h2) {
  font-size: var(--token-font-size-2xl);
}
.t-post-contents .tk-heading:where(h3) {
  color: #5039eb;
  margin-bottom: 30px;
  font-size: 20px;
  font-style: normal;
  line-height: 1.5;
}
@media only screen and (min-width: 1024px) {
  .t-post-contents .tk-heading:where(h3) {
    margin-top: 60px;
    font-size: 32px;
    line-height: 1.7;
  }
}
.t-post-contents .tk-heading:where(h4) {
  margin-top: 30px;
  margin-bottom: 16px;
  font-size: 18px;
  font-style: normal;
  line-height: 1.5;
}
@media only screen and (min-width: 1024px) {
  .t-post-contents .tk-heading:where(h4) {
    margin-top: 40px;
    font-size: 24px;
    line-height: 1.7;
  }
}
.t-post-contents hr.tk-hr {
  border-bottom: 1px solid var(--token-colors-primitive-grey-200);
  margin-block: 0;
}
.t-post-contents .tk-image {
  margin-inline: auto;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 100%;
  margin-bottom: 10px;
  display: flex;
}
@media only screen and (min-width: 1024px) {
  .t-post-contents .tk-image {
    border-radius: 12px;
    width: auto;
    margin-bottom: 12px;
  }
}
.t-post-contents a.tk-link {
  color: #06c;
  text-decoration: underline;
}
.t-post-contents a.tk-link:hover {
  opacity: .8;
}
.t-post-contents a.tk-link[href$=".pdf"]:after {
  content: "";
  background-image: url("https://tire.bridgestone.co.jp/common/images/ico_pdf01.png");
  background-repeat: no-repeat;
  background-size: contain;
  justify-content: center;
  align-items: center;
  width: 1.1em;
  height: 1.1em;
  margin-inline: .5em .25em;
  display: inline-flex;
  transform: translateY(-50%);
}
:is(.t-post-contents ul, .t-post-contents ol).tk-desc, :is(.t-post-contents ul, .t-post-contents ol).tk-decimal {
  margin-bottom: 0;
  padding-left: 1.5em;
}
:is(:is(.t-post-contents ul, .t-post-contents ol).tk-desc, :is(.t-post-contents ul, .t-post-contents ol).tk-decimal) li {
  margin-bottom: .25em;
}
:is(:is(.t-post-contents ul, .t-post-contents ol).tk-desc, :is(.t-post-contents ul, .t-post-contents ol).tk-decimal) li:last-child {
  margin-bottom: 0;
}
:is(:is(.t-post-contents ul, .t-post-contents ol).tk-desc, :is(.t-post-contents ul, .t-post-contents ol).tk-decimal) img {
  vertical-align: middle;
}
:is(.t-post-contents ul, .t-post-contents ol).tk-desc li {
  list-style: outside;
}
:is(.t-post-contents ul, .t-post-contents ol).tk-decimal li {
  list-style: decimal;
}
:is(.t-post-contents ul, .t-post-contents ol):has( > li > .prefix), :is(.t-post-contents ul, .t-post-contents ol):has( > li > .-prefix), :is(.t-post-contents ul, .t-post-contents ol):has( > li > .-arrow) {
  padding: 0;
}
:is(:is(.t-post-contents ul, .t-post-contents ol):has( > li > .prefix), :is(.t-post-contents ul, .t-post-contents ol):has( > li > .-prefix), :is(.t-post-contents ul, .t-post-contents ol):has( > li > .-arrow)) > li {
  grid-template-columns: max-content 1fr;
  align-items: baseline;
  gap: .5em;
  list-style: none;
  display: grid;
}
:is(:is(.t-post-contents ul, .t-post-contents ol):has( > li > .prefix), :is(.t-post-contents ul, .t-post-contents ol):has( > li > .-prefix), :is(.t-post-contents ul, .t-post-contents ol):has( > li > .-arrow)) > li > .prefix {
  align-self: baseline;
  font-size: 1.1em;
}
:is(:is(.t-post-contents ul, .t-post-contents ol):has( > li > .prefix), :is(.t-post-contents ul, .t-post-contents ol):has( > li > .-prefix), :is(.t-post-contents ul, .t-post-contents ol):has( > li > .-arrow)) > li > ul, :is(:is(.t-post-contents ul, .t-post-contents ol):has( > li > .prefix), :is(.t-post-contents ul, .t-post-contents ol):has( > li > .-prefix), :is(.t-post-contents ul, .t-post-contents ol):has( > li > .-arrow)) > li > ol {
  grid-column-start: 2;
}
:is(:is(.t-post-contents ul, .t-post-contents ol):has( > li > .prefix), :is(.t-post-contents ul, .t-post-contents ol):has( > li > .-prefix), :is(.t-post-contents ul, .t-post-contents ol):has( > li > .-arrow)) > li ul li:not(:has(.prefix, .-prefix, .-arrow)) {
  list-style: outside;
}
:is(:is(.t-post-contents ul, .t-post-contents ol):has( > li > p > .prefix), :is(.t-post-contents ul, .t-post-contents ol):has( > li > p > .-prefix), :is(.t-post-contents ul, .t-post-contents ol):has( > li > p > .-arrow)) > li {
  grid-template-columns: 1fr;
  grid-auto-flow: row;
}
:is(.t-post-contents ul, .t-post-contents ol):has( > li > .-arrow) > li > .-arrow {
  background-image: url("https://tire.bridgestone.co.jp/common/images/ico_arrow01.webp");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  flex-shrink: 0;
  width: .75em;
  height: .75em;
  margin-top: .25em;
  padding-right: .25em;
  display: inline-block;
}
:is(.t-post-contents ul, .t-post-contents ol):has( > li > .-arrow) > li > .-arrow ~ a {
  color: unset;
  text-decoration: none;
}
:is(.t-post-contents ul, .t-post-contents ol):has( > li > .-arrow) > li > .-arrow ~ a:hover {
  text-decoration: underline;
}
:is(.t-post-contents ul, .t-post-contents ol):has( > li > .-arrow) > li > .-arrow.-bottom {
  box-sizing: border-box;
  background-image: url("https://tire.bridgestone.co.jp/common/images/ico_arrow01_down.webp");
  background-size: contain;
  align-self: start;
  width: 12px;
  height: 6px;
  margin-top: .5em;
  padding-right: 0;
}
.t-post-contents p {
  margin-bottom: 20px;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 1.7;
}
@media only screen and (min-width: 1024px) {
  .t-post-contents p {
    margin-bottom: 30px;
    line-height: 1.8;
  }
}
.t-post-contents strong.tk-strong {
  font-family: HondaGlobalFontJP-Regular, sans-serif;
}
.t-post-contents .tk-table {
  position: relative;
  overflow-x: auto;
}
.t-post-contents .tk-table:after {
  z-index: 11;
  width: 100%;
  height: 26px;
  margin-bottom: var(--token-spacing-2);
  content: "";
  background-image: url("/tb/images/blocks/icon_table_scroll.svg");
  background-position: 100% 100%;
  background-repeat: no-repeat;
  background-size: 66px 26px;
  display: block;
  position: sticky;
  bottom: 0;
  left: 0;
}
@media only screen and (min-width: 1024px) {
  .t-post-contents .tk-table:after {
    display: none;
  }
}
.t-post-contents .tk-table table {
  width: 100%;
  margin-bottom: var(--token-spacing-4);
  white-space: nowrap;
}
@media only screen and (min-width: 1024px) {
  .t-post-contents .tk-table table {
    white-space: normal;
  }
}
.t-post-contents .tk-table table th, .t-post-contents .tk-table table td {
  padding: var(--token-spacing-3) var(--token-spacing-4);
  vertical-align: top;
  border: 1px solid var(--token-colors-primitive-grey-400);
}
@media only screen and (min-width: 1024px) {
  :is(.t-post-contents .tk-table table th, .t-post-contents .tk-table table td) {
    padding: var(--token-spacing-1);
  }
}
.t-post-contents .tk-table table thead th {
  color: var(--token-colors-primitive-white);
  vertical-align: top;
  background-color: var(--token-colors-primitive-grey-500);
  text-align: center !important;
}
.t-post-contents .tk-table table tbody th {
  background-color: var(--variables-colors-background-gray);
}
.t-post-contents .tk-table table th:has(.bg-highlight), .t-post-contents .tk-table table td:has(.bg-highlight) {
  padding: var(--token-spacing-2-5) var(--token-spacing-1) var(--token-spacing-1-5);
  background-color: var(--token-colors-primitive-grey-300);
  line-height: 1;
  text-align: center !important;
  font-family: UD新ゴM, UD Shin Go Medium, sans-serif !important;
}
:is(.t-post-contents .tk-table table th:has(.bg-highlight), .t-post-contents .tk-table table td:has(.bg-highlight)):has(.-orange) {
  background-color: var(--variables-colors-orange);
}
:is(.t-post-contents .tk-table table th:has(.bg-highlight), .t-post-contents .tk-table table td:has(.bg-highlight)):has(.-turquoise) {
  background-color: var(--variables-colors-turquoise);
}
.t-post-contents .tk-table table a {
  color: unset;
  text-decoration: none;
}
.t-post-contents .tk-table table a:hover {
  text-decoration: underline;
}
.t-post-contents .tk-table .-type-border-y thead th {
  color: unset;
  border-inline: 0;
  border-top: 2px solid var(--token-colors-primitive-grey-700);
  border-bottom: 2px solid var(--token-colors-primitive-grey-700);
  background-color: #0000;
  text-align: left !important;
}
.t-post-contents .tk-table .-type-border-y tbody td {
  border-inline: 0;
}
.t-post-contents .tk-video {
  border-radius: 8px;
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
}
@media only screen and (min-width: 1024px) {
  .t-post-contents .tk-video {
    border-radius: 12px;
    margin-bottom: 12px;
  }
}
.t-post-contents .block-flex {
  --gridContainer-gap: 20px;
  gap: var(--gridContainer-gap);
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}
.t-post-contents .block-flex.-border-gray {
  border: 1px solid var(--token-colors-primitive-grey-100);
}
.t-post-contents .block-flex.-flow-row {
  flex-flow: wrap;
}
.t-post-contents .block-flex.-flow-row.-nowrap {
  flex-wrap: nowrap;
}
.t-post-contents .block-flex.-flow-row-reverse {
  flex-flow: row-reverse wrap;
}
.t-post-contents .block-flex.-flow-row-reverse.-nowrap {
  flex-wrap: nowrap;
}
@media only screen and (min-width: 1024px) {
  .t-post-contents .block-flex.-flow-column {
    flex-flow: column;
  }

  .t-post-contents .block-flex.-flow-column-reverse {
    flex-flow: column-reverse;
  }
}
.t-post-contents .block-flex.-items-center {
  align-items: center;
}
.t-post-contents .block-flex.-items-start {
  align-items: flex-start;
}
.t-post-contents .block-flex.-items-end {
  align-items: flex-end;
}
.t-post-contents .block-flex.-justify-center {
  justify-content: center;
}
.t-post-contents .block-flex.-justify-start {
  justify-content: flex-start;
}
.t-post-contents .block-flex.-justify-end {
  justify-content: flex-end;
}
.t-post-contents .block-flex.-justify-between {
  justify-content: space-between;
  width: 100%;
}
@media only screen and (min-width: 1024px) {
  .t-post-contents .block-flex.-rasio-10-90 > :first-child {
    flex: 1;
  }

  .t-post-contents .block-flex.-rasio-10-90 > :last-child {
    flex: 9;
  }

  .t-post-contents .block-flex.-rasio-12-88 > :first-child {
    flex: 1.2;
  }

  .t-post-contents .block-flex.-rasio-12-88 > :last-child {
    flex: 8.8;
  }

  .t-post-contents .block-flex.-rasio-13-87 > :first-child {
    flex: 1.3;
  }

  .t-post-contents .block-flex.-rasio-13-87 > :last-child {
    flex: 8.7;
  }

  .t-post-contents .block-flex.-rasio-15-85 > :first-child {
    flex: 1.5;
  }

  .t-post-contents .block-flex.-rasio-15-85 > :last-child {
    flex: 8.5;
  }

  .t-post-contents .block-flex.-rasio-20-80 > :first-child {
    flex: 2;
  }

  .t-post-contents .block-flex.-rasio-20-80 > :last-child {
    flex: 8;
  }

  .t-post-contents .block-flex.-rasio-25-75 > :first-child {
    flex: 2.5;
  }

  .t-post-contents .block-flex.-rasio-25-75 > :last-child {
    flex: 7.5;
  }

  .t-post-contents .block-flex.-rasio-30-70 > :first-child {
    flex: 3;
  }

  .t-post-contents .block-flex.-rasio-30-70 > :last-child {
    flex: 7;
  }

  .t-post-contents .block-flex.-rasio-40-60 > :first-child {
    flex: 4;
  }

  .t-post-contents .block-flex.-rasio-40-60 > :last-child {
    flex: 6;
  }

  .t-post-contents .block-flex.-rasio-50-50 > :first-child, .t-post-contents .block-flex.-rasio-50-50 > :last-child {
    flex: 5;
  }

  .t-post-contents .block-flex.-rasio-60-40 > :first-child {
    flex: 6;
  }

  .t-post-contents .block-flex.-rasio-60-40 > :last-child {
    flex: 4;
  }

  .t-post-contents .block-flex.-rasio-70-30 > :first-child {
    flex: 7;
  }

  .t-post-contents .block-flex.-rasio-70-30 > :last-child {
    flex: 3;
  }

  .t-post-contents .block-flex.-rasio-80-20 > :first-child {
    flex: 8;
  }

  .t-post-contents .block-flex.-rasio-80-20 > :last-child {
    flex: 2;
  }

  .t-post-contents .block-flex.-rasio-90-10 > :first-child {
    flex: 9;
  }

  .t-post-contents .block-flex.-rasio-90-10 > :last-child {
    flex: 1;
  }

  .t-post-contents .block-flex.-pc-nowrap {
    flex-wrap: nowrap !important;
  }
}
.t-post-contents .block-flex.-nowrap.-rasio-10-90 > :first-child {
  flex: 1;
}
.t-post-contents .block-flex.-nowrap.-rasio-10-90 > :last-child {
  flex: 9;
}
.t-post-contents .block-flex.-nowrap.-rasio-20-80 > :first-child {
  flex: 2;
}
.t-post-contents .block-flex.-nowrap.-rasio-20-80 > :last-child {
  flex: 8;
}
.t-post-contents .block-flex.-nowrap.-rasio-30-70 > :first-child {
  flex: 3;
}
.t-post-contents .block-flex.-nowrap.-rasio-30-70 > :last-child {
  flex: 7;
}
.t-post-contents .block-flex.-nowrap.-rasio-40-60 > :first-child {
  flex: 4;
}
.t-post-contents .block-flex.-nowrap.-rasio-40-60 > :last-child {
  flex: 6;
}
.t-post-contents .block-flex.-nowrap.-rasio-50-50 > :first-child, .t-post-contents .block-flex.-nowrap.-rasio-50-50 > :last-child {
  flex: 5;
}
.t-post-contents .block-flex.-nowrap.-rasio-60-40 > :first-child {
  flex: 6;
}
.t-post-contents .block-flex.-nowrap.-rasio-60-40 > :last-child {
  flex: 4;
}
.t-post-contents .block-flex.-nowrap.-rasio-70-30 > :first-child {
  flex: 7;
}
.t-post-contents .block-flex.-nowrap.-rasio-70-30 > :last-child {
  flex: 3;
}
.t-post-contents .block-flex.-nowrap.-rasio-80-20 > :first-child {
  flex: 8;
}
.t-post-contents .block-flex.-nowrap.-rasio-80-20 > :last-child {
  flex: 2;
}
.t-post-contents .block-flex.-nowrap.-rasio-90-10 > :first-child {
  flex: 9;
}
.t-post-contents .block-flex.-nowrap.-rasio-90-10 > :last-child {
  flex: 1;
}
.t-post-contents .block-grid[class*="-cols-1-"] {
  --gridContainer-columns: 1;
}
@media only screen and (min-width: 1024px) {
  .t-post-contents .block-grid.-cols-1-1 {
    --gridContainer-columns: 1;
  }

  .t-post-contents .block-grid.-cols-1-2 {
    --gridContainer-columns: 2;
  }

  .t-post-contents .block-grid.-cols-1-3 {
    --gridContainer-columns: 3;
  }

  .t-post-contents .block-grid.-cols-1-4 {
    --gridContainer-columns: 4;
  }

  .t-post-contents .block-grid.-cols-1-5 {
    --gridContainer-columns: 5;
  }

  .t-post-contents .block-grid.-cols-1-6 {
    --gridContainer-columns: 6;
  }
}
.t-post-contents .block-grid[class*="-cols-2-"] {
  --gridContainer-columns: 2;
}
@media only screen and (min-width: 1024px) {
  .t-post-contents .block-grid.-cols-2-1 {
    --gridContainer-columns: 1;
  }

  .t-post-contents .block-grid.-cols-2-2 {
    --gridContainer-columns: 2;
  }

  .t-post-contents .block-grid.-cols-2-3 {
    --gridContainer-columns: 3;
  }

  .t-post-contents .block-grid.-cols-2-4 {
    --gridContainer-columns: 4;
  }

  .t-post-contents .block-grid.-cols-2-5 {
    --gridContainer-columns: 5;
  }

  .t-post-contents .block-grid.-cols-2-6 {
    --gridContainer-columns: 6;
  }
}
.t-post-contents .block-grid[class*="-cols-3-"] {
  --gridContainer-columns: 3;
}
@media only screen and (min-width: 1024px) {
  .t-post-contents .block-grid.-cols-3-1 {
    --gridContainer-columns: 1;
  }

  .t-post-contents .block-grid.-cols-3-2 {
    --gridContainer-columns: 2;
  }

  .t-post-contents .block-grid.-cols-3-3 {
    --gridContainer-columns: 3;
  }

  .t-post-contents .block-grid.-cols-3-4 {
    --gridContainer-columns: 4;
  }

  .t-post-contents .block-grid.-cols-3-5 {
    --gridContainer-columns: 5;
  }

  .t-post-contents .block-grid.-cols-3-6 {
    --gridContainer-columns: 6;
  }
}
.t-post-contents .block-grid[class*="-cols-4-"] {
  --gridContainer-columns: 4;
}
@media only screen and (min-width: 1024px) {
  .t-post-contents .block-grid.-cols-4-1 {
    --gridContainer-columns: 1;
  }

  .t-post-contents .block-grid.-cols-4-2 {
    --gridContainer-columns: 2;
  }

  .t-post-contents .block-grid.-cols-4-3 {
    --gridContainer-columns: 3;
  }

  .t-post-contents .block-grid.-cols-4-4 {
    --gridContainer-columns: 4;
  }

  .t-post-contents .block-grid.-cols-4-5 {
    --gridContainer-columns: 5;
  }

  .t-post-contents .block-grid.-cols-4-6 {
    --gridContainer-columns: 6;
  }
}
.t-post-contents .block-grid[class*="-cols-5-"] {
  --gridContainer-columns: 5;
}
@media only screen and (min-width: 1024px) {
  .t-post-contents .block-grid.-cols-5-1 {
    --gridContainer-columns: 1;
  }

  .t-post-contents .block-grid.-cols-5-2 {
    --gridContainer-columns: 2;
  }

  .t-post-contents .block-grid.-cols-5-3 {
    --gridContainer-columns: 3;
  }

  .t-post-contents .block-grid.-cols-5-4 {
    --gridContainer-columns: 4;
  }

  .t-post-contents .block-grid.-cols-5-5 {
    --gridContainer-columns: 5;
  }

  .t-post-contents .block-grid.-cols-5-6 {
    --gridContainer-columns: 6;
  }
}
.t-post-contents .block-grid[class*="-cols-6-"] {
  --gridContainer-columns: 6;
}
@media only screen and (min-width: 1024px) {
  .t-post-contents .block-grid.-cols-6-1 {
    --gridContainer-columns: 1;
  }

  .t-post-contents .block-grid.-cols-6-2 {
    --gridContainer-columns: 2;
  }

  .t-post-contents .block-grid.-cols-6-3 {
    --gridContainer-columns: 3;
  }

  .t-post-contents .block-grid.-cols-6-4 {
    --gridContainer-columns: 4;
  }

  .t-post-contents .block-grid.-cols-6-5 {
    --gridContainer-columns: 5;
  }

  .t-post-contents .block-grid.-cols-6-6 {
    --gridContainer-columns: 6;
  }
}
.t-post-contents .block-grid {
  --gridContainer-gap: 20px;
  --gridContainer-columns: 1;
  grid-template-columns: repeat(var(--gridContainer-columns), 1fr);
  gap: var(--gridContainer-gap);
  margin-bottom: 10px;
  display: grid;
}
@media only screen and (min-width: 1024px) {
  .t-post-contents .block-grid {
    margin-bottom: 12px;
  }

  .t-post-contents .block-grid img {
    width: 100%;
  }
}
.t-post-contents .block-grid * {
  margin-bottom: 0;
  padding-bottom: 0;
}
.t-post-contents .block-grid.-items-center {
  align-items: center;
}
.p-case-article .p-case-article__customer {
  color: #000;
  font-family: var(--_font-bold);
  font-size: 14px;
  font-style: normal;
  line-height: normal;
}
@media only screen and (min-width: 1024px) {
  .p-case-article .p-case-article__customer {
    font-size: 20px;
  }
}
.p-case-article .p-case-article__issues {
  grid-template-columns: 1fr;
  gap: 32px;
  margin-block: 60px;
  display: grid;
}
@media only screen and (min-width: 1024px) {
  .p-case-article .p-case-article__issues {
    grid-template-columns: 1fr 1fr;
    gap: 46px;
    margin-block: 50px 100px;
  }
}
.p-case-article .p-case-article__issues .-issues, .p-case-article .p-case-article__issues .-effects {
  border-radius: 8px;
  padding: 16px 24px;
}
@media only screen and (min-width: 1024px) {
  :is(.p-case-article .p-case-article__issues .-issues, .p-case-article .p-case-article__issues .-effects) {
    border-radius: 10px;
    padding: 20px 40px;
  }
}
:is(.p-case-article .p-case-article__issues .-issues, .p-case-article .p-case-article__issues .-effects) .-title {
  font-size: 16px;
  font-style: normal;
  font-family: var(--_font-bold);
  letter-spacing: .8px;
  text-align: center;
  margin-bottom: 6px;
  line-height: 1.7;
}
@media only screen and (min-width: 1024px) {
  :is(.p-case-article .p-case-article__issues .-issues, .p-case-article .p-case-article__issues .-effects) .-title {
    letter-spacing: 1.25px;
    margin-bottom: 10px;
    font-size: 25px;
  }
}
:is(.p-case-article .p-case-article__issues .-issues, .p-case-article .p-case-article__issues .-effects) .-list {
  flex-flow: column;
  gap: 10px;
  display: flex;
}
@media only screen and (min-width: 1024px) {
  :is(.p-case-article .p-case-article__issues .-issues, .p-case-article .p-case-article__issues .-effects) .-list {
    gap: 20px;
  }
}
:is(.p-case-article .p-case-article__issues .-issues, .p-case-article .p-case-article__issues .-effects) .-list li {
  font-size: 14px;
  font-style: normal;
  font-family: var(--_font-regular);
  padding-left: 16px;
  line-height: 1.7;
  position: relative;
}
@media only screen and (min-width: 1024px) {
  :is(.p-case-article .p-case-article__issues .-issues, .p-case-article .p-case-article__issues .-effects) .-list li {
    padding-left: 24px;
    font-size: 17px;
  }
}
:is(.p-case-article .p-case-article__issues .-issues, .p-case-article .p-case-article__issues .-effects) .-list li:before {
  content: "";
  border-radius: 100%;
  width: 8px;
  height: 8px;
  display: block;
  position: absolute;
  top: calc(.5lh - 4px);
  left: 0;
}
@media only screen and (min-width: 1024px) {
  :is(.p-case-article .p-case-article__issues .-issues, .p-case-article .p-case-article__issues .-effects) .-list li:before {
    width: 12px;
    height: 12px;
    top: calc(.5lh - 6px);
  }
}
.p-case-article .p-case-article__issues .-issues {
  background: #eee;
}
.p-case-article .p-case-article__issues .-issues .-list li:before {
  background: #707070;
}
.p-case-article .p-case-article__issues .-effects {
  background: #eff5f8;
  position: relative;
}
.p-case-article .p-case-article__issues .-effects:before {
  content: "";
  background-color: #5039eb;
  width: 36px;
  height: 24px;
  display: block;
  position: absolute;
  top: -26px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-mask: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='100%' height='100%' viewBox='0 0 28 18' fill='none'%3e%3cpath d='M12.8701 16.6612C13.4691 17.343 14.5309 17.343 15.1299 16.6612L26.9619 3.19396C27.8157 2.22214 27.1257 0.697266 25.832 0.697266H2.16796C0.874346 0.697266 0.18427 2.22213 1.03809 3.19396L12.8701 16.6612Z' fill='%235039EB'/%3e%3c/svg%3e") center no-repeat;
  mask: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='100%' height='100%' viewBox='0 0 28 18' fill='none'%3e%3cpath d='M12.8701 16.6612C13.4691 17.343 14.5309 17.343 15.1299 16.6612L26.9619 3.19396C27.8157 2.22214 27.1257 0.697266 25.832 0.697266H2.16796C0.874346 0.697266 0.18427 2.22213 1.03809 3.19396L12.8701 16.6612Z' fill='%235039EB'/%3e%3c/svg%3e") center no-repeat;
}
@media only screen and (min-width: 1024px) {
  .p-case-article .p-case-article__issues .-effects:before {
    width: 20px;
    height: 30px;
    top: 50%;
    left: -20px;
    transform: translate(-50%, -50%);
    -webkit-mask: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='100%' height='100%' viewBox='0 0 23 37' fill='none'%3e%3cpath d='M21.3621 17.0167C22.24 17.8108 22.24 19.1892 21.3621 19.9833L3.84358 35.829C2.55767 36.9922 0.501953 36.0797 0.501953 34.3458L0.501953 2.6542C0.501953 0.920301 2.55767 0.00783157 3.84358 1.17096L21.3621 17.0167Z' fill='%235039EB'/%3e%3c/svg%3e") center no-repeat;
    mask: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='100%' height='100%' viewBox='0 0 23 37' fill='none'%3e%3cpath d='M21.3621 17.0167C22.24 17.8108 22.24 19.1892 21.3621 19.9833L3.84358 35.829C2.55767 36.9922 0.501953 36.0797 0.501953 34.3458L0.501953 2.6542C0.501953 0.920301 2.55767 0.00783157 3.84358 1.17096L21.3621 17.0167Z' fill='%235039EB'/%3e%3c/svg%3e") center no-repeat;
  }
}
.p-case-article .p-case-article__issues .-effects .-title {
  color: #5039eb;
}
.p-case-article .p-case-article__issues .-effects .-list li {
  color: #160c57;
}
.p-case-article .p-case-article__issues .-effects .-list li:before {
  background: #5039eb;
}
.p-case-article .p-case-article__interviewee {
  margin-bottom: 60px;
}
@media only screen and (min-width: 1024px) {
  .p-case-article .p-case-article__interviewee {
    margin-bottom: 100px;
  }
}
.p-case-article .p-case-article__interviewee .-thumb {
  margin-bottom: 20px;
}
@media only screen and (min-width: 1024px) {
  .p-case-article .p-case-article__interviewee .-thumb {
    margin-bottom: 30px;
  }
}
.p-case-article .p-case-article__interviewee .-thumb img {
  border-radius: 4px;
}
@media only screen and (min-width: 1024px) {
  .p-case-article .p-case-article__interviewee .-thumb img {
    border-radius: 12px;
  }
}
.p-case-article .p-case-article__interviewee .-details {
  background-color: #eff5f8;
  border-radius: 4px;
  padding: 20px 24px;
}
@media only screen and (min-width: 1024px) {
  .p-case-article .p-case-article__interviewee .-details {
    border-radius: 12px;
  }
}
.p-case-article .p-case-article__interviewee .-details .-title {
  font-size: 15px;
  font-style: normal;
  font-family: var(--_font-bold);
  letter-spacing: .75px;
  margin-bottom: 4px;
  line-height: 1.7;
}
@media only screen and (min-width: 1024px) {
  .p-case-article .p-case-article__interviewee .-details .-title {
    margin-bottom: 10px;
    font-size: 16px;
  }
}
.p-case-article .p-case-article__interviewee .-details .-position {
  font-size: 13px;
  font-style: normal;
  font-family: var(--_font-regular);
  margin-bottom: 4px;
  line-height: 1.7;
}
@media only screen and (min-width: 1024px) {
  .p-case-article .p-case-article__interviewee .-details .-position {
    font-size: 18px;
  }
}
.p-case-article .p-case-article__interviewee .-details .-name {
  font-size: 15px;
  font-style: normal;
  font-family: var(--_font-regular);
  line-height: 1.7;
}
@media only screen and (min-width: 1024px) {
  .p-case-article .p-case-article__interviewee .-details .-name {
    font-size: 20px;
  }
}