@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@500&display=swap');

.dirpath {
  display: none;
  margin-top: 0;
  }
.footer { margin-top: 0 !important; }


#dl {
  color: #4d4d4d;
  line-height: 1.8;
  -webkit-text-size-adjust: 100%;
  }


  /* -- Element -- */
  #dl .isPC { display: block; }
  #dl img.isPC,
  #dl br.isPC { display: inline-block; }
  #dl .isSP,
  #dl img.isSP,
  #dl br.isSP { display: none; }


  /* -- Rollover -- */
  #dl a {
    display: inline-block;
    opacity: 1;
    transition: opacity 0.2s ease-in;
    color: #000;
    text-decoration: none;
    }

  #dl a:hover { opacity: 0.6; }


  /* -- Animate -- */
  #dl .animate01 {
    visibility: hidden;
    opacity: 0;
    -webkit-transform: translate(0, 40px);
    transform: translate(0, 40px);
    -webkit-transition: 0.35s ease-out;
    transition: 0.35s ease-out;
    }
  #dl .animate01.animated {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    }


  /* -- Clearfix -- */
  #dl .clearfix:after{
    content: " ";
    display: block;
    clear: both;
    height: 0;
    }
  #dl .clearfix { display: inline-block; }
  #dl .clearfix { display: block; }


  /* -- .wrpper -- */
  #dl .wrapper {
    width: 1080px;
    margin: 0 auto;
    box-sizing: border-box;
    position: relative;
    }


  /* -- .secTtl -- */
  #dl .secTtl { text-align: center; }

    #dl .secTtl > span {
      display: block;
      margin-top: 5px;
      }


  /* -- .secTtl02 -- */
  #dl .secTtl02 {
    text-align: center;
    font-size: 30px;
    font-weight: bold;
    line-height: 1.6;
    }


  /* -- .secMv-- */
  #dl .secMv {
    background-repeat: repeat;
    background-size: auto 100%;
    height: 400px;
    position: relative;
    }

    #dl .secMv .wrapper {
      width: 1200px;
      height: 100%;
      }

    #dl .secMv .wrapper:after {
      content: "";
      background-repeat: no-repeat;
      background-position: 50% 0;
      background-size: 100% auto;
      position: absolute;
      width: 100%;
      height: 100%;
      left: 0;
      bottom: 0;
      z-index: 1;
      }

    #dl .secMv .secTtl {
      background-repeat: no-repeat;
      background-size: 100% auto;
      width: 340px;
      height: 340px;
      padding-top: 150px;
      position: absolute;
      top: -100px;
      z-index: 2;
      color: #fff;
      font-size: 34px;
      font-weight: bold;
      line-height: 1.4;
      box-sizing: border-box;
      }

      #dl .secMv .secTtl > span {
        display: block;
        font-size: 13px;
        font-weight: normal;
        }

  /* -- .secInner-- */
  #dl .secInner { padding: 90px 0 240px; }



  /* -- #mv -- */
  #dl #mv { overflow: hidden; }

    #dl #mv .mvInner {
      width: 100%;
      position: absolute;
      z-index: 2;
      text-align: center;
      }

      #dl #mv .mvInner .secTtl {
        margin-top: calc(100vw * (125 / 1700));
        margin-bottom: calc(100vw * (40 / 1700));
        }

        #dl #mv .mvInner .secTtl img { width: calc(100vw * (370 / 1700)); }

      #dl #mv .mvInner .secTxt {
        margin-bottom: calc(100vw * (80 / 1700));
        font-size: calc(100vw * (22 / 1700));
        line-height: 1.8;
        }

      #dl #mv .mvInner .mvBtn {
        margin-left: calc(100vw * (-15 / 1700));
        letter-spacing: -.40em;
        }

        #dl #mv .mvInner .mvBtn > li {
          display: inline-block;
          width: calc(100vw * (214 / 1700));
          margin-left: calc(100vw * (15 / 1700));
          letter-spacing: normal;
          }

          #dl #mv .mvInner .mvBtn > li img { width: 100%; }


      @media only screen and (min-width: 769px) and (max-width: 1280px) {
        #dl #mv .mvInner { width: 1280px; }

          #dl #mv .mvInner .secTtl {
            margin-top: 91.91px;
            margin-bottom: 26.35px;
            }

            #dl #mv .mvInner .secTtl img { width: 278.59px; }

          #dl #mv .mvInner .secTxt {
            margin-bottom: 58.82px;
            font-size: 16.56px;
            }

          #dl #mv .mvInner .mvBtn { margin-left: -11.29px; }

            #dl #mv .mvInner .mvBtn > li {
              width: 161.13px;
              margin-left: 11.29px;
              }
        }

    #dl #mv .mvBg {
      width: 100%;
      position: relative;
      z-index: 1;
      }

      #dl #mv .mvBg img { width: 100%; }


  /* -- #lead -- */
  #dl #lead { padding: 140px 0 240px 0; }

    #dl #lead .secTtl {
      margin-bottom: 35px;
      color: #3f75df;
      font-size: 31px;
      font-weight: bold;
      text-align: center;
      }

    #dl #lead .secTxt {
      font-size: 19px;
      text-align: center;
      line-height: 2;
      }

    #dl #lead .leadWhat3words {
      margin-top: 80px;
      text-align: center;
      }

      #dl #lead .leadWhat3words > a {
        display: inline-block;
        width: 660px;
        position: relative;
        }

      #dl #lead .leadWhat3words > a::after {
        content: "";
        background-image: url("../../../../files/cdb/ZZ/bigxconnect/dl/2305/zz_bigxconnect_dl_label-new.svg");
        background-repeat: no-repeat;
        background-position: 50% auto;
        background-size: 100% auto;
        width: 112px;
        height: 50px;
        position: absolute;
        top: -13px;
        left: -15px;
        }

        #dl #lead .leadWhat3words > a > dl {
          background-color: #f5f6f6;
          padding-bottom: 45px;
          position: relative;
          overflow: hidden;
          border-radius: 15px;
          line-height: 1.4;
          }

        #dl #lead .leadWhat3words > a > dl::before,
        #dl #lead .leadWhat3words > a > dl::after {
          content: "";
          position: absolute;
          }

        #dl #lead .leadWhat3words > a > dl::before {
          background-image: url("../../../../files/cdb/ZZ/bigxconnect/dl/2305/zz_bigxconnect_dl_features04-01-ttl-bg.png");
          background-repeat: repeat;
          background-size: 14.5px 14.5px;
          width: 100%;
          height: 45px;
          left: 0;
          bottom: 0;
          }

        #dl #lead .leadWhat3words > a > dl::after {
          width: 24px;
          height: 24px;
          border-right: 3px solid #fff;
          border-bottom: 3px solid #fff;
          left: 50%;
          bottom: 15px;
          transform: translateX(-50%) rotate(45deg);
          }

          #dl #lead .leadWhat3words > a > dl > dt {
            display: block;
            padding-top: 30px;
            margin-bottom: 20px;
            font-size: 23px;
            }

            #dl #lead .leadWhat3words > a > dl > dt strong { color: #ce3732; }

          #dl #lead .leadWhat3words > a > dl > dd {
            padding-bottom: 30px;
            color: #ce3732;
            font-size: 24px;
            font-weight: bold;
            text-decoration: underline;
            }


  /* -- #feature01 -- */
  #dl #features01 {}

    #dl #features01 .secMv { background-color: #f5f6f6; }

      #dl #features01 .secMv .wrapper:after {
        background-image: url("../../../../files/cdb/ZZ/bigxconnect/dl/2001/zz_bigxconnect_dl_2001_features01-mv-bg-pc.png");
        height: 439px;
        }

      #dl #features01 .secMv .secTtl { background-image: url("../../../../files/cdb/ZZ/bigxconnect/dl/2001/zz_bigxconnect_dl_2001_features01-mv-ttl-bg.png"); }

    #dl #features01 .secInner { background-color: #eff9ff; }

    #dl #features01 .features01-01 {
      padding-bottom: 155px;
      position: relative;
      text-align: center;
      }

    #dl #features01 .features01-01:before,
    #dl #features01 .features01-01:after {
      content: "";
      background-repeat: no-repeat;
      background-position: 50% 50%;
      background-size: 100% auto;
      position: absolute;
      }
    #dl #features01 .features01-01:before {
      background-image: url("../../../../files/cdb/ZZ/bigxconnect/dl/2001/zz_bigxconnect_dl_2001_features01-01-bg01.png");
      width: 212px;
      height: 206px;
      top: 60px;
      left: 0;
      }
    #dl #features01 .features01-01:after {
      background-image: url("../../../../files/cdb/ZZ/bigxconnect/dl/2001/zz_bigxconnect_dl_2001_features01-01-bg02.png");
      width: 209px;
      height: 139px;
      top: 84px;
      right: 0;
      }

      #dl #features01 .features01-01 > dt {
        background-image: url("../../../../files/cdb/ZZ/bigxconnect/dl/2001/zz_bigxconnect_dl_2001_features01-01-ttl-bg.png");
        background-repeat: repeat;
        background-size: 14.5px 14.5px;
        display: inline-block;
        width: 400px;
        padding: 10px;
        margin-bottom: 30px;
        color: #fff;
        font-size: 22px;
        font-weight: bold;
        box-sizing: border-box;
        border-radius: 13px;
        }

      #dl #features01 .features01-01 > dd { font-size: 22px; }

        #dl #features01 .features01-01 > dd .secTtl02 {
          margin-bottom: 30px;
          color: #3f75df;
          }

    #dl #features01 .features01-02 {
      background-image: url("../../../../files/cdb/ZZ/bigxconnect/dl/2001/zz_bigxconnect_dl_2001_features01-02-bg.png");
      background-repeat: repeat;
      background-size: 11px 9.5px;
      padding:  35px 0 40px 0;
      position: relative;
      text-align: center;
      border-radius: 28px;
      }

    #dl #features01 .features01-02:before {
      content: "";
      background-image: url("../../../../files/cdb/ZZ/bigxconnect/dl/2001/zz_bigxconnect_dl_2001_features01-02-arrow.png");
      background-repeat: no-repeat;
      background-position: 50% 0;
      background-size: 100% auto;
      width: 614px;
      height: 108px;
      margin-left: -307px;
      position: absolute;
      top: -135px;
      left: 50%;
      }

      #dl #features01 .features01-02 > dt {
        display: block;
        margin-bottom: 30px;
        color: #3f75df;
        font-size: 30px;
        font-weight: bold;
        }

      #dl #features01 .features01-02 > dd { padding: 0 170px; }

        #dl #features01 .features01-02 > dd > p:nth-of-type(1) { margin-bottom: 30px; }

          #dl #features01 .features01-02 > dd > p:nth-of-type(1) img { width: 100%; }

        #dl #features01 .features01-02 > dd > p:nth-of-type(2) {
          font-size: 19px;
          text-align: left;
          }


  /* -- #feature02 -- */
  #dl #features02 {}

    #dl #features02 .secMv { background-image: url("../../../../files/cdb/ZZ/bigxconnect/dl/2001/zz_bigxconnect_dl_2001_features02-mv-bg02-pc.png"); }

      #dl #features02 .secMv .wrapper:after {
        background-image: url("../../../../files/cdb/ZZ/bigxconnect/dl/2001/zz_bigxconnect_dl_2001_features02-mv-bg-pc.png");
        height: 506px;
        bottom: -50px;
        }

      #dl #features02 .secMv .secTtl {
        background-image: url("../../../../files/cdb/ZZ/bigxconnect/dl/2001/zz_bigxconnect_dl_2001_features02-mv-ttl-bg.png");
        right: 0;
        left: auto;
        }

      #dl #features02 .secMv .secMvlabel {
        background-color: #ee54b1;
        width: 186px;
        height: 186px;
        padding-top: 35px;
        position: absolute;
        top: 135px;
        left: 85px;
        z-index: 10;
        color: #fff;
        font-size: 19px;
        font-weight: bold;
        text-align: center;
        line-height: 1.4;
        border-radius: 200px;
        box-sizing: border-box;
        }

    #dl #features02 .secInner { background-color: #f1f9f3; }

    #dl #features02 .secTtl02 {
      margin-bottom: 110px;
      color: #3fa694;
      }

    #dl #features02 .features02-01 {
      background-image: url("../../../../files/cdb/ZZ/bigxconnect/dl/2001/zz_bigxconnect_dl_2001_features02-01-bg.png");
      background-repeat: repeat;
      background-size: 11px 9.5px;
      padding: 30px 0 35px 0;
      margin-bottom: 70px;
      position: relative;
      text-align: center;
      letter-spacing: -.40em;
      border-radius: 28px;
      }

    #dl #features02 .features02-01:before {
      content: "";
      background-image: url("../../../../files/cdb/ZZ/bigxconnect/dl/2001/zz_bigxconnect_dl_2001_features02-01-arrow.png");
      background-repeat: repeat;
      background-size: 100% auto;
      width: 70px;
      height: 59px;
      margin-left: -35px;
      position: absolute;
      top: -59px;
      left: 50%;
      }

      #dl #features02 .features02-01 > dt,
      #dl #features02 .features02-01 > dd {
        display: inline-block;
        letter-spacing: normal;
        vertical-align: top;
        }

        #dl #features02 .features02-01 > dt img,
        #dl #features02 .features02-01 > dd img { width: 100%; }

      #dl #features02 .features02-01 > dt { width: 256px; }

      #dl #features02 .features02-01 > dd {
        width: 271px;
        margin-left: 30px;
        }

        #dl #features02 .features02-01 > dd > ul { list-style: none; }

          #dl #features02 .features02-01 > dd > ul > li { margin-top: 20px; }

    #dl #features02 .features02-02 {
      position: relative;
      letter-spacing: -.40em;
      }

      #dl #features02 .features02-02 > dt,
      #dl #features02 .features02-02 > dd {
        display: inline-block;
        letter-spacing: normal;
        vertical-align: top;
        }

        #dl #features02 .features02-02 > dt img,
        #dl #features02 .features02-02 > dd img { width: 100%; }

      #dl #features02 .features02-02 > dd {
        width: 566px;
        margin-left: 25px;
        }

      #dl #features02 .features02-02 > dt {
        width: 592px;
        margin-top: 30px;
        margin-left: -105px;
        }


  /* -- #feature03-- */
  #dl #features03 {}

    #dl #features03 .secMv { background-color: #f9faec; }

      #dl #features03 .secMv .wrapper:after {
        background-image: url("../../../../files/cdb/ZZ/bigxconnect/dl/2001/zz_bigxconnect_dl_2001_features03-mv-bg-pc.png");
        height: 400px;
        }

      #dl #features03 .secMv .secTtl { background-image: url("../../../../files/cdb/ZZ/bigxconnect/dl/2001/zz_bigxconnect_dl_2001_features03-mv-ttl-bg.png"); }

    #dl #features03 .secInner:nth-of-type(2) {
      background-color: #fbfbfe;
      padding-bottom: 95px;
      }
    #dl #features03 .secInner:nth-of-type(3) { padding-bottom: 200px; }


    #dl #features03 .features03-01 {
      position: relative;
      text-align: center;
      }

      #dl #features03 .features03-01 > dt {
        background-image: url("../../../../files/cdb/ZZ/bigxconnect/dl/2001/zz_bigxconnect_dl_2001_features03-01-ttl-bg.png");
        background-repeat: repeat;
        background-size: 14.5px 14.5px;
        display: inline-block;
        width: 400px;
        padding: 10px;
        margin-bottom: 30px;
        color: #fff;
        font-size: 22px;
        font-weight: bold;
        box-sizing: border-box;
        border-radius: 13px;
        }

      #dl #features03 .features03-01 > dd { font-size: 22px; }

        #dl #features03 .features03-01 > dd .secTtl02 {
          margin-bottom: 55px;
          color: #5e61d3;
          }

          #dl #features03 .features03-01 > dd > p img { width: 580px; }


    #dl #features03 .features03-02 {
      background-image: url("../../../../files/cdb/ZZ/bigxconnect/dl/2001/zz_bigxconnect_dl_2001_features03-01-bg.png");
      background-repeat: repeat;
      background-size: 11px 9.5px;
      padding: 45px 0 50px 0;
      margin-bottom: 70px;
      position: relative;
      text-align: center;
      letter-spacing: -.40em;
      border-radius: 28px;
      }

    #dl #features03 .features03-02:before {
      content: "";
      background-image: url("../../../../files/cdb/ZZ/bigxconnect/dl/2001/zz_bigxconnect_dl_2001_features03-02-arrow.png");
      background-repeat: repeat;
      background-size: 100% auto;
      width: 70px;
      height: 59px;
      margin-left: -35px;
      position: absolute;
      top: -59px;
      left: 50%;
      }

      #dl #features03 .features03-02 > dt,
      #dl #features03 .features03-02 > dd {
        display: inline-block;
        letter-spacing: normal;
        vertical-align: middle;
        margin-top: -20px;
        }

      #dl #features03 .features03-02 > dt {
        background-color: #fff;
        width: 340px;
        height: 340px;
        padding: 90px 50px;
        margin-bottom: 70px;
        color: #5e61d3;
        font-size: 30px;
        font-weight: bold;
        border-radius: 98px;
        box-sizing: border-box;
        }

      #dl #features03 .features03-02 > dd {
        width: 550px;
        margin-left: 60px;
        }

        #dl #features03 .features03-02 > dd > ul {
          list-style: none;
          margin-top: -5px;
          }

          #dl #features03 .features03-02 > dd > ul > li { margin-top: 15px; }


  /* -- #feature04-- */
  #dl #features04 {}

    #dl #features04 .secMv {}

      #dl #features04 .secMv .wrapper:after {
        background-image: url("../../../../files/cdb/ZZ/bigxconnect/dl/2305/zz_bigxconnect_dl_features04-mv-bg-pc.jpg");
        background-position: 50% 50%;
        background-size: cover;
        width: 100vw;
        height: 400px;
        left: 50%;
        margin-left: -50vw;
        }

      #dl #features04 .secMv .secTtl {
        background-image: url("../../../../files/cdb/ZZ/bigxconnect/dl/2305/zz_bigxconnect_dl_features04-mv-ttl-bg.png");
        width: 271px;
        height: 271px;
        padding-top: 120px;
        font-size: 27px;
        }

    #dl #features04 .secInner:nth-of-type(2) {
      background-color: #f1f1f1;
      padding-bottom: 80px;
      }


    #dl #features04 .features04-01 {
      margin-bottom: 160px;
      text-align: center;
      }

      #dl #features04 .features04-01 > dt {
        background-image: url("../../../../files/cdb/ZZ/bigxconnect/dl/2305/zz_bigxconnect_dl_features04-01-ttl-bg.png");
        background-repeat: repeat;
        background-size: 14.5px 14.5px;
        display: inline-block;
        width: 520px;
        padding: 10px;
        margin-bottom: 70px;
        color: #fff;
        font-size: 22px;
        font-weight: bold;
        box-sizing: border-box;
        border-radius: 13px;
        }

      #dl #features04 .features04-01 > dd .secTtl02 { margin-bottom: 100px; }

        #dl #features04 .features04-01 > dd > dl > dt {
          display: block;
          margin-bottom: 65px;
          padding-top: 10px;
          padding-bottom: 30px;
          position: relative;
          }

        #dl #features04 .features04-01 > dd > dl > dt::before {
          content: "";
          background-color: #1a1a1a;
          width: 1px;
          height: 100%;
          position: absolute;
          left: 50%;
          top: 0;
          }

          #dl #features04 .features04-01 > dd > dl > dt > span {
            display: inline-block;
            vertical-align: middle;
            }

            #dl #features04 .features04-01 > dd > dl > dt > span img { display: inline-block; }
            #dl #features04 .features04-01 > dd > dl > dt > span:nth-of-type(1) img {
              width: 288px;
              margin-right: 100px;
              }
            #dl #features04 .features04-01 > dd > dl > dt > span:nth-of-type(2) img {
              width: 312px;
              margin-left: 70px;
              }

        #dl #features04 .features04-01 > dd > dl > dd {}

          #dl #features04 .features04-01 > dd > dl > dd > h4 {
            margin-bottom: 45px;
            color: #4d4d4d;
            font-size: 29px;
            font-weight: bold;
            line-height: 1.4;
            }

          #dl #features04 .features04-01 > dd > dl > dd > p {
            margin-bottom: 50px;
            font-size: 22px;
            line-height: 1.6;
            }

          #dl #features04 .features04-01 > dd > dl > dd > a {
            background-color: #ce3732;
            display: inline-block;
            width: 800px;
            padding: 25px 75px;
            position: relative;
            color: #fff;
            font-size: 26px;
            font-weight: bold;
            }

          #dl #features04 .features04-01 > dd > dl > dd > a::after {
            content: "";
            width: 14px;
            height: 14px;
            border-top: 2px solid #fff;
            border-right: 2px solid #fff;
            position: absolute;
            top: 50%;
            right: 40px;
            transform: translateY(-50%) rotate(45deg);
            }

    #dl #features04 .features04-02 {}

      #dl #features04 .features04-02 > li { margin-bottom: 80px; }

        #dl #features04 .features04-02 > li > dl {
          background-color: #fff;
          display: flex;
          height: 557px;
          }
        #dl #features04 .features04-02 > li:nth-child(even) > dl { flex-direction: row-reverse; }

          #dl #features04 .features04-02 > li > dl > dt {
            background-repeat: no-repeat;
            background-position: 50% 50%;
            background-size: cover;
            display: block;
            width: 53%;
            overflow: hidden;
            text-indent: 100%;
            white-space: nowrap;
            }
          #dl #features04 .features04-02 > li:nth-of-type(1) > dl > dt {
            background-image: url("../../../../files/cdb/ZZ/bigxconnect/dl/2305/zz_bigxconnect_dl_features04-02-img01.jpg");
            background-position: right 50%;
            }
          #dl #features04 .features04-02 > li:nth-of-type(2) > dl > dt {
            background-image: url("../../../../files/cdb/ZZ/bigxconnect/dl/2305/zz_bigxconnect_dl_features04-02-img02.jpg");
            background-position: left 50%;
            }
          #dl #features04 .features04-02 > li:nth-of-type(3) > dl > dt { background-image: url("../../../../files/cdb/ZZ/bigxconnect/dl/2305/zz_bigxconnect_dl_features04-02-img03.jpg"); }

          #dl #features04 .features04-02 > li > dl > dd {
            display: flex;
            align-items: center;
            align-content: center;
            justify-content: center;
            flex-wrap: wrap;
            width: 47%;
            height: 100%;
            text-align: center;
            }

            #dl #features04 .features04-02 > li > dl > dd > h3 {
              width: 100%;
              margin-bottom: 55px;
              color: #ce3732;
              font-size: 30px;
              font-weight: bold;
              line-height: 1.6;
              }

            #dl #features04 .features04-02 > li > dl > dd > p {
              width: 100%;
              font-size: 22px;
              line-height: 1.6;
              }

    #dl #features04 .features04-03 {}

      #dl #features04 .features04-03 > dt {
        background-color: #fff;
        padding: 40px 0;
        position: relative;
        text-align: center;
        }

      #dl #features04 .features04-03 > dt::after {
        content: "";
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 65px 65px 0 0;
        border-color: #fff transparent transparent transparent;
        position: absolute;
        left: 50%;
        bottom: -64px;
        transform: translateX(-50%);
        }

        #dl #features04 .features04-03 > dt > span {
          background-image: url("../../../../files/cdb/ZZ/bigxconnect/dl/2305/zz_bigxconnect_dl_features04-01-ttl-bg.png");
          background-repeat: repeat;
          background-size: 14.5px 14.5px;
          display: inline-block;
          width: 520px;
          padding: 15px;
          color: #fff;
          font-size: 22px;
          font-weight: bold;
          line-height: 1.4;
          box-sizing: border-box;
          border-radius: 13px;
          }

      #dl #features04 .features04-03 > dd { padding-top: 85px; }

        #dl #features04 .features04-03 > dd > ul:nth-of-type(1) {
          display: flex;
          margin-left: -20px;
          }
        #dl #features04 .features04-03 > dd > ul:nth-of-type(2) { text-align: center; }

          #dl #features04 .features04-03 > dd > ul:nth-of-type(1) > li {
            width: 25%;
            padding-left: 20px;
            box-sizing: border-box;
            }
          #dl #features04 .features04-03 > dd > ul:nth-of-type(2) > li {
            width: 920px;
            margin: 0 auto;
            }

            #dl #features04 .features04-03 > dd > ul > li > dl { position: relative; }
            #dl #features04 .features04-03 > dd > ul:nth-of-type(1) > li > dl { background-color: #fff; }

            #dl #features04 .features04-03 > dd > ul > li > dl::before {
              content: "";
              background-repeat: no-repeat;
              background-position: 0 0;
              background-size: 100% auto;
              width: 79px;
              height: 89px;
              position: absolute;
              top: -10px;
              left: 0;
              }
            #dl #features04 .features04-03 > dd > ul:nth-of-type(1) > li:nth-of-type(1) > dl::before { background-image: url("../../../../files/cdb/ZZ/bigxconnect/dl/2305/zz_bigxconnect_dl_features04-03-no01.svg"); }
            #dl #features04 .features04-03 > dd > ul:nth-of-type(1) > li:nth-of-type(2) > dl::before { background-image: url("../../../../files/cdb/ZZ/bigxconnect/dl/2305/zz_bigxconnect_dl_features04-03-no02.svg"); }
            #dl #features04 .features04-03 > dd > ul:nth-of-type(1) > li:nth-of-type(3) > dl::before { background-image: url("../../../../files/cdb/ZZ/bigxconnect/dl/2305/zz_bigxconnect_dl_features04-03-no03.svg"); }
            #dl #features04 .features04-03 > dd > ul:nth-of-type(1) > li:nth-of-type(4) > dl::before { background-image: url("../../../../files/cdb/ZZ/bigxconnect/dl/2305/zz_bigxconnect_dl_features04-03-no04.svg"); }
            #dl #features04 .features04-03 > dd > ul:nth-of-type(2) > li:nth-of-type(1) > dl::before { background-image: url("../../../../files/cdb/ZZ/bigxconnect/dl/2305/zz_bigxconnect_dl_features04-03-no05.svg"); }

            #dl #features04 .features04-03 > dd > ul:nth-of-type(1) > li > dl > dt { display: block; }
            #dl #features04 .features04-03 > dd > ul:nth-of-type(1) > li > dl > dt { margin-top: -5px; }
            #dl #features04 .features04-03 > dd > ul:nth-of-type(2) > li > dl > dt { margin-bottom: 25px; }

            #dl #features04 .features04-03 > dd > ul > li > dl > dd {
              font-size: 14px;
              line-height: 1.4;
              letter-spacing: -0.03em;
              }
            #dl #features04 .features04-03 > dd > ul:nth-of-type(1) > li > dl > dd {
              padding: 60px 30px 0 30px;
              min-height: 135px;
              }
            #dl #features04 .features04-03 > dd > ul:nth-of-type(2) > li > dl > dd { text-align: center; }

      #dl #features04 .features04-03 > dd > dl {
        margin-top: 40px;
        margin-bottom: 50px;
        text-align: center;
        line-height: 1.6;
        }

        #dl #features04 .features04-03 > dd > dl > dt {
          display: block;
          padding-bottom: 20px;
          margin-bottom: 15px;
          border-bottom: 1px solid #b3b3b3;
          font-size: 16px;
          }

        #dl #features04 .features04-03 > dd > dl > dd { font-size: 13px; }


  /* -- #faq -- */
  #dl #faq {
    background-color: #001626;
    padding-top: 110px;
    padding-bottom: 200px;
    }

    #dl #faq .faqTtl {
      margin-bottom: 45px;
      text-align: center
      }

      #dl #faq .faqTtl > span { color: #fff; }
      #dl #faq .faqTtl > span:nth-of-type(1) {
        display: block;
        font-family: 'Oswald', sans-serif;
        font-size: 43px;
        }
      #dl #faq .faqTtl > span:nth-of-type(2) {
        display: inline-block;
        padding: 20px 20px 0 20px;
        margin-top: 15px;
        border-top: 1px solid #fff;
        font-size: 26px;
        font-weight: bold;
        }

    #dl #faq .faqLists {}

      #dl #faq .faqLists > li { margin-top: 15px; }
      #dl #faq .faqLists > li:nth-of-type(1) { margin-top: 0; }

      #dl #faq .faqLists > li .faqAccordion,
      #dl #faq .faqLists > li .faqAccordion a { color: #fff; }

      #dl #faq .faqLists > li .faqAccordion a { text-decoration: underline; }

        #dl #faq .faqLists > li .faqAccordion > dt {
          background-color: #ce3732;
          display: block;
          padding: 20px 80px 20px 100px;
          position: relative;
          cursor: pointer;
          font-size: 22px;
          line-height: 1.4;
          font-weight: bold;
          transition: 0.2s all;
          }

        #dl #faq .faqLists > li .faqAccordion > dt:hover { opacity: 0.6; }

        #dl #faq .faqLists > li .faqAccordion > dt::before,
        #dl #faq .faqLists > li .faqAccordion > dt::after {
          position: absolute;
          top: 50%;
          }

        #dl #faq .faqLists > li .faqAccordion > dt::before {
          content: "Q";
          margin-top: -5px;
          left: 25px;
          font-family: 'Oswald', sans-serif;
          font-size: 30px;
          transform: translateY(-50%);
          }

        #dl #faq .faqLists > li .faqAccordion > dt::after {
          content: "";
          width: 14px;
          height: 14px;
          margin-top: -5px;
          border-right: 2px solid #fff;
          border-bottom: 2px solid #fff;
          right: 30px;
          transform: translateY(-50%) rotate(45deg);
          transition: 0.2s all;
          }
        #dl #faq .faqLists > li .faqAccordion > dt.is-active::after {
          transform: translateY(-50%) rotate(225deg);
          margin-top: 2px;
          }

        #dl #faq .faqLists > li .faqAccordion > dd {
          display: none;
          margin-top: 13px;
          padding: 20px 80px 20px 100px;
          border: 1px solid #ce3732;
          position: relative;
          font-size: 20px;
          line-height: 1.4;
          }

        #dl #faq .faqLists > li .faqAccordion > dd::before {
          content: "A";
          margin-top: -5px;
          position: absolute;
          top: 50%;
          left: 25px;
          font-family: 'Oswald', sans-serif;
          font-size: 30px;
          transform: translateY(-50%);
          }


  /* -- #model-- */
  #dl #model {
    padding: 85px 0 125px 0;
    border-top: 1px solid #525969;
    }

    #dl #model .secTtl { margin-bottom: 40px; }

      #dl #model .secTtl img { width: 223px; }

    #dl #model .modelNav {
      margin-bottom: 65px;
      text-align: center;
      }

      #dl #model .modelNav > dt {
        display: block;
        margin-bottom: 50px;
        color: #000;
        font-size: 26px;
        font-weight: bold;
        }

      #dl #model .modelNav > dd {
        background-color: #f2f2f2;
        padding: 45px 0;
        }

        #dl #model .modelNav > dd > ul { list-style: none; }

          #dl #model .modelNav > dd > ul > li {
            display: inline-block;
            margin:  0 78px;
            }

            #dl #model .modelNav > dd > ul > li > a {
              color: #3f75df;
              font-size: 23px;
              text-decoration: underline;
              }

    #dl #model .modelLists {
      padding: 0 80px;
      margin-bottom: 105px;
      }
    #dl #model .modelLists:nth-last-of-type(1) { margin-bottom: 0; }

      #dl #model .modelLists > dt {
        display: block;
        padding-left: 25px;
        margin-bottom: 15px;
        border-left: 5px solid #3f75df;
        color: #3f75df;
        font-size: 26px;
        font-weight: bold;
        }

      #dl #model .modelLists > dd {}

        #dl #model .modelLists > dd table {
          width: 100%;
          border-collapse: collapse;
          }

          #dl #model .modelLists > dd table th,
          #dl #model .modelLists > dd table td {
            padding: 10px 15px;
            border: 1px solid #2b39cd;
            vertical-align: middle;
            color: #000;
            font-size: 20px;
            line-height: 1.4;
            text-align: left;
            }

          #dl #model .modelLists > dd table th {
            background-color: #d9e3f9;
            width: 35%;
            font-size: 22px;
            color: #3f75df;
            font-weight: bold;
            text-align: left;
            }

          #dl #model .modelLists > dd table td {
            color: #3f75df;
            font-weight: bold;
            }


  /* -- #btn -- */
  #dl #btn {
    background-color: #f2f2f2;
    padding: 60px 0;
    }

    #dl #btn ul {
      margin-left: -15px;
      list-style: none;
      text-align: center;
      letter-spacing: -.40em;
      }

      #dl #btn ul > li {
        display: inline-block;
        letter-spacing: normal;
        vertical-align: top;
        margin-left: 15px;
        }

        #dl #btn ul > li img { width: 213px; }









@media only screen and (min-width: 0px) and (max-width: 768px) {

#dl { font-size: 12px; }


  /* -- Element -- */
  #dl .isPC,
  #dl img.isPC,
  #dl br.isPC { display: none; }
  #dl .isSP { display: block; }
  #dl img.isSP,
  #dl br.isSP { display: inline-block; }


  /* -- Image -- */
  #dl img { width: 100%; }


  /* -- Rollover -- */
  #dl a:hover,
  #dl a:hover img { opacity: 1; }


  /* -- Letter Spacing -- */
  #dl .ls-002,
  #dl .ls-004,
  #dl .ls-006 { letter-spacing: normal; }


  /* -- Animate -- */
  #dl .animate01 {
    -webkit-transform: translate(0, 20px);
    -moz-transform: translate(0, 20px);
    transform: translate(0, 20px);
    }


  /* -- .wrpper -- */
  #dl .wrapper {
    width: 100%;
    padding: 0 15px;
    }


  /* -- .secTtl -- */
  #dl .secTtl {}


  /* -- .secTtl02 -- */
  #dl .secTtl02 { font-size: 14px; }


  /* -- .secMv-- */
  #dl .secMv { height: calc(100vw * (240 / 640)); }

    #dl .secMv .wrapper {
      width: 100%;
      padding: 0;
      }

    #dl .secMv .secTtl {
      width: calc(100vw * (240 / 640));
      height: calc(100vw * (240 / 640));
      padding-top: calc(100vw * (110 / 640));
      top: calc(100vw * (-100 / 640));
      left: 15px;
      font-size: calc(100vw * (25 / 640));
      }

      #dl .secMv .secTtl > span {
        margin-top: 0;
        font-size: calc(100vw * (16 / 640));
        }


  /* -- .secInner-- */
  #dl .secInner { padding: 30px 0 calc(100vw * (160 / 640)) 0; }


  /* -- #mv -- */
  #dl #mv {}

      #dl #mv .mvInner .secTtl {
        margin-top: calc(100vw * (45 / 640));
        margin-bottom: calc(100vw * (30 / 640));
        }

        #dl #mv .mvInner .secTtl img { width: calc(100vw * (260 / 640)); }

      #dl #mv .mvInner .secTxt {
        margin-bottom: calc(100vw * (35 / 640));
        font-size: calc(100vw * (20 / 640));
        }

      #dl #mv .mvInner .mvBtn { margin-left: calc(100vw * (-12 / 640)); }

        #dl #mv .mvInner .mvBtn > li {
          width: calc(100vw * (250 / 640));
          margin-left: calc(100vw * (12 / 640));
          }


  /* -- #lead -- */
  #dl #lead { padding: 30px 0 calc(100vw * (220 / 640)) 0; }

    #dl #lead .secTtl {
      margin-bottom: 15px;
      font-size: 15px;
      }

    #dl #lead .secTxt {
      font-size: 12px;
      }
  
    #dl #lead .leadWhat3words {
      margin-top: 40px;
      padding-left: 15px;
      padding-right: 15px;
      }

      #dl #lead .leadWhat3words > a { width: 100%; }

      #dl #lead .leadWhat3words > a::after {
        width: calc(112px * 0.4);
        height: calc(50px * 0.4);
        top: calc(-13px * 0.4);
        left: calc(-15px * 0.4);
        }

        #dl #lead .leadWhat3words > a > dl {
          padding-bottom: 20px;
          border-radius: 7.5px;
          }

        #dl #lead .leadWhat3words > a > dl::before { height: 25px; }

        #dl #lead .leadWhat3words > a > dl::after {
          width: 12px;
          height: 12px;
          border-right: 2px solid #fff;
          border-bottom: 2px solid #fff;
          bottom: 9px;
          }

          #dl #lead .leadWhat3words > a > dl > dt {
            padding-top: 20px;
            margin-bottom: 10px;
            font-size: 13px;
            }

          #dl #lead .leadWhat3words > a > dl > dd {
            padding-bottom: 20px;
            font-size: 14px;
            }


  /* -- #feature01 -- */
  #dl #features01 {}

    #dl #features01 .secMv .wrapper:after {
      background-image: url("../../../../files/cdb/ZZ/bigxconnect/dl/2001/zz_bigxconnect_dl_2001_features01-mv-bg-sp.png");
      height: calc(100vw * (283 / 640));
      }

    #dl #features01 .secInner { padding-bottom: calc(100vw * (190 / 640)); }

    #dl #features01 .features01-01 { padding-bottom: 55px; }

    #dl #features01 .features01-01:before {
      width: 64px;
      height: 62px;
      top: 40px;
      }
    #dl #features01 .features01-01:after {
      width: 63px;
      height: 42px;
      top: 52px;
      }

      #dl #features01 .features01-01 > dt {
        width: 200px;
        padding: 5px;
        margin-bottom: 15px;
        font-size: 13px;
        border-radius: 7px;
        }

      #dl #features01 .features01-01 > dd { font-size: 12px; }

        #dl #features01 .features01-01 > dd .secTtl02 { margin-bottom: 15px; }

    #dl #features01 .features01-02 {
      background-size:  5.5px 4.75px;
      padding: 15px 0 20px 0;
      border-radius: 14px;
      }

    #dl #features01 .features01-02:before {
      width: 200px;
      height: 40px;
      margin-left: -100px;
      top: -45px;
      }

      #dl #features01 .features01-02 > dt {
        margin-bottom: 15px;
        font-size: 14px;
        }

      #dl #features01 .features01-02 > dd { padding: 0 15px; }

        #dl #features01 .features01-02 > dd > p:nth-of-type(1) { margin-bottom: 15px; }

        #dl #features01 .features01-02 > dd > p:nth-of-type(2) { font-size: 12px; }


  /* -- #feature02 -- */
  #dl #features02 {}

    #dl #features02 .secMv { background-image: url("../../../../files/cdb/ZZ/bigxconnect/dl/2001/zz_bigxconnect_dl_2001_features02-mv-bg02-sp.png"); }

      #dl #features02 .secMv .wrapper:after {
        background-image: url("../../../../files/cdb/ZZ/bigxconnect/dl/2001/zz_bigxconnect_dl_2001_features02-mv-bg-sp.png");
        height: calc(100vw * (302 / 640));
        bottom: calc(100vw * (-27 / 640));
        }

      #dl #features02 .secMv .secTtl {
        padding-top: calc(100vw * (100 / 640));
        right: 15px;
        }

      #dl #features02 .secMv .secMvlabel {
        width: calc(100vw * (180 / 640));
        height: calc(100vw * (180 / 640));
        padding-top: calc(100vw * (30 / 640));
        top: calc(100vw * (100 / 640));
        left: 15px;
        font-size: calc(100vw * (20 / 640));
        }

    #dl #features02 .secTtl02 { margin-bottom: 50px; }

    #dl #features02 .features02-01 {
      background-size:  5.5px 4.75px;
      padding: 15px;
      margin-bottom: 30px;
      border-radius: 14px;
      }

    #dl #features02 .features02-01:before {
      width: 35px;
      height: 29.5px;
      margin-left: -17.5px;
      top: -29.5px;
      }

      #dl #features02 .features02-01 > dt { width: calc(100vw * (242 / 640)); }

      #dl #features02 .features02-01 > dd {
        width: calc(100vw * (256 / 640));
        margin-left: 10px;
        }

          #dl #features02 .features02-01 > dd > ul > li { margin-top: 5px; }

    #dl #features02 .features02-02 { text-align: center; }

      #dl #features02 .features02-02 > dd {
        width: calc(100vw * (553 / 640));
        margin-left: 0;
        margin-bottom: 20px;
        }

      #dl #features02 .features02-02 > dt {
        width: calc(100vw * (400 / 640));
        margin-top: calc(100vw * (-40 / 640));
        margin-left: 0;
        }


  /* -- #feature03-- */
  #dl #features03 {}

      #dl #features03 .secMv .wrapper:after {
        background-image: url("../../../../files/cdb/ZZ/bigxconnect/dl/2001/zz_bigxconnect_dl_2001_features03-mv-bg-sp.png");
        height: calc(100vw * (240 / 640));
        }

      #dl #features03 .secMv .secTtl { background-image: url("../../../../files/cdb/ZZ/bigxconnect/dl/2001/zz_bigxconnect_dl_2001_features03-mv-ttl-bg.png"); }

    #dl #features03 .secInner:nth-of-type(2) { padding-bottom: 40px; }
    #dl #features03 .secInner:nth-of-type(3) { padding-bottom: 110px; }


    #dl #features03 .features03-01 {}

      #dl #features03 .features03-01 > dt {
        width: 200px;
        padding: 5px;
        margin-bottom: 15px;
        font-size: 13px;
        border-radius: 7px;
        }

      #dl #features03 .features03-01 > dd { font-size: 12px; }

        #dl #features03 .features03-01 > dd .secTtl02 { margin-bottom: 20px; }

          #dl #features03 .features03-01 > dd > p img { width: calc(100vw * (566 / 640)); }


    #dl #features03 .features03-02 {
      background-size:  5.5px 4.75px;
      padding: 20px 0 25px 0;
      margin-bottom: 0;
      border-radius: 14px;
      }

    #dl #features03 .features03-02:before {
      width: 35px;
      height: 29.5px;
      margin-left: -17.5px;
      top: -29.5px;
      }

      #dl #features03 .features03-02 > dt {
        width: calc(100% - 30px);
        height: auto;
        padding: 20px;
        margin-bottom: 20px;
        margin-top: 0;
        font-size: 16px;
        border-radius: 30px;
        }

      #dl #features03 .features03-02 > dd {
        width: calc(100vw * (527 / 640));
        margin-left: 0;
        }

        #dl #features03 .features03-02 > dd > ul { margin-top: -5px; }

          #dl #features03 .features03-02 > dd > ul > li { margin-top: 5px; }
  
  
  /* -- #feature04-- */
  #dl #features04 {}

    #dl #features04 .secMv {}

      #dl #features04 .secMv .wrapper:after {
        background-position: 50% 50%;
        height: calc(100vw * (240 / 640));
        }

      #dl #features04 .secMv .secTtl {
        width: calc(100vw * (200 / 640));
        height: calc(100vw * (200 / 640));
        padding-top: calc(100vw * (90 / 640));
        top: calc(100vw * (-120 / 640));
        font-size: calc(100vw * (22 / 640));
        }

    #dl #features04 .secInner:nth-of-type(2) { padding-bottom: 40px; }


    #dl #features04 .features04-01 { margin-bottom: 60px; }

      #dl #features04 .features04-01 > dt {
        width: 290px;
        padding: 5px;
        margin-bottom: 15px;
        font-size: 13px;
        border-radius: 7px;
        }

      #dl #features04 .features04-01 > dd .secTtl02 { margin-bottom: 35px; }

        #dl #features04 .features04-01 > dd > dl > dt {
          margin-bottom: 25px;
          padding-top: 5px;
          padding-bottom: 10px;
          }

          #dl #features04 .features04-01 > dd > dl > dt > span {
            display: inline-block;
            vertical-align: middle;
            }

            #dl #features04 .features04-01 > dd > dl > dt > span img { display: inline-block; }
            #dl #features04 .features04-01 > dd > dl > dt > span:nth-of-type(1) img {
              width: calc(288px * 0.35);
              margin-right: calc(100px * 0.3);
              }
            #dl #features04 .features04-01 > dd > dl > dt > span:nth-of-type(2) img {
              width: calc(312px * 0.35);
              margin-left: calc(70px * 0.3);
              }

        #dl #features04 .features04-01 > dd > dl > dd {}

          #dl #features04 .features04-01 > dd > dl > dd > h4 {
            margin-bottom: 20px;
            font-size: 13.5px;
            }

          #dl #features04 .features04-01 > dd > dl > dd > p {
            margin-bottom: 25px;
            font-size: 11px;
            line-height: 1.5;
            }

          #dl #features04 .features04-01 > dd > dl > dd > a {
            width: 100%;
            padding: 10px 30px;
            font-size: 14px;
            }

          #dl #features04 .features04-01 > dd > dl > dd > a::after {
            width: 8px;
            height: 8px;
            right: 20px;
            }

    #dl #features04 .features04-02 {}

      #dl #features04 .features04-02 > li { margin-bottom: 30px; }

        #dl #features04 .features04-02 > li > dl {
          display: block;
          height: auto;
          }

          #dl #features04 .features04-02 > li > dl > dt {
            background-position: 50% 50% !important;
            width: 100%;
            height: calc(100vw * (320 / 640));
            }

          #dl #features04 .features04-02 > li > dl > dd {
            display: block;
            width: 100%;
            height: auto;
            padding: 20px;
            }

            #dl #features04 .features04-02 > li > dl > dd > h3 {
              margin-bottom: 10px;
              font-size: 15px;
              }

            #dl #features04 .features04-02 > li > dl > dd > p { font-size: 12px; }

    #dl #features04 .features04-03 {}

      #dl #features04 .features04-03 > dt { padding: 20px 0; }

      #dl #features04 .features04-03 > dt::after {
        border-width: 30px 30px 0 0;
        bottom: -29px;
        }

        #dl #features04 .features04-03 > dt > span {
          width: 290px;
          padding: 7px 5px;
          font-size: 13px;
          border-radius: 7px;
          }

      #dl #features04 .features04-03 > dd { padding-top: 40px; }

        #dl #features04 .features04-03 > dd > ul:nth-of-type(1) {
          flex-wrap: wrap;
          margin-top: -10px;
          margin-left: -10px;
          }

          #dl #features04 .features04-03 > dd > ul:nth-of-type(1) > li {
            width: 50%;
            padding-top: 10px;
            padding-left: 10px;
            }
          #dl #features04 .features04-03 > dd > ul:nth-of-type(2) > li { width: 100%; }
  
            #dl #features04 .features04-03 > dd > ul > li > dl { height: 100%; }

            #dl #features04 .features04-03 > dd > ul > li > dl::before {
              width: calc(79px * 0.5);
              height: calc(89px * 0.5);
              top: calc(-10px * 0.5);
              }
  
            #dl #features04 .features04-03 > dd > ul:nth-of-type(1) > li > dl > dt { margin-top: -2px; }
            #dl #features04 .features04-03 > dd > ul:nth-of-type(2) > li > dl > dt { margin-bottom: 15px; }

            #dl #features04 .features04-03 > dd > ul > li > dl > dd {
              font-size: 11px;
              letter-spacing: normal;
              }
            #dl #features04 .features04-03 > dd > ul:nth-of-type(1) > li > dl > dd {
              padding: 30px 12px 0 12px;
              min-height: 95px;
              }

      #dl #features04 .features04-03 > dd > dl {
        margin-top: 20px;
        margin-bottom: 25px;
        }

        #dl #features04 .features04-03 > dd > dl > dt {
          padding-bottom: 10px;
          margin-bottom: 8px;
          font-size: 12px;
          }

        #dl #features04 .features04-03 > dd > dl > dd { font-size: 10px; }


  /* -- #faq -- */
  #dl #faq {
    padding-top: 30px;
    padding-bottom: 60px;
    }

    #dl #faq .faqTtl { margin-bottom: 20px; }

      #dl #faq .faqTtl > span { color: #fff; }
      #dl #faq .faqTtl > span:nth-of-type(1) { font-size: 30px; }
      #dl #faq .faqTtl > span:nth-of-type(2) {
        padding: 10px 10px 0 10px;
        margin-top: 7px;
        font-size: 16px;
        }

    #dl #faq .faqLists {}

      #dl #faq .faqLists > li { margin-top: 10px; }

        #dl #faq .faqLists > li .faqAccordion > dt {
          padding: 10px 40px 10px 45px;
          font-size: 14px;
          }

        #dl #faq .faqLists > li .faqAccordion > dt:hover { opacity: 1; }

        #dl #faq .faqLists > li .faqAccordion > dt::before {
          margin-top: -3px;
          left: 14px;
          font-size: 22px;
          }

        #dl #faq .faqLists > li .faqAccordion > dt::after {
          width: 8px;
          height: 8px;
          margin-top: -3px;
          right: 15px;
          }
        #dl #faq .faqLists > li .faqAccordion > dt.is-active::after { margin-top: 0; }

        #dl #faq .faqLists > li .faqAccordion > dd {
          margin-top: 7px;
          padding: 10px 40px 10px 45px;
          font-size: 12px;
          }

        #dl #faq .faqLists > li .faqAccordion > dd::before {
          margin-top: -3px;
          left: 14px;
          font-size: 22px;
          }


  /* -- #model-- */
  #dl #model {
    padding: 40px 0 50px 0;
    border-top: 1px solid #525969;
    }

    #dl #model .secTtl { margin-bottom: 20px; }

      #dl #model .secTtl img { width: calc(100vw * (220 / 640)); }

    #dl #model .modelNav { margin-bottom: 30px; }

      #dl #model .modelNav > dt {
        margin-bottom: 25px;
        font-size: 14px;
        }

      #dl #model .modelNav > dd { padding: 20px 0; }

          #dl #model .modelNav > dd > ul > li { margin: 0 10px; }

            #dl #model .modelNav > dd > ul > li > a { font-size: 13px; }

    #dl #model .modelLists {
      padding: 0;
      margin-bottom: 40px;
      }

      #dl #model .modelLists > dt {
        padding-left: 10px;
        margin-bottom: 6px;
        border-left: 3px solid #3f75df;
        font-size: 13px;
        }

      #dl #model .modelLists > dd {}

          #dl #model .modelLists > dd table th,
          #dl #model .modelLists > dd table td {
            padding: 5px 7px;
            font-size: 12px;
            }

          #dl #model .modelLists > dd table th {
            width: 35%;
            font-size: 12px;
            }


  /* -- #btn -- */
  #dl #btn { padding: 30px 0; }

    #dl #btn ul { margin-left: -10px; }

      #dl #btn ul > li { margin-left: 10px; }

        #dl #btn ul > li img { width: calc(100vw * (250 / 640)); }



}