@charset "UTF-8";
/*--

  built-in-gas-conro

====================================================== --*/
/*--

  built-in-gas-conro.productdetail

====================================================== --*/
.built-in-gas-conro.productdetail {
  position: relative;
  z-index: 1;
  overflow: clip; }
  .built-in-gas-conro.productdetail::before {
    z-index: -1;
    position: sticky;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100vh;
    display: block;
    margin-bottom: -100vh;
    background: radial-gradient(circle at 10% 20%, #e4e6e8 0%, transparent 40%), radial-gradient(circle at 10% 80%, #b0b4ba 0%, transparent 50%), radial-gradient(circle at 90% 20%, #bfc6cd 0%, transparent 50%), linear-gradient(90deg, #e4e6e8, #bfc6cd);
    content: ""; }
  .built-in-gas-conro.productdetail .comparison .built-in-gas-conro__comparison__wrapper table {
    width: 100%; }

/*--

  specialbn productdetail

====================================================== --*/
.built-in-gas-conro.productdetail .specialbn {
  background: var(--r-c-white);
  padding: 60px 0px; }
  @media screen and (max-width: 768px) {
    .built-in-gas-conro.productdetail .specialbn {
      padding: calc(var(--r-padding)*2) 0px; } }
  .built-in-gas-conro.productdetail .specialbn--delicia dt img {
    max-width: 225px;
    width: 100%; }
  .built-in-gas-conro.productdetail .specialbn--griller dt img {
    max-width: 191px;
    width: 100%; }
  .built-in-gas-conro.productdetail .specialbn--lisse dt img {
    max-width: 87.5px;
    width: 100%; }
  .built-in-gas-conro.productdetail .specialbn--safullplus dt img {
    max-width: 138px;
    width: 100%; }
  .built-in-gas-conro.productdetail .specialbn__body {
    margin: 0px auto;
    max-width: var(--r-width);
    display: block flex;
    justify-content: center;
    align-items: stretch; }
    @media screen and (max-width: 768px) {
      .built-in-gas-conro.productdetail .specialbn__body {
        flex-direction: column; } }
    @media screen and (min-width: 769px) {
      .built-in-gas-conro.productdetail .specialbn__body figure {
        flex-basis: 50%; } }
    .built-in-gas-conro.productdetail .specialbn__body figure img {
      height: 100%;
      object-fit: cover;
      width: 100%; }
    .built-in-gas-conro.productdetail .specialbn__body div {
      background: var(--r-c-darkgray);
      box-sizing: border-box;
      color: var(--r-c-white);
      flex-direction: column;
      padding: 20px;
      text-align: center;
      display: block flex;
      justify-content: center;
      align-items: center; }
      @media screen and (min-width: 769px) {
        .built-in-gas-conro.productdetail .specialbn__body div {
          flex-basis: 50%; } }
      .built-in-gas-conro.productdetail .specialbn__body div p {
        border: 1px solid currentColor;
        box-sizing: border-box;
        font-weight: 500;
        height: 30px;
        margin-bottom: 20px;
        width: 140px;
        display: block flex;
        justify-content: center;
        align-items: center;
        font-size: 1.2rem;
        line-height: 2em; }
        @media screen and (max-width: 768px) {
          .built-in-gas-conro.productdetail .specialbn__body div p {
            font-size: 1.1rem;
            line-height: 1.8em; } }
      .built-in-gas-conro.productdetail .specialbn__body div dt {
        margin-bottom: 15px; }
      .built-in-gas-conro.productdetail .specialbn__body div dd {
        font-weight: 500;
        margin-bottom: 20px;
        font-size: 1.2rem;
        line-height: 1.5em; }
        @media screen and (max-width: 768px) {
          .built-in-gas-conro.productdetail .specialbn__body div dd {
            font-size: 1.1rem;
            line-height: 1.8em; } }
      .built-in-gas-conro.productdetail .specialbn__body div nav {
        width: 100%;
        display: block flex;
        justify-content: center;
        align-items: center; }

/*--

  movie productdetail

====================================================== --*/
.built-in-gas-conro.productdetail .movie {
  background: url(../../products/kitchen/built-in-gas-conro/delicia/images/bgpattern_01.webp) no-repeat center;
  background-size: cover;
  padding: calc(var(--r-padding)*2) 0px; }
  .built-in-gas-conro.productdetail .movie__slider {
    margin: 0px auto;
    max-width: var(--r-width);
    position: relative; }
    .built-in-gas-conro.productdetail .movie__slider__list {
      overflow: hidden; }
      .built-in-gas-conro.productdetail .movie__slider__list ul {
        gap: var(--r-padding);
        transition: transform 500ms cubic-bezier(0.165, 0.84, 0.44, 1);
        display: block flex;
        justify-content: flex-start;
        align-items: stretch; }
      .built-in-gas-conro.productdetail .movie__slider__list li {
        background: rgb(0 0 0 / 0.4);
        color: var(--r-c-white);
        flex-basis: calc((100% - var(--r-padding)*2) / 3);
        flex-shrink: 0; }
        @media screen and (max-width: 768px) {
          .built-in-gas-conro.productdetail .movie__slider__list li {
            flex-basis: 100%; } }
        .built-in-gas-conro.productdetail .movie__slider__list li a {
          color: inherit;
          display: block;
          text-align: left;
          padding-bottom: 25px; }
          @media screen and (max-width: 768px) {
            .built-in-gas-conro.productdetail .movie__slider__list li a {
              padding-bottom: var(--r-padding); } }
          @media (hover: hover) {
            .built-in-gas-conro.productdetail .movie__slider__list li a {
              text-decoration: none;
              transition: all 250ms ease; }
              .built-in-gas-conro.productdetail .movie__slider__list li a:hover {
                opacity: 0.7; } }
        .built-in-gas-conro.productdetail .movie__slider__list li figure {
          margin-bottom: 25px;
          position: relative;
          aspect-ratio: 360 / 240; }
          @media screen and (max-width: 768px) {
            .built-in-gas-conro.productdetail .movie__slider__list li figure {
              margin-bottom: 15px; } }
          .built-in-gas-conro.productdetail .movie__slider__list li figure::before {
            border: 1px solid var(--r-c-white);
            border-radius: 100%;
            box-sizing: border-box;
            content: "";
            height: 50px;
            position: absolute;
            width: 50px;
            margin: auto;
            inset: 0px;
            display: block flex;
            justify-content: center;
            align-items: center; }
          .built-in-gas-conro.productdetail .movie__slider__list li figure::after {
            width: 16px;
            height: 19px;
            content: "";
            background: var(--r-c-white);
            margin: auto;
            inset: 0px 0px 0px 4px;
            position: absolute;
            clip-path: path("M0,18.4V0l15.93,9.2L0,18.4ZM1,1.73v14.93l12.93-7.47L1,1.73Z"); }
        .built-in-gas-conro.productdetail .movie__slider__list li img {
          width: 100%;
          height: 100%;
          object-fit: cover; }
        .built-in-gas-conro.productdetail .movie__slider__list li dl {
          margin: 0px 30px 15px; }
          @media screen and (max-width: 768px) {
            .built-in-gas-conro.productdetail .movie__slider__list li dl {
              margin: 0px var(--r-padding) 10px; } }
        .built-in-gas-conro.productdetail .movie__slider__list li p {
          margin: 0px 30px; }
          @media screen and (max-width: 768px) {
            .built-in-gas-conro.productdetail .movie__slider__list li p {
              margin: 0px var(--r-padding); } }
        .built-in-gas-conro.productdetail .movie__slider__list li dt {
          margin-bottom: 15px;
          font-weight: 500;
          font-size: 1.8rem;
          font-weight: 500;
          line-height: 1.5em; }
          @media screen and (max-width: 768px) {
            .built-in-gas-conro.productdetail .movie__slider__list li dt {
              margin-bottom: 7px; } }
          @media screen and (max-width: 768px) {
            .built-in-gas-conro.productdetail .movie__slider__list li dt {
              font-size: 1.5rem; } }
        .built-in-gas-conro.productdetail .movie__slider__list li dd {
          font-weight: 400;
          font-size: 1.2rem;
          line-height: 2em; }
          @media screen and (max-width: 768px) {
            .built-in-gas-conro.productdetail .movie__slider__list li dd {
              font-size: 1.1rem;
              line-height: 1.8em; } }
        .built-in-gas-conro.productdetail .movie__slider__list li p {
          font-size: 1.5rem;
          line-height: 1.8em; }
          @media screen and (max-width: 768px) {
            .built-in-gas-conro.productdetail .movie__slider__list li p {
              font-size: 1.3rem;
              line-height: 1.8em; } }
    .built-in-gas-conro.productdetail .movie__slider__prev, .built-in-gas-conro.productdetail .movie__slider__next {
      top: 29.9%;
      background: rgb(129 129 129 / 0.4);
      border: none;
      border-radius: 100%;
      content: "";
      cursor: pointer;
      font-size: 0px;
      height: 40px;
      margin: auto;
      position: absolute;
      width: 40px;
      transition: all 250ms ease;
      -moz-appearance: none;
           appearance: none;
      -webkit-appearance: none;
      display: block flex;
      justify-content: center;
      align-items: center; }
      @media (hover: hover) {
        .built-in-gas-conro.productdetail .movie__slider__prev:hover, .built-in-gas-conro.productdetail .movie__slider__next:hover {
          background: rgb(129 129 129 / 1); } }
      .built-in-gas-conro.productdetail .movie__slider__prev::after, .built-in-gas-conro.productdetail .movie__slider__next::after {
        background: var(--r-c-white);
        content: "";
        height: 8px;
        margin-bottom: 2.5px;
        width: 16px;
        clip-path: url(#icon_pagetop); }
      .built-in-gas-conro.productdetail .movie__slider__prev[disabled], .built-in-gas-conro.productdetail .movie__slider__next[disabled] {
        opacity: 0.3;
        pointer-events: none; }
    .built-in-gas-conro.productdetail .movie__slider__prev {
      left: -20px;
      rotate: -90deg; }
    .built-in-gas-conro.productdetail .movie__slider__next {
      right: -20px;
      rotate: 90deg; }

/*--

  gooddesign productdetail

====================================================== --*/
.built-in-gas-conro.productdetail .gooddesign {
  background: var(--r-c-k5);
  padding: calc(var(--r-padding)*2) 0px; }
  .built-in-gas-conro.productdetail .gooddesign__body {
    border: 1px solid #b4a377;
    box-sizing: border-box;
    margin: 0px auto;
    max-width: var(--r-width);
    display: block flex;
    justify-content: center;
    align-items: stretch; }
    @media screen and (max-width: 768px) {
      .built-in-gas-conro.productdetail .gooddesign__body {
        display: block flow; } }
    .built-in-gas-conro.productdetail .gooddesign__body figure {
      background: var(--r-c-white);
      box-sizing: border-box;
      flex-basis: 360px;
      padding: var(--r-padding);
      display: block flex;
      justify-content: center;
      align-items: center; }
    .built-in-gas-conro.productdetail .gooddesign__body dl {
      background: #b4a377;
      box-sizing: border-box;
      color: var(--r-c-white);
      flex-basis: 800px;
      flex-direction: column;
      flex-grow: 10;
      min-height: 240px;
      padding: var(--r-padding);
      text-align: left;
      display: block flex;
      justify-content: center;
      align-items: flex-start; }
      .built-in-gas-conro.productdetail .gooddesign__body dl dt {
        margin-bottom: 10px;
        font-size: 1.8rem;
        font-weight: 500;
        line-height: 1.5em; }
        @media screen and (max-width: 768px) {
          .built-in-gas-conro.productdetail .gooddesign__body dl dt {
            font-size: 1.5rem; } }
      .built-in-gas-conro.productdetail .gooddesign__body dl dd {
        font-size: 1.4rem;
        line-height: 1.928em;
        font-weight: 300; }
        @media screen and (max-width: 768px) {
          .built-in-gas-conro.productdetail .gooddesign__body dl dd {
            font-size: 1.2rem;
            line-height: 1.8em; } }

/*--

  comparison productdetail

====================================================== --*/
.built-in-gas-conro.productdetail .comparison {
  padding: calc(var(--r-padding)*2) 0px; }
  .built-in-gas-conro.productdetail .comparison__btn {
    margin-top: 60px;
    display: block flex;
    justify-content: center;
    align-items: center; }
    @media screen and (max-width: 768px) {
      .built-in-gas-conro.productdetail .comparison__btn {
        margin-top: 30px; } }
  @media screen and (min-width: 769px) {
    .built-in-gas-conro.productdetail .comparison .built-in-gas-conro__comparison__wrapper {
      margin: 0px auto;
      max-width: var(--r-width); } }
  @media screen and (min-width: 769px) {
    .built-in-gas-conro.productdetail .comparison .built-in-gas-conro__comparison__body {
      margin-left: 0px; } }

/*--

  buy productdetail

====================================================== --*/
.built-in-gas-conro.productdetail .buy {
  background: var(--r-c-white);
  padding: calc(var(--r-padding)*2) 0px; }
  .built-in-gas-conro.productdetail .buy__body {
    margin: 0px auto;
    max-width: var(--r-width);
    text-align: left; }
    .built-in-gas-conro.productdetail .buy__body:not(:last-child) {
      border-bottom: 1px solid var(--r-c-k20);
      margin-bottom: calc(var(--r-padding)*2);
      padding-bottom: calc(var(--r-padding)*2); }
    .built-in-gas-conro.productdetail .buy__body a {
      color: var(--r-c-black);
      text-decoration: underline; }
      .built-in-gas-conro.productdetail .buy__body a:hover {
        text-decoration: none; }
    .built-in-gas-conro.productdetail .buy__body > p {
      margin-bottom: 1lh;
      font-size: 1.4rem;
      line-height: 2.142;
      font-weight: 300; }
      @media screen and (max-width: 768px) {
        .built-in-gas-conro.productdetail .buy__body > p {
          font-size: 1.2rem;
          line-height: 1.8em; } }
      .built-in-gas-conro.productdetail .buy__body > p:last-of-type {
        margin-bottom: 40px; }
      .built-in-gas-conro.productdetail .buy__body > p:last-child {
        margin-bottom: 0px; }
      .built-in-gas-conro.productdetail .buy__body > p strong {
        font-weight: 400; }
      .built-in-gas-conro.productdetail .buy__body > p span {
        color: var(--r-c-k60);
        font-size: 1.2rem;
        line-height: 2em; }
        @media screen and (max-width: 768px) {
          .built-in-gas-conro.productdetail .buy__body > p span {
            font-size: 1.1rem;
            line-height: 1.8em; } }
  .built-in-gas-conro.productdetail .buy__introduction {
    background: var(--r-c-white);
    border: 1px solid var(--r-c-k20);
    display: block grid;
    position: relative;
    text-align: left;
    grid-template-columns: 1fr 1fr; }
    @media screen and (max-width: 768px) {
      .built-in-gas-conro.productdetail .buy__introduction {
        border-top: none;
        display: block flow; } }
    .built-in-gas-conro.productdetail .buy__introduction::after, .built-in-gas-conro.productdetail .buy__introduction::before {
      background: var(--r-c-k20);
      margin: auto;
      position: absolute;
      width: 1px;
      z-index: 2;
      inset: 0px 0px; }
    @media screen and (min-width: 769px) {
      .built-in-gas-conro.productdetail .buy__introduction::before {
        content: ""; } }
    .built-in-gas-conro.productdetail .buy__introduction__block {
      display: block grid;
      grid-template-rows: subgrid;
      grid-row: span 10; }
    .built-in-gas-conro.productdetail .buy__introduction__body {
      border-top: 1px solid var(--r-c-k20);
      padding: 20px; }
      .built-in-gas-conro.productdetail .buy__introduction__body img {
        width: 100%; }
      .built-in-gas-conro.productdetail .buy__introduction__body figure {
        margin-bottom: 12px; }
      .built-in-gas-conro.productdetail .buy__introduction__body dt {
        font-weight: 400;
        margin-bottom: 7px;
        font-size: 1.5rem;
        line-height: 2em; }
        @media screen and (max-width: 768px) {
          .built-in-gas-conro.productdetail .buy__introduction__body dt {
            font-size: 1.3rem;
            line-height: 1.8em; } }
      .built-in-gas-conro.productdetail .buy__introduction__body dd {
        font-size: 1.4rem;
        line-height: 1.928em;
        font-weight: 300; }
        @media screen and (max-width: 768px) {
          .built-in-gas-conro.productdetail .buy__introduction__body dd {
            font-size: 1.2rem;
            line-height: 1.8em; } }
    .built-in-gas-conro.productdetail .buy__introduction__title {
      color: var(--r-c-white);
      flex-direction: column;
      gap: 8px;
      min-height: 100px;
      padding: 10px var(--r-padding);
      display: block flex;
      justify-content: center;
      align-items: flex-start; }
      @media screen and (max-width: 768px) {
        .built-in-gas-conro.productdetail .buy__introduction__title {
          gap: 4px;
          border-top: 1px solid var(--r-c-k20);
          min-height: 50px; } }
      .built-in-gas-conro.productdetail .buy__introduction__title--01 {
        background: var(--r-c-clamblue); }
      .built-in-gas-conro.productdetail .buy__introduction__title--02 {
        background: rgb(104 121 132 / 0.8); }
      .built-in-gas-conro.productdetail .buy__introduction__title h4 {
        font-size: 1.8rem;
        font-weight: 500;
        line-height: 1.166em; }
        @media screen and (max-width: 768px) {
          .built-in-gas-conro.productdetail .buy__introduction__title h4 {
            font-size: 1.5rem; } }
  .built-in-gas-conro.productdetail .buy__untensil {
    flex-wrap: wrap;
    gap: var(--r-padding) 100px;
    display: block flex;
    justify-content: center;
    align-items: flex-start; }
    @media screen and (max-width: 768px) {
      .built-in-gas-conro.productdetail .buy__untensil {
        gap: calc(var(--r-padding)*2) 100px; } }
    .built-in-gas-conro.productdetail .buy__untensil li {
      position: relative; }
      @media screen and (min-width: 769px) {
        .built-in-gas-conro.productdetail .buy__untensil li {
          flex-basis: 160px;
          min-width: 160px; } }
      @media screen and (max-width: 768px) {
        .built-in-gas-conro.productdetail .buy__untensil li {
          flex-basis: calc((100% - var(--r-padding) * 2) / 3); } }
      .built-in-gas-conro.productdetail .buy__untensil li span {
        height: 160px;
        left: 100%;
        position: absolute;
        top: 0px;
        width: 100px;
        display: block flex;
        justify-content: center;
        align-items: center;
        font-size: 1.2rem;
        line-height: 2em; }
        @media screen and (max-width: 768px) {
          .built-in-gas-conro.productdetail .buy__untensil li span {
            height: auto;
            width: 100%;
            aspect-ratio: 1 /1; } }
        @media screen and (max-width: 768px) {
          .built-in-gas-conro.productdetail .buy__untensil li span {
            font-size: 1.1rem;
            line-height: 1.8em; } }
    .built-in-gas-conro.productdetail .buy__untensil div,
    .built-in-gas-conro.productdetail .buy__untensil a {
      color: var(--r-c-black);
      display: block flow;
      position: relative;
      text-align: center;
      z-index: 1; }
      .built-in-gas-conro.productdetail .buy__untensil div::before,
      .built-in-gas-conro.productdetail .buy__untensil a::before {
        background: var(--r-c-k5);
        border-radius: 100%;
        content: "";
        margin: auto;
        position: absolute;
        width: 100%;
        z-index: -1;
        inset: 0px 0px auto;
        aspect-ratio: 1 / 1; }
      .built-in-gas-conro.productdetail .buy__untensil div img,
      .built-in-gas-conro.productdetail .buy__untensil a img {
        width: 100%; }
      .built-in-gas-conro.productdetail .buy__untensil div p,
      .built-in-gas-conro.productdetail .buy__untensil a p {
        font-size: 1.2rem;
        line-height: 2em; }
        @media screen and (max-width: 768px) {
          .built-in-gas-conro.productdetail .buy__untensil div p,
          .built-in-gas-conro.productdetail .buy__untensil a p {
            font-size: 1.1rem;
            line-height: 1.8em; } }
    @media (hover: hover) {
      .built-in-gas-conro.productdetail .buy__untensil a {
        text-decoration: none;
        transition: all 250ms ease; }
        .built-in-gas-conro.productdetail .buy__untensil a:hover {
          opacity: 0.7; } }
    @media (hover: hover) {
      .built-in-gas-conro.productdetail .buy__untensil a:hover p {
        text-decoration: none; } }
    .built-in-gas-conro.productdetail .buy__untensil a p {
      text-decoration: underline; }
  .built-in-gas-conro.productdetail .buy__photos, .built-in-gas-conro.productdetail .buy__size {
    gap: 50px calc(var(--r-padding)*2);
    display: block flex;
    justify-content: flex-start;
    align-items: flex-start; }
    @media screen and (max-width: 1023px) {
      .built-in-gas-conro.productdetail .buy__photos, .built-in-gas-conro.productdetail .buy__size {
        gap: var(--r-padding) calc(var(--r-padding)*2); } }
    @media screen and (max-width: 768px) {
      .built-in-gas-conro.productdetail .buy__photos, .built-in-gas-conro.productdetail .buy__size {
        flex-direction: column; } }
    .built-in-gas-conro.productdetail .buy__photos figure, .built-in-gas-conro.productdetail .buy__size figure {
      font-weight: 400;
      position: relative;
      font-size: 1.5rem;
      line-height: 1.8em; }
      @media screen and (max-width: 768px) {
        .built-in-gas-conro.productdetail .buy__photos figure, .built-in-gas-conro.productdetail .buy__size figure {
          font-size: 1.3rem;
          line-height: 1.8em; } }
      @media screen and (min-width: 769px) {
        .built-in-gas-conro.productdetail .buy__photos figure, .built-in-gas-conro.productdetail .buy__size figure {
          flex-basis: calc(50% - var(--r-padding)); } }
      .built-in-gas-conro.productdetail .buy__photos figure figcaption, .built-in-gas-conro.productdetail .buy__size figure figcaption {
        margin-top: 5px;
        font-size: 1.4rem;
        line-height: 1.928em;
        font-weight: 300; }
        @media screen and (max-width: 768px) {
          .built-in-gas-conro.productdetail .buy__photos figure figcaption, .built-in-gas-conro.productdetail .buy__size figure figcaption {
            font-size: 1.2rem;
            line-height: 1.8em; } }
        .built-in-gas-conro.productdetail .buy__photos figure figcaption + span.buy__photos__innercaption, .built-in-gas-conro.productdetail .buy__size figure figcaption + span.buy__photos__innercaption {
          bottom: 40px; }
      .built-in-gas-conro.productdetail .buy__photos figure img, .built-in-gas-conro.productdetail .buy__size figure img {
        width: 100%; }
      .built-in-gas-conro.productdetail .buy__photos figure span.buy__photos__innercaption, .built-in-gas-conro.productdetail .buy__size figure span.buy__photos__innercaption {
        color: var(--r-c-k60);
        position: absolute;
        z-index: 5;
        inset: auto 10px 10px auto;
        font-size: 9px;
        line-height: 1.666em; }
      .built-in-gas-conro.productdetail .buy__photos figure span.buy__photos__caption, .built-in-gas-conro.productdetail .buy__size figure span.buy__photos__caption {
        color: var(--r-c-k60);
        position: absolute;
        z-index: 5;
        inset: auto 0px 10px auto;
        font-size: 9px;
        line-height: 1.666em; }
      .built-in-gas-conro.productdetail .buy__photos figure span.buy__photos__innercaption--white, .built-in-gas-conro.productdetail .buy__size figure span.buy__photos__innercaption--white {
        color: var(--r-c-white); }
    .built-in-gas-conro.productdetail .buy__photos--border, .built-in-gas-conro.productdetail .buy__size--border {
      box-sizing: border-box;
      border: 1px solid var(--r-c-k20); }
  .built-in-gas-conro.productdetail .buy__photos {
    flex-wrap: wrap; }
    .built-in-gas-conro.productdetail .buy__photos--column03 {
      gap: 50px var(--r-padding); }
      @media screen and (max-width: 1023px) {
        .built-in-gas-conro.productdetail .buy__photos--column03 {
          gap: var(--r-padding); } }
      @media screen and (min-width: 769px) {
        .built-in-gas-conro.productdetail .buy__photos--column03 figure {
          flex-basis: calc((100% - var(--r-padding) *2)/3); } }
  .built-in-gas-conro.productdetail .buy__different {
    counter-reset: num;
    font-size: 1.4rem;
    line-height: 2.142;
    font-weight: 300; }
    @media screen and (max-width: 768px) {
      .built-in-gas-conro.productdetail .buy__different {
        font-size: 1.2rem;
        line-height: 1.8em; } }
    .built-in-gas-conro.productdetail .buy__different dd {
      margin-bottom: 1lh; }
      .built-in-gas-conro.productdetail .buy__different dd:last-child {
        margin-bottom: 0px; }
    .built-in-gas-conro.productdetail .buy__different dt {
      counter-increment: num;
      font-weight: 500;
      font-size: 1.5rem;
      line-height: 2em; }
      @media screen and (max-width: 768px) {
        .built-in-gas-conro.productdetail .buy__different dt {
          font-size: 1.3rem;
          line-height: 1.8em; } }
      .built-in-gas-conro.productdetail .buy__different dt::before {
        content: counter(num) "."; }
    .built-in-gas-conro.productdetail .buy__different em {
      font-style: normal;
      font-weight: 400; }
  .built-in-gas-conro.productdetail .buy__grass {
    gap: var(--r-padding);
    display: block flex;
    justify-content: center;
    align-items: flex-start; }
    @media screen and (max-width: 768px) {
      .built-in-gas-conro.productdetail .buy__grass {
        display: block flow; } }
    .built-in-gas-conro.productdetail .buy__grass img {
      width: 100%; }
    .built-in-gas-conro.productdetail .buy__grass p {
      font-weight: 400;
      margin-top: 5px;
      font-size: 1.4rem;
      line-height: 1.928em;
      font-weight: 300; }
      @media screen and (max-width: 768px) {
        .built-in-gas-conro.productdetail .buy__grass p {
          font-size: 1.2rem;
          line-height: 1.8em; } }
    .built-in-gas-conro.productdetail .buy__grass--normal {
      flex-basis: calc(31% - 20px);
      flex-grow: 0; }
      @media screen and (max-width: 768px) {
        .built-in-gas-conro.productdetail .buy__grass--normal {
          margin-bottom: 20px; } }
    .built-in-gas-conro.productdetail .buy__grass--premium {
      flex-grow: 10;
      flex-basis: calc(69% - 20px);
      display: block flex;
      justify-content: center;
      align-items: flex-start;
      gap: 10px; }
      @media screen and (max-width: 768px) {
        .built-in-gas-conro.productdetail .buy__grass--premium {
          display: block flow; } }
      .built-in-gas-conro.productdetail .buy__grass--premium div {
        flex-basis: calc(44.2% - 5px);
        flex-grow: 10; }
        @media screen and (max-width: 768px) {
          .built-in-gas-conro.productdetail .buy__grass--premium div {
            margin-bottom: 5px; } }
      .built-in-gas-conro.productdetail .buy__grass--premium ul {
        flex-basis: calc(55.8% - 5px);
        flex-grow: 10;
        gap: 10px;
        flex-wrap: wrap;
        display: block flex;
        justify-content: center;
        align-items: flex-start; }
        .built-in-gas-conro.productdetail .buy__grass--premium ul li {
          flex-basis: calc(50% - 5px); }

/*--

  voice productdetail

====================================================== --*/
.built-in-gas-conro.productdetail .voice {
  background: var(--r-c-k5);
  padding: calc(var(--r-padding)*2) 0px; }
  .built-in-gas-conro.productdetail .voice > nav {
    margin-top: var(--r-padding);
    display: block flex;
    justify-content: center;
    align-items: center; }
  .built-in-gas-conro.productdetail .voice__point {
    color: var(--r-c-k20);
    font-size: 2.2rem;
    gap: 0.5em;
    line-height: 1em;
    display: block flex;
    justify-content: flex-start;
    align-items: center; }
    @media screen and (max-width: 1023px) {
      .built-in-gas-conro.productdetail .voice__point {
        font-size: 2rem; } }
    .built-in-gas-conro.productdetail .voice__point--on {
      color: var(--r-c-deepred); }
  .built-in-gas-conro.productdetail .voice__year {
    font-weight: 400;
    text-align: right;
    font-size: 1.4rem;
    line-height: 1.928em;
    font-weight: 300; }
    @media screen and (max-width: 768px) {
      .built-in-gas-conro.productdetail .voice__year {
        font-size: 1.2rem;
        line-height: 1.8em; } }
  .built-in-gas-conro.productdetail .voice__slider {
    margin: 0px auto;
    max-width: var(--r-width);
    position: relative; }
    .built-in-gas-conro.productdetail .voice__slider__list {
      overflow: hidden; }
      @media screen and (min-width: 769px) {
        .built-in-gas-conro.productdetail .voice__slider__list {
          margin: 0px var(--r-padding); } }
      .built-in-gas-conro.productdetail .voice__slider__list ul {
        gap: var(--r-padding);
        transition: transform 500ms cubic-bezier(0.165, 0.84, 0.44, 1);
        display: block flex;
        justify-content: flex-start;
        align-items: stretch; }
      .built-in-gas-conro.productdetail .voice__slider__list li {
        background: var(--r-c-white);
        border-radius: 12px;
        box-sizing: border-box;
        display: block grid;
        flex-basis: calc((100% - var(--r-padding)*1) / 2);
        flex-shrink: 0;
        gap: 25px 30px;
        padding: 30px var(--r-padding) var(--r-padding);
        text-align: left;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto auto 1fr; }
        @media screen and (max-width: 768px) {
          .built-in-gas-conro.productdetail .voice__slider__list li {
            gap: 10px 20px;
            flex-basis: 100%; } }
      .built-in-gas-conro.productdetail .voice__slider__list nav {
        margin-top: -15px;
        grid-column: 1 / 3; }
        @media screen and (max-width: 768px) {
          .built-in-gas-conro.productdetail .voice__slider__list nav {
            margin-top: -5px; } }
        .built-in-gas-conro.productdetail .voice__slider__list nav a {
          margin: 0px auto; }
    .built-in-gas-conro.productdetail .voice__slider h3 {
      grid-column: 1 / 3;
      font-size: 1.8rem;
      font-weight: 400;
      line-height: 1.888; }
      @media screen and (max-width: 768px) {
        .built-in-gas-conro.productdetail .voice__slider h3 {
          font-size: 1.5rem; } }
    .built-in-gas-conro.productdetail .voice__slider p {
      font-size: 1.3rem;
      line-height: 1.846em;
      grid-column: 1 / 3; }
    .built-in-gas-conro.productdetail .voice__slider__prev, .built-in-gas-conro.productdetail .voice__slider__next {
      bottom: 0px;
      top: 0%;
      background: rgb(129 129 129 / 0.4);
      border: none;
      border-radius: 100%;
      content: "";
      cursor: pointer;
      font-size: 0px;
      height: 40px;
      margin: auto;
      position: absolute;
      width: 40px;
      transition: all 250ms ease;
      -moz-appearance: none;
           appearance: none;
      -webkit-appearance: none;
      display: block flex;
      justify-content: center;
      align-items: center; }
      @media (hover: hover) {
        .built-in-gas-conro.productdetail .voice__slider__prev:hover, .built-in-gas-conro.productdetail .voice__slider__next:hover {
          background: rgb(129 129 129 / 1); } }
      .built-in-gas-conro.productdetail .voice__slider__prev::after, .built-in-gas-conro.productdetail .voice__slider__next::after {
        background: var(--r-c-white);
        content: "";
        height: 8px;
        margin-bottom: 2.5px;
        width: 16px;
        clip-path: url(#icon_pagetop); }
      .built-in-gas-conro.productdetail .voice__slider__prev[disabled], .built-in-gas-conro.productdetail .voice__slider__next[disabled] {
        opacity: 0.3;
        pointer-events: none; }
    .built-in-gas-conro.productdetail .voice__slider__prev {
      left: -20px;
      rotate: -90deg; }
    .built-in-gas-conro.productdetail .voice__slider__next {
      right: -20px;
      rotate: 90deg; }

/*--

  information productdetail

====================================================== --*/
.built-in-gas-conro.productdetail .information {
  padding: calc(var(--r-padding)*2) 0px; }
  .built-in-gas-conro.productdetail .information .built-in-gas-conro__information__list {
    margin-bottom: calc(var(--r-padding)*2); }

/*--

  prize productdetail

====================================================== --*/
.built-in-gas-conro.productdetail .prize {
  background: var(--r-c-k5);
  padding: calc(var(--r-padding)*2) 0px; }
  .built-in-gas-conro.productdetail .prize ul {
    gap: var(--r-padding);
    margin: 0px auto;
    max-width: var(--r-width);
    display: block flex;
    justify-content: center;
    align-items: stretch; }
    @media screen and (max-width: 768px) {
      .built-in-gas-conro.productdetail .prize ul {
        flex-direction: column; } }
    .built-in-gas-conro.productdetail .prize ul li {
      background: #b4a377;
      color: var(--r-c-white);
      flex-basis: 360px;
      padding: 1px;
      text-align: left; }
      @media screen and (max-width: 768px) {
        .built-in-gas-conro.productdetail .prize ul li {
          flex-basis: auto; } }
      .built-in-gas-conro.productdetail .prize ul li img {
        width: 100%; }
      .built-in-gas-conro.productdetail .prize ul li dl {
        padding: 25px var(--r-padding) 35px; }
      .built-in-gas-conro.productdetail .prize ul li dt {
        margin-bottom: 10px;
        font-size: 1.8rem;
        font-weight: 500;
        line-height: 1.5em; }
        @media screen and (max-width: 768px) {
          .built-in-gas-conro.productdetail .prize ul li dt {
            font-size: 1.5rem; } }
      .built-in-gas-conro.productdetail .prize ul li dd {
        font-size: 1.4rem;
        line-height: 1.928em;
        font-weight: 300; }
        @media screen and (max-width: 768px) {
          .built-in-gas-conro.productdetail .prize ul li dd {
            font-size: 1.2rem;
            line-height: 1.8em; } }

/*--

  productguide lineup

====================================================== --*/
.built-in-gas-conro.productguide {
  position: relative;
  z-index: 1;
  overflow: clip; }
  .built-in-gas-conro.productguide::before {
    z-index: -1;
    position: sticky;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100vh;
    display: block;
    margin-bottom: -100vh;
    background: radial-gradient(circle at 10% 20%, #e4e6e8 0%, transparent 40%), radial-gradient(circle at 10% 80%, #b0b4ba 0%, transparent 50%), radial-gradient(circle at 90% 20%, #bfc6cd 0%, transparent 50%), linear-gradient(90deg, #e4e6e8, #bfc6cd);
    content: ""; }

/*--

  productguide top

====================================================== --*/
.built-in-gas-conro.productguide .guide {
  padding: calc(var(--r-padding)*2) 0px 0px;
  background: var(--r-c-white); }
  .built-in-gas-conro.productguide .guide--bg {
    background: var(--r-c-k5); }
  .built-in-gas-conro.productguide .guide .__r-title18 + .guide__body {
    padding-top: 0px; }
  .built-in-gas-conro.productguide .guide .__r-title24 {
    margin-bottom: 15px; }
  .built-in-gas-conro.productguide .guide__body {
    margin: 0px auto;
    max-width: var(--r-width);
    padding-block: calc(var(--r-padding)*2); }
    .built-in-gas-conro.productguide .guide__body > p {
      margin-bottom: 30px;
      font-size: 1.4rem;
      line-height: 1.928em;
      font-weight: 300; }
      @media screen and (max-width: 768px) {
        .built-in-gas-conro.productguide .guide__body > p {
          margin-bottom: var(--r-padding);
          text-align: left; } }
      @media screen and (max-width: 768px) {
        .built-in-gas-conro.productguide .guide__body > p {
          font-size: 1.2rem;
          line-height: 1.8em; } }
  .built-in-gas-conro.productguide .guide__wrapper {
    background: var(--r-c-white);
    border: 1px solid var(--r-c-k20);
    display: block grid;
    position: relative;
    text-align: left;
    grid-template-columns: 1fr 1fr; }
    @media screen and (max-width: 768px) {
      .built-in-gas-conro.productguide .guide__wrapper {
        border-top: none;
        display: block flow; } }
    .built-in-gas-conro.productguide .guide__wrapper::after, .built-in-gas-conro.productguide .guide__wrapper::before {
      background: var(--r-c-k20);
      margin: auto;
      position: absolute;
      width: 1px;
      z-index: 2;
      inset: 0px 0px; }
    @media screen and (min-width: 769px) {
      .built-in-gas-conro.productguide .guide__wrapper::before {
        content: ""; } }
    .built-in-gas-conro.productguide .guide__wrapper--domino {
      grid-template-columns: 1fr 1fr 1fr; }
      .built-in-gas-conro.productguide .guide__wrapper--domino::before {
        inset: 0px auto 0px calc(100% / 3); }
      .built-in-gas-conro.productguide .guide__wrapper--domino::after {
        inset: 0px calc(100% / 3) 0px auto; }
        @media screen and (min-width: 769px) {
          .built-in-gas-conro.productguide .guide__wrapper--domino::after {
            content: ""; } }
      .built-in-gas-conro.productguide .guide__wrapper--domino .guide__wrapper__block__img img {
        max-width: 170px; }
    .built-in-gas-conro.productguide .guide__wrapper__block {
      display: block grid;
      grid-template-rows: subgrid;
      grid-row: span 10; }
      .built-in-gas-conro.productguide .guide__wrapper__block__img {
        padding: 20px 20px 0px;
        text-align: center;
        position: relative; }
        .built-in-gas-conro.productguide .guide__wrapper__block__img figcaption {
          text-align: right;
          font-size: 9px;
          line-height: 1.666em;
          color: var(--r-c-k60);
          margin-top: 5px; }
          .built-in-gas-conro.productguide .guide__wrapper__block__img figcaption.guide__wrapper__block__img__innercaption {
            position: absolute;
            inset: auto 25px 5px auto; }
        .built-in-gas-conro.productguide .guide__wrapper__block__img img {
          width: 100%; }
      .built-in-gas-conro.productguide .guide__wrapper__block__oven {
        gap: var(--r-padding);
        margin-right: var(--r-padding);
        display: block flex;
        justify-content: center;
        align-items: center; }
        .built-in-gas-conro.productguide .guide__wrapper__block__oven figcaption {
          font-weight: 400;
          font-size: 1.5rem;
          line-height: 1.8em; }
          @media screen and (max-width: 768px) {
            .built-in-gas-conro.productguide .guide__wrapper__block__oven figcaption {
              font-size: 1.3rem;
              line-height: 1.6em; } }
        .built-in-gas-conro.productguide .guide__wrapper__block__oven img {
          flex-shrink: 0;
          width: 140px; }
      .built-in-gas-conro.productguide .guide__wrapper__block__body {
        border-top: 1px solid var(--r-c-k20); }
        .built-in-gas-conro.productguide .guide__wrapper__block__body > ul {
          padding: var(--r-padding); }
          .built-in-gas-conro.productguide .guide__wrapper__block__body > ul li {
            font-weight: 400;
            padding-left: 1em;
            text-indent: -1em;
            font-size: 1.5rem;
            line-height: 1.8em; }
            @media screen and (max-width: 768px) {
              .built-in-gas-conro.productguide .guide__wrapper__block__body > ul li {
                font-size: 1.3rem;
                line-height: 1.8em; } }
        .built-in-gas-conro.productguide .guide__wrapper__block__body p {
          font-weight: 400;
          padding: 35px var(--r-padding) 30px;
          font-size: 1.5rem;
          line-height: 1.8em; }
          @media screen and (max-width: 768px) {
            .built-in-gas-conro.productguide .guide__wrapper__block__body p {
              padding: var(--r-padding); } }
          @media screen and (max-width: 768px) {
            .built-in-gas-conro.productguide .guide__wrapper__block__body p {
              font-size: 1.3rem;
              line-height: 1.8em; } }
          .built-in-gas-conro.productguide .guide__wrapper__block__body p + dl {
            padding-top: 0px; }
        .built-in-gas-conro.productguide .guide__wrapper__block__body dl {
          padding: 35px var(--r-padding) 30px; }
          @media screen and (max-width: 768px) {
            .built-in-gas-conro.productguide .guide__wrapper__block__body dl {
              padding: var(--r-padding); } }
          .built-in-gas-conro.productguide .guide__wrapper__block__body dl.guide__wrapper__block__trivet dt {
            margin-bottom: 0px;
            font-size: 1.4rem;
            line-height: 1.5em;
            font-weight: 300; }
            @media screen and (max-width: 768px) {
              .built-in-gas-conro.productguide .guide__wrapper__block__body dl.guide__wrapper__block__trivet dt {
                font-size: 1.2rem;
                line-height: 1.8em; } }
          .built-in-gas-conro.productguide .guide__wrapper__block__body dl.guide__wrapper__block__trivet dd {
            margin-bottom: 10px;
            margin-left: 1em; }
            .built-in-gas-conro.productguide .guide__wrapper__block__body dl.guide__wrapper__block__trivet dd:last-child {
              margin-bottom: 0px; }
          .built-in-gas-conro.productguide .guide__wrapper__block__body dl dt {
            font-weight: 400;
            margin-bottom: 5px;
            font-size: 1.5rem;
            line-height: 1.8em; }
            @media screen and (max-width: 768px) {
              .built-in-gas-conro.productguide .guide__wrapper__block__body dl dt {
                font-size: 1.3rem;
                line-height: 1.8em; } }
          .built-in-gas-conro.productguide .guide__wrapper__block__body dl dd {
            font-size: 1.4rem;
            line-height: 1.928em;
            font-weight: 300; }
            @media screen and (max-width: 768px) {
              .built-in-gas-conro.productguide .guide__wrapper__block__body dl dd {
                font-size: 1.2rem;
                line-height: 1.8em; } }
            .built-in-gas-conro.productguide .guide__wrapper__block__body dl dd + dt {
              margin-top: 20px; }
        .built-in-gas-conro.productguide .guide__wrapper__block__body em {
          font-style: normal;
          font-weight: 400; }
      .built-in-gas-conro.productguide .guide__wrapper__block__title {
        color: var(--r-c-white);
        flex-direction: column;
        gap: 8px;
        min-height: 100px;
        padding: 10px var(--r-padding);
        display: block flex;
        justify-content: center;
        align-items: flex-start; }
        @media screen and (max-width: 768px) {
          .built-in-gas-conro.productguide .guide__wrapper__block__title {
            gap: 4px;
            border-top: 1px solid var(--r-c-k20);
            min-height: 50px; } }
        .built-in-gas-conro.productguide .guide__wrapper__block__title--01 {
          background: var(--r-c-clamblue); }
        .built-in-gas-conro.productguide .guide__wrapper__block__title--02 {
          background: rgb(104 121 132 / 0.8); }
        .built-in-gas-conro.productguide .guide__wrapper__block__title--03 {
          background: rgb(104 121 132 / 0.6); }
        .built-in-gas-conro.productguide .guide__wrapper__block__title h4 {
          font-size: 1.8rem;
          font-weight: 500;
          line-height: 1.166em; }
          @media screen and (max-width: 768px) {
            .built-in-gas-conro.productguide .guide__wrapper__block__title h4 {
              font-size: 1.5rem; } }
        .built-in-gas-conro.productguide .guide__wrapper__block__title p {
          font-size: 1.2rem;
          line-height: 1.666em; }
          @media screen and (max-width: 768px) {
            .built-in-gas-conro.productguide .guide__wrapper__block__title p {
              font-size: 1.1rem;
              line-height: 1.666em; } }
          .built-in-gas-conro.productguide .guide__wrapper__block__title p em {
            font-style: normal;
            font-weight: 400; }

/*--

  productguide top

====================================================== --*/
.built-in-gas-conro.productguide .lineup {
  padding: calc(var(--r-padding)*2) 0px; }
  .built-in-gas-conro.productguide .lineup__list {
    flex-wrap: wrap;
    gap: 60px var(--r-padding);
    margin: 0px auto;
    max-width: var(--r-width);
    display: block flex;
    justify-content: flex-start;
    align-items: flex-start; }
    .built-in-gas-conro.productguide .lineup__list--center {
      justify-content: center; }
    @media screen and (max-width: 768px) {
      .built-in-gas-conro.productguide .lineup__list {
        gap: calc(var(--r-padding)*2) var(--r-padding);
        flex-direction: column; } }
    @media screen and (max-width: 768px) {
      .built-in-gas-conro.productguide .lineup__list__item {
        width: 100%; } }
    @media screen and (min-width: 769px) {
      .built-in-gas-conro.productguide .lineup__list__item {
        flex-basis: calc((100% - var(--r-padding)*2) / 3); } }
    .built-in-gas-conro.productguide .lineup__list__item[data-current="0"] .lineup__list__spec:nth-of-type(1),
    .built-in-gas-conro.productguide .lineup__list__item[data-current="0"] .lineup__list__photos li:nth-of-type(1) {
      display: block flow; }
    .built-in-gas-conro.productguide .lineup__list__item[data-current="0"] .lineup__list__thumbnail li:nth-of-type(1) a {
      pointer-events: none; }
    .built-in-gas-conro.productguide .lineup__list__item[data-current="0"] .lineup__list__thumbnail li:nth-of-type(1) a::before {
      border-width: 4px; }
    .built-in-gas-conro.productguide .lineup__list__item[data-current="1"] .lineup__list__spec:nth-of-type(1),
    .built-in-gas-conro.productguide .lineup__list__item[data-current="1"] .lineup__list__photos li:nth-of-type(1) {
      animation: fadein 500ms ease;
      display: block flow; }
    .built-in-gas-conro.productguide .lineup__list__item[data-current="1"] .lineup__list__thumbnail li:nth-of-type(1) a {
      pointer-events: none; }
    .built-in-gas-conro.productguide .lineup__list__item[data-current="1"] .lineup__list__thumbnail li:nth-of-type(1) a::before {
      border-width: 4px; }
    .built-in-gas-conro.productguide .lineup__list__item[data-current="2"] .lineup__list__spec:nth-of-type(2),
    .built-in-gas-conro.productguide .lineup__list__item[data-current="2"] .lineup__list__photos li:nth-of-type(2) {
      animation: fadein 500ms ease;
      display: block flow; }
    .built-in-gas-conro.productguide .lineup__list__item[data-current="2"] .lineup__list__thumbnail li:nth-of-type(2) a {
      pointer-events: none; }
    .built-in-gas-conro.productguide .lineup__list__item[data-current="2"] .lineup__list__thumbnail li:nth-of-type(2) a::before {
      border-width: 4px; }
    .built-in-gas-conro.productguide .lineup__list__item[data-current="3"] .lineup__list__spec:nth-of-type(3),
    .built-in-gas-conro.productguide .lineup__list__item[data-current="3"] .lineup__list__photos li:nth-of-type(3) {
      animation: fadein 500ms ease;
      display: block flow; }
    .built-in-gas-conro.productguide .lineup__list__item[data-current="3"] .lineup__list__thumbnail li:nth-of-type(3) a {
      pointer-events: none; }
    .built-in-gas-conro.productguide .lineup__list__item[data-current="3"] .lineup__list__thumbnail li:nth-of-type(3) a::before {
      border-width: 4px; }
    .built-in-gas-conro.productguide .lineup__list__item[data-current="4"] .lineup__list__spec:nth-of-type(4),
    .built-in-gas-conro.productguide .lineup__list__item[data-current="4"] .lineup__list__photos li:nth-of-type(4) {
      animation: fadein 500ms ease;
      display: block flow; }
    .built-in-gas-conro.productguide .lineup__list__item[data-current="4"] .lineup__list__thumbnail li:nth-of-type(4) a {
      pointer-events: none; }
    .built-in-gas-conro.productguide .lineup__list__item[data-current="4"] .lineup__list__thumbnail li:nth-of-type(4) a::before {
      border-width: 4px; }
    .built-in-gas-conro.productguide .lineup__list__item[data-current="5"] .lineup__list__spec:nth-of-type(5),
    .built-in-gas-conro.productguide .lineup__list__item[data-current="5"] .lineup__list__photos li:nth-of-type(5) {
      animation: fadein 500ms ease;
      display: block flow; }
    .built-in-gas-conro.productguide .lineup__list__item[data-current="5"] .lineup__list__thumbnail li:nth-of-type(5) a {
      pointer-events: none; }
    .built-in-gas-conro.productguide .lineup__list__item[data-current="5"] .lineup__list__thumbnail li:nth-of-type(5) a::before {
      border-width: 4px; }
    .built-in-gas-conro.productguide .lineup__list__item[data-current="6"] .lineup__list__spec:nth-of-type(6),
    .built-in-gas-conro.productguide .lineup__list__item[data-current="6"] .lineup__list__photos li:nth-of-type(6) {
      animation: fadein 500ms ease;
      display: block flow; }
    .built-in-gas-conro.productguide .lineup__list__item[data-current="6"] .lineup__list__thumbnail li:nth-of-type(6) a {
      pointer-events: none; }
    .built-in-gas-conro.productguide .lineup__list__item[data-current="6"] .lineup__list__thumbnail li:nth-of-type(6) a::before {
      border-width: 4px; }
    .built-in-gas-conro.productguide .lineup__list__photos {
      margin-bottom: 10px;
      aspect-ratio: 360 / 240;
      background: var(--r-c-white); }
      .built-in-gas-conro.productguide .lineup__list__photos li {
        display: none; }
      .built-in-gas-conro.productguide .lineup__list__photos img {
        width: 100%; }
    .built-in-gas-conro.productguide .lineup__list__thumbnail {
      flex-wrap: wrap;
      gap: 9px;
      margin-bottom: 25px;
      display: block flex;
      justify-content: center;
      align-items: center; }
      @media screen and (max-width: 768px) {
        .built-in-gas-conro.productguide .lineup__list__thumbnail {
          margin-bottom: 15px; } }
      .built-in-gas-conro.productguide .lineup__list__thumbnail li {
        border: 1px solid var(--r-c-white);
        box-sizing: border-box;
        flex-basis: calc((100% - 9px*2) / 3);
        position: relative;
        aspect-ratio: 114 / 76; }
        .built-in-gas-conro.productguide .lineup__list__thumbnail li img {
          width: 100%; }
        .built-in-gas-conro.productguide .lineup__list__thumbnail li:has(a) {
          background: var(--r-c-white); }
        .built-in-gas-conro.productguide .lineup__list__thumbnail li a {
          display: block flow; }
          @media (hover: hover) {
            .built-in-gas-conro.productguide .lineup__list__thumbnail li a {
              text-decoration: none;
              transition: all 250ms ease; }
              .built-in-gas-conro.productguide .lineup__list__thumbnail li a:hover {
                opacity: 0.7; } }
          .built-in-gas-conro.productguide .lineup__list__thumbnail li a::before {
            border: 1px solid var(--r-c-white);
            content: "";
            margin: auto;
            position: absolute;
            transition: all 250ms ease;
            inset: -1px; }
    .built-in-gas-conro.productguide .lineup__list__spec {
      color: var(--r-c-darkgray);
      display: none;
      text-align: left; }
      .built-in-gas-conro.productguide .lineup__list__spec__text {
        font-weight: 400;
        margin-bottom: 15px;
        font-size: 1.2rem;
        line-height: 2em; }
        @media screen and (max-width: 768px) {
          .built-in-gas-conro.productguide .lineup__list__spec__text {
            margin-bottom: 10px; } }
        @media screen and (max-width: 768px) {
          .built-in-gas-conro.productguide .lineup__list__spec__text {
            font-size: 1.1rem;
            line-height: 1.8em; } }
      .built-in-gas-conro.productguide .lineup__list__spec__price {
        font-size: 1.2rem;
        line-height: 2em; }
        @media screen and (max-width: 768px) {
          .built-in-gas-conro.productguide .lineup__list__spec__price {
            font-size: 1.1rem;
            line-height: 1.8em; } }
        .built-in-gas-conro.productguide .lineup__list__spec__price strong {
          font-size: 1.8rem;
          font-weight: 500;
          line-height: 1.2em; }
          @media screen and (max-width: 768px) {
            .built-in-gas-conro.productguide .lineup__list__spec__price strong {
              font-size: 1.5rem; } }
        .built-in-gas-conro.productguide .lineup__list__spec__price + dl {
          margin-top: 15px; }
      .built-in-gas-conro.productguide .lineup__list__spec ul {
        flex-wrap: wrap;
        margin-bottom: 10px;
        display: block flex;
        justify-content: flex-start;
        align-items: center; }
        .built-in-gas-conro.productguide .lineup__list__spec ul li {
          border: 1px solid currentColor;
          box-sizing: border-box;
          height: 24px;
          margin-right: -1px;
          margin-bottom: -1px;
          min-width: 100px;
          padding: 0px 10px;
          display: block flex;
          justify-content: center;
          align-items: center;
          font-size: 1.2rem;
          line-height: 1.1em; }
          @media screen and (max-width: 768px) {
            .built-in-gas-conro.productguide .lineup__list__spec ul li {
              font-size: 1.1rem;
              line-height: 1.8em; } }
      .built-in-gas-conro.productguide .lineup__list__spec dl + ul {
        margin-top: 10px; }
      .built-in-gas-conro.productguide .lineup__list__spec dl dt {
        font-weight: 500;
        font-size: 1.5rem;
        line-height: 1.6; }
        @media screen and (max-width: 768px) {
          .built-in-gas-conro.productguide .lineup__list__spec dl dt {
            font-size: 1.3rem;
            line-height: 1.8em; } }
        .built-in-gas-conro.productguide .lineup__list__spec dl dt span {
          font-weight: 300;
          font-size: 1.2rem;
          line-height: 2em; }
          @media screen and (max-width: 768px) {
            .built-in-gas-conro.productguide .lineup__list__spec dl dt span {
              font-size: 1.1rem;
              line-height: 1.8em; } }
        .built-in-gas-conro.productguide .lineup__list__spec dl dt em {
          font-style: normal;
          font-weight: 400;
          font-size: 1.2rem;
          line-height: 2em; }
          @media screen and (max-width: 768px) {
            .built-in-gas-conro.productguide .lineup__list__spec dl dt em {
              font-size: 1.1rem;
              line-height: 1.8em; } }
      .built-in-gas-conro.productguide .lineup__list__spec dl dd {
        font-size: 1.2rem;
        line-height: 2em;
        margin-bottom: 5px; }
        @media screen and (max-width: 768px) {
          .built-in-gas-conro.productguide .lineup__list__spec dl dd {
            font-size: 1.1rem;
            line-height: 1.8em; } }

/*--

  productguide untensil

====================================================== --*/
.built-in-gas-conro.productguide .untensil {
  background: var(--r-c-white);
  padding: calc(var(--r-padding)*2) 0px; }
  .built-in-gas-conro.productguide .untensil__body {
    margin: 0px auto;
    max-width: var(--r-width); }
    .built-in-gas-conro.productguide .untensil__body > p {
      margin-bottom: var(--r-padding);
      font-size: 1.4rem;
      line-height: 1.928em;
      font-weight: 300; }
      @media screen and (max-width: 768px) {
        .built-in-gas-conro.productguide .untensil__body > p {
          font-size: 1.2rem;
          line-height: 1.8em; } }
  .built-in-gas-conro.productguide .untensil__caption {
    text-align: left;
    margin-top: 60px; }
    @media screen and (max-width: 768px) {
      .built-in-gas-conro.productguide .untensil__caption {
        margin-top: 30px; } }
    .built-in-gas-conro.productguide .untensil__caption li {
      color: var(--r-c-k60);
      font-weight: 400;
      padding-left: 1em;
      text-indent: -1em;
      font-size: 1.2rem;
      line-height: 1.75; }
      @media screen and (max-width: 768px) {
        .built-in-gas-conro.productguide .untensil__caption li {
          font-size: 1.1rem;
          line-height: 1.8em; } }
  .built-in-gas-conro.productguide .untensil__list {
    flex-wrap: wrap;
    gap: var(--r-padding) 60px;
    margin: 0px auto 0px;
    max-width: 1140px;
    display: block flex;
    justify-content: center;
    align-items: flex-start; }
    @media screen and (max-width: 768px) {
      .built-in-gas-conro.productguide .untensil__list {
        gap: var(--r-padding); } }
    .built-in-gas-conro.productguide .untensil__list li {
      position: relative;
      z-index: 1; }
      @media screen and (min-width: 769px) {
        .built-in-gas-conro.productguide .untensil__list li {
          flex-basis: calc((100% - 60px * 3) / 4); } }
      @media screen and (max-width: 768px) {
        .built-in-gas-conro.productguide .untensil__list li {
          flex-basis: calc((100% - var(--r-padding) * 1) / 2); } }
      .built-in-gas-conro.productguide .untensil__list li::before {
        background: var(--r-c-k5);
        border-radius: 100%;
        content: "";
        margin: auto;
        position: absolute;
        width: 100%;
        z-index: -1;
        inset: 0px 0px auto;
        aspect-ratio: 1 / 1; }
      .built-in-gas-conro.productguide .untensil__list li img {
        width: 100%; }
      .built-in-gas-conro.productguide .untensil__list li p {
        font-weight: 400;
        margin-top: 10px;
        font-size: 1.5rem;
        line-height: 1.8em; }
        @media screen and (max-width: 768px) {
          .built-in-gas-conro.productguide .untensil__list li p {
            font-size: 1.3rem;
            line-height: 1.8em; } }

/*--

  built-in-gas-conro article

====================================================== --*/
/*--

  howtochoose article

====================================================== --*/
.built-in-gas-conro.howtochoose {
  position: relative;
  z-index: 1;
  overflow: clip; }
  .built-in-gas-conro.howtochoose::before {
    z-index: -1;
    position: sticky;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100vh;
    display: block;
    margin-bottom: -100vh;
    background: radial-gradient(circle at 10% 20%, #e4e6e8 0%, transparent 40%), radial-gradient(circle at 10% 80%, #b0b4ba 0%, transparent 50%), radial-gradient(circle at 90% 20%, #bfc6cd 0%, transparent 50%), linear-gradient(90deg, #e4e6e8, #bfc6cd);
    content: ""; }
  .built-in-gas-conro.howtochoose .howtochoose__block {
    padding: calc(var(--r-padding)*2) 0px; }
    .built-in-gas-conro.howtochoose .howtochoose__block--white {
      background: var(--r-c-white); }
    .built-in-gas-conro.howtochoose .howtochoose__block--k5 {
      background: var(--r-c-k5); }
  .built-in-gas-conro.howtochoose .howtochoose__body {
    margin: 0px auto;
    max-width: var(--r-width); }
  .built-in-gas-conro.howtochoose .howtochoose__lead {
    margin-bottom: var(--r-padding);
    font-size: 1.4rem;
    line-height: 1.928em;
    font-weight: 300; }
    @media screen and (max-width: 768px) {
      .built-in-gas-conro.howtochoose .howtochoose__lead {
        font-size: 1.2rem;
        line-height: 1.8em; } }
  .built-in-gas-conro.howtochoose .howtochoose__number {
    border: 1px solid currentColor;
    border-radius: 100%;
    box-sizing: border-box;
    height: 60px;
    margin: -20px auto var(--r-padding);
    width: 60px;
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 1.5em;
    display: block flex;
    justify-content: center;
    align-items: center; }
    @media screen and (max-width: 768px) {
      .built-in-gas-conro.howtochoose .howtochoose__number {
        height: 45px;
        margin-top: -10px;
        width: 45px; } }
    @media screen and (max-width: 768px) {
      .built-in-gas-conro.howtochoose .howtochoose__number {
        font-size: 1.5rem; } }
  .built-in-gas-conro.howtochoose .howtochoose__text {
    font-size: 2.4rem;
    font-weight: 300;
    line-height: 1.5em; }
    @media screen and (max-width: 768px) {
      .built-in-gas-conro.howtochoose .howtochoose__text {
        font-size: 2.1rem; } }
  .built-in-gas-conro.howtochoose .built-in-gas-conro__information__list {
    margin-bottom: calc(var(--r-padding)*2); }
  .built-in-gas-conro.howtochoose .mainvisual {
    position: relative; }
    .built-in-gas-conro.howtochoose .mainvisual img {
      width: 100%; }
      @media screen and (max-width: 768px) {
        .built-in-gas-conro.howtochoose .mainvisual img {
          height: 300px;
          object-fit: cover; } }
    .built-in-gas-conro.howtochoose .mainvisual dl {
      background: rgb(0 0 0 / 0.4);
      color: var(--r-c-white);
      margin: auto;
      padding: var(--r-padding) 60px;
      position: absolute;
      inset: auto 0px 0px 0px; }
      @media screen and (max-width: 768px) {
        .built-in-gas-conro.howtochoose .mainvisual dl {
          padding: var(--r-padding); } }
      .built-in-gas-conro.howtochoose .mainvisual dl dt {
        border-bottom: 1px solid rgb(255 255 255 / 0.6);
        margin-bottom: 15px;
        margin-top: -5px;
        padding-bottom: 5px;
        font-size: 3.6rem;
        font-weight: 300;
        line-height: 1.5em; }
        @media screen and (max-width: 768px) {
          .built-in-gas-conro.howtochoose .mainvisual dl dt {
            margin-bottom: 10px; } }
        @media screen and (max-width: 768px) {
          .built-in-gas-conro.howtochoose .mainvisual dl dt {
            font-size: 2.1rem; } }
      .built-in-gas-conro.howtochoose .mainvisual dl dd {
        font-size: 1.8rem;
        font-weight: 300;
        line-height: 1.5em; }
        @media screen and (max-width: 768px) {
          .built-in-gas-conro.howtochoose .mainvisual dl dd {
            font-size: 1.5rem; } }
        @media screen and (max-width: 768px) {
          .built-in-gas-conro.howtochoose .mainvisual dl dd {
            font-size: 1.3rem; } }
  .built-in-gas-conro.howtochoose .lead p {
    margin-bottom: calc(var(--r-padding)*2);
    font-size: 1.4rem;
    line-height: 2.142em;
    font-weight: 300; }
    @media screen and (max-width: 768px) {
      .built-in-gas-conro.howtochoose .lead p {
        text-align: left; } }
    @media screen and (max-width: 768px) {
      .built-in-gas-conro.howtochoose .lead p {
        font-size: 1.2rem;
        line-height: 1.8em; } }
  .built-in-gas-conro.howtochoose .lead ul {
    gap: calc(var(--r-padding)*2);
    display: block flex;
    justify-content: center;
    align-items: flex-start; }
    @media screen and (max-width: 768px) {
      .built-in-gas-conro.howtochoose .lead ul {
        gap: var(--r-padding); } }
    .built-in-gas-conro.howtochoose .lead ul li {
      flex-basis: 540px;
      flex-grow: 10; }
    .built-in-gas-conro.howtochoose .lead ul img {
      width: 100%; }
    .built-in-gas-conro.howtochoose .lead ul figcaption {
      font-weight: 400;
      margin-top: 15px;
      font-size: 1.5rem;
      line-height: 1.8em; }
      @media screen and (max-width: 768px) {
        .built-in-gas-conro.howtochoose .lead ul figcaption {
          font-size: 1.3rem;
          line-height: 1.8em; } }
  .built-in-gas-conro.howtochoose .point table {
    font-size: 1.4rem;
    line-height: 2.142em;
    font-weight: 300; }
    @media screen and (max-width: 768px) {
      .built-in-gas-conro.howtochoose .point table {
        font-size: 1.2rem;
        line-height: 1.8em; } }
    @media screen and (max-width: 768px) {
      .built-in-gas-conro.howtochoose .point table {
        line-height: 1.7em; } }
    .built-in-gas-conro.howtochoose .point table td,
    .built-in-gas-conro.howtochoose .point table th {
      border: 1px solid var(--r-c-k20);
      padding: 15px 20px;
      text-align: left;
      vertical-align: top; }
      @media screen and (max-width: 768px) {
        .built-in-gas-conro.howtochoose .point table td,
        .built-in-gas-conro.howtochoose .point table th {
          padding: 10px 15px; } }
    .built-in-gas-conro.howtochoose .point table th {
      background: var(--r-c-clamultrablue);
      font-weight: 400; }
      .built-in-gas-conro.howtochoose .point table th[colspan] {
        background: var(--r-c-clamblue);
        color: var(--r-c-white);
        font-weight: 500; }
  .built-in-gas-conro.howtochoose .anchorlink {
    padding: 50px 0px;
    background: radial-gradient(circle at 10% 20%, #e4e6e8 0%, transparent 40%), radial-gradient(circle at 10% 80%, #414a53 0%, transparent 50%), radial-gradient(circle at 90% 20%, #414a53 0%, transparent 50%), radial-gradient(circle at 90% 80%, #e4e6e8 0%, transparent 50%), #899199; }
    @media screen and (max-width: 768px) {
      .built-in-gas-conro.howtochoose .anchorlink {
        padding: calc(var(--r-padding)*2) 0px; } }
    .built-in-gas-conro.howtochoose .anchorlink ul {
      counter-reset: anchor;
      flex-wrap: wrap;
      gap: 20px;
      margin: 0px auto;
      max-width: var(--r-width);
      display: block flex;
      justify-content: flex-start;
      align-items: center; }
      @media screen and (max-width: 768px) {
        .built-in-gas-conro.howtochoose .anchorlink ul {
          gap: 15px; } }
      .built-in-gas-conro.howtochoose .anchorlink ul li {
        background: var(--r-c-white);
        border-radius: 60px;
        counter-increment: anchor;
        flex-basis: calc((100% - 40px) / 3);
        height: 60px; }
        @media screen and (max-width: 768px) {
          .built-in-gas-conro.howtochoose .anchorlink ul li {
            flex-basis: calc((100% - 15px) / 2);
            height: 40px; } }
        .built-in-gas-conro.howtochoose .anchorlink ul li a {
          border-radius: 60px;
          box-sizing: border-box;
          color: var(--r-c-clamblue);
          font-weight: 400;
          gap: 17px;
          height: 100%;
          padding: 12px;
          text-align: left;
          font-size: 1.5rem;
          line-height: 1.2em;
          display: block flex;
          justify-content: flex-start;
          align-items: center; }
          @media screen and (max-width: 768px) {
            .built-in-gas-conro.howtochoose .anchorlink ul li a {
              gap: 8px;
              padding: 10px; } }
          @media screen and (max-width: 768px) {
            .built-in-gas-conro.howtochoose .anchorlink ul li a {
              font-size: 1.3rem;
              line-height: 1.2em; } }
          @media (hover: hover) {
            .built-in-gas-conro.howtochoose .anchorlink ul li a {
              transition: all 250ms ease; }
              .built-in-gas-conro.howtochoose .anchorlink ul li a:hover {
                background: var(--r-c-clamblue);
                color: var(--r-c-white); } }
          .built-in-gas-conro.howtochoose .anchorlink ul li a::before {
            border: 1px solid currentColor;
            border-radius: 100%;
            box-sizing: border-box;
            content: "0" counter(anchor);
            flex-shrink: 0;
            font-weight: 500;
            height: 36px;
            width: 36px;
            display: block flex;
            justify-content: center;
            align-items: center;
            font-size: 1.2rem;
            line-height: 2em; }
            @media screen and (max-width: 768px) {
              .built-in-gas-conro.howtochoose .anchorlink ul li a::before {
                height: 26px;
                width: 26px; } }
            @media screen and (max-width: 768px) {
              .built-in-gas-conro.howtochoose .anchorlink ul li a::before {
                font-size: 1.1rem;
                line-height: 1.8em; } }
  .built-in-gas-conro.howtochoose .pattern ul {
    gap: var(--r-padding);
    display: block flex;
    justify-content: center;
    align-items: stretch; }
    @media screen and (max-width: 768px) {
      .built-in-gas-conro.howtochoose .pattern ul {
        flex-direction: column; } }
    .built-in-gas-conro.howtochoose .pattern ul li {
      background: var(--r-c-k5);
      border: 1px solid var(--r-c-k20);
      box-sizing: border-box;
      flex-grow: 10;
      text-align: left; }
      @media screen and (min-width: 769px) {
        .built-in-gas-conro.howtochoose .pattern ul li {
          flex-basis: 360px; } }
      .built-in-gas-conro.howtochoose .pattern ul li figure {
        margin-bottom: 25px;
        border-bottom: 1px solid var(--r-c-k20);
        background: var(--r-c-white); }
        @media screen and (max-width: 768px) {
          .built-in-gas-conro.howtochoose .pattern ul li figure {
            margin-bottom: 15px; } }
        .built-in-gas-conro.howtochoose .pattern ul li figure img {
          width: 100%; }
      .built-in-gas-conro.howtochoose .pattern ul li h3 {
        margin: 0px 30px 10px;
        font-size: 1.8rem;
        font-weight: 400;
        line-height: 1.666em; }
        @media screen and (max-width: 768px) {
          .built-in-gas-conro.howtochoose .pattern ul li h3 {
            margin: 0px var(--r-padding) 5px; } }
        @media screen and (max-width: 768px) {
          .built-in-gas-conro.howtochoose .pattern ul li h3 {
            font-size: 1.5rem; } }
      .built-in-gas-conro.howtochoose .pattern ul li p {
        margin: 0px 30px 35px;
        font-size: 1.4rem;
        line-height: 1.928em;
        font-weight: 300; }
        @media screen and (max-width: 768px) {
          .built-in-gas-conro.howtochoose .pattern ul li p {
            margin: 0px var(--r-padding) 20px; } }
        @media screen and (max-width: 768px) {
          .built-in-gas-conro.howtochoose .pattern ul li p {
            font-size: 1.2rem;
            line-height: 1.8em; } }
  .built-in-gas-conro.howtochoose .toppanel ul {
    gap: calc(var(--r-padding)*2);
    display: block flex;
    justify-content: center;
    align-items: stretch; }
    @media screen and (max-width: 768px) {
      .built-in-gas-conro.howtochoose .toppanel ul {
        flex-direction: column;
        gap: var(--r-padding); } }
    .built-in-gas-conro.howtochoose .toppanel ul li {
      background: var(--r-c-white);
      border: 1px solid var(--r-c-k20);
      box-sizing: border-box;
      flex-grow: 10;
      padding: 25px 30px 10px;
      text-align: left; }
      @media screen and (max-width: 768px) {
        .built-in-gas-conro.howtochoose .toppanel ul li {
          padding: var(--r-padding) var(--r-padding) 10px; } }
      @media screen and (min-width: 769px) {
        .built-in-gas-conro.howtochoose .toppanel ul li {
          flex-basis: 540px; } }
      .built-in-gas-conro.howtochoose .toppanel ul li figure {
        border: 1px solid var(--r-c-k20); }
        .built-in-gas-conro.howtochoose .toppanel ul li figure img {
          width: 100%; }
      .built-in-gas-conro.howtochoose .toppanel ul li h3 {
        margin: 0px 0px 10px;
        font-size: 1.8rem;
        font-weight: 500;
        line-height: 1.666em; }
        @media screen and (max-width: 768px) {
          .built-in-gas-conro.howtochoose .toppanel ul li h3 {
            margin-bottom: 5px; } }
        @media screen and (max-width: 768px) {
          .built-in-gas-conro.howtochoose .toppanel ul li h3 {
            font-size: 1.5rem; } }
      .built-in-gas-conro.howtochoose .toppanel ul li p {
        margin: 0px 0px 25px;
        font-size: 1.4rem;
        line-height: 1.928em;
        font-weight: 300; }
        @media screen and (max-width: 768px) {
          .built-in-gas-conro.howtochoose .toppanel ul li p {
            margin-bottom: 15px; } }
        @media screen and (max-width: 768px) {
          .built-in-gas-conro.howtochoose .toppanel ul li p {
            font-size: 1.2rem;
            line-height: 1.8em; } }
      .built-in-gas-conro.howtochoose .toppanel ul li dl {
        flex-wrap: wrap;
        display: block flex;
        justify-content: flex-start;
        align-items: stretch;
        font-size: 1.5rem;
        line-height: 2em; }
        @media screen and (max-width: 768px) {
          .built-in-gas-conro.howtochoose .toppanel ul li dl {
            font-size: 1.3rem;
            line-height: 1.8em; } }
        .built-in-gas-conro.howtochoose .toppanel ul li dl dt,
        .built-in-gas-conro.howtochoose .toppanel ul li dl dd {
          border-bottom: 1px solid var(--r-c-k20);
          display: block flex;
          justify-content: flex-start;
          align-items: center; }
          .built-in-gas-conro.howtochoose .toppanel ul li dl dt:last-of-type,
          .built-in-gas-conro.howtochoose .toppanel ul li dl dd:last-of-type {
            border-bottom: none; }
        .built-in-gas-conro.howtochoose .toppanel ul li dl dt {
          flex-basis: 120px;
          font-weight: 400; }
          @media screen and (max-width: 768px) {
            .built-in-gas-conro.howtochoose .toppanel ul li dl dt {
              flex-basis: 90px; } }
        .built-in-gas-conro.howtochoose .toppanel ul li dl dd {
          box-sizing: border-box;
          flex-basis: calc(100% - 120px);
          min-height: 90px;
          padding: 10px 0px; }
          @media screen and (max-width: 768px) {
            .built-in-gas-conro.howtochoose .toppanel ul li dl dd {
              flex-basis: calc(100% - 90px); } }
  .built-in-gas-conro.howtochoose .gas__list {
    gap: 0px calc(var(--r-padding)*2);
    margin-bottom: 50px;
    display: block grid;
    grid-template-columns: 1fr 1fr; }
    @media screen and (max-width: 768px) {
      .built-in-gas-conro.howtochoose .gas__list {
        display: block flow;
        margin-bottom: 30px; } }
    .built-in-gas-conro.howtochoose .gas__list > li {
      border: 1px solid var(--r-c-k20);
      box-sizing: border-box;
      padding: 25px 30px 30px;
      text-align: left;
      display: block grid;
      grid-template-rows: subgrid;
      grid-row: span 3; }
      @media screen and (min-width: 769px) {
        .built-in-gas-conro.howtochoose .gas__list > li {
          flex-basis: 540px; } }
      @media screen and (max-width: 768px) {
        .built-in-gas-conro.howtochoose .gas__list > li {
          padding: var(--r-padding);
          margin-bottom: var(--r-padding); } }
      .built-in-gas-conro.howtochoose .gas__list > li figure {
        border: 1px solid var(--r-c-k20); }
        .built-in-gas-conro.howtochoose .gas__list > li figure img {
          width: 100%; }
      .built-in-gas-conro.howtochoose .gas__list > li h3 {
        margin: 0px 0px 10px;
        font-size: 1.8rem;
        font-weight: 500;
        line-height: 1.666em; }
        @media screen and (max-width: 768px) {
          .built-in-gas-conro.howtochoose .gas__list > li h3 {
            margin: 0px 0px 5px; } }
        @media screen and (max-width: 768px) {
          .built-in-gas-conro.howtochoose .gas__list > li h3 {
            font-size: 1.5rem; } }
      .built-in-gas-conro.howtochoose .gas__list > li li {
        font-size: 1.4rem;
        line-height: 1.928em;
        font-weight: 300; }
        @media screen and (max-width: 768px) {
          .built-in-gas-conro.howtochoose .gas__list > li li {
            font-size: 1.2rem;
            line-height: 1.8em; } }
      .built-in-gas-conro.howtochoose .gas__list > li ul {
        margin: 0px 0px 25px; }
        @media screen and (max-width: 768px) {
          .built-in-gas-conro.howtochoose .gas__list > li ul {
            margin: 0px 0px 15px; } }
  .built-in-gas-conro.howtochoose .gas__text {
    margin-bottom: 15px;
    text-align: left;
    font-size: 1.4rem;
    line-height: 1.928em;
    font-weight: 300; }
    @media screen and (max-width: 768px) {
      .built-in-gas-conro.howtochoose .gas__text {
        font-size: 1.2rem;
        line-height: 1.8em; } }
  .built-in-gas-conro.howtochoose .gas table {
    font-size: 1.4rem;
    line-height: 2.142em;
    font-weight: 300; }
    @media screen and (max-width: 768px) {
      .built-in-gas-conro.howtochoose .gas table {
        font-size: 1.2rem;
        line-height: 1.8em; } }
    @media screen and (max-width: 768px) {
      .built-in-gas-conro.howtochoose .gas table {
        line-height: 1.7em; } }
    .built-in-gas-conro.howtochoose .gas table td,
    .built-in-gas-conro.howtochoose .gas table th {
      border: 1px solid var(--r-c-k20);
      padding: 15px 20px;
      text-align: left;
      vertical-align: top; }
      @media screen and (max-width: 768px) {
        .built-in-gas-conro.howtochoose .gas table td,
        .built-in-gas-conro.howtochoose .gas table th {
          padding: 10px 15px; } }
    .built-in-gas-conro.howtochoose .gas table th {
      background: var(--r-c-clamultrablue);
      font-weight: 400; }
    .built-in-gas-conro.howtochoose .gas table thead th {
      background: var(--r-c-clamblue);
      color: var(--r-c-white);
      font-weight: 500; }
  .built-in-gas-conro.howtochoose .burner ul {
    gap: calc(var(--r-padding)*2);
    display: block flex;
    justify-content: center;
    align-items: stretch; }
    @media screen and (max-width: 768px) {
      .built-in-gas-conro.howtochoose .burner ul {
        flex-direction: column;
        gap: var(--r-padding); } }
    .built-in-gas-conro.howtochoose .burner ul li {
      background: var(--r-c-white);
      border: 1px solid var(--r-c-k20);
      box-sizing: border-box;
      flex-grow: 10;
      padding: 25px 30px 30px;
      text-align: left; }
      @media screen and (min-width: 769px) {
        .built-in-gas-conro.howtochoose .burner ul li {
          flex-basis: 540px; } }
      @media screen and (max-width: 768px) {
        .built-in-gas-conro.howtochoose .burner ul li {
          padding: var(--r-padding); } }
      .built-in-gas-conro.howtochoose .burner ul li figure {
        border: 1px solid var(--r-c-k20); }
        .built-in-gas-conro.howtochoose .burner ul li figure img {
          width: 100%; }
      .built-in-gas-conro.howtochoose .burner ul li h3 {
        margin: 0px 0px 25px;
        font-size: 1.8rem;
        font-weight: 300;
        line-height: 1.666em; }
        @media screen and (max-width: 768px) {
          .built-in-gas-conro.howtochoose .burner ul li h3 {
            margin-bottom: 15px; } }
        @media screen and (max-width: 768px) {
          .built-in-gas-conro.howtochoose .burner ul li h3 {
            font-size: 1.5rem; } }
        .built-in-gas-conro.howtochoose .burner ul li h3 em {
          font-style: normal;
          font-weight: 500; }
  .built-in-gas-conro.howtochoose .oven ul {
    gap: calc(var(--r-padding)*2);
    display: block flex;
    justify-content: center;
    align-items: stretch; }
    @media screen and (max-width: 768px) {
      .built-in-gas-conro.howtochoose .oven ul {
        flex-direction: column;
        gap: var(--r-padding); } }
    .built-in-gas-conro.howtochoose .oven ul li {
      background: var(--r-c-white);
      border: 1px solid var(--r-c-k20);
      box-sizing: border-box;
      flex-grow: 10;
      padding: 25px 30px 12px;
      text-align: left; }
      @media screen and (min-width: 769px) {
        .built-in-gas-conro.howtochoose .oven ul li {
          flex-basis: 540px; } }
      @media screen and (max-width: 768px) {
        .built-in-gas-conro.howtochoose .oven ul li {
          padding: var(--r-padding); } }
      .built-in-gas-conro.howtochoose .oven ul li figure {
        border: 1px solid var(--r-c-k20);
        margin-bottom: 25px; }
        @media screen and (max-width: 768px) {
          .built-in-gas-conro.howtochoose .oven ul li figure {
            margin-bottom: 15px; } }
        .built-in-gas-conro.howtochoose .oven ul li figure img {
          width: 100%; }
      .built-in-gas-conro.howtochoose .oven ul li h3 {
        margin: 0px 0px 10px;
        font-size: 1.8rem;
        font-weight: 500;
        line-height: 1.666em; }
        @media screen and (max-width: 768px) {
          .built-in-gas-conro.howtochoose .oven ul li h3 {
            margin-bottom: 5px; } }
        @media screen and (max-width: 768px) {
          .built-in-gas-conro.howtochoose .oven ul li h3 {
            font-size: 1.5rem; } }
      .built-in-gas-conro.howtochoose .oven ul li p {
        margin: 0px 0px 20px;
        font-size: 1.4rem;
        line-height: 1.928em;
        font-weight: 300; }
        @media screen and (max-width: 768px) {
          .built-in-gas-conro.howtochoose .oven ul li p {
            margin-bottom: 10px; } }
        @media screen and (max-width: 768px) {
          .built-in-gas-conro.howtochoose .oven ul li p {
            font-size: 1.2rem;
            line-height: 1.8em; } }
      .built-in-gas-conro.howtochoose .oven ul li dl {
        font-size: 1.5rem;
        line-height: 2em; }
        @media screen and (max-width: 768px) {
          .built-in-gas-conro.howtochoose .oven ul li dl {
            font-size: 1.3rem;
            line-height: 1.8em; } }
        .built-in-gas-conro.howtochoose .oven ul li dl dt {
          font-weight: 400;
          margin-bottom: 10px; }
          @media screen and (max-width: 768px) {
            .built-in-gas-conro.howtochoose .oven ul li dl dt {
              margin-bottom: 5px; } }
        .built-in-gas-conro.howtochoose .oven ul li dl dd {
          border-bottom: 1px solid var(--r-c-k20);
          margin-bottom: 23px;
          padding: 0px 0px 15px; }
          @media screen and (max-width: 768px) {
            .built-in-gas-conro.howtochoose .oven ul li dl dd {
              margin-bottom: 15px;
              padding: 0px 0px 10px; } }
          .built-in-gas-conro.howtochoose .oven ul li dl dd:last-of-type {
            border-bottom: none;
            margin-bottom: 0px; }
  .built-in-gas-conro.howtochoose .emphasis nav,
  .built-in-gas-conro.howtochoose .lifestyle nav {
    margin: calc(var(--r-padding)*2) auto 0px;
    display: block flex;
    justify-content: center;
    align-items: center; }
  .built-in-gas-conro.howtochoose .emphasis__list,
  .built-in-gas-conro.howtochoose .lifestyle__list {
    display: block grid;
    gap: calc(var(--r-padding)*2);
    grid-template-columns: 1fr 1fr; }
    @media screen and (max-width: 768px) {
      .built-in-gas-conro.howtochoose .emphasis__list,
      .built-in-gas-conro.howtochoose .lifestyle__list {
        gap: var(--r-padding);
        grid-template-columns: 1fr; } }
    .built-in-gas-conro.howtochoose .emphasis__list > li,
    .built-in-gas-conro.howtochoose .lifestyle__list > li {
      background: var(--r-c-white);
      border: 1px solid var(--r-c-k20);
      box-sizing: border-box;
      display: block grid;
      gap: 0px;
      padding: 25px 30px 40px;
      text-align: left;
      grid-template-columns: 1fr 1fr;
      grid-template-rows: subgrid;
      grid-row: span 4; }
      @media screen and (max-width: 768px) {
        .built-in-gas-conro.howtochoose .emphasis__list > li,
        .built-in-gas-conro.howtochoose .lifestyle__list > li {
          padding: var(--r-padding); } }
    .built-in-gas-conro.howtochoose .emphasis__list h3,
    .built-in-gas-conro.howtochoose .lifestyle__list h3 {
      align-self: center;
      margin-bottom: 30px;
      font-size: 1.8rem;
      font-weight: 500;
      line-height: 1.75em; }
      @media screen and (max-width: 768px) {
        .built-in-gas-conro.howtochoose .emphasis__list h3,
        .built-in-gas-conro.howtochoose .lifestyle__list h3 {
          margin-bottom: 15px; } }
      @media screen and (max-width: 768px) {
        .built-in-gas-conro.howtochoose .emphasis__list h3,
        .built-in-gas-conro.howtochoose .lifestyle__list h3 {
          font-size: 1.5rem; } }
    .built-in-gas-conro.howtochoose .emphasis__list ul,
    .built-in-gas-conro.howtochoose .lifestyle__list ul {
      border: 1px solid var(--r-c-k20);
      padding: 20px;
      grid-column: 1 / 3; }
      .built-in-gas-conro.howtochoose .emphasis__list ul li,
      .built-in-gas-conro.howtochoose .lifestyle__list ul li {
        padding-left: 40px;
        position: relative;
        font-size: 1.5rem;
        line-height: 1.8em; }
        @media screen and (max-width: 768px) {
          .built-in-gas-conro.howtochoose .emphasis__list ul li,
          .built-in-gas-conro.howtochoose .lifestyle__list ul li {
            font-size: 1.3rem;
            line-height: 1.8em; } }
        .built-in-gas-conro.howtochoose .emphasis__list ul li + li,
        .built-in-gas-conro.howtochoose .lifestyle__list ul li + li {
          margin-top: 14px; }
        .built-in-gas-conro.howtochoose .emphasis__list ul li::before,
        .built-in-gas-conro.howtochoose .lifestyle__list ul li::before {
          border: 1px solid var(--r-c-k20);
          box-sizing: border-box;
          content: "";
          height: 20px;
          left: 0px;
          position: absolute;
          top: 2px;
          width: 20px;
          transition: all 250ms ease; }
          @media screen and (max-width: 768px) {
            .built-in-gas-conro.howtochoose .emphasis__list ul li::before,
            .built-in-gas-conro.howtochoose .lifestyle__list ul li::before {
              top: 1px; } }
        .built-in-gas-conro.howtochoose .emphasis__list ul li::after,
        .built-in-gas-conro.howtochoose .lifestyle__list ul li::after {
          background: var(--r-c-deepred);
          content: "";
          height: 18px;
          left: 5px;
          position: absolute;
          top: -4px;
          width: 22px;
          clip-path: polygon(26.68% 100%, 0% 66.65%, 6.59% 58.41%, 26.68% 83.47%, 93.41% 0%, 100% 8.24%, 26.68% 100%);
          transition: all 250ms ease; }
          @media screen and (max-width: 768px) {
            .built-in-gas-conro.howtochoose .emphasis__list ul li::after,
            .built-in-gas-conro.howtochoose .lifestyle__list ul li::after {
              top: 0px; } }
    .built-in-gas-conro.howtochoose .emphasis__list dl,
    .built-in-gas-conro.howtochoose .lifestyle__list dl {
      border: 1px solid var(--r-c-k20);
      border-top: none;
      padding: 12px 20px 20px;
      font-size: 1.5rem;
      line-height: 2.6em;
      grid-column: 1 / 3; }
      @media screen and (max-width: 768px) {
        .built-in-gas-conro.howtochoose .emphasis__list dl,
        .built-in-gas-conro.howtochoose .lifestyle__list dl {
          font-size: 1.3rem;
          line-height: 1.8em; } }
      .built-in-gas-conro.howtochoose .emphasis__list dl dt,
      .built-in-gas-conro.howtochoose .lifestyle__list dl dt {
        font-weight: 300; }
      .built-in-gas-conro.howtochoose .emphasis__list dl dd,
      .built-in-gas-conro.howtochoose .lifestyle__list dl dd {
        font-weight: 400; }
        .built-in-gas-conro.howtochoose .emphasis__list dl dd a,
        .built-in-gas-conro.howtochoose .lifestyle__list dl dd a {
          color: var(--r-c-black);
          text-decoration: underline; }
          @media (hover: hover) {
            .built-in-gas-conro.howtochoose .emphasis__list dl dd a:hover,
            .built-in-gas-conro.howtochoose .lifestyle__list dl dd a:hover {
              text-decoration: none; } }
    .built-in-gas-conro.howtochoose .emphasis__list figure,
    .built-in-gas-conro.howtochoose .lifestyle__list figure {
      margin-bottom: 30px;
      border: 1px solid var(--r-c-k20); }
      @media screen and (max-width: 768px) {
        .built-in-gas-conro.howtochoose .emphasis__list figure,
        .built-in-gas-conro.howtochoose .lifestyle__list figure {
          margin-bottom: 15px; } }
      .built-in-gas-conro.howtochoose .emphasis__list figure img,
      .built-in-gas-conro.howtochoose .lifestyle__list figure img {
        width: 100%; }
  .built-in-gas-conro.howtochoose .emphasis__list > li {
    background: var(--r-c-k5); }
  .built-in-gas-conro.howtochoose .emphasis__list ul {
    background: var(--r-c-white); }
  .built-in-gas-conro.howtochoose .emphasis__list dl {
    background: var(--r-c-white); }
  .built-in-gas-conro.howtochoose .lineup ul {
    flex-wrap: wrap;
    gap: var(--r-padding) 26px;
    display: block flex;
    justify-content: flex-start;
    align-items: stretch; }
    @media screen and (max-width: 768px) {
      .built-in-gas-conro.howtochoose .lineup ul {
        gap: var(--r-padding); } }
    .built-in-gas-conro.howtochoose .lineup ul li {
      background: var(--r-c-white);
      border: 1px solid var(--r-c-k20);
      box-sizing: border-box;
      flex-grow: 10;
      padding-bottom: 20px;
      text-align: left; }
      @media screen and (min-width: 769px) {
        .built-in-gas-conro.howtochoose .lineup ul li {
          flex-basis: calc((100% - 26px*3) / 4); } }
      @media screen and (max-width: 768px) {
        .built-in-gas-conro.howtochoose .lineup ul li {
          flex-basis: calc((100% - var(--r-padding)) * 0.5); } }
      .built-in-gas-conro.howtochoose .lineup ul li figure {
        position: relative; }
        .built-in-gas-conro.howtochoose .lineup ul li figure img {
          width: 100%; }
        .built-in-gas-conro.howtochoose .lineup ul li figure figcaption {
          background: var(--r-c-red);
          border-radius: 100%;
          bottom: -30px;
          color: var(--r-c-white);
          font-size: 400;
          height: 60px;
          position: absolute;
          right: 12px;
          text-align: center;
          width: 60px;
          font-size: 9px;
          line-height: 1.333em;
          display: block flex;
          justify-content: center;
          align-items: center; }
          @media screen and (max-width: 768px) {
            .built-in-gas-conro.howtochoose .lineup ul li figure figcaption {
              bottom: -20px;
              height: 50px;
              right: -10px;
              width: 50px; } }
      .built-in-gas-conro.howtochoose .lineup ul li h3 {
        margin: 20px 25px 10px;
        font-size: 1.8rem;
        font-weight: 500;
        line-height: 1.5em; }
        @media screen and (max-width: 768px) {
          .built-in-gas-conro.howtochoose .lineup ul li h3 {
            margin: 10px var(--r-padding) 5px; } }
        @media screen and (max-width: 768px) {
          .built-in-gas-conro.howtochoose .lineup ul li h3 {
            font-size: 1.5rem; } }
        .built-in-gas-conro.howtochoose .lineup ul li h3 span {
          font-size: 1rem; }
      .built-in-gas-conro.howtochoose .lineup ul li nav {
        display: block flex;
        justify-content: center;
        align-items: center; }
        @media screen and (max-width: 768px) {
          .built-in-gas-conro.howtochoose .lineup ul li nav {
            margin: 0px var(--r-padding); } }
      .built-in-gas-conro.howtochoose .lineup ul li p {
        margin: 0px 25px 15px;
        font-size: 1.2rem;
        line-height: 1.75em; }
        @media screen and (max-width: 768px) {
          .built-in-gas-conro.howtochoose .lineup ul li p {
            margin: 0px var(--r-padding) 10px; } }
        @media screen and (max-width: 768px) {
          .built-in-gas-conro.howtochoose .lineup ul li p {
            font-size: 1.1rem;
            line-height: 1.8em; } }

/*--

  errorcode article

====================================================== --*/
.built-in-gas-conro.errorcode {
  position: relative;
  z-index: 1;
  overflow: clip; }
  .built-in-gas-conro.errorcode::before {
    z-index: -1;
    position: sticky;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100vh;
    display: block;
    margin-bottom: -100vh;
    background: radial-gradient(circle at 10% 20%, #e4e6e8 0%, transparent 40%), radial-gradient(circle at 10% 80%, #b0b4ba 0%, transparent 50%), radial-gradient(circle at 90% 20%, #bfc6cd 0%, transparent 50%), linear-gradient(90deg, #e4e6e8, #bfc6cd);
    content: ""; }
  .built-in-gas-conro.errorcode .errorcode__block {
    padding: calc(var(--r-padding)*2) 0px; }
    .built-in-gas-conro.errorcode .errorcode__block--white {
      background: var(--r-c-white); }
    .built-in-gas-conro.errorcode .errorcode__block--k5 {
      background: var(--r-c-k5); }
  .built-in-gas-conro.errorcode .errorcode__body {
    margin: 0px auto;
    max-width: var(--r-width); }
  .built-in-gas-conro.errorcode .errorcode__lead {
    margin-bottom: var(--r-padding);
    font-size: 1.4rem;
    line-height: 1.928em;
    font-weight: 300; }
    @media screen and (max-width: 768px) {
      .built-in-gas-conro.errorcode .errorcode__lead {
        font-size: 1.2rem;
        line-height: 1.8em; } }
  .built-in-gas-conro.errorcode .errorcode__number {
    border: 1px solid currentColor;
    border-radius: 100%;
    box-sizing: border-box;
    height: 60px;
    margin: -20px auto var(--r-padding);
    width: 60px;
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 1.5em;
    display: block flex;
    justify-content: center;
    align-items: center; }
    @media screen and (max-width: 768px) {
      .built-in-gas-conro.errorcode .errorcode__number {
        height: 45px;
        margin-top: -10px;
        width: 45px; } }
    @media screen and (max-width: 768px) {
      .built-in-gas-conro.errorcode .errorcode__number {
        font-size: 1.5rem; } }
  .built-in-gas-conro.errorcode .errorcode__check {
    background: var(--r-c-clamlightblue);
    border-radius: 24px;
    gap: var(--r-padding);
    margin-top: calc(var(--r-padding)*2);
    padding: 20px;
    display: block flex;
    justify-content: center;
    align-items: center; }
    @media screen and (max-width: 768px) {
      .built-in-gas-conro.errorcode .errorcode__check {
        border-radius: 12px;
        flex-wrap: wrap; } }
    .built-in-gas-conro.errorcode .errorcode__check nav,
    .built-in-gas-conro.errorcode .errorcode__check figure {
      flex-basis: 200px;
      flex-shrink: 0; }
    .built-in-gas-conro.errorcode .errorcode__check figure {
      background: var(--r-c-white);
      border: 1px solid var(--r-c-k10);
      border-radius: 10px;
      box-sizing: border-box;
      height: 140px;
      display: block flex;
      justify-content: center;
      align-items: center; }
      @media screen and (max-width: 768px) {
        .built-in-gas-conro.errorcode .errorcode__check figure {
          align-self: flex-start;
          border-radius: 8px;
          flex-basis: 70px;
          height: 70px; } }
      .built-in-gas-conro.errorcode .errorcode__check figure img {
        width: 64px; }
        @media screen and (max-width: 768px) {
          .built-in-gas-conro.errorcode .errorcode__check figure img {
            width: 32px; } }
    .built-in-gas-conro.errorcode .errorcode__check dl {
      flex-grow: 10;
      text-align: left; }
      @media screen and (max-width: 768px) {
        .built-in-gas-conro.errorcode .errorcode__check dl {
          flex-basis: calc(100% - 120px); } }
      .built-in-gas-conro.errorcode .errorcode__check dl dt {
        font-size: 1.8rem;
        font-weight: 500;
        line-height: 1.75em; }
        @media screen and (max-width: 768px) {
          .built-in-gas-conro.errorcode .errorcode__check dl dt {
            font-size: 1.5rem; } }
      .built-in-gas-conro.errorcode .errorcode__check dl dd {
        font-size: 1.4rem;
        line-height: 1.928em;
        font-weight: 300; }
        @media screen and (max-width: 768px) {
          .built-in-gas-conro.errorcode .errorcode__check dl dd {
            font-size: 1.2rem;
            line-height: 1.8em; } }
    @media screen and (max-width: 768px) {
      .built-in-gas-conro.errorcode .errorcode__check nav {
        width: 100%; } }
  .built-in-gas-conro.errorcode .built-in-gas-conro__information__list {
    margin-bottom: calc(var(--r-padding)*2); }
  .built-in-gas-conro.errorcode .mainvisual {
    position: relative; }
    .built-in-gas-conro.errorcode .mainvisual img {
      width: 100%; }
      @media screen and (max-width: 768px) {
        .built-in-gas-conro.errorcode .mainvisual img {
          height: 300px;
          object-fit: cover; } }
    .built-in-gas-conro.errorcode .mainvisual dl {
      background: rgb(0 0 0 / 0.4);
      color: var(--r-c-white);
      margin: auto;
      padding: var(--r-padding) 60px;
      position: absolute;
      inset: auto 0px 0px 0px; }
      @media screen and (max-width: 768px) {
        .built-in-gas-conro.errorcode .mainvisual dl {
          padding: var(--r-padding); } }
      .built-in-gas-conro.errorcode .mainvisual dl dt {
        border-bottom: 1px solid rgb(255 255 255 / 0.6);
        margin-bottom: 15px;
        margin-top: -5px;
        padding-bottom: 5px;
        font-size: 3.6rem;
        font-weight: 300;
        line-height: 1.5em; }
        @media screen and (max-width: 768px) {
          .built-in-gas-conro.errorcode .mainvisual dl dt {
            margin-bottom: 10px; } }
        @media screen and (max-width: 768px) {
          .built-in-gas-conro.errorcode .mainvisual dl dt {
            font-size: 2.1rem; } }
      .built-in-gas-conro.errorcode .mainvisual dl dd {
        font-size: 1.8rem;
        font-weight: 300;
        line-height: 1.5em; }
        @media screen and (max-width: 768px) {
          .built-in-gas-conro.errorcode .mainvisual dl dd {
            font-size: 1.5rem; } }
        @media screen and (max-width: 768px) {
          .built-in-gas-conro.errorcode .mainvisual dl dd {
            font-size: 1.3rem; } }
  .built-in-gas-conro.errorcode .lead p {
    font-size: 1.4rem;
    line-height: 2.142em;
    font-weight: 300; }
    @media screen and (max-width: 768px) {
      .built-in-gas-conro.errorcode .lead p {
        text-align: left; } }
    @media screen and (max-width: 768px) {
      .built-in-gas-conro.errorcode .lead p {
        font-size: 1.2rem;
        line-height: 1.8em; } }
  .built-in-gas-conro.errorcode .anchorlink {
    padding: 50px 0px;
    background: radial-gradient(circle at 10% 20%, #e4e6e8 0%, transparent 40%), radial-gradient(circle at 10% 80%, #414a53 0%, transparent 50%), radial-gradient(circle at 90% 20%, #414a53 0%, transparent 50%), radial-gradient(circle at 90% 80%, #e4e6e8 0%, transparent 50%), #899199; }
    @media screen and (max-width: 768px) {
      .built-in-gas-conro.errorcode .anchorlink {
        padding: calc(var(--r-padding)*2) 0px; } }
    .built-in-gas-conro.errorcode .anchorlink ul {
      counter-reset: anchor;
      flex-wrap: wrap;
      gap: 20px;
      margin: 0px auto;
      max-width: var(--r-width);
      display: block flex;
      justify-content: flex-start;
      align-items: center; }
      @media screen and (max-width: 768px) {
        .built-in-gas-conro.errorcode .anchorlink ul {
          gap: 15px; } }
      .built-in-gas-conro.errorcode .anchorlink ul li {
        background: var(--r-c-white);
        border-radius: 60px;
        counter-increment: anchor;
        flex-basis: calc((100% - 40px) / 3);
        height: 60px; }
        @media screen and (max-width: 768px) {
          .built-in-gas-conro.errorcode .anchorlink ul li {
            flex-basis: calc((100% - 15px) / 2);
            height: 40px; } }
        .built-in-gas-conro.errorcode .anchorlink ul li a {
          border-radius: 60px;
          box-sizing: border-box;
          color: var(--r-c-clamblue);
          font-weight: 400;
          gap: 17px;
          height: 100%;
          padding: 12px;
          text-align: left;
          font-size: 1.5rem;
          line-height: 1.8em;
          display: block flex;
          justify-content: flex-start;
          align-items: center; }
          @media screen and (max-width: 768px) {
            .built-in-gas-conro.errorcode .anchorlink ul li a {
              gap: 8px;
              padding: 10px; } }
          @media screen and (max-width: 768px) {
            .built-in-gas-conro.errorcode .anchorlink ul li a {
              font-size: 1.3rem;
              line-height: 1.2em; } }
          @media (hover: hover) {
            .built-in-gas-conro.errorcode .anchorlink ul li a {
              transition: all 250ms ease; }
              .built-in-gas-conro.errorcode .anchorlink ul li a:hover {
                background: var(--r-c-clamblue);
                color: var(--r-c-white); } }
          .built-in-gas-conro.errorcode .anchorlink ul li a::before {
            border: 1px solid currentColor;
            border-radius: 100%;
            box-sizing: border-box;
            content: "0" counter(anchor);
            flex-shrink: 0;
            font-weight: 500;
            height: 36px;
            width: 36px;
            display: block flex;
            justify-content: center;
            align-items: center;
            font-size: 1.2rem;
            line-height: 2em; }
            @media screen and (max-width: 768px) {
              .built-in-gas-conro.errorcode .anchorlink ul li a::before {
                height: 26px;
                width: 26px; } }
            @media screen and (max-width: 768px) {
              .built-in-gas-conro.errorcode .anchorlink ul li a::before {
                font-size: 1.1rem;
                line-height: 1.8em; } }
  .built-in-gas-conro.errorcode .checkpoint ul {
    display: block grid;
    gap: var(--r-padding);
    grid-template-columns: 1fr 1fr 1fr; }
    @media screen and (max-width: 768px) {
      .built-in-gas-conro.errorcode .checkpoint ul {
        grid-template-columns: 1fr; } }
    .built-in-gas-conro.errorcode .checkpoint ul li {
      border: 1px solid var(--r-c-k20);
      display: block grid;
      gap: 0px;
      text-align: left;
      grid-template-rows: subgrid;
      grid-row: span 3; }
    .built-in-gas-conro.errorcode .checkpoint ul figure {
      margin-bottom: 23px; }
      @media screen and (max-width: 768px) {
        .built-in-gas-conro.errorcode .checkpoint ul figure {
          margin-bottom: 10px; } }
    .built-in-gas-conro.errorcode .checkpoint ul img {
      width: 100%; }
    .built-in-gas-conro.errorcode .checkpoint ul h3 {
      margin: 0px 30px 10px;
      font-size: 1.8rem;
      font-weight: 400;
      line-height: 1.666em; }
      @media screen and (max-width: 768px) {
        .built-in-gas-conro.errorcode .checkpoint ul h3 {
          margin: 0px var(--r-padding) 5px; } }
      @media screen and (max-width: 768px) {
        .built-in-gas-conro.errorcode .checkpoint ul h3 {
          font-size: 1.5rem; } }
    .built-in-gas-conro.errorcode .checkpoint ul p {
      margin: 0px 30px 30px;
      font-size: 1.4rem;
      line-height: 1.928em;
      font-weight: 300; }
      @media screen and (max-width: 768px) {
        .built-in-gas-conro.errorcode .checkpoint ul p {
          margin: 0px var(--r-padding) 15px; } }
      @media screen and (max-width: 768px) {
        .built-in-gas-conro.errorcode .checkpoint ul p {
          font-size: 1.2rem;
          line-height: 1.8em; } }
  .built-in-gas-conro.errorcode .trouble__list {
    display: block grid;
    gap: var(--r-padding);
    margin-bottom: calc(var(--r-padding)*2);
    grid-template-columns: repeat(5, 1fr); }
    @media screen and (max-width: 768px) {
      .built-in-gas-conro.errorcode .trouble__list {
        grid-template-columns: 1fr 1fr; } }
    .built-in-gas-conro.errorcode .trouble__list li {
      background: var(--r-c-white);
      border: 1px solid var(--r-c-k10);
      border-radius: 10px;
      box-shadow: 0px 0px 2px rgb(0 0 0 / 0.05);
      box-sizing: border-box;
      display: block grid;
      gap: 10px;
      padding: 25px 20px 15px;
      grid-template-rows: subgrid;
      grid-row: span 2; }
      @media screen and (max-width: 768px) {
        .built-in-gas-conro.errorcode .trouble__list li {
          padding: var(--r-padding); } }
      .built-in-gas-conro.errorcode .trouble__list li figure {
        margin: 0px auto;
        max-width: 150px;
        width: 100%; }
        @media screen and (max-width: 768px) {
          .built-in-gas-conro.errorcode .trouble__list li figure {
            max-width: 120px; } }
        .built-in-gas-conro.errorcode .trouble__list li figure img {
          width: 100%; }
      .built-in-gas-conro.errorcode .trouble__list li p {
        align-self: flex-end;
        font-size: 1.4rem;
        line-height: 1.714em;
        font-weight: 300; }
        @media screen and (max-width: 768px) {
          .built-in-gas-conro.errorcode .trouble__list li p {
            font-size: 1.2rem;
            line-height: 1.8em; } }
  .built-in-gas-conro.errorcode .trouble h3 {
    margin-bottom: 30px;
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 2em; }
    @media screen and (max-width: 768px) {
      .built-in-gas-conro.errorcode .trouble h3 {
        margin-bottom: 15px; } }
    @media screen and (max-width: 768px) {
      .built-in-gas-conro.errorcode .trouble h3 {
        font-size: 1.5rem; } }
  .built-in-gas-conro.errorcode .trouble__body {
    background: var(--r-c-white);
    border: 1px solid var(--r-c-k20);
    margin-bottom: 60px; }
    .built-in-gas-conro.errorcode .trouble__body nav {
      margin: 0px auto;
      max-width: 200px;
      padding: var(--r-padding); }
    .built-in-gas-conro.errorcode .trouble__body__code {
      box-sizing: border-box;
      display: block grid;
      grid-template-columns: 120px 1fr 120px; }
      @media screen and (max-width: 768px) {
        .built-in-gas-conro.errorcode .trouble__body__code {
          grid-template-columns: 1fr 80px; } }
      .built-in-gas-conro.errorcode .trouble__body__code.trouble__body__code--double {
        grid-template-columns: 120px 120px 1fr 120px; }
        @media screen and (max-width: 768px) {
          .built-in-gas-conro.errorcode .trouble__body__code.trouble__body__code--double {
            grid-template-columns: 1fr 80px 1fr 80px; } }
        .built-in-gas-conro.errorcode .trouble__body__code.trouble__body__code--double p {
          grid-column: 3 / 5; }
          @media screen and (max-width: 768px) {
            .built-in-gas-conro.errorcode .trouble__body__code.trouble__body__code--double p {
              grid-column: 1 / 5; } }
        @media screen and (max-width: 768px) {
          .built-in-gas-conro.errorcode .trouble__body__code.trouble__body__code--double div:nth-of-type(1) {
            grid-column: 1 / 3; }
          .built-in-gas-conro.errorcode .trouble__body__code.trouble__body__code--double div:nth-of-type(2) {
            grid-column: 3 / 5; } }
        @media screen and (max-width: 768px) {
          .built-in-gas-conro.errorcode .trouble__body__code.trouble__body__code--double h4 {
            grid-column: 1 / 4; } }
      .built-in-gas-conro.errorcode .trouble__body__code div,
      .built-in-gas-conro.errorcode .trouble__body__code h4,
      .built-in-gas-conro.errorcode .trouble__body__code figure,
      .built-in-gas-conro.errorcode .trouble__body__code p {
        border-bottom: 1px solid var(--r-c-k20); }
      .built-in-gas-conro.errorcode .trouble__body__code div {
        border-right: 1px solid var(--r-c-k20);
        flex-direction: column;
        display: block flex;
        justify-content: center;
        align-items: center;
        font-size: 1.2rem;
        line-height: 1.2;
        grid-row: 1 / 3; }
        @media screen and (max-width: 768px) {
          .built-in-gas-conro.errorcode .trouble__body__code div {
            font-size: 1.1rem;
            line-height: 1.8em; } }
        @media screen and (max-width: 768px) {
          .built-in-gas-conro.errorcode .trouble__body__code div {
            flex-direction: row;
            gap: 10px;
            justify-content: flex-start;
            padding: 10px var(--r-padding);
            grid-row: 1 / 2;
            grid-column: 1 / 3; }
            .built-in-gas-conro.errorcode .trouble__body__code div:last-of-type {
              border-right: none; } }
        .built-in-gas-conro.errorcode .trouble__body__code div strong {
          font-size: 3rem;
          font-weight: 400; }
          @media screen and (max-width: 768px) {
            .built-in-gas-conro.errorcode .trouble__body__code div strong {
              font-size: 2.1rem; } }
        .built-in-gas-conro.errorcode .trouble__body__code div em {
          font-style: normal;
          font-weight: 400;
          font-size: 1.8rem;
          font-weight: 500;
          line-height: 1.5em; }
          @media screen and (max-width: 768px) {
            .built-in-gas-conro.errorcode .trouble__body__code div em {
              font-size: 1.5rem; } }
      .built-in-gas-conro.errorcode .trouble__body__code h4 {
        border-right: 1px solid var(--r-c-k20);
        padding: 20px;
        text-align: left;
        font-size: 1.8rem;
        font-weight: 400;
        line-height: 1.666em;
        display: block flex;
        justify-content: flex-start;
        align-items: center; }
        @media screen and (max-width: 768px) {
          .built-in-gas-conro.errorcode .trouble__body__code h4 {
            padding: 0px 20px; } }
        @media screen and (max-width: 768px) {
          .built-in-gas-conro.errorcode .trouble__body__code h4 {
            font-size: 1.5rem; } }
      .built-in-gas-conro.errorcode .trouble__body__code figure {
        height: 120px;
        display: block flex;
        justify-content: center;
        align-items: center; }
        @media screen and (max-width: 768px) {
          .built-in-gas-conro.errorcode .trouble__body__code figure {
            height: 80px; } }
        .built-in-gas-conro.errorcode .trouble__body__code figure img {
          max-width: 90px;
          width: 100%; }
          @media screen and (max-width: 768px) {
            .built-in-gas-conro.errorcode .trouble__body__code figure img {
              max-width: 60px; } }
      .built-in-gas-conro.errorcode .trouble__body__code p {
        box-sizing: border-box;
        min-height: 120px;
        padding: 20px;
        text-align: left;
        font-size: 1.4rem;
        line-height: 1.928em;
        font-weight: 300;
        display: block flex;
        justify-content: flex-start;
        align-items: center;
        grid-column: 2 / 4; }
        @media screen and (max-width: 768px) {
          .built-in-gas-conro.errorcode .trouble__body__code p {
            font-size: 1.2rem;
            line-height: 1.8em; } }
        @media screen and (max-width: 768px) {
          .built-in-gas-conro.errorcode .trouble__body__code p {
            padding: 10px 20px;
            grid-column: 1 / 3; } }
    .built-in-gas-conro.errorcode .trouble__body__detail {
      display: block flex;
      justify-content: center;
      align-items: stretch; }
      @media screen and (max-width: 768px) {
        .built-in-gas-conro.errorcode .trouble__body__detail {
          display: block flow; } }
      .built-in-gas-conro.errorcode .trouble__body__detail.trouble__body__detail--column03 .trouble__body__detail--01 {
        flex-basis: 300px; }
      .built-in-gas-conro.errorcode .trouble__body__detail.trouble__body__detail--column03 .trouble__body__detail--02 {
        flex-basis: 560px; }
      .built-in-gas-conro.errorcode .trouble__body__detail.trouble__body__detail--column03 .trouble__body__detail--03 {
        border-right: 1px solid var(--r-c-k20);
        flex-basis: 300px; }
        .built-in-gas-conro.errorcode .trouble__body__detail.trouble__body__detail--column03 .trouble__body__detail--03 dt {
          background: var(--r-c-clamblue);
          color: var(--r-c-white); }
      .built-in-gas-conro.errorcode .trouble__body__detail dl {
        border-bottom: 1px solid var(--r-c-k20);
        flex-grow: 10;
        text-align: left; }
        .built-in-gas-conro.errorcode .trouble__body__detail dl dt {
          font-weight: 500;
          padding: 20px;
          font-size: 1.5rem;
          line-height: 20px; }
          @media screen and (max-width: 768px) {
            .built-in-gas-conro.errorcode .trouble__body__detail dl dt {
              padding: 10px 20px; } }
          @media screen and (max-width: 768px) {
            .built-in-gas-conro.errorcode .trouble__body__detail dl dt {
              font-size: 1.3rem;
              line-height: 1.8em; } }
        .built-in-gas-conro.errorcode .trouble__body__detail dl dd {
          padding: 25px 20px; }
          @media screen and (max-width: 768px) {
            .built-in-gas-conro.errorcode .trouble__body__detail dl dd {
              padding: 10px 20px; } }
          .built-in-gas-conro.errorcode .trouble__body__detail dl dd p {
            font-size: 1.5rem;
            line-height: 1.8em; }
            @media screen and (max-width: 768px) {
              .built-in-gas-conro.errorcode .trouble__body__detail dl dd p {
                font-size: 1.3rem;
                line-height: 1.8em; } }
      .built-in-gas-conro.errorcode .trouble__body__detail--01 {
        flex-basis: 480px; }
        @media screen and (min-width: 769px) {
          .built-in-gas-conro.errorcode .trouble__body__detail--01 {
            border-right: 1px solid var(--r-c-k20); } }
        .built-in-gas-conro.errorcode .trouble__body__detail--01 dt {
          background: var(--r-c-clamlightblue); }
        .built-in-gas-conro.errorcode .trouble__body__detail--01 li {
          font-size: 1.5rem;
          line-height: 2em; }
          @media screen and (max-width: 768px) {
            .built-in-gas-conro.errorcode .trouble__body__detail--01 li {
              font-size: 1.3rem;
              line-height: 1.8em; } }
      .built-in-gas-conro.errorcode .trouble__body__detail--02 {
        flex-basis: 680px; }
        .built-in-gas-conro.errorcode .trouble__body__detail--02 dt {
          background: var(--r-c-clamultrablue); }
        @media screen and (max-width: 768px) {
          .built-in-gas-conro.errorcode .trouble__body__detail--02 dd {
            padding: 15px 20px !important; } }
        .built-in-gas-conro.errorcode .trouble__body__detail--02 li {
          padding-left: 40px;
          position: relative;
          font-size: 1.5rem;
          line-height: 1.8em; }
          @media screen and (max-width: 768px) {
            .built-in-gas-conro.errorcode .trouble__body__detail--02 li {
              font-size: 1.3rem;
              line-height: 1.8em; } }
          .built-in-gas-conro.errorcode .trouble__body__detail--02 li + li {
            margin-top: 14px; }
          .built-in-gas-conro.errorcode .trouble__body__detail--02 li::before {
            border: 1px solid var(--r-c-k20);
            box-sizing: border-box;
            content: "";
            height: 20px;
            left: 0px;
            position: absolute;
            top: 2px;
            width: 20px;
            transition: all 250ms ease; }
            @media screen and (max-width: 768px) {
              .built-in-gas-conro.errorcode .trouble__body__detail--02 li::before {
                top: 1px; } }
          .built-in-gas-conro.errorcode .trouble__body__detail--02 li::after {
            background: var(--r-c-deepred);
            content: "";
            height: 18px;
            left: 5px;
            position: absolute;
            top: -4px;
            width: 22px;
            clip-path: polygon(26.68% 100%, 0% 66.65%, 6.59% 58.41%, 26.68% 83.47%, 93.41% 0%, 100% 8.24%, 26.68% 100%);
            transition: all 250ms ease; }
            @media screen and (max-width: 768px) {
              .built-in-gas-conro.errorcode .trouble__body__detail--02 li::after {
                top: 0px; } }
  .built-in-gas-conro.errorcode .trouble__attention {
    background: var(--r-c-white);
    border: 1px solid var(--r-c-k20);
    color: var(--r-c-red);
    padding: 20px 20px 20px 140px;
    position: relative;
    text-align: left; }
    @media screen and (max-width: 768px) {
      .built-in-gas-conro.errorcode .trouble__attention {
        padding: 80px var(--r-padding) var(--r-padding); } }
    .built-in-gas-conro.errorcode .trouble__attention::before {
      border: 1px solid currentColor;
      border-radius: 100%;
      box-sizing: border-box;
      color: var(--r-c-red);
      content: "!";
      flex-shrink: 0;
      font-size: 3rem;
      font-weight: 400;
      height: 60px;
      margin: auto;
      position: absolute;
      width: 60px;
      inset: 0px auto 0px var(--r-padding);
      display: block flex;
      justify-content: center;
      align-items: center; }
      @media screen and (max-width: 768px) {
        .built-in-gas-conro.errorcode .trouble__attention::before {
          font-size: 2.1rem;
          height: 40px;
          width: 40px;
          inset: var(--r-padding) 0px auto; } }
    .built-in-gas-conro.errorcode .trouble__attention dt {
      font-size: 1.8rem;
      font-weight: 400;
      line-height: 1.5em; }
      @media screen and (max-width: 768px) {
        .built-in-gas-conro.errorcode .trouble__attention dt {
          font-size: 1.5rem; } }
      @media screen and (max-width: 768px) {
        .built-in-gas-conro.errorcode .trouble__attention dt {
          margin-bottom: 10px; } }
    .built-in-gas-conro.errorcode .trouble__attention dd {
      font-size: 1.4rem;
      line-height: 1.928em;
      font-weight: 300; }
      @media screen and (max-width: 768px) {
        .built-in-gas-conro.errorcode .trouble__attention dd {
          font-size: 1.2rem;
          line-height: 1.8em; } }
  .built-in-gas-conro.errorcode .conro h3 {
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 2em;
    margin-block: calc(var(--r-padding)*2) 30px; }
    @media screen and (max-width: 768px) {
      .built-in-gas-conro.errorcode .conro h3 {
        font-size: 1.5rem; } }
    @media screen and (max-width: 768px) {
      .built-in-gas-conro.errorcode .conro h3 {
        margin-bottom: 15px; } }
    .built-in-gas-conro.errorcode .conro h3 span {
      font-weight: 300; }
  .built-in-gas-conro.errorcode .conro table {
    font-size: 1.5rem;
    line-height: 2em; }
    @media screen and (max-width: 768px) {
      .built-in-gas-conro.errorcode .conro table {
        font-size: 1.3rem;
        line-height: 1.8em; } }
    @media screen and (max-width: 768px) {
      .built-in-gas-conro.errorcode .conro table {
        line-height: 1.7em;
        display: block flow;
        border-left: 1px solid var(--r-c-k20);
        border-top: 1px solid var(--r-c-k20); }
        .built-in-gas-conro.errorcode .conro table tr {
          display: block;
          flex-wrap: wrap; }
          .built-in-gas-conro.errorcode .conro table tr th {
            width: 100%;
            background: var(--r-c-clamblue);
            color: var(--r-c-white);
            border-bottom: none; }
            .built-in-gas-conro.errorcode .conro table tr th::before {
              content: "エラーコード";
              font-size: 1.4rem;
              line-height: 1.928em;
              font-weight: 300;
              margin-right: 5px; } }
        @media screen and (max-width: 768px) and (max-width: 768px) {
          .built-in-gas-conro.errorcode .conro table tr th::before {
            font-size: 1.2rem;
            line-height: 1.8em; } }
    @media screen and (max-width: 768px) {
          .built-in-gas-conro.errorcode .conro table tr td::before {
            margin: -10px -20px 10px;
            display: block flow;
            padding: 10px 20px 10px; }
          .built-in-gas-conro.errorcode .conro table tr td:nth-of-type(1)::before {
            content: "エラーコードの意味";
            background: var(--r-c-clamlightblue); }
          .built-in-gas-conro.errorcode .conro table tr td:nth-of-type(2)::before {
            content: "対処法";
            background: var(--r-c-clamultrablue); } }
    .built-in-gas-conro.errorcode .conro table td,
    .built-in-gas-conro.errorcode .conro table th {
      border: 1px solid var(--r-c-k20);
      padding: 25px 20px;
      text-align: left;
      vertical-align: top; }
      @media screen and (max-width: 768px) {
        .built-in-gas-conro.errorcode .conro table td,
        .built-in-gas-conro.errorcode .conro table th {
          display: block;
          border-top: none;
          border-left: none;
          box-sizing: border-box;
          padding: 10px 20px; } }
    .built-in-gas-conro.errorcode .conro table th {
      background: var(--r-c-clamultrablue);
      font-weight: 400; }
      @media screen and (min-width: 769px) {
        .built-in-gas-conro.errorcode .conro table th:nth-of-type(1) {
          width: 17.24%; }
        .built-in-gas-conro.errorcode .conro table th:nth-of-type(2) {
          width: 31.03%; }
        .built-in-gas-conro.errorcode .conro table th:nth-of-type(3) {
          width: 51.73%; } }
    @media screen and (max-width: 768px) {
      .built-in-gas-conro.errorcode .conro table thead {
        display: none; } }
    .built-in-gas-conro.errorcode .conro table thead th {
      background: var(--r-c-clamblue);
      color: var(--r-c-white);
      font-weight: 500;
      padding: 15px 20px; }
      @media screen and (max-width: 768px) {
        .built-in-gas-conro.errorcode .conro table thead th {
          padding: 10px 15px; } }
    @media screen and (max-width: 768px) {
      .built-in-gas-conro.errorcode .conro table tbody {
        display: block flow; } }
    .built-in-gas-conro.errorcode .conro table tbody th {
      font-size: 1.8rem;
      font-weight: 400;
      line-height: 1.5em; }
      @media screen and (max-width: 768px) {
        .built-in-gas-conro.errorcode .conro table tbody th {
          font-size: 1.5rem; } }
  .built-in-gas-conro.errorcode .case ul {
    flex-wrap: wrap;
    gap: calc(var(--r-padding)*2);
    display: block flex;
    justify-content: center;
    align-items: stretch; }
    @media screen and (max-width: 768px) {
      .built-in-gas-conro.errorcode .case ul {
        flex-direction: column;
        gap: var(--r-padding); } }
    .built-in-gas-conro.errorcode .case ul li {
      background: var(--r-c-white);
      border: 1px solid var(--r-c-k20);
      box-sizing: border-box;
      display: block grid;
      flex-grow: 10;
      gap: 20px 30px;
      padding: 30px;
      text-align: left;
      grid-template-columns: 1fr 1fr; }
      @media screen and (min-width: 769px) {
        .built-in-gas-conro.errorcode .case ul li {
          flex-basis: calc(50% - var(--r-padding)); } }
      @media screen and (max-width: 768px) {
        .built-in-gas-conro.errorcode .case ul li {
          gap: var(--r-padding);
          padding: var(--r-padding); } }
      .built-in-gas-conro.errorcode .case ul li figure {
        border: 1px solid var(--r-c-k20); }
        .built-in-gas-conro.errorcode .case ul li figure img {
          width: 100%; }
      .built-in-gas-conro.errorcode .case ul li h3 {
        align-self: center;
        font-size: 1.8rem;
        font-weight: 500;
        line-height: 1.75em; }
        @media screen and (max-width: 768px) {
          .built-in-gas-conro.errorcode .case ul li h3 {
            font-size: 1.5rem; } }
      .built-in-gas-conro.errorcode .case ul li p {
        grid-column: 1 / 3;
        font-size: 1.5rem;
        line-height: 2em; }
        @media screen and (max-width: 768px) {
          .built-in-gas-conro.errorcode .case ul li p {
            font-size: 1.3rem;
            line-height: 1.8em; } }
      .built-in-gas-conro.errorcode .case ul li nav {
        margin: 0px auto;
        max-width: 200px;
        width: 100%;
        grid-column: 1 / 3; }
  .built-in-gas-conro.errorcode .check {
    background: var(--r-c-white);
    padding: calc(var(--r-padding)*2) 0px; }
    .built-in-gas-conro.errorcode .check .errorcode__check {
      box-sizing: border-box;
      margin: 0px auto;
      max-width: var(--r-width); }

/*--

  tools article

====================================================== --*/
.built-in-gas-conro.tools {
  position: relative;
  z-index: 1;
  overflow: clip; }
  .built-in-gas-conro.tools::before {
    z-index: -1;
    position: sticky;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100vh;
    display: block;
    margin-bottom: -100vh;
    background: radial-gradient(circle at 10% 20%, #e4e6e8 0%, transparent 40%), radial-gradient(circle at 10% 80%, #b0b4ba 0%, transparent 50%), radial-gradient(circle at 90% 20%, #bfc6cd 0%, transparent 50%), linear-gradient(90deg, #e4e6e8, #bfc6cd);
    content: ""; }
  .built-in-gas-conro.tools .information {
    padding: calc(var(--r-padding)*2) 0px; }
  .built-in-gas-conro.tools .built-in-gas-conro__information__list {
    margin-bottom: calc(var(--r-padding)*2); }
  .built-in-gas-conro.tools .mainvisual {
    position: relative; }
    .built-in-gas-conro.tools .mainvisual img {
      width: 100%; }
      @media screen and (max-width: 768px) {
        .built-in-gas-conro.tools .mainvisual img {
          height: 300px;
          object-fit: cover; } }
    .built-in-gas-conro.tools .mainvisual p {
      background: rgb(0 0 0 / 0.4);
      color: var(--r-c-white);
      margin: auto;
      padding: var(--r-padding) 60px;
      position: absolute;
      inset: auto 0px 0px 0px;
      font-size: 3.6rem;
      font-weight: 300;
      line-height: 1.5em; }
      @media screen and (max-width: 768px) {
        .built-in-gas-conro.tools .mainvisual p {
          padding: var(--r-padding); } }
      @media screen and (max-width: 768px) {
        .built-in-gas-conro.tools .mainvisual p {
          font-size: 2.1rem; } }
  .built-in-gas-conro.tools .lineup {
    background: var(--r-c-white);
    padding: calc(var(--r-padding)*2) 0px; }
    .built-in-gas-conro.tools .lineup > ul {
      display: block grid;
      gap: 0px calc(var(--r-padding)*2);
      margin: 0px auto;
      max-width: var(--r-width);
      grid-template-columns: 1fr 1fr;
      grid-template-rows: repeat(6, fit-content); }
      @media screen and (max-width: 768px) {
        .built-in-gas-conro.tools .lineup > ul {
          grid-template-columns: 1fr; } }
      .built-in-gas-conro.tools .lineup > ul > li {
        border: 1px solid var(--r-c-k20);
        display: block grid;
        padding: 0px 30px;
        text-align: left;
        grid-row: span 6;
        grid-template-rows: subgrid; }
        @media screen and (max-width: 768px) {
          .built-in-gas-conro.tools .lineup > ul > li {
            padding: 0px var(--r-padding); }
            .built-in-gas-conro.tools .lineup > ul > li + li {
              margin-top: var(--r-padding); } }
        @media screen and (min-width: 769px) {
          .built-in-gas-conro.tools .lineup > ul > li:nth-of-type(2) ~ li {
            margin-top: calc(var(--r-padding)*2); } }
      .built-in-gas-conro.tools .lineup > ul figure {
        margin: 0px -30px 25px; }
        @media screen and (max-width: 768px) {
          .built-in-gas-conro.tools .lineup > ul figure {
            margin: 0px calc(var(--r-padding) * -1) 15px; } }
        .built-in-gas-conro.tools .lineup > ul figure img {
          width: 100%; }
      .built-in-gas-conro.tools .lineup > ul p {
        font-weight: 400;
        margin-bottom: 20px;
        font-size: 1.4rem;
        line-height: 1.428em;
        font-weight: 300; }
        @media screen and (max-width: 768px) {
          .built-in-gas-conro.tools .lineup > ul p {
            margin-bottom: 10px; } }
        @media screen and (max-width: 768px) {
          .built-in-gas-conro.tools .lineup > ul p {
            font-size: 1.2rem;
            line-height: 1.8em; } }
      .built-in-gas-conro.tools .lineup > ul h3 {
        font-size: 3rem;
        font-weight: 500;
        line-height: 1em;
        margin-bottom: 15px; }
        @media screen and (max-width: 768px) {
          .built-in-gas-conro.tools .lineup > ul h3 {
            font-size: 2.4rem;
            margin-bottom: 10px; } }
        .built-in-gas-conro.tools .lineup > ul h3 span {
          font-size: 1rem; }
      .built-in-gas-conro.tools .lineup > ul dl {
        margin-bottom: 20px; }
        @media screen and (max-width: 768px) {
          .built-in-gas-conro.tools .lineup > ul dl {
            margin-bottom: 15px; } }
        .built-in-gas-conro.tools .lineup > ul dl dt {
          font-weight: 400;
          margin-bottom: 17px;
          font-size: 1.5rem;
          line-height: 1.8em; }
          @media screen and (max-width: 768px) {
            .built-in-gas-conro.tools .lineup > ul dl dt {
              margin-bottom: 5px; } }
          @media screen and (max-width: 768px) {
            .built-in-gas-conro.tools .lineup > ul dl dt {
              font-size: 1.3rem;
              line-height: 1.8em; } }
        .built-in-gas-conro.tools .lineup > ul dl dd {
          font-size: 1.4rem;
          line-height: 1.928em;
          font-weight: 300; }
          @media screen and (max-width: 768px) {
            .built-in-gas-conro.tools .lineup > ul dl dd {
              font-size: 1.2rem;
              line-height: 1.8em; } }
      .built-in-gas-conro.tools .lineup > ul ul {
        border: 1px solid currentColor;
        border-bottom: none;
        color: var(--r-c-clamblue);
        font-weight: 500;
        font-size: 1.2rem;
        line-height: 2em; }
        @media screen and (max-width: 768px) {
          .built-in-gas-conro.tools .lineup > ul ul {
            font-size: 1.1rem;
            line-height: 1.8em; } }
        .built-in-gas-conro.tools .lineup > ul ul li {
          border-bottom: 1px solid currentCOlor;
          padding: 7px 15px; }
      .built-in-gas-conro.tools .lineup > ul nav {
        gap: 20px;
        margin: 30px 0px var(--r-padding);
        display: block flex;
        justify-content: center;
        align-items: center; }
        @media screen and (max-width: 768px) {
          .built-in-gas-conro.tools .lineup > ul nav {
            gap: 15px;
            margin-top: 20px; } }
        .built-in-gas-conro.tools .lineup > ul nav a {
          flex-basis: 200px; }
  .built-in-gas-conro.tools .list {
    padding: calc(var(--r-padding)*2) 0px; }
    .built-in-gas-conro.tools .list__body ul {
      margin: 30px auto 0px;
      max-width: var(--r-width);
      text-align: left; }
      @media screen and (max-width: 768px) {
        .built-in-gas-conro.tools .list__body ul {
          margin-top: 15px; } }
      .built-in-gas-conro.tools .list__body ul li {
        color: var(--r-c-k80);
        font-weight: 400;
        font-size: 1.2rem;
        line-height: 1.75em; }
        @media screen and (max-width: 768px) {
          .built-in-gas-conro.tools .list__body ul li {
            font-size: 1.1rem;
            line-height: 1.8em; } }
    .built-in-gas-conro.tools .list__scroll {
      overflow: auto;
      position: relative;
      z-index: 1;
      scrollbar-color: var(--r-c-white) rgb(0 0 0 / 0.3); }
      @media screen and (min-width: 769px) {
        .built-in-gas-conro.tools .list__scroll {
          margin-left: calc((100% - var(--r-width)) * 0.5); } }
      .built-in-gas-conro.tools .list__scroll table {
        background: var(--r-c-white);
        border-collapse: separate;
        border-spacing: 0px;
        table-layout: fixed;
        width: -moz-max-content;
        width: max-content; }
        .built-in-gas-conro.tools .list__scroll table a {
          text-decoration: underline;
          color: inherit; }
          @media (hover: hover) {
            .built-in-gas-conro.tools .list__scroll table a:hover {
              text-decoration: none; } }
        .built-in-gas-conro.tools .list__scroll table thead th {
          background: var(--r-c-k60);
          color: var(--r-c-white); }
        .built-in-gas-conro.tools .list__scroll table thead th,
        .built-in-gas-conro.tools .list__scroll table thead td {
          font-weight: 500;
          padding: 15px;
          text-align: center;
          font-size: 1.4rem;
          line-height: 1.5;
          font-weight: 300; }
          @media screen and (max-width: 768px) {
            .built-in-gas-conro.tools .list__scroll table thead th,
            .built-in-gas-conro.tools .list__scroll table thead td {
              font-size: 1.2rem;
              line-height: 1.5; } }
        .built-in-gas-conro.tools .list__scroll table thead tr > td:first-child {
          background: var(--r-c-white);
          border: none;
          left: 0px;
          position: sticky;
          z-index: 10; }
          .built-in-gas-conro.tools .list__scroll table thead tr > td:first-child::before {
            border: 1px solid var(--r-c-k20);
            border-top: none;
            content: "";
            margin: auto;
            position: absolute;
            inset: 0px; }
        .built-in-gas-conro.tools .list__scroll table tbody tr > *:first-child {
          border: none;
          left: 0px;
          position: sticky;
          z-index: 10; }
          .built-in-gas-conro.tools .list__scroll table tbody tr > *:first-child::before {
            border: 1px solid var(--r-c-k20);
            border-top: none;
            content: "";
            margin: auto;
            position: absolute;
            inset: 0px; }
        .built-in-gas-conro.tools .list__scroll table tbody th {
          width: 240px; }
          @media screen and (max-width: 768px) {
            .built-in-gas-conro.tools .list__scroll table tbody th {
              width: 100px; } }
          .built-in-gas-conro.tools .list__scroll table tbody th span {
            color: var(--r-c-k60);
            font-size: 1.2rem;
            line-height: 2em; }
            @media screen and (max-width: 768px) {
              .built-in-gas-conro.tools .list__scroll table tbody th span {
                font-size: 1.1rem;
                line-height: 1.8em; } }
          .built-in-gas-conro.tools .list__scroll table tbody th sup {
            color: var(--r-c-k60); }
        .built-in-gas-conro.tools .list__scroll table tbody sup {
          font-size: 9px; }
        .built-in-gas-conro.tools .list__scroll table tbody th,
        .built-in-gas-conro.tools .list__scroll table tbody td {
          font-weight: 400;
          padding: 15px 20px;
          font-size: 1.4rem;
          line-height: 1.2;
          font-weight: 300; }
          @media screen and (max-width: 768px) {
            .built-in-gas-conro.tools .list__scroll table tbody th,
            .built-in-gas-conro.tools .list__scroll table tbody td {
              padding: 10px; } }
          @media screen and (max-width: 768px) {
            .built-in-gas-conro.tools .list__scroll table tbody th,
            .built-in-gas-conro.tools .list__scroll table tbody td {
              font-size: 1.2rem;
              line-height: 1.5; } }
        .built-in-gas-conro.tools .list__scroll table tbody td {
          width: 180px; }
          @media screen and (max-width: 768px) {
            .built-in-gas-conro.tools .list__scroll table tbody td {
              width: 80px; } }
        .built-in-gas-conro.tools .list__scroll table tbody tr:nth-of-type(odd) th,
        .built-in-gas-conro.tools .list__scroll table tbody tr:nth-of-type(odd) td {
          background: var(--r-c-k5); }
        .built-in-gas-conro.tools .list__scroll table tbody tr:nth-of-type(even) th,
        .built-in-gas-conro.tools .list__scroll table tbody tr:nth-of-type(even) td {
          background: var(--r-c-white); }
        .built-in-gas-conro.tools .list__scroll table td,
        .built-in-gas-conro.tools .list__scroll table th {
          border: none;
          border-bottom: 1px solid var(--r-c-k20);
          border-right: 1px solid var(--r-c-k20); }
  .built-in-gas-conro.tools .pot {
    background: var(--r-c-k5);
    padding: calc(var(--r-padding)*2) 0px; }
    .built-in-gas-conro.tools .pot__list {
      flex-wrap: wrap;
      gap: 60px var(--r-padding);
      margin: 0px auto;
      max-width: var(--r-width);
      display: block flex;
      justify-content: flex-start;
      align-items: stretch; }
      @media screen and (max-width: 768px) {
        .built-in-gas-conro.tools .pot__list {
          flex-direction: column;
          gap: calc(var(--r-padding)*2) var(--r-padding); } }
      @media screen and (min-width: 769px) {
        .built-in-gas-conro.tools .pot__list li {
          flex-basis: calc((100% - var(--r-padding)*2)/3); } }
      .built-in-gas-conro.tools .pot__list figure {
        margin-bottom: 15px;
        position: relative; }
        .built-in-gas-conro.tools .pot__list figure img {
          width: 100%; }
        .built-in-gas-conro.tools .pot__list figure figcaption.__r-option__list--socketcaption {
          position: absolute;
          text-align: center;
          font-size: 1.2rem;
          line-height: 1.75em;
          inset: auto 20px 15px; }
          @media screen and (max-width: 768px) {
            .built-in-gas-conro.tools .pot__list figure figcaption.__r-option__list--socketcaption {
              font-size: 1.1rem;
              line-height: 1.8em; } }
      .built-in-gas-conro.tools .pot__list h3 {
        font-weight: 500;
        font-size: 1.5rem;
        line-height: 1.6em; }
        @media screen and (max-width: 768px) {
          .built-in-gas-conro.tools .pot__list h3 {
            font-size: 1.3rem;
            line-height: 1.8em; } }
      .built-in-gas-conro.tools .pot__list p {
        margin-bottom: 15px;
        font-size: 1.2rem;
        line-height: 2.5em; }
        @media screen and (max-width: 768px) {
          .built-in-gas-conro.tools .pot__list p {
            font-size: 1.1rem;
            line-height: 1.8em; } }
        .built-in-gas-conro.tools .pot__list p strong {
          font-weight: 500;
          font-size: 1.8rem;
          font-weight: 500;
          line-height: 1.5em; }
          @media screen and (max-width: 768px) {
            .built-in-gas-conro.tools .pot__list p strong {
              font-size: 1.5rem; } }
      .built-in-gas-conro.tools .pot__list nav {
        margin: 0px auto;
        max-width: 240px;
        display: block flex;
        justify-content: center;
        align-items: center; }
  .built-in-gas-conro.tools .rinnaistyle-bn {
    padding: 60px 0px;
    background: radial-gradient(circle at 10% 20%, #e4e6e8 0%, transparent 40%), radial-gradient(circle at 10% 80%, #414a53 0%, transparent 50%), radial-gradient(circle at 90% 20%, #414a53 0%, transparent 50%), radial-gradient(circle at 90% 80%, #e4e6e8 0%, transparent 50%), #899199; }
    @media screen and (max-width: 768px) {
      .built-in-gas-conro.tools .rinnaistyle-bn {
        padding: calc(var(--r-padding)*2) 0px; } }
    .built-in-gas-conro.tools .rinnaistyle-bn nav {
      background: var(--r-c-white);
      margin: 0px auto;
      max-width: var(--r-width); }
      .built-in-gas-conro.tools .rinnaistyle-bn nav a {
        color: var(--r-c-black);
        display: block flex;
        justify-content: center;
        align-items: center; }
        @media (hover: hover) {
          .built-in-gas-conro.tools .rinnaistyle-bn nav a {
            text-decoration: none;
            transition: all 250ms ease; }
            .built-in-gas-conro.tools .rinnaistyle-bn nav a:hover {
              opacity: 0.7; } }
        @media screen and (max-width: 768px) {
          .built-in-gas-conro.tools .rinnaistyle-bn nav a {
            flex-direction: column-reverse; } }
        @media screen and (min-width: 769px) {
          .built-in-gas-conro.tools .rinnaistyle-bn nav a div,
          .built-in-gas-conro.tools .rinnaistyle-bn nav a figure {
            flex-basis: 50%; } }
        @media screen and (max-width: 768px) {
          .built-in-gas-conro.tools .rinnaistyle-bn nav a div {
            padding: var(--r-padding);
            width: 100%;
            box-sizing: border-box; } }
        .built-in-gas-conro.tools .rinnaistyle-bn nav a p {
          margin-bottom: 20px;
          font-size: 1.4rem;
          line-height: 2.142em;
          font-weight: 300; }
          @media screen and (max-width: 768px) {
            .built-in-gas-conro.tools .rinnaistyle-bn nav a p {
              margin-bottom: 10px; } }
          @media screen and (max-width: 768px) {
            .built-in-gas-conro.tools .rinnaistyle-bn nav a p {
              font-size: 1.2rem;
              line-height: 1.8em; } }
        .built-in-gas-conro.tools .rinnaistyle-bn nav a h2 {
          margin: 0px auto;
          max-width: 240px;
          width: 50%; }
          .built-in-gas-conro.tools .rinnaistyle-bn nav a h2 img {
            width: 100%; }
        .built-in-gas-conro.tools .rinnaistyle-bn nav a figure img {
          width: 100%; }

/*--

  toastpizzaplate article

====================================================== --*/
.built-in-gas-conro.toastpizzaplate {
  position: relative;
  z-index: 1;
  overflow: clip; }
  .built-in-gas-conro.toastpizzaplate::before {
    z-index: -1;
    position: sticky;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100vh;
    display: block;
    margin-bottom: -100vh;
    background: radial-gradient(circle at 10% 20%, #e4e6e8 0%, transparent 40%), radial-gradient(circle at 10% 80%, #b0b4ba 0%, transparent 50%), radial-gradient(circle at 90% 20%, #bfc6cd 0%, transparent 50%), linear-gradient(90deg, #e4e6e8, #bfc6cd);
    content: ""; }
  .built-in-gas-conro.toastpizzaplate .information {
    padding: calc(var(--r-padding)*2) 0px; }
  .built-in-gas-conro.toastpizzaplate .built-in-gas-conro__information__list {
    margin-bottom: calc(var(--r-padding)*2); }
  .built-in-gas-conro.toastpizzaplate .mainvisual {
    position: relative; }
    .built-in-gas-conro.toastpizzaplate .mainvisual img {
      width: 100%; }
      @media screen and (max-width: 768px) {
        .built-in-gas-conro.toastpizzaplate .mainvisual img {
          height: 300px;
          object-fit: cover; } }
    .built-in-gas-conro.toastpizzaplate .mainvisual p {
      background: rgb(0 0 0 / 0.4);
      color: var(--r-c-white);
      margin: auto;
      padding: var(--r-padding) 60px;
      position: absolute;
      inset: auto 0px 0px 0px;
      font-size: 3.6rem;
      font-weight: 300;
      line-height: 1.5em; }
      @media screen and (max-width: 768px) {
        .built-in-gas-conro.toastpizzaplate .mainvisual p {
          padding: var(--r-padding); } }
      @media screen and (max-width: 768px) {
        .built-in-gas-conro.toastpizzaplate .mainvisual p {
          font-size: 2.1rem; } }
  .built-in-gas-conro.toastpizzaplate .rinnaistyle-bn {
    padding: 60px 0px;
    background: radial-gradient(circle at 10% 20%, #e4e6e8 0%, transparent 40%), radial-gradient(circle at 10% 80%, #414a53 0%, transparent 50%), radial-gradient(circle at 90% 20%, #414a53 0%, transparent 50%), radial-gradient(circle at 90% 80%, #e4e6e8 0%, transparent 50%), #899199; }
    @media screen and (max-width: 768px) {
      .built-in-gas-conro.toastpizzaplate .rinnaistyle-bn {
        padding: calc(var(--r-padding)*2) 0px; } }
    .built-in-gas-conro.toastpizzaplate .rinnaistyle-bn nav {
      background: var(--r-c-white);
      margin: 0px auto;
      max-width: var(--r-width); }
      .built-in-gas-conro.toastpizzaplate .rinnaistyle-bn nav a {
        color: var(--r-c-black);
        display: block flex;
        justify-content: center;
        align-items: center; }
        @media (hover: hover) {
          .built-in-gas-conro.toastpizzaplate .rinnaistyle-bn nav a {
            text-decoration: none;
            transition: all 250ms ease; }
            .built-in-gas-conro.toastpizzaplate .rinnaistyle-bn nav a:hover {
              opacity: 0.7; } }
        @media screen and (max-width: 768px) {
          .built-in-gas-conro.toastpizzaplate .rinnaistyle-bn nav a {
            flex-direction: column-reverse; } }
        @media screen and (min-width: 769px) {
          .built-in-gas-conro.toastpizzaplate .rinnaistyle-bn nav a div,
          .built-in-gas-conro.toastpizzaplate .rinnaistyle-bn nav a figure {
            flex-basis: 50%; } }
        @media screen and (max-width: 768px) {
          .built-in-gas-conro.toastpizzaplate .rinnaistyle-bn nav a div {
            box-sizing: border-box;
            padding: var(--r-padding);
            width: 100%; } }
        .built-in-gas-conro.toastpizzaplate .rinnaistyle-bn nav a p {
          margin-bottom: 20px;
          font-size: 1.4rem;
          line-height: 2.142em;
          font-weight: 300; }
          @media screen and (max-width: 768px) {
            .built-in-gas-conro.toastpizzaplate .rinnaistyle-bn nav a p {
              margin-bottom: 10px; } }
          @media screen and (max-width: 768px) {
            .built-in-gas-conro.toastpizzaplate .rinnaistyle-bn nav a p {
              font-size: 1.2rem;
              line-height: 1.8em; } }
        .built-in-gas-conro.toastpizzaplate .rinnaistyle-bn nav a h2 {
          margin: 0px auto;
          max-width: 240px;
          width: 50%; }
          .built-in-gas-conro.toastpizzaplate .rinnaistyle-bn nav a h2 img {
            width: 100%; }
        .built-in-gas-conro.toastpizzaplate .rinnaistyle-bn nav a figure img {
          width: 100%; }
  .built-in-gas-conro.toastpizzaplate .introduction {
    background: var(--r-c-white);
    display: block flex;
    justify-content: center;
    align-items: center; }
    @media screen and (max-width: 768px) {
      .built-in-gas-conro.toastpizzaplate .introduction {
        display: block flow; } }
    .built-in-gas-conro.toastpizzaplate .introduction figure {
      flex-basis: 50%; }
      .built-in-gas-conro.toastpizzaplate .introduction figure img {
        width: 100%; }
    .built-in-gas-conro.toastpizzaplate .introduction div {
      box-sizing: border-box;
      flex-basis: 50%;
      padding: 20px 50px;
      text-align: left; }
      @media screen and (max-width: 768px) {
        .built-in-gas-conro.toastpizzaplate .introduction div {
          padding: var(--r-padding) var(--r-padding) calc(var(--r-padding)*2); } }
    .built-in-gas-conro.toastpizzaplate .introduction__copy {
      font-weight: 400;
      margin-bottom: 23px;
      font-size: 1.4rem;
      line-height: 1.928em;
      font-weight: 300; }
      @media screen and (max-width: 768px) {
        .built-in-gas-conro.toastpizzaplate .introduction__copy {
          margin-bottom: 10px; } }
      @media screen and (max-width: 768px) {
        .built-in-gas-conro.toastpizzaplate .introduction__copy {
          font-size: 1.2rem;
          line-height: 1.8em; } }
    .built-in-gas-conro.toastpizzaplate .introduction__name {
      font-size: 3rem;
      font-weight: 500;
      line-height: 1em;
      margin-bottom: 23px; }
      @media screen and (max-width: 768px) {
        .built-in-gas-conro.toastpizzaplate .introduction__name {
          font-size: 2.4rem;
          margin-bottom: 10px; } }
      .built-in-gas-conro.toastpizzaplate .introduction__name span {
        font-size: 1rem; }
    .built-in-gas-conro.toastpizzaplate .introduction__text {
      margin-bottom: var(--r-padding);
      font-size: 1.4rem;
      line-height: 1.928em;
      font-weight: 300; }
      @media screen and (max-width: 768px) {
        .built-in-gas-conro.toastpizzaplate .introduction__text {
          font-size: 1.2rem;
          line-height: 1.8em; } }
    .built-in-gas-conro.toastpizzaplate .introduction__btn {
      display: block flex;
      justify-content: center;
      align-items: center; }
  .built-in-gas-conro.toastpizzaplate .cooking {
    background: var(--r-c-k5);
    padding: calc(var(--r-padding)*2) 0px; }
    .built-in-gas-conro.toastpizzaplate .cooking p {
      margin: -20px auto calc(var(--r-padding)*2);
      max-width: var(--r-width);
      font-size: 1.4rem;
      line-height: 1.928em;
      font-weight: 300; }
      @media screen and (max-width: 768px) {
        .built-in-gas-conro.toastpizzaplate .cooking p {
          margin-top: -10px; } }
      @media screen and (max-width: 768px) {
        .built-in-gas-conro.toastpizzaplate .cooking p {
          font-size: 1.2rem;
          line-height: 1.8em; } }
    .built-in-gas-conro.toastpizzaplate .cooking ul {
      flex-wrap: wrap;
      gap: calc(var(--r-padding)*2);
      margin: 0px auto;
      max-width: var(--r-width);
      display: block flex;
      justify-content: flex-start;
      align-items: center; }
      @media screen and (max-width: 768px) {
        .built-in-gas-conro.toastpizzaplate .cooking ul {
          flex-direction: column;
          gap: var(--r-padding); } }
      .built-in-gas-conro.toastpizzaplate .cooking ul li {
        background: var(--r-c-white);
        border: 1px solid var(--r-c-k20);
        box-sizing: border-box; }
        @media screen and (min-width: 769px) {
          .built-in-gas-conro.toastpizzaplate .cooking ul li {
            flex-basis: calc(50% - var(--r-padding)); } }
        .built-in-gas-conro.toastpizzaplate .cooking ul li figure img {
          width: 100%; }
        .built-in-gas-conro.toastpizzaplate .cooking ul li i {
          background: var(--r-c-white);
          border: 1px solid var(--r-c-k20);
          border-radius: 5px;
          box-sizing: border-box;
          height: 50px;
          position: absolute;
          right: 20px;
          top: 20px;
          width: 50px; }
          .built-in-gas-conro.toastpizzaplate .cooking ul li i img {
            width: 100%; }
        .built-in-gas-conro.toastpizzaplate .cooking ul li div {
          padding: 25px 80px 25px 30px;
          position: relative; }
          @media screen and (max-width: 768px) {
            .built-in-gas-conro.toastpizzaplate .cooking ul li div {
              padding: 15px 80px 15px var(--r-padding); } }
        .built-in-gas-conro.toastpizzaplate .cooking ul li dl {
          text-align: left; }
        .built-in-gas-conro.toastpizzaplate .cooking ul li dt {
          margin-bottom: 5px;
          font-size: 2.4rem;
          font-weight: 300;
          line-height: 1.5em; }
          @media screen and (max-width: 768px) {
            .built-in-gas-conro.toastpizzaplate .cooking ul li dt {
              font-size: 2.1rem; } }
        .built-in-gas-conro.toastpizzaplate .cooking ul li dd {
          font-size: 1.4rem;
          line-height: 1.928em;
          font-weight: 300; }
          @media screen and (max-width: 768px) {
            .built-in-gas-conro.toastpizzaplate .cooking ul li dd {
              font-size: 1.2rem;
              line-height: 1.8em; } }
  .built-in-gas-conro.toastpizzaplate .function {
    background: var(--r-c-white);
    padding: calc(var(--r-padding)*2) 0px; }
    .built-in-gas-conro.toastpizzaplate .function__body {
      border: 1px solid var(--r-c-k20);
      margin: 0px auto;
      max-width: var(--r-width);
      padding-bottom: 60px;
      text-align: left; }
      @media screen and (max-width: 768px) {
        .built-in-gas-conro.toastpizzaplate .function__body {
          padding-bottom: var(--r-padding); } }
      .built-in-gas-conro.toastpizzaplate .function__body h3 {
        margin: 50px 0px;
        text-align: center;
        font-size: 2.4rem;
        font-weight: 300;
        line-height: 1.625; }
        @media screen and (max-width: 768px) {
          .built-in-gas-conro.toastpizzaplate .function__body h3 {
            margin: var(--r-padding);
            text-align: left; } }
        @media screen and (max-width: 768px) {
          .built-in-gas-conro.toastpizzaplate .function__body h3 {
            font-size: 2.1rem; } }
      .built-in-gas-conro.toastpizzaplate .function__body__01 {
        margin-bottom: 60px; }
        @media screen and (max-width: 768px) {
          .built-in-gas-conro.toastpizzaplate .function__body__01 {
            margin-bottom: var(--r-padding); } }
      .built-in-gas-conro.toastpizzaplate .function__body__photo {
        position: relative; }
        .built-in-gas-conro.toastpizzaplate .function__body__photo img {
          width: 100%; }
        .built-in-gas-conro.toastpizzaplate .function__body__photo figcaption {
          color: var(--r-c-white);
          position: absolute;
          inset: auto 20px 20px auto;
          font-size: 9px;
          line-height: 1.666em; }
          @media screen and (max-width: 768px) {
            .built-in-gas-conro.toastpizzaplate .function__body__photo figcaption {
              inset: auto 10px 10px auto; } }
      .built-in-gas-conro.toastpizzaplate .function__body__block {
        gap: 60px;
        margin: 0px 60px;
        display: block flex;
        justify-content: center;
        align-items: stretch; }
        @media screen and (max-width: 768px) {
          .built-in-gas-conro.toastpizzaplate .function__body__block {
            display: block flow;
            margin: 0px var(--r-padding); } }
        .built-in-gas-conro.toastpizzaplate .function__body__block div {
          flex-basis: 480px;
          flex-direction: column;
          flex-grow: 10;
          order: 1;
          font-size: 1.4rem;
          line-height: 1.928em;
          font-weight: 300;
          display: block flex;
          justify-content: center;
          align-items: flex-start; }
          @media screen and (max-width: 768px) {
            .built-in-gas-conro.toastpizzaplate .function__body__block div {
              font-size: 1.2rem;
              line-height: 1.8em; } }
          .built-in-gas-conro.toastpizzaplate .function__body__block div p {
            flex-grow: 10;
            margin-bottom: 10px; }
            .built-in-gas-conro.toastpizzaplate .function__body__block div p.function__body__caption {
              color: var(--r-c-k60);
              margin-bottom: 0px;
              flex-grow: 0;
              font-size: 9px;
              line-height: 1.666em; }
        .built-in-gas-conro.toastpizzaplate .function__body__block figure {
          flex-basis: 540px;
          flex-grow: 10;
          order: 2;
          position: relative; }
          @media screen and (max-width: 768px) {
            .built-in-gas-conro.toastpizzaplate .function__body__block figure {
              margin-bottom: 15px; } }
          .built-in-gas-conro.toastpizzaplate .function__body__block figure img:nth-of-type(1) {
            width: 100%; }
          .built-in-gas-conro.toastpizzaplate .function__body__block figure img:nth-of-type(2) {
            position: absolute;
            right: -20px;
            top: -33.333%;
            width: 37%; }

/*--

  cocotteround article

====================================================== --*/
.built-in-gas-conro.cocotteround {
  position: relative;
  z-index: 1;
  overflow: clip; }
  .built-in-gas-conro.cocotteround::before {
    z-index: -1;
    position: sticky;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100vh;
    display: block;
    margin-bottom: -100vh;
    background: radial-gradient(circle at 10% 20%, #e4e6e8 0%, transparent 40%), radial-gradient(circle at 10% 80%, #b0b4ba 0%, transparent 50%), radial-gradient(circle at 90% 20%, #bfc6cd 0%, transparent 50%), linear-gradient(90deg, #e4e6e8, #bfc6cd);
    content: ""; }
  .built-in-gas-conro.cocotteround .information {
    padding: calc(var(--r-padding)*2) 0px; }
  .built-in-gas-conro.cocotteround .built-in-gas-conro__information__list {
    margin-bottom: calc(var(--r-padding)*2); }
  .built-in-gas-conro.cocotteround .mainvisual {
    position: relative; }
    .built-in-gas-conro.cocotteround .mainvisual img {
      width: 100%; }
      @media screen and (max-width: 768px) {
        .built-in-gas-conro.cocotteround .mainvisual img {
          height: 300px;
          object-fit: cover; } }
    .built-in-gas-conro.cocotteround .mainvisual p {
      background: rgb(0 0 0 / 0.4);
      color: var(--r-c-white);
      margin: auto;
      padding: var(--r-padding) 60px;
      position: absolute;
      inset: auto 0px 0px 0px;
      font-size: 3.6rem;
      font-weight: 300;
      line-height: 1.5em; }
      @media screen and (max-width: 768px) {
        .built-in-gas-conro.cocotteround .mainvisual p {
          padding: var(--r-padding); } }
      @media screen and (max-width: 768px) {
        .built-in-gas-conro.cocotteround .mainvisual p {
          font-size: 2.1rem; } }
  .built-in-gas-conro.cocotteround .rinnaistyle-bn {
    padding: 60px 0px;
    background: radial-gradient(circle at 10% 20%, #e4e6e8 0%, transparent 40%), radial-gradient(circle at 10% 80%, #414a53 0%, transparent 50%), radial-gradient(circle at 90% 20%, #414a53 0%, transparent 50%), radial-gradient(circle at 90% 80%, #e4e6e8 0%, transparent 50%), #899199; }
    @media screen and (max-width: 768px) {
      .built-in-gas-conro.cocotteround .rinnaistyle-bn {
        padding: calc(var(--r-padding)*2) 0px; } }
    .built-in-gas-conro.cocotteround .rinnaistyle-bn nav {
      background: var(--r-c-white);
      margin: 0px auto;
      max-width: var(--r-width); }
      .built-in-gas-conro.cocotteround .rinnaistyle-bn nav a {
        color: var(--r-c-black);
        display: block flex;
        justify-content: center;
        align-items: center; }
        @media (hover: hover) {
          .built-in-gas-conro.cocotteround .rinnaistyle-bn nav a {
            text-decoration: none;
            transition: all 250ms ease; }
            .built-in-gas-conro.cocotteround .rinnaistyle-bn nav a:hover {
              opacity: 0.7; } }
        @media screen and (max-width: 768px) {
          .built-in-gas-conro.cocotteround .rinnaistyle-bn nav a {
            flex-direction: column-reverse; } }
        @media screen and (min-width: 769px) {
          .built-in-gas-conro.cocotteround .rinnaistyle-bn nav a div,
          .built-in-gas-conro.cocotteround .rinnaistyle-bn nav a figure {
            flex-basis: 50%; } }
        @media screen and (max-width: 768px) {
          .built-in-gas-conro.cocotteround .rinnaistyle-bn nav a div {
            box-sizing: border-box;
            padding: var(--r-padding);
            width: 100%; } }
        .built-in-gas-conro.cocotteround .rinnaistyle-bn nav a p {
          margin-bottom: 20px;
          font-size: 1.4rem;
          line-height: 2.142em;
          font-weight: 300; }
          @media screen and (max-width: 768px) {
            .built-in-gas-conro.cocotteround .rinnaistyle-bn nav a p {
              margin-bottom: 10px; } }
          @media screen and (max-width: 768px) {
            .built-in-gas-conro.cocotteround .rinnaistyle-bn nav a p {
              font-size: 1.2rem;
              line-height: 1.8em; } }
        .built-in-gas-conro.cocotteround .rinnaistyle-bn nav a h2 {
          margin: 0px auto;
          max-width: 240px;
          width: 50%; }
          .built-in-gas-conro.cocotteround .rinnaistyle-bn nav a h2 img {
            width: 100%; }
        .built-in-gas-conro.cocotteround .rinnaistyle-bn nav a figure img {
          width: 100%; }
  .built-in-gas-conro.cocotteround .introduction {
    background: var(--r-c-white);
    display: block flex;
    justify-content: center;
    align-items: center; }
    @media screen and (max-width: 768px) {
      .built-in-gas-conro.cocotteround .introduction {
        display: block flow; } }
    .built-in-gas-conro.cocotteround .introduction figure {
      flex-basis: 50%; }
      .built-in-gas-conro.cocotteround .introduction figure img {
        width: 100%; }
    .built-in-gas-conro.cocotteround .introduction div {
      box-sizing: border-box;
      flex-basis: 50%;
      padding: 20px 50px;
      text-align: left; }
      @media screen and (max-width: 768px) {
        .built-in-gas-conro.cocotteround .introduction div {
          padding: var(--r-padding) var(--r-padding) calc(var(--r-padding)*2); } }
    .built-in-gas-conro.cocotteround .introduction__copy {
      font-weight: 400;
      margin-bottom: 23px;
      font-size: 1.4rem;
      line-height: 1.928em;
      font-weight: 300; }
      @media screen and (max-width: 768px) {
        .built-in-gas-conro.cocotteround .introduction__copy {
          margin-bottom: 10px; } }
      @media screen and (max-width: 768px) {
        .built-in-gas-conro.cocotteround .introduction__copy {
          font-size: 1.2rem;
          line-height: 1.8em; } }
    .built-in-gas-conro.cocotteround .introduction__name {
      font-size: 3rem;
      font-weight: 500;
      line-height: 1em;
      margin-bottom: 23px; }
      @media screen and (max-width: 768px) {
        .built-in-gas-conro.cocotteround .introduction__name {
          font-size: 2.4rem;
          margin-bottom: 10px; } }
      .built-in-gas-conro.cocotteround .introduction__name span {
        font-size: 1rem; }
    .built-in-gas-conro.cocotteround .introduction__text {
      margin-bottom: var(--r-padding);
      font-size: 1.4rem;
      line-height: 1.928em;
      font-weight: 300; }
      @media screen and (max-width: 768px) {
        .built-in-gas-conro.cocotteround .introduction__text {
          font-size: 1.2rem;
          line-height: 1.8em; } }
    .built-in-gas-conro.cocotteround .introduction__btn {
      display: block flex;
      justify-content: center;
      align-items: center; }
  .built-in-gas-conro.cocotteround .cooking {
    background: var(--r-c-k5);
    padding: calc(var(--r-padding)*2) 0px; }
    .built-in-gas-conro.cocotteround .cooking ul {
      flex-wrap: wrap;
      gap: calc(var(--r-padding)*2);
      margin: 0px auto;
      max-width: var(--r-width);
      display: block flex;
      justify-content: flex-start;
      align-items: center; }
      @media screen and (max-width: 768px) {
        .built-in-gas-conro.cocotteround .cooking ul {
          flex-direction: column;
          gap: var(--r-padding); } }
      .built-in-gas-conro.cocotteround .cooking ul li {
        background: var(--r-c-white);
        border: 1px solid var(--r-c-k20);
        box-sizing: border-box; }
        @media screen and (min-width: 769px) {
          .built-in-gas-conro.cocotteround .cooking ul li {
            flex-basis: calc(50% - var(--r-padding)); } }
        .built-in-gas-conro.cocotteround .cooking ul li figure img {
          width: 100%; }
        .built-in-gas-conro.cocotteround .cooking ul li i {
          background: var(--r-c-white);
          border: 1px solid var(--r-c-k20);
          border-radius: 5px;
          box-sizing: border-box;
          height: 50px;
          position: absolute;
          right: 20px;
          top: 20px;
          width: 50px; }
          .built-in-gas-conro.cocotteround .cooking ul li i img {
            width: 100%; }
        .built-in-gas-conro.cocotteround .cooking ul li div {
          padding: 25px 30px 25px 30px;
          position: relative;
          text-align: left; }
          @media screen and (max-width: 768px) {
            .built-in-gas-conro.cocotteround .cooking ul li div {
              padding: 15px var(--r-padding) 15px var(--r-padding); } }
        .built-in-gas-conro.cocotteround .cooking ul li p {
          font-weight: 400;
          margin-bottom: 3px;
          margin-right: 50px;
          font-size: 1.4rem;
          line-height: 1.928em;
          font-weight: 300; }
          @media screen and (max-width: 768px) {
            .built-in-gas-conro.cocotteround .cooking ul li p {
              font-size: 1.2rem;
              line-height: 1.8em; } }
        .built-in-gas-conro.cocotteround .cooking ul li dt {
          margin-bottom: 10px;
          margin-right: 50px;
          font-size: 2.4rem;
          font-weight: 300;
          line-height: 1.5em; }
          @media screen and (max-width: 768px) {
            .built-in-gas-conro.cocotteround .cooking ul li dt {
              font-size: 2.1rem; } }
        .built-in-gas-conro.cocotteround .cooking ul li dd {
          font-size: 1.4rem;
          line-height: 1.928em;
          font-weight: 300; }
          @media screen and (max-width: 768px) {
            .built-in-gas-conro.cocotteround .cooking ul li dd {
              font-size: 1.2rem;
              line-height: 1.8em; } }
  .built-in-gas-conro.cocotteround .function {
    background: var(--r-c-white);
    padding: calc(var(--r-padding)*2) 0px; }
    .built-in-gas-conro.cocotteround .function__body {
      border: 1px solid var(--r-c-k20);
      margin: 0px auto 60px;
      max-width: var(--r-width);
      padding-bottom: 60px;
      text-align: left; }
      @media screen and (max-width: 768px) {
        .built-in-gas-conro.cocotteround .function__body {
          margin-bottom: var(--r-padding);
          padding-bottom: var(--r-padding); } }
      .built-in-gas-conro.cocotteround .function__body:last-child {
        margin-bottom: 0px; }
      .built-in-gas-conro.cocotteround .function__body h3 {
        margin: 50px 60px;
        text-align: center;
        font-size: 2.4rem;
        font-weight: 300;
        line-height: 1.625; }
        @media screen and (max-width: 768px) {
          .built-in-gas-conro.cocotteround .function__body h3 {
            margin: var(--r-padding); } }
        @media screen and (max-width: 768px) {
          .built-in-gas-conro.cocotteround .function__body h3 {
            font-size: 2.1rem; } }
      .built-in-gas-conro.cocotteround .function__body__01 p {
        margin: 0px 60px 50px;
        text-align: center;
        font-size: 1.4rem;
        line-height: 1.928em;
        font-weight: 300; }
        @media screen and (max-width: 768px) {
          .built-in-gas-conro.cocotteround .function__body__01 p {
            margin: 0px var(--r-padding) 25px; } }
        @media screen and (max-width: 768px) {
          .built-in-gas-conro.cocotteround .function__body__01 p {
            font-size: 1.2rem;
            line-height: 1.8em; } }
      .built-in-gas-conro.cocotteround .function__body__photo {
        position: relative; }
        .built-in-gas-conro.cocotteround .function__body__photo img {
          width: 100%; }
        .built-in-gas-conro.cocotteround .function__body__photo figcaption {
          color: var(--r-c-white);
          position: absolute;
          inset: auto 20px 20px auto;
          font-size: 9px;
          line-height: 1.666em; }
          @media screen and (max-width: 768px) {
            .built-in-gas-conro.cocotteround .function__body__photo figcaption {
              inset: auto 10px 10px auto; } }
    .built-in-gas-conro.cocotteround .function__automenu {
      gap: 30px;
      margin: 0px 60px;
      text-align: center;
      display: block flex;
      justify-content: center;
      align-items: center; }
      @media screen and (max-width: 768px) {
        .built-in-gas-conro.cocotteround .function__automenu {
          display: block flow;
          margin: 0px var(--r-padding); } }
      .built-in-gas-conro.cocotteround .function__automenu div {
        flex-basis: 560px;
        flex-grow: 10;
        flex-wrap: wrap;
        gap: 20px 13.92%;
        display: block flex;
        justify-content: center;
        align-items: center; }
        @media screen and (max-width: 768px) {
          .built-in-gas-conro.cocotteround .function__automenu div {
            gap: 10px 10.92%;
            margin-bottom: var(--r-padding); } }
        .built-in-gas-conro.cocotteround .function__automenu div figure {
          width: 100%; }
        .built-in-gas-conro.cocotteround .function__automenu div p {
          flex-grow: 10;
          font-weight: 400;
          margin: 0px; }
          @media screen and (max-width: 768px) {
            .built-in-gas-conro.cocotteround .function__automenu div p {
              white-space: nowrap; } }
          .built-in-gas-conro.cocotteround .function__automenu div p:nth-of-type(1) {
            flex-basis: 38.57%; }
          .built-in-gas-conro.cocotteround .function__automenu div p:nth-of-type(2) {
            flex-basis: 47.51%; }
      .built-in-gas-conro.cocotteround .function__automenu dl {
        flex-basis: 450px;
        flex-grow: 10; }
        .built-in-gas-conro.cocotteround .function__automenu dl dt {
          font-weight: 300;
          line-height: 2.1em;
          margin-bottom: 5px;
          text-align: left; }
        .built-in-gas-conro.cocotteround .function__automenu dl dd figcaption {
          margin-top: 8px;
          font-size: 1.4rem;
          line-height: 1.714em;
          font-weight: 300; }
          @media screen and (max-width: 768px) {
            .built-in-gas-conro.cocotteround .function__automenu dl dd figcaption {
              font-size: 1.2rem;
              line-height: 1.8em; } }
      .built-in-gas-conro.cocotteround .function__automenu figure img {
        width: 100%; }
    .built-in-gas-conro.cocotteround .function__shape, .built-in-gas-conro.cocotteround .function__cooking {
      gap: 160px;
      margin: 0px 60px;
      text-align: center;
      display: block flex;
      justify-content: center;
      align-items: flex-start; }
      @media screen and (max-width: 768px) {
        .built-in-gas-conro.cocotteround .function__shape, .built-in-gas-conro.cocotteround .function__cooking {
          display: block flow;
          margin: 0px var(--r-padding); } }
      .built-in-gas-conro.cocotteround .function__shape div, .built-in-gas-conro.cocotteround .function__cooking div {
        flex-basis: 420px;
        flex-grow: 10;
        text-align: left; }
        @media screen and (max-width: 768px) {
          .built-in-gas-conro.cocotteround .function__shape div, .built-in-gas-conro.cocotteround .function__cooking div {
            margin-bottom: var(--r-padding); }
            .built-in-gas-conro.cocotteround .function__shape div:last-child, .built-in-gas-conro.cocotteround .function__cooking div:last-child {
              margin-bottom: 0px; } }
        .built-in-gas-conro.cocotteround .function__shape div figure, .built-in-gas-conro.cocotteround .function__cooking div figure {
          margin-bottom: 25px;
          width: 100%; }
          @media screen and (max-width: 768px) {
            .built-in-gas-conro.cocotteround .function__shape div figure, .built-in-gas-conro.cocotteround .function__cooking div figure {
              margin-bottom: 15px; } }
        .built-in-gas-conro.cocotteround .function__shape div dt, .built-in-gas-conro.cocotteround .function__cooking div dt {
          margin-bottom: 10px;
          font-size: 1.8rem;
          font-weight: 400;
          line-height: 1.75; }
          @media screen and (max-width: 768px) {
            .built-in-gas-conro.cocotteround .function__shape div dt, .built-in-gas-conro.cocotteround .function__cooking div dt {
              margin-bottom: 5px; } }
          @media screen and (max-width: 768px) {
            .built-in-gas-conro.cocotteround .function__shape div dt, .built-in-gas-conro.cocotteround .function__cooking div dt {
              font-size: 1.5rem; } }
        .built-in-gas-conro.cocotteround .function__shape div dd, .built-in-gas-conro.cocotteround .function__cooking div dd {
          font-size: 1.4rem;
          line-height: 1.928em;
          font-weight: 300; }
          @media screen and (max-width: 768px) {
            .built-in-gas-conro.cocotteround .function__shape div dd, .built-in-gas-conro.cocotteround .function__cooking div dd {
              font-size: 1.2rem;
              line-height: 1.8em; } }
    .built-in-gas-conro.cocotteround .function__cooking__01 img {
      width: 122.61%; }
      @media screen and (max-width: 768px) {
        .built-in-gas-conro.cocotteround .function__cooking__01 img {
          width: 100%; } }
    .built-in-gas-conro.cocotteround .function__cooking__02 img {
      width: 100%; }
    .built-in-gas-conro.cocotteround .function__shape figure img {
      width: 100%; }

.built-in-gas-conro__mv {
  display: block grid;
  overflow: hidden;
  grid-column: 1 / 2;
  grid-template-columns: 62.5% 37.5%; }
  @media screen and (max-width: 768px) {
    .built-in-gas-conro__mv {
      grid-template-columns: 0.5fr 0.5fr; } }
  .built-in-gas-conro__mv div {
    display: none; }
    .built-in-gas-conro__mv div[data-order="1"] {
      display: block;
      order: 1; }
      @media screen and (min-width: 769px) {
        .built-in-gas-conro__mv div[data-order="1"] {
          grid-row: 1 / 3; } }
      @media screen and (max-width: 768px) {
        .built-in-gas-conro__mv div[data-order="1"] {
          grid-column: 1 / 3; } }
      .built-in-gas-conro__mv div[data-order="1"] a > img {
        max-height: 750px; }
        @media screen and (max-width: 768px) {
          .built-in-gas-conro__mv div[data-order="1"] a > img {
            height: 260px; } }
    .built-in-gas-conro__mv div[data-order="3"], .built-in-gas-conro__mv div[data-order="2"] {
      display: block;
      order: 2; }
      .built-in-gas-conro__mv div[data-order="3"] a > img, .built-in-gas-conro__mv div[data-order="2"] a > img {
        max-height: 375px; }
        @media screen and (max-width: 768px) {
          .built-in-gas-conro__mv div[data-order="3"] a > img, .built-in-gas-conro__mv div[data-order="2"] a > img {
            height: 180px; } }
    .built-in-gas-conro__mv div[data-order="3"] {
      order: 3; }
  .built-in-gas-conro__mv a {
    display: block;
    height: 100%;
    position: relative; }
    @media (hover: hover) {
      .built-in-gas-conro__mv a {
        text-decoration: none;
        transition: all 250ms ease; }
        .built-in-gas-conro__mv a:hover {
          opacity: 0.7; } }
    .built-in-gas-conro__mv a figure {
      margin: auto;
      max-width: 360px;
      position: absolute;
      width: 75%;
      display: block flex;
      justify-content: center;
      align-items: center;
      inset: 0px 0px auto;
      aspect-ratio: 36 / 12; }
      @media screen and (max-width: 768px) {
        .built-in-gas-conro__mv a figure {
          width: 50%;
          aspect-ratio: 36 / 18; } }
      .built-in-gas-conro__mv a figure img {
        max-height: 100%;
        max-width: 100%; }
        @media screen and (max-width: 768px) {
          .built-in-gas-conro__mv a figure img {
            height: 20px; } }
    .built-in-gas-conro__mv a > img {
      height: 100%;
      object-fit: cover;
      width: 100%; }

.built-in-gas-conro__lineup {
  padding: calc(var(--r-padding)*2) 0px 0px; }
  .built-in-gas-conro__lineup__filter {
    background: var(--r-c-k5);
    gap: 19px;
    padding: 50px var(--r-padding);
    display: block flex;
    justify-content: center;
    align-items: flex-start; }
    @media screen and (max-width: 1023px) {
      .built-in-gas-conro__lineup__filter {
        gap: 5px; } }
    @media screen and (max-width: 768px) {
      .built-in-gas-conro__lineup__filter {
        flex-wrap: wrap;
        gap: 10px;
        justify-content: flex-start;
        padding: var(--r-padding); } }
    .built-in-gas-conro__lineup__filter dl {
      flex-basis: 18rem;
      position: relative; }
      @media screen and (max-width: 768px) {
        .built-in-gas-conro__lineup__filter dl {
          flex-basis: calc((100% - 10px) * 0.5);
          flex-shrink: 0; } }
      .built-in-gas-conro__lineup__filter dl:has(dt[data-status="open"]) {
        z-index: 8; }
    .built-in-gas-conro__lineup__filter dt {
      background: var(--r-c-white);
      border: 1px solid var(--r-c-k40);
      border-radius: 40px;
      box-sizing: border-box;
      color: var(--r-c-k60);
      cursor: pointer;
      font-weight: 400;
      height: 40px;
      position: relative;
      z-index: 2;
      font-size: 1.4rem;
      line-height: 1.5em;
      font-weight: 300;
      display: block flex;
      justify-content: center;
      align-items: center;
      transition: all 250ms ease; }
      @media screen and (max-width: 768px) {
        .built-in-gas-conro__lineup__filter dt {
          font-size: 1.2rem;
          line-height: 1.8em; } }
      @media (hover: hover) {
        .built-in-gas-conro__lineup__filter dt:hover {
          background: var(--r-c-deepred);
          border-color: var(--r-c-deepred);
          color: var(--r-c-white); } }
      .built-in-gas-conro__lineup__filter dt::after {
        background: currentColor;
        content: "";
        height: 5px;
        margin: auto;
        position: absolute;
        width: 9px;
        transition: all 250ms ease;
        clip-path: url(#icon_arrow_acc);
        inset: 0px 15px 0px auto; }
      .built-in-gas-conro__lineup__filter dt[data-status="open"] {
        background: var(--r-c-deepred);
        border-color: var(--r-c-deepred);
        color: var(--r-c-white); }
        .built-in-gas-conro__lineup__filter dt[data-status="open"]::after {
          scale: 1 -1; }
        .built-in-gas-conro__lineup__filter dt[data-status="open"] + dd {
          opacity: 1;
          pointer-events: auto; }
    .built-in-gas-conro__lineup__filter dd {
      background: var(--r-c-white);
      border: 1px solid var(--r-c-k20);
      border-radius: 30px;
      box-sizing: border-box;
      color: var(--r-c-k60);
      opacity: 0;
      padding: 60px 10px 30px;
      pointer-events: none;
      position: absolute;
      z-index: 1;
      transition: all 250ms ease;
      inset: -10px -10px auto; }
      @media screen and (max-width: 768px) {
        .built-in-gas-conro__lineup__filter dd {
          border-radius: 25px;
          padding: 55px 10px var(--r-padding);
          inset: -5px -5px auto; } }
      .built-in-gas-conro__lineup__filter dd li {
        position: relative;
        text-align: left; }
        .built-in-gas-conro__lineup__filter dd li:not(:last-child) {
          border-bottom: 1px solid var(--r-c-k20);
          margin-bottom: 10px;
          padding-bottom: 10px; }
        .built-in-gas-conro__lineup__filter dd li p {
          font-weight: 400;
          margin-top: 5px;
          font-size: 1.2rem;
          line-height: 1.5em; }
          @media screen and (max-width: 768px) {
            .built-in-gas-conro__lineup__filter dd li p {
              font-size: 1.1rem;
              line-height: 1.8em; } }
        .built-in-gas-conro__lineup__filter dd li input {
          left: 0px;
          opacity: 0;
          position: absolute;
          top: 0px; }
          .built-in-gas-conro__lineup__filter dd li input:checked + label::after {
            opacity: 1; }
          .built-in-gas-conro__lineup__filter dd li input[type="radio"] + label::before {
            border-radius: 100%; }
          .built-in-gas-conro__lineup__filter dd li input[type="radio"] + label::after {
            height: 9px;
            left: 4px;
            top: 6px;
            width: 9px;
            border-radius: 100%; }
            @media screen and (max-width: 768px) {
              .built-in-gas-conro__lineup__filter dd li input[type="radio"] + label::after {
                top: 5px; } }
          .built-in-gas-conro__lineup__filter dd li input[type="checkbox"] + label::after {
            height: 12px;
            left: 2px;
            top: 1px;
            width: 17px;
            clip-path: url(#icon_check); }
            @media screen and (max-width: 768px) {
              .built-in-gas-conro__lineup__filter dd li input[type="checkbox"] + label::after {
                top: 0px; } }
        .built-in-gas-conro__lineup__filter dd li label {
          cursor: pointer;
          display: block flow;
          font-weight: 400;
          padding-left: 25px;
          position: relative;
          font-size: 1.4rem;
          line-height: 1.5em;
          font-weight: 300; }
          @media screen and (max-width: 768px) {
            .built-in-gas-conro__lineup__filter dd li label {
              font-size: 1.2rem;
              line-height: 1.8em; } }
          @media (hover: hover) {
            .built-in-gas-conro__lineup__filter dd li label {
              transition: all 250ms ease; }
              .built-in-gas-conro__lineup__filter dd li label:hover {
                color: var(--r-c-deepred); }
                .built-in-gas-conro__lineup__filter dd li label:hover::before {
                  border-color: currentColor; } }
          .built-in-gas-conro__lineup__filter dd li label::before {
            border: 1px solid var(--r-c-k40);
            content: "";
            height: 15px;
            left: 0px;
            position: absolute;
            top: 2px;
            width: 15px;
            transition: all 250ms ease; }
            @media screen and (max-width: 768px) {
              .built-in-gas-conro__lineup__filter dd li label::before {
                top: 1px; } }
          .built-in-gas-conro__lineup__filter dd li label::after {
            background: var(--r-c-deepred);
            content: "";
            opacity: 0;
            position: absolute;
            transition: all 250ms ease; }
      .built-in-gas-conro__lineup__filter dd button {
        background: var(--r-c-white);
        border: 1px solid var(--r-c-k40);
        border-radius: 100%;
        box-sizing: border-box;
        cursor: pointer;
        font-size: 0px;
        height: 30px;
        margin: 0px auto;
        position: absolute;
        width: 30px;
        inset: auto 0px -15px;
        -moz-appearance: none;
             appearance: none;
        -webkit-appearance: none;
        display: block flex;
        justify-content: center;
        align-items: center; }
        .built-in-gas-conro__lineup__filter dd button::before {
          background: var(--r-c-deepred);
          content: "";
          height: 7px;
          width: 7px;
          clip-path: url(#icon_close7); }

.built-in-gas-conro__lineup__list[data-status="hide"] {
  display: none; }

.built-in-gas-conro__lineup__results {
  border-bottom: 1px solid var(--r-c-k10);
  padding: calc(var(--r-padding)*2) 0px; }
  .built-in-gas-conro__lineup__results[data-status="hide"] {
    display: none; }
  .built-in-gas-conro__lineup__results[data-status="anm"] {
    animation: fadein 500ms ease 0s 1 forwards;
    opacity: 0; }
  .built-in-gas-conro__lineup__results__none {
    font-size: 1.8rem;
    font-weight: 400;
    line-height: 1.5em; }
    @media screen and (max-width: 768px) {
      .built-in-gas-conro__lineup__results__none {
        font-size: 1.5rem; } }
  .built-in-gas-conro__lineup__results__condition {
    display: block flex;
    justify-content: center;
    align-items: center;
    font-size: 1.4rem;
    line-height: 1.75em;
    font-weight: 300;
    font-weight: 400;
    gap: 0em 2em;
    width: var(--r-width);
    margin: 0px auto;
    flex-wrap: wrap;
    color: var(--r-c-k60);
    margin-bottom: 60px; }
    @media screen and (max-width: 768px) {
      .built-in-gas-conro__lineup__results__condition {
        font-size: 1.2rem;
        line-height: 1.8em; } }
  .built-in-gas-conro__lineup__results__list {
    margin: 0px auto;
    max-width: var(--r-width); }
  .built-in-gas-conro__lineup__results__item {
    border: 1px solid var(--r-c-k20);
    margin-top: var(--r-padding); }
    .built-in-gas-conro__lineup__results__item h4 {
      font-size: 3rem;
      font-weight: 500;
      line-height: 1em;
      margin-bottom: 12px; }
      @media screen and (max-width: 768px) {
        .built-in-gas-conro__lineup__results__item h4 {
          font-size: 2.4rem; } }
      .built-in-gas-conro__lineup__results__item h4 span {
        font-size: 1rem; }
  .built-in-gas-conro__lineup__results a {
    color: var(--r-c-black);
    display: block flex;
    justify-content: center;
    align-items: flex-start; }
    @media (hover: hover) {
      .built-in-gas-conro__lineup__results a {
        text-decoration: none;
        transition: all 250ms ease; }
        .built-in-gas-conro__lineup__results a:hover {
          opacity: 0.7; } }
    @media screen and (max-width: 768px) {
      .built-in-gas-conro__lineup__results a {
        flex-direction: column; } }
    .built-in-gas-conro__lineup__results a .built-in-gas-conro__lineup__products__image,
    .built-in-gas-conro__lineup__results a .built-in-gas-conro__lineup__products__images {
      flex-basis: 36.2%; }
    .built-in-gas-conro__lineup__results a .built-in-gas-conro__lineup__products__detail {
      box-sizing: border-box;
      flex-basis: 63.8%;
      padding: 25px 30px; }
      @media screen and (max-width: 768px) {
        .built-in-gas-conro__lineup__results a .built-in-gas-conro__lineup__products__detail {
          padding: var(--r-padding); } }
    .built-in-gas-conro__lineup__results a .built-in-gas-conro__lineup__products__text,
    .built-in-gas-conro__lineup__results a .built-in-gas-conro__lineup__products__price {
      margin-bottom: 15px; }
      @media screen and (max-width: 768px) {
        .built-in-gas-conro__lineup__results a .built-in-gas-conro__lineup__products__text,
        .built-in-gas-conro__lineup__results a .built-in-gas-conro__lineup__products__price {
          margin-bottom: 20px; } }
    @media screen and (min-width: 769px) {
      .built-in-gas-conro__lineup__results a .built-in-gas-conro__lineup__products__spec li {
        min-width: 0px; } }

.built-in-gas-conro__lineup__products02 {
  gap: var(--r-padding);
  margin: 0px auto;
  max-width: var(--r-width);
  display: block flex;
  justify-content: center;
  align-items: stretch; }
  @media screen and (max-width: 768px) {
    .built-in-gas-conro__lineup__products02 {
      flex-direction: column;
      gap: calc(var(--r-padding)*2); } }
  .built-in-gas-conro__lineup__products02--column02 {
    flex-basis: calc(100% - ((100% - var(--r-padding) * 2) / 3) - var(--r-padding)); }
    @media screen and (max-width: 768px) {
      .built-in-gas-conro__lineup__products02--column02 {
        flex-basis: auto; } }
    .built-in-gas-conro__lineup__products02--column02 > ul {
      gap: var(--r-padding); }
      .built-in-gas-conro__lineup__products02--column02 > ul > li {
        flex-basis: calc((100% - var(--r-padding) ) / 2); }
        @media screen and (max-width: 768px) {
          .built-in-gas-conro__lineup__products02--column02 > ul > li {
            flex-basis: auto; } }
  .built-in-gas-conro__lineup__products02--column01 {
    flex-basis: calc(100% - ((100% - var(--r-padding) * 2) / 3) * 2 - var(--r-padding) * 2); }
    @media screen and (max-width: 768px) {
      .built-in-gas-conro__lineup__products02--column01 {
        flex-basis: auto; } }
  .built-in-gas-conro__lineup__products02 > div > ul {
    flex-wrap: wrap;
    display: block flex;
    justify-content: center;
    align-items: stretch; }
    @media screen and (max-width: 768px) {
      .built-in-gas-conro__lineup__products02 > div > ul {
        flex-direction: column; } }
    .built-in-gas-conro__lineup__products02 > div > ul > li {
      background: var(--r-c-white); }

.built-in-gas-conro__lineup__products {
  padding: calc(var(--r-padding)*2) 0px; }
  .built-in-gas-conro__lineup__products--bg {
    background: var(--r-c-k5); }
  .built-in-gas-conro__lineup__products--bg02 {
    background: radial-gradient(circle at 10% 20%, #e4e6e8 0%, transparent 40%), radial-gradient(circle at 10% 80%, #b0b4ba 0%, transparent 50%), radial-gradient(circle at 90% 20%, #bfc6cd 0%, transparent 50%), linear-gradient(90deg, #e4e6e8, #bfc6cd); }
  .built-in-gas-conro__lineup__products__column02 {
    gap: calc(var(--r-padding)*2); }
    @media screen and (max-width: 1023px) {
      .built-in-gas-conro__lineup__products__column02 {
        gap: var(--r-padding); } }
    .built-in-gas-conro__lineup__products__column02 > li {
      flex-basis: calc(50% - var(--r-padding)); }
      @media screen and (max-width: 1023px) {
        .built-in-gas-conro__lineup__products__column02 > li {
          flex-basis: calc((100% - var(--r-padding) ) / 2); } }
      @media screen and (max-width: 768px) {
        .built-in-gas-conro__lineup__products__column02 > li {
          flex-basis: auto; } }
  .built-in-gas-conro__lineup__products__column03 {
    gap: var(--r-padding); }
    .built-in-gas-conro__lineup__products__column03 > li {
      flex-basis: calc((100% - var(--r-padding) * 2) / 3); }
      @media screen and (max-width: 768px) {
        .built-in-gas-conro__lineup__products__column03 > li {
          flex-basis: auto; } }
  .built-in-gas-conro__lineup__products > ul {
    flex-wrap: wrap;
    margin: 0px auto;
    width: var(--r-width);
    display: block flex;
    justify-content: center;
    align-items: stretch; }
    @media screen and (max-width: 768px) {
      .built-in-gas-conro__lineup__products > ul {
        flex-direction: column; } }
    .built-in-gas-conro__lineup__products > ul > li {
      background: var(--r-c-white); }
  .built-in-gas-conro__lineup__products a {
    border: 1px solid var(--r-c-k20);
    box-sizing: border-box;
    color: var(--r-c-black);
    display: block flow;
    height: 100%; }
    @media (hover: hover) {
      .built-in-gas-conro__lineup__products a {
        text-decoration: none;
        transition: all 250ms ease; }
        .built-in-gas-conro__lineup__products a:hover {
          opacity: 0.7; } }
  .built-in-gas-conro__lineup__products__detail {
    padding: 30px;
    position: relative;
    text-align: left; }
    @media screen and (max-width: 768px) {
      .built-in-gas-conro__lineup__products__detail {
        padding: var(--r-padding); } }
    .built-in-gas-conro__lineup__products__detail figure {
      position: absolute;
      right: 22px;
      top: 18px;
      width: 4.7rem; }
      .built-in-gas-conro__lineup__products__detail figure img {
        width: 100%; }
    .built-in-gas-conro__lineup__products__detail:has(figure) .built-in-gas-conro__lineup__products__lead {
      margin-right: 55px; }
  .built-in-gas-conro__lineup__products__lead {
    font-weight: 400;
    margin-bottom: 15px;
    font-size: 1.4rem;
    line-height: 1.428em;
    font-weight: 300; }
    @media screen and (max-width: 768px) {
      .built-in-gas-conro__lineup__products__lead {
        font-size: 1.2rem;
        line-height: 1.8em; } }
  .built-in-gas-conro__lineup__products h4 {
    font-size: 3rem;
    font-weight: 500;
    line-height: 1em;
    margin-bottom: 12px; }
    @media screen and (max-width: 768px) {
      .built-in-gas-conro__lineup__products h4 {
        font-size: 2.4rem; } }
    .built-in-gas-conro__lineup__products h4 span {
      font-size: 1rem; }
  .built-in-gas-conro__lineup__products__text {
    margin-bottom: 25px;
    font-size: 1.4rem;
    line-height: 1.928em;
    font-weight: 300; }
    @media screen and (max-width: 768px) {
      .built-in-gas-conro__lineup__products__text {
        margin-bottom: 20px; } }
    @media screen and (max-width: 768px) {
      .built-in-gas-conro__lineup__products__text {
        font-size: 1.2rem;
        line-height: 1.8em; } }
  .built-in-gas-conro__lineup__products__price {
    font-size: 2rem;
    font-weight: 400;
    line-height: 1.2em;
    margin-bottom: 25px; }
    @media screen and (max-width: 768px) {
      .built-in-gas-conro__lineup__products__price {
        font-size: 1.8rem;
        margin-bottom: 20px; } }
    .built-in-gas-conro__lineup__products__price span {
      font-size: 1.2rem; }
      @media screen and (max-width: 768px) {
        .built-in-gas-conro__lineup__products__price span {
          font-size: 1rem; } }
  .built-in-gas-conro__lineup__products__spec {
    flex-wrap: wrap;
    margin-bottom: 15px;
    display: block flex;
    justify-content: flex-start;
    align-items: center; }
    .built-in-gas-conro__lineup__products__spec li {
      border: 1px solid currentColor;
      box-sizing: border-box;
      color: var(--r-c-clamblue);
      font-weight: 500;
      margin-bottom: -1px;
      margin-right: -1px;
      min-height: 3rem;
      min-width: 25%;
      padding: 2px 15px;
      font-size: 1.2rem;
      line-height: 1.3em;
      display: block flex;
      justify-content: center;
      align-items: center; }
      @media screen and (max-width: 768px) {
        .built-in-gas-conro__lineup__products__spec li {
          font-size: 1.1rem;
          line-height: 1.8em; } }
  .built-in-gas-conro__lineup__products__option {
    color: var(--r-c-clamblue);
    font-weight: 500;
    gap: 15px;
    font-size: 1.2rem;
    line-height: 1.75em;
    display: block flex;
    justify-content: flex-start;
    align-items: flex-start; }
    @media screen and (max-width: 768px) {
      .built-in-gas-conro__lineup__products__option {
        font-size: 1.1rem;
        line-height: 1.8em; } }
  .built-in-gas-conro__lineup__products__image img {
    width: 100%; }
  .built-in-gas-conro__lineup__products__images {
    overflow: hidden;
    position: relative; }
    .built-in-gas-conro__lineup__products__images ul {
      transition: translate 500ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
      transition: all 250ms ease;
      display: block flex;
      justify-content: flex-start;
      align-items: center; }
      .built-in-gas-conro__lineup__products__images ul li {
        flex-shrink: 0;
        width: 100%; }
    .built-in-gas-conro__lineup__products__images img {
      width: 100%; }
    .built-in-gas-conro__lineup__products__images div {
      gap: 10px;
      margin: auto;
      position: absolute;
      inset: auto 0px 18px;
      display: block flex;
      justify-content: center;
      align-items: center; }
      .built-in-gas-conro__lineup__products__images div span {
        background: var(--r-c-white);
        border: 1px solid var(--r-c-k40);
        border-radius: 100%;
        box-sizing: border-box;
        cursor: pointer;
        flex-shrink: 0;
        height: 12px;
        width: 12px;
        transition: all 250ms ease; }
        .built-in-gas-conro__lineup__products__images div span[data-status="current"] {
          background: var(--r-c-k40); }

.built-in-gas-conro__feature {
  padding-top: calc(var(--r-padding)*2); }
  .built-in-gas-conro__feature .__r-title18 + .built-in-gas-conro__feature__block {
    padding-top: 0px; }
  .built-in-gas-conro__feature--bg {
    background: var(--r-c-k5); }
  .built-in-gas-conro__feature__block {
    gap: calc(var(--r-padding)*2);
    margin: 0px auto;
    max-width: var(--r-width);
    padding: calc(var(--r-padding)*2) 0px;
    display: block flex;
    justify-content: center;
    align-items: flex-start; }
    @media screen and (max-width: 1023px) {
      .built-in-gas-conro__feature__block {
        gap: var(--r-padding); } }
    @media screen and (max-width: 768px) {
      .built-in-gas-conro__feature__block {
        flex-direction: column; } }
    @media screen and (min-width: 769px) {
      .built-in-gas-conro__feature__block--02 {
        flex-direction: row-reverse; } }
    .built-in-gas-conro__feature__block figure,
    .built-in-gas-conro__feature__block div {
      flex-basis: 540px;
      flex-grow: 10; }
      @media screen and (max-width: 768px) {
        .built-in-gas-conro__feature__block figure,
        .built-in-gas-conro__feature__block div {
          flex-basis: auto; } }
    .built-in-gas-conro__feature__block figure img {
      width: 100%; }
    .built-in-gas-conro__feature__block div {
      text-align: left; }
      .built-in-gas-conro__feature__block div p {
        font-size: 1.4rem;
        line-height: 1.928em;
        font-weight: 300;
        margin-bottom: 1lh; }
        @media screen and (max-width: 768px) {
          .built-in-gas-conro__feature__block div p {
            font-size: 1.2rem;
            line-height: 1.8em; } }
        .built-in-gas-conro__feature__block div p:last-child {
          margin-bottom: none; }
      .built-in-gas-conro__feature__block div nav {
        display: block flex;
        justify-content: center;
        align-items: center; }
  .built-in-gas-conro__feature__block02 {
    margin: 0px auto;
    max-width: var(--r-width);
    padding: calc(var(--r-padding)*2) 0px; }
    .built-in-gas-conro__feature__block02 h4 {
      margin-bottom: 15px;
      font-size: 2.1rem;
      font-weight: 500;
      line-height: 1.571em; }
      @media screen and (max-width: 768px) {
        .built-in-gas-conro__feature__block02 h4 {
          font-size: 1.8rem; } }
      @media screen and (max-width: 768px) {
        .built-in-gas-conro__feature__block02 h4 {
          margin-bottom: 10px; } }
    .built-in-gas-conro__feature__block02 p {
      font-size: 1.4rem;
      line-height: 1.928em;
      font-weight: 300; }
      @media screen and (max-width: 768px) {
        .built-in-gas-conro__feature__block02 p {
          font-size: 1.2rem;
          line-height: 1.8em; } }
    .built-in-gas-conro__feature__block02 ul {
      flex-wrap: wrap;
      gap: var(--r-padding);
      display: block flex;
      justify-content: center;
      align-items: stretch; }
      @media screen and (max-width: 768px) {
        .built-in-gas-conro__feature__block02 ul {
          flex-direction: column; } }
      .built-in-gas-conro__feature__block02 ul li {
        background: var(--r-c-white);
        border: 1px solid var(--r-c-k20);
        box-sizing: border-box;
        padding: 0px 30px 30px;
        text-align: left; }
        @media screen and (max-width: 768px) {
          .built-in-gas-conro__feature__block02 ul li {
            padding: 0px var(--r-padding) var(--r-padding); } }
        @media screen and (min-width: 769px) {
          .built-in-gas-conro__feature__block02 ul li {
            flex-basis: calc((100% - var(--r-padding)*2) / 3);
            padding: 0px 30px 30px; } }
    .built-in-gas-conro__feature__block02 figure {
      margin: 0px -30px 25px; }
      @media screen and (max-width: 768px) {
        .built-in-gas-conro__feature__block02 figure {
          margin: 0px calc(var(--r-padding) * -1) var(--r-padding); } }
      .built-in-gas-conro__feature__block02 figure img {
        width: 100%; }
  .built-in-gas-conro__feature__utensil {
    flex-wrap: wrap;
    gap: var(--r-padding);
    margin: calc(var(--r-padding) * -1) auto calc(var(--r-padding)*2);
    max-width: var(--r-width);
    display: block flex;
    justify-content: center;
    align-items: flex-start; }
    @media screen and (min-width: 769px) {
      .built-in-gas-conro__feature__utensil li {
        flex-basis: 160px;
        min-width: 160px; } }
    @media screen and (max-width: 768px) {
      .built-in-gas-conro__feature__utensil li {
        flex-basis: calc((100% - var(--r-padding) * 2) / 3); } }
    .built-in-gas-conro__feature__utensil a {
      color: var(--r-c-black);
      display: block flow;
      position: relative;
      z-index: 1; }
      @media (hover: hover) {
        .built-in-gas-conro__feature__utensil a {
          text-decoration: none;
          transition: all 250ms ease; }
          .built-in-gas-conro__feature__utensil a:hover {
            opacity: 0.7; } }
      @media (hover: hover) {
        .built-in-gas-conro__feature__utensil a:hover p {
          text-decoration: none; } }
      .built-in-gas-conro__feature__utensil a::before {
        background: var(--r-c-k5);
        border-radius: 100%;
        content: "";
        margin: auto;
        position: absolute;
        width: 100%;
        z-index: -1;
        inset: 0px 0px auto;
        aspect-ratio: 1 / 1; }
      .built-in-gas-conro__feature__utensil a img {
        width: 100%; }
      .built-in-gas-conro__feature__utensil a p {
        text-decoration: underline;
        font-size: 1.2rem;
        line-height: 2em; }
        @media screen and (max-width: 768px) {
          .built-in-gas-conro__feature__utensil a p {
            font-size: 1.1rem;
            line-height: 1.8em; } }

.built-in-gas-conro__comparison {
  padding: calc(var(--r-padding)*2) 0px;
  background: radial-gradient(circle at 10% 20%, #e4e6e8 0%, transparent 40%), radial-gradient(circle at 10% 80%, #b0b4ba 0%, transparent 50%), radial-gradient(circle at 90% 20%, #bfc6cd 0%, transparent 50%), linear-gradient(90deg, #e4e6e8, #bfc6cd); }
  .built-in-gas-conro__comparison__wrapper {
    margin: 0px auto; }
  .built-in-gas-conro__comparison__body {
    overflow: auto;
    position: relative;
    z-index: 1;
    scrollbar-color: var(--r-c-white) rgb(0 0 0 / 0.3); }
    @media screen and (min-width: 769px) {
      .built-in-gas-conro__comparison__body {
        margin-left: calc((100% - var(--r-width)) * 0.5); } }
    .built-in-gas-conro__comparison__body table {
      background: var(--r-c-white);
      border-collapse: separate;
      border-spacing: 0px;
      table-layout: fixed;
      width: -moz-min-content;
      width: min-content; }
      @media screen and (max-width: 768px) {
        .built-in-gas-conro__comparison__body table {
          table-layout: auto; } }
      .built-in-gas-conro__comparison__body table tr > *:first-child {
        border: none;
        left: 0px;
        position: sticky;
        z-index: 10; }
        .built-in-gas-conro__comparison__body table tr > *:first-child::before {
          border: 1px solid var(--r-c-k20);
          border-top: none;
          content: "";
          margin: auto;
          position: absolute;
          inset: 0px; }
      .built-in-gas-conro__comparison__body table th,
      .built-in-gas-conro__comparison__body table td {
        border: none;
        border-bottom: 1px solid var(--r-c-k20);
        border-right: 1px solid var(--r-c-k20); }
      .built-in-gas-conro__comparison__body table tbody tr:nth-of-type(odd) th,
      .built-in-gas-conro__comparison__body table tbody tr:nth-of-type(odd) td {
        background: var(--r-c-k5); }
      .built-in-gas-conro__comparison__body table tbody tr:nth-of-type(even) th,
      .built-in-gas-conro__comparison__body table tbody tr:nth-of-type(even) td {
        background: var(--r-c-white); }
      .built-in-gas-conro__comparison__body table tbody th,
      .built-in-gas-conro__comparison__body table tbody td {
        font-weight: 400;
        padding: 20px;
        vertical-align: middle;
        font-size: 1.4rem;
        line-height: 1.928em;
        font-weight: 300; }
        @media screen and (max-width: 768px) {
          .built-in-gas-conro__comparison__body table tbody th,
          .built-in-gas-conro__comparison__body table tbody td {
            font-size: 1.2rem;
            line-height: 1.8em; } }
        @media screen and (max-width: 768px) {
          .built-in-gas-conro__comparison__body table tbody th,
          .built-in-gas-conro__comparison__body table tbody td {
            line-height: 1.4em;
            padding: 15px 10px; } }
      .built-in-gas-conro__comparison__body table tbody td {
        text-align: center; }
      .built-in-gas-conro__comparison__body table tbody th {
        position: relative;
        text-align: left; }
        @media screen and (max-width: 768px) {
          .built-in-gas-conro__comparison__body table tbody th {
            white-space: nowrap; } }
      .built-in-gas-conro__comparison__body table tbody .__r-tooltip {
        margin: auto;
        position: absolute;
        inset: 0px 15px 0px auto; }
        @media screen and (max-width: 768px) {
          .built-in-gas-conro__comparison__body table tbody .__r-tooltip {
            right: 10px; } }
      .built-in-gas-conro__comparison__body table thead th {
        background: var(--r-c-white);
        font-weight: 500;
        padding: 0px;
        position: relative;
        text-align: center;
        vertical-align: middle;
        width: 300px;
        z-index: 1;
        font-size: 1.4rem;
        line-height: 1em;
        font-weight: 300; }
        @media screen and (max-width: 768px) {
          .built-in-gas-conro__comparison__body table thead th {
            width: 150px; } }
        @media screen and (max-width: 768px) {
          .built-in-gas-conro__comparison__body table thead th {
            font-size: 1.2rem;
            line-height: 1em; } }
        .built-in-gas-conro__comparison__body table thead th:first-child {
          width: 200px; }
          @media screen and (max-width: 768px) {
            .built-in-gas-conro__comparison__body table thead th:first-child {
              width: 110px; } }
        .built-in-gas-conro__comparison__body table thead th img {
          width: 100%; }
          @media screen and (max-width: 768px) {
            .built-in-gas-conro__comparison__body table thead th img {
              width: 40vw;
              max-width: 200px; } }
        .built-in-gas-conro__comparison__body table thead th p {
          height: 40px;
          display: block flex;
          justify-content: center;
          align-items: center; }
        .built-in-gas-conro__comparison__body table thead th nav {
          height: 24px;
          margin: 0px auto;
          max-width: 120px;
          position: absolute;
          inset: auto 0px 10px; }
          @media screen and (max-width: 768px) {
            .built-in-gas-conro__comparison__body table thead th nav {
              bottom: 4px;
              height: 20px;
              max-width: 100px; } }
          .built-in-gas-conro__comparison__body table thead th nav a {
            background: var(--r-c-white);
            border: 1px solid currentColor;
            border-radius: 24px;
            box-sizing: border-box;
            color: var(--r-c-deepred);
            font-size: 1rem;
            font-weight: 400;
            height: 100%;
            width: 100%;
            display: block flex;
            justify-content: center;
            align-items: center; }
            @media (hover: hover) {
              .built-in-gas-conro__comparison__body table thead th nav a {
                transition: all 250ms ease; }
                .built-in-gas-conro__comparison__body table thead th nav a:hover {
                  background: var(--r-c-deepred);
                  border-color: var(--r-c-deepred);
                  color: var(--r-c-white); } }
        .built-in-gas-conro__comparison__body table thead th button {
          background: var(--r-c-k5);
          border: none;
          border-radius: 100%;
          box-sizing: border-box;
          cursor: pointer;
          height: 20px;
          position: absolute;
          right: 10px;
          top: 10px;
          width: 20px;
          z-index: 5;
          -moz-appearance: none;
               appearance: none;
          -webkit-appearance: none;
          display: block flex;
          justify-content: center;
          align-items: center; }
          @media (hover: hover) {
            .built-in-gas-conro__comparison__body table thead th button {
              text-decoration: none;
              transition: all 250ms ease; }
              .built-in-gas-conro__comparison__body table thead th button:hover {
                opacity: 0.7; } }
          .built-in-gas-conro__comparison__body table thead th button::before {
            background: var(--r-c-k60);
            content: "";
            height: 7px;
            width: 7px;
            clip-path: url(#icon_close7); }
  .built-in-gas-conro__comparison__img {
    width: 100%; }

.built-in-gas-conro__information {
  padding: calc(var(--r-padding)*2) 0px; }
  .built-in-gas-conro__information__list {
    flex-wrap: wrap;
    gap: var(--r-padding);
    margin: 0px auto;
    max-width: var(--r-width);
    display: block flex;
    justify-content: flex-start;
    align-items: stretch; }
    @media screen and (max-width: 768px) {
      .built-in-gas-conro__information__list {
        flex-direction: column; } }
    .built-in-gas-conro__information__list li {
      background: var(--r-c-white); }
      @media screen and (min-width: 769px) {
        .built-in-gas-conro__information__list li {
          flex-basis: calc((100% - var(--r-padding)*2) / 3); } }
      .built-in-gas-conro__information__list li img {
        width: 100%; }
      .built-in-gas-conro__information__list li figure {
        margin: 0px -30px 25px; }
        @media screen and (max-width: 768px) {
          .built-in-gas-conro__information__list li figure {
            margin: 0px calc(var(--r-padding) * -1) var(--r-padding); } }
      .built-in-gas-conro__information__list li a {
        border: 1px solid var(--r-c-k20);
        box-sizing: border-box;
        color: var(--r-c-black);
        display: block flow;
        height: 100%;
        padding: 0px 30px 30px;
        text-align: left; }
        @media screen and (max-width: 768px) {
          .built-in-gas-conro__information__list li a {
            padding: 0px var(--r-padding) var(--r-padding); } }
        @media (hover: hover) {
          .built-in-gas-conro__information__list li a {
            text-decoration: none;
            transition: all 250ms ease; }
            .built-in-gas-conro__information__list li a:hover {
              opacity: 0.7; } }
      .built-in-gas-conro__information__list li h4 {
        margin-bottom: 20px;
        font-size: 1.8rem;
        font-weight: 500;
        line-height: 1.666em; }
        @media screen and (max-width: 768px) {
          .built-in-gas-conro__information__list li h4 {
            margin-bottom: 15px; } }
        @media screen and (max-width: 768px) {
          .built-in-gas-conro__information__list li h4 {
            font-size: 1.5rem; } }
      .built-in-gas-conro__information__list li p {
        font-size: 1.4rem;
        line-height: 1.928em;
        font-weight: 300; }
        @media screen and (max-width: 768px) {
          .built-in-gas-conro__information__list li p {
            font-size: 1.2rem;
            line-height: 1.8em; } }

.built-in-gas-conro__promote {
  padding: calc(var(--r-padding)*2) 0px;
  background: radial-gradient(circle at 10% 20%, #e4e6e8 0%, transparent 40%), radial-gradient(circle at 10% 80%, #414a53 0%, transparent 50%), radial-gradient(circle at 90% 20%, #414a53 0%, transparent 50%), radial-gradient(circle at 90% 80%, #e4e6e8 0%, transparent 50%), #899199; }
  .built-in-gas-conro__promote__list {
    flex-wrap: wrap;
    gap: var(--r-padding);
    margin: 0px auto;
    max-width: var(--r-width);
    display: block flex;
    justify-content: center;
    align-items: stretch; }
    .built-in-gas-conro__promote__list li {
      background: var(--r-c-white);
      flex-basis: calc((100% - var(--r-padding)*3) / 4); }
      @media screen and (max-width: 768px) {
        .built-in-gas-conro__promote__list li {
          flex-basis: calc((100% - var(--r-padding)*1) / 2); } }
      .built-in-gas-conro__promote__list li img {
        width: 100%; }
      .built-in-gas-conro__promote__list li figure {
        margin: 0px -25px 20px; }
        @media screen and (max-width: 768px) {
          .built-in-gas-conro__promote__list li figure {
            margin: 0px -10px 10px; } }
      .built-in-gas-conro__promote__list li a {
        border: 1px solid var(--r-c-k20);
        box-sizing: border-box;
        color: var(--r-c-black);
        display: block flow;
        height: 100%;
        padding: 0px 25px 25px;
        text-align: left; }
        @media screen and (max-width: 768px) {
          .built-in-gas-conro__promote__list li a {
            padding: 0px 10px 10px; } }
        @media (hover: hover) {
          .built-in-gas-conro__promote__list li a {
            text-decoration: none;
            transition: all 250ms ease; }
            .built-in-gas-conro__promote__list li a:hover {
              opacity: 0.7; } }
      .built-in-gas-conro__promote__list li h3 {
        margin-bottom: 10px;
        font-size: 1.8rem;
        font-weight: 500;
        line-height: 1.5em; }
        @media screen and (max-width: 768px) {
          .built-in-gas-conro__promote__list li h3 {
            margin-bottom: 5px; } }
        @media screen and (max-width: 768px) {
          .built-in-gas-conro__promote__list li h3 {
            font-size: 1.5rem; } }
      .built-in-gas-conro__promote__list li p {
        font-size: 1.4rem;
        line-height: 1.928em;
        font-weight: 300; }
        @media screen and (max-width: 768px) {
          .built-in-gas-conro__promote__list li p {
            font-size: 1.2rem;
            line-height: 1.6em; } }

/*--

  dishwasher

====================================================== --*/
/*--

  dishwasher.productdetail

====================================================== --*/
.dishwasher.productdetail {
  position: relative;
  z-index: 1;
  overflow: clip; }
  .dishwasher.productdetail::before {
    z-index: -1;
    position: sticky;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100vh;
    display: block;
    margin-bottom: -100vh;
    background: radial-gradient(circle at 10% 20%, #e4e6e8 0%, transparent 40%), radial-gradient(circle at 10% 80%, #b0b4ba 0%, transparent 50%), radial-gradient(circle at 90% 20%, #bfc6cd 0%, transparent 50%), linear-gradient(90deg, #e4e6e8, #bfc6cd);
    content: ""; }
  .dishwasher.productdetail .comparison {
    background: radial-gradient(circle at 10% 20%, #b9bfc4 0%, transparent 70%), radial-gradient(circle at 10% 80%, #828a93 0%, transparent 70%), radial-gradient(circle at 90% 20%, #525d68 0%, transparent 70%), radial-gradient(circle at 90% 80%, #2b343d 0%, transparent 60%), #2b343d;
    padding: calc(var(--r-padding)*2) 0px;
    display: block flex;
    justify-content: center;
    align-items: center; }

/*--

  ultrafinebubble productdetail

====================================================== --*/
.dishwasher.productdetail .ultrafinebubble {
  background: var(--r-c-k100);
  color: var(--r-c-white);
  padding: calc(var(--r-padding)*2) 0px;
  text-align: left; }
  .dishwasher.productdetail .ultrafinebubble p {
    margin-bottom: 60px;
    font-size: 1.4rem;
    line-height: 1.928em;
    font-weight: 300; }
    @media screen and (max-width: 768px) {
      .dishwasher.productdetail .ultrafinebubble p {
        margin-bottom: 30px; } }
    @media screen and (max-width: 768px) {
      .dishwasher.productdetail .ultrafinebubble p {
        font-size: 1.2rem;
        line-height: 1.8em; } }
    .dishwasher.productdetail .ultrafinebubble p:last-child {
      margin-bottom: 0px; }
  .dishwasher.productdetail .ultrafinebubble__block {
    margin: 0px auto calc(var(--r-padding)*2);
    max-width: var(--r-width); }
    .dishwasher.productdetail .ultrafinebubble__block--02 h4 {
      text-align: center;
      font-size: 1.8rem;
      font-weight: 400;
      line-height: 1.666em; }
      @media screen and (max-width: 768px) {
        .dishwasher.productdetail .ultrafinebubble__block--02 h4 {
          font-size: 1.5rem; } }
  .dishwasher.productdetail .ultrafinebubble__block--01 {
    gap: calc(var(--r-padding)*2);
    display: block flex;
    justify-content: center;
    align-items: stretch; }
    @media screen and (max-width: 768px) {
      .dishwasher.productdetail .ultrafinebubble__block--01 {
        display: block flow; } }
    .dishwasher.productdetail .ultrafinebubble__block--01 > figure {
      flex-basis: 540px;
      flex-grow: 10; }
      @media screen and (max-width: 768px) {
        .dishwasher.productdetail .ultrafinebubble__block--01 > figure {
          margin-bottom: 15px; } }
      .dishwasher.productdetail .ultrafinebubble__block--01 > figure img {
        width: 100%; }
    .dishwasher.productdetail .ultrafinebubble__block--01 div {
      flex-basis: 540px;
      flex-direction: column;
      flex-grow: 10;
      display: block flex;
      justify-content: flex-start;
      align-items: flex-start; }
      .dishwasher.productdetail .ultrafinebubble__block--01 div p {
        flex-grow: 10;
        margin-bottom: 20px; }
        .dishwasher.productdetail .ultrafinebubble__block--01 div p span {
          color: var(--r-c-k60);
          display: block;
          font-size: 1rem;
          line-height: 1.8em; }
      .dishwasher.productdetail .ultrafinebubble__block--01 div nav {
        width: 100%;
        display: block flex;
        justify-content: center;
        align-items: center; }
  .dishwasher.productdetail .ultrafinebubble__effect {
    margin-bottom: calc(var(--r-padding)*2); }
    .dishwasher.productdetail .ultrafinebubble__effect h4 {
      margin-bottom: 30px; }
    .dishwasher.productdetail .ultrafinebubble__effect figure {
      margin: 0px auto; }
      .dishwasher.productdetail .ultrafinebubble__effect figure img {
        display: block;
        margin: 0px auto;
        width: 92.4%; }
        @media screen and (max-width: 768px) {
          .dishwasher.productdetail .ultrafinebubble__effect figure img {
            width: 100%; } }
      .dishwasher.productdetail .ultrafinebubble__effect figure figcaption {
        color: var(--r-c-k60);
        margin-top: 30px;
        font-size: 9px;
        line-height: 1.333em; }
  .dishwasher.productdetail .ultrafinebubble__effect02 {
    gap: calc(var(--r-padding)*2);
    display: block flex;
    justify-content: center;
    align-items: flex-start; }
    @media screen and (max-width: 768px) {
      .dishwasher.productdetail .ultrafinebubble__effect02 {
        display: block flow; } }
    .dishwasher.productdetail .ultrafinebubble__effect02 li {
      flex-basis: 540px;
      flex-grow: 10; }
      @media screen and (max-width: 768px) {
        .dishwasher.productdetail .ultrafinebubble__effect02 li {
          margin-bottom: var(--r-padding); } }
      .dishwasher.productdetail .ultrafinebubble__effect02 li img {
        width: 100%; }
      .dishwasher.productdetail .ultrafinebubble__effect02 li h4 {
        margin-bottom: 20px; }
        @media screen and (max-width: 768px) {
          .dishwasher.productdetail .ultrafinebubble__effect02 li h4 {
            margin-bottom: 10px; } }
      .dishwasher.productdetail .ultrafinebubble__effect02 li figure {
        margin-bottom: 15px; }
        @media screen and (max-width: 768px) {
          .dishwasher.productdetail .ultrafinebubble__effect02 li figure {
            margin-bottom: 5px; } }
  .dishwasher.productdetail .ultrafinebubble__size {
    gap: 70px;
    margin-bottom: 55px;
    display: block flex;
    justify-content: center;
    align-items: flex-start; }
    @media screen and (max-width: 768px) {
      .dishwasher.productdetail .ultrafinebubble__size {
        margin-bottom: calc(var(--r-padding)*2);
        display: block flow; } }
    .dishwasher.productdetail .ultrafinebubble__size ul {
      flex-basis: 740px;
      flex-grow: 10;
      gap: 70px;
      display: block flex;
      justify-content: center;
      align-items: flex-start; }
      @media screen and (max-width: 768px) {
        .dishwasher.productdetail .ultrafinebubble__size ul {
          margin-bottom: var(--r-padding);
          gap: 10px; } }
      .dishwasher.productdetail .ultrafinebubble__size ul figure {
        background: var(--r-c-black);
        border-radius: 100%;
        margin: 0px auto 13px;
        max-width: 200px;
        overflow: hidden; }
        .dishwasher.productdetail .ultrafinebubble__size ul figure img {
          width: 100%; }
      .dishwasher.productdetail .ultrafinebubble__size ul li {
        flex-basis: 200px;
        flex-grow: 10; }
      .dishwasher.productdetail .ultrafinebubble__size ul dl {
        margin-bottom: 5px;
        text-align: center; }
      .dishwasher.productdetail .ultrafinebubble__size ul dt {
        font-weight: 400;
        font-size: 1.5rem;
        line-height: 1.8em; }
        @media screen and (max-width: 768px) {
          .dishwasher.productdetail .ultrafinebubble__size ul dt {
            font-size: 1.3rem;
            line-height: 1.5em; } }
      .dishwasher.productdetail .ultrafinebubble__size ul dd {
        color: var(--r-c-k60);
        font-weight: 400;
        font-size: 1.2rem;
        line-height: 2.25em; }
        @media screen and (max-width: 768px) {
          .dishwasher.productdetail .ultrafinebubble__size ul dd {
            font-size: 1.1rem;
            line-height: 1.8em; } }
      .dishwasher.productdetail .ultrafinebubble__size ul p {
        font-size: 1.2rem;
        line-height: 1.75em; }
        @media screen and (max-width: 768px) {
          .dishwasher.productdetail .ultrafinebubble__size ul p {
            font-size: 1.1rem;
            line-height: 1.8em; } }
    .dishwasher.productdetail .ultrafinebubble__size div {
      background: var(--r-c-black);
      box-sizing: border-box;
      flex-basis: 350px;
      flex-grow: 10;
      padding: 20px 25px; }
      @media screen and (max-width: 768px) {
        .dishwasher.productdetail .ultrafinebubble__size div {
          padding: var(--r-padding); } }
      .dishwasher.productdetail .ultrafinebubble__size div h4 {
        font-weight: 400;
        text-align: center;
        font-size: 1.4rem;
        line-height: 1.928em;
        font-weight: 300; }
        @media screen and (max-width: 768px) {
          .dishwasher.productdetail .ultrafinebubble__size div h4 {
            font-size: 1.2rem;
            line-height: 1.8em; } }
      .dishwasher.productdetail .ultrafinebubble__size div dl {
        border-bottom: 1px solid var(--r-c-k60);
        border-top: 1px solid var(--r-c-k60);
        margin: 20px 0px;
        padding: 30px 0px 22px;
        text-align: center; }
        @media screen and (max-width: 768px) {
          .dishwasher.productdetail .ultrafinebubble__size div dl {
            margin: 10px 0px;
            padding: 15px 0px; } }
        .dishwasher.productdetail .ultrafinebubble__size div dl dt {
          margin-bottom: 12px;
          font-size: 1.8rem;
          font-weight: 500;
          line-height: 1; }
          @media screen and (max-width: 768px) {
            .dishwasher.productdetail .ultrafinebubble__size div dl dt {
              margin-bottom: 6px; } }
          @media screen and (max-width: 768px) {
            .dishwasher.productdetail .ultrafinebubble__size div dl dt {
              font-size: 1.5rem; } }
          .dishwasher.productdetail .ultrafinebubble__size div dl dt span {
            font-size: 2.333em; }
        .dishwasher.productdetail .ultrafinebubble__size div dl dd {
          font-size: 1.2rem;
          line-height: 1.75em; }
          @media screen and (max-width: 768px) {
            .dishwasher.productdetail .ultrafinebubble__size div dl dd {
              font-size: 1.1rem;
              line-height: 1.8em; } }
      .dishwasher.productdetail .ultrafinebubble__size div p {
        color: var(--r-c-k20);
        font-size: 9px;
        line-height: 1.666em; }
  .dishwasher.productdetail .ultrafinebubble__fbia {
    border: 1px solid currentColor;
    color: var(--r-c-k60);
    gap: var(--r-padding);
    padding: 25px var(--r-padding);
    display: block flex;
    justify-content: center;
    align-items: center; }
    @media screen and (max-width: 768px) {
      .dishwasher.productdetail .ultrafinebubble__fbia {
        padding: var(--r-padding); } }
    .dishwasher.productdetail .ultrafinebubble__fbia p {
      flex-grow: 10;
      font-weight: 400;
      font-size: 1.2rem;
      line-height: 2em; }
      @media screen and (max-width: 768px) {
        .dishwasher.productdetail .ultrafinebubble__fbia p {
          font-size: 1.1rem;
          line-height: 1.8em; } }
      .dishwasher.productdetail .ultrafinebubble__fbia p strong {
        font-weight: 500; }
    .dishwasher.productdetail .ultrafinebubble__fbia figure {
      flex-basis: 60px;
      flex-shrink: 0; }
      .dishwasher.productdetail .ultrafinebubble__fbia figure img {
        width: 100%; }
  .dishwasher.productdetail .ultrafinebubble__btn {
    display: block flex;
    justify-content: center;
    align-items: center; }

/*--;

  use productdetail

====================================================== --*/
.dishwasher.productdetail .use {
  background: var(--r-c-white);
  padding-top: calc(var(--r-padding)*2); }
  .dishwasher.productdetail .use sup {
    font-size: clamp(8px, 0.5em, 10px);
    line-height: 1em;
    vertical-align: 1lh; }
  .dishwasher.productdetail .use .__r-title18 {
    margin-bottom: 0px; }
  .dishwasher.productdetail .use__bg {
    padding: calc(var(--r-padding)*2) 0px; }
    .dishwasher.productdetail .use__bg--k5 {
      background: var(--r-c-k5); }
  .dishwasher.productdetail .use__body {
    gap: calc(var(--r-padding)*2);
    margin: 0px auto;
    max-width: var(--r-width);
    display: block flex;
    justify-content: center;
    align-items: stretch; }
    @media screen and (max-width: 768px) {
      .dishwasher.productdetail .use__body {
        display: block flow; } }
    .dishwasher.productdetail .use__body--02 {
      flex-direction: row-reverse; }
      .dishwasher.productdetail .use__body--02 div figure {
        margin-left: auto; }
    .dishwasher.productdetail .use__body__img,
    .dishwasher.productdetail .use__body > figure {
      flex-basis: 540px;
      flex-grow: 10;
      position: relative; }
      @media screen and (max-width: 768px) {
        .dishwasher.productdetail .use__body__img,
        .dishwasher.productdetail .use__body > figure {
          margin-bottom: 15px; } }
      .dishwasher.productdetail .use__body__img figcaption,
      .dishwasher.productdetail .use__body > figure figcaption {
        color: var(--r-c-k40);
        margin-top: 5px;
        text-align: right;
        font-size: 9px;
        line-height: 1.666em; }
        .dishwasher.productdetail .use__body__img figcaption.use__body__innercaption,
        .dishwasher.productdetail .use__body > figure figcaption.use__body__innercaption {
          color: var(--r-c-k60);
          position: absolute;
          z-index: 5;
          inset: auto 10px 10px auto; }
          @media screen and (max-width: 768px) {
            .dishwasher.productdetail .use__body__img figcaption.use__body__innercaption,
            .dishwasher.productdetail .use__body > figure figcaption.use__body__innercaption {
              inset: auto 5px 5px auto; } }
      .dishwasher.productdetail .use__body__img img,
      .dishwasher.productdetail .use__body > figure img {
        width: 100%; }
        .dishwasher.productdetail .use__body__img img.use__body__fadeimg,
        .dishwasher.productdetail .use__body > figure img.use__body__fadeimg {
          position: absolute;
          left: 0px;
          top: 0px;
          animation: fadeimg 5s ease 0s infinite; }
    .dishwasher.productdetail .use__body__img {
      position: relative; }
      @media screen and (max-width: 768px) {
        .dishwasher.productdetail .use__body__img {
          margin: 0px auto;
          width: 75%; } }
      .dishwasher.productdetail .use__body__img figure {
        background: var(--r-c-white); }
      .dishwasher.productdetail .use__body__img .use__body__fadeimg {
        position: absolute;
        left: 0px;
        top: 0px;
        animation: fadeimg 5s ease 0s infinite; }
      .dishwasher.productdetail .use__body__img p {
        margin-bottom: 0px !important;
        margin-top: 20px;
        text-align: center;
        font-size: 1.5rem;
        line-height: 1.8em; }
        @media screen and (max-width: 768px) {
          .dishwasher.productdetail .use__body__img p {
            font-size: 1.3rem;
            line-height: 1.8em; } }
    .dishwasher.productdetail .use__body.use__body--towerwasher > figure {
      margin-top: -40px; }
      @media screen and (max-width: 768px) {
        .dishwasher.productdetail .use__body.use__body--towerwasher > figure {
          margin-top: -20px; } }
    .dishwasher.productdetail .use__body.use__body--towerwasher > div p {
      flex-grow: 0; }
      .dishwasher.productdetail .use__body.use__body--towerwasher > div p.use__body__caption {
        flex-grow: 10;
        margin-bottom: 0px;
        display: block flex;
        justify-content: flex-start;
        align-items: flex-end; }
    .dishwasher.productdetail .use__body.use__body--towerwasher > div div {
      flex-grow: 0;
      gap: 20px;
      margin-bottom: 20px;
      display: block flex;
      justify-content: center;
      align-items: flex-end; }
      @media screen and (max-width: 768px) {
        .dishwasher.productdetail .use__body.use__body--towerwasher > div div {
          margin-bottom: var(--r-padding); } }
      .dishwasher.productdetail .use__body.use__body--towerwasher > div div figure {
        flex-basis: 270px;
        flex-grow: 10; }
        .dishwasher.productdetail .use__body.use__body--towerwasher > div div figure img {
          width: 100%; }
      .dishwasher.productdetail .use__body.use__body--towerwasher > div div dl {
        flex-basis: 250px;
        flex-grow: 10; }
        .dishwasher.productdetail .use__body.use__body--towerwasher > div div dl dt {
          font-weight: 400;
          font-size: 1.8rem;
          font-weight: 500;
          line-height: 1.75em; }
          @media screen and (max-width: 768px) {
            .dishwasher.productdetail .use__body.use__body--towerwasher > div div dl dt {
              font-size: 1.5rem; } }
        .dishwasher.productdetail .use__body.use__body--towerwasher > div div dl dd {
          font-size: 1.2rem;
          line-height: 2em; }
          @media screen and (max-width: 768px) {
            .dishwasher.productdetail .use__body.use__body--towerwasher > div div dl dd {
              font-size: 1.1rem;
              line-height: 1.8em; } }
    .dishwasher.productdetail .use__body > div {
      flex-basis: 540px;
      flex-direction: column;
      flex-grow: 10;
      text-align: left;
      display: block flex;
      justify-content: flex-start;
      align-items: flex-start; }
      .dishwasher.productdetail .use__body > div.use__body--ex p {
        flex-grow: 0; }
      .dishwasher.productdetail .use__body > div.use__body--ex nav {
        flex-grow: 10;
        width: 100%; }
        @media screen and (max-width: 768px) {
          .dishwasher.productdetail .use__body > div.use__body--ex nav {
            margin-bottom: var(--r-padding);
            display: block flex;
            justify-content: center;
            align-items: center; } }
      .dishwasher.productdetail .use__body > div.use__body--circlerack p {
        flex-grow: 0;
        margin-bottom: 60px; }
        @media screen and (max-width: 768px) {
          .dishwasher.productdetail .use__body > div.use__body--circlerack p {
            margin-bottom: var(--r-padding); } }
        .dishwasher.productdetail .use__body > div.use__body--circlerack p.use__body__caption {
          margin-bottom: 0px; }
      .dishwasher.productdetail .use__body > div.use__body--circlerack figure {
        flex-grow: 10; }
        @media screen and (max-width: 768px) {
          .dishwasher.productdetail .use__body > div.use__body--circlerack figure {
            margin-bottom: var(--r-padding); } }
        .dishwasher.productdetail .use__body > div.use__body--circlerack figure img {
          width: 100%; }
        .dishwasher.productdetail .use__body > div.use__body--circlerack figure figcaption {
          margin-top: 10px;
          font-size: 1.4rem;
          line-height: 1.928em;
          font-weight: 300; }
          @media screen and (max-width: 768px) {
            .dishwasher.productdetail .use__body > div.use__body--circlerack figure figcaption {
              font-size: 1.2rem;
              line-height: 1.8em; } }
      .dishwasher.productdetail .use__body > div h4 {
        font-weight: 400;
        margin: -14px 0px 14px;
        font-size: 1.8rem;
        font-weight: 500;
        line-height: 1.75em; }
        @media screen and (max-width: 768px) {
          .dishwasher.productdetail .use__body > div h4 {
            font-size: 1.5rem; } }
      .dishwasher.productdetail .use__body > div p {
        flex-grow: 10;
        margin-bottom: 35px;
        font-size: 1.4rem;
        line-height: 1.928em;
        font-weight: 300; }
        @media screen and (max-width: 768px) {
          .dishwasher.productdetail .use__body > div p {
            margin-bottom: var(--r-padding); } }
        @media screen and (max-width: 768px) {
          .dishwasher.productdetail .use__body > div p {
            font-size: 1.2rem;
            line-height: 1.8em; } }
        .dishwasher.productdetail .use__body > div p span {
          color: var(--r-c-k60);
          display: block;
          margin-top: 15px;
          font-size: 9px;
          line-height: 1.666em; }
          @media screen and (max-width: 768px) {
            .dishwasher.productdetail .use__body > div p span {
              margin-top: 7px; } }
        .dishwasher.productdetail .use__body > div p.use__body__caption {
          color: var(--r-c-k40);
          flex-grow: 0;
          margin-bottom: 0px;
          font-size: 9px;
          line-height: 1.666em; }
  .dishwasher.productdetail .use__cage {
    margin: 0px auto;
    max-width: var(--r-width);
    text-align: left; }
    .dishwasher.productdetail .use__cage__arrow {
      position: relative; }
      .dishwasher.productdetail .use__cage__arrow::before {
        border: 1px solid var(--r-c-red);
        border-radius: 100%;
        box-sizing: border-box;
        content: "";
        position: absolute;
        width: 33.33333%;
        aspect-ratio: 1 / 1;
        inset: 36.1111% 16.666% auto auto; }
      .dishwasher.productdetail .use__cage__arrow::after {
        background: url(../../products/kitchen/dishwasher/slide-deep/images/use_arrow.svg) no-repeat right center;
        background-size: auto 100%;
        box-sizing: border-box;
        content: "";
        height: 10px;
        position: absolute;
        width: calc(37% + var(--r-padding) * 2);
        inset: 60.1111% auto auto calc(100% - 16.666%); }
        @media screen and (max-width: 768px) {
          .dishwasher.productdetail .use__cage__arrow::after {
            transform-origin: left center;
            width: 23%;
            inset: 84.1111% auto auto calc(100% - 16.666% - 17%);
            rotate: 90deg; } }
    .dishwasher.productdetail .use__cage p {
      font-size: 1.4rem;
      line-height: 1.928em;
      font-weight: 300; }
      @media screen and (max-width: 768px) {
        .dishwasher.productdetail .use__cage p {
          font-size: 1.2rem;
          line-height: 1.8em; } }
      .dishwasher.productdetail .use__cage p span {
        color: var(--r-c-k60);
        font-size: 9px;
        line-height: 1.666em; }
    .dishwasher.productdetail .use__cage h4 {
      font-weight: 400;
      margin: 15px 0px 10px;
      font-size: 1.8rem;
      font-weight: 500;
      line-height: 1.5em; }
      @media screen and (max-width: 768px) {
        .dishwasher.productdetail .use__cage h4 {
          font-size: 1.5rem; } }
    .dishwasher.productdetail .use__cage ul {
      flex-wrap: wrap;
      gap: calc(var(--r-padding)*2);
      margin-top: 35px;
      display: block flex;
      justify-content: center;
      align-items: stretch; }
      @media screen and (max-width: 768px) {
        .dishwasher.productdetail .use__cage ul {
          display: block flow; } }
      .dishwasher.productdetail .use__cage ul li {
        flex-basis: calc(50% - var(--r-padding));
        flex-grow: 10; }
        @media screen and (max-width: 768px) {
          .dishwasher.productdetail .use__cage ul li:nth-of-type(3) {
            margin-block: var(--r-padding); } }
        .dishwasher.productdetail .use__cage ul li img {
          width: 100%; }
  .dishwasher.productdetail .use__freerack {
    margin: 0px auto;
    max-width: var(--r-width); }
    .dishwasher.productdetail .use__freerack--slidestandard .use__freerack__body {
      flex-direction: row; }
    .dishwasher.productdetail .use__freerack__body {
      flex-direction: row-reverse;
      gap: calc(var(--r-padding)*2);
      margin-bottom: 60px;
      display: block flex;
      justify-content: center;
      align-items: stretch; }
      @media screen and (max-width: 768px) {
        .dishwasher.productdetail .use__freerack__body {
          display: block flow; } }
      .dishwasher.productdetail .use__freerack__body > figure {
        flex-basis: 540px;
        flex-grow: 10;
        position: relative; }
        @media screen and (max-width: 768px) {
          .dishwasher.productdetail .use__freerack__body > figure {
            margin-bottom: 15px; } }
        .dishwasher.productdetail .use__freerack__body > figure img {
          width: 100%; }
      .dishwasher.productdetail .use__freerack__body div {
        flex-basis: 540px;
        flex-direction: column;
        flex-grow: 10;
        text-align: left;
        display: block flex;
        justify-content: flex-start;
        align-items: flex-start; }
        .dishwasher.productdetail .use__freerack__body div p {
          flex-grow: 10;
          margin-bottom: 35px;
          font-size: 1.4rem;
          line-height: 1.928em;
          font-weight: 300; }
          @media screen and (max-width: 768px) {
            .dishwasher.productdetail .use__freerack__body div p {
              font-size: 1.2rem;
              line-height: 1.8em; } }
          .dishwasher.productdetail .use__freerack__body div p.use__body__caption {
            color: var(--r-c-k40);
            flex-grow: 0;
            margin-bottom: 0px;
            font-size: 9px;
            line-height: 1.666em; }
    .dishwasher.productdetail .use__freerack ul {
      gap: var(--r-padding);
      display: block flex;
      justify-content: center;
      align-items: flex-start; }
      @media screen and (max-width: 768px) {
        .dishwasher.productdetail .use__freerack ul {
          flex-wrap: wrap; } }
      .dishwasher.productdetail .use__freerack ul li {
        flex-basis: 260px;
        flex-grow: 10;
        text-align: left; }
        @media screen and (max-width: 768px) {
          .dishwasher.productdetail .use__freerack ul li {
            flex-basis: calc(50% - var(--r-padding)); } }
        .dishwasher.productdetail .use__freerack ul li figure {
          position: relative; }
          .dishwasher.productdetail .use__freerack ul li figure > img {
            width: 100%; }
          .dishwasher.productdetail .use__freerack ul li figure div {
            background: var(--r-c-darkgray);
            border-radius: 100%;
            height: 120px;
            position: absolute;
            width: 120px;
            display: block flex;
            justify-content: center;
            align-items: center;
            inset: -25px -20px auto auto; }
            @media screen and (max-width: 768px) {
              .dishwasher.productdetail .use__freerack ul li figure div {
                height: 80px;
                width: 80px;
                inset: -15px -10px auto auto; } }
            .dishwasher.productdetail .use__freerack ul li figure div img {
              width: 66.6666%; }
        .dishwasher.productdetail .use__freerack ul li h4 {
          font-weight: 400;
          margin: 15px 0px 10px;
          font-size: 1.8rem;
          font-weight: 500;
          line-height: 1.5em; }
          @media screen and (max-width: 768px) {
            .dishwasher.productdetail .use__freerack ul li h4 {
              margin: 5px 0px 5px; } }
          @media screen and (max-width: 768px) {
            .dishwasher.productdetail .use__freerack ul li h4 {
              font-size: 1.5rem; } }
        .dishwasher.productdetail .use__freerack ul li p {
          font-size: 1.4rem;
          line-height: 1.928em;
          font-weight: 300; }
          @media screen and (max-width: 768px) {
            .dishwasher.productdetail .use__freerack ul li p {
              font-size: 1.2rem;
              line-height: 1.8em; } }
  .dishwasher.productdetail .use--slidestandard__img {
    position: relative;
    text-align: center; }
    .dishwasher.productdetail .use--slidestandard__img img {
      width: 66.666%; }
    .dishwasher.productdetail .use--slidestandard__img figcaption {
      bottom: 0px;
      color: var(--r-c-k60);
      left: 0px;
      position: absolute;
      font-size: 9px;
      line-height: 1.666em; }
  .dishwasher.productdetail .use--slidestandard__img02 {
    margin-top: calc(var(--r-padding) * -2); }
    .dishwasher.productdetail .use--slidestandard__img02 img {
      width: 70.333% !important; }
  .dishwasher.productdetail .use--slidestandard__feature {
    gap: calc(var(--r-padding)*2);
    margin: calc(var(--r-padding)*2) auto 0px;
    max-width: var(--r-width);
    display: block flex;
    justify-content: center;
    align-items: flex-start; }
    @media screen and (max-width: 768px) {
      .dishwasher.productdetail .use--slidestandard__feature {
        flex-direction: column; } }
    .dishwasher.productdetail .use--slidestandard__feature div {
      flex-grow: 10;
      text-align: left; }
      @media screen and (min-width: 769px) {
        .dishwasher.productdetail .use--slidestandard__feature div {
          flex-basis: 540px; } }
    .dishwasher.productdetail .use--slidestandard__feature figure {
      margin-bottom: 15px; }
      .dishwasher.productdetail .use--slidestandard__feature figure img {
        width: 100%; }
    .dishwasher.productdetail .use--slidestandard__feature h4 {
      margin-bottom: 10px;
      font-size: 1.8rem;
      font-weight: 400;
      line-height: 1.5em; }
      @media screen and (max-width: 768px) {
        .dishwasher.productdetail .use--slidestandard__feature h4 {
          font-size: 1.5rem; } }
    .dishwasher.productdetail .use--slidestandard__feature p {
      font-size: 1.4rem;
      line-height: 1.928em;
      font-weight: 300; }
      @media screen and (max-width: 768px) {
        .dishwasher.productdetail .use--slidestandard__feature p {
          font-size: 1.2rem;
          line-height: 1.8em; } }

/*--;

  use productdetail

====================================================== --*/
.dishwasher.productdetail .color {
  padding-top: calc(var(--r-padding)*2);
  background: radial-gradient(circle at 5% 20%, #e2e4e6 0%, transparent 40%), radial-gradient(circle at 5% 80%, #bdc4ca 0%, transparent 50%), radial-gradient(circle at 90% 20%, #87919b 0%, transparent 50%), radial-gradient(circle at 90% 80%, #404a53 0%, transparent 50%), #899199; }
  .dishwasher.productdetail .color__body {
    margin: 0px auto;
    max-width: var(--r-width);
    text-align: left; }
    .dishwasher.productdetail .color__body p {
      margin-bottom: 55px;
      font-size: 1.4rem;
      line-height: 1.928em;
      font-weight: 300; }
      @media screen and (max-width: 768px) {
        .dishwasher.productdetail .color__body p {
          margin-bottom: calc(var(--r-padding)*2); } }
      @media screen and (max-width: 768px) {
        .dishwasher.productdetail .color__body p {
          font-size: 1.2rem;
          line-height: 1.8em; } }
      .dishwasher.productdetail .color__body p span {
        color: var(--r-c-k60);
        display: block flow;
        margin-top: 10px;
        font-size: 9px;
        line-height: 1.666em; }
  .dishwasher.productdetail .color__tab {
    gap: 20px;
    display: block flex;
    justify-content: center;
    align-items: center; }
    @media screen and (max-width: 768px) {
      .dishwasher.productdetail .color__tab {
        gap: 15px; } }
    .dishwasher.productdetail .color__tab:is(.color[data-type="replace"] *) li:nth-of-type(1) {
      background: var(--r-c-red);
      color: var(--r-c-white);
      pointer-events: none; }
    .dishwasher.productdetail .color__tab:is(.color[data-type="new"] *) li:nth-of-type(2) {
      background: var(--r-c-red);
      color: var(--r-c-white);
      pointer-events: none; }
    .dishwasher.productdetail .color__tab li {
      background: var(--r-c-white);
      border-radius: 12px 12px 0px 0px;
      color: var(--r-c-red);
      cursor: pointer;
      flex-basis: 400px;
      font-size: 1.4rem;
      font-weight: 400;
      height: 60px;
      display: block flex;
      justify-content: center;
      align-items: center; }
      @media (hover: hover) {
        .dishwasher.productdetail .color__tab li {
          text-decoration: none;
          transition: all 250ms ease; }
          .dishwasher.productdetail .color__tab li:hover {
            opacity: 0.7; } }
      @media screen and (max-width: 768px) {
        .dishwasher.productdetail .color__tab li {
          height: 40px; } }
  .dishwasher.productdetail .color__limited {
    gap: calc(var(--r-padding)*2);
    margin: 0px auto;
    max-width: var(--r-width);
    padding-block: calc(var(--r-padding)*2);
    display: block flex;
    justify-content: center;
    align-items: stretch; }
    @media screen and (max-width: 768px) {
      .dishwasher.productdetail .color__limited {
        flex-direction: column;
        gap: var(--r-padding); } }
    .dishwasher.productdetail .color__limited li {
      background: var(--r-c-white);
      flex-grow: 10; }
      @media screen and (min-width: 769px) {
        .dishwasher.productdetail .color__limited li {
          flex-basis: 540px; } }
      .dishwasher.productdetail .color__limited li img {
        width: 100%; }
      .dishwasher.productdetail .color__limited li figure {
        margin-bottom: 20px; }
        @media screen and (max-width: 768px) {
          .dishwasher.productdetail .color__limited li figure {
            margin-bottom: 10px; } }
      .dishwasher.productdetail .color__limited li a {
        color: var(--r-c-black);
        display: block flow;
        height: 100%;
        padding-bottom: 15px; }
        @media (hover: hover) {
          .dishwasher.productdetail .color__limited li a {
            text-decoration: none;
            transition: all 250ms ease; }
            .dishwasher.productdetail .color__limited li a:hover {
              opacity: 0.7; } }
      .dishwasher.productdetail .color__limited li p {
        font-weight: 400;
        margin-bottom: 10px;
        font-size: 1.4rem;
        line-height: 1.428em;
        font-weight: 300; }
        @media screen and (max-width: 768px) {
          .dishwasher.productdetail .color__limited li p {
            margin-bottom: 5px; } }
        @media screen and (max-width: 768px) {
          .dishwasher.productdetail .color__limited li p {
            font-size: 1.2rem;
            line-height: 1.8em; } }
      .dishwasher.productdetail .color__limited li h4 {
        font-size: 2.4rem;
        font-weight: 400;
        line-height: 1em; }
        @media screen and (max-width: 768px) {
          .dishwasher.productdetail .color__limited li h4 {
            font-size: 2.1rem; } }
  .dishwasher.productdetail .color[data-type="replace"] .color__simulator--slide-replace,
  .dishwasher.productdetail .color[data-type="replace"] .color__simulator--front-replace {
    display: block; }
    .dishwasher.productdetail .color[data-type="replace"] .color__simulator--slide-replace .color__simulator__image,
    .dishwasher.productdetail .color[data-type="replace"] .color__simulator--slide-replace .color__simulator__thumbnail,
    .dishwasher.productdetail .color[data-type="replace"] .color__simulator--front-replace .color__simulator__image,
    .dishwasher.productdetail .color[data-type="replace"] .color__simulator--front-replace .color__simulator__thumbnail {
      animation: fadein 500ms ease 1 forwards; }
  .dishwasher.productdetail .color[data-type="new"] .color__simulator--slide-new,
  .dishwasher.productdetail .color[data-type="new"] .color__simulator--front-new {
    display: block; }
    .dishwasher.productdetail .color[data-type="new"] .color__simulator--slide-new .color__simulator__image,
    .dishwasher.productdetail .color[data-type="new"] .color__simulator--slide-new .color__simulator__thumbnail,
    .dishwasher.productdetail .color[data-type="new"] .color__simulator--front-new .color__simulator__image,
    .dishwasher.productdetail .color[data-type="new"] .color__simulator--front-new .color__simulator__thumbnail {
      animation: fadein 500ms ease 1 forwards; }
  .dishwasher.productdetail .color__simulator--front-replace .color__simulator__image[data-current="1"] li:nth-of-type(1) {
    opacity: 1;
    z-index: 5; }
  .dishwasher.productdetail .color__simulator--front-replace .color__simulator__image[data-current="2"] li:nth-of-type(2) {
    opacity: 1;
    z-index: 5; }
  .dishwasher.productdetail .color__simulator--front-replace .color__simulator__image[data-current="3"] li:nth-of-type(3) {
    opacity: 1;
    z-index: 5; }
  .dishwasher.productdetail .color__simulator--front-replace .color__simulator__image[data-current="4"] li:nth-of-type(4) {
    opacity: 1;
    z-index: 5; }
  .dishwasher.productdetail .color__simulator--front-replace .color__simulator__image[data-current="5"] li:nth-of-type(5) {
    opacity: 1;
    z-index: 5; }
  .dishwasher.productdetail .color__simulator--front-replace .color__simulator__image[data-current="6"] li:nth-of-type(6) {
    opacity: 1;
    z-index: 5; }
  .dishwasher.productdetail .color__simulator--front-replace .color__simulator__image[data-current="7"] li:nth-of-type(7) {
    opacity: 1;
    z-index: 5; }
  .dishwasher.productdetail .color__simulator--front-replace .color__simulator__thumbnail[data-current="1"] .color__simulator__thumbnail__bar {
    translate: 25px; }
    @media screen and (max-width: 768px) {
      .dishwasher.productdetail .color__simulator--front-replace .color__simulator__thumbnail[data-current="1"] .color__simulator__thumbnail__bar {
        translate: 0px; } }
  .dishwasher.productdetail .color__simulator--front-replace .color__simulator__thumbnail[data-current="2"] .color__simulator__thumbnail__bar {
    translate: 85px; }
    @media screen and (max-width: 768px) {
      .dishwasher.productdetail .color__simulator--front-replace .color__simulator__thumbnail[data-current="2"] .color__simulator__thumbnail__bar {
        translate: 40px; } }
  .dishwasher.productdetail .color__simulator--front-replace .color__simulator__thumbnail[data-current="3"] .color__simulator__thumbnail__bar {
    translate: 145px; }
    @media screen and (max-width: 768px) {
      .dishwasher.productdetail .color__simulator--front-replace .color__simulator__thumbnail[data-current="3"] .color__simulator__thumbnail__bar {
        translate: 80px; } }
  .dishwasher.productdetail .color__simulator--front-replace .color__simulator__thumbnail[data-current="4"] .color__simulator__thumbnail__bar {
    translate: 224px; }
    @media screen and (max-width: 768px) {
      .dishwasher.productdetail .color__simulator--front-replace .color__simulator__thumbnail[data-current="4"] .color__simulator__thumbnail__bar {
        translate: 145px; } }
  .dishwasher.productdetail .color__simulator--front-replace .color__simulator__thumbnail[data-current="5"] .color__simulator__thumbnail__bar {
    translate: 284px; }
    @media screen and (max-width: 768px) {
      .dishwasher.productdetail .color__simulator--front-replace .color__simulator__thumbnail[data-current="5"] .color__simulator__thumbnail__bar {
        translate: 185px; } }
  .dishwasher.productdetail .color__simulator--front-replace .color__simulator__thumbnail[data-current="6"] .color__simulator__thumbnail__bar {
    translate: 344px; }
    @media screen and (max-width: 768px) {
      .dishwasher.productdetail .color__simulator--front-replace .color__simulator__thumbnail[data-current="6"] .color__simulator__thumbnail__bar {
        translate: 225px; } }
  .dishwasher.productdetail .color__simulator--front-replace .color__simulator__thumbnail[data-current="7"] .color__simulator__thumbnail__bar {
    translate: 483px; }
    @media screen and (max-width: 768px) {
      .dishwasher.productdetail .color__simulator--front-replace .color__simulator__thumbnail[data-current="7"] .color__simulator__thumbnail__bar {
        translate: 297px; } }
  .dishwasher.productdetail .color__simulator--front-new .color__simulator__image[data-current="1"] li:nth-of-type(1) {
    opacity: 1;
    z-index: 5; }
  .dishwasher.productdetail .color__simulator--front-new .color__simulator__image[data-current="2"] li:nth-of-type(2) {
    opacity: 1;
    z-index: 5; }
  .dishwasher.productdetail .color__simulator--front-new .color__simulator__image[data-current="3"] li:nth-of-type(3) {
    opacity: 1;
    z-index: 5; }
  .dishwasher.productdetail .color__simulator--front-new .color__simulator__image[data-current="4"] li:nth-of-type(4) {
    opacity: 1;
    z-index: 5; }
  .dishwasher.productdetail .color__simulator--front-new .color__simulator__image[data-current="5"] li:nth-of-type(5) {
    opacity: 1;
    z-index: 5; }
  .dishwasher.productdetail .color__simulator--front-new .color__simulator__image[data-current="6"] li:nth-of-type(6) {
    opacity: 1;
    z-index: 5; }
  .dishwasher.productdetail .color__simulator--front-new .color__simulator__image[data-current="7"] li:nth-of-type(7) {
    opacity: 1;
    z-index: 5; }
  .dishwasher.productdetail .color__simulator--front-new .color__simulator__image[data-current="8"] li:nth-of-type(8) {
    opacity: 1;
    z-index: 5; }
  .dishwasher.productdetail .color__simulator--front-new .color__simulator__image[data-current="9"] li:nth-of-type(9) {
    opacity: 1;
    z-index: 5; }
  .dishwasher.productdetail .color__simulator--front-new .color__simulator__image[data-current="10"] li:nth-of-type(10) {
    opacity: 1;
    z-index: 5; }
  .dishwasher.productdetail .color__simulator--front-new .color__simulator__image[data-current="11"] li:nth-of-type(11) {
    opacity: 1;
    z-index: 5; }
  .dishwasher.productdetail .color__simulator--front-new .color__simulator__image[data-current="12"] li:nth-of-type(12) {
    opacity: 1;
    z-index: 5; }
  .dishwasher.productdetail .color__simulator--front-new .color__simulator__thumbnail[data-current="1"] .color__simulator__thumbnail__bar {
    translate: 25px; }
    @media screen and (max-width: 768px) {
      .dishwasher.productdetail .color__simulator--front-new .color__simulator__thumbnail[data-current="1"] .color__simulator__thumbnail__bar {
        translate: 0px; } }
  .dishwasher.productdetail .color__simulator--front-new .color__simulator__thumbnail[data-current="2"] .color__simulator__thumbnail__bar {
    translate: 85px; }
    @media screen and (max-width: 768px) {
      .dishwasher.productdetail .color__simulator--front-new .color__simulator__thumbnail[data-current="2"] .color__simulator__thumbnail__bar {
        translate: 50px; } }
  .dishwasher.productdetail .color__simulator--front-new .color__simulator__thumbnail[data-current="3"] .color__simulator__thumbnail__bar {
    translate: 145px; }
    @media screen and (max-width: 768px) {
      .dishwasher.productdetail .color__simulator--front-new .color__simulator__thumbnail[data-current="3"] .color__simulator__thumbnail__bar {
        translate: 100px; } }
  .dishwasher.productdetail .color__simulator--front-new .color__simulator__thumbnail[data-current="4"] .color__simulator__thumbnail__bar {
    translate: 205px; }
    @media screen and (max-width: 768px) {
      .dishwasher.productdetail .color__simulator--front-new .color__simulator__thumbnail[data-current="4"] .color__simulator__thumbnail__bar {
        translate: 150px; } }
  .dishwasher.productdetail .color__simulator--front-new .color__simulator__thumbnail[data-current="5"] .color__simulator__thumbnail__bar {
    translate: 265px; }
    @media screen and (max-width: 768px) {
      .dishwasher.productdetail .color__simulator--front-new .color__simulator__thumbnail[data-current="5"] .color__simulator__thumbnail__bar {
        translate: 200px; } }
  .dishwasher.productdetail .color__simulator--front-new .color__simulator__thumbnail[data-current="6"] .color__simulator__thumbnail__bar {
    translate: 325px; }
    @media screen and (max-width: 768px) {
      .dishwasher.productdetail .color__simulator--front-new .color__simulator__thumbnail[data-current="6"] .color__simulator__thumbnail__bar {
        translate: 250px; } }
  .dishwasher.productdetail .color__simulator--front-new .color__simulator__thumbnail[data-current="7"] .color__simulator__thumbnail__bar {
    translate: 404px; }
    @media screen and (max-width: 768px) {
      .dishwasher.productdetail .color__simulator--front-new .color__simulator__thumbnail[data-current="7"] .color__simulator__thumbnail__bar {
        translate: 0px 112px; } }
  .dishwasher.productdetail .color__simulator--front-new .color__simulator__thumbnail[data-current="8"] .color__simulator__thumbnail__bar {
    translate: 464px; }
    @media screen and (max-width: 768px) {
      .dishwasher.productdetail .color__simulator--front-new .color__simulator__thumbnail[data-current="8"] .color__simulator__thumbnail__bar {
        translate: 50px 112px; } }
  .dishwasher.productdetail .color__simulator--front-new .color__simulator__thumbnail[data-current="9"] .color__simulator__thumbnail__bar {
    translate: 524px; }
    @media screen and (max-width: 768px) {
      .dishwasher.productdetail .color__simulator--front-new .color__simulator__thumbnail[data-current="9"] .color__simulator__thumbnail__bar {
        translate: 100px 112px; } }
  .dishwasher.productdetail .color__simulator--front-new .color__simulator__thumbnail[data-current="10"] .color__simulator__thumbnail__bar {
    translate: 584px; }
    @media screen and (max-width: 768px) {
      .dishwasher.productdetail .color__simulator--front-new .color__simulator__thumbnail[data-current="10"] .color__simulator__thumbnail__bar {
        translate: 150px 112px; } }
  .dishwasher.productdetail .color__simulator--front-new .color__simulator__thumbnail[data-current="11"] .color__simulator__thumbnail__bar {
    translate: 644px; }
    @media screen and (max-width: 768px) {
      .dishwasher.productdetail .color__simulator--front-new .color__simulator__thumbnail[data-current="11"] .color__simulator__thumbnail__bar {
        translate: 200px 112px; } }
  .dishwasher.productdetail .color__simulator--front-new .color__simulator__thumbnail[data-current="12"] .color__simulator__thumbnail__bar {
    translate: 704px; }
    @media screen and (max-width: 768px) {
      .dishwasher.productdetail .color__simulator--front-new .color__simulator__thumbnail[data-current="12"] .color__simulator__thumbnail__bar {
        translate: 250px 112px; } }
  .dishwasher.productdetail .color__simulator--slide-new .color__simulator__image[data-current="1"] li:nth-of-type(1), .dishwasher.productdetail .color__simulator--slide-replace .color__simulator__image[data-current="1"] li:nth-of-type(1) {
    opacity: 1;
    z-index: 5; }
  .dishwasher.productdetail .color__simulator--slide-new .color__simulator__image[data-current="2"] li:nth-of-type(2), .dishwasher.productdetail .color__simulator--slide-replace .color__simulator__image[data-current="2"] li:nth-of-type(2) {
    opacity: 1;
    z-index: 5; }
  .dishwasher.productdetail .color__simulator--slide-new .color__simulator__image[data-current="3"] li:nth-of-type(3), .dishwasher.productdetail .color__simulator--slide-replace .color__simulator__image[data-current="3"] li:nth-of-type(3) {
    opacity: 1;
    z-index: 5; }
  .dishwasher.productdetail .color__simulator--slide-new .color__simulator__image[data-current="4"] li:nth-of-type(4), .dishwasher.productdetail .color__simulator--slide-replace .color__simulator__image[data-current="4"] li:nth-of-type(4) {
    opacity: 1;
    z-index: 5; }
  .dishwasher.productdetail .color__simulator--slide-new .color__simulator__image[data-current="5"] li:nth-of-type(5), .dishwasher.productdetail .color__simulator--slide-replace .color__simulator__image[data-current="5"] li:nth-of-type(5) {
    opacity: 1;
    z-index: 5; }
  .dishwasher.productdetail .color__simulator--slide-new .color__simulator__thumbnail[data-current="1"] .color__simulator__thumbnail__bar, .dishwasher.productdetail .color__simulator--slide-replace .color__simulator__thumbnail[data-current="1"] .color__simulator__thumbnail__bar {
    translate: 0px; }
    @media screen and (max-width: 768px) {
      .dishwasher.productdetail .color__simulator--slide-new .color__simulator__thumbnail[data-current="1"] .color__simulator__thumbnail__bar, .dishwasher.productdetail .color__simulator--slide-replace .color__simulator__thumbnail[data-current="1"] .color__simulator__thumbnail__bar {
        translate: 0px; } }
  .dishwasher.productdetail .color__simulator--slide-new .color__simulator__thumbnail[data-current="2"] .color__simulator__thumbnail__bar, .dishwasher.productdetail .color__simulator--slide-replace .color__simulator__thumbnail[data-current="2"] .color__simulator__thumbnail__bar {
    translate: 60px; }
    @media screen and (max-width: 768px) {
      .dishwasher.productdetail .color__simulator--slide-new .color__simulator__thumbnail[data-current="2"] .color__simulator__thumbnail__bar, .dishwasher.productdetail .color__simulator--slide-replace .color__simulator__thumbnail[data-current="2"] .color__simulator__thumbnail__bar {
        translate: 50px; } }
  .dishwasher.productdetail .color__simulator--slide-new .color__simulator__thumbnail[data-current="3"] .color__simulator__thumbnail__bar, .dishwasher.productdetail .color__simulator--slide-replace .color__simulator__thumbnail[data-current="3"] .color__simulator__thumbnail__bar {
    translate: 120px; }
    @media screen and (max-width: 768px) {
      .dishwasher.productdetail .color__simulator--slide-new .color__simulator__thumbnail[data-current="3"] .color__simulator__thumbnail__bar, .dishwasher.productdetail .color__simulator--slide-replace .color__simulator__thumbnail[data-current="3"] .color__simulator__thumbnail__bar {
        translate: 100px; } }
  .dishwasher.productdetail .color__simulator--slide-new .color__simulator__thumbnail[data-current="4"] .color__simulator__thumbnail__bar, .dishwasher.productdetail .color__simulator--slide-replace .color__simulator__thumbnail[data-current="4"] .color__simulator__thumbnail__bar {
    translate: 180px; }
    @media screen and (max-width: 768px) {
      .dishwasher.productdetail .color__simulator--slide-new .color__simulator__thumbnail[data-current="4"] .color__simulator__thumbnail__bar, .dishwasher.productdetail .color__simulator--slide-replace .color__simulator__thumbnail[data-current="4"] .color__simulator__thumbnail__bar {
        translate: 150px; } }
  .dishwasher.productdetail .color__simulator--slide-new .color__simulator__thumbnail[data-current="5"] .color__simulator__thumbnail__bar, .dishwasher.productdetail .color__simulator--slide-replace .color__simulator__thumbnail[data-current="5"] .color__simulator__thumbnail__bar {
    translate: 240px; }
    @media screen and (max-width: 768px) {
      .dishwasher.productdetail .color__simulator--slide-new .color__simulator__thumbnail[data-current="5"] .color__simulator__thumbnail__bar, .dishwasher.productdetail .color__simulator--slide-replace .color__simulator__thumbnail[data-current="5"] .color__simulator__thumbnail__bar {
        translate: 200px; } }
  .dishwasher.productdetail .color__simulator {
    display: none;
    padding-bottom: var(--r-padding);
    padding-top: 175px;
    position: relative;
    background: radial-gradient(circle at 10% 20%, #b9bfc4 0%, transparent 70%), radial-gradient(circle at 10% 80%, #828a93 0%, transparent 70%), radial-gradient(circle at 90% 20%, #525d68 0%, transparent 70%), radial-gradient(circle at 90% 80%, #2b343d 0%, transparent 60%), #2b343d; }
    @media screen and (max-width: 768px) {
      .dishwasher.productdetail .color__simulator {
        padding-block: calc(var(--r-padding)*2); } }
    .dishwasher.productdetail .color__simulator__caption {
      bottom: 30px;
      color: var(--r-c-k60);
      position: absolute;
      right: 30px;
      font-size: 9px;
      line-height: 1.666em; }
      @media screen and (max-width: 768px) {
        .dishwasher.productdetail .color__simulator__caption {
          bottom: 10px;
          right: 10px; } }
    .dishwasher.productdetail .color__simulator__image {
      margin: 0px auto 45px;
      max-width: var(--r-width); }
      @media screen and (max-width: 768px) {
        .dishwasher.productdetail .color__simulator__image {
          margin-bottom: 20px; } }
      .dishwasher.productdetail .color__simulator__image ul {
        margin: 0px auto;
        max-width: 82.75%;
        position: relative;
        z-index: 2;
        aspect-ratio: 1920 / 692; }
        @media screen and (max-width: 768px) {
          .dishwasher.productdetail .color__simulator__image ul {
            margin-left: -80%;
            max-width: none;
            width: 260%; } }
        .dishwasher.productdetail .color__simulator__image ul::after {
          background: url(../../products/kitchen/dishwasher/images/simulator_shadow.png) no-repeat center;
          background-size: contain;
          bottom: -7%;
          content: "";
          left: 50%;
          margin: 0px 0px 0px -50.46875%;
          position: absolute;
          width: 100.9375%;
          z-index: -1;
          aspect-ratio: 1938 / 136; }
        .dishwasher.productdetail .color__simulator__image ul li {
          left: 0px;
          position: absolute;
          top: 0px;
          opacity: 0;
          transition: opacity 500ms ease;
          width: 100%;
          z-index: 2; }
          .dishwasher.productdetail .color__simulator__image ul li img {
            width: 100%; }
    .dishwasher.productdetail .color__simulator__thumbnail {
      color: var(--r-c-white);
      font-size: 1rem;
      font-weight: 400;
      line-height: 1.2em;
      margin: 0px auto;
      padding: 0px var(--r-padding);
      position: relative;
      width: -moz-min-content;
      width: min-content;
      display: block flex;
      justify-content: center;
      align-items: flex-start; }
      @media screen and (max-width: 768px) {
        .dishwasher.productdetail .color__simulator__thumbnail {
          padding: 0px; } }
      .dishwasher.productdetail .color__simulator__thumbnail__bar {
        background: var(--r-c-white);
        height: 2px;
        left: var(--r-padding);
        position: absolute;
        top: 21px;
        width: 30px;
        transition: all 250ms ease; }
        @media screen and (max-width: 768px) {
          .dishwasher.productdetail .color__simulator__thumbnail__bar {
            width: 30px; } }
      @media screen and (max-width: 768px) {
        .dishwasher.productdetail .color__simulator__thumbnail--front-new {
          flex-direction: column;
          gap: 20px; }
          .dishwasher.productdetail .color__simulator__thumbnail--front-new .color__simulator__thumbnail__bar {
            left: 17px; } }
      @media screen and (max-width: 768px) {
        .dishwasher.productdetail .color__simulator__thumbnail--front-new dl {
          border: none !important; } }
      @media screen and (min-width: 769px) {
        .dishwasher.productdetail .color__simulator__thumbnail--front-new dl {
          width: 380px; } }
      @media screen and (max-width: 768px) {
        .dishwasher.productdetail .color__simulator__thumbnail--front-new ul {
          gap: 20px !important; } }
      @media screen and (max-width: 768px) {
        .dishwasher.productdetail .color__simulator__thumbnail--front-replace .color__simulator__thumbnail__bar {
          left: 17px; } }
      @media screen and (min-width: 769px) {
        .dishwasher.productdetail .color__simulator__thumbnail--front-replace dl {
          width: 200px; } }
      @media screen and (max-width: 768px) {
        .dishwasher.productdetail .color__simulator__thumbnail--slide-new .color__simulator__thumbnail__bar, .dishwasher.productdetail .color__simulator__thumbnail--slide-replace .color__simulator__thumbnail__bar {
          top: 10px;
          left: 0px; } }
      .dishwasher.productdetail .color__simulator__thumbnail > ul {
        margin-top: 30px; }
        @media screen and (max-width: 768px) {
          .dishwasher.productdetail .color__simulator__thumbnail > ul {
            gap: 20px !important;
            margin-top: 20px; } }
      .dishwasher.productdetail .color__simulator__thumbnail dl {
        border-right: 1px solid currentColor;
        box-sizing: border-box; }
        @media screen and (min-width: 769px) {
          .dishwasher.productdetail .color__simulator__thumbnail dl {
            box-sizing: border-box; } }
        @media screen and (max-width: 768px) {
          .dishwasher.productdetail .color__simulator__thumbnail dl {
            padding: 0px 17px; } }
        @media screen and (min-width: 769px) {
          .dishwasher.productdetail .color__simulator__thumbnail dl:nth-of-type(1) {
            border-left: 1px solid currentColor; } }
        @media screen and (max-width: 768px) {
          .dishwasher.productdetail .color__simulator__thumbnail dl:nth-of-type(3) {
            border-right: none; } }
      .dishwasher.productdetail .color__simulator__thumbnail dt {
        margin-bottom: 20px; }
      .dishwasher.productdetail .color__simulator__thumbnail ul {
        gap: 30px;
        display: block flex;
        justify-content: center;
        align-items: flex-start; }
        @media screen and (max-width: 768px) {
          .dishwasher.productdetail .color__simulator__thumbnail ul {
            gap: 10px; } }
        .dishwasher.productdetail .color__simulator__thumbnail ul li {
          flex-basis: 30px;
          cursor: pointer; }
          @media screen and (max-width: 768px) {
            .dishwasher.productdetail .color__simulator__thumbnail ul li {
              flex-basis: 30px; } }
          .dishwasher.productdetail .color__simulator__thumbnail ul li span {
            margin: 0px -1em; }
        .dishwasher.productdetail .color__simulator__thumbnail ul img {
          display: block;
          margin: 0px auto 8px;
          width: 30px; }
          @media screen and (max-width: 768px) {
            .dishwasher.productdetail .color__simulator__thumbnail ul img {
              width: 30px; } }

/*--;

  use productdetail

====================================================== --*/
.dishwasher.productdetail .clean {
  background: var(--r-c-white);
  padding-top: calc(var(--r-padding)*2); }
  .dishwasher.productdetail .clean .__r-title18 {
    margin-bottom: 0px; }
  .dishwasher.productdetail .clean__bg {
    padding: calc(var(--r-padding)*2) 0px; }
    .dishwasher.productdetail .clean__bg--k5 {
      background: var(--r-c-k5); }
  .dishwasher.productdetail .clean__body {
    gap: calc(var(--r-padding)*2);
    margin: 0px auto;
    max-width: var(--r-width);
    display: block flex;
    justify-content: center;
    align-items: stretch; }
    @media screen and (max-width: 768px) {
      .dishwasher.productdetail .clean__body {
        display: block flow; } }
    .dishwasher.productdetail .clean__body--02 {
      flex-direction: row-reverse; }
      .dishwasher.productdetail .clean__body--02 div figure {
        margin-left: auto; }
    .dishwasher.productdetail .clean__body > figure {
      flex-basis: 540px;
      flex-grow: 10;
      position: relative; }
      @media screen and (max-width: 768px) {
        .dishwasher.productdetail .clean__body > figure {
          margin-bottom: 15px; } }
      .dishwasher.productdetail .clean__body > figure figcaption {
        color: var(--r-c-k40);
        margin-top: 5px;
        text-align: right;
        font-size: 9px;
        line-height: 1.666em; }
        .dishwasher.productdetail .clean__body > figure figcaption.clean__body__innercaption {
          color: var(--r-c-k60);
          position: absolute;
          z-index: 5;
          inset: auto 10px 10px auto; }
      .dishwasher.productdetail .clean__body > figure img {
        width: 100%; }
    .dishwasher.productdetail .clean__body > div {
      flex-basis: 540px;
      flex-direction: column;
      flex-grow: 10;
      text-align: left;
      display: block flex;
      justify-content: flex-start;
      align-items: flex-start; }
      .dishwasher.productdetail .clean__body > div p {
        flex-grow: 10;
        margin-bottom: 35px;
        font-size: 1.4rem;
        line-height: 1.928em;
        font-weight: 300; }
        @media screen and (max-width: 768px) {
          .dishwasher.productdetail .clean__body > div p {
            margin-bottom: var(--r-padding); } }
        @media screen and (max-width: 768px) {
          .dishwasher.productdetail .clean__body > div p {
            font-size: 1.2rem;
            line-height: 1.8em; } }
        .dishwasher.productdetail .clean__body > div p span {
          color: var(--r-c-k60);
          display: block;
          margin-top: 15px;
          font-size: 9px;
          line-height: 1.666em; }
        .dishwasher.productdetail .clean__body > div p sup {
          font-size: 0.66em; }
      .dishwasher.productdetail .clean__body > div.clean__body--movie p {
        flex-grow: 0; }
      .dishwasher.productdetail .clean__body > div.clean__body--movie nav {
        flex-grow: 10;
        width: 100%; }
        @media screen and (max-width: 768px) {
          .dishwasher.productdetail .clean__body > div.clean__body--movie nav {
            margin-bottom: var(--r-padding);
            display: block flex;
            justify-content: center;
            align-items: center; } }
    .dishwasher.productdetail .clean__body__caption {
      color: var(--r-c-k40);
      margin-top: 5px;
      font-size: 9px;
      line-height: 1.666em; }
      @media screen and (max-width: 768px) {
        .dishwasher.productdetail .clean__body__caption {
          margin-top: var(--r-padding); } }
    .dishwasher.productdetail .clean__body:has(.clean__fungus) > div p {
      flex-grow: 0; }
    .dishwasher.productdetail .clean__body:has(.clean__fungus) > figure figcaption {
      text-align: left; }
  .dishwasher.productdetail .clean__fungus {
    gap: calc(var(--r-padding)*2);
    margin-top: var(--r-padding);
    position: relative;
    width: 100%;
    display: block flex;
    justify-content: center;
    align-items: center; }
    .dishwasher.productdetail .clean__fungus dl {
      flex-basis: 50%;
      text-align: center; }
      @media screen and (min-width: 769px) {
        .dishwasher.productdetail .clean__fungus dl:nth-of-type(1) {
          padding-left: 10px; }
        .dishwasher.productdetail .clean__fungus dl:nth-of-type(2) {
          padding-right: 10px; } }
    .dishwasher.productdetail .clean__fungus dt {
      font-weight: 400;
      margin-bottom: 10px;
      font-size: 1.4rem;
      line-height: 1.928em;
      font-weight: 300; }
      @media screen and (max-width: 768px) {
        .dishwasher.productdetail .clean__fungus dt {
          font-size: 1.2rem;
          line-height: 1.8em; } }
    .dishwasher.productdetail .clean__fungus dd {
      gap: 20px;
      display: block flex;
      justify-content: center;
      align-items: center; }
      @media screen and (max-width: 768px) {
        .dishwasher.productdetail .clean__fungus dd {
          gap: 15px; } }
      .dishwasher.productdetail .clean__fungus dd figure {
        flex-basis: 50%; }
        .dishwasher.productdetail .clean__fungus dd figure img {
          width: 100%; }
      .dishwasher.productdetail .clean__fungus dd figcaption {
        margin-top: 5px;
        text-align: center;
        font-size: 1.2rem;
        line-height: 2em; }
        @media screen and (max-width: 768px) {
          .dishwasher.productdetail .clean__fungus dd figcaption {
            font-size: 1.1rem;
            line-height: 1.8em; } }
    .dishwasher.productdetail .clean__fungus::before {
      background: var(--r-c-k20);
      content: "";
      margin: auto;
      position: absolute;
      width: 1px;
      inset: 0px 0px; }

/*--

  buy productdetail

====================================================== --*/
.dishwasher.productdetail .buy {
  background: var(--r-c-white);
  padding: calc(var(--r-padding)*2) 0px; }
  .dishwasher.productdetail .buy__body {
    margin: 0px auto;
    max-width: var(--r-width);
    text-align: left; }
    .dishwasher.productdetail .buy__body:not(:last-child) {
      border-bottom: 1px solid var(--r-c-k20);
      margin-bottom: calc(var(--r-padding)*2);
      padding-bottom: calc(var(--r-padding)*2); }
    .dishwasher.productdetail .buy__body a {
      text-decoration: underline;
      color: var(--r-c-black); }
      .dishwasher.productdetail .buy__body a:hover {
        text-decoration: none; }
    .dishwasher.productdetail .buy__body > p {
      margin-bottom: 1lh;
      font-size: 1.4rem;
      line-height: 2.142;
      font-weight: 300; }
      @media screen and (max-width: 768px) {
        .dishwasher.productdetail .buy__body > p {
          font-size: 1.2rem;
          line-height: 1.8em; } }
      .dishwasher.productdetail .buy__body > p:last-of-type {
        margin-bottom: 40px; }
      .dishwasher.productdetail .buy__body > p:last-child {
        margin-bottom: 0px; }
      .dishwasher.productdetail .buy__body > p strong {
        font-weight: 400; }
      .dishwasher.productdetail .buy__body > p span {
        color: var(--r-c-k60);
        font-size: 1.2rem;
        line-height: 2em; }
        @media screen and (max-width: 768px) {
          .dishwasher.productdetail .buy__body > p span {
            font-size: 1.1rem;
            line-height: 1.8em; } }

/*--

  voice productdetail

====================================================== --*/
.dishwasher.productdetail .voice {
  background: var(--r-c-k5);
  padding: calc(var(--r-padding)*2) 0px; }
  .dishwasher.productdetail .voice > nav {
    margin-top: var(--r-padding);
    display: block flex;
    justify-content: center;
    align-items: center; }
  .dishwasher.productdetail .voice__point {
    color: var(--r-c-k20);
    font-size: 2.2rem;
    gap: 0.5em;
    line-height: 1em;
    display: block flex;
    justify-content: flex-start;
    align-items: center; }
    @media screen and (max-width: 1023px) {
      .dishwasher.productdetail .voice__point {
        font-size: 2rem; } }
    .dishwasher.productdetail .voice__point--on {
      color: var(--r-c-deepred); }
  .dishwasher.productdetail .voice__year {
    font-weight: 400;
    text-align: right;
    font-size: 1.4rem;
    line-height: 1.928em;
    font-weight: 300; }
    @media screen and (max-width: 768px) {
      .dishwasher.productdetail .voice__year {
        font-size: 1.2rem;
        line-height: 1.8em; } }
  .dishwasher.productdetail .voice__slider {
    margin: 0px auto;
    max-width: var(--r-width);
    position: relative; }
    .dishwasher.productdetail .voice__slider__list {
      overflow: hidden; }
      @media screen and (min-width: 769px) {
        .dishwasher.productdetail .voice__slider__list {
          margin: 0px var(--r-padding); } }
      .dishwasher.productdetail .voice__slider__list ul {
        gap: var(--r-padding);
        transition: transform 500ms cubic-bezier(0.165, 0.84, 0.44, 1);
        display: block flex;
        justify-content: flex-start;
        align-items: stretch; }
      .dishwasher.productdetail .voice__slider__list li {
        background: var(--r-c-white);
        border-radius: 12px;
        box-sizing: border-box;
        flex-basis: calc((100% - var(--r-padding)*1) / 2);
        flex-shrink: 0;
        gap: 20px;
        padding: var(--r-padding);
        text-align: left;
        display: block flex;
        justify-content: center;
        align-items: stretch; }
        @media screen and (max-width: 768px) {
          .dishwasher.productdetail .voice__slider__list li {
            flex-basis: 100%; } }
      .dishwasher.productdetail .voice__slider__list div,
      .dishwasher.productdetail .voice__slider__list figure {
        flex-basis: 210px;
        flex-grow: 10; }
      .dishwasher.productdetail .voice__slider__list figure img {
        width: 100%; }
      .dishwasher.productdetail .voice__slider__list div {
        display: block flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        gap: 20px; }
      .dishwasher.productdetail .voice__slider__list nav {
        width: 100%;
        display: block flex;
        justify-content: center;
        align-items: center; }
      .dishwasher.productdetail .voice__slider__list p {
        flex-grow: 10;
        font-size: 1.3rem;
        line-height: 1.846em; }
        .dishwasher.productdetail .voice__slider__list p strong {
          font-weight: 500; }
    .dishwasher.productdetail .voice__slider__prev, .dishwasher.productdetail .voice__slider__next {
      bottom: 0px;
      top: 0%;
      background: rgb(129 129 129 / 0.4);
      border: none;
      border-radius: 100%;
      content: "";
      cursor: pointer;
      font-size: 0px;
      height: 40px;
      margin: auto;
      position: absolute;
      width: 40px;
      transition: all 250ms ease;
      -moz-appearance: none;
           appearance: none;
      -webkit-appearance: none;
      display: block flex;
      justify-content: center;
      align-items: center; }
      @media (hover: hover) {
        .dishwasher.productdetail .voice__slider__prev:hover, .dishwasher.productdetail .voice__slider__next:hover {
          background: rgb(129 129 129 / 1); } }
      .dishwasher.productdetail .voice__slider__prev::after, .dishwasher.productdetail .voice__slider__next::after {
        background: var(--r-c-white);
        content: "";
        height: 8px;
        margin-bottom: 2.5px;
        width: 16px;
        clip-path: url(#icon_pagetop); }
      .dishwasher.productdetail .voice__slider__prev[disabled], .dishwasher.productdetail .voice__slider__next[disabled] {
        opacity: 0.3;
        pointer-events: none; }
    .dishwasher.productdetail .voice__slider__prev {
      left: -20px;
      rotate: -90deg; }
    .dishwasher.productdetail .voice__slider__next {
      right: -20px;
      rotate: 90deg; }

/*--

  dishwasher.productguide

====================================================== --*/
.dishwasher.productguide {
  position: relative;
  z-index: 1;
  overflow: clip; }
  .dishwasher.productguide::before {
    z-index: -1;
    position: sticky;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100vh;
    display: block;
    margin-bottom: -100vh;
    background: radial-gradient(circle at 10% 20%, #e4e6e8 0%, transparent 40%), radial-gradient(circle at 10% 80%, #b0b4ba 0%, transparent 50%), radial-gradient(circle at 90% 20%, #bfc6cd 0%, transparent 50%), linear-gradient(90deg, #e4e6e8, #bfc6cd);
    content: ""; }
  .dishwasher.productguide .dishwasher__lineup {
    padding: 0px; }

/*--

  productguide guide

====================================================== --*/
.dishwasher.productguide .guide {
  background: var(--r-c-white);
  padding: calc(var(--r-padding)*2) 0px calc(var(--r-padding)*2); }
  .dishwasher.productguide .guide .__r-title24 {
    margin-bottom: 15px; }
  .dishwasher.productguide .guide__btn {
    display: block flex;
    justify-content: center;
    align-items: center; }
  .dishwasher.productguide .guide__body {
    margin: 0px auto;
    max-width: var(--r-width);
    padding-bottom: calc(var(--r-padding)*2); }
    .dishwasher.productguide .guide__body > p {
      margin-bottom: 30px;
      font-size: 1.4rem;
      line-height: 1.928em;
      font-weight: 300; }
      @media screen and (max-width: 768px) {
        .dishwasher.productguide .guide__body > p {
          margin-bottom: var(--r-padding);
          text-align: left; } }
      @media screen and (max-width: 768px) {
        .dishwasher.productguide .guide__body > p {
          font-size: 1.2rem;
          line-height: 1.8em; } }
      .dishwasher.productguide .guide__body > p.guide__body__caption {
        color: var(--r-c-k60);
        margin: 10px 0px 0px;
        text-align: left;
        font-size: 9px;
        line-height: 1.333em; }
    .dishwasher.productguide .guide__body a {
      color: var(--r-c-black);
      text-decoration: underline; }
      @media (hover: hover) {
        .dishwasher.productguide .guide__body a:hover {
          text-decoration: none; } }
  .dishwasher.productguide .guide__wrapper {
    border: 1px solid var(--r-c-k20);
    display: block grid;
    position: relative;
    text-align: left;
    grid-template-columns: 1fr 1fr; }
    @media screen and (max-width: 768px) {
      .dishwasher.productguide .guide__wrapper {
        border-top: none; } }
    .dishwasher.productguide .guide__wrapper::after, .dishwasher.productguide .guide__wrapper::before {
      background: var(--r-c-k20);
      margin: auto;
      position: absolute;
      width: 1px;
      z-index: 2;
      inset: 0px 0px; }
    .dishwasher.productguide .guide__wrapper::before {
      content: ""; }
    .dishwasher.productguide .guide__wrapper--confirm {
      grid-template-columns: 200px 1fr 1fr; }
      @media screen and (max-width: 768px) {
        .dishwasher.productguide .guide__wrapper--confirm {
          grid-template-columns: 55px 1fr 1fr; } }
      .dishwasher.productguide .guide__wrapper--confirm::before {
        inset: 0px auto 0px 200px; }
        @media screen and (max-width: 768px) {
          .dishwasher.productguide .guide__wrapper--confirm::before {
            left: 55px; } }
      .dishwasher.productguide .guide__wrapper--confirm::after {
        content: "";
        inset: 0px calc((100% - 200px) / 2) 0px auto; }
        @media screen and (max-width: 768px) {
          .dishwasher.productguide .guide__wrapper--confirm::after {
            right: calc((100% - 55px) / 2); } }
      .dishwasher.productguide .guide__wrapper--confirm .guide__wrapper__block__body {
        display: block flex;
        justify-content: flex-start;
        align-items: center; }
        .dishwasher.productguide .guide__wrapper--confirm .guide__wrapper__block__body p {
          font-weight: 500; }
    .dishwasher.productguide .guide__wrapper--slidestandard, .dishwasher.productguide .guide__wrapper--slidedeep {
      grid-template-columns: 1fr 1fr 1fr; }
      .dishwasher.productguide .guide__wrapper--slidestandard::before, .dishwasher.productguide .guide__wrapper--slidedeep::before {
        inset: 0px auto 0px calc(100% / 3); }
      .dishwasher.productguide .guide__wrapper--slidestandard::after, .dishwasher.productguide .guide__wrapper--slidedeep::after {
        content: "";
        inset: 0px calc(100% / 3) 0px auto; }
    .dishwasher.productguide .guide__wrapper--slidestandard .guide__wrapper__block__images div {
      flex-basis: 31.57%; }
    .dishwasher.productguide .guide__wrapper--slidedeep .guide__wrapper__block__images div {
      flex-basis: 26.65%; }
    .dishwasher.productguide .guide__wrapper--slidedeep .guide__wrapper__block__img02 {
      width: 45.5%;
      margin-inline: auto; }
  .dishwasher.productguide .guide__wrapper02 {
    border-left: 1px solid var(--r-c-k20);
    border-right: 1px solid var(--r-c-k20); }
    .dishwasher.productguide .guide__wrapper02__block {
      border-bottom: 1px solid var(--r-c-k20); }
      .dishwasher.productguide .guide__wrapper02__block__images {
        gap: var(--r-padding);
        padding: 0px var(--r-padding) var(--r-padding);
        display: block flex;
        justify-content: center;
        align-items: center; }
        .dishwasher.productguide .guide__wrapper02__block__images li {
          flex-basis: 360px; }
          .dishwasher.productguide .guide__wrapper02__block__images li img {
            width: 100%; }
      @media screen and (max-width: 768px) {
        .dishwasher.productguide .guide__wrapper02__block__title {
          border-top: none !important; } }
  .dishwasher.productguide .guide__wrapper02, .dishwasher.productguide .guide__wrapper {
    background: var(--r-c-white); }
    .dishwasher.productguide .guide__wrapper02__block, .dishwasher.productguide .guide__wrapper__block {
      display: block grid;
      grid-template-rows: subgrid;
      grid-row: span 10; }
      .dishwasher.productguide .guide__wrapper02__block__img02, .dishwasher.productguide .guide__wrapper02__block__img, .dishwasher.productguide .guide__wrapper__block__img02, .dishwasher.productguide .guide__wrapper__block__img {
        margin: 20px 20px 0px;
        position: relative;
        text-align: center; }
        @media screen and (max-width: 768px) {
          .dishwasher.productguide .guide__wrapper02__block__img02, .dishwasher.productguide .guide__wrapper02__block__img, .dishwasher.productguide .guide__wrapper__block__img02, .dishwasher.productguide .guide__wrapper__block__img {
            margin: 10px 10px 0px; } }
        .dishwasher.productguide .guide__wrapper02__block__img02 figcaption, .dishwasher.productguide .guide__wrapper02__block__img figcaption, .dishwasher.productguide .guide__wrapper__block__img02 figcaption, .dishwasher.productguide .guide__wrapper__block__img figcaption {
          color: var(--r-c-white);
          font-size: 1rem;
          line-height: 1.5em;
          position: absolute;
          right: 10px;
          top: 10px; }
        .dishwasher.productguide .guide__wrapper02__block__img02 img, .dishwasher.productguide .guide__wrapper02__block__img img, .dishwasher.productguide .guide__wrapper__block__img02 img, .dishwasher.productguide .guide__wrapper__block__img img {
          width: 100%; }
          .dishwasher.productguide .guide__wrapper02__block__img02 img.guide__wrapper__block__img__fadeimg, .dishwasher.productguide .guide__wrapper02__block__img img.guide__wrapper__block__img__fadeimg, .dishwasher.productguide .guide__wrapper__block__img02 img.guide__wrapper__block__img__fadeimg, .dishwasher.productguide .guide__wrapper__block__img img.guide__wrapper__block__img__fadeimg {
            position: absolute;
            left: 0px;
            top: 0px;
            animation: fadeimg 5s ease 0s infinite; }
        .dishwasher.productguide .guide__wrapper02__block__img02 i, .dishwasher.productguide .guide__wrapper02__block__img i, .dishwasher.productguide .guide__wrapper__block__img02 i, .dishwasher.productguide .guide__wrapper__block__img i {
          position: absolute;
          right: 15px;
          top: 15px; }
          .dishwasher.productguide .guide__wrapper02__block__img02 i img, .dishwasher.productguide .guide__wrapper02__block__img i img, .dishwasher.productguide .guide__wrapper__block__img02 i img, .dishwasher.productguide .guide__wrapper__block__img i img {
            height: 40.5px; }
      .dishwasher.productguide .guide__wrapper02__block__img02 + dl, .dishwasher.productguide .guide__wrapper__block__img02 + dl {
        text-align: center; }
      .dishwasher.productguide .guide__wrapper02__block__images, .dishwasher.productguide .guide__wrapper__block__images {
        gap: var(--r-padding);
        margin: 20px 20px 0px;
        padding: 0px !important;
        display: block flex;
        justify-content: center;
        align-items: center; }
        @media screen and (max-width: 768px) {
          .dishwasher.productguide .guide__wrapper02__block__images, .dishwasher.productguide .guide__wrapper__block__images {
            margin: 10px 10px 0px; } }
        .dishwasher.productguide .guide__wrapper02__block__images + dl, .dishwasher.productguide .guide__wrapper__block__images + dl {
          text-align: center; }
        .dishwasher.productguide .guide__wrapper02__block__images img, .dishwasher.productguide .guide__wrapper__block__images img {
          width: 100%; }
      .dishwasher.productguide .guide__wrapper02__block__circlerack, .dishwasher.productguide .guide__wrapper__block__circlerack {
        gap: var(--r-padding);
        margin: 20px auto 0px;
        padding: 0px !important;
        width: 44.85%;
        display: block flex;
        justify-content: center;
        align-items: center; }
        @media screen and (max-width: 768px) {
          .dishwasher.productguide .guide__wrapper02__block__circlerack, .dishwasher.productguide .guide__wrapper__block__circlerack {
            margin: 10px auto 0px; } }
        .dishwasher.productguide .guide__wrapper02__block__circlerack + dl, .dishwasher.productguide .guide__wrapper__block__circlerack + dl {
          text-align: center; }
        .dishwasher.productguide .guide__wrapper02__block__circlerack img, .dishwasher.productguide .guide__wrapper__block__circlerack img {
          width: 100%; }
      .dishwasher.productguide .guide__wrapper02__block__uffb, .dishwasher.productguide .guide__wrapper__block__uffb {
        margin: 20px 20px 0px;
        position: relative; }
        @media screen and (max-width: 768px) {
          .dishwasher.productguide .guide__wrapper02__block__uffb, .dishwasher.productguide .guide__wrapper__block__uffb {
            margin: 10px 10px 0px; } }
        .dishwasher.productguide .guide__wrapper02__block__uffb img, .dishwasher.productguide .guide__wrapper__block__uffb img {
          width: 100%; }
          .dishwasher.productguide .guide__wrapper02__block__uffb img.guide__wrapper__block__uffb__fadeimg, .dishwasher.productguide .guide__wrapper__block__uffb img.guide__wrapper__block__uffb__fadeimg {
            position: absolute;
            left: 0px;
            top: 0px;
            animation: fadeimg 5s ease 0s infinite; }
        .dishwasher.productguide .guide__wrapper02__block__uffb i, .dishwasher.productguide .guide__wrapper__block__uffb i {
          position: absolute;
          right: 15px;
          top: 15px; }
          @media screen and (max-width: 768px) {
            .dishwasher.productguide .guide__wrapper02__block__uffb i, .dishwasher.productguide .guide__wrapper__block__uffb i {
              right: 5px;
              top: 5px; } }
          .dishwasher.productguide .guide__wrapper02__block__uffb i img, .dishwasher.productguide .guide__wrapper__block__uffb i img {
            height: 40.5px; }
            @media screen and (max-width: 768px) {
              .dishwasher.productguide .guide__wrapper02__block__uffb i img, .dishwasher.productguide .guide__wrapper__block__uffb i img {
                height: 21.6px; } }
      .dishwasher.productguide .guide__wrapper02__block__body, .dishwasher.productguide .guide__wrapper__block__body {
        border-top: 1px solid var(--r-c-k20); }
        .dishwasher.productguide .guide__wrapper02__block__body--column02, .dishwasher.productguide .guide__wrapper__block__body--column02 {
          background: var(--r-c-white);
          margin-left: 1px;
          margin-right: 1px;
          overflow: hidden;
          position: relative;
          width: calc(200% - 2px);
          z-index: 3; }
        .dishwasher.productguide .guide__wrapper02__block__body > ul, .dishwasher.productguide .guide__wrapper__block__body > ul {
          padding: var(--r-padding); }
          .dishwasher.productguide .guide__wrapper02__block__body > ul li, .dishwasher.productguide .guide__wrapper__block__body > ul li {
            font-weight: 400;
            padding-left: 1em;
            text-indent: -1em;
            font-size: 1.5rem;
            line-height: 1.8em; }
            @media screen and (max-width: 768px) {
              .dishwasher.productguide .guide__wrapper02__block__body > ul li, .dishwasher.productguide .guide__wrapper__block__body > ul li {
                font-size: 1.3rem;
                line-height: 1.8em; } }
        .dishwasher.productguide .guide__wrapper02__block__body p, .dishwasher.productguide .guide__wrapper__block__body p {
          font-weight: 400;
          padding: 35px var(--r-padding) 30px;
          font-size: 1.5rem;
          line-height: 1.8em; }
          @media screen and (max-width: 768px) {
            .dishwasher.productguide .guide__wrapper02__block__body p, .dishwasher.productguide .guide__wrapper__block__body p {
              font-size: 1.3rem;
              line-height: 1.8em; } }
          @media screen and (max-width: 768px) {
            .dishwasher.productguide .guide__wrapper02__block__body p, .dishwasher.productguide .guide__wrapper__block__body p {
              font-size: 1.1rem;
              line-height: 1.7em;
              padding: var(--r-padding);
              padding: 10px; } }
          .dishwasher.productguide .guide__wrapper02__block__body p .guide__wrapper__block__body__caption, .dishwasher.productguide .guide__wrapper__block__body p .guide__wrapper__block__body__caption {
            color: var(--r-c-k60);
            font-size: 9px;
            line-height: 1.666em; }
        .dishwasher.productguide .guide__wrapper02__block__body em, .dishwasher.productguide .guide__wrapper__block__body em {
          font-style: normal;
          font-weight: 400; }
      .dishwasher.productguide .guide__wrapper02__block dl, .dishwasher.productguide .guide__wrapper__block dl {
        padding: 35px var(--r-padding) 30px; }
        @media screen and (max-width: 768px) {
          .dishwasher.productguide .guide__wrapper02__block dl, .dishwasher.productguide .guide__wrapper__block dl {
            padding: 10px 10px; } }
        .dishwasher.productguide .guide__wrapper02__block dl dt, .dishwasher.productguide .guide__wrapper__block dl dt {
          font-weight: 500;
          font-size: 1.5rem;
          line-height: 1.8em; }
          @media screen and (max-width: 768px) {
            .dishwasher.productguide .guide__wrapper02__block dl dt, .dishwasher.productguide .guide__wrapper__block dl dt {
              font-size: 1.3rem;
              line-height: 1.8em; } }
          @media screen and (max-width: 768px) {
            .dishwasher.productguide .guide__wrapper02__block dl dt, .dishwasher.productguide .guide__wrapper__block dl dt {
              font-size: 1.2rem;
              line-height: 1.7em; } }
          .dishwasher.productguide .guide__wrapper02__block dl dt sup, .dishwasher.productguide .guide__wrapper__block dl dt sup {
            font-size: 66%;
            color: var(--r-c-k60);
            font-weight: 400; }
        .dishwasher.productguide .guide__wrapper02__block dl dd, .dishwasher.productguide .guide__wrapper__block dl dd {
          font-size: 1.4rem;
          line-height: 1.928em;
          font-weight: 300; }
          @media screen and (max-width: 768px) {
            .dishwasher.productguide .guide__wrapper02__block dl dd, .dishwasher.productguide .guide__wrapper__block dl dd {
              font-size: 1.2rem;
              line-height: 1.8em; } }
          @media screen and (max-width: 768px) {
            .dishwasher.productguide .guide__wrapper02__block dl dd, .dishwasher.productguide .guide__wrapper__block dl dd {
              font-size: 1.1rem;
              line-height: 1.7em; } }
          .dishwasher.productguide .guide__wrapper02__block dl dd + dt, .dishwasher.productguide .guide__wrapper__block dl dd + dt {
            margin-top: 20px; }
      .dishwasher.productguide .guide__wrapper02__block__title, .dishwasher.productguide .guide__wrapper__block__title {
        color: var(--r-c-white);
        flex-direction: column;
        gap: 8px;
        min-height: 100px;
        padding: 10px var(--r-padding);
        display: block flex;
        justify-content: center;
        align-items: flex-start; }
        @media screen and (max-width: 768px) {
          .dishwasher.productguide .guide__wrapper02__block__title, .dishwasher.productguide .guide__wrapper__block__title {
            border-top: 1px solid var(--r-c-k20);
            gap: 4px;
            min-height: 50px;
            padding: 10px; } }
        .dishwasher.productguide .guide__wrapper02__block__title--01, .dishwasher.productguide .guide__wrapper__block__title--01 {
          background: var(--r-c-clamblue); }
        .dishwasher.productguide .guide__wrapper02__block__title--02, .dishwasher.productguide .guide__wrapper__block__title--02 {
          background: rgb(104 121 132 / 0.8); }
        .dishwasher.productguide .guide__wrapper02__block__title--03, .dishwasher.productguide .guide__wrapper__block__title--03 {
          background: rgb(104 121 132 / 0.6); }
        .dishwasher.productguide .guide__wrapper02__block__title h4, .dishwasher.productguide .guide__wrapper__block__title h4 {
          font-size: 1.8rem;
          font-weight: 500;
          line-height: 1.166em; }
          @media screen and (max-width: 768px) {
            .dishwasher.productguide .guide__wrapper02__block__title h4, .dishwasher.productguide .guide__wrapper__block__title h4 {
              font-size: 1.5rem; } }
          @media screen and (max-width: 768px) {
            .dishwasher.productguide .guide__wrapper02__block__title h4, .dishwasher.productguide .guide__wrapper__block__title h4 {
              font-size: 1.3rem; } }
        .dishwasher.productguide .guide__wrapper02__block__title p, .dishwasher.productguide .guide__wrapper__block__title p {
          font-size: 1.2rem;
          line-height: 1.666em; }
          @media screen and (max-width: 768px) {
            .dishwasher.productguide .guide__wrapper02__block__title p, .dishwasher.productguide .guide__wrapper__block__title p {
              font-size: 1.1rem;
              line-height: 1.666em; } }
          .dishwasher.productguide .guide__wrapper02__block__title p em, .dishwasher.productguide .guide__wrapper__block__title p em {
            font-style: normal;
            font-weight: 400; }
  .dishwasher.productguide .guide__original {
    background: var(--r-c-k5);
    box-sizing: border-box;
    gap: var(--r-padding);
    margin: 0px auto var(--r-padding);
    max-width: var(--r-width);
    padding: var(--r-padding);
    display: block flex;
    justify-content: center;
    align-items: flex-start; }
    @media screen and (max-width: 768px) {
      .dishwasher.productguide .guide__original {
        flex-direction: column; } }
    .dishwasher.productguide .guide__original div {
      flex-grow: 10;
      text-align: left; }
      @media screen and (min-width: 769px) {
        .dishwasher.productguide .guide__original div {
          flex-basis: 500px; } }
      .dishwasher.productguide .guide__original div h3 {
        margin-bottom: 25px;
        font-size: 1.8rem;
        font-weight: 500;
        line-height: 1.5em; }
        @media screen and (max-width: 768px) {
          .dishwasher.productguide .guide__original div h3 {
            font-size: 1.5rem; } }
        @media screen and (max-width: 768px) {
          .dishwasher.productguide .guide__original div h3 {
            margin-bottom: 15px; } }
        .dishwasher.productguide .guide__original div h3 span {
          font-size: 1.5rem;
          line-height: 1.8em; }
          @media screen and (max-width: 768px) {
            .dishwasher.productguide .guide__original div h3 span {
              display: block flow; } }
          @media screen and (max-width: 768px) {
            .dishwasher.productguide .guide__original div h3 span {
              font-size: 1.3rem;
              line-height: 1.8em; } }
      .dishwasher.productguide .guide__original div p {
        font-size: 1.4rem;
        line-height: 1.928em;
        font-weight: 300; }
        @media screen and (max-width: 768px) {
          .dishwasher.productguide .guide__original div p {
            font-size: 1.2rem;
            line-height: 1.8em; } }
    .dishwasher.productguide .guide__original figure {
      flex-grow: 10;
      position: relative; }
      @media screen and (min-width: 769px) {
        .dishwasher.productguide .guide__original figure {
          flex-basis: 540px; } }
      .dishwasher.productguide .guide__original figure img {
        width: 100%; }
      .dishwasher.productguide .guide__original figure figcaption {
        bottom: 10px;
        color: var(--r-c-k60);
        position: absolute;
        right: 10px;
        font-size: 9px;
        line-height: 1.666em; }
  .dishwasher.productguide .guide__cage {
    border-top: 1px solid var(--r-c-k20);
    padding-bottom: 20px; }
    .dishwasher.productguide .guide__cage figure {
      margin: 20px auto 30px;
      width: 55.17%; }
      @media screen and (max-width: 768px) {
        .dishwasher.productguide .guide__cage figure {
          margin: var(--r-padding) auto 5px;
          width: 80%; } }
      .dishwasher.productguide .guide__cage figure img {
        width: 100%; }
    .dishwasher.productguide .guide__cage sup {
      color: var(--r-c-k60);
      font-weight: 400;
      line-height: 1.1em;
      margin-top: -1em;
      vertical-align: top;
      font-size: 9px;
      line-height: 1.666em; }
    .dishwasher.productguide .guide__cage__size {
      margin: 0px 20px 20px;
      position: relative;
      display: block flex;
      justify-content: center;
      align-items: center; }
      @media screen and (max-width: 768px) {
        .dishwasher.productguide .guide__cage__size {
          flex-direction: column;
          margin: 0px 10px var(--r-padding); } }
      .dishwasher.productguide .guide__cage__size > div {
        text-align: center;
        display: block flex;
        justify-content: center;
        align-items: center;
        font-size: 1.8rem;
        font-weight: 300;
        line-height: 1; }
        @media screen and (max-width: 768px) {
          .dishwasher.productguide .guide__cage__size > div {
            width: 100%; } }
        @media screen and (min-width: 769px) {
          .dishwasher.productguide .guide__cage__size > div {
            flex-basis: 50%;
            min-height: 60px; } }
        @media screen and (max-width: 768px) {
          .dishwasher.productguide .guide__cage__size > div {
            font-size: 1.5rem; } }
      @media screen and (max-width: 768px) {
        .dishwasher.productguide .guide__cage__size__01 {
          border-bottom: 1px solid var(--r-c-black);
          margin-bottom: 15px;
          padding-bottom: 5px; } }
      .dishwasher.productguide .guide__cage__size__01 p {
        gap: 5px;
        margin-bottom: 10px;
        display: block flex;
        justify-content: center;
        align-items: flex-end; }
      .dishwasher.productguide .guide__cage__size__01 em {
        font-size: 1.5em;
        font-style: normal;
        font-weight: inherit;
        margin-bottom: -0.25em; }
      .dishwasher.productguide .guide__cage__size__01 span {
        font-size: 2em;
        font-weight: inherit; }
      .dishwasher.productguide .guide__cage__size::before {
        background: var(--r-c-black);
        content: "";
        margin: auto;
        position: absolute;
        width: 1px;
        inset: 0px; }
        @media screen and (max-width: 768px) {
          .dishwasher.productguide .guide__cage__size::before {
            content: none; } }
    .dishwasher.productguide .guide__cage__total {
      gap: 1px;
      margin: 0px 20px;
      display: block flex;
      justify-content: center;
      align-items: center; }
      @media screen and (max-width: 768px) {
        .dishwasher.productguide .guide__cage__total {
          flex-wrap: wrap;
          margin: 0px 10px; } }
      .dishwasher.productguide .guide__cage__total div {
        background: var(--r-c-clamlightblue);
        flex-grow: 10;
        display: block flex;
        justify-content: center;
        align-items: center; }
        @media screen and (min-width: 769px) {
          .dishwasher.productguide .guide__cage__total div {
            min-height: 80px; } }
        @media screen and (max-width: 768px) {
          .dishwasher.productguide .guide__cage__total div {
            box-sizing: border-box;
            min-height: 40px; } }
      .dishwasher.productguide .guide__cage__total p {
        margin-bottom: 10px;
        display: block flex;
        justify-content: center;
        align-items: flex-end; }
      .dishwasher.productguide .guide__cage__total__label {
        font-size: 1.5rem;
        line-height: 1.8em; }
        @media screen and (max-width: 768px) {
          .dishwasher.productguide .guide__cage__total__label {
            width: 100%; } }
        @media screen and (max-width: 768px) {
          .dishwasher.productguide .guide__cage__total__label {
            font-size: 1.3rem;
            line-height: 1.8em; } }
      .dishwasher.productguide .guide__cage__total__value {
        font-size: 1.8rem;
        font-weight: 300;
        line-height: 1; }
        @media screen and (max-width: 768px) {
          .dishwasher.productguide .guide__cage__total__value {
            font-size: 1.5rem; } }
        @media screen and (max-width: 768px) {
          .dishwasher.productguide .guide__cage__total__value {
            font-size: 1.3rem;
            padding-top: 5px; } }
        .dishwasher.productguide .guide__cage__total__value em {
          font-size: 2.666em;
          font-style: normal;
          font-weight: inherit;
          margin-bottom: -0.1em; }
          @media screen and (max-width: 768px) {
            .dishwasher.productguide .guide__cage__total__value em {
              font-size: 1.8em; } }
        .dishwasher.productguide .guide__cage__total__value sup {
          margin-bottom: 0.5em;
          margin-top: 0em; }
    .dishwasher.productguide .guide__cage__count {
      border: 1px solid var(--r-c-k40);
      border-top: none;
      flex-wrap: wrap;
      gap: 10px 20px;
      margin: 0px 20px 10px;
      padding: 10px;
      display: block flex;
      justify-content: flex-start;
      align-items: center; }
      @media screen and (max-width: 768px) {
        .dishwasher.productguide .guide__cage__count {
          align-items: flex-start;
          gap: 10px 5px;
          margin: 0px 10px 10px;
          padding: 10px 5px; } }
      .dishwasher.productguide .guide__cage__count li {
        box-sizing: border-box;
        flex-basis: calc((100% - 40px) / 3);
        gap: 10px;
        display: block flex;
        justify-content: center;
        align-items: center; }
        @media screen and (max-width: 768px) {
          .dishwasher.productguide .guide__cage__count li {
            flex-basis: calc((100% - 10px) / 2);
            flex-direction: column;
            gap: 0px;
            justify-content: flex-start; } }
        .dishwasher.productguide .guide__cage__count li img {
          width: 100%; }
        .dishwasher.productguide .guide__cage__count li i {
          flex-basis: 40px;
          flex-shrink: 0; }
          @media screen and (max-width: 768px) {
            .dishwasher.productguide .guide__cage__count li i {
              flex-basis: 30px;
              width: 30px; } }
        @media screen and (min-width: 769px) {
          .dishwasher.productguide .guide__cage__count li:last-child {
            flex-basis: calc((100% - 40px) / 3* 2); } }
      .dishwasher.productguide .guide__cage__count dl {
        flex-grow: 10;
        padding: 0px;
        font-size: 1.5rem;
        line-height: 1.8em;
        display: block flex;
        justify-content: space-between;
        align-items: center; }
        @media screen and (max-width: 768px) {
          .dishwasher.productguide .guide__cage__count dl {
            font-size: 1.3rem;
            line-height: 1.2; } }
        @media screen and (max-width: 768px) {
          .dishwasher.productguide .guide__cage__count dl {
            display: block flow;
            font-size: 1.2rem;
            text-align: center; } }
        .dishwasher.productguide .guide__cage__count dl dt {
          font-weight: 300; }
          @media screen and (max-width: 768px) {
            .dishwasher.productguide .guide__cage__count dl dt {
              line-height: 1.3em; } }
        @media screen and (min-width: 769px) {
          .dishwasher.productguide .guide__cage__count dl dd {
            margin-right: 10px; } }
    .dishwasher.productguide .guide__cage__caption {
      color: var(--r-c-k60);
      margin: 0px 20px;
      font-size: 9px;
      line-height: 1.666em; }
      @media screen and (max-width: 768px) {
        .dishwasher.productguide .guide__cage__caption {
          margin: 0px 10px; } }
  .dishwasher.productguide .guide__stand {
    border: 1px solid var(--r-c-k20);
    position: relative;
    display: block flex;
    justify-content: center;
    align-items: flex-start; }
    @media screen and (max-width: 768px) {
      .dishwasher.productguide .guide__stand {
        flex-direction: column; } }
    .dishwasher.productguide .guide__stand::before {
      background: var(--r-c-k20);
      content: "";
      margin: auto;
      position: absolute;
      width: 1px;
      inset: 0px; }
      @media screen and (max-width: 768px) {
        .dishwasher.productguide .guide__stand::before {
          content: none; } }
    .dishwasher.productguide .guide__stand figure {
      box-sizing: border-box;
      padding: var(--r-padding) 0px;
      display: block flex;
      justify-content: center;
      align-items: center; }
      @media screen and (min-width: 769px) {
        .dishwasher.productguide .guide__stand figure {
          flex-basis: 50%; } }
      @media screen and (max-width: 768px) {
        .dishwasher.productguide .guide__stand figure {
          border-bottom: 1px solid var(--r-c-k20); } }
      .dishwasher.productguide .guide__stand figure img {
        margin-left: 15%;
        width: 75.86%; }
    .dishwasher.productguide .guide__stand ol {
      box-sizing: border-box;
      counter-reset: num;
      flex-basis: 50%;
      padding: var(--r-padding);
      text-align: left;
      font-size: 1.4rem;
      line-height: 1.928em;
      font-weight: 300; }
      @media screen and (max-width: 768px) {
        .dishwasher.productguide .guide__stand ol {
          font-size: 1.2rem;
          line-height: 1.8em; } }
      .dishwasher.productguide .guide__stand ol li {
        counter-increment: num; }
        .dishwasher.productguide .guide__stand ol li::before {
          content: counter(num, decimal-leading-zero);
          display: block flow;
          font-weight: 500; }
        .dishwasher.productguide .guide__stand ol li + li {
          margin-top: 1lh; }
  .dishwasher.productguide .guide__installation {
    border: 1px solid var(--r-c-k20); }
    .dishwasher.productguide .guide__installation__01 {
      border-bottom: 1px solid var(--r-c-k20);
      padding-bottom: calc(var(--r-padding)*2);
      text-align: center; }
      .dishwasher.productguide .guide__installation__01 img {
        width: 84.48%; }
        @media screen and (max-width: 768px) {
          .dishwasher.productguide .guide__installation__01 img {
            width: 90%; } }
    .dishwasher.productguide .guide__installation__02 figure {
      display: block flex;
      justify-content: center;
      align-items: center; }
      .dishwasher.productguide .guide__installation__02 figure img {
        margin-left: 10%;
        width: 62.06%; }
        @media screen and (max-width: 768px) {
          .dishwasher.productguide .guide__installation__02 figure img {
            margin-left: 5%;
            width: 80%; } }
    .dishwasher.productguide .guide__installation__03 figure {
      margin-top: 60px; }
      @media screen and (max-width: 768px) {
        .dishwasher.productguide .guide__installation__03 figure {
          margin-top: 20px; } }
      .dishwasher.productguide .guide__installation__03 figure img {
        width: 68.96%; }
        @media screen and (max-width: 768px) {
          .dishwasher.productguide .guide__installation__03 figure img {
            width: 90%; } }
    .dishwasher.productguide .guide__installation__block {
      display: block grid;
      position: relative;
      grid-template-columns: 1fr 1fr; }
      .dishwasher.productguide .guide__installation__block figure {
        border-bottom: 1px solid var(--r-c-k20); }
      .dishwasher.productguide .guide__installation__block dl {
        margin: 30px var(--r-padding);
        text-align: left;
        font-size: 1.4rem;
        line-height: 1.928em;
        font-weight: 300; }
        @media screen and (max-width: 768px) {
          .dishwasher.productguide .guide__installation__block dl {
            margin: 10px; } }
        @media screen and (max-width: 768px) {
          .dishwasher.productguide .guide__installation__block dl {
            font-size: 1.2rem;
            line-height: 1.8em; } }
        .dishwasher.productguide .guide__installation__block dl dt {
          font-weight: 500; }
      .dishwasher.productguide .guide__installation__block::before {
        background: var(--r-c-k20);
        content: "";
        margin: auto;
        position: absolute;
        width: 1px;
        inset: 0px; }
      .dishwasher.productguide .guide__installation__block div {
        display: block grid;
        grid-template-rows: subgrid;
        grid-row: span 2; }

/*--

  productguide lineup

====================================================== --*/
.dishwasher.productguide .lineup {
  padding: calc(var(--r-padding)*2) 0px; }
  .dishwasher.productguide .lineup h3 {
    border-top: 1px solid var(--r-c-white);
    margin: 60px auto 10px;
    max-width: var(--r-width);
    padding-top: 60px;
    font-size: 1.8rem;
    font-weight: 400;
    line-height: 1.5em; }
    @media screen and (max-width: 768px) {
      .dishwasher.productguide .lineup h3 {
        margin-top: calc(var(--r-padding)*2);
        padding-top: calc(var(--r-padding)*2); } }
    @media screen and (max-width: 768px) {
      .dishwasher.productguide .lineup h3 {
        font-size: 1.5rem; } }
  .dishwasher.productguide .lineup > p {
    margin: 0px auto 60px;
    max-width: var(--r-width);
    font-size: 1.4rem;
    line-height: 1.928em;
    font-weight: 300; }
    @media screen and (max-width: 768px) {
      .dishwasher.productguide .lineup > p {
        font-size: 1.2rem;
        line-height: 1.8em; } }
    @media screen and (max-width: 768px) {
      .dishwasher.productguide .lineup > p {
        margin-bottom: calc(var(--r-padding)*2); } }
    .dishwasher.productguide .lineup > p.lineup__lead {
      margin-bottom: 20px;
      margin-top: -40px; }
  .dishwasher.productguide .lineup__list {
    flex-wrap: wrap;
    gap: 60px var(--r-padding);
    margin: 0px auto;
    max-width: var(--r-width);
    display: block flex;
    justify-content: flex-start;
    align-items: flex-start; }
    @media screen and (max-width: 768px) {
      .dishwasher.productguide .lineup__list {
        align-items: center;
        flex-direction: column;
        gap: calc(var(--r-padding)*2) var(--r-padding); } }
    .dishwasher.productguide .lineup__list--center {
      justify-content: center; }
    .dishwasher.productguide .lineup__list__item {
      position: relative; }
      @media screen and (max-width: 768px) {
        .dishwasher.productguide .lineup__list__item {
          width: 100%; } }
      @media screen and (min-width: 769px) {
        .dishwasher.productguide .lineup__list__item {
          flex-basis: calc((100% - var(--r-padding)*2) / 3); } }
      .dishwasher.productguide .lineup__list__item[data-current="0"] .lineup__list__spec:nth-of-type(1) {
        display: block flow; }
      .dishwasher.productguide .lineup__list__item[data-current="0"] .lineup__list__photos li:nth-of-type(1) {
        display: block flex; }
      .dishwasher.productguide .lineup__list__item[data-current="0"] .lineup__list__thumbnail li:nth-of-type(1) a {
        pointer-events: none; }
      .dishwasher.productguide .lineup__list__item[data-current="0"] .lineup__list__thumbnail li:nth-of-type(1) a::before {
        border-width: 4px; }
      .dishwasher.productguide .lineup__list__item[data-current="1"] .lineup__list__spec:nth-of-type(1),
      .dishwasher.productguide .lineup__list__item[data-current="1"] .lineup__list__photos li:nth-of-type(1) {
        animation: fadein 500ms ease; }
      .dishwasher.productguide .lineup__list__item[data-current="1"] .lineup__list__spec:nth-of-type(1) {
        display: block flow; }
      .dishwasher.productguide .lineup__list__item[data-current="1"] .lineup__list__photos li:nth-of-type(1) {
        display: block flex; }
      .dishwasher.productguide .lineup__list__item[data-current="1"] .lineup__list__thumbnail li:nth-of-type(1) a {
        pointer-events: none; }
      .dishwasher.productguide .lineup__list__item[data-current="1"] .lineup__list__thumbnail li:nth-of-type(1) a::before {
        border-width: 4px; }
      .dishwasher.productguide .lineup__list__item[data-current="2"] .lineup__list__spec:nth-of-type(2),
      .dishwasher.productguide .lineup__list__item[data-current="2"] .lineup__list__photos li:nth-of-type(2) {
        animation: fadein 500ms ease; }
      .dishwasher.productguide .lineup__list__item[data-current="2"] .lineup__list__spec:nth-of-type(2) {
        display: block flow; }
      .dishwasher.productguide .lineup__list__item[data-current="2"] .lineup__list__photos li:nth-of-type(2) {
        display: block flex; }
      .dishwasher.productguide .lineup__list__item[data-current="2"] .lineup__list__thumbnail li:nth-of-type(2) a {
        pointer-events: none; }
      .dishwasher.productguide .lineup__list__item[data-current="2"] .lineup__list__thumbnail li:nth-of-type(2) a::before {
        border-width: 4px; }
      .dishwasher.productguide .lineup__list__item[data-current="3"] .lineup__list__spec:nth-of-type(3),
      .dishwasher.productguide .lineup__list__item[data-current="3"] .lineup__list__photos li:nth-of-type(3) {
        animation: fadein 500ms ease; }
      .dishwasher.productguide .lineup__list__item[data-current="3"] .lineup__list__spec:nth-of-type(3) {
        display: block flow; }
      .dishwasher.productguide .lineup__list__item[data-current="3"] .lineup__list__photos li:nth-of-type(3) {
        display: block flex; }
      .dishwasher.productguide .lineup__list__item[data-current="3"] .lineup__list__thumbnail li:nth-of-type(3) a {
        pointer-events: none; }
      .dishwasher.productguide .lineup__list__item[data-current="3"] .lineup__list__thumbnail li:nth-of-type(3) a::before {
        border-width: 4px; }
      .dishwasher.productguide .lineup__list__item[data-current="4"] .lineup__list__spec:nth-of-type(4),
      .dishwasher.productguide .lineup__list__item[data-current="4"] .lineup__list__photos li:nth-of-type(4) {
        animation: fadein 500ms ease; }
      .dishwasher.productguide .lineup__list__item[data-current="4"] .lineup__list__spec:nth-of-type(4) {
        display: block flow; }
      .dishwasher.productguide .lineup__list__item[data-current="4"] .lineup__list__photos li:nth-of-type(4) {
        display: block flex; }
      .dishwasher.productguide .lineup__list__item[data-current="4"] .lineup__list__thumbnail li:nth-of-type(4) a {
        pointer-events: none; }
      .dishwasher.productguide .lineup__list__item[data-current="4"] .lineup__list__thumbnail li:nth-of-type(4) a::before {
        border-width: 4px; }
      .dishwasher.productguide .lineup__list__item[data-current="5"] .lineup__list__spec:nth-of-type(5),
      .dishwasher.productguide .lineup__list__item[data-current="5"] .lineup__list__photos li:nth-of-type(5) {
        animation: fadein 500ms ease; }
      .dishwasher.productguide .lineup__list__item[data-current="5"] .lineup__list__spec:nth-of-type(5) {
        display: block flow; }
      .dishwasher.productguide .lineup__list__item[data-current="5"] .lineup__list__photos li:nth-of-type(5) {
        display: block flex; }
      .dishwasher.productguide .lineup__list__item[data-current="5"] .lineup__list__thumbnail li:nth-of-type(5) a {
        pointer-events: none; }
      .dishwasher.productguide .lineup__list__item[data-current="5"] .lineup__list__thumbnail li:nth-of-type(5) a::before {
        border-width: 4px; }
      .dishwasher.productguide .lineup__list__item[data-current="6"] .lineup__list__spec:nth-of-type(6),
      .dishwasher.productguide .lineup__list__item[data-current="6"] .lineup__list__photos li:nth-of-type(6) {
        animation: fadein 500ms ease; }
      .dishwasher.productguide .lineup__list__item[data-current="6"] .lineup__list__spec:nth-of-type(6) {
        display: block flow; }
      .dishwasher.productguide .lineup__list__item[data-current="6"] .lineup__list__photos li:nth-of-type(6) {
        display: block flex; }
      .dishwasher.productguide .lineup__list__item[data-current="6"] .lineup__list__thumbnail li:nth-of-type(6) a {
        pointer-events: none; }
      .dishwasher.productguide .lineup__list__item[data-current="6"] .lineup__list__thumbnail li:nth-of-type(6) a::before {
        border-width: 4px; }
    .dishwasher.productguide .lineup__list__wrapper {
      position: relative; }
    .dishwasher.productguide .lineup__list i {
      position: absolute;
      inset: 10px 10px auto auto; }
      .dishwasher.productguide .lineup__list i img {
        width: 31.2px; }
    .dishwasher.productguide .lineup__list__photos {
      background: rgba(104, 121, 132, 0.2);
      margin-bottom: 10px;
      position: relative;
      aspect-ratio: 360 / 240; }
      .dishwasher.productguide .lineup__list__photos li {
        align-items: center;
        display: none;
        height: 100%;
        justify-content: center;
        width: 100%; }
      .dishwasher.productguide .lineup__list__photos img {
        width: calc(100% / 3); }
      .dishwasher.productguide .lineup__list__photos--panel img {
        width: 100%; }
      .dishwasher.productguide .lineup__list__photos--cabinet img {
        width: 62.222%; }
      .dishwasher.productguide .lineup__list__photos--cabinet02 img {
        width: 58.333%; }
      .dishwasher.productguide .lineup__list__photos--wide li, .dishwasher.productguide .lineup__list__photos--option li {
        align-items: flex-end; }
      .dishwasher.productguide .lineup__list__photos--wide img, .dishwasher.productguide .lineup__list__photos--option img {
        width: 48.33%; }
      .dishwasher.productguide .lineup__list__photos--wide02 li {
        align-items: flex-end; }
      .dishwasher.productguide .lineup__list__photos--wide02 img {
        width: 65.55%; }
    .dishwasher.productguide .lineup__list__thumbnail {
      flex-wrap: wrap;
      gap: 9px;
      margin-bottom: 25px;
      display: block flex;
      justify-content: flex-start;
      align-items: flex-start; }
      @media screen and (max-width: 768px) {
        .dishwasher.productguide .lineup__list__thumbnail {
          margin-bottom: 15px; } }
      .dishwasher.productguide .lineup__list__thumbnail li {
        border: 1px solid var(--r-c-white);
        box-sizing: border-box;
        flex-basis: calc((100% - 9px*2) / 3);
        position: relative;
        aspect-ratio: 114 / 76; }
        .dishwasher.productguide .lineup__list__thumbnail li img {
          width: 100%; }
        .dishwasher.productguide .lineup__list__thumbnail li:has(a) {
          background: var(--r-c-white); }
        .dishwasher.productguide .lineup__list__thumbnail li a {
          display: block flow; }
          @media (hover: hover) {
            .dishwasher.productguide .lineup__list__thumbnail li a {
              text-decoration: none;
              transition: all 250ms ease; }
              .dishwasher.productguide .lineup__list__thumbnail li a:hover {
                opacity: 0.7; } }
          .dishwasher.productguide .lineup__list__thumbnail li a::before {
            border: 1px solid var(--r-c-white);
            content: "";
            margin: auto;
            position: absolute;
            transition: all 250ms ease;
            inset: -1px; }
    .dishwasher.productguide .lineup__list__spec {
      color: var(--r-c-darkgray);
      display: none;
      text-align: left; }
      .dishwasher.productguide .lineup__list__spec__text {
        font-weight: 400;
        margin-bottom: 15px;
        font-size: 1.2rem;
        line-height: 2em; }
        @media screen and (max-width: 768px) {
          .dishwasher.productguide .lineup__list__spec__text {
            margin-bottom: 10px; } }
        @media screen and (max-width: 768px) {
          .dishwasher.productguide .lineup__list__spec__text {
            font-size: 1.1rem;
            line-height: 1.8em; } }
      .dishwasher.productguide .lineup__list__spec__price {
        margin-top: 8px;
        font-size: 1.2rem;
        line-height: 2em; }
        @media screen and (max-width: 768px) {
          .dishwasher.productguide .lineup__list__spec__price {
            font-size: 1.1rem;
            line-height: 1.8em; } }
        .dishwasher.productguide .lineup__list__spec__price strong {
          font-size: 1.8rem;
          font-weight: 500;
          line-height: 1.2em; }
          @media screen and (max-width: 768px) {
            .dishwasher.productguide .lineup__list__spec__price strong {
              font-size: 1.5rem; } }
        .dishwasher.productguide .lineup__list__spec__price + dl {
          margin-top: 10px; }
      .dishwasher.productguide .lineup__list__spec__price02 {
        margin-top: 8px;
        font-size: 1.2rem;
        line-height: 2em; }
        @media screen and (max-width: 768px) {
          .dishwasher.productguide .lineup__list__spec__price02 {
            font-size: 1.1rem;
            line-height: 1.8em; } }
        .dishwasher.productguide .lineup__list__spec__price02 em {
          font-style: normal;
          font-weight: 500; }
      .dishwasher.productguide .lineup__list__spec ul {
        flex-wrap: wrap;
        margin-bottom: 10px;
        display: block flex;
        justify-content: flex-start;
        align-items: center; }
        .dishwasher.productguide .lineup__list__spec ul li {
          border: 1px solid currentColor;
          box-sizing: border-box;
          height: 24px;
          margin-bottom: -1px;
          margin-right: -1px;
          min-width: 100px;
          padding: 0px 10px;
          display: block flex;
          justify-content: center;
          align-items: center;
          font-size: 1.2rem;
          line-height: 1.1em; }
          @media screen and (max-width: 768px) {
            .dishwasher.productguide .lineup__list__spec ul li {
              font-size: 1.1rem;
              line-height: 1.8em; } }
      .dishwasher.productguide .lineup__list__spec dl + ul {
        margin-top: 10px; }
      .dishwasher.productguide .lineup__list__spec dl dt {
        font-weight: 500;
        font-size: 1.5rem;
        line-height: 1.4; }
        @media screen and (max-width: 768px) {
          .dishwasher.productguide .lineup__list__spec dl dt {
            font-size: 1.3rem;
            line-height: 1.8em; } }
        .dishwasher.productguide .lineup__list__spec dl dt span {
          font-weight: 300;
          font-size: 1.2rem;
          line-height: 2em; }
          @media screen and (max-width: 768px) {
            .dishwasher.productguide .lineup__list__spec dl dt span {
              font-size: 1.1rem;
              line-height: 1.8em; } }
        .dishwasher.productguide .lineup__list__spec dl dt em {
          font-style: normal;
          font-weight: 400;
          font-size: 1.2rem;
          line-height: 2em; }
          @media screen and (max-width: 768px) {
            .dishwasher.productguide .lineup__list__spec dl dt em {
              font-size: 1.1rem;
              line-height: 1.8em; } }
      .dishwasher.productguide .lineup__list__spec dl dd {
        margin-bottom: 5px;
        font-size: 1.2rem;
        line-height: 2em; }
        @media screen and (max-width: 768px) {
          .dishwasher.productguide .lineup__list__spec dl dd {
            font-size: 1.1rem;
            line-height: 1.8em; } }
    .dishwasher.productguide .lineup__list__caption {
      margin-top: 10px;
      text-align: left;
      font-size: 1.2rem;
      line-height: 2em; }
      @media screen and (max-width: 768px) {
        .dishwasher.productguide .lineup__list__caption {
          font-size: 1.1rem;
          line-height: 1.8em; } }

/*--

  productguide panel

====================================================== --*/
.dishwasher.productguide .panel {
  background: var(--r-c-white);
  padding: calc(var(--r-padding)*2) 0px; }
  .dishwasher.productguide .panel p {
    font-size: 1.4rem;
    line-height: 1.928em;
    font-weight: 300;
    margin: -20px var(--r-padding) 35px; }
    @media screen and (max-width: 768px) {
      .dishwasher.productguide .panel p {
        font-size: 1.2rem;
        line-height: 1.8em; } }
  .dishwasher.productguide .panel__body {
    max-width: var(--r-width);
    margin: 0px auto;
    border: 1px solid var(--r-c-k20);
    position: relative;
    box-sizing: border-box;
    display: block flex;
    justify-content: center;
    align-items: flex-start; }
    .dishwasher.productguide .panel__body::before {
      inset: 0px;
      width: 1px;
      margin: auto;
      background: var(--r-c-k20);
      position: absolute;
      content: "";
      z-index: 2; }
  .dishwasher.productguide .panel__item {
    flex-basis: 50%; }
    .dishwasher.productguide .panel__item--01 h4 {
      background: var(--r-c-clamblue); }
    .dishwasher.productguide .panel__item--02 h4 {
      background: rgba(104, 121, 132, 0.8); }
    .dishwasher.productguide .panel__item h4 {
      height: 100px;
      padding: 0px var(--r-padding);
      font-size: 1.8rem;
      font-weight: 500;
      line-height: 1.5em;
      color: var(--r-c-white);
      display: block flex;
      justify-content: flex-start;
      align-items: center; }
      @media screen and (max-width: 768px) {
        .dishwasher.productguide .panel__item h4 {
          font-size: 1.5rem; } }
      @media screen and (max-width: 768px) {
        .dishwasher.productguide .panel__item h4 {
          height: 50px;
          padding: 10px;
          font-size: 1.3rem; } }
    .dishwasher.productguide .panel__item figure {
      border-bottom: 1px solid var(--r-c-k20);
      margin-bottom: var(--r-padding); }
      @media screen and (max-width: 768px) {
        .dishwasher.productguide .panel__item figure {
          margin-bottom: 10px; } }
      .dishwasher.productguide .panel__item figure img {
        width: 100%; }
    .dishwasher.productguide .panel__item dl {
      margin: 0px var(--r-padding) var(--r-padding);
      text-align: left;
      font-size: 1.4rem;
      line-height: 1.928em;
      font-weight: 300; }
      @media screen and (max-width: 768px) {
        .dishwasher.productguide .panel__item dl {
          font-size: 1.2rem;
          line-height: 1.8em; } }
      @media screen and (max-width: 768px) {
        .dishwasher.productguide .panel__item dl {
          margin: 0px 10px 10px; } }
      .dishwasher.productguide .panel__item dl dt {
        font-weight: 500; }

/*--

  productguide addon

====================================================== --*/
.dishwasher.productguide .addon {
  background: var(--r-c-white);
  padding: calc(var(--r-padding)*2) 0px; }
  .dishwasher.productguide .addon__wrapper {
    margin: 0px auto;
    max-width: var(--r-width); }
    .dishwasher.productguide .addon__wrapper > p {
      margin: -20px 0px 35px;
      font-size: 1.4rem;
      line-height: 1.928em;
      font-weight: 300; }
      @media screen and (max-width: 768px) {
        .dishwasher.productguide .addon__wrapper > p {
          font-size: 1.2rem;
          line-height: 1.8em; } }
  .dishwasher.productguide .addon__title {
    background: var(--r-c-clamblue);
    border: 1px solid var(--r-c-k20);
    border-bottom: none;
    box-sizing: border-box;
    color: var(--r-c-white);
    flex-direction: column;
    gap: 3px;
    height: 100px;
    padding: 0px var(--r-padding);
    display: block flex;
    justify-content: center;
    align-items: flex-start; }
    @media screen and (max-width: 768px) {
      .dishwasher.productguide .addon__title {
        height: auto;
        padding: 10px;
        text-align: left; } }
    .dishwasher.productguide .addon__title h4 {
      font-size: 1.8rem;
      font-weight: 500;
      line-height: 1.5em; }
      @media screen and (max-width: 768px) {
        .dishwasher.productguide .addon__title h4 {
          font-size: 1.5rem; } }
    .dishwasher.productguide .addon__title p {
      font-weight: 400;
      font-size: 1.2rem;
      line-height: 1.666em; }
      @media screen and (max-width: 768px) {
        .dishwasher.productguide .addon__title p {
          font-size: 1.1rem;
          line-height: 1.8em; } }
  .dishwasher.productguide .addon__body {
    border: 1px solid var(--r-c-k20);
    box-sizing: border-box;
    position: relative;
    display: block flex;
    justify-content: center;
    align-items: flex-start; }
    @media screen and (max-width: 768px) {
      .dishwasher.productguide .addon__body {
        display: block flow; } }
    .dishwasher.productguide .addon__body::before {
      background: var(--r-c-k20);
      margin: auto;
      position: absolute;
      width: 1px;
      z-index: 2;
      inset: 0px; }
      @media screen and (min-width: 769px) {
        .dishwasher.productguide .addon__body::before {
          content: ""; } }
  .dishwasher.productguide .addon__item {
    box-sizing: border-box;
    flex-basis: 50%;
    padding: 20px; }
    @media screen and (max-width: 768px) {
      .dishwasher.productguide .addon__item {
        padding: 10px; } }
    .dishwasher.productguide .addon__item--01 {
      position: relative; }
      @media screen and (max-width: 768px) {
        .dishwasher.productguide .addon__item--01 {
          border-bottom: 1px solid var(--r-c-k20); } }
      .dishwasher.productguide .addon__item--01 figure img {
        width: 100%; }
      .dishwasher.productguide .addon__item--01 p {
        font-weight: 500;
        position: absolute;
        top: 10%;
        width: 50%;
        font-size: 1.4rem;
        line-height: 1.928em;
        font-weight: 300; }
        @media screen and (max-width: 768px) {
          .dishwasher.productguide .addon__item--01 p {
            font-size: 1.2rem;
            line-height: 1.8em; } }
        .dishwasher.productguide .addon__item--01 p:nth-of-type(1) {
          left: 0px; }
        .dishwasher.productguide .addon__item--01 p:nth-of-type(2) {
          right: 0px; }
    .dishwasher.productguide .addon__item--02 {
      display: block flex;
      justify-content: center;
      align-items: stretch; }
      .dishwasher.productguide .addon__item--02 figure {
        flex-basis: 290px;
        flex-grow: 10;
        order: 2; }
        .dishwasher.productguide .addon__item--02 figure img {
          width: 100%; }
      .dishwasher.productguide .addon__item--02 div {
        order: 1;
        display: block flex;
        flex-basis: 250px;
        flex-direction: column;
        flex-grow: 10;
        gap: 5px; }
        .dishwasher.productguide .addon__item--02 div ul {
          display: block flex;
          flex-direction: column;
          flex-grow: 10;
          gap: 20px; }
          @media screen and (max-width: 768px) {
            .dishwasher.productguide .addon__item--02 div ul {
              gap: 10px; } }
          .dishwasher.productguide .addon__item--02 div ul li {
            border: 1px solid var(--r-c-k80);
            flex-direction: column;
            flex-grow: 10;
            padding: 0px 15px;
            display: block flex;
            justify-content: center;
            align-items: center; }
            @media screen and (max-width: 768px) {
              .dishwasher.productguide .addon__item--02 div ul li {
                padding: 0px 5px; } }
            .dishwasher.productguide .addon__item--02 div ul li h5 {
              border-bottom: 1px solid var(--r-c-k20);
              font-weight: 300;
              margin-bottom: 6px;
              padding-bottom: 6px;
              width: 100%;
              font-size: 1.5rem;
              line-height: 1.8em; }
              @media screen and (max-width: 768px) {
                .dishwasher.productguide .addon__item--02 div ul li h5 {
                  font-size: 1.3rem;
                  line-height: 1.8em; } }
              @media screen and (max-width: 1100px) {
                .dishwasher.productguide .addon__item--02 div ul li h5 {
                  font-size: 1.3rem;
                  margin-bottom: 3px;
                  padding-bottom: 3px; } }
              @media screen and (max-width: 768px) {
                .dishwasher.productguide .addon__item--02 div ul li h5 {
                  font-size: 1.1rem;
                  margin-bottom: 2px;
                  padding-bottom: 1px; } }
              .dishwasher.productguide .addon__item--02 div ul li h5 em {
                font-size: 1.6em;
                font-style: normal;
                font-weight: inherit; }
                @media screen and (max-width: 1100px) {
                  .dishwasher.productguide .addon__item--02 div ul li h5 em {
                    font-size: 1.4em; } }
            .dishwasher.productguide .addon__item--02 div ul li p {
              font-size: 1.2rem;
              line-height: 1.5em; }
              @media screen and (max-width: 768px) {
                .dishwasher.productguide .addon__item--02 div ul li p {
                  font-size: 1.1rem;
                  line-height: 1.8em; } }
              @media screen and (max-width: 1100px) {
                .dishwasher.productguide .addon__item--02 div ul li p {
                  font-size: 1.1rem; } }
              @media screen and (max-width: 768px) {
                .dishwasher.productguide .addon__item--02 div ul li p {
                  font-size: 9px;
                  line-height: 1.5em; } }
        .dishwasher.productguide .addon__item--02 div > p {
          color: var(--r-c-k80);
          font-size: 1rem;
          line-height: 2.1em;
          text-align: left; }
          @media screen and (max-width: 768px) {
            .dishwasher.productguide .addon__item--02 div > p {
              font-size: 9px; } }

/*--

  dishwasher.search

====================================================== --*/
.dishwasher.search .c-subtitle {
  font-size: 2.4rem;
  font-weight: 300;
  line-height: 1.4em;
  text-align: center; }
  @media screen and (max-width: 768px) {
    .dishwasher.search .c-subtitle {
      font-size: 2.4rem; } }
  .dishwasher.search .c-subtitle--white {
    color: var(--r-c-white); }

.dishwasher.search .search__wrapper {
  background: var(--r-c-k10);
  padding: 70px 0px 120px; }
  @media screen and (max-width: 768px) {
    .dishwasher.search .search__wrapper {
      padding: calc(var(--r-padding)*2) 0px calc(var(--r-padding)*2); } }
  .dishwasher.search .search__wrapper h2 {
    font-size: 1.8rem;
    font-weight: 300;
    line-height: 2em;
    margin: 0px 0px 70px; }
    @media screen and (max-width: 768px) {
      .dishwasher.search .search__wrapper h2 {
        font-size: 1.5rem;
        line-height: 1.8em;
        margin: 0px 0px calc(var(--r-padding)*2); } }
    .dishwasher.search .search__wrapper h2 + p {
      margin-top: -53px; }
      @media screen and (max-width: 768px) {
        .dishwasher.search .search__wrapper h2 + p {
          margin-top: calc(var(--r-padding) * -2); } }
  .dishwasher.search .search__wrapper > p {
    font-size: 1.4rem;
    line-height: 2em;
    margin: 0px 0px 25px; }
    @media screen and (max-width: 768px) {
      .dishwasher.search .search__wrapper > p {
        font-size: 1.2rem;
        line-height: 1.8em; } }

.dishwasher.search .search__confirm {
  font-size: 1.2rem;
  line-height: 1.8em;
  margin: -52px auto 27px;
  max-width: var(--r-width);
  position: relative;
  text-align: right;
  z-index: 1; }
  @media screen and (max-width: 768px) {
    .dishwasher.search .search__confirm {
      margin: -10px auto var(--r-padding); } }
  .dishwasher.search .search__confirm a {
    color: var(--r-c-k60);
    text-decoration: underline; }
    @media (hover: hover) {
      .dishwasher.search .search__confirm a:hover {
        text-decoration: none; } }

.dishwasher.search .search__tab {
  display: flex;
  justify-content: space-between;
  margin: 0px auto;
  max-width: 740px; }
  .dishwasher.search .search__tab li {
    align-items: center;
    background: var(--r-c-white);
    border-radius: 20px 20px 0px 0px;
    cursor: pointer;
    display: flex;
    font-size: 1.5rem;
    font-weight: 400;
    height: 60px;
    justify-content: center;
    width: calc(50% - 10px);
    transition: all 250ms ease; }
    @media screen and (max-width: 768px) {
      .dishwasher.search .search__tab li {
        font-size: 1.3rem;
        height: auto;
        padding: 10px 0px;
        width: calc(50% - 5px); } }
    .dishwasher.search .search__tab li a {
      align-items: center;
      display: flex;
      height: 100%;
      justify-content: center;
      text-decoration: none;
      width: 100%; }

.dishwasher.search .search__btn {
  display: block flex;
  justify-content: center;
  align-items: center; }

.dishwasher.search .search__return {
  margin: calc(var(--r-padding)*2) auto 0px;
  display: block flex;
  justify-content: center;
  align-items: center; }

.dishwasher.search .search__none {
  font-size: 1.5rem;
  line-height: 1.8em; }
  @media screen and (max-width: 768px) {
    .dishwasher.search .search__none {
      font-size: 1.3rem;
      line-height: 1.8em; } }

.dishwasher.search .search__attention {
  font-size: 1.5rem;
  line-height: 1.8em;
  color: var(--r-c-red); }
  @media screen and (max-width: 768px) {
    .dishwasher.search .search__attention {
      font-size: 1.3rem;
      line-height: 1.8em; } }

/*--

  dishwasher search title

====================================================== --*/
.dishwasher.search .title {
  background: url(../../dishwasher/tool/search/images/search_bg.webp) no-repeat center 76%;
  background-size: cover;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  height: 600px;
  justify-content: flex-start;
  padding: 85px var(--r-padding) 50px; }
  @media screen and (max-width: 768px) {
    .dishwasher.search .title {
      height: auto;
      justify-content: center;
      padding: 50px var(--r-padding) 50px; } }
  .dishwasher.search .title .c-subtitle {
    margin: 0px 0px 18px; }
    @media screen and (max-width: 768px) {
      .dishwasher.search .title .c-subtitle {
        padding: 0px 0px 0px; } }
  .dishwasher.search .title p {
    font-size: 1.4rem;
    line-height: 1.8em;
    margin: 0px 0px 10px; }
    @media screen and (max-width: 768px) {
      .dishwasher.search .title p {
        margin: 0px 0px 10px; } }
  .dishwasher.search .title__img {
    margin: 0px auto;
    max-width: 803px;
    position: relative; }
    .dishwasher.search .title__img--01 {
      width: 100%; }
    .dishwasher.search .title__img--02 {
      left: 50%;
      margin: 0px 0px 0px 65px;
      position: absolute;
      top: 115px;
      width: 159px; }
      @media screen and (max-width: 768px) {
        .dishwasher.search .title__img--02 {
          margin: 0px 0px 0px 30px;
          top: 50px;
          width: 20%; } }

.dishwasher.search .title[data-status="show"] h2 {
  opacity: 1;
  transition: transform 500ms ease 0ms, opacity 500ms ease 0ms;
  transform: translateY(0px); }

.dishwasher.search .title[data-status="show"] p {
  opacity: 1;
  transition: transform 500ms ease 150ms, opacity 500ms ease 150ms;
  transform: translateY(0px); }

.dishwasher.search .title[data-status="show"] nav {
  opacity: 1;
  transition: transform 500ms ease 300ms, opacity 500ms ease 300ms;
  transform: translateY(0px); }

.dishwasher.search .title[data-status="show"] .title__img--01 {
  opacity: 1;
  transition: opacity 1s ease 300ms; }

.dishwasher.search .title[data-status="show"] .title__img--02 {
  opacity: 1;
  transition: opacity 1.5s ease 650ms, transform 1.5s ease 650ms;
  transform: scale(1) translate(0px, 0px); }

.dishwasher.search .title nav,
.dishwasher.search .title p,
.dishwasher.search .title h2 {
  opacity: 0;
  transform: translateY(15px); }

.dishwasher.search .title__img--01 {
  opacity: 0; }

.dishwasher.search .title__img--02 {
  opacity: 0;
  transform: scale(1.1) translate(30px, 30px); }
  @media screen and (max-width: 768px) {
    .dishwasher.search .title__img--02 {
      transform: scale(1.1) translate(20px, 20px); } }

.dishwasher.search .title02 {
  align-items: center;
  background: url(../../dishwasher/tool/search/images/search_bg.webp) no-repeat center top;
  background-size: cover;
  box-sizing: border-box;
  display: flex;
  height: 240px;
  justify-content: center;
  padding: 0px var(--r-padding); }
  @media screen and (max-width: 768px) {
    .dishwasher.search .title02 {
      height: 160px;
      padding: 0px var(--r-padding); } }

/*--

  dishwasher search step

====================================================== --*/
.dishwasher.search .step {
  height: 60px; }
  .dishwasher.search .step ul {
    border-left: 1px solid var(--r-c-k10);
    box-sizing: border-box;
    display: flex;
    height: 100%;
    margin: 0px auto;
    max-width: var(--r-width); }
    .dishwasher.search .step ul li {
      align-items: center;
      border-right: 1px solid var(--r-c-k10);
      box-sizing: border-box;
      color: var(--r-c-k60);
      display: flex;
      font-size: 1.5rem;
      font-weight: 300;
      height: 100%;
      justify-content: center;
      width: 100%; }
      @media screen and (max-width: 768px) {
        .dishwasher.search .step ul li {
          font-size: 1.2rem;
          line-height: 1.5em; } }
  .dishwasher.search .step[data-step="1"] li:nth-of-type(1) {
    background: var(--r-c-k10);
    color: var(--r-c-black); }
  .dishwasher.search .step[data-step="2"] li:nth-of-type(2) {
    background: var(--r-c-k10);
    color: var(--r-c-black); }
  .dishwasher.search .step[data-step="3"] li:nth-of-type(3) {
    background: var(--r-c-k10);
    color: var(--r-c-black); }
  .dishwasher.search .step[data-step="4"] li:nth-of-type(4) {
    background: var(--r-c-k10);
    color: var(--r-c-black); }

/*--

  dishwasher search rules

====================================================== --*/
.dishwasher.search .rules {
  background: var(--r-c-white);
  box-sizing: border-box;
  margin: 0px auto;
  max-width: var(--r-width);
  padding: 80px var(--r-padding) 80px; }
  @media screen and (max-width: 768px) {
    .dishwasher.search .rules {
      padding: calc(var(--r-padding)*2) var(--r-padding); } }
  .dishwasher.search .rules dl {
    text-align: left;
    margin-inline: auto; }
    .dishwasher.search .rules dl dt {
      font-size: 1.5rem;
      font-weight: 400;
      line-height: 2em;
      margin: 0px 0px 1px; }
      @media screen and (max-width: 768px) {
        .dishwasher.search .rules dl dt {
          font-size: 1.4rem;
          line-height: 1.8em; } }
    .dishwasher.search .rules dl dd {
      font-size: 1.4rem;
      font-weight: 300;
      line-height: 2.142em;
      margin: 0px 0px 50px; }
      @media screen and (max-width: 768px) {
        .dishwasher.search .rules dl dd {
          font-size: 1.2rem;
          line-height: 1.8em;
          margin: 0px 0px calc(var(--r-padding)*2); } }
  .dishwasher.search .rules div {
    margin-bottom: 10px; }
    @media screen and (min-width: 769px) {
      .dishwasher.search .rules div {
        display: block flex;
        gap: 50px;
        justify-content: space-between;
        margin-inline: auto; } }
    .dishwasher.search .rules div dl {
      flex-basis: 540px;
      flex-grow: 10; }
      .dishwasher.search .rules div dl dd {
        margin-bottom: 0px; }
    .dishwasher.search .rules div figure {
      flex-basis: 210px; }
      @media screen and (max-width: 768px) {
        .dishwasher.search .rules div figure {
          width: 70%;
          margin-inline: auto; } }
      .dishwasher.search .rules div figure img {
        width: 100%; }
  .dishwasher.search .rules nav {
    margin-top: 0px; }
    @media screen and (max-width: 768px) {
      .dishwasher.search .rules nav {
        margin-top: calc(var(--r-padding)*2); } }

/*--

  dishwasher search howto

====================================================== --*/
.dishwasher.search .howto {
  margin: 0px auto;
  max-width: var(--r-width); }
  .dishwasher.search .howto[data-status="search"] .howto__tab li:nth-of-type(1), .dishwasher.search .howto[data-status="init"] .howto__tab li:nth-of-type(1) {
    background: #c2c9d0;
    color: var(--r-c-white);
    pointer-events: none; }
  .dishwasher.search .howto[data-status="search"] .howto__body--search, .dishwasher.search .howto[data-status="init"] .howto__body--search {
    display: block; }
  .dishwasher.search .howto[data-status="search"] .howto__body--search {
    animation: fadein 500ms ease 0s 1 forwards; }
  .dishwasher.search .howto[data-status="unknown"] .howto__tab li:nth-of-type(2) {
    background: #c2c9d0;
    color: var(--r-c-white);
    pointer-events: none; }
  .dishwasher.search .howto[data-status="unknown"] .howto__body--unknown {
    animation: fadein 500ms ease 0s 1 forwards;
    display: block; }
  .dishwasher.search .howto__body {
    background: var(--r-c-white);
    border: 20px solid #c2c9d0;
    padding: 60px var(--r-padding) 80px;
    text-align: left; }
    @media screen and (max-width: 768px) {
      .dishwasher.search .howto__body {
        border-width: 10px;
        padding: calc(var(--r-padding)*2) var(--r-padding) calc(var(--r-padding)*2); } }
    .dishwasher.search .howto__body > div {
      display: none;
      margin: 0px auto; }
    .dishwasher.search .howto__body--search {
      max-width: 780px; }
      .dishwasher.search .howto__body--search p {
        font-size: 1.4rem;
        font-weight: 300;
        line-height: 2.357em;
        margin: 0px 0px 50px; }
        @media screen and (max-width: 768px) {
          .dishwasher.search .howto__body--search p {
            font-size: 1.2rem;
            line-height: 1.8em;
            margin: 0px 0px var(--r-padding); } }
      @media screen and (min-width: 769px) {
        .dishwasher.search .howto__body--search ul {
          display: flex;
          justify-content: space-between; } }
      .dishwasher.search .howto__body--search li {
        border: 1px solid var(--r-c-k60);
        box-sizing: border-box; }
        @media screen and (min-width: 769px) {
          .dishwasher.search .howto__body--search li {
            max-width: 360px;
            width: calc(50% - 15px); } }
        @media screen and (max-width: 768px) {
          .dishwasher.search .howto__body--search li + li {
            margin: var(--r-padding) 0px 0px; } }
      .dishwasher.search .howto__body--search img {
        width: 100%; }
    .dishwasher.search .howto__body--unknown {
      max-width: 740px; }
      .dishwasher.search .howto__body--unknown ol {
        counter-reset: num;
        margin: 0px 0px 80px;
        padding: 0px; }
        @media screen and (max-width: 768px) {
          .dishwasher.search .howto__body--unknown ol {
            margin: 0px 0px var(--r-padding); } }
        .dishwasher.search .howto__body--unknown ol > li {
          counter-increment: num;
          margin: 0px 0px 60px;
          padding: 0px 0px 0px 85px;
          position: relative; }
          @media screen and (max-width: 768px) {
            .dishwasher.search .howto__body--unknown ol > li {
              margin: 0px 0px calc(var(--r-padding)*2);
              padding: 0px; } }
          .dishwasher.search .howto__body--unknown ol > li::before {
            align-items: center;
            border: 1px solid var(--r-c-black);
            border-radius: 100%;
            content: counter(num);
            display: flex;
            font-size: 1.8rem;
            font-weight: 400;
            height: 60px;
            justify-content: center;
            left: 0px;
            position: absolute;
            top: 0px;
            width: 60px; }
            @media screen and (max-width: 768px) {
              .dishwasher.search .howto__body--unknown ol > li::before {
                height: 40px;
                margin: 0px auto var(--r-padding);
                position: static;
                width: 40px; } }
        .dishwasher.search .howto__body--unknown ol p {
          align-items: center;
          display: flex;
          font-size: 1.8rem;
          font-weight: 400;
          height: 60px;
          justify-content: flex-start;
          line-height: 1.833em;
          margin: 0px 0px 20px; }
          @media screen and (max-width: 768px) {
            .dishwasher.search .howto__body--unknown ol p {
              display: block;
              font-size: 1.5rem;
              height: auto;
              line-height: 1.8em;
              text-align: center; } }

/*--

  dishwasher search form

====================================================== --*/
.dishwasher.search .form__number {
  align-items: center;
  background: var(--r-c-white);
  display: flex;
  height: 180px;
  justify-content: center;
  margin: 0px auto 60px;
  max-width: var(--r-width); }
  @media screen and (max-width: 768px) {
    .dishwasher.search .form__number {
      height: 120px;
      margin: 0px auto calc(var(--r-padding)*2);
      padding: var(--r-padding); } }
  .dishwasher.search .form__number form {
    align-items: center;
    border: 1px solid var(--r-c-red);
    border-radius: 60px;
    box-sizing: border-box;
    display: flex;
    height: 60px;
    justify-content: space-between;
    padding: 9px 9px 9px 29px;
    width: 360px; }
    .dishwasher.search .form__number form input {
      align-self: stretch;
      border: none;
      border-radius: 0px;
      flex-grow: 10;
      font-family: proxima-nova, source-han-sans-japanese, sans-serif;
      font-size: 16px;
      font-weight: 400;
      margin: 0px 10px 0px 0px;
      -moz-appearance: none;
           appearance: none;
      -webkit-appearance: none; }
    .dishwasher.search .form__number form button {
      background: url(../../dishwasher/tool/search/images/icon_search.svg) no-repeat center var(--r-c-red);
      background-size: 18px auto;
      border: none;
      border-radius: 100%;
      cursor: pointer;
      height: 42px;
      width: 42px;
      -moz-appearance: none;
           appearance: none;
      -webkit-appearance: none; }
      @media (hover: hover) {
        .dishwasher.search .form__number form button {
          text-decoration: none;
          transition: all 250ms ease; }
          .dishwasher.search .form__number form button:hover {
            opacity: 0.7; } }

.dishwasher.search .form__numbersearch--width label {
  align-items: center;
  background: url(../../dishwasher/tool/search/images/numbersearch_01.svg) no-repeat center;
  background-size: 91px 121px;
  color: var(--r-c-white);
  line-height: 1.8em;
  padding: 30px 0px 0px; }
  @media screen and (max-width: 768px) {
    .dishwasher.search .form__numbersearch--width label {
      background-size: 80% auto; } }
  .dishwasher.search .form__numbersearch--width label span {
    font-family: proxima-nova, sans-serif;
    font-size: 2.4rem;
    font-weight: 400;
    margin: -5px 0px 0px; }
    @media screen and (max-width: 768px) {
      .dishwasher.search .form__numbersearch--width label span {
        font-size: 2.1rem; } }

.dishwasher.search .form__numbersearch--type label {
  align-items: center;
  color: #bca8b4;
  line-height: 1.2em;
  padding: 100px 0px 0px;
  position: relative; }
  @media screen and (max-width: 768px) {
    .dishwasher.search .form__numbersearch--type label {
      align-items: flex-end;
      padding: 0px 0px 10px; } }
  .dishwasher.search .form__numbersearch--type label::before {
    content: "";
    position: absolute; }

.dishwasher.search .form__numbersearch--type li input:checked + label {
  color: var(--r-c-white); }

.dishwasher.search .form__numbersearch--type01 label::before {
  background: url(../../dishwasher/tool/search/images/numbersearch_02.svg) no-repeat left top;
  height: 81px;
  left: -10px;
  top: 20px;
  width: 121px; }
  @media screen and (max-width: 768px) {
    .dishwasher.search .form__numbersearch--type01 label::before {
      height: 60.75px;
      left: -20px;
      margin: 0px auto;
      right: 0px;
      top: 10px;
      width: 90.75px; } }

.dishwasher.search .form__numbersearch--type02 label::before {
  background: url(../../dishwasher/tool/search/images/numbersearch_03.svg) no-repeat left top;
  height: 80px;
  left: 20px;
  top: 20px;
  width: 91px; }
  @media screen and (max-width: 768px) {
    .dishwasher.search .form__numbersearch--type02 label::before {
      height: 60px;
      left: 0px;
      margin: 0px auto;
      right: 10px;
      top: 11px;
      width: 68.25px; } }

.dishwasher.search .form__numbersearch--type03 label::before {
  background: url(../../dishwasher/tool/search/images/numbersearch_04.svg) no-repeat left top;
  height: 121px;
  left: 0px;
  margin: 0px auto;
  right: 0px;
  top: -20px;
  width: 71px; }
  @media screen and (max-width: 768px) {
    .dishwasher.search .form__numbersearch--type03 label::before {
      height: 90.75px;
      top: -20px;
      width: 53.25px; } }

@media screen and (min-width: 769px) {
  .dishwasher.search .form__numbersearch--maker {
    margin: 0px 85px 0px 0px; } }

.dishwasher.search .form__numbersearch ul {
  display: flex;
  justify-content: space-between;
  max-width: 575px; }
  .dishwasher.search .form__numbersearch ul li {
    height: 180px;
    position: relative;
    width: 150px; }
    @media screen and (max-width: 768px) {
      .dishwasher.search .form__numbersearch ul li {
        height: 125px;
        width: 30%; } }
    .dishwasher.search .form__numbersearch ul li input {
      left: 0px;
      opacity: 0;
      position: absolute;
      top: 0px; }
      .dishwasher.search .form__numbersearch ul li input:checked + label {
        background-color: #c2c9d0;
        border-style: solid; }
    .dishwasher.search .form__numbersearch ul li label {
      border: 1px dotted #bca8b4;
      box-sizing: border-box;
      cursor: pointer;
      display: flex;
      font-size: 1.5rem;
      font-weight: 400;
      height: 100%;
      justify-content: center;
      text-align: center;
      width: 100%;
      transition: all 250ms ease; }
      @media screen and (max-width: 768px) {
        .dishwasher.search .form__numbersearch ul li label {
          font-size: 1.4rem; } }
      .dishwasher.search .form__numbersearch ul li label:hover {
        border-style: solid; }

.dishwasher.search .form__numbersearch select {
  background: url(../../dishwasher/tool/search/images/icon_select.svg) no-repeat calc(100% - 24px) 50% var(--r-c-white);
  background-size: 16px auto;
  border: 1px solid var(--r-c-k60);
  border-radius: 30px;
  box-sizing: border-box;
  color: var(--r-c-black);
  display: block;
  font-family: proxima-nova, source-han-sans-japanese, sans-serif;
  font-size: 1.5rem;
  font-weight: 400;
  height: 60px;
  margin: 0px auto;
  max-width: 360px;
  padding: 0px 24px;
  width: 100%;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none; }
  @media screen and (max-width: 768px) {
    .dishwasher.search .form__numbersearch select {
      background-position: calc(100% - 12px) 50%;
      padding: 0px 12px; } }
  .dishwasher.search .form__numbersearch select option {
    color: var(--r-c-black); }

/*--

  dishwasher search numberlist

====================================================== --*/
.dishwasher.search .numberlist {
  margin: 0px auto;
  max-width: var(--r-width);
  position: relative;
  z-index: 1;
  overflow: hidden; }
  .dishwasher.search .numberlist table {
    background: var(--r-c-k40);
    border-collapse: collapse;
    font-size: 1.4rem;
    line-height: 1.8em;
    width: 100%; }
    @media screen and (max-width: 768px) {
      .dishwasher.search .numberlist table {
        background: var(--r-c-white);
        border-top: 3px solid var(--r-c-k40);
        display: block; }
        .dishwasher.search .numberlist table tbody,
        .dishwasher.search .numberlist table thead,
        .dishwasher.search .numberlist table tr,
        .dishwasher.search .numberlist table td,
        .dishwasher.search .numberlist table th {
          display: block; } }
    @media screen and (max-width: 768px) {
      .dishwasher.search .numberlist table thead {
        display: none; } }
    .dishwasher.search .numberlist table thead th {
      background: #c2c9d0;
      color: var(--r-c-white);
      padding: 10px 10px; }
    .dishwasher.search .numberlist table tbody th {
      background: var(--r-c-white);
      font-weight: 400;
      padding: 10px; }
      @media screen and (min-width: 769px) {
        .dishwasher.search .numberlist table tbody th {
          position: relative; } }
      @media screen and (max-width: 768px) {
        .dishwasher.search .numberlist table tbody th {
          box-sizing: border-box;
          font-size: 1.8rem;
          padding: 0px; } }
    .dishwasher.search .numberlist table tbody a {
      color: #bca8b4; }
      @media (hover: hover) {
        .dishwasher.search .numberlist table tbody a {
          text-decoration: none;
          transition: all 250ms ease; }
          .dishwasher.search .numberlist table tbody a:hover {
            opacity: 0.7; } }
      @media screen and (max-width: 768px) {
        .dishwasher.search .numberlist table tbody a::before {
          color: var(--r-c-black);
          content: "型番：";
          font-size: 1.4rem;
          font-weight: 400; } }
      .dishwasher.search .numberlist table tbody a::after {
        content: "";
        height: 100%;
        left: 0px;
        position: absolute;
        top: 0px; }
        @media screen and (min-width: 769px) {
          .dishwasher.search .numberlist table tbody a::after {
            max-width: var(--r-width)-2px;
            width: calc(100vw - 60px); } }
        @media screen and (max-width: 768px) {
          .dishwasher.search .numberlist table tbody a::after {
            width: 100%; } }
    .dishwasher.search .numberlist table tbody tr {
      position: relative; }
      @media screen and (max-width: 768px) {
        .dishwasher.search .numberlist table tbody tr {
          border-bottom: 1px solid var(--r-c-k40);
          padding: 15px var(--r-padding); } }
      @media screen and (min-width: 769px) {
        .dishwasher.search .numberlist table tbody tr:hover th,
        .dishwasher.search .numberlist table tbody tr:hover td {
          background: var(--r-c-k10); } }
    .dishwasher.search .numberlist table th,
    .dishwasher.search .numberlist table td {
      font-weight: 400;
      padding: 17px 10px;
      text-align: center;
      vertical-align: middle; }
      @media screen and (min-width: 769px) {
        .dishwasher.search .numberlist table th,
        .dishwasher.search .numberlist table td {
          position: relative;
          z-index: 10;
          border: 1px solid var(--r-c-k40);
          transition: all 250ms ease; } }
      @media screen and (max-width: 768px) {
        .dishwasher.search .numberlist table th,
        .dishwasher.search .numberlist table td {
          padding: 0px;
          border: none;
          text-align: left; } }
    .dishwasher.search .numberlist table td {
      background: var(--r-c-white); }
      @media screen and (min-width: 769px) {
        .dishwasher.search .numberlist table td {
          pointer-events: none; } }
      @media screen and (max-width: 768px) {
        .dishwasher.search .numberlist table td {
          box-sizing: border-box;
          font-size: 1.2rem;
          line-height: 1.5em; }
          .dishwasher.search .numberlist table td:nth-of-type(1)::before {
            content: "メーカー："; }
          .dishwasher.search .numberlist table td:nth-of-type(2)::before {
            content: "幅："; }
          .dishwasher.search .numberlist table td:nth-of-type(3)::before {
            content: "タイプ："; }
          .dishwasher.search .numberlist table td:nth-of-type(4)::before {
            content: "外形（幅×奥行き×高さ）："; } }

/*--

  dishwasher search replacement

====================================================== --*/
.dishwasher.search .replacement {
  margin: 0px auto;
  max-width: var(--r-width); }
  .dishwasher.search .replacement[data-status="list"] .replacement__tab li:nth-of-type(1), .dishwasher.search .replacement[data-status="init"] .replacement__tab li:nth-of-type(1) {
    background: #c2c9d0;
    color: var(--r-c-white);
    pointer-events: none; }
  .dishwasher.search .replacement[data-status="list"] .replacement__body--list, .dishwasher.search .replacement[data-status="init"] .replacement__body--list {
    display: block; }
  .dishwasher.search .replacement[data-status="list"] .replacement__body--list {
    display: block; }
  .dishwasher.search .replacement[data-status="comparison"] .replacement__tab li:nth-of-type(2) {
    background: #c2c9d0;
    color: var(--r-c-white);
    pointer-events: none; }
  .dishwasher.search .replacement[data-status="comparison"] .replacement__body--comparison {
    display: block; }
  .dishwasher.search .replacement__tab a {
    color: var(--r-c-black); }
  .dishwasher.search .replacement__body {
    background: var(--r-c-white);
    border: 20px solid #c2c9d0;
    text-align: left; }
    @media screen and (max-width: 768px) {
      .dishwasher.search .replacement__body {
        border-width: 10px; } }
    .dishwasher.search .replacement__body > div {
      display: none; }
    .dishwasher.search .replacement__body--list {
      background: #c2c9d0; }
    .dishwasher.search .replacement__body--comparison {
      position: relative; }
      .dishwasher.search .replacement__body--comparison > p {
        bottom: -40px;
        color: var(--r-c-k60);
        font-size: 1rem;
        line-height: 1.5em;
        position: absolute;
        right: -20px; }
        @media screen and (max-width: 768px) {
          .dishwasher.search .replacement__body--comparison > p {
            right: -10px;
            bottom: -30px; } }

.dishwasher.search .list dt {
  align-items: center;
  background: var(--r-c-white);
  box-sizing: border-box;
  color: #bca8b4;
  cursor: pointer;
  display: flex;
  flex-wrap: wrap;
  font-size: 1.5rem;
  font-weight: 400;
  justify-content: flex-start;
  line-height: 1.8em;
  min-height: 60px;
  padding: 10px 58px 10px 30px;
  position: relative;
  transition: all 250ms ease; }
  @media screen and (max-width: 1023px) {
    .dishwasher.search .list dt {
      padding: 5px 43px 5px var(--r-padding); } }
  @media screen and (max-width: 768px) {
    .dishwasher.search .list dt {
      line-height: 1.5em;
      min-height: 52px; } }
  .dishwasher.search .list dt span {
    font-size: 1.3rem;
    font-weight: 300;
    margin: 0px 0px 0px 10px; }
    @media screen and (max-width: 768px) {
      .dishwasher.search .list dt span {
        margin: 0px; } }
  .dishwasher.search .list dt::after, .dishwasher.search .list dt::before {
    background: #bca8b4;
    bottom: 0px;
    content: "";
    height: 2px;
    margin: auto;
    position: absolute;
    right: 30px;
    top: 0px;
    width: 18px; }
    @media screen and (max-width: 1023px) {
      .dishwasher.search .list dt::after, .dishwasher.search .list dt::before {
        right: var(--r-padding); } }
  .dishwasher.search .list dt::after {
    transform: rotate(90deg);
    transition: all 250ms ease; }
  @media screen and (min-width: 769px) {
    .dishwasher.search .list dt[data-status="close"]:hover {
      color: #d0c2ca; } }
  .dishwasher.search .list dt[data-status="open"] {
    color: var(--r-c-black); }
    .dishwasher.search .list dt[data-status="open"]::after {
      transform: rotate(0deg); }
    .dishwasher.search .list dt[data-status="open"] + dd {
      grid-template-rows: 1fr; }

.dishwasher.search .list dd {
  background: var(--r-c-white);
  display: grid;
  grid-template-rows: 0fr;
  margin: 0px 0px 20px;
  transition: all 250ms ease; }
  @media screen and (max-width: 768px) {
    .dishwasher.search .list dd {
      margin: 0px 0px 10px; } }
  .dishwasher.search .list dd:last-child {
    margin: 0px; }

.dishwasher.search .list ul {
  overflow: hidden; }
  .dishwasher.search .list ul .txtNote {
    display: none; }
  .dishwasher.search .list ul li {
    padding: var(--r-padding); }
    @media screen and (max-width: 1023px) {
      .dishwasher.search .list ul li {
        padding: var(--r-padding); } }
    .dishwasher.search .list ul li:nth-of-type(odd) {
      background: var(--r-c-k10); }

.dishwasher.search .list__header {
  align-items: flex-start;
  display: flex; }
  @media screen and (max-width: 768px) {
    .dishwasher.search .list__header {
      display: block; } }
  .dishwasher.search .list__header figure {
    flex-shrink: 0;
    width: 180px; }
    @media screen and (max-width: 1023px) {
      .dishwasher.search .list__header figure {
        width: 150px; } }
    @media screen and (max-width: 768px) {
      .dishwasher.search .list__header figure {
        float: left;
        margin: 0px var(--r-padding) var(--r-padding) 0px;
        width: 100px; } }
    .dishwasher.search .list__header figure img {
      width: 100%; }
  .dishwasher.search .list__header div {
    flex-grow: 10;
    margin: -5px 20px 45px; }
    @media screen and (max-width: 1023px) {
      .dishwasher.search .list__header div {
        margin: -5px var(--r-padding) 45px; } }
    @media screen and (max-width: 768px) {
      .dishwasher.search .list__header div {
        display: contents; } }
    .dishwasher.search .list__header div p {
      color: #bca8b4;
      font-size: 1.4rem;
      font-weight: 400;
      line-height: 1.8em; }
      @media screen and (max-width: 768px) {
        .dishwasher.search .list__header div p {
          font-size: 1.2rem; } }
    .dishwasher.search .list__header div h3 {
      color: var(--r-c-black);
      font-size: 2.4rem;
      font-weight: 300;
      line-height: 1.8em;
      margin: 0px 0px 5px; }
      @media screen and (max-width: 768px) {
        .dishwasher.search .list__header div h3 {
          font-size: 1.8rem; } }
    .dishwasher.search .list__header div table {
      background: var(--r-c-k60);
      border-collapse: collapse;
      font-size: 1.2rem;
      line-height: 18px;
      width: 100%; }
      @media screen and (max-width: 1023px) {
        .dishwasher.search .list__header div table {
          font-size: 1.1rem;
          line-height: 1.5em; } }
      @media screen and (max-width: 768px) {
        .dishwasher.search .list__header div table {
          clear: both; } }
      .dishwasher.search .list__header div table th,
      .dishwasher.search .list__header div table td {
        font-weight: 300;
        padding: 5px 5px;
        text-align: center;
        vertical-align: middle;
        width: 25%;
        border: 1px solid var(--r-c-k40); }
        @media screen and (max-width: 1023px) {
          .dishwasher.search .list__header div table th,
          .dishwasher.search .list__header div table td {
            width: auto; } }
      .dishwasher.search .list__header div table th {
        background: #c2c9d0;
        color: var(--r-c-white); }
      .dishwasher.search .list__header div table td {
        background: var(--r-c-white); }
  .dishwasher.search .list__header nav {
    align-self: stretch;
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    justify-content: space-between;
    width: 200px;
    gap: 10px; }
    @media screen and (max-width: 1023px) {
      .dishwasher.search .list__header nav {
        justify-content: flex-start;
        width: 160px; } }
    @media screen and (max-width: 768px) {
      .dishwasher.search .list__header nav {
        gap: 5px;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        margin: var(--r-padding) 0px 10px;
        width: 100%; } }
    .dishwasher.search .list__header nav a {
      max-width: 100% !important; }
      @media screen and (max-width: 768px) {
        .dishwasher.search .list__header nav a {
          width: calc((100% - 5px) * 0.5); } }
    .dishwasher.search .list__header nav span {
      align-items: center;
      background: var(--r-c-white);
      border: 1px solid var(--r-c-k40);
      border-radius: 40px;
      box-sizing: border-box;
      display: flex;
      font-size: 1.2rem;
      line-height: 2em;
      height: 40px;
      justify-content: center;
      text-decoration: none;
      width: 100%; }
      @media screen and (max-width: 768px) {
        .dishwasher.search .list__header nav span {
          font-size: 1.1rem;
          line-height: 1.8em; } }
      @media screen and (max-width: 768px) {
        .dishwasher.search .list__header nav span {
          font-size: 1.3rem;
          width: calc((100% - 5px) * 0.5); } }
    .dishwasher.search .list__header nav a {
      transition: all 250ms ease; }
      @media screen and (min-width: 769px) {
        .dishwasher.search .list__header nav a:hover {
          color: var(--r-c-lightgray); } }
    .dishwasher.search .list__header nav span {
      color: var(--r-c-lightgray); }

.dishwasher.search .list__more {
  align-items: center;
  background: var(--r-c-white);
  border: 1px solid var(--r-c-k60);
  border-radius: 40px;
  box-sizing: border-box;
  content: attr(data-status);
  cursor: pointer;
  display: flex;
  font-size: 0px;
  font-weight: 300;
  height: 30px;
  justify-content: center;
  margin: -30px auto 0px;
  text-decoration: none;
  width: 180px;
  transition: all 250ms ease; }
  @media screen and (min-width: 769px) {
    .dishwasher.search .list__more:hover {
      color: var(--r-c-lightgray); } }
  @media screen and (max-width: 768px) {
    .dishwasher.search .list__more {
      height: 37px;
      margin: 0px auto; } }
  .dishwasher.search .list__more[data-status="open"]::before {
    display: none; }
  .dishwasher.search .list__more[data-status="open"]::after {
    display: block; }
  .dishwasher.search .list__more[data-status="open"] + div {
    grid-template-rows: 1fr;
    padding: 50px 0px 80px; }
    @media screen and (max-width: 1023px) {
      .dishwasher.search .list__more[data-status="open"] + div {
        padding: var(--r-padding) 0px var(--r-padding); } }
  .dishwasher.search .list__more::before {
    content: "詳細を開く";
    font-size: 1.3rem; }
  .dishwasher.search .list__more::after {
    content: "詳細を閉じる";
    display: none;
    font-size: 1.3rem; }

.dishwasher.search .list__body {
  display: grid;
  grid-template-rows: 0fr;
  transition: all 250ms ease; }
  .dishwasher.search .list__body figure {
    overflow: hidden;
    margin: 0px auto;
    max-width: 750px; }
    @media screen and (max-width: 1023px) {
      .dishwasher.search .list__body figure {
        padding: calc(var(--r-padding)*2) 0px var(--r-padding); } }
    .dishwasher.search .list__body figure img {
      border: 1px solid var(--r-c-k60);
      box-sizing: border-box;
      width: 100%; }

.dishwasher.search .comparison {
  overflow: auto;
  width: 100%; }
  .dishwasher.search .comparison table {
    border-collapse: collapse;
    width: 100%; }
  .dishwasher.search .comparison tr:nth-of-type(even) th,
  .dishwasher.search .comparison tr:nth-of-type(even) td {
    background: var(--r-c-k10); }
  .dishwasher.search .comparison thead tr th {
    background: var(--r-c-k10); }
  .dishwasher.search .comparison thead th {
    padding: 15px 20px;
    vertical-align: top; }
    @media screen and (max-width: 768px) {
      .dishwasher.search .comparison thead th {
        padding: var(--r-padding); } }
  .dishwasher.search .comparison thead h3 {
    font-size: 1.8rem;
    font-weight: 300;
    line-height: 1.5em;
    margin: 0px 0px 15px; }
    @media screen and (max-width: 768px) {
      .dishwasher.search .comparison thead h3 {
        font-size: 1.4rem; } }
  .dishwasher.search .comparison thead figure img {
    width: 180px; }
    @media screen and (max-width: 768px) {
      .dishwasher.search .comparison thead figure img {
        width: 150px; } }
  .dishwasher.search .comparison thead p {
    font-size: 1.2rem;
    font-weight: 300;
    line-height: 1.5em;
    margin: 8px 0px 0px;
    text-align: left; }
  .dishwasher.search .comparison tbody th {
    font-size: 1.2rem;
    font-weight: 300;
    height: 60px;
    line-height: 1.5em;
    padding: 0px 25px;
    white-space: nowrap; }
    @media screen and (max-width: 768px) {
      .dishwasher.search .comparison tbody th {
        padding: 0px 15px; } }
  .dishwasher.search .comparison td,
  .dishwasher.search .comparison th {
    background: var(--r-c-white);
    border-bottom: 1px solid var(--r-c-k60);
    border-right: 1px solid var(--r-c-k60);
    text-align: center;
    vertical-align: middle; }
    .dishwasher.search .comparison td:last-child,
    .dishwasher.search .comparison th:last-child {
      border-right: 0px; }
  .dishwasher.search .comparison__price td {
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.5em; }
  .dishwasher.search .comparison__use {
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 15px; }
    .dishwasher.search .comparison__use .data {
      align-items: center;
      display: flex;
      justify-content: center;
      min-height: 60px; }
    .dishwasher.search .comparison__use dl {
      min-width: 60px; }
      @media screen and (max-width: 768px) {
        .dishwasher.search .comparison__use dl {
          min-width: 50px; } }
    .dishwasher.search .comparison__use dt {
      font-size: 1.2rem;
      font-weight: 300; }
  .dishwasher.search .comparison__cost {
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 15px; }
    .dishwasher.search .comparison__cost .data {
      align-items: center;
      display: flex;
      justify-content: center;
      min-height: 60px; }
    .dishwasher.search .comparison__cost dl {
      min-width: 60px; }
      @media screen and (max-width: 768px) {
        .dishwasher.search .comparison__cost dl {
          min-width: 50px; } }
    .dishwasher.search .comparison__cost dt {
      font-size: 1.2rem;
      font-weight: 300; }
  .dishwasher.search .comparison__storage td {
    font-size: 1.5rem; }
  .dishwasher.search .comparison__course td {
    font-size: 1.2rem;
    line-height: 1.75em;
    padding: 15px 0px;
    vertical-align: top; }
  .dishwasher.search .comparison__more a {
    margin: 0px auto; }
  .dishwasher.search .comparison__more th,
  .dishwasher.search .comparison__more td {
    border-bottom: 0px; }

/*--

  dishwasher.replace-check

====================================================== --*/
@keyframes baseanm {
  0% {
    opacity: 0;
    translate: 0px 40px; }
  100% {
    opacity: 1;
    translate: 0px 0px; } }

@keyframes baseanm-re {
  0% {
    opacity: 1;
    translate: 0px 0px; }
  100% {
    opacity: 0;
    translate: 0px 40px; } }

@keyframes baseanm_after {
  0% {
    opacity: 1;
    translate: 0px 0px; }
  100% {
    opacity: 0;
    translate: 0px -60px; } }

@keyframes baseanm_after-re {
  0% {
    opacity: 0;
    translate: 0px -60px; }
  100% {
    opacity: 1;
    translate: 0px 0px; } }

@keyframes diagnosis_figure {
  0% {
    scale: 1; }
  40% {
    scale: 0.6; }
  100% {
    scale: 0.6; }
  0% {
    opacity: 1; }
  50% {
    opacity: 1; }
  100% {
    opacity: 0; }
  0% {
    translate: 0px 0px; }
  40% {
    translate: 0px -80px; }
  50% {
    translate: 0px -80px; }
  100% {
    animation-timing-function: ease-out;
    translate: 0px -160px; } }

.dishwasher.replace-check .c-box {
  padding: 95px var(--r-padding) 100px; }
  @media screen and (max-width: 768px) {
    .dishwasher.replace-check .c-box {
      padding-block: calc(var(--r-padding)*2); } }
  @media screen and (min-width: 769px) {
    .dishwasher.replace-check .c-box__body {
      max-width: var(--r-width);
      margin-inline: auto; } }

.dishwasher.replace-check .c-subtitle {
  font-size: 3.6rem;
  font-weight: 300;
  line-height: 1.5em;
  margin-bottom: 25px; }
  @media screen and (max-width: 768px) {
    .dishwasher.replace-check .c-subtitle {
      margin-bottom: 20px;
      font-size: 2.4rem; } }

.dishwasher.replace-check .c-lead {
  margin-bottom: 55px;
  font-size: 1.4rem;
  line-height: 1.928em;
  font-weight: 300; }
  @media screen and (max-width: 768px) {
    .dishwasher.replace-check .c-lead {
      margin-bottom: calc(var(--r-padding)*2);
      text-align: left; } }
  @media screen and (max-width: 768px) {
    .dishwasher.replace-check .c-lead {
      font-size: 1.2rem;
      line-height: 1.8em; } }

.dishwasher.replace-check .c-btn {
  max-width: 240px;
  width: 100%;
  margin-inline: auto; }
  .dishwasher.replace-check .c-btn a {
    border: none;
    border-radius: 40px;
    color: #BCA8B4;
    height: 40px;
    text-decoration: none;
    position: relative;
    z-index: 2;
    display: block flex;
    justify-content: center;
    align-items: center;
    font-size: 1.4rem;
    line-height: 1.928em;
    font-weight: 500;
    transition: all 250ms ease; }
    @media screen and (max-width: 768px) {
      .dishwasher.replace-check .c-btn a {
        font-size: 1.2rem;
        line-height: 1.8em; } }
    @media screen and (min-width: 769px) {
      .dishwasher.replace-check .c-btn a:hover {
        color: var(--r-c-white); }
        .dishwasher.replace-check .c-btn a:hover::before {
          background: #C2C9D0;
          inset: -2px -14px; } }
    .dishwasher.replace-check .c-btn a::before {
      background: var(--r-c-white);
      border: 1px solid #BCA8B4;
      box-sizing: border-box;
      content: "";
      border-radius: 40px;
      margin: auto;
      pointer-events: none;
      position: absolute;
      z-index: -1;
      transition: all 250ms ease;
      inset: 0px; }

.dishwasher.replace-check .simulator {
  background: linear-gradient(to top, var(--r-c-black) 0%, #858585 100%);
  overflow: hidden;
  position: relative;
  z-index: 2; }
  @media screen and (max-width: 768px) {
    .dishwasher.replace-check .simulator {
      height: calc(100svh - var(--r-headerHeight)); } }
  @media screen and (min-width: 769px) {
    .dishwasher.replace-check .simulator {
      height: calc(100vh - var(--r-headerHeight));
      min-height: 700px; } }
  .dishwasher.replace-check .simulator__btn {
    box-sizing: border-box;
    color: #BCA8B4;
    cursor: pointer;
    font-size: 1.2rem;
    font-weight: 400;
    height: 70px;
    position: absolute;
    width: 70px;
    z-index: 100;
    pointer-events: none;
    opacity: 0;
    transition: all 500ms ease;
    display: block flex;
    justify-content: center;
    align-items: center; }
    @media screen and (max-width: 768px) {
      .dishwasher.replace-check .simulator__btn {
        width: 50px;
        height: 50px; } }
    @media screen and (min-width: 769px) {
      .dishwasher.replace-check .simulator__btn:hover {
        color: var(--r-c-white); }
        .dishwasher.replace-check .simulator__btn:hover::before {
          background: #c2c9d0;
          inset: -3.5px -3.5px; } }
    .dishwasher.replace-check .simulator__btn::before {
      background: var(--r-c-white);
      border: 1px solid #BCA8B4;
      border-radius: 40px;
      box-sizing: border-box;
      content: "";
      margin: auto;
      pointer-events: none;
      position: absolute;
      z-index: -1;
      transition: all 250ms ease;
      inset: 0px; }
    .dishwasher.replace-check .simulator__btn--restart {
      inset: var(--r-padding) auto auto var(--r-padding); }
    .dishwasher.replace-check .simulator__btn--back {
      inset: auto auto var(--r-padding) var(--r-padding); }
  .dishwasher.replace-check .simulator::before {
    background: linear-gradient(to top, var(--r-c-white) 0%, var(--r-c-k10) 100%);
    content: "";
    margin: auto;
    opacity: 0;
    position: absolute;
    transition: opacity 1s ease;
    inset: 0px; }
  .dishwasher.replace-check .simulator .question,
  .dishwasher.replace-check .simulator .diagnosis {
    margin: auto;
    position: absolute;
    inset: 0px; }
  .dishwasher.replace-check .simulator .diagnosis {
    z-index: 10; }
  .dishwasher.replace-check .simulator .question--01 {
    z-index: 8; }
  .dishwasher.replace-check .simulator .question--02 {
    z-index: 6; }
  .dishwasher.replace-check .simulator .question--03 {
    z-index: 4; }
  .dishwasher.replace-check .simulator[data-step="q1"]::before, .dishwasher.replace-check .simulator[data-step="q1-req2"]::before, .dishwasher.replace-check .simulator[data-step="q1-req3"]::before, .dishwasher.replace-check .simulator[data-step="q2"]::before, .dishwasher.replace-check .simulator[data-step="q2-re"]::before, .dishwasher.replace-check .simulator[data-step="q3"]::before, .dishwasher.replace-check .simulator[data-step="q3-2"]::before {
    opacity: 1; }
  .dishwasher.replace-check .simulator[data-step="q1"] .simulator__btn--restart, .dishwasher.replace-check .simulator[data-step="q1-req2"] .simulator__btn--restart, .dishwasher.replace-check .simulator[data-step="q1-req3"] .simulator__btn--restart, .dishwasher.replace-check .simulator[data-step="q2"] .simulator__btn--restart, .dishwasher.replace-check .simulator[data-step="q2-re"] .simulator__btn--restart, .dishwasher.replace-check .simulator[data-step="q3"] .simulator__btn--restart, .dishwasher.replace-check .simulator[data-step="q3-2"] .simulator__btn--restart {
    opacity: 1;
    pointer-events: auto; }
  .dishwasher.replace-check .simulator[data-step="end-2"] .simulator__btn--restart, .dishwasher.replace-check .simulator[data-step="end"] .simulator__btn--restart {
    opacity: 1;
    pointer-events: auto; }
  .dishwasher.replace-check .simulator[data-step="q1"]::before {
    transition-duration: 1.5s; }
  .dishwasher.replace-check .simulator[data-step="q2"] .simulator__btn--back, .dishwasher.replace-check .simulator[data-step="q2-re"] .simulator__btn--back, .dishwasher.replace-check .simulator[data-step="q3"] .simulator__btn--back, .dishwasher.replace-check .simulator[data-step="q3-2"] .simulator__btn--back {
    opacity: 1;
    pointer-events: auto; }
  .dishwasher.replace-check .simulator[data-step="q1"] .diagnosis {
    pointer-events: none; }
    .dishwasher.replace-check .simulator[data-step="q1"] .diagnosis .diagnosis__body {
      animation: baseanm_after 1s ease 0s 1 forwards; }
    .dishwasher.replace-check .simulator[data-step="q1"] .diagnosis figure {
      animation: diagnosis_figure 2s ease 0s 1 forwards;
      transform-origin: center top; }
  .dishwasher.replace-check .simulator[data-step="q1-req2"] .question--01 {
    animation: baseanm_after-re 0.75s ease 0s 1 forwards;
    opacity: 0; }
    .dishwasher.replace-check .simulator[data-step="q1-req2"] .question--01 .question__choice, .dishwasher.replace-check .simulator[data-step="q1-req2"] .question--01 .question__other {
      opacity: 1; }
    .dishwasher.replace-check .simulator[data-step="q1-req2"] .question--01 h2 {
      opacity: 1; }
  .dishwasher.replace-check .simulator[data-step="q1-req2"] .question--02 {
    animation: baseanm-re 0.5s ease 0s 1 forwards;
    pointer-events: none; }
    .dishwasher.replace-check .simulator[data-step="q1-req2"] .question--02 .question__choice, .dishwasher.replace-check .simulator[data-step="q1-req2"] .question--02 .question__other {
      opacity: 1; }
    .dishwasher.replace-check .simulator[data-step="q1-req2"] .question--02 h2 {
      opacity: 1; }
  .dishwasher.replace-check .simulator[data-step="q1-req2"] .diagnosis {
    display: none; }
  .dishwasher.replace-check .simulator[data-step="q1-req3"] .question--01 {
    animation: baseanm_after-re 0.75s ease 0s 1 forwards;
    opacity: 0; }
    .dishwasher.replace-check .simulator[data-step="q1-req3"] .question--01 .question__choice, .dishwasher.replace-check .simulator[data-step="q1-req3"] .question--01 .question__other {
      opacity: 1; }
    .dishwasher.replace-check .simulator[data-step="q1-req3"] .question--01 h2 {
      opacity: 1; }
  .dishwasher.replace-check .simulator[data-step="q1-req3"] .question--03 {
    animation: baseanm-re 0.5s ease 0s 1 forwards;
    pointer-events: none; }
    .dishwasher.replace-check .simulator[data-step="q1-req3"] .question--03 .question__choice, .dishwasher.replace-check .simulator[data-step="q1-req3"] .question--03 .question__other {
      opacity: 1; }
    .dishwasher.replace-check .simulator[data-step="q1-req3"] .question--03 h2 {
      opacity: 1; }
  .dishwasher.replace-check .simulator[data-step="q1-req3"] .diagnosis {
    display: none; }
  .dishwasher.replace-check .simulator[data-step="q2"] .question--01 {
    animation: baseanm_after 0.5s ease 0s 1 forwards;
    pointer-events: none; }
    .dishwasher.replace-check .simulator[data-step="q2"] .question--01 .question__choice, .dishwasher.replace-check .simulator[data-step="q2"] .question--01 .question__other {
      opacity: 1; }
    .dishwasher.replace-check .simulator[data-step="q2"] .question--01 h2 {
      opacity: 1; }
  .dishwasher.replace-check .simulator[data-step="q2"] .diagnosis {
    display: none; }
  .dishwasher.replace-check .simulator[data-step="q2-re"] .question--02 {
    animation: baseanm_after-re 0.75s ease 0s 1 forwards;
    opacity: 0; }
    .dishwasher.replace-check .simulator[data-step="q2-re"] .question--02 .question__choice, .dishwasher.replace-check .simulator[data-step="q2-re"] .question--02 .question__other {
      opacity: 1; }
    .dishwasher.replace-check .simulator[data-step="q2-re"] .question--02 h2 {
      opacity: 1; }
  .dishwasher.replace-check .simulator[data-step="q2-re"] .question--03 {
    animation: baseanm-re 0.5s ease 0s 1 forwards;
    pointer-events: none; }
    .dishwasher.replace-check .simulator[data-step="q2-re"] .question--03 .question__choice, .dishwasher.replace-check .simulator[data-step="q2-re"] .question--03 .question__other {
      opacity: 1; }
    .dishwasher.replace-check .simulator[data-step="q2-re"] .question--03 h2 {
      opacity: 1; }
  .dishwasher.replace-check .simulator[data-step="q2-re"] .question--01 {
    opacity: 0;
    pointer-events: none; }
  .dishwasher.replace-check .simulator[data-step="q2-re"] .diagnosis {
    display: none; }
  .dishwasher.replace-check .simulator[data-step="q3"] .question--02 {
    animation: baseanm_after 0.5s ease 0s 1 forwards;
    pointer-events: none; }
    .dishwasher.replace-check .simulator[data-step="q3"] .question--02 .question__choice, .dishwasher.replace-check .simulator[data-step="q3"] .question--02 .question__other {
      opacity: 1; }
    .dishwasher.replace-check .simulator[data-step="q3"] .question--02 h2 {
      opacity: 1; }
  .dishwasher.replace-check .simulator[data-step="q3"] .question--01,
  .dishwasher.replace-check .simulator[data-step="q3"] .diagnosis {
    display: none; }
  .dishwasher.replace-check .simulator[data-step="q3-2"] .question--01 {
    animation: baseanm_after 0.5s ease 0s 1 forwards;
    pointer-events: none; }
    .dishwasher.replace-check .simulator[data-step="q3-2"] .question--01 .question__choice, .dishwasher.replace-check .simulator[data-step="q3-2"] .question--01 .question__other {
      opacity: 1; }
    .dishwasher.replace-check .simulator[data-step="q3-2"] .question--01 h2 {
      opacity: 1; }
  .dishwasher.replace-check .simulator[data-step="q3-2"] .question--02,
  .dishwasher.replace-check .simulator[data-step="q3-2"] .diagnosis {
    display: none; }
  .dishwasher.replace-check .simulator[data-step="end-2"], .dishwasher.replace-check .simulator[data-step="end"] {
    background: none;
    margin: auto;
    pointer-events: none;
    position: absolute;
    inset: var(--headerHeight) 0px auto; }
  .dishwasher.replace-check .simulator[data-step="end"] .question--03 {
    animation: baseanm_after 0.5s ease 0s 1 forwards;
    pointer-events: none; }
    .dishwasher.replace-check .simulator[data-step="end"] .question--03 .question__choice, .dishwasher.replace-check .simulator[data-step="end"] .question--03 .question__other {
      opacity: 1; }
    .dishwasher.replace-check .simulator[data-step="end"] .question--03 h2 {
      opacity: 1; }
  .dishwasher.replace-check .simulator[data-step="end"] .question--02,
  .dishwasher.replace-check .simulator[data-step="end"] .question--01,
  .dishwasher.replace-check .simulator[data-step="end"] .diagnosis {
    display: none; }
  .dishwasher.replace-check .simulator[data-step="end-2"] .question--01 {
    animation: baseanm_after 0.5s ease 0s 1 forwards;
    pointer-events: none; }
    .dishwasher.replace-check .simulator[data-step="end-2"] .question--01 .question__choice, .dishwasher.replace-check .simulator[data-step="end-2"] .question--01 .question__other {
      opacity: 1; }
    .dishwasher.replace-check .simulator[data-step="end-2"] .question--01 h2 {
      opacity: 1; }
  .dishwasher.replace-check .simulator[data-step="end-2"] .diagnosis {
    display: none; }

/*--

  diagnosis top

====================================================== --*/
.dishwasher.replace-check .diagnosis__body {
  box-sizing: border-box;
  color: var(--r-c-white);
  flex-direction: column;
  height: 100%;
  overflow: hidden;
  padding-bottom: 240px;
  position: relative;
  display: block flex;
  justify-content: center;
  align-items: center; }
  @media screen and (max-width: 768px) {
    .dishwasher.replace-check .diagnosis__body {
      padding: 0px 0px 150px; } }
  .dishwasher.replace-check .diagnosis__body p:nth-of-type(1) {
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 1.5em;
    position: absolute;
    inset: calc(50% - 0.5lh - 0px) 0px auto;
    margin: auto;
    height: 1lh; }
    @media screen and (max-width: 768px) {
      .dishwasher.replace-check .diagnosis__body p:nth-of-type(1) {
        font-size: 1.5rem; } }
  .dishwasher.replace-check .diagnosis__body p:nth-of-type(2) {
    font-size: 1.5rem;
    font-weight: 300;
    line-height: 1.5em;
    margin-bottom: 70px; }
    @media screen and (max-width: 768px) {
      .dishwasher.replace-check .diagnosis__body p:nth-of-type(2) {
        font-size: 1.1rem;
        line-height: 1.8em;
        margin-bottom: 37px; } }
  .dishwasher.replace-check .diagnosis__body h2 {
    display: inline flow-root;
    font-size: 4.8rem;
    font-weight: 300;
    line-height: 1.5em;
    margin: 35px 0px 5px;
    position: relative; }
    @media screen and (max-width: 768px) {
      .dishwasher.replace-check .diagnosis__body h2 {
        flex-direction: column;
        display: block flex;
        justify-content: center;
        align-items: center; } }
    @media screen and (max-width: 768px) {
      .dishwasher.replace-check .diagnosis__body h2 {
        font-size: 3rem;
        margin: 40px 0px 7px; } }
    .dishwasher.replace-check .diagnosis__body h2 em {
      font-style: normal;
      font-weight: inherit; }
      @media screen and (max-width: 768px) {
        .dishwasher.replace-check .diagnosis__body h2 em {
          font-size: 4.5rem; } }
    @media screen and (max-width: 768px) {
      .dishwasher.replace-check .diagnosis__body h2 i {
        background: var(--r-c-white);
        font-size: 0px;
        height: 2px;
        margin: 15px 0px 8px;
        width: 30px; } }
    .dishwasher.replace-check .diagnosis__body h2 span {
      font-size: 1.4rem;
      font-weight: 500;
      height: 120px;
      left: -85px;
      position: absolute;
      top: -75px;
      width: 120px;
      display: block flex;
      justify-content: center;
      align-items: center; }
      @media screen and (max-width: 768px) {
        .dishwasher.replace-check .diagnosis__body h2 span {
          font-size: 1.1rem;
          height: 60px;
          left: -48px;
          line-height: 1.2em;
          top: -34px;
          width: 60px; } }
      .dishwasher.replace-check .diagnosis__body h2 span::before {
        border: 1px solid white;
        border-radius: 100%;
        box-sizing: border-box;
        content: "";
        margin: auto;
        position: absolute;
        inset: 0px; }
  .dishwasher.replace-check .diagnosis__body button {
    background: transparent;
    border: none;
    border-radius: 60px;
    color: var(--r-c-white);
    cursor: pointer;
    font-family: proxima-nova, source-han-sans-japanese, sans-serif;
    font-size: 1.5rem;
    font-weight: 400;
    height: 60px;
    position: relative;
    width: 360px;
    pointer-events: none;
    display: block flex;
    justify-content: center;
    align-items: center;
    -moz-appearance: none;
         appearance: none;
    -webkit-appearance: none; }
    @media screen and (max-width: 768px) {
      .dishwasher.replace-check .diagnosis__body button {
        height: 45px;
        width: 270px; } }
    @media screen and (min-width: 769px) {
      .dishwasher.replace-check .diagnosis__body button:hover::before {
        background: rgb(255 255 255 / 0.2);
        inset: -3px -18px; } }
    .dishwasher.replace-check .diagnosis__body button::before {
      border: 1px solid currentColor;
      border-radius: 60px;
      content: "";
      margin: auto;
      pointer-events: none;
      position: absolute;
      transition: all 250ms ease;
      inset: 0px; }

.dishwasher.replace-check .diagnosis figure {
  margin: auto;
  max-width: 1000px;
  position: absolute;
  width: 100%;
  inset: auto 0px -150px; }
  @media screen and (max-width: 768px) {
    .dishwasher.replace-check .diagnosis figure {
      width: auto;
      inset: auto -35vw 0px;
      transform: translateY(calc(100% - 150px)); } }
  .dishwasher.replace-check .diagnosis figure img {
    width: 100%; }

.dishwasher.replace-check .simulator .diagnosis__body p:nth-of-type(1) span {
  opacity: 0;
  display: inline flow-root;
  animation: baseanm 1000ms cubic-bezier(0.165, 0.84, 0.44, 1) 0s 1 forwards; }
  .dishwasher.replace-check .simulator .diagnosis__body p:nth-of-type(1) span:nth-of-type(1) {
    animation-delay: 150ms; }
  .dishwasher.replace-check .simulator .diagnosis__body p:nth-of-type(1) span:nth-of-type(2) {
    animation-delay: 185ms; }
  .dishwasher.replace-check .simulator .diagnosis__body p:nth-of-type(1) span:nth-of-type(3) {
    animation-delay: 220ms; }
  .dishwasher.replace-check .simulator .diagnosis__body p:nth-of-type(1) span:nth-of-type(4) {
    animation-delay: 255ms; }
  .dishwasher.replace-check .simulator .diagnosis__body p:nth-of-type(1) span:nth-of-type(5) {
    animation-delay: 290ms; }
  .dishwasher.replace-check .simulator .diagnosis__body p:nth-of-type(1) span:nth-of-type(6) {
    animation-delay: 325ms; }
  .dishwasher.replace-check .simulator .diagnosis__body p:nth-of-type(1) span:nth-of-type(7) {
    animation-delay: 360ms; }
  .dishwasher.replace-check .simulator .diagnosis__body p:nth-of-type(1) span:nth-of-type(8) {
    animation-delay: 395ms; }
  .dishwasher.replace-check .simulator .diagnosis__body p:nth-of-type(1) span:nth-of-type(9) {
    animation-delay: 430ms; }
  .dishwasher.replace-check .simulator .diagnosis__body p:nth-of-type(1) span:nth-of-type(10) {
    animation-delay: 465ms; }
  .dishwasher.replace-check .simulator .diagnosis__body p:nth-of-type(1) span:nth-of-type(11) {
    animation-delay: 500ms; }
  .dishwasher.replace-check .simulator .diagnosis__body p:nth-of-type(1) span:nth-of-type(12) {
    animation-delay: 535ms; }
  .dishwasher.replace-check .simulator .diagnosis__body p:nth-of-type(1) span:nth-of-type(13) {
    animation-delay: 570ms; }
  .dishwasher.replace-check .simulator .diagnosis__body p:nth-of-type(1) span:nth-of-type(14) {
    animation-delay: 605ms; }
  .dishwasher.replace-check .simulator .diagnosis__body p:nth-of-type(1) span:nth-of-type(15) {
    animation-delay: 640ms; }
  .dishwasher.replace-check .simulator .diagnosis__body p:nth-of-type(1) span:nth-of-type(16) {
    animation-delay: 675ms; }
  .dishwasher.replace-check .simulator .diagnosis__body p:nth-of-type(1) span:nth-of-type(17) {
    animation-delay: 710ms; }
  .dishwasher.replace-check .simulator .diagnosis__body p:nth-of-type(1) span:nth-of-type(18) {
    animation-delay: 745ms; }
  .dishwasher.replace-check .simulator .diagnosis__body p:nth-of-type(1) span:nth-of-type(19) {
    animation-delay: 780ms; }
  .dishwasher.replace-check .simulator .diagnosis__body p:nth-of-type(1) span:nth-of-type(20) {
    animation-delay: 815ms; }

.dishwasher.replace-check .simulator .diagnosis__body p:nth-of-type(2) {
  opacity: 0; }

.dishwasher.replace-check .simulator .diagnosis__body button,
.dishwasher.replace-check .simulator .diagnosis__body h2 {
  opacity: 0; }

.dishwasher.replace-check .simulator .diagnosis__body h2 span {
  color: rgb(255 255 255 / 0); }
  .dishwasher.replace-check .simulator .diagnosis__body h2 span::before {
    clip-path: inset(0% 100% 0% 0%);
    rotate: 45deg; }

.dishwasher.replace-check .simulator .diagnosis figure {
  opacity: 0; }

.dishwasher.replace-check .simulator[data-step="q1"] .diagnosis__body p:nth-of-type(1) {
  top: calc(50% - 0.5lh - 265px); }
  @media screen and (max-width: 768px) {
    .dishwasher.replace-check .simulator[data-step="q1"] .diagnosis__body p:nth-of-type(1) {
      top: calc(50% - 0.5lh - 225px); } }
  .dishwasher.replace-check .simulator[data-step="q1"] .diagnosis__body p:nth-of-type(1) span {
    animation: none;
    opacity: 1; }

.dishwasher.replace-check .simulator[data-step="q1"] .diagnosis__body p:nth-of-type(2) {
  opacity: 1; }

.dishwasher.replace-check .simulator[data-step="q1"] .diagnosis__body h2 {
  opacity: 1; }
  .dishwasher.replace-check .simulator[data-step="q1"] .diagnosis__body h2 span {
    color: rgb(255 255 255 / 1); }
    .dishwasher.replace-check .simulator[data-step="q1"] .diagnosis__body h2 span::before {
      clip-path: inset(0% 5% 0% 0%); }

.dishwasher.replace-check .simulator[data-step="q1"] .diagnosis__body button {
  opacity: 1; }

.dishwasher.replace-check .simulator[data-step="q1"] .diagnosis figure {
  opacity: 1; }

.dishwasher.replace-check .simulator[data-step="restart"] .diagnosis__body p:nth-of-type(1), .dishwasher.replace-check .simulator[data-step="start"] .diagnosis__body p:nth-of-type(1) {
  top: calc(50% - 0.5lh - 265px); }
  @media screen and (max-width: 768px) {
    .dishwasher.replace-check .simulator[data-step="restart"] .diagnosis__body p:nth-of-type(1), .dishwasher.replace-check .simulator[data-step="start"] .diagnosis__body p:nth-of-type(1) {
      top: calc(50% - 0.5lh - 225px); } }

.dishwasher.replace-check .simulator[data-step="restart"] .diagnosis__body p:nth-of-type(2), .dishwasher.replace-check .simulator[data-step="start"] .diagnosis__body p:nth-of-type(2) {
  animation: baseanm 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.8s 1 forwards; }

.dishwasher.replace-check .simulator[data-step="restart"] .diagnosis__body h2, .dishwasher.replace-check .simulator[data-step="start"] .diagnosis__body h2 {
  animation: baseanm 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.65s 1 forwards; }
  .dishwasher.replace-check .simulator[data-step="restart"] .diagnosis__body h2 span, .dishwasher.replace-check .simulator[data-step="start"] .diagnosis__body h2 span {
    color: rgb(255 255 255 / 1);
    transition: all 500ms ease 1.15s; }
    .dishwasher.replace-check .simulator[data-step="restart"] .diagnosis__body h2 span::before, .dishwasher.replace-check .simulator[data-step="start"] .diagnosis__body h2 span::before {
      transition: all 750ms cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.9s;
      clip-path: inset(0% 5% 0% 0%); }

.dishwasher.replace-check .simulator[data-step="restart"] .diagnosis__body button, .dishwasher.replace-check .simulator[data-step="start"] .diagnosis__body button {
  animation: baseanm 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.95s 1 forwards;
  pointer-events: auto; }

.dishwasher.replace-check .simulator[data-step="restart"] .diagnosis figure, .dishwasher.replace-check .simulator[data-step="start"] .diagnosis figure {
  animation: baseanm 1s cubic-bezier(0.165, 0.84, 0.44, 1) 1.1s 1 forwards; }

.dishwasher.replace-check .simulator[data-step="start"] .diagnosis__body p:nth-of-type(1) {
  transition: top 750ms cubic-bezier(0.075, 0.82, 0.165, 1) 0s; }

.dishwasher.replace-check .simulator[data-step="restart"] .diagnosis__body p:nth-of-type(1) span {
  opacity: 0;
  display: inline flow-root;
  animation: baseanm 1000ms cubic-bezier(0.165, 0.84, 0.44, 1) 0s 1 forwards; }
  .dishwasher.replace-check .simulator[data-step="restart"] .diagnosis__body p:nth-of-type(1) span:nth-of-type(1) {
    animation-delay: 150ms; }
  .dishwasher.replace-check .simulator[data-step="restart"] .diagnosis__body p:nth-of-type(1) span:nth-of-type(2) {
    animation-delay: 185ms; }
  .dishwasher.replace-check .simulator[data-step="restart"] .diagnosis__body p:nth-of-type(1) span:nth-of-type(3) {
    animation-delay: 220ms; }
  .dishwasher.replace-check .simulator[data-step="restart"] .diagnosis__body p:nth-of-type(1) span:nth-of-type(4) {
    animation-delay: 255ms; }
  .dishwasher.replace-check .simulator[data-step="restart"] .diagnosis__body p:nth-of-type(1) span:nth-of-type(5) {
    animation-delay: 290ms; }
  .dishwasher.replace-check .simulator[data-step="restart"] .diagnosis__body p:nth-of-type(1) span:nth-of-type(6) {
    animation-delay: 325ms; }
  .dishwasher.replace-check .simulator[data-step="restart"] .diagnosis__body p:nth-of-type(1) span:nth-of-type(7) {
    animation-delay: 360ms; }
  .dishwasher.replace-check .simulator[data-step="restart"] .diagnosis__body p:nth-of-type(1) span:nth-of-type(8) {
    animation-delay: 395ms; }
  .dishwasher.replace-check .simulator[data-step="restart"] .diagnosis__body p:nth-of-type(1) span:nth-of-type(9) {
    animation-delay: 430ms; }
  .dishwasher.replace-check .simulator[data-step="restart"] .diagnosis__body p:nth-of-type(1) span:nth-of-type(10) {
    animation-delay: 465ms; }
  .dishwasher.replace-check .simulator[data-step="restart"] .diagnosis__body p:nth-of-type(1) span:nth-of-type(11) {
    animation-delay: 500ms; }
  .dishwasher.replace-check .simulator[data-step="restart"] .diagnosis__body p:nth-of-type(1) span:nth-of-type(12) {
    animation-delay: 535ms; }
  .dishwasher.replace-check .simulator[data-step="restart"] .diagnosis__body p:nth-of-type(1) span:nth-of-type(13) {
    animation-delay: 570ms; }
  .dishwasher.replace-check .simulator[data-step="restart"] .diagnosis__body p:nth-of-type(1) span:nth-of-type(14) {
    animation-delay: 605ms; }
  .dishwasher.replace-check .simulator[data-step="restart"] .diagnosis__body p:nth-of-type(1) span:nth-of-type(15) {
    animation-delay: 640ms; }
  .dishwasher.replace-check .simulator[data-step="restart"] .diagnosis__body p:nth-of-type(1) span:nth-of-type(16) {
    animation-delay: 675ms; }
  .dishwasher.replace-check .simulator[data-step="restart"] .diagnosis__body p:nth-of-type(1) span:nth-of-type(17) {
    animation-delay: 710ms; }
  .dishwasher.replace-check .simulator[data-step="restart"] .diagnosis__body p:nth-of-type(1) span:nth-of-type(18) {
    animation-delay: 745ms; }
  .dishwasher.replace-check .simulator[data-step="restart"] .diagnosis__body p:nth-of-type(1) span:nth-of-type(19) {
    animation-delay: 780ms; }
  .dishwasher.replace-check .simulator[data-step="restart"] .diagnosis__body p:nth-of-type(1) span:nth-of-type(20) {
    animation-delay: 815ms; }

/*--

  question top

====================================================== --*/
.dishwasher.replace-check .question__block {
  flex-direction: column;
  height: 100%;
  display: block flex;
  justify-content: center;
  align-items: center; }

.dishwasher.replace-check .question h2 {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2em;
  margin-bottom: 80px; }
  @media screen and (max-width: 768px) {
    .dishwasher.replace-check .question h2 {
      margin-bottom: 40px; } }

.dishwasher.replace-check .question__body {
  display: block grid;
  gap: 60px;
  grid-template-columns: 300px 300px; }
  @media screen and (max-width: 768px) {
    .dishwasher.replace-check .question__body {
      gap: calc(var(--r-padding)*2) 10px;
      grid-template-columns: 165px 165px; } }
  .dishwasher.replace-check .question__body button {
    background: transparent;
    border: none;
    box-sizing: border-box;
    color: #BCA8B4;
    cursor: pointer;
    flex-direction: column;
    font-family: proxima-nova, source-han-sans-japanese, sans-serif;
    margin: 0px auto;
    position: relative;
    z-index: 2;
    -moz-appearance: none;
         appearance: none;
    -webkit-appearance: none;
    display: block flex;
    justify-content: center;
    align-items: center;
    transition: all 250ms ease; }
    @media screen and (min-width: 769px) {
      .dishwasher.replace-check .question__body button:hover {
        color: var(--r-c-white); }
        .dishwasher.replace-check .question__body button:hover::before {
          background: #c2c9d0; } }
    .dishwasher.replace-check .question__body button::before {
      background: var(--r-c-white);
      border: 1px solid #BCA8B4;
      box-sizing: border-box;
      content: "";
      margin: auto;
      pointer-events: none;
      position: absolute;
      z-index: -1;
      transition: all 250ms ease;
      inset: 0px; }

@media screen and (max-width: 768px) {
  .dishwasher.replace-check .question__illust {
    scale: 0.7;
    margin-block: -15px; } }

.dishwasher.replace-check .question__choice button {
  border-radius: 18px;
  font-size: 1.8rem;
  font-weight: 500;
  height: 300px;
  width: 100%; }
  @media screen and (max-width: 768px) {
    .dishwasher.replace-check .question__choice button {
      font-size: 1.5rem;
      height: 160px; } }
  @media screen and (min-width: 769px) {
    .dishwasher.replace-check .question__choice button:hover::before {
      inset: -5px; }
    .dishwasher.replace-check .question__choice button:hover .width__body {
      width: calc(100% + 8px); } }
  .dishwasher.replace-check .question__choice button figure {
    position: relative; }
    .dishwasher.replace-check .question__choice button figure img {
      width: 105px;
      transition: all 500ms ease; }
    .dishwasher.replace-check .question__choice button figure .default {
      transition-delay: 500ms;
      transition-duration: 1ms;
      z-index: 10;
      margin: auto;
      position: absolute;
      inset: 0; }
  .dishwasher.replace-check .question__choice button:hover .default {
    opacity: 0;
    transition: none; }
  .dishwasher.replace-check .question__choice button::before {
    border-radius: 18px; }

.dishwasher.replace-check .question__choice p {
  margin-top: 45px; }
  @media screen and (max-width: 768px) {
    .dishwasher.replace-check .question__choice p {
      margin-top: 5px; } }

.dishwasher.replace-check .question__choice .slide__parts {
  height: 96px;
  left: -43px;
  position: absolute;
  top: 14px;
  width: 136px;
  clip-path: polygon(88px 16px, 88px 78px, 45px 95px, 0px 78px, 0px 0px, 45px 2px, 88px 16px); }
  .dishwasher.replace-check .question__choice .slide__parts img {
    bottom: 18px;
    height: 88px;
    left: 43px;
    opacity: 1;
    position: absolute;
    width: 91px; }

.dishwasher.replace-check .question__choice .slide:hover .slide__parts img {
  bottom: 7px;
  left: 0px; }

.dishwasher.replace-check .question__choice .arrow {
  background: currentColor;
  height: 10px;
  opacity: 0;
  left: -15px;
  position: absolute;
  top: 15px;
  width: 1px;
  z-index: 10;
  transition: all 500ms ease; }
  @media screen and (max-width: 768px) {
    .dishwasher.replace-check .question__choice .arrow {
      margin-left: 8px; } }
  .dishwasher.replace-check .question__choice .arrow::after, .dishwasher.replace-check .question__choice .arrow::before {
    background: currentColor;
    content: "";
    height: 9px;
    left: -4px;
    position: absolute;
    width: 10px;
    clip-path: url(#arrow); }
  .dishwasher.replace-check .question__choice .arrow::before {
    top: 0px; }
  .dishwasher.replace-check .question__choice .arrow::after {
    bottom: 0px;
    rotate: 180deg; }

.dishwasher.replace-check .question__choice .normal__parts {
  height: 100px;
  left: -48px;
  position: absolute;
  top: 4px;
  width: 93px;
  clip-path: polygon(93px 28px, 93px 100px, 45px 100px, 0px 78px, 0px 11.25px, 40px 10px, 93px 28px); }
  .dishwasher.replace-check .question__choice .normal__parts img {
    height: 77px;
    left: 48px;
    position: absolute;
    top: 0px;
    width: 90px; }

.dishwasher.replace-check .question__choice .normal:hover .normal__parts img {
  left: 4px;
  top: 11px; }

.dishwasher.replace-check .question__choice .normal:hover .arrow {
  left: -61px;
  top: 27px; }

.dishwasher.replace-check .question__choice .deep__parts {
  height: 130px;
  left: -48px;
  position: absolute;
  top: 4px;
  width: 93px;
  clip-path: polygon(93px 28px, 93px 130px, 45px 130px, 0px 130px, 0px 11.25px, 41px 10px, 93px 28px); }
  .dishwasher.replace-check .question__choice .deep__parts img {
    height: 108px;
    left: 48px;
    position: absolute;
    top: 0px;
    width: 90px; }

.dishwasher.replace-check .question__choice .deep:hover .deep__parts img {
  left: 4px;
  top: 11px; }

.dishwasher.replace-check .question__choice .deep:hover .arrow {
  left: -61px;
  top: 27px; }

.dishwasher.replace-check .question__choice .front__parts {
  height: 88px;
  left: 0px;
  position: absolute;
  top: 15px;
  transform: rotateX(-35deg) rotateY(-30deg) scaleY(1) scaleX(1.15);
  width: 43px;
  transition: all 500ms ease; }
  .dishwasher.replace-check .question__choice .front__parts::after {
    background: #BCA8B4;
    border: 1px solid var(--r-c-white);
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    transform-origin: center bottom;
    width: 100%;
    z-index: 10;
    inset: 0px;
    backface-visibility: visible;
    transition: all 500ms ease; }

.dishwasher.replace-check .question__choice .front:hover .front__parts {
  height: 94px;
  top: 10px; }
  .dishwasher.replace-check .question__choice .front:hover .front__parts::after {
    transform: rotateX(-120deg) skewX(38deg) scaleY(1) scaleX(1); }

.dishwasher.replace-check .question__choice .width--45 .width__body div {
  width: 105px; }
  @media screen and (max-width: 768px) {
    .dishwasher.replace-check .question__choice .width--45 .width__body div {
      width: 73.5px; } }
  .dishwasher.replace-check .question__choice .width--45 .width__body div::before {
    inset: 0px 0px auto; }

.dishwasher.replace-check .question__choice .width--60:hover .width__body div::before {
  inset: 0px 3px auto; }
  @media screen and (max-width: 768px) {
    .dishwasher.replace-check .question__choice .width--60:hover .width__body div::before {
      inset: 0px 2px auto; } }

.dishwasher.replace-check .question__choice .width--60 .width__body div {
  width: 140px; }
  @media screen and (max-width: 768px) {
    .dishwasher.replace-check .question__choice .width--60 .width__body div {
      width: 98px; } }
  .dishwasher.replace-check .question__choice .width--60 .width__body div::before {
    inset: 0px 0px auto; }
    @media screen and (max-width: 768px) {
      .dishwasher.replace-check .question__choice .width--60 .width__body div::before {
        inset: 0px 2px auto; } }

.dishwasher.replace-check .question__choice .width:hover div::before {
  clip-path: inset(0% 0% 0% 0%); }

.dishwasher.replace-check .question__choice .width:hover div::after {
  inset: 40px -10px -1px; }
  @media screen and (max-width: 768px) {
    .dishwasher.replace-check .question__choice .width:hover div::after {
      inset: 25px -5px -1px; } }

.dishwasher.replace-check .question__choice .width:hover div span {
  opacity: 1;
  width: calc(100% + 20px); }
  @media screen and (max-width: 768px) {
    .dishwasher.replace-check .question__choice .width:hover div span {
      width: calc(100% + 10px); } }

.dishwasher.replace-check .question__choice .width__body {
  background: rgb(197 170 182 / 0.4);
  border-bottom: 1px solid var(--r-c-white);
  border-top: 1px solid var(--r-c-white);
  box-sizing: border-box;
  height: 160px;
  position: relative;
  width: calc(100% - 2px);
  display: block flex;
  justify-content: center;
  align-items: flex-end;
  transition: all 250ms ease; }
  @media screen and (max-width: 768px) {
    .dishwasher.replace-check .question__choice .width__body {
      height: 100px; } }
  .dishwasher.replace-check .question__choice .width__body div {
    box-sizing: border-box;
    color: var(--r-c-white);
    flex-direction: column;
    font-size: 1.5rem;
    font-weight: 500;
    height: 158px;
    line-height: 1.1;
    margin: 0px auto 0px;
    padding: 20px 0px 0px;
    position: relative;
    z-index: 2;
    perspective: 80px;
    transform-style: preserve-3d;
    transition: all 300ms ease;
    display: block flex;
    justify-content: flex-start;
    align-items: center; }
    @media screen and (max-width: 768px) {
      .dishwasher.replace-check .question__choice .width__body div {
        font-size: 1.4rem;
        height: 98px;
        scale: 1; } }
    .dishwasher.replace-check .question__choice .width__body div::after {
      background: #BCA8B4;
      border: 1px solid var(--r-c-white);
      box-sizing: border-box;
      content: "";
      margin: auto;
      position: absolute;
      z-index: 3;
      inset: -1px 0px 20px;
      transition: all 350ms ease; }
      @media screen and (max-width: 768px) {
        .dishwasher.replace-check .question__choice .width__body div::after {
          inset: -1px 0px 10px; } }
    .dishwasher.replace-check .question__choice .width__body div::before {
      background: #c58fa7;
      border-bottom: 1px solid currentColor;
      content: "";
      height: 48px;
      margin: auto;
      position: absolute;
      transform-origin: center top;
      transform: rotateX(15deg);
      z-index: 1;
      clip-path: inset(0% 0% 100% 0%);
      border-inline: 1px solid currentColor;
      backface-visibility: hidden;
      transition: all 350ms ease; }
      @media screen and (max-width: 768px) {
        .dishwasher.replace-check .question__choice .width__body div::before {
          transform: rotateX(20deg);
          height: 30px; } }
    .dishwasher.replace-check .question__choice .width__body div span {
      background: currentColor;
      content: "";
      height: 1px;
      margin: auto;
      opacity: 0;
      position: absolute;
      width: 0%;
      z-index: 5;
      transition: all 400ms ease;
      inset: 40px -10px 0px; }
      @media screen and (max-width: 768px) {
        .dishwasher.replace-check .question__choice .width__body div span {
          inset: 25px -10px 0px; } }
      .dishwasher.replace-check .question__choice .width__body div span::after {
        background: url(../../products/kitchen/dishwasher/replace-check/images/width_left.svg) no-repeat left center, url(../../products/kitchen/dishwasher/replace-check/images/width_right.svg) no-repeat right center;
        background-size: auto 10px;
        content: "";
        height: 10px;
        margin: auto;
        position: absolute;
        width: 100%;
        inset: -5px 0px auto; }
  .dishwasher.replace-check .question__choice .width__body::after {
    background: var(--r-c-white);
    content: "";
    height: 1px;
    margin: auto;
    position: absolute;
    inset: auto 0px 20px; }
    @media screen and (max-width: 768px) {
      .dishwasher.replace-check .question__choice .width__body::after {
        bottom: 10px; } }
  .dishwasher.replace-check .question__choice .width__body::before {
    content: "";
    height: 40px;
    margin: auto;
    position: absolute;
    border-block: 1px solid var(--r-c-white);
    inset: 20px 0px auto; }
    @media screen and (max-width: 768px) {
      .dishwasher.replace-check .question__choice .width__body::before {
        top: 10px;
        height: 30px; } }

.dishwasher.replace-check .question__choice .width p {
  margin-top: 30px; }
  @media screen and (max-width: 768px) {
    .dishwasher.replace-check .question__choice .width p {
      margin-top: 5px; } }

.dishwasher.replace-check .question__other {
  grid-column: 1 / 3; }
  .dishwasher.replace-check .question__other button {
    font-size: 1.5rem;
    font-weight: 400;
    height: 60px;
    max-width: 360px;
    width: 100%; }
    @media screen and (max-width: 768px) {
      .dishwasher.replace-check .question__other button {
        font-size: 1.4rem;
        height: 45px;
        max-width: 270px; } }
    @media screen and (min-width: 769px) {
      .dishwasher.replace-check .question__other button:hover::before {
        inset: -3px -18px; } }
    .dishwasher.replace-check .question__other button::before {
      border-radius: 60px; }

.dishwasher.replace-check .simulator .question__choice, .dishwasher.replace-check .simulator .question__other,
.dishwasher.replace-check .simulator .question h2 {
  opacity: 0; }

.dishwasher.replace-check .simulator[data-step="q2"] .question--02 h2,
.dishwasher.replace-check .simulator[data-step="q3-2"] .question--03 h2,
.dishwasher.replace-check .simulator[data-step="q3"] .question--03 h2 {
  animation: baseanm 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s 1 forwards; }

.dishwasher.replace-check .simulator[data-step="q2"] .question--02 .question__choice--01,
.dishwasher.replace-check .simulator[data-step="q3-2"] .question--03 .question__choice--01,
.dishwasher.replace-check .simulator[data-step="q3"] .question--03 .question__choice--01 {
  animation: baseanm 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.15s 1 forwards; }

.dishwasher.replace-check .simulator[data-step="q2"] .question--02 .question__choice--02,
.dishwasher.replace-check .simulator[data-step="q3-2"] .question--03 .question__choice--02,
.dishwasher.replace-check .simulator[data-step="q3"] .question--03 .question__choice--02 {
  animation: baseanm 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.3s 1 forwards; }

.dishwasher.replace-check .simulator[data-step="q2"] .question--02 .question__other,
.dishwasher.replace-check .simulator[data-step="q3-2"] .question--03 .question__other,
.dishwasher.replace-check .simulator[data-step="q3"] .question--03 .question__other {
  animation: baseanm 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.45s 1 forwards; }

.dishwasher.replace-check .simulator[data-step="q1"] .question--01 h2 {
  animation: baseanm 1s cubic-bezier(0.165, 0.84, 0.44, 1) 1.5s 1 forwards; }

.dishwasher.replace-check .simulator[data-step="q1"] .question--01 .question__choice--01 {
  animation: baseanm 1s cubic-bezier(0.165, 0.84, 0.44, 1) 1.65s 1 forwards; }

.dishwasher.replace-check .simulator[data-step="q1"] .question--01 .question__choice--02 {
  animation: baseanm 1s cubic-bezier(0.165, 0.84, 0.44, 1) 1.8s 1 forwards; }

.dishwasher.replace-check .simulator[data-step="q1"] .question--01 .question__other {
  animation: baseanm 1s cubic-bezier(0.165, 0.84, 0.44, 1) 1.95s 1 forwards; }

.dishwasher.replace-check .simulator.sp[data-step="q1-req3"] .question--01 .default, .dishwasher.replace-check .simulator.sp[data-step="q1-req2"] .question--01 .default, .dishwasher.replace-check .simulator.sp[data-step="q1"] .question--01 .default {
  opacity: 0;
  transition: opacity 1ms linear 3.1s; }

.dishwasher.replace-check .simulator.sp[data-step="q1-req3"] .question--01 .slide__parts img, .dishwasher.replace-check .simulator.sp[data-step="q1-req2"] .question--01 .slide__parts img, .dishwasher.replace-check .simulator.sp[data-step="q1"] .question--01 .slide__parts img {
  transition-delay: 3.1s;
  bottom: 7px;
  left: 0px; }

.dishwasher.replace-check .simulator.sp[data-step="q1-req3"] .question--01 .front__parts, .dishwasher.replace-check .simulator.sp[data-step="q1-req2"] .question--01 .front__parts, .dishwasher.replace-check .simulator.sp[data-step="q1"] .question--01 .front__parts {
  height: 94px;
  top: 10px;
  transition-delay: 3.1s; }
  .dishwasher.replace-check .simulator.sp[data-step="q1-req3"] .question--01 .front__parts::after, .dishwasher.replace-check .simulator.sp[data-step="q1-req2"] .question--01 .front__parts::after, .dishwasher.replace-check .simulator.sp[data-step="q1"] .question--01 .front__parts::after {
    transition-delay: 3.1s;
    transform: rotateX(-120deg) skewX(38deg) scaleY(1) scaleX(1); }

.dishwasher.replace-check .simulator[data-step="q2-re"] .question--02 .arrow, .dishwasher.replace-check .simulator[data-step="q2"] .question--02 .arrow {
  opacity: 1;
  transition: opacity 500ms 3.1s, height 500ms 3.1s, left 500ms 0s, top 500ms 0s; }

.dishwasher.replace-check .simulator[data-step="q2-re"] .question--02 .normal .arrow, .dishwasher.replace-check .simulator[data-step="q2"] .question--02 .normal .arrow {
  height: 51px; }

.dishwasher.replace-check .simulator[data-step="q2-re"] .question--02 .deep .arrow, .dishwasher.replace-check .simulator[data-step="q2"] .question--02 .deep .arrow {
  height: 82px; }

.dishwasher.replace-check .simulator.sp[data-step="q2-re"] .question--02 .default, .dishwasher.replace-check .simulator.sp[data-step="q2"] .question--02 .default {
  opacity: 0;
  transition: opacity 1ms linear 3.1s; }

.dishwasher.replace-check .simulator.sp[data-step="q2-re"] .question--02 .question__illust .deep__parts img,
.dishwasher.replace-check .simulator.sp[data-step="q2-re"] .question--02 .question__illust .normal__parts img, .dishwasher.replace-check .simulator.sp[data-step="q2"] .question--02 .question__illust .deep__parts img,
.dishwasher.replace-check .simulator.sp[data-step="q2"] .question--02 .question__illust .normal__parts img {
  transition-delay: 3.1s;
  left: 4px;
  top: 11px; }

.dishwasher.replace-check .simulator.sp[data-step="q2-re"] .question--02 .question__illust .arrow, .dishwasher.replace-check .simulator.sp[data-step="q2"] .question--02 .question__illust .arrow {
  transition: opacity 500ms 3.1s, height 500ms 3.1s, left 500ms 3.1s, top 500ms 3.1s;
  left: -61px;
  top: 27px; }

.dishwasher.replace-check .simulator.sp[data-step="q3-2"] .question--03 .width--60 .width__body div::before, .dishwasher.replace-check .simulator.sp[data-step="q3"] .question--03 .width--60 .width__body div::before {
  transition-delay: 3.1s;
  inset: 0px 3px auto; }
  @media screen and (max-width: 768px) {
    .dishwasher.replace-check .simulator.sp[data-step="q3-2"] .question--03 .width--60 .width__body div::before, .dishwasher.replace-check .simulator.sp[data-step="q3"] .question--03 .width--60 .width__body div::before {
      inset: 0px 2px auto; } }

.dishwasher.replace-check .simulator.sp[data-step="q3-2"] .question--03 .width div::before, .dishwasher.replace-check .simulator.sp[data-step="q3"] .question--03 .width div::before {
  transition-delay: 3.1s;
  clip-path: inset(0% 0% 0% 0%); }

.dishwasher.replace-check .simulator.sp[data-step="q3-2"] .question--03 .width div::after, .dishwasher.replace-check .simulator.sp[data-step="q3"] .question--03 .width div::after {
  transition-delay: 3.1s;
  inset: 40px -10px -1px; }
  @media screen and (max-width: 768px) {
    .dishwasher.replace-check .simulator.sp[data-step="q3-2"] .question--03 .width div::after, .dishwasher.replace-check .simulator.sp[data-step="q3"] .question--03 .width div::after {
      inset: 25px -5px -1px; } }

.dishwasher.replace-check .simulator.sp[data-step="q3-2"] .question--03 .width div span, .dishwasher.replace-check .simulator.sp[data-step="q3"] .question--03 .width div span {
  transition-delay: 3.1s;
  opacity: 1;
  width: calc(100% + 20px); }
  @media screen and (max-width: 768px) {
    .dishwasher.replace-check .simulator.sp[data-step="q3-2"] .question--03 .width div span, .dishwasher.replace-check .simulator.sp[data-step="q3"] .question--03 .width div span {
      width: calc(100% + 10px); } }

/*--

  mainvisual top

====================================================== --*/
.dishwasher.replace-check .guide {
  background: url(../../products/kitchen/dishwasher/replace-check/images/guide_bg.webp) no-repeat center;
  background-size: cover;
  box-sizing: border-box;
  padding: 100px var(--r-padding); }
  @media screen and (max-width: 768px) {
    .dishwasher.replace-check .guide {
      padding-block: calc(var(--r-padding)*2); } }
  .dishwasher.replace-check .guide__body {
    gap: 40px;
    max-width: var(--r-width);
    margin-inline: auto; }
    @media screen and (max-width: 768px) {
      .dishwasher.replace-check .guide__body {
        max-width: none;
        flex-direction: column;
        gap: var(--r-padding); } }
    .dishwasher.replace-check .guide__body div {
      background: var(--r-c-white);
      border: 1px solid #BCA8B4;
      box-sizing: border-box;
      flex-basis: 480px; }
    .dishwasher.replace-check .guide__body h2 {
      background: #BCA8B4;
      color: var(--r-c-white);
      font-size: 1.8rem;
      font-weight: 400;
      height: 50px;
      margin-bottom: 25px;
      margin-inline: calc(var(--padding) * -1);
      display: block flex;
      justify-content: center;
      align-items: center; }
      @media screen and (max-width: 768px) {
        .dishwasher.replace-check .guide__body h2 {
          font-size: 1.5rem;
          height: 40px;
          margin-bottom: var(--r-padding); } }
    @media screen and (max-width: 768px) {
      .dishwasher.replace-check .guide__body dl {
        padding: 0px var(--r-padding); } }
    .dishwasher.replace-check .guide__body dt {
      font-size: 2.4rem;
      font-weight: 300;
      line-height: 1.5em;
      margin-bottom: 2px; }
      @media screen and (max-width: 768px) {
        .dishwasher.replace-check .guide__body dt {
          font-size: 2.1rem; } }
      .dishwasher.replace-check .guide__body dt span {
        font-size: 1.4rem;
        line-height: 1.2em; }
    .dishwasher.replace-check .guide__body p {
      margin-bottom: 15px;
      font-size: 1.4rem;
      line-height: 1.928em;
      font-weight: 300; }
      @media screen and (max-width: 768px) {
        .dishwasher.replace-check .guide__body p {
          font-size: 1.2rem;
          line-height: 1.8em; } }
    .dishwasher.replace-check .guide__body nav {
      margin: 0px auto;
      max-width: 300px;
      width: 100%; }
      .dishwasher.replace-check .guide__body nav a {
        background: var(--r-c-white);
        border: 1px solid #b00015;
        border-radius: 60px;
        color: #b00015;
        font-size: 1.4rem;
        font-weight: 400;
        height: 50px;
        line-height: 1.5em;
        position: relative;
        text-decoration: none;
        display: block flex;
        justify-content: center;
        align-items: center; }
        @media screen and (max-width: 768px) {
          .dishwasher.replace-check .guide__body nav a {
            height: 50px; } }
        @media screen and (min-width: 769px) {
          .dishwasher.replace-check .guide__body nav a {
            transition: all 250ms ease; }
            .dishwasher.replace-check .guide__body nav a:hover {
              background: #b00015;
              color: var(--r-c-white); } }
        .dishwasher.replace-check .guide__body nav a::after {
          background: currentColor;
          content: "";
          height: 12px;
          margin: auto;
          position: absolute;
          width: 12px;
          clip-path: url(#icon_blank);
          inset: 0px 25px 0px auto; }
  .dishwasher.replace-check .guide__search {
    flex-direction: column;
    max-width: 480px;
    padding: 0px 0px 40px;
    display: block flex;
    margin-inline: auto; }
    @media screen and (max-width: 768px) {
      .dishwasher.replace-check .guide__search {
        flex-basis: auto;
        padding-bottom: calc(var(--r-padding)*2); } }
    .dishwasher.replace-check .guide__search figure {
      display: block flex;
      justify-content: center;
      align-items: center; }
      @media screen and (min-width: 769px) {
        .dishwasher.replace-check .guide__search figure {
          height: 190px;
          max-width: 400px; } }
      .dishwasher.replace-check .guide__search figure img {
        width: 100%; }
    .dishwasher.replace-check .guide__search dl {
      flex-grow: 10;
      margin: 0px auto 20px;
      text-align: left; }
      @media screen and (min-width: 769px) {
        .dishwasher.replace-check .guide__search dl {
          max-width: 400px; } }

/*--

  symptoms top

====================================================== --*/
.dishwasher.replace-check .symptoms__list {
  gap: 20px;
  display: block flex;
  justify-content: center;
  align-items: flex-start; }
  @media screen and (max-width: 768px) {
    .dishwasher.replace-check .symptoms__list {
      gap: 20px 10px;
      flex-wrap: wrap; } }
  .dishwasher.replace-check .symptoms__list li {
    flex-basis: 240px; }
    @media screen and (max-width: 768px) {
      .dishwasher.replace-check .symptoms__list li {
        flex-basis: auto;
        width: calc(50% - 5px); } }
    .dishwasher.replace-check .symptoms__list li img {
      width: 100%; }
    .dishwasher.replace-check .symptoms__list li p {
      font-size: 1.5rem;
      font-weight: 400;
      line-height: 2.333em;
      text-align: left; }
      @media screen and (max-width: 768px) {
        .dishwasher.replace-check .symptoms__list li p {
          font-size: 1.4rem;
          line-height: 2em; } }

/*--

  symptoms top

====================================================== --*/
.dishwasher.replace-check .flow {
  background: url(../../products/kitchen/dishwasher/replace-check/images/flow_bg.webp) no-repeat center;
  background-size: cover; }
  .dishwasher.replace-check .flow__list {
    margin: 0px auto 50px;
    max-width: 1000px;
    position: relative;
    padding: 0px;
    z-index: 2; }
    @media screen and (max-width: 768px) {
      .dishwasher.replace-check .flow__list {
        margin-bottom: calc(var(--r-padding)*2); } }
    .dishwasher.replace-check .flow__list::after {
      background: #BCA8B4;
      content: "";
      margin: auto;
      position: absolute;
      width: 6px;
      z-index: -1;
      inset: 0px; }
      @media screen and (max-width: 768px) {
        .dishwasher.replace-check .flow__list::after {
          width: 4px; } }
    .dishwasher.replace-check .flow__list li {
      background: var(--r-c-white);
      border: 1px solid #BCA8B4;
      padding: 15px var(--r-padding); }
      .dishwasher.replace-check .flow__list li:not(:last-child) {
        margin-bottom: 40px; }
        @media screen and (max-width: 768px) {
          .dishwasher.replace-check .flow__list li:not(:last-child) {
            margin-bottom: var(--r-padding); } }
      .dishwasher.replace-check .flow__list li p {
        font-size: 1.4rem;
        line-height: 1.928em;
        font-weight: 300; }
        @media screen and (max-width: 768px) {
          .dishwasher.replace-check .flow__list li p {
            font-size: 1.2rem;
            line-height: 1.8em; } }
  .dishwasher.replace-check .flow h3 {
    font-size: 2.1rem;
    font-weight: 400;
    line-height: 2em;
    margin-bottom: 5px; }
    @media screen and (max-width: 768px) {
      .dishwasher.replace-check .flow h3 {
        font-size: 1.8rem; } }
  .dishwasher.replace-check .flow__sample > p {
    margin-bottom: 40px; }
    @media screen and (max-width: 768px) {
      .dishwasher.replace-check .flow__sample > p {
        text-align: left;
        margin-bottom: calc(var(--r-padding)*2); } }
  .dishwasher.replace-check .flow__sample p {
    font-size: 1.4rem;
    line-height: 1.928em;
    font-weight: 300; }
    @media screen and (max-width: 768px) {
      .dishwasher.replace-check .flow__sample p {
        font-size: 1.2rem;
        line-height: 1.8em; } }
  .dishwasher.replace-check .flow__sample ol {
    padding: 0px;
    max-width: 1000px;
    margin: 0px auto; }
    @media screen and (min-width: 769px) {
      .dishwasher.replace-check .flow__sample ol {
        flex-wrap: wrap;
        gap: 40px var(--r-padding);
        display: block flex;
        justify-content: space-between;
        align-items: center; }
        .dishwasher.replace-check .flow__sample ol li {
          max-width: 480px;
          width: calc(50% - 15px);
          flex-grow: 10; }
        .dishwasher.replace-check .flow__sample ol p {
          margin-top: 5px; } }
    .dishwasher.replace-check .flow__sample ol li {
      text-align: left; }
      @media screen and (max-width: 768px) {
        .dishwasher.replace-check .flow__sample ol li:not(:last-child) {
          margin-bottom: var(--r-padding); } }
    .dishwasher.replace-check .flow__sample ol img {
      width: 100%; }

/*--

  example top

====================================================== --*/
@media screen and (min-width: 769px) {
  .dishwasher.replace-check .example__01 li {
    gap: 60px var(--r-padding);
    margin-top: 50px; } }

.dishwasher.replace-check .example__01 li:nth-of-type(2) {
  order: 1; }

.dishwasher.replace-check .example__01 li:nth-of-type(1) {
  order: 2; }

.dishwasher.replace-check .example__01 li:nth-of-type(3) {
  order: 3; }

.dishwasher.replace-check .example__01 li:nth-of-type(4) {
  order: 4; }

.dishwasher.replace-check .example__02 {
  border-top: 1px solid var(--r-c-lightgray);
  gap: 50px var(--r-padding);
  margin-top: 80px;
  padding: 70px 0px 0px; }
  @media screen and (max-width: 768px) {
    .dishwasher.replace-check .example__02 {
      padding: 25px 0px 0px; } }
  .dishwasher.replace-check .example__02 li:nth-of-type(1) {
    max-width: none;
    width: 100%; }

.dishwasher.replace-check .example__body {
  max-width: 1000px;
  margin-inline: auto; }
  @media screen and (min-width: 769px) {
    .dishwasher.replace-check .example__body {
      flex-wrap: wrap;
      margin-bottom: 40px;
      text-align: left;
      display: block flex;
      justify-content: space-between;
      align-items: flex-start; } }
  @media screen and (max-width: 768px) {
    .dishwasher.replace-check .example__body {
      margin-bottom: calc(var(--r-padding)*2); } }
  .dishwasher.replace-check .example__body--02 {
    border-top: 1px solid var(--r-c-lightgray);
    gap: 50px var(--r-padding);
    margin-top: 80px;
    padding: 70px 0px 0px; }
    @media screen and (max-width: 768px) {
      .dishwasher.replace-check .example__body--02 {
        padding: calc(var(--r-padding)*2) 0px 0px;
        margin-top: calc(var(--r-padding)*2); } }
  .dishwasher.replace-check .example__body h3 {
    font-size: 2.4rem;
    font-weight: 400;
    line-height: 1.75em;
    margin-bottom: 13px; }
    @media screen and (max-width: 768px) {
      .dishwasher.replace-check .example__body h3 {
        font-size: 2.1rem;
        margin-bottom: var(--r-padding); } }
  .dishwasher.replace-check .example__body p {
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 1.5em;
    margin-bottom: 30px; }
    @media screen and (max-width: 768px) {
      .dishwasher.replace-check .example__body p {
        font-size: 1.5rem;
        margin-bottom: 10px; } }
  .dishwasher.replace-check .example__body dt {
    color: var(--r-c-red);
    gap: 10px;
    margin-bottom: 20px;
    display: block flex;
    justify-content: flex-start;
    align-items: center; }
    @media screen and (max-width: 768px) {
      .dishwasher.replace-check .example__body dt {
        flex-wrap: wrap; } }
    .dishwasher.replace-check .example__body dt span {
      border: 1px solid currentColor;
      box-sizing: border-box;
      font-size: 1.5rem;
      font-weight: 400;
      height: 40px;
      padding: 0px 15px;
      display: block flex;
      justify-content: center;
      align-items: center; }
      @media screen and (max-width: 768px) {
        .dishwasher.replace-check .example__body dt span {
          font-size: 1.2rem;
          padding: 0px 7px;
          height: 30px;
          gap: 8px; } }
    .dishwasher.replace-check .example__body dt i {
      border-color: transparent transparent transparent currentColor;
      border-style: solid;
      border-width: 7.5px 0px 7.5px 9px;
      display: inline-block;
      font-size: 0px;
      height: 0;
      width: 0; }
  .dishwasher.replace-check .example__body dd {
    font-size: 1.4rem;
    line-height: 1.928em;
    font-weight: 300; }
    @media screen and (max-width: 768px) {
      .dishwasher.replace-check .example__body dd {
        font-size: 1.2rem;
        line-height: 1.8em; } }
  .dishwasher.replace-check .example__body div {
    text-align: left; }
  .dishwasher.replace-check .example__body:has(figure) div {
    order: 2; }
    @media screen and (min-width: 769px) {
      .dishwasher.replace-check .example__body:has(figure) div {
        max-width: 480px;
        width: calc(50% - 15px); } }
    @media screen and (max-width: 768px) {
      .dishwasher.replace-check .example__body:has(figure) div {
        margin-bottom: var(--r-padding); } }
  .dishwasher.replace-check .example__body figure {
    order: 1; }
    @media screen and (min-width: 769px) {
      .dishwasher.replace-check .example__body figure {
        max-width: 480px;
        width: calc(50% - 15px); } }
    .dishwasher.replace-check .example__body figure img {
      width: 100%; }

.dishwasher.replace-check .example__beforeafter {
  max-width: 1000px;
  margin-inline: auto; }
  @media screen and (min-width: 769px) {
    .dishwasher.replace-check .example__beforeafter {
      display: block flex;
      justify-content: space-between;
      align-items: flex-start; } }
  .dishwasher.replace-check .example__beforeafter figure {
    position: relative; }
    @media screen and (min-width: 769px) {
      .dishwasher.replace-check .example__beforeafter figure {
        max-width: 480px;
        width: calc(50% - 15px); } }
    @media screen and (max-width: 768px) {
      .dishwasher.replace-check .example__beforeafter figure {
        margin-bottom: calc(var(--r-padding)*2); } }
    .dishwasher.replace-check .example__beforeafter figure figcaption {
      background: var(--r-c-red);
      border-radius: 3px;
      color: var(--r-c-white);
      font-size: 1.4rem;
      height: 24px;
      position: absolute;
      width: 120px;
      display: block flex;
      justify-content: center;
      align-items: center;
      inset: 10px auto auto 10px; }
  .dishwasher.replace-check .example__beforeafter img {
    width: 100%; }
  .dishwasher.replace-check .example__beforeafter--before::after {
    border-color: transparent transparent transparent var(--r-c-red);
    border-style: solid;
    border-width: 15px 0px 15px 18px;
    content: "";
    display: inline-block;
    height: 0;
    margin: auto;
    position: absolute;
    width: 0;
    inset: 0px auto 0px calc(100% + 11px); }
    @media screen and (max-width: 768px) {
      .dishwasher.replace-check .example__beforeafter--before::after {
        inset: calc(100% + 7px) 0px auto;
        border-width: 15px 9px 0px 9px;
        border-color: var(--r-c-red) transparent transparent transparent; } }

.dishwasher.replace-check .example ul li {
  text-align: left; }
  @media screen and (min-width: 769px) {
    .dishwasher.replace-check .example ul li {
      max-width: 480px;
      width: calc(50% - 15px); } }
  @media screen and (max-width: 768px) {
    .dishwasher.replace-check .example ul li {
      margin-bottom: var(--r-padding); } }

/*--

  contact top

====================================================== --*/
.dishwasher.replace-check .contact {
  background: url(../../products/kitchen/dishwasher/replace-check/images/contact_bg.webp) no-repeat center;
  background-size: cover;
  color: var(--r-c-white); }
  .dishwasher.replace-check .contact h2 {
    font-size: 1.8rem;
    font-weight: 500;
    margin-bottom: 25px; }
  .dishwasher.replace-check .contact p {
    font-size: 1.5rem;
    font-weight: 300;
    line-height: 2.4em;
    margin-bottom: 75px; }
    @media screen and (max-width: 768px) {
      .dishwasher.replace-check .contact p {
        font-size: 1.3rem;
        line-height: 2em;
        margin-bottom: calc(var(--r-padding)*2); } }
  .dishwasher.replace-check .contact ul {
    gap: var(--r-padding);
    max-width: 780px;
    margin-inline: auto;
    display: block flex;
    justify-content: space-between;
    align-items: center; }
    @media screen and (max-width: 768px) {
      .dishwasher.replace-check .contact ul {
        flex-direction: column; } }
    @media screen and (min-width: 769px) {
      .dishwasher.replace-check .contact ul li {
        flex-basis: 360px; } }
    @media screen and (max-width: 768px) {
      .dishwasher.replace-check .contact ul li {
        width: 80%; } }
    .dishwasher.replace-check .contact ul a {
      background: var(--r-c-white);
      border: 1px solid #b00015;
      border-radius: 60px;
      color: #b00015;
      font-size: 1.5rem;
      font-weight: 400;
      height: 60px;
      line-height: 1.5em;
      position: relative;
      text-decoration: none;
      display: block flex;
      justify-content: center;
      align-items: center; }
      @media screen and (max-width: 768px) {
        .dishwasher.replace-check .contact ul a {
          height: 50px; } }
      @media screen and (min-width: 769px) {
        .dishwasher.replace-check .contact ul a {
          transition: all 250ms ease; }
          .dishwasher.replace-check .contact ul a:hover {
            background: #b00015;
            color: var(--r-c-white); } }
      .dishwasher.replace-check .contact ul a::after {
        background: currentColor;
        content: "";
        height: 12px;
        margin: auto;
        position: absolute;
        width: 12px;
        clip-path: url(#icon_blank);
        inset: 0px 25px 0px auto; }

/*--

  bns top

====================================================== --*/
.dishwasher.replace-check .bns {
  background: var(--r-c-k10);
  padding: 80px var(--r-padding); }
  @media screen and (max-width: 768px) {
    .dishwasher.replace-check .bns {
      padding-block: calc(var(--r-padding)*2); } }
  .dishwasher.replace-check .bns nav {
    margin: 0px auto 80px;
    max-width: 960px; }
    @media screen and (max-width: 768px) {
      .dishwasher.replace-check .bns nav {
        margin-bottom: var(--r-padding); } }
    .dishwasher.replace-check .bns nav img {
      width: 100%; }
    .dishwasher.replace-check .bns nav a {
      display: block; }
      @media (hover: hover) {
        .dishwasher.replace-check .bns nav a {
          text-decoration: none;
          transition: all 250ms ease; }
          .dishwasher.replace-check .bns nav a:hover {
            opacity: 0.7; } }
  .dishwasher.replace-check .bns ul {
    margin: 0px auto;
    max-width: 960px; }
    @media screen and (min-width: 769px) {
      .dishwasher.replace-check .bns ul {
        flex-wrap: wrap;
        gap: 50px var(--r-padding);
        display: block flex;
        justify-content: space-between;
        align-items: flex-start; } }
    .dishwasher.replace-check .bns ul li {
      max-width: 460px;
      width: calc(50% - 15px); }
      @media screen and (max-width: 768px) {
        .dishwasher.replace-check .bns ul li {
          max-width: none;
          width: 100%; }
          .dishwasher.replace-check .bns ul li:not(:last-child) {
            margin-bottom: var(--r-padding); } }
    .dishwasher.replace-check .bns ul a {
      background: url(../../products/kitchen/dishwasher/replace-check/images/btn_bg.webp) no-repeat center var(--r-c-black);
      background-size: cover;
      color: var(--r-c-white);
      display: block flow;
      overflow: hidden;
      position: relative;
      z-index: 5; }
      @media (hover: hover) {
        .dishwasher.replace-check .bns ul a {
          text-decoration: none;
          transition: all 250ms ease; }
          .dishwasher.replace-check .bns ul a:hover {
            opacity: 0.7; } }
      .dishwasher.replace-check .bns ul a::after {
        content: "";
        position: absolute;
        z-index: -1; }
    .dishwasher.replace-check .bns ul img {
      width: 100%; }
    .dishwasher.replace-check .bns ul dl {
      align-items: flex-start;
      box-sizing: border-box;
      display: flex;
      flex-direction: column;
      height: 100%;
      justify-content: center;
      left: 0px;
      padding: 0px 0px 0px var(--r-padding);
      position: absolute;
      text-align: left;
      text-shadow: 0px 0px 3px var(--r-c-black), 0px 0px 3px var(--r-c-black);
      top: 0px;
      width: 100%; }
      .dishwasher.replace-check .bns ul dl dt {
        font-size: 1.8rem;
        font-weight: 300;
        letter-spacing: 0.04em;
        line-height: 1.5em;
        margin: 0px 0px 10px; }
      .dishwasher.replace-check .bns ul dl dd {
        font-size: 1rem;
        font-weight: 300;
        letter-spacing: 0.02em;
        line-height: 1.636em; }
        @media screen and (max-width: 1023px) {
          .dishwasher.replace-check .bns ul dl dd {
            font-size: 1rem; } }
  .dishwasher.replace-check .bns__01 a {
    height: 150px; }
    .dishwasher.replace-check .bns__01 a::after {
      background: url(../../products/kitchen/dishwasher/replace-check/images/btn_01.webp) no-repeat center;
      background-size: cover;
      bottom: 0px;
      height: 100px;
      margin: auto;
      right: 13px;
      top: 0px;
      width: 219px; }
      @media screen and (max-width: 1023px) {
        .dishwasher.replace-check .bns__01 a::after {
          right: -25px; } }
      @media screen and (max-width: 768px) {
        .dishwasher.replace-check .bns__01 a::after {
          height: 80px;
          right: -15px;
          width: 175.2px; } }
  .dishwasher.replace-check .bns__02 a {
    height: 150px; }
    .dishwasher.replace-check .bns__02 a::after {
      background: url(../../products/kitchen/dishwasher/replace-check/images/btn_02.webp) no-repeat center;
      background-size: cover;
      bottom: 0px;
      height: 112px;
      margin: auto;
      right: 44px;
      top: 0px;
      width: 123px; }
      @media screen and (max-width: 1023px) {
        .dishwasher.replace-check .bns__02 a::after {
          right: 15px; } }
      @media screen and (max-width: 768px) {
        .dishwasher.replace-check .bns__02 a::after {
          height: 89.6px;
          right: 10px;
          width: 98.4px; } }
  .dishwasher.replace-check .bns__04 {
    margin: 25px 0px 0px;
    max-width: 480px;
    position: relative;
    width: calc(50% - 15px); }
    @media screen and (max-width: 768px) {
      .dishwasher.replace-check .bns__04 {
        margin: 20px 0px 0px;
        width: 100%; } }
    .dishwasher.replace-check .bns__04 p {
      font-size: 1.5rem;
      font-weight: 400;
      position: absolute;
      text-align: left;
      line-height: 20px;
      top: -30px; }
      @media screen and (max-width: 768px) {
        .dishwasher.replace-check .bns__04 p {
          position: static;
          margin: 0px 0px 10px; } }

/*--

  result top

====================================================== --*/
.dishwasher.replace-check .result {
  background: linear-gradient(to top, var(--r-c-white) 0%, var(--r-c-k10) 50%);
  box-sizing: border-box;
  display: none;
  padding: 80px var(--r-padding) 60px;
  position: relative; }
  @media screen and (max-width: 768px) {
    .dishwasher.replace-check .result {
      min-height: calc(100svh - var(--r-headerHeight)); } }
  @media screen and (min-width: 769px) {
    .dishwasher.replace-check .result {
      min-height: calc(100vh - var(--r-headerHeight)); } }
  @media screen and (max-width: 768px) {
    .dishwasher.replace-check .result {
      padding: calc(var(--r-padding)*2) var(--r-padding); } }
  .dishwasher.replace-check .result[data-status="show"] {
    display: block; }
    .dishwasher.replace-check .result[data-status="show"] h2 {
      animation: baseanm 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s 1 forwards; }
    .dishwasher.replace-check .result[data-status="show"] .result__lead dt {
      animation: baseanm 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.15s 1 forwards; }
    .dishwasher.replace-check .result[data-status="show"] .result__lead dd {
      animation: baseanm 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.3s 1 forwards; }
    .dishwasher.replace-check .result[data-status="show"] .result__none,
    .dishwasher.replace-check .result[data-status="show"] .result__list {
      animation: baseanm 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.45s 1 forwards; }
  .dishwasher.replace-check .result h2,
  .dishwasher.replace-check .result .result__lead dt,
  .dishwasher.replace-check .result .result__lead dd,
  .dishwasher.replace-check .result .result__none,
  .dishwasher.replace-check .result .result__list {
    opacity: 0; }
  .dishwasher.replace-check .result .c-box__body {
    display: none; }
  .dishwasher.replace-check .result[data-result="p1"] .result--p1 {
    display: block; }
  .dishwasher.replace-check .result[data-result="p2"] .result--p2 {
    display: block; }
  .dishwasher.replace-check .result[data-result="p3"] .result--p3 {
    display: block; }
  .dishwasher.replace-check .result[data-result="p4"] .result--p4 {
    display: block; }
  .dishwasher.replace-check .result[data-result="p5"] .result--p5 {
    display: block; }
  .dishwasher.replace-check .result[data-result="p6"] .result--p6 {
    display: block; }
  .dishwasher.replace-check .result[data-result="p7"] .result--p7 {
    display: block; }
  .dishwasher.replace-check .result h2 {
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 2em;
    margin: 0px 0px 25px; }
    @media screen and (max-width: 768px) {
      .dishwasher.replace-check .result h2 {
        margin: 0px 0px var(--r-padding); } }
  .dishwasher.replace-check .result__restart {
    position: absolute;
    font-size: 1.4rem;
    line-height: 1.928em;
    font-weight: 300;
    inset: var(--r-headerHeight) 10px auto auto; }
    @media screen and (max-width: 768px) {
      .dishwasher.replace-check .result__restart {
        font-size: 1.2rem;
        line-height: 1.8em; } }
  .dishwasher.replace-check .result__lead {
    margin-bottom: 45px; }
    @media screen and (max-width: 768px) {
      .dishwasher.replace-check .result__lead {
        margin-bottom: calc(var(--r-padding)*2); } }
    .dishwasher.replace-check .result__lead dt {
      font-size: 2.4rem;
      font-weight: 300;
      line-height: 1.5em;
      margin-bottom: 7px; }
      @media screen and (max-width: 768px) {
        .dishwasher.replace-check .result__lead dt {
          font-size: 2.1rem; } }
    .dishwasher.replace-check .result__lead dd {
      color: var(--r-c-k60);
      line-height: 1.8em; }
    .dishwasher.replace-check .result__lead--none {
      margin-bottom: 50px; }
      @media screen and (max-width: 768px) {
        .dishwasher.replace-check .result__lead--none {
          margin-bottom: 30px; } }
      .dishwasher.replace-check .result__lead--none dd {
        color: var(--r-c-black);
        margin-top: 32px;
        font-size: 1.4rem;
        line-height: 1.928em;
        font-weight: 300; }
        @media screen and (max-width: 768px) {
          .dishwasher.replace-check .result__lead--none dd {
            margin-top: var(--r-padding); } }
        @media screen and (max-width: 768px) {
          .dishwasher.replace-check .result__lead--none dd {
            font-size: 1.2rem;
            line-height: 1.8em; } }
  .dishwasher.replace-check .result__none figure {
    margin: 0px auto 35px;
    max-width: 500px; }
    @media screen and (max-width: 768px) {
      .dishwasher.replace-check .result__none figure {
        margin-bottom: var(--r-padding); } }
    .dishwasher.replace-check .result__none figure img {
      width: 100%; }
  .dishwasher.replace-check .result__none dt {
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 1.5em;
    margin-bottom: 45px; }
    @media screen and (max-width: 768px) {
      .dishwasher.replace-check .result__none dt {
        margin-bottom: 20px;
        font-size: 1.5rem; } }
  .dishwasher.replace-check .result__none dd {
    gap: var(--r-padding);
    margin: 0px auto;
    max-width: 760px;
    display: block flex;
    justify-content: space-between;
    align-items: center; }
    @media screen and (max-width: 768px) {
      .dishwasher.replace-check .result__none dd {
        flex-direction: column; } }
  .dishwasher.replace-check .result__none .c-btn {
    max-width: 360px; }
    .dishwasher.replace-check .result__none .c-btn a {
      font-size: 1.5rem;
      font-weight: 400;
      height: 60px; }
      @media screen and (max-width: 768px) {
        .dishwasher.replace-check .result__none .c-btn a {
          height: 50px; } }
      @media screen and (min-width: 769px) {
        .dishwasher.replace-check .result__none .c-btn a:hover::before {
          inset: -3px -18px; } }
  .dishwasher.replace-check .result__list {
    margin: 0px auto;
    max-width: 1000px; }
    .dishwasher.replace-check .result__list > li {
      background: var(--r-c-white);
      border: 1px solid #BCA8B4;
      margin-bottom: 40px;
      padding: 40px;
      position: relative; }
      @media screen and (max-width: 768px) {
        .dishwasher.replace-check .result__list > li {
          position: relative;
          display: block flex;
          flex-direction: column;
          margin-bottom: var(--r-padding);
          padding: var(--r-padding); } }
      @media screen and (min-width: 769px) {
        .dishwasher.replace-check .result__list > li {
          gap: var(--r-padding);
          display: block flex;
          justify-content: space-between;
          align-items: flex-start; } }
      @media screen and (min-width: 769px) {
        .dishwasher.replace-check .result__list > li figure {
          flex-basis: 300px; } }
      @media screen and (max-width: 768px) {
        .dishwasher.replace-check .result__list > li figure {
          position: relative;
          margin-bottom: 10px;
          order: 2; } }
      .dishwasher.replace-check .result__list > li figure img {
        width: 100%; }
  .dishwasher.replace-check .result__airbubble {
    position: absolute;
    right: 40px;
    top: 40px;
    width: 39px; }
    @media screen and (max-width: 768px) {
      .dishwasher.replace-check .result__airbubble {
        top: 10px;
        right: 10px;
        width: 30px; } }
    .dishwasher.replace-check .result__airbubble img {
      width: 100%; }
  .dishwasher.replace-check .result__body {
    flex-basis: 580px;
    text-align: left;
    flex-grow: 10; }
    @media screen and (max-width: 768px) {
      .dishwasher.replace-check .result__body {
        display: contents; } }
    .dishwasher.replace-check .result__body h3 {
      font-size: 2.4rem;
      font-weight: 300;
      line-height: 1.75em;
      margin-block: -0.25lh 10px; }
      @media screen and (max-width: 768px) {
        .dishwasher.replace-check .result__body h3 {
          font-size: 2.1rem;
          margin-top: 0px;
          order: 1; } }
    .dishwasher.replace-check .result__body h4 {
      font-size: 1.8rem;
      font-weight: 500;
      line-height: 2.333em; }
      @media screen and (max-width: 768px) {
        .dishwasher.replace-check .result__body h4 {
          font-size: 1.5rem;
          order: 3; } }
      .dishwasher.replace-check .result__body h4:first-child {
        padding-top: 50px; }
        @media screen and (max-width: 768px) {
          .dishwasher.replace-check .result__body h4:first-child {
            padding-top: calc(var(--r-padding)*2); } }
    @media screen and (min-width: 769px) {
      .dishwasher.replace-check .result__body .c-btn {
        margin: 0px; } }
    @media screen and (max-width: 768px) {
      .dishwasher.replace-check .result__body .c-btn {
        order: 5; } }
    .dishwasher.replace-check .result__body:has(:checked) .result__note {
      grid-template-rows: 1fr; }
    .dishwasher.replace-check .result__body:has(:checked) .result__acc label i span::after {
      width: 1px; }
  .dishwasher.replace-check .result__acc {
    margin: -40px 0px 0px 240px;
    position: relative; }
    @media screen and (max-width: 1023px) {
      .dishwasher.replace-check .result__acc {
        margin: 20px 0px 0px 0px; } }
    @media screen and (max-width: 768px) {
      .dishwasher.replace-check .result__acc {
        order: 6; } }
    .dishwasher.replace-check .result__acc input {
      opacity: 0;
      position: absolute;
      right: 0px;
      top: 0px; }
    .dishwasher.replace-check .result__acc label {
      color: #BCA8B4;
      cursor: pointer;
      font-weight: 400;
      gap: 20px;
      display: block flex;
      justify-content: flex-end;
      align-items: center;
      font-size: 1.4rem;
      line-height: 1.928em;
      font-weight: 500; }
      @media screen and (max-width: 768px) {
        .dishwasher.replace-check .result__acc label {
          font-size: 1.2rem;
          line-height: 1.8em; } }
      @media screen and (min-width: 769px) {
        .dishwasher.replace-check .result__acc label:hover i::after {
          background: #c2c9d0;
          inset: -4px; }
        .dishwasher.replace-check .result__acc label:hover i span {
          color: var(--r-c-white); } }
      .dishwasher.replace-check .result__acc label i {
        box-sizing: border-box;
        content: "";
        height: 40px;
        position: relative;
        width: 40px;
        z-index: 2; }
        .dishwasher.replace-check .result__acc label i::after {
          border: 1px solid #BCA8B4;
          border-radius: 100%;
          content: "";
          margin: auto;
          position: absolute;
          z-index: -1;
          transition: all 250ms ease;
          inset: 0px; }
        .dishwasher.replace-check .result__acc label i span {
          border-radius: 100%;
          height: 100%;
          width: 100%;
          transition: all 250ms ease; }
          .dishwasher.replace-check .result__acc label i span::before, .dishwasher.replace-check .result__acc label i span::after {
            background: currentColor;
            content: "";
            height: 1px;
            width: 9px;
            transition: all 250ms ease;
            margin: auto;
            position: absolute;
            inset: 0; }
          .dishwasher.replace-check .result__acc label i span::after {
            rotate: 90deg; }
  .dishwasher.replace-check .result__spec {
    display: block grid;
    margin-bottom: 14px;
    font-size: 1.4rem;
    line-height: 1.928em;
    font-weight: 300;
    grid-template-columns: auto 1fr; }
    @media screen and (max-width: 768px) {
      .dishwasher.replace-check .result__spec {
        order: 4; } }
    @media screen and (max-width: 768px) {
      .dishwasher.replace-check .result__spec {
        font-size: 1.2rem;
        line-height: 1.8em; } }
    .dishwasher.replace-check .result__spec dt::after {
      content: "："; }
    .dishwasher.replace-check .result__spec dd span {
      font-size: 80%; }
  .dishwasher.replace-check .result__note {
    display: block grid;
    transition: all 250ms ease;
    grid-template-rows: 0fr; }
    @media screen and (max-width: 768px) {
      .dishwasher.replace-check .result__note {
        order: 7; } }
  .dishwasher.replace-check .result .detail {
    height: 100%;
    overflow: hidden;
    transition: overflow 1ms ease 500ms; }
    @media screen and (min-width: 769px) {
      .dishwasher.replace-check .result .detail {
        margin-left: -20px;
        padding-left: 20px; } }
    @media screen and (min-width: 769px) {
      .dishwasher.replace-check .result .detail .result__acc {
        margin-bottom: 4px;
        margin-right: 4px;
        margin-top: 50px; } }
    .dishwasher.replace-check .result .detail ul {
      margin-bottom: 25px;
      font-size: 1.4rem;
      line-height: 1.928em;
      font-weight: 300; }
      @media screen and (max-width: 768px) {
        .dishwasher.replace-check .result .detail ul {
          font-size: 1.2rem;
          line-height: 1.8em; } }
      .dishwasher.replace-check .result .detail ul li a {
        color: var(--r-c-black);
        text-decoration: underline; }
        @media (hover: hover) {
          .dishwasher.replace-check .result .detail ul li a:hover {
            text-decoration: none; } }
    .dishwasher.replace-check .result .detail .c-btn {
      margin-top: -10px;
      margin-bottom: 25px; }
    .dishwasher.replace-check .result .detail__caption {
      margin-bottom: var(--r-padding); }
    @media screen and (min-width: 769px) {
      .dishwasher.replace-check .result .detail__block {
        gap: 20px;
        margin-bottom: 40px;
        display: block flex;
        justify-content: center;
        align-items: flex-start; } }
    @media screen and (max-width: 768px) {
      .dishwasher.replace-check .result .detail__block {
        margin-bottom: calc(var(--r-padding)*2); } }
    .dishwasher.replace-check .result .detail__block figure {
      flex-basis: 300px;
      position: relative; }
      .dishwasher.replace-check .result .detail__block figure img {
        width: 100%; }
        .dishwasher.replace-check .result .detail__block figure img.ex {
          animation: fadeimg 5s linear 0s infinite;
          position: absolute;
          inset: 0px auto auto 0px; }
    .dishwasher.replace-check .result .detail__block div {
      flex-basis: 260px; }
      .dishwasher.replace-check .result .detail__block div p {
        font-size: 1.4rem;
        line-height: 1.928em;
        font-weight: 300; }
        @media screen and (max-width: 768px) {
          .dishwasher.replace-check .result .detail__block div p {
            font-size: 1.2rem;
            line-height: 1.8em; } }
        .dishwasher.replace-check .result .detail__block div p span {
          font-size: 1rem; }

@keyframes fadeimg {
  0% {
    opacity: 0; }
  45% {
    opacity: 0; }
  50% {
    opacity: 1; }
  95% {
    opacity: 1; }
  100% {
    opacity: 0; } }

.dishwasher.replace-check .simulator-modal {
  align-items: center;
  background: rgb(0 0 0 / 0.8);
  box-sizing: border-box;
  display: none;
  height: 100%;
  justify-content: center;
  left: 0px;
  padding: var(--r-headerHeight) var(--r-padding) 0px;
  pointer-events: none;
  position: fixed;
  top: 0px;
  width: 100%;
  z-index: 1010; }
  @media screen and (max-width: 768px) {
    .dishwasher.replace-check .simulator-modal {
      padding: var(--r-headerHeight) 0px 0px; } }
  .dishwasher.replace-check .simulator-modal[data-modal="show"] {
    animation: fadein 500ms ease 0s 1 forwards;
    display: flex;
    pointer-events: auto; }
  .dishwasher.replace-check .simulator-modal[data-modal="close"] {
    animation: fadeout 500ms ease 0s 1 forwards;
    display: flex; }
  .dishwasher.replace-check .simulator-modal[data-modal="hide"] {
    display: none; }
  .dishwasher.replace-check .simulator-modal[data-type="p1"] .simulator-modal__body--01 {
    display: block flex; }
  .dishwasher.replace-check .simulator-modal[data-type="p2"] .simulator-modal__body--02 {
    display: block flex; }
  .dishwasher.replace-check .simulator-modal__body {
    color: var(--r-c-white);
    flex-direction: column;
    height: 100%;
    max-width: var(--r-width)60px;
    overflow: auto;
    width: 100%;
    display: none;
    justify-content: center;
    align-items: center; }
    @media screen and (max-width: 768px) {
      .dishwasher.replace-check .simulator-modal__body {
        padding: 0px var(--r-padding);
        position: relative; } }
    .dishwasher.replace-check .simulator-modal__body h2 {
      font-size: 1.8rem;
      font-weight: 500;
      line-height: 2em;
      margin-bottom: 50px; }
      @media screen and (max-width: 768px) {
        .dishwasher.replace-check .simulator-modal__body h2 {
          font-size: 1.5rem;
          line-height: 1.8em;
          margin-bottom: calc(var(--r-padding)*2); } }
    .dishwasher.replace-check .simulator-modal__body ul {
      gap: var(--r-padding);
      max-width: 660px;
      width: 100%;
      display: block flex;
      justify-content: space-between;
      align-items: flex-start; }
      .dishwasher.replace-check .simulator-modal__body ul li {
        flex-basis: 300px; }
      .dishwasher.replace-check .simulator-modal__body ul img {
        width: 100%; }
      .dishwasher.replace-check .simulator-modal__body ul figure {
        margin-bottom: 20px; }
        @media screen and (max-width: 768px) {
          .dishwasher.replace-check .simulator-modal__body ul figure {
            margin-bottom: var(--r-padding); } }
      .dishwasher.replace-check .simulator-modal__body ul h3 {
        font-size: 1.5rem;
        font-weight: 500;
        line-height: 1.8em;
        margin-bottom: 8px; }
        @media screen and (max-width: 768px) {
          .dishwasher.replace-check .simulator-modal__body ul h3 {
            font-size: 1.4rem;
            margin-bottom: 5px; } }
      .dishwasher.replace-check .simulator-modal__body ul p {
        font-size: 1.4rem;
        line-height: 1.714em;
        margin-bottom: 20px; }
        @media screen and (max-width: 768px) {
          .dishwasher.replace-check .simulator-modal__body ul p {
            font-size: 1.2rem;
            margin-bottom: var(--r-padding); } }
      .dishwasher.replace-check .simulator-modal__body ul nav {
        margin: 0px auto;
        max-width: 240px; }
        .dishwasher.replace-check .simulator-modal__body ul nav a {
          background: transparent;
          border: none;
          border-radius: 60px;
          color: var(--r-c-white);
          cursor: pointer;
          font-family: proxima-nova, source-han-sans-japanese, sans-serif;
          font-size: 1.4rem;
          font-weight: 400;
          height: 40px;
          position: relative;
          text-decoration: none;
          display: block flex;
          justify-content: center;
          align-items: center; }
          @media screen and (max-width: 768px) {
            .dishwasher.replace-check .simulator-modal__body ul nav a {
              height: 30px; } }
          @media screen and (min-width: 769px) {
            .dishwasher.replace-check .simulator-modal__body ul nav a:hover::before {
              background: rgb(255 255 255 / 0.2);
              inset: -2px -12px; } }
          .dishwasher.replace-check .simulator-modal__body ul nav a::before {
            border: 1px solid currentColor;
            border-radius: 60px;
            box-sizing: border-box;
            content: "";
            margin: auto;
            pointer-events: none;
            position: absolute;
            transition: all 250ms ease;
            inset: 0px; }
  .dishwasher.replace-check .simulator-modal__close {
    border: 1px solid var(--r-c-white);
    border-radius: 100%;
    cursor: pointer;
    height: 48px;
    position: absolute;
    right: var(--r-padding);
    top: var(--r-padding);
    width: 48px;
    z-index: 500;
    transition: all 250ms ease; }
    .dishwasher.replace-check .simulator-modal__close:hover {
      background: rgb(255 255 255 / 0.2); }
    .dishwasher.replace-check .simulator-modal__close::before, .dishwasher.replace-check .simulator-modal__close::after {
      background: var(--r-c-white);
      content: "";
      height: 1px;
      position: absolute;
      transition: all 500ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
      width: 17px;
      margin: auto;
      position: absolute;
      inset: 0; }
    .dishwasher.replace-check .simulator-modal__close::before {
      transform: rotate(45deg); }
    .dishwasher.replace-check .simulator-modal__close::after {
      transform: rotate(-45deg); }

/*--

  dishwasher.dishwasher-contact

====================================================== --*/
.dishwasher.dishwasher-contact .c-title {
  align-items: center;
  background: url(../../products/kitchen/dishwasher/contact/images/title_bg.webp) no-repeat center;
  background-size: cover;
  box-sizing: border-box;
  color: var(--r-c-white);
  display: flex;
  flex-direction: column;
  height: 300px;
  justify-content: center;
  padding: 0px var(--r-padding) 40px; }
  @media screen and (max-width: 768px) {
    .dishwasher.dishwasher-contact .c-title {
      height: 200px;
      padding: 0px var(--r-padding) 0px; } }
  .dishwasher.dishwasher-contact .c-title h1 {
    font-size: 2.4rem;
    font-weight: 300;
    line-height: 2em;
    margin: 0px 0px 20px; }
    @media screen and (max-width: 768px) {
      .dishwasher.dishwasher-contact .c-title h1 {
        font-size: 2.1rem;
        margin: 0px 0px 10px; } }
  .dishwasher.dishwasher-contact .c-title p {
    font-size: 1.5rem;
    line-height: 1.8em; }
    @media screen and (max-width: 768px) {
      .dishwasher.dishwasher-contact .c-title p {
        font-size: 1.3rem;
        line-height: 1.8em; } }
    .dishwasher.dishwasher-contact .c-title p a {
      color: inherit; }

.dishwasher.dishwasher-contact .contact__body {
  padding: 75px var(--r-padding) 160px; }
  @media screen and (max-width: 768px) {
    .dishwasher.dishwasher-contact .contact__body {
      padding: 40px var(--r-padding) 80px; } }

.dishwasher.dishwasher-contact .contact__complete {
  margin: 0px auto;
  max-width: var(--r-width); }
  .dishwasher.dishwasher-contact .contact__complete h2 {
    font-size: 1.8rem;
    font-weight: 300;
    line-height: 1.5em;
    margin: 0px 0px 65px; }
    @media screen and (max-width: 768px) {
      .dishwasher.dishwasher-contact .contact__complete h2 {
        margin: 0px 0px calc(var(--r-padding)*2); } }
  .dishwasher.dishwasher-contact .contact__complete p {
    font-size: 1.2rem;
    line-height: 2em;
    margin: 0px 0px 2em; }
  .dishwasher.dishwasher-contact .contact__complete nav {
    height: 50px;
    margin: 60px auto 0px;
    width: 360px; }
    @media screen and (max-width: 768px) {
      .dishwasher.dishwasher-contact .contact__complete nav {
        height: 40px;
        margin: calc(var(--r-padding)*2) auto 0px;
        width: 75%; } }
    .dishwasher.dishwasher-contact .contact__complete nav a {
      border-radius: 50px;
      font-size: 1.5rem;
      align-items: center;
      border: 1px solid currentColor;
      box-sizing: border-box;
      color: var(--r-c-black);
      display: flex;
      font-weight: 400;
      height: 100%;
      justify-content: center;
      text-decoration: none;
      width: 100%;
      transition: all 250ms ease; }
      @media (hover: hover) {
        .dishwasher.dishwasher-contact .contact__complete nav a {
          text-decoration: none;
          transition: all 250ms ease; }
          .dishwasher.dishwasher-contact .contact__complete nav a:hover {
            opacity: 0.7; } }

.dishwasher.dishwasher-contact .contact__btn {
  height: 50px;
  margin: 60px auto 0px;
  width: 360px; }
  @media screen and (max-width: 768px) {
    .dishwasher.dishwasher-contact .contact__btn {
      height: 40px;
      margin: calc(var(--r-padding)*2) auto 0px;
      width: 75%; } }
  .dishwasher.dishwasher-contact .contact__btn a {
    border-radius: 50px;
    font-size: 1.5rem;
    align-items: center;
    border: 1px solid currentColor;
    box-sizing: border-box;
    color: var(--r-c-black);
    display: flex;
    font-weight: 400;
    height: 100%;
    justify-content: center;
    text-decoration: none;
    width: 100%;
    transition: all 250ms ease; }
    @media (hover: hover) {
      .dishwasher.dishwasher-contact .contact__btn a {
        text-decoration: none;
        transition: all 250ms ease; }
        .dishwasher.dishwasher-contact .contact__btn a:hover {
          opacity: 0.7; } }

.dishwasher.dishwasher-contact .contact__lead {
  font-size: 1.2rem;
  line-height: 2em;
  margin: 0px 0px 57px; }
  @media screen and (max-width: 768px) {
    .dishwasher.dishwasher-contact .contact__lead {
      margin: 0px 0px calc(var(--r-padding)*2);
      text-align: left; } }
  .dishwasher.dishwasher-contact .contact__lead strong {
    color: red;
    display: block;
    font-weight: 500; }

.dishwasher.dishwasher-contact .contact__form {
  align-items: flex-start;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin: 0px auto;
  max-width: var(--r-width); }
  @media screen and (max-width: 768px) {
    .dishwasher.dishwasher-contact .contact__form {
      display: block; } }
  .dishwasher.dishwasher-contact .contact__form + dl {
    border-top: 1px solid var(--r-c-k40);
    padding: 60px 0px 0px; }
    @media screen and (max-width: 768px) {
      .dishwasher.dishwasher-contact .contact__form + dl {
        padding: calc(var(--r-padding)*2) 0px 0px; } }
  .dishwasher.dishwasher-contact .contact__form dt {
    box-sizing: border-box;
    font-weight: 300;
    padding: 0px 20px 0px 0px;
    text-align: right;
    width: 31.25%;
    font-size: 1.5rem;
    line-height: 40px; }
    @media screen and (max-width: 768px) {
      .dishwasher.dishwasher-contact .contact__form dt {
        font-size: 1.3rem;
        line-height: 1.8em; } }
    @media screen and (max-width: 768px) {
      .dishwasher.dishwasher-contact .contact__form dt {
        text-align: left;
        width: auto; } }
  .dishwasher.dishwasher-contact .contact__form dd {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    font-size: 1.2rem;
    gap: 10px 20px;
    justify-content: flex-start;
    line-height: 1.5em;
    margin: 0px 0px 60px;
    width: 68.75%; }
    @media screen and (max-width: 768px) {
      .dishwasher.dishwasher-contact .contact__form dd {
        margin: 0px 0px calc(var(--r-padding)*2);
        text-align: left;
        width: auto; } }

.dishwasher.dishwasher-contact .contact__addressset {
  align-items: center;
  background: var(--r-c-white);
  border: 1px solid var(--r-c-k40);
  border-radius: 40px;
  color: var(--r-c-black);
  cursor: pointer;
  display: flex;
  font-size: 1.4rem;
  font-weight: 300;
  height: 40px;
  justify-content: center;
  width: 120px;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none; }
  @media (hover: hover) {
    .dishwasher.dishwasher-contact .contact__addressset {
      text-decoration: none;
      transition: all 250ms ease; }
      .dishwasher.dishwasher-contact .contact__addressset:hover {
        opacity: 0.7; } }

.dishwasher.dishwasher-contact .contact__ssl {
  color: var(--r-c-k60);
  font-size: 1.2rem;
  line-height: 2em;
  margin: 0px auto 60px;
  max-width: 850px;
  text-align: left; }

.dishwasher.dishwasher-contact .contact__submit {
  display: flex;
  justify-content: center; }
  .dishwasher.dishwasher-contact .contact__submit input[type="submit"] {
    background: var(--r-c-white);
    border: 1px solid var(--r-c-black);
    border-radius: 60px;
    box-sizing: border-box;
    color: var(--r-c-black);
    cursor: pointer;
    font-family: proxima-nova, source-han-sans-japanese, sans-serif;
    font-size: 1.5rem;
    font-weight: 400;
    height: 60px;
    width: 360px;
    -moz-appearance: none;
         appearance: none;
    -webkit-appearance: none; }
    @media screen and (max-width: 768px) {
      .dishwasher.dishwasher-contact .contact__submit input[type="submit"] {
        height: 50px;
        width: 75%; } }
    @media (hover: hover) {
      .dishwasher.dishwasher-contact .contact__submit input[type="submit"] {
        text-decoration: none;
        transition: all 250ms ease; }
        .dishwasher.dishwasher-contact .contact__submit input[type="submit"]:hover {
          opacity: 0.7; } }

.dishwasher.dishwasher-contact .input__tel, .dishwasher.dishwasher-contact .input__zipcode, .dishwasher.dishwasher-contact .input__textarea, .dishwasher.dishwasher-contact .input__text {
  border: 1px solid var(--r-c-k40);
  box-sizing: border-box;
  font-family: proxima-nova, source-han-sans-japanese, sans-serif;
  font-size: 1.6rem;
  height: 40px;
  padding: 5px 10px;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none; }
  .dishwasher.dishwasher-contact .input__tel:-ms-input-placeholder, .dishwasher.dishwasher-contact .input__zipcode:-ms-input-placeholder, .dishwasher.dishwasher-contact .input__textarea:-ms-input-placeholder, .dishwasher.dishwasher-contact .input__text:-ms-input-placeholder {
    color: var(--r-c-lightgray);
    font-size: 1.2rem; }
  .dishwasher.dishwasher-contact .input__tel::placeholder, .dishwasher.dishwasher-contact .input__zipcode::placeholder, .dishwasher.dishwasher-contact .input__textarea::placeholder, .dishwasher.dishwasher-contact .input__text::placeholder {
    color: var(--r-c-lightgray);
    font-size: 1.2rem; }

.dishwasher.dishwasher-contact .input__text {
  width: 360px; }
  @media screen and (max-width: 768px) {
    .dishwasher.dishwasher-contact .input__text {
      width: 100%; } }

.dishwasher.dishwasher-contact .input__tel {
  width: 180px; }

.dishwasher.dishwasher-contact .input__zipcode {
  width: 120px; }

.dishwasher.dishwasher-contact .input__textarea {
  height: 160px;
  line-height: 1.5em;
  resize: vertical;
  width: 360px; }
  @media screen and (max-width: 768px) {
    .dishwasher.dishwasher-contact .input__textarea {
      width: 100%; } }

.dishwasher.dishwasher-contact .input__select {
  background: var(--r-c-white);
  border: 1px solid var(--r-c-k40);
  box-sizing: border-box;
  color: var(--r-c-black);
  font-family: proxima-nova, source-han-sans-japanese, sans-serif;
  font-size: 1.6rem;
  height: 40px;
  padding: 5px 10px;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none; }
  @media screen and (max-width: 768px) {
    .dishwasher.dishwasher-contact .input__select {
      width: 100%; } }

.dishwasher.dishwasher-contact .input__radio {
  display: flex;
  flex-wrap: wrap; }
  .dishwasher.dishwasher-contact .input__radio li {
    font-size: 1.5rem;
    line-height: 1.8em;
    margin: 5px 20px 0px 0px;
    position: relative; }
    .dishwasher.dishwasher-contact .input__radio li label {
      align-items: center;
      cursor: pointer;
      display: flex;
      position: relative; }
      .dishwasher.dishwasher-contact .input__radio li label::before {
        border: 1px solid var(--r-c-k40);
        border-radius: 100%;
        box-sizing: border-box;
        content: "";
        display: block;
        height: 15px;
        margin: 0px 5px 0px 0px;
        width: 15px; }
      .dishwasher.dishwasher-contact .input__radio li label::after {
        background: var(--r-c-black);
        border-radius: 100%;
        bottom: 0px;
        content: "";
        height: 7px;
        left: 4px;
        margin: auto;
        position: absolute;
        top: 0px;
        transform: scale(0);
        width: 7px;
        transition: all 250ms ease; }
    .dishwasher.dishwasher-contact .input__radio li input {
      left: 0px;
      opacity: 0;
      position: absolute;
      top: 0px; }
      .dishwasher.dishwasher-contact .input__radio li input:checked + label::after {
        transform: scale(1); }

.dishwasher.dishwasher-contact .input__error {
  color: red;
  display: none;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.5em;
  text-align: left;
  width: 100%; }
  .dishwasher.dishwasher-contact .input__error[data-check="error"] {
    display: block; }

.dishwasher__mv {
  display: block grid;
  overflow: hidden;
  grid-column: 1 / 2;
  grid-template-columns: 62.5% 37.5%; }
  @media screen and (max-width: 768px) {
    .dishwasher__mv {
      grid-template-columns: 0.5fr 0.5fr; } }
  .dishwasher__mv div[data-order="1"] {
    display: block;
    order: 1; }
    @media screen and (min-width: 769px) {
      .dishwasher__mv div[data-order="1"] {
        grid-row: 1 / 3; } }
    @media screen and (max-width: 768px) {
      .dishwasher__mv div[data-order="1"] {
        grid-column: 1 / 3; } }
    .dishwasher__mv div[data-order="1"] a > img {
      max-height: 750px; }
      @media screen and (max-width: 768px) {
        .dishwasher__mv div[data-order="1"] a > img {
          height: 260px; } }
  .dishwasher__mv div[data-order="3"], .dishwasher__mv div[data-order="2"] {
    display: block;
    order: 2; }
    .dishwasher__mv div[data-order="3"] a > img, .dishwasher__mv div[data-order="2"] a > img {
      max-height: 375px; }
      @media screen and (max-width: 768px) {
        .dishwasher__mv div[data-order="3"] a > img, .dishwasher__mv div[data-order="2"] a > img {
          height: 180px; } }
  .dishwasher__mv div[data-order="3"] {
    order: 3; }
  .dishwasher__mv div[data-img="1"] a > img:nth-of-type(1) {
    display: block flow; }
  .dishwasher__mv div[data-img="2"] a > img:nth-of-type(2) {
    display: block flow; }
  .dishwasher__mv a {
    display: block;
    height: 100%;
    position: relative; }
    @media (hover: hover) {
      .dishwasher__mv a {
        text-decoration: none;
        transition: all 250ms ease; }
        .dishwasher__mv a:hover {
          opacity: 0.7; } }
    .dishwasher__mv a dl {
      color: var(--r-c-white);
      left: 30px;
      position: absolute;
      text-align: left;
      top: 20px; }
      @media screen and (max-width: 768px) {
        .dishwasher__mv a dl {
          left: 15px;
          top: 10px; } }
      .dishwasher__mv a dl dt {
        font-size: clamp(2rem, 2.34375vw, 3rem);
        line-height: 1.2em; }
        @media screen and (max-width: 768px) {
          .dishwasher__mv a dl dt {
            font-size: 1.8rem; } }
      .dishwasher__mv a dl dd {
        font-weight: 400;
        font-size: 1.2rem;
        line-height: 1.666em; }
        @media screen and (max-width: 768px) {
          .dishwasher__mv a dl dd {
            font-size: 1.1rem;
            line-height: 1.8em; } }
    .dishwasher__mv a > img {
      height: 100%;
      object-fit: cover;
      width: 100%;
      display: none; }
    .dishwasher__mv a i {
      position: absolute;
      right: 0px;
      top: 0px;
      width: clamp(60px, 7.03125vw, 90px);
      aspect-ratio: 1 / 1;
      display: block flex;
      justify-content: center;
      align-items: center; }
      .dishwasher__mv a i img {
        height: 60%; }

.dishwasher__specialbn {
  background: var(--r-c-k5);
  padding: 60px 0px; }
  @media screen and (max-width: 768px) {
    .dishwasher__specialbn {
      padding: calc(var(--r-padding)*2) 0px; } }
  .dishwasher__specialbn__body {
    margin: 0px auto;
    max-width: var(--r-width);
    display: block flex;
    justify-content: center;
    align-items: stretch; }
    @media screen and (max-width: 768px) {
      .dishwasher__specialbn__body {
        flex-direction: column; } }
    @media screen and (min-width: 769px) {
      .dishwasher__specialbn__body figure {
        flex-basis: 50%; } }
    .dishwasher__specialbn__body figure img {
      height: 100%;
      object-fit: cover;
      width: 100%; }
    .dishwasher__specialbn__body div {
      background: var(--r-c-darkgray);
      box-sizing: border-box;
      color: var(--r-c-white);
      flex-direction: column;
      padding: 20px;
      text-align: center;
      display: block flex;
      justify-content: center;
      align-items: center; }
      @media screen and (min-width: 769px) {
        .dishwasher__specialbn__body div {
          flex-basis: 50%; } }
      .dishwasher__specialbn__body div p {
        border: 1px solid currentColor;
        box-sizing: border-box;
        font-weight: 500;
        height: 30px;
        margin-bottom: 20px;
        width: 140px;
        display: block flex;
        justify-content: center;
        align-items: center;
        font-size: 1.2rem;
        line-height: 2em; }
        @media screen and (max-width: 768px) {
          .dishwasher__specialbn__body div p {
            font-size: 1.1rem;
            line-height: 1.8em; } }
      .dishwasher__specialbn__body div dt {
        font-size: 3.3rem;
        font-weight: 400;
        line-height: 1.272em;
        margin-bottom: 15px; }
        @media screen and (max-width: 768px) {
          .dishwasher__specialbn__body div dt {
            font-size: 2.1rem; } }
      .dishwasher__specialbn__body div dd {
        font-weight: 500;
        margin-bottom: 20px;
        font-size: 1.2rem;
        line-height: 1.5em; }
        @media screen and (max-width: 768px) {
          .dishwasher__specialbn__body div dd {
            font-size: 1.1rem;
            line-height: 1.8em; } }
      .dishwasher__specialbn__body div nav {
        width: 100%;
        display: block flex;
        justify-content: center;
        align-items: center; }

.dishwasher__lineup {
  padding: calc(var(--r-padding)*2) 0px 0px; }
  .dishwasher__lineup__products {
    padding: calc(var(--r-padding)*2) 0px; }
    .dishwasher__lineup__products:is(h2 + *) {
      padding-top: 0px; }
    .dishwasher__lineup__products--bg {
      background: radial-gradient(circle at 10% 20%, #e4e6e8 0%, transparent 40%), radial-gradient(circle at 10% 80%, #414a53 0%, transparent 50%), radial-gradient(circle at 90% 20%, #414a53 0%, transparent 50%), radial-gradient(circle at 90% 80%, #e4e6e8 0%, transparent 50%), #899199; }
    .dishwasher__lineup__products__column02 {
      gap: calc(var(--r-padding)*2); }
      @media screen and (max-width: 1023px) {
        .dishwasher__lineup__products__column02 {
          gap: var(--r-padding); } }
      .dishwasher__lineup__products__column02 > li {
        flex-basis: calc(50% - var(--r-padding)); }
        @media screen and (max-width: 1023px) {
          .dishwasher__lineup__products__column02 > li {
            flex-basis: calc((100% - var(--r-padding) ) / 2); } }
        @media screen and (max-width: 768px) {
          .dishwasher__lineup__products__column02 > li {
            flex-basis: auto; } }
    .dishwasher__lineup__products__column03 {
      gap: var(--r-padding); }
      .dishwasher__lineup__products__column03 > li {
        flex-basis: calc((100% - var(--r-padding) * 2) / 3); }
        @media screen and (max-width: 768px) {
          .dishwasher__lineup__products__column03 > li {
            flex-basis: auto; } }
    .dishwasher__lineup__products > ul {
      flex-wrap: wrap;
      margin: 0px auto;
      width: var(--r-width);
      display: block flex;
      justify-content: flex-start;
      align-items: stretch; }
      @media screen and (max-width: 768px) {
        .dishwasher__lineup__products > ul {
          flex-direction: column; } }
      .dishwasher__lineup__products > ul > li {
        background: var(--r-c-white); }
    .dishwasher__lineup__products a {
      border: 1px solid var(--r-c-k20);
      box-sizing: border-box;
      color: var(--r-c-black);
      display: block flow;
      height: 100%; }
      @media (hover: hover) {
        .dishwasher__lineup__products a {
          text-decoration: none;
          transition: all 250ms ease; }
          .dishwasher__lineup__products a:hover {
            opacity: 0.7; } }
    .dishwasher__lineup__products__detail {
      padding: 30px;
      position: relative;
      text-align: left; }
      @media screen and (max-width: 768px) {
        .dishwasher__lineup__products__detail {
          padding: var(--r-padding); } }
      .dishwasher__lineup__products__detail:has(.dishwasher__lineup__products__airbubble) .dishwasher__lineup__products__lead {
        margin-right: 55px; }
    .dishwasher__lineup__products__airbubble {
      height: 9rem;
      position: absolute;
      right: 0px;
      top: 0px;
      width: 9rem;
      display: block flex;
      justify-content: center;
      align-items: center; }
      @media screen and (max-width: 768px) {
        .dishwasher__lineup__products__airbubble {
          width: 30px;
          height: auto;
          right: 15px;
          top: 10px; } }
      .dishwasher__lineup__products__airbubble img {
        width: 3.51rem; }
        @media screen and (max-width: 768px) {
          .dishwasher__lineup__products__airbubble img {
            width: 30px; } }
    .dishwasher__lineup__products__lead {
      font-weight: 400;
      margin-bottom: 15px;
      font-size: 1.4rem;
      line-height: 1.428em;
      font-weight: 300; }
      @media screen and (max-width: 768px) {
        .dishwasher__lineup__products__lead {
          font-size: 1.2rem;
          line-height: 1.8em; } }
    .dishwasher__lineup__products h4 {
      font-size: 3rem;
      font-weight: 500;
      line-height: 1em;
      margin-bottom: 12px; }
      @media screen and (max-width: 768px) {
        .dishwasher__lineup__products h4 {
          font-size: 2.4rem; } }
      .dishwasher__lineup__products h4 span {
        font-size: 1rem; }
    .dishwasher__lineup__products__text {
      margin-bottom: 25px;
      font-size: 1.4rem;
      line-height: 1.928em;
      font-weight: 300; }
      @media screen and (max-width: 768px) {
        .dishwasher__lineup__products__text {
          margin-bottom: 20px; } }
      @media screen and (max-width: 768px) {
        .dishwasher__lineup__products__text {
          font-size: 1.2rem;
          line-height: 1.8em; } }
      .dishwasher__lineup__products__text:last-child {
        margin-bottom: 0px; }
    .dishwasher__lineup__products__price {
      font-size: 2rem;
      font-weight: 400;
      line-height: 1.2em;
      margin-bottom: 25px; }
      @media screen and (max-width: 768px) {
        .dishwasher__lineup__products__price {
          font-size: 1.8rem;
          margin-bottom: 20px; } }
      .dishwasher__lineup__products__price span {
        font-size: 1.2rem; }
        @media screen and (max-width: 768px) {
          .dishwasher__lineup__products__price span {
            font-size: 1rem; } }
    .dishwasher__lineup__products__spec {
      flex-wrap: wrap;
      margin-bottom: 15px;
      display: block flex;
      justify-content: flex-start;
      align-items: center; }
      .dishwasher__lineup__products__spec li {
        border: 1px solid currentColor;
        box-sizing: border-box;
        color: var(--r-c-clamblue);
        font-weight: 500;
        margin-bottom: -1px;
        margin-right: -1px;
        min-height: 3rem;
        min-width: 25%;
        padding: 2px 15px;
        font-size: 1.2rem;
        line-height: 1.3em;
        display: block flex;
        justify-content: center;
        align-items: center; }
        @media screen and (max-width: 768px) {
          .dishwasher__lineup__products__spec li {
            font-size: 1.1rem;
            line-height: 1.8em; } }
    .dishwasher__lineup__products__image img {
      width: 100%; }

.dishwasher__feature {
  padding-top: calc(var(--r-padding)*2); }
  .dishwasher__feature .__r-title18 + .dishwasher__feature__block {
    padding-top: 0px; }
  .dishwasher__feature--bg {
    background: var(--r-c-k5); }
  .dishwasher__feature__block {
    gap: calc(var(--r-padding)*2);
    margin: 0px auto;
    max-width: var(--r-width);
    padding: calc(var(--r-padding)*2) 0px;
    display: block flex;
    justify-content: center;
    align-items: flex-start; }
    @media screen and (max-width: 1023px) {
      .dishwasher__feature__block {
        gap: var(--r-padding); } }
    @media screen and (max-width: 768px) {
      .dishwasher__feature__block {
        flex-direction: column; } }
    @media screen and (min-width: 769px) {
      .dishwasher__feature__block--02 {
        flex-direction: row-reverse; } }
    .dishwasher__feature__block figure,
    .dishwasher__feature__block div {
      flex-basis: 540px;
      flex-grow: 10; }
      @media screen and (max-width: 768px) {
        .dishwasher__feature__block figure,
        .dishwasher__feature__block div {
          flex-basis: auto; } }
    .dishwasher__feature__block figure img {
      width: 100%; }
    .dishwasher__feature__block div {
      text-align: left; }
      .dishwasher__feature__block div p {
        font-size: 1.4rem;
        line-height: 1.928em;
        font-weight: 300; }
        @media screen and (max-width: 768px) {
          .dishwasher__feature__block div p {
            font-size: 1.2rem;
            line-height: 1.8em; } }
        .dishwasher__feature__block div p + p {
          margin-top: 1lh; }
        .dishwasher__feature__block div p span {
          font-size: 9px;
          line-height: 1.666em;
          color: var(--r-c-k60); }
  .dishwasher__feature__block02 {
    margin: 0px auto;
    max-width: var(--r-width);
    padding: calc(var(--r-padding)*2) 0px; }
    .dishwasher__feature__block02 h4 {
      margin-bottom: 15px;
      font-size: 2.1rem;
      font-weight: 500;
      line-height: 1.571em; }
      @media screen and (max-width: 768px) {
        .dishwasher__feature__block02 h4 {
          font-size: 1.8rem; } }
      @media screen and (max-width: 768px) {
        .dishwasher__feature__block02 h4 {
          margin-bottom: 10px; } }
    .dishwasher__feature__block02 p {
      font-size: 1.4rem;
      line-height: 1.928em;
      font-weight: 300; }
      @media screen and (max-width: 768px) {
        .dishwasher__feature__block02 p {
          font-size: 1.2rem;
          line-height: 1.8em; } }
      .dishwasher__feature__block02 p span {
        font-size: 1rem; }
    .dishwasher__feature__block02 ul {
      flex-wrap: wrap;
      gap: var(--r-padding);
      display: block flex;
      justify-content: center;
      align-items: stretch; }
      @media screen and (max-width: 768px) {
        .dishwasher__feature__block02 ul {
          flex-direction: column; } }
      .dishwasher__feature__block02 ul li {
        background: var(--r-c-white);
        border: 1px solid var(--r-c-k20);
        box-sizing: border-box;
        padding: 0px 30px 30px;
        text-align: left; }
        @media screen and (max-width: 768px) {
          .dishwasher__feature__block02 ul li {
            padding: 0px var(--r-padding) var(--r-padding); } }
        @media screen and (min-width: 769px) {
          .dishwasher__feature__block02 ul li {
            flex-basis: calc((100% - var(--r-padding)*2) / 3);
            padding: 0px 30px 30px; } }
    .dishwasher__feature__block02 figure {
      margin: 0px -30px 25px;
      position: relative; }
      @media screen and (max-width: 768px) {
        .dishwasher__feature__block02 figure {
          margin: 0px calc(var(--r-padding) * -1) var(--r-padding); } }
      .dishwasher__feature__block02 figure img {
        width: 100%; }
        .dishwasher__feature__block02 figure img.dishwasher__feature__fadeimg {
          position: absolute;
          left: 0px;
          top: 0px;
          animation: fadeimg 5s ease 0s infinite; }

.dishwasher__comparison {
  padding: calc(var(--r-padding)*2) 0px;
  background: radial-gradient(circle at 10% 20%, #e4e6e8 0%, transparent 40%), radial-gradient(circle at 10% 80%, #b0b4ba 0%, transparent 50%), radial-gradient(circle at 90% 20%, #bfc6cd 0%, transparent 50%), linear-gradient(90deg, #e4e6e8, #bfc6cd); }
  .dishwasher__comparison__wrapper {
    margin: 0px auto; }
  .dishwasher__comparison__caption {
    color: var(--r-c-k80);
    margin: 5px auto 0px;
    margin-top: 5px;
    max-width: var(--r-width);
    text-align: left;
    font-size: 1.2rem;
    line-height: 2em; }
    @media screen and (max-width: 768px) {
      .dishwasher__comparison__caption {
        font-size: 1.1rem;
        line-height: 1.8em; } }
  .dishwasher__comparison__body {
    margin: 0px auto;
    max-width: var(--r-width);
    overflow: auto;
    position: relative;
    z-index: 1;
    scrollbar-color: var(--r-c-white) rgb(0 0 0 / 0.3); }
    @media screen and (max-width: 768px) {
      .dishwasher__comparison__body {
        max-width: none; } }
    .dishwasher__comparison__body table {
      background: var(--r-c-white);
      border-collapse: separate;
      border-spacing: 0px;
      table-layout: fixed; }
      .dishwasher__comparison__body table tr > *:first-child {
        border: none;
        left: 0px;
        position: sticky;
        z-index: 10; }
        .dishwasher__comparison__body table tr > *:first-child::before {
          border: 1px solid var(--r-c-k20);
          border-top: none;
          content: "";
          margin: auto;
          position: absolute;
          inset: 0px; }
      .dishwasher__comparison__body table th,
      .dishwasher__comparison__body table td {
        border: none;
        border-bottom: 1px solid var(--r-c-k20);
        border-right: 1px solid var(--r-c-k20); }
      .dishwasher__comparison__body table tbody tr:nth-of-type(odd) th,
      .dishwasher__comparison__body table tbody tr:nth-of-type(odd) td {
        background: var(--r-c-k5); }
      .dishwasher__comparison__body table tbody tr:nth-of-type(even) th,
      .dishwasher__comparison__body table tbody tr:nth-of-type(even) td {
        background: var(--r-c-white); }
      .dishwasher__comparison__body table tbody th,
      .dishwasher__comparison__body table tbody td {
        font-weight: 400;
        padding: 20px;
        vertical-align: middle;
        font-size: 1.4rem;
        line-height: 1.928em;
        font-weight: 300; }
        @media screen and (max-width: 768px) {
          .dishwasher__comparison__body table tbody th,
          .dishwasher__comparison__body table tbody td {
            font-size: 1.2rem;
            line-height: 1.8em; } }
        @media screen and (max-width: 768px) {
          .dishwasher__comparison__body table tbody th,
          .dishwasher__comparison__body table tbody td {
            line-height: 1.4em;
            padding: 15px 10px; } }
        .dishwasher__comparison__body table tbody th span,
        .dishwasher__comparison__body table tbody td span {
          display: block;
          font-size: 1rem;
          line-height: 1.5em; }
      .dishwasher__comparison__body table tbody td {
        text-align: center; }
        .dishwasher__comparison__body table tbody td a {
          margin: 0px auto; }
      .dishwasher__comparison__body table tbody th {
        position: relative;
        text-align: left; }
      .dishwasher__comparison__body table tbody .__r-tooltip {
        margin: auto;
        position: absolute;
        inset: 0px 15px 0px auto; }
        @media screen and (max-width: 768px) {
          .dishwasher__comparison__body table tbody .__r-tooltip {
            right: 10px; } }
      .dishwasher__comparison__body table thead th {
        background: var(--r-c-white);
        font-weight: 500;
        padding: 0px;
        position: relative;
        text-align: center;
        vertical-align: middle;
        width: 300px;
        z-index: 1;
        font-size: 1.4rem;
        line-height: 1em;
        font-weight: 300; }
        @media screen and (max-width: 768px) {
          .dishwasher__comparison__body table thead th {
            width: 200px; } }
        @media screen and (max-width: 768px) {
          .dishwasher__comparison__body table thead th {
            font-size: 1.2rem;
            line-height: 1em; } }
        .dishwasher__comparison__body table thead th:first-child {
          width: 200px; }
          @media screen and (max-width: 768px) {
            .dishwasher__comparison__body table thead th:first-child {
              width: 120px; } }
        .dishwasher__comparison__body table thead th img {
          width: 100%; }
        .dishwasher__comparison__body table thead th p {
          flex-direction: column;
          gap: 5px;
          height: 60px;
          display: block flex;
          justify-content: center;
          align-items: center; }
          .dishwasher__comparison__body table thead th p span {
            font-size: 1rem;
            font-weight: 300;
            line-height: 1.2em; }
  .dishwasher__comparison__img {
    width: 100%; }

.dishwasher__faq {
  padding: calc(var(--r-padding)*2) 0px; }
  .dishwasher__faq__body {
    margin: 0px auto;
    max-width: var(--r-width);
    text-align: left; }
    .dishwasher__faq__body h3 {
      margin-bottom: var(--r-padding);
      font-size: 2.4rem;
      font-weight: 400;
      line-height: 1.625em; }
      @media screen and (max-width: 768px) {
        .dishwasher__faq__body h3 {
          font-size: 2.1rem; } }
    .dishwasher__faq__body p {
      font-size: 1.4rem;
      line-height: 2.142em;
      font-weight: 300; }
      @media screen and (max-width: 768px) {
        .dishwasher__faq__body p {
          font-size: 1.2rem;
          line-height: 1.8em; } }
      .dishwasher__faq__body p:not(:last-child) {
        border-bottom: 1px solid var(--r-c-k20);
        margin-bottom: calc(var(--r-padding)*2);
        padding-bottom: calc(var(--r-padding)*2); }

.dishwasher__installation {
  background: var(--r-c-darkgray);
  padding: calc(var(--r-padding)*2) 0px; }
  .dishwasher__installation__body {
    margin: 0px auto;
    max-width: var(--r-width); }
  .dishwasher__installation__links {
    gap: calc(var(--r-padding)*2);
    margin-bottom: 70px;
    display: block flex;
    justify-content: center;
    align-items: stretch; }
    @media screen and (max-width: 768px) {
      .dishwasher__installation__links {
        flex-direction: column;
        gap: var(--r-padding);
        margin-bottom: calc(var(--r-padding)*2); } }
    .dishwasher__installation__links li {
      background: var(--r-c-white); }
      @media screen and (min-width: 769px) {
        .dishwasher__installation__links li {
          flex-basis: calc(50% - var(--r-padding)); } }
    .dishwasher__installation__links a {
      box-sizing: border-box;
      color: var(--r-c-black);
      display: block flow;
      height: 100%;
      padding-bottom: 10px; }
      @media (hover: hover) {
        .dishwasher__installation__links a {
          text-decoration: none;
          transition: all 250ms ease; }
          .dishwasher__installation__links a:hover {
            opacity: 0.7; } }
    .dishwasher__installation__links p {
      font-weight: 400;
      margin-bottom: 10px;
      font-size: 1.4rem;
      line-height: 1.666em;
      font-weight: 300; }
      @media screen and (max-width: 768px) {
        .dishwasher__installation__links p {
          font-size: 1.2rem;
          line-height: 1.8em; } }
    .dishwasher__installation__links dl {
      margin: 0px 20px; }
    .dishwasher__installation__links dt {
      margin-bottom: 8px;
      font-size: 2.4rem;
      font-weight: 500;
      line-height: 1.1; }
      @media screen and (max-width: 768px) {
        .dishwasher__installation__links dt {
          font-size: 2.1rem; } }
    .dishwasher__installation__links dd {
      font-size: 1.2rem;
      line-height: 2.25; }
      @media screen and (max-width: 768px) {
        .dishwasher__installation__links dd {
          font-size: 1.1rem;
          line-height: 1.8em; } }
    .dishwasher__installation__links figure {
      margin-bottom: 15px; }
      .dishwasher__installation__links figure img {
        width: 100%; }
  .dishwasher__installation__consider {
    color: var(--r-c-white); }
    .dishwasher__installation__consider p {
      margin-bottom: 35px;
      font-size: 1.4rem;
      line-height: 1.928em;
      font-weight: 300; }
      @media screen and (max-width: 768px) {
        .dishwasher__installation__consider p {
          font-size: 1.2rem;
          line-height: 1.8em; } }
    .dishwasher__installation__consider ul {
      gap: 40px;
      display: block flex;
      justify-content: center;
      align-items: stretch; }
      @media screen and (max-width: 768px) {
        .dishwasher__installation__consider ul {
          gap: 20px; } }
      .dishwasher__installation__consider ul:not(:last-child) {
        border-bottom: 1px solid var(--r-c-k80);
        margin-bottom: calc(var(--r-padding)*2);
        padding-bottom: calc(var(--r-padding)*2); }
      .dishwasher__installation__consider ul li {
        flex-basis: 300px; }
      .dishwasher__installation__consider ul a {
        border: 1px solid currentColor;
        border-radius: 50px;
        box-sizing: border-box;
        color: var(--r-c-white) !important;
        font-weight: 400;
        height: 50px;
        width: 100%;
        font-size: 1.4rem;
        line-height: 1.928em;
        font-weight: 300;
        display: block flex;
        justify-content: center;
        align-items: center; }
        @media screen and (max-width: 768px) {
          .dishwasher__installation__consider ul a {
            font-size: 1.2rem;
            line-height: 1.8em; } }
        @media (hover: hover) {
          .dishwasher__installation__consider ul a {
            transition: all 250ms ease; }
            .dishwasher__installation__consider ul a:hover {
              background: var(--r-c-white);
              border-color: var(--r-c-white);
              color: var(--r-c-black) !important; } }

.dishwasher__information {
  padding: calc(var(--r-padding)*2) 0px;
  background: radial-gradient(circle at 10% 20%, #e4e6e8 0%, transparent 40%), radial-gradient(circle at 10% 80%, #b0b4ba 0%, transparent 50%), radial-gradient(circle at 90% 20%, #bfc6cd 0%, transparent 50%), linear-gradient(90deg, #e4e6e8, #bfc6cd); }
  .dishwasher__information__list {
    flex-wrap: wrap;
    gap: var(--r-padding);
    margin: 0px auto;
    max-width: var(--r-width);
    display: block flex;
    justify-content: center;
    align-items: stretch; }
    @media screen and (max-width: 768px) {
      .dishwasher__information__list {
        flex-direction: column; } }
    .dishwasher__information__list li {
      background: var(--r-c-white); }
      @media screen and (min-width: 769px) {
        .dishwasher__information__list li {
          flex-basis: calc((100% - var(--r-padding)*2) / 3); } }
      .dishwasher__information__list li img {
        width: 100%; }
      .dishwasher__information__list li figure {
        margin: 0px -30px 25px; }
        @media screen and (max-width: 768px) {
          .dishwasher__information__list li figure {
            margin: 0px calc(var(--r-padding) * -1) var(--r-padding); } }
      .dishwasher__information__list li a {
        border: 1px solid var(--r-c-k20);
        box-sizing: border-box;
        color: var(--r-c-black);
        display: block flow;
        height: 100%;
        padding: 0px 30px 30px;
        text-align: left; }
        @media screen and (max-width: 768px) {
          .dishwasher__information__list li a {
            padding: 0px var(--r-padding) var(--r-padding); } }
        @media (hover: hover) {
          .dishwasher__information__list li a {
            text-decoration: none;
            transition: all 250ms ease; }
            .dishwasher__information__list li a:hover {
              opacity: 0.7; } }
      .dishwasher__information__list li h4 {
        margin-bottom: 20px;
        font-size: 1.8rem;
        font-weight: 500;
        line-height: 1.666em; }
        @media screen and (max-width: 768px) {
          .dishwasher__information__list li h4 {
            margin-bottom: 15px; } }
        @media screen and (max-width: 768px) {
          .dishwasher__information__list li h4 {
            font-size: 1.5rem; } }
      .dishwasher__information__list li p {
        font-size: 1.4rem;
        line-height: 1.928em;
        font-weight: 300; }
        @media screen and (max-width: 768px) {
          .dishwasher__information__list li p {
            font-size: 1.2rem;
            line-height: 1.8em; } }