@charset "UTF-8";
.Mincho {
  font-family: "a-otf-ryumin-pr6n", "游明朝", "Yu Mincho", "游明朝体", serif !important;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -o-text-size-adjust: 100%;
  text-size-adjust: 100%;
  font-feature-settings: "palt" 1 !important; }

#chart {
  max-width: 1200px;
  width: 90%;
  margin: 0 auto 130px; }
  #chart .chart_title {
    font-size: 35px;
    letter-spacing: -0.02em;
    font-weight: 400;
    width: fit-content;
    margin: 100px auto; }
    @media screen and (max-width: 768px) {
      #chart .chart_title {
        font-size: 28px;
        margin-bottom: 50px; } }
  #chart .js-scrollable {
    z-index: 1; }
  #chart table {
    min-width: 1199px;
    max-width: 1199px; }
    @media screen and (max-width: 1200px) {
      #chart table {
        min-width: 700px;
        max-width: 700px;
        margin: 0 auto; } }
  #chart td {
    border: 2px solid #adadad;
    border-collapse: collapse;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: -0.02em;
    vertical-align: middle;
    padding: 30px 0; }
    @media screen and (max-width: 1200px) {
      #chart td {
        padding: 20px 0;
        font-size: 10px;
        box-sizing: border-box; } }
    #chart td.sticky01 {
      position: sticky;
      top: 0;
      left: 0;
      z-index: 3; }
    #chart td.sticky02 {
      position: sticky;
      top: 0;
      left: 67px;
      z-index: 3; }
    #chart td a {
      font-weight: bold; }
    #chart td.first {
      border: none;
      background: #fff; }
    #chart td.home-theater-system {
      background: #e8f0f6; }
    #chart td.soundbar {
      background: #d1e6f5; }
    #chart td.multi {
      padding: 20px 0;
      background: #a9d3f3; }
    #chart td.circle {
      position: relative; }
      #chart td.circle:after {
        content: "";
        height: auto;
        width: calc(25 / 211.25 * 100%);
        aspect-ratio: 1 / 1;
        border: solid 1px #111111;
        border-radius: 9999px;
        position: absolute;
        top: 50%;
        left: 50%;
        translate: -50% -50%; }
        @media screen and (max-width: 1200px) {
          #chart td.circle:after {
            width: calc(25 / 200 * 100%); } }
    #chart td.solid {
      position: relative; }
      #chart td.solid:after {
        content: "";
        height: 1px;
        width: calc(36 / 211.25 * 100%);
        background: #000;
        position: absolute;
        top: 50%;
        left: 50%;
        translate: -50% -50%; }
        @media screen and (max-width: 1200px) {
          #chart td.solid:after {
            width: calc(25 / 200 * 100%); } }
  #chart tr.first-row {
    color: #fff;
    background: #3291d9; }
    #chart tr.first-row td {
      padding: 10px 0;
      border: none; }
      #chart tr.first-row td:nth-child(2) {
        border-left: 1px solid #3291d9;
        border-right: 1px solid #ccc; }
      #chart tr.first-row td:nth-child(3) {
        border-right: 1px solid #3291d9; }
  #chart tr.title-row td {
    padding: 50px 0; }
    @media screen and (max-width: 1200px) {
      #chart tr.title-row td {
        padding: 30px 0; } }
  #chart tr.width-row td:nth-child(1) {
    width: calc(195 / 1200 * 100%); }
    @media screen and (max-width: 1200px) {
      #chart tr.width-row td:nth-child(1) {
        width: 100px; } }
  #chart tr.width-row td:nth-child(2) {
    width: calc(160 / 1200 * 100%); }
    @media screen and (max-width: 1200px) {
      #chart tr.width-row td:nth-child(2) {
        width: 80px; } }
  #chart tr.width-row td:nth-child(3) {
    width: calc(140.83 / 1200 * 100%); }
    @media screen and (max-width: 1200px) {
      #chart tr.width-row td:nth-child(3) {
        width: 130px; } }
  #chart tr.width-row td:nth-child(4) {
    width: calc(140.82 / 1200 * 100%); }
    @media screen and (max-width: 1200px) {
      #chart tr.width-row td:nth-child(4) {
        width: 130px; } }
  #chart tr.width-row td:nth-child(5) {
    width: calc(140.83 / 1200 * 100%); }
    @media screen and (max-width: 1200px) {
      #chart tr.width-row td:nth-child(5) {
        width: 130px; } }
  #chart tr.width-row td:nth-child(6) {
    width: calc(140.83 / 1200 * 100%); }
    @media screen and (max-width: 1200px) {
      #chart tr.width-row td:nth-child(6) {
        width: 130px; } }
  #chart tr.width-row td:nth-child(7) {
    width: calc(140.83 / 1200 * 100%); }
    @media screen and (max-width: 1200px) {
      #chart tr.width-row td:nth-child(7) {
        width: 130px; } }
  #chart tr.width-row td:nth-child(8) {
    width: calc(140.83 / 1200 * 100%); }
    @media screen and (max-width: 1200px) {
      #chart tr.width-row td:nth-child(6) {
        width: 130px; } }

/*# sourceMappingURL=style.css.map */