@charset "UTF-8";
/* CSS Document tapti product detail ecforce*/
/* -- */
/*-- product_detail --*/
/*-- font color --*/
#detail_content {
 container-type: inline-size;
 max-width: 970px;
 margin-inline: auto;
 padding-block: 4%;
 background: url("../images/tps-60/tps-60_header.webp") no-repeat center top /contain #fff;
 font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
 color: #666;
 section.tapti_product_detail {
  > div {
   margin-block: 10%;
   padding-inline: 4%;
   @container(max-width: 480px) {
    padding-inline: 0;
   }
   &:first-of-type {
    margin-block: 0 10%;
   }
   &:last-of-type {
    margin-block: 10% 0;
   }
   h3 {
    margin-block: 0 1em;
    font-size: 2.8cqw;
    @container(max-width: 480px) {
     font-size: 3.5cqw;
    }
   }
   p {
    font-size: 1.9cqw;
    line-height: 1.7;
    @container(max-width: 480px) {
     font-size: 3cqw;
    }
   }
   ul, ol {
    li {
     font-size: 1.9cqw;
     @container(max-width: 480px) {
      font-size: 2cqw;
     }
    }
   }
  }
  .red {
   color: #f22;
  }
  div.header {
   display: flex;
   justify-content: space-between;
   padding-block-start: 45cqw;
   /*background: url("../images/tps-60/tps-60_header.webp") no-repeat center top /contain;*/
   @container(max-width: 480px) {
    justify-content: flex-end;
    padding-block-start: 47cqw;
   }
   > div:first-of-type {
    width: 55%;
    align-self: center;
    h2 {
     margin-block: 12% 12%;
     @container(max-width: 480px) {
      margin-block: 19% 10%;
     }
     img {
      width: 40cqw;
     }
    }
    p {
     margin-inline: 3.5cqw 0;
     font-size: 2.2cqw;
     line-height: 2;
     @container(max-width: 480px) {
      margin-inline: 0;
      font-size: 2.6cqw;
     }
     & + p small {
      font-size: 1.4cqw;
      @container(max-width: 480px) {
       font-size: 2.4cqw;
      }
     }
     &:has(small) {
      width: 100%;
      margin-block: 12% 0;
      text-align: right;
      @container(max-width: 480px) {
       margin-block: 10% 0;
       margin-inline: 0;
       text-align: left;
      }
     }
    }
    @container(max-width: 480px) {
     width: 63%;
     h2 img {
      width: 54cqw;
     }
     p {
      font-size: 3.4cqw;
     }
    }
   }
   > div:nth-of-type(2) {
    width: 40%;
    picture {
     img {
      width: 32cqw;
      margin-inline: auto 0;
     }
    }
    @container(max-width: 480px) {
     width: 35%;
    }
   }
  } /*-- /header --*/
  div.relieved {
   > div > div {
    h3 {
     width: fit-content;
     margin-inline: 0 auto;
     padding-block: 0 .35em;
     padding-inline: .2em;
     border-bottom: 1px solid #ccc;
     & ~ p {
      padding-inline: .25em;
     }
    }
   }
   > div:nth-of-type(1) {
    display: flex;
    justify-content: space-between;
    gap: 8%;
    flex-direction: row-reverse;
    margin-block: 0 10%;
    @container(max-width: 480px) {
     flex-direction: column;
     justify-content: center;
     gap: 4%;
     margin-block: 15% 10%;
    }
    > div:first-of-type {
     width: 60%;
     @container(max-width: 480px){
      width: 100%;
     }
     h3{
      @container(max-width: 480px){
       width: 100%;
       text-align: center;
       font-size: 4.6cqw;
      }
     }
     p:first-of-type {
      margin-block: 0 3em;
      @container(max-width: 480px){
      margin-block: 0 1.5em;
       text-align: center;
       font-size: 3.8cqw;
     }
     }
     p.box_text {
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 3%;
      margin-block: 0 3em;
      padding: .75em;
      background: #fff;
      border: 1px solid #ccc;
      box-shadow: 2px 2px 2px #ccc;
      font-size: 2.4cqw;
      span {
       display: flex;
       flex-direction: column;
       justify-content: center;
       align-items: center;
       gap: 0;
       b {
        font-weight: normal;
        font-size: 115%;
       }
       &:nth-of-type(2) {
        font-size: 3cqw;
       }
      }
      @container(max-width: 480px){
       justify-content: space-evenly;
       margin-block: 0 1.5em; 
       font-size: 3.2cqw;
      }
     }
     p:has(small) {
      font-size: 1.8cqw;
      word-break: break-all;
      @container(max-width: 480px){
       font-size: 3.6cqw;
      }
     }
    }
    > div:nth-of-type(2) {
     width: 32%;
     img{
      display: block;
      width: 100%;
     }
     @container(max-width: 480px){
      width: 100%;
      img{
       width: 90%;
       margin: 5% auto 0;
      }
     }
    }
   }
   > div:nth-of-type(2) {
    > div:nth-of-type(1) {
     display: flex;
     gap: 5%;
     padding: 3%;
     background: #F2F9FC;
     > div:nth-of-type(1) {
      width: 60%;
      h3 {
       width: fit-content;
       margin-block: 1em 1em;
       padding: .7em .7em;
       border-top: 1px solid #777;
       border-bottom: 1px solid #777;
       font-weight: 500;
       text-align: center;
       font-size: 2.6cqw;
       line-height: 1.5;
      }
      p {
       padding: 1em;
       background: #fff;
       border: 1px solid #ccc;
       font-size: 1.9cqw;
       span {
        font-size: 120%;
       }
       b {
        font-weight: normal;
        color: darkorange;
       }
      }
     }
     > div:nth-of-type(2) {
      align-self: center;
      width: 40%;
      img {}
     }
     @container(max-width: 480px){
      flex-direction: column;
      > div:nth-of-type(1) {
       width: 100%;
       h3{
        width: 100%;
        margin: 1em auto;
        font-size: 4cqw;
       }
       p{
        padding: 1em 1.7em;
        font-size: 3.4cqw;
       }
      }
      > div:nth-of-type(2) {
       width: 60%;
      }
     }
    }
    
    > div:nth-of-type(2) {
     margin-block: 5% 10%;
     padding: 3%;
     border: 2px solid #2DA8E1;
     border-radius: 2cqw;
     p {
      padding-inline: .3em;
      font-size: 2.4cqw;
      b {
       font-weight: normal;
       color: darkorange;
      }
     }
     ul {
      margin-block-end: 0;
      li {
       font-size: 1.8cqw;
      }
     }
     @container(max-width: 480px){
      p{
       font-size: 4cqw;
      }
      ul{
       li{
        font-size: 3.4cqw;
       }
      }
     }
    }
   }
   > div:nth-of-type(3) {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 6%;
    margin-block: 0;
    @container(max-width: 480px) {
     flex-direction: column;
     h3{
      width: 100%;
      text-align: center;
      font-size: 4.6cqw;
     }
     p{
      text-align: center;
      font-size: 3.6cqw;
     }
    }
    > div {
     width: 47%;
     margin-block: 0 5%;
     @container(max-width: 480px) {
      width: 100%;
     }
     figure {
      margin: 0;
      img {
       width: 100%;
      }
      figcaption {
       margin-block: 1em 0;
       padding: .2em 1em;
       border: 1px solid #ccc;
       text-align: center;
       font-size: 1.8cqw;
       @container(max-width: 480px) {
        padding-block: 2%;
        font-size: 3.8cqw;
       }
      }
     }
     &:nth-of-type(1) {
      position: relative;
      figure {
       position: absolute;
       bottom: -5%;
       right: 0;
       width: 40%;
       img {}
       figcaption {
        margin-block: .2em 0;
        padding: 0;
        border: none;
       }
       @container(max-width: 480px) {
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        gap: .5em;
        img {
         width: 50%;
        }
       }
      }
     }
    }
   }
   > div:nth-of-type(4) {
    align-items: center;
    margin-block: 2% 0;
    padding-block: 7% 0;
    border-top: 1px solid #ccc;
    > div {
     display: flex;
     gap: 6%;
     margin-block: 0 5%;
     &:last-of-type {
      margin-block: 0;
     }
     @container(max-width: 480px){
      gap: 4%;
     }
     > div:first-of-type {
      width: 62%;
      padding-block: 3% 0;
      @container(max-width: 480px){
       width: 75%;
       h3{
        font-size: 4.6cqw;
       }
      }
      ul {
       display: flex;
       justify-content: flex-start;
       gap: 4%;
       margin-block: 0 2em;
       @container(max-width: 480px){
        margin-block: 0 1.5em;
       }
       li {
        display: inline-block;
        margin: 0;
        padding: .2em .5em;
        border: 1px solid #ccc;
        text-align: center;
        font-size: 2.8cqw;
        @container(max-width: 480px){
         font-size: 4cqw;
        }
       }
      }
      p{
       @container(max-width: 480px){
        font-size: 3.6cqw;
       }
      }
     }
     > div:nth-of-type(2) {
      width: 32%;
      @container(max-width: 480px){
       margin-block: 3% 0;
       width: 25%;
      }
     }
    }
    > div:first-of-type {
     flex-direction: row-reverse;
    }
    > div:nth-of-type(2) {}
   }
  } /*-- /relieved --*/
  div.about {
   h3 {
    width: fit-content;
    margin-inline: 0 auto;
    padding-block: .6em;
    padding-inline: .2em;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    @container(max-width: 480px){
     font-size: 4.6cqw;
    }
   }
   div.table_wrap {
    @container(max-width: 480px) {
     margin-block: 0 1em;
    }
   }
   table {
    margin-block: 5.5%;
    border: none;
    /*border-collapse: separate;
    border-spacing: .3em;*/
    background: #1895D5;
    background: linear-gradient(180deg, rgba(24, 149, 213, 1) 0%, rgba(239, 245, 245, 1) 100%);
    @container(max-width: 480px) {
     min-width: 500px;
     margin-block: 0;
    }
    tr {
     height: 100px;
     @container(max-width: 480px){
      height: 80px;
     }
     th, td {
      padding: 2.7% 3%;
      border: .3em solid #fff;
      text-align: center;
      font-size: 1.9cqw;
      @container(max-width: 480px) {
       font-size: 3.6cqw;
      }
     }
     th {
      width: 25%;
      font-weight: normal;
      text-align: center;
      img {
       display: block;
       margin: auto;
       &.logo {
        width: 13cqw;
       }
       &.icon {
        width: auto;
        height: 8.5cqw;
        margin-block: .3em 0;
       }
      }
     }
     td {
      b {
       font-weight: 600;
       font-size: 130%;
      }
      ul {
       font-weight: 600;
       li {
        margin-block: 0 .3em;
        &last-of-type {
         margin-block: 0;
        }
        @container(max-width: 480px){
         font-size: 3.6cqw;
        }
       }
      }
     }
     &:first-of-type th:not(:nth-of-type(2)) {
      background: #fff;
     }
    }
    col:not(.tapti) {
     background-color: #F0F8FB;
    }
   }
  } /*-- /about --*/
  div.install {
   h3 {
    width: fit-content;
    margin-inline: 0 auto;
    width: fit-content;
    padding-block: .6em;
    padding-inline: .2em;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    @container(max-width: 480px){
     font-size: 4.6cqw;
    }
    + p:has(small) {
     text-align: right;
    }
    &:first-of-type {
     margin-block: 0 1em;
    }
   }
   > div ol:first-of-type {
    display: flex;
    gap: 2.5%;
    margin-block: 0 4em;
    padding: 0;
    @container(max-width: 480px) {
     flex-direction: column;
    }
    li {
     display: flex;
     flex-direction: column;
     width: calc(100% / 3);
     margin: 0;
     border: 1px solid #ccc;
     border-radius: 7px;
     background: #fff;
     @container(max-width: 480px) {
      width: 100%;
      margin-block: 0 5%;
      margin-inline: auto;
      padding: 2.5% 5%;
      &:last-of-type{
       margin-block: 0;
      }
     }
     h4 {
      margin: 0;
      padding: 1.25em .5em .25em;
      border-radius: 7px 7px 0 0;
      text-align: center;
      font-weight: 400;
      font-size: 3cqw;
      color: #367DCE;
      span {
       font-size: 140%;
      }
      @container(max-width: 480px){
       font-size: 4.6cqw;
      }
     }
     p {
      padding-inline: 1em;
      font-size: 1.6cqw;
      @container(max-width: 480px) {
       font-size: 3.6cqw;
      }
     }
     div {
      img {
       width: 100%;
       padding: 1em 1em 2em;
       @container(max-width: 480px){
        width: 80%;
        margin: auto; 
       }
      }
     }
    }
   }
   /*> div:nth-of-type(2) {
    > div {
     display: flex;
     flex-direction: row-reverse;
     justify-content: space-between;
     padding: 2% 6%;
     background: #F0F8FB;
     > div {
      &:nth-of-type(1) {
       width: 64%;
       text-align: right;
       @container(max-width: 896px) {
        width: 70%;
       }
       @container(max-width: 480px) {
        width: 75%;
       }
       h4 {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        gap: 1em;
        font-weight: 500;
        font-size: 1.7cqw;
        @container(max-width: 896px) {
         font-size: 2cqw;
        }
        @container(max-width: 480px) {
         gap: 2%;
         font-size: 2cqw;
        }
        span {
         display: flex;
         flex-direction: column;
         justify-content: center;
         align-items: center;
        }
        strong {
         font-weight: normal;
         font-size: 5cqw;
        }
       }
       p.model {
        width: fit-content;
        margin-inline: auto 0;
        padding: .5em 1em;
        background: #fff;
        border: 1px solid #ccc;
       }
       p.price {
        margin-inline: auto 0;
        display: flex;
        justify-content: flex-end;
        align-items: baseline;
        gap: .1em;
        font-size: 2.8cqw;
        b {
         font-weight: normal;
         font-size: 4.2cqw;
         ;
         line-height: 1;
        }
        span:nth-of-type(2) {
         display: flex;
         flex-direction: column-reverse;
         align-items: center;
         justify-content: center;
         gap: 1px;
         align-self: center;
         span:nth-of-type(1) {
          height: 1em;
          font-size: 2.2cqw;
         }
         span:nth-of-type(2) {
          font-size: 1cqw;
          line-height: 1;
         }
        }
        @container(max-width: 480px) {
         gap: 2%;
         font-size: 3.8cqw;
         b {
          font-size: 6cqw;
         }
        }
       }
       p.notes {
        width: fit-content;
        margin-inline: auto 0;
        padding: .5em 2em;
        background: #fff;
        border: 1px solid #ccc;
        text-align: center;
        b {
         font-weight: normal;
         color: darkorange;
        }
       }
      }
      &:nth-of-type(2) {
       width: 36%;
       @container(max-width: 896px) {
        width: 30%;
       }
       @container(max-width: 480px) {
        width: 25%;
       }
       img {
        width: 14.3cqw;
        height: auto;
        margin: 1em auto;
       }
      }
     }
    }
   }*/
  } /*-- /install --*/
  /*
  div.banner {
   width: 90%;
   margin-inline: auto;
   img {
    width: 100%;
   }
  }*/
  div.installation {
   margin-block: 10%;
   padding-block: 0;
   @container(max-width: 896px) {
    margin-inline: 0;
   }
   /*@container(max-width: 480px) {
    padding: 1.5em 1em;
   }*/
   p.checkit {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: .7em;
    margin-block: 0 1.5em;
    padding-block: 0 .1em;
    border-bottom: 1px solid #ccc;
    text-align: center;
    font-size: 2.55cqw;
    @container(max-width: 480px) {
     font-size: 3.8cqw;
    }
   }
   h3 {
    width: fit-content;
    margin-inline: auto;
    font-size: 3.2cqw;
    @container(max-width: 480px) {
     font-size: 4.6cqw;
    }
    &:nth-of-type(2) {
     width: 100%;
     margin: 0;
     padding: .7em 1em;
     background: #50B18B;
     text-align: center;
     font-size: 2.2cqw;
     color: #fff;
     @container(max-width: 480px) {
      margin-block: 2em 0;
      font-size: 4.6cqw;
     }
    }
   }
   div.items {
    display: flex;
    justify-content: space-between;
    gap: 0;
    @container(max-width: 860px) {
     gap: 0;
    }
    @container(max-width: 480px) {
     flex-direction: column;
     gap: 0;
    }
    dl {
     display: flex;
     flex-direction: column;
     width: calc(100% / 3);
     margin-block: 0;
     background: #fff;
     @container(max-width: 480px) {
      width: 100%;
      margin-block: 0 5%;
      margin-inline: auto;
     }
     &:nth-of-type(1) {
      > div:nth-of-type(1), > div:nth-of-type(3) {
       border: 1px solid #ccc;
       @container(min-width: 481px) {
        border-right: none;
       }
      }
      > div:nth-of-type(2) {
       background: url("../images/tps-60/arw_bl.svg") no-repeat center /13%;
      }
      dt {
       background: #3588BA;
      }
      dd figure figcaption {
       align-self: flex-end;
      }
     }
     &:nth-of-type(2) {
      > div:nth-of-type(1), > div:nth-of-type(3) {
       border: 1px solid #ccc;
       @container(min-width: 481px) {
        border-right: none;
       }
      }
      > div:nth-of-type(2) {
       background: url("../images/tps-60/arw_blgn.svg") no-repeat center /13%;
      }
      dt {
       background: #35ABBD;
      }
     }
     &:nth-of-type(3) {
      > div:nth-of-type(1), > div:nth-of-type(3) {
       border: 1px solid #ccc;
      }
      > div:nth-of-type(2) {
       background: url("../images/tps-60/arw_gn.svg") no-repeat center /13%;
      }
      dt {
       background: #50B18B;
      }
     }
     div {
      img {
       max-width: 100%;
      }
      dt {
       padding: 5%;
       background: #666;
       text-align: center;
       font-size: 1.9cqw;
       color: #fff;
       @container(max-width: 480px) {
        /*font-size: 2.2cqw;*/
        font-size: 4.2cqw;
       }
      }
      dd {
       padding: 5%;
       background: #fff;
       figure {
        img {}
        figcaption {
         width: fit-content;
         min-height: 3em;
         margin-inline: auto;
         font-size: 1.5cqw;
         @container(max-width: 896px) {
          min-height: auto;
         }
         @container(max-width: 480px) {
          /*font-size: 2cqw;*/
          font-size: 3.8cqw;
         }
        }
       }
      }
      &:first-of-type {
       dd img {
        height: clamp(100px, 13cqw, 140px);
        margin: .5em auto 1em;
        @container(max-width: 480px) {
         /*max-height: 70px;*/
         max-height: 100%;
        }
       }
      }
      &:nth-of-type(2) {
       width: 100%;
       height: 5.5cqw;
       @container(max-width: 480px) {
        height: 15.5cqw;
       }
      }
      &:nth-of-type(3) {
       flex-grow: 1;
       dd figure {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 1em 3%;
        img {
         width: 40%;
         height: clamp(80px, 10cqw, 107px);
         @container(max-width: 480px) {
          height: auto;
          /*max-height: 50px;*/
          max-height: 24cqw;
          margin-inline: 8% 0;
         }
        }
        figcaption {
         width: 60%;
         align-self: flex-end;
         padding: 0 0 3% .5em;
        }
       }
       dd.img_width figure {
        gap: 1em 5%;
       }
      }
     }
    }
   }
   h3:nth-of-type(2) + div {
    margin-block: 0 5.5%;
    padding: 3% 0 0;
    background: #fff;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    ul {
     display: flex;
     justify-content: center;
     gap: 2%;
     margin: 1.8% 2em;
     padding: 0;
     @container(max-width: 480px) {
      flex-direction: column;
      margin-inline: 5%;
     }
     li {
      width: calc(100% / 3);
      margin: 0;
      list-style: none;
      @container(max-width: 480px) {
       margin-block: 5% 7.5%;
       width: 100%;
       &:last-of-type{
        margin-block: 0;
       }
      }
      figure {
       margin: 0;
       img {
        margin: 0 auto 1em;
        height: clamp(100px, 9vw, 130px);
        max-height: 150px;
        @container(max-width: 860px) {
         max-height: 80px;
        }
        @container(max-width: 480px) {
         max-height: 120px;
        }
       }
       figcaption {
        width: fit-content;
        margin-inline: auto;
        text-align: center;
        font-size: 1.5cqw;
        @container(max-width: 480px) {
         padding-inline: 1.5em;
         font-size: 3.8cqw;
        }
       }
      }
     }
     & + p {
      margin: 0 2em 2.5em;
      padding: 0 2em;
      &::before {
       content: "";
       display: block;
       width: 100%;
       height: 7cqw;
       background: url("../images/tps-60/arw_gn.svg") no-repeat center center /6%;
      }
      @container(max-width: 480px) {
       margin: 0 0 2.5em;
       padding: 0 4%;
       font-size: 3.8cqw;
       &::before{
        height: 17.5cqw;
        background-size: 13%;
       }
      }
     }
    }
    p:last-of-type {
     margin: 0;
     padding: .7em 1em;
     background: #50B18B;
     text-align: center;
     font-size: 2.2cqw;
     color: #fff;
     @container(max-width: 480px) {
      font-size: 4cqw;
     }
    }
   }
   h3:nth-of-type(3) {
    & + div {
     dl {
      display: flex;
      justify-content: space-between;
      gap: 0;
      margin: 0;
      padding: 0;
      @container(max-width: 480px) {
       flex-wrap: wrap;
      }
      div {
       display: flex;
       flex-direction: column;
       border-left: 1px solid #ccc;
       border-bottom: 1px solid #ccc;
       &:last-of-type {
        border-right: 1px solid #ccc;
       }
       dt {
        display: flex;
        justify-content: center;
        align-items: center;
        min-height: 4em;
        padding: 3% 1em;
        background: #888888;
        text-align: center;
        font-size: 1.9cqw;
        color: #fff;
        line-height: 1.4;
        @container(max-width: 480px) {
         min-height: 4.8em;
         font-size: 3.8cqw;
        }
       }
       dd {
        height: 100%;
        padding: 1em;
        background: #fff;
        figure {
         figcaption {
          text-align: center;
          font-size: 1.5cqw;
          @container(max-width: 480px) {
           font-size: 2cqw;
          }
         }
        }
       }
      }
      &:first-of-type > div {
       width: calc(100% / 4);
       @container(max-width: 480px) {
        width: 50%;
       }
       dd figure img {
        width: clamp(80px, 10.4vw, 150px);
        margin: 1em auto;
        @container(max-width: 480px) {
         width: 28cqw;
        }
       }
      }
      &:nth-of-type(2) > div {
       width: calc(100% / 2);
       dd figure img {
        width: clamp(100px, 12.5vw, 180px);
        max-width: 180px;
        margin: 1em auto;
        @container(max-width: 480px) {
         width: 33cqw;
        }
       }
      }
     }
    }
   }
   p.attached {
    margin-block: 0 5cqw;
    padding: .7em 1em;
    background: #3387B9;
    text-align: center;
    font-weight: 500;
    font-size: 2.2cqw;
    color: #fff;
    @container(max-width: 480px) {
     font-size: 4cqw;
    }
   }
  } /*-- /installation --*/
  div.product_info {
   margin-inline: 4%;
   @container(max-width: 896px) {
    margin-inline: 0;
   }
   img {
    &:first-child {
     margin-block: 0 4em;
     @container(max-width: 480px) {
      margin-block: 0 2em;
     }
    }
   }
  } /*-- /.product_info --*/
  div.spec {
   @container(max-width: 896px) {
    margin-inline: 0;
   }
   div.table_wrap {
    @container(max-width: 480px) {
     overflow-x: auto;
    }
   }
   h3 {
    width: 100%;
    padding: .5em .7em;
    background: #3588BA;
    color: #fff;
    @container(max-width: 480px) {
     font-size: 4.6cqw;
    }
   }
   colgroup.detail {
    width: 30%;
   }
   table.spec {
    margin-block-end: 0;
    @container(max-width: 480px) {
     min-width: auto;
    }
    th, td {
     border-color: #367DCE;
     font-size: 1.9cqw;
     color: #3387B9;
     @container(max-width: 480px) {
      font-size: 3.4cqw;
     }
     ul {
      li {
       @container(max-width: 480px) {
        font-size: 3.4cqw;
       }
      }
     }
    }
    th {
     font-weight: normal;
    }
    & + ol {
     color: #3387B9;
     li {
      margin-block: 0 .3em;
      font-size: 1.5cqw;
      @container(max-width: 480px) {
       font-size: 3.4cqw;
      }
      &:before {
       color: #3387B9;
      }
     }
    }
   }
   div.notes {
    ul, ol {
     li {
      font-size: 1.5cqw;
      @container(max-width: 480px) {
       font-size: 3.4cqw;
      }
     }
    }
    ul {
     padding-inline: 1.5em 0;
    }
    ol {
     padding-inline: 1.8em 0;
     li {
      margin-block: 0 1.5em;
     }
    }
   }
  } /*-- /spec --*/
 } /*-- /tapti_product_detail --*/
} /*-- /detal_content --*/