/*
 * Pixel-matched SP overrides for Figma nodes:
 * 59:85, 59:89, 59:143, 59:200, 59:202, 59:232, 59:233 and 59:13.
 */
@media (max-width: 768px) {
  .philosophy-message--intro[data-node-id="16:337"] .intro-pc-spacer,
  .philosophy-feature--01 .feature-01-body-pc {
    display: none;
  }

  .philosophy-feature--01 .feature-01-body-sp {
    display: block;
  }

  .philosophy-feature--01 .feature-01-body-sp > span {
    display: block;
  }

  .philosophy-feature--01 .feature-01-body-sp > span:nth-child(1),
  .philosophy-feature--01 .feature-01-body-sp > span:nth-child(2) {
    margin-bottom: 24px;
  }

  .philosophy-feature--01 .philosophy-feature__kanji--right[data-node-id="59:105"] {
    top: 0;
    left: 135px;
    width: 240px;
    height: 240px;
  }

  .philosophy-feature--01 .philosophy-feature__kanji--right[data-node-id="59:105"] > span {
    flex: none;
    width: 120px;
    height: 240px;
    padding: 0;
    text-align: left;
  }

  .philosophy-feature--01 .philosophy-responsive-picture[data-node-id="59:108"] {
    top: 80px;
    left: -44px;
    width: 544.914px;
    height: 340px;
  }

  .philosophy-feature--01 .philosophy-responsive-picture[data-node-id="59:108"] .philosophy-feature--01__image {
    width: 100%;
    height: 100%;
  }

  .philosophy-shared
    .philosophy-message--intro[data-node-id="16:337"]
    .philosophy-message__english {
    top: 3px;
    left: 50%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    transform: translateX(-50%);
    width: 373px;
    height: 80px;
    gap: 0;
    font-size: 40px;
    line-height: 40px;
    letter-spacing: 16px;
    text-align: left;
    white-space: nowrap;
  }

  .philosophy-shared
    .philosophy-message--intro[data-node-id="16:337"]
    .philosophy-message__english
    > span {
    display: flex;
    flex: none;
    align-items: center;
    width: 373px;
    height: 40px;
    line-height: 40px;
  }

  .philosophy-shared
    .philosophy-message--intro[data-node-id="16:337"]
    .philosophy-message__columns--intro {
    top: 123px;
    right: initial;
    left: 50%;
    transform: translateX(-50%) !important;
    flex-direction: row;
    gap: 24px;
    width: 278px;
    height: 200px;
  }

  .philosophy-shared
    .philosophy-message--intro[data-node-id="16:337"]
    .philosophy-message__small-copy {
    display: flex;
    flex-direction: row-reverse;
    align-items: flex-start;
    flex: none;
    width: 214px;
    height: 182px;
    gap: 8px;
    font-size: 14px;
    line-height: normal;
    letter-spacing: 0;
    writing-mode: horizontal-tb;
  }

  .philosophy-shared
    .philosophy-message--intro[data-node-id="16:337"]
    .philosophy-message__small-copy
    > span {
    display: block;
    flex: none;
    width: 14px;
    font-size: 14px;
    line-height: 14px;
    letter-spacing: 0;
    writing-mode: vertical-rl;
    text-orientation: upright;
  }

  .philosophy-shared
    .philosophy-message--intro[data-node-id="16:337"]
    .philosophy-message__lead {
    display: flex;
    flex-direction: row-reverse;
    align-items: flex-start;
    flex: none;
    width: 40px;
    height: 200px;
    gap: 8px;
    font-size: 16px;
    line-height: normal;
    letter-spacing: 0;
    writing-mode: horizontal-tb;
  }

  .philosophy-shared
    .philosophy-message--intro[data-node-id="16:337"]
    .philosophy-message__lead
    > span {
    display: block;
    flex: none;
    width: 16px;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 4px;
    writing-mode: vertical-rl;
    text-orientation: upright;
  }

  .philosophy-shared
    .philosophy-message--masterpiece[data-node-id="16:395"]
    .philosophy-message__columns--masterpiece {
    top: 80px;
    right: initial !important;
    left: 50%;
    transform: translateX(-50%);
    flex-direction: row;
    gap: 24px;
    width: 278px;
    height: 240px;
  }

  .philosophy-shared
    .philosophy-message--masterpiece[data-node-id="16:395"]
    .masterpiece-pc-history {
    display: none;
  }

  .philosophy-shared
    .philosophy-message--masterpiece[data-node-id="16:395"]
    .masterpiece-sp-life {
    display: block;
  }

  .philosophy-shared
    .philosophy-message--masterpiece[data-node-id="16:395"]
    .philosophy-message__small-copy {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    flex: none;
    height: 210px;
    gap: 8px;
    font-size: 14px;
    line-height: normal;
    letter-spacing: 0;
    writing-mode: horizontal-tb;
    transform: none !important;
  }

  .philosophy-shared
    .philosophy-message--masterpiece[data-node-id="16:395"]
    .philosophy-message__small-copy
    > span {
    display: block;
    flex: none;
    width: 14px;
    font-size: 14px;
    line-height: 14px;
    letter-spacing: 0;
    writing-mode: vertical-rl;
    text-orientation: upright;
  }

  .philosophy-shared
    .philosophy-message--masterpiece[data-node-id="16:395"]
    .philosophy-message__lead {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    flex: none;
    width: 64px;
    height: 240px;
    gap: 8px;
    font-size: 16px;
    line-height: normal;
    letter-spacing: 0;
    writing-mode: horizontal-tb;
    transform: none !important;
  }

  .philosophy-shared
    .philosophy-message--masterpiece[data-node-id="16:395"]
    .philosophy-message__lead
    > span {
    display: block;
    flex: none;
    width: 16px;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 4px;
    writing-mode: vertical-rl;
    text-orientation: upright;
  }
  .sp-perspectives-history__english {
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 364px;
    height: 80px;
    text-align: center;
  }

  .sp-perspectives-history__vertical {
    top: 104px;
    left: 50%;
    transform: translateX(-50%);
    right: initial;
    display: flex;
    flex-direction: row-reverse;
    align-items: flex-start;
    width: 208px;
    height: 240px;
    gap: 16px;
    line-height: normal !important;
    letter-spacing: 0;
    writing-mode: horizontal-tb;
  }

  .sp-perspectives-history__vertical > span {
    display: block;
    flex: none;
    width: 16px;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 4px;
    writing-mode: vertical-rl;
    text-orientation: upright;
  }

  .sp-perspectives-history__history-title {
    width: 252px;
    height: 80px;
    margin:0 auto;
    letter-spacing: 8px;
  }

  .sp-perspectives-history__history {
    background: #000;
  }

  .sp-perspectives-history__history-copy {
    margin-top: 24px;
    top: 121px;
    left: 50%;
    transform: translateX(-50%);
    right: initial;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    width: 322px;
    height: 280px;
    gap: 24px;
    writing-mode: horizontal-tb;
    white-space: nowrap;
    text-align: left;
  }

  .sp-perspectives-history__history-body {
    display: flex;
    flex: none;
    align-items: flex-start;
    width: 234px;
    height: 252px;
    gap: 8px;
  }

  .sp-perspectives-history__history-body > span {
    display: block;
    flex: none;
    width: 14px;
    font-size: 14px;
    font-weight: 500;
    line-height: 14px;
    letter-spacing: 0;
    writing-mode: vertical-rl;
    text-orientation: upright;
  }

  .sp-perspectives-history__history-lead {
    display: flex;
    flex: none;
    align-items: flex-start;
    width: 64px;
    height: 280px;
    gap: 8px;
    margin: 0 !important;
  }

  .sp-perspectives-history__history-lead > span {
    display: block;
    flex: none;
    width: 16px;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 4px;
    writing-mode: vertical-rl;
    text-orientation: upright;
  }

  .sp-observer {
    height: 779px;
    min-height: 779px;
    overflow: hidden;
    max-width: 375px;
    margin: 0 auto;
  }

  .sp-observer::before {
    content: "";
    position: absolute;
    z-index: 0;
    top: -369px;
    left: -282px;
    width: 794px;
    height: 449px;
    --line-mask:
      linear-gradient(38deg, transparent 49.92%, rgba(0,0,0,.42) 50%, transparent 50.08%),
      linear-gradient(145deg, transparent 49.94%, rgba(0,0,0,.5) 50%, transparent 50.06%),
      linear-gradient(20deg, transparent 49.95%, rgba(0,0,0,.24) 50%, transparent 50.05%);
    background: linear-gradient(135deg, #e7c24b 0, #393424 100%);
    -webkit-mask: var(--line-mask);
    mask: var(--line-mask);
    -webkit-mask: none;
    mask: none;
    clip-path: path("M 0 351.37 L 0.04 351.16 L 418.03 448.43 L 417.98 448.64 Z M 58.88 269.44 L 58.94 269.23 L 486.57 424.82 L 486.51 425.02 Z M 590.51 351.42 L 212.94 0.38 L 213.24 0 L 590.81 351.04 Z M 540.2 369.54 L 81.67 63.39 L 81.86 63.06 L 540.39 369.21 Z M 322.33 426.31 L 743.87 107.02 L 744.03 107.26 L 322.48 426.56 Z M 324.29 419.71 L 324.11 419.46 L 746.54 84.83 L 746.72 85.09 Z M 391.64 442.61 L 793.93 267.74 L 794 267.94 L 391.72 442.81 Z");
    /* Figma: group opacity 60% × vector fill opacity 60% */
    opacity: .36;
    pointer-events: none;
  }

  .sp-observer__photo {
    position: absolute;
    top: 184px;
    left: 0;
    width: 375px;
    height: 251px;
  }

  .sp-observer__photo img {
    position: absolute;
    top: 0;
    left: 0;
    width: 375px;
    height: 281.5px;
    max-width: none;
    object-fit: fill;
  }

  .sp-observer__soul {
    z-index: 2;
    top: 40px;
    left: 50%;
    transform: translateX(-50%);
    right: initial;
  }

  .sp-observer::after {
    position: absolute;
    z-index: 2;
    top: 88px;
    left: 27px;
    color: rgba(7, 11, 30, 0.15);
    font-family: "Noto Serif JP", serif;
    font-size: 24px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 3px;
    white-space: nowrap;
    content: "シマーミーランナトーシガ";
  }

  .sp-observer__copy {
    position: absolute;
    z-index: 3;
    top: 459px;
    left: 24px;
    width: 327px;
    margin: 0;
    padding: 0;
  }

  .sp-awards {
    position: relative;
    overflow: hidden;
  }

  .sp-awards__background[data-node-id="59:33"] {
    position: absolute;
    z-index: 0;
    bottom:0;
    left: 0;
    display: block;
    width: 100%;
    height: 568px;
    max-width: none;
    object-fit: cover;
    object-position: bottom;
    pointer-events: none;
  }

  .sp-awards > .sp-award {
    position: relative;
    z-index: 1;
    max-width: 375px;
    margin: 0 auto;
  }
  .sp-awards > .sp-award:last-child{
    margin-top: 24px;
  }

  .sp-award__button[data-node-id="59:40"] {
    padding: 0;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 3px;
    text-align: left;
  }

  .sp-award__button[data-node-id="59:40"] .sp-award__button-copy {
    position: absolute;
    top: 18px;
    left: 14px;
    display: block;
    width: 247px;
  }

  .sp-award__button[data-node-id="59:40"] .sp-award__button-arrow {
    position: absolute;
    top: 34px;
    left: 226px;
    display: block;
    width: 28px;
    height: 8px;
    max-width: none;
  }
  .sp-perspectives-history__history{
    border: none;
  }
}