@charset "utf-8";


/**
 * Car Navigation Common Style
 * ================================================================================
 * Table of Contents:
 *
 * Module Settings
 * Top Page Settings
 * Smartphone Page Settings
 * Functions Page Settings
 * Voicetouch Page Settings
 * Highquality Page Settings
 * ================================================================================
 */






/**
 * ================================================================================
 * Module Settings
 * ================================================================================
 */


/**
 * Product Item Lists Main Area
 * -------------------------------
 */

.productItemListsMainArea {}


  /* -- .productItemListsArea -- */
  .productItemListsMainArea .productItemListsArea > ul > li .productItemListsInner > dd .bottom .productDetail01 > li:nth-of-type(1) { font-size: 22px; }



/**
 * Navi Kit Lists Area
 * -------------------------------
 */

.naviKitListsArea {}


  /* -- .naviKitListsTitle -- */
  .naviKitListsArea .naviKitListsTitle {
    display: block;
    margin-bottom: 40px;
    position: relative;
    }

    .naviKitListsArea .naviKitListsTitle:before {
      content: "";
      background: -webkit-linear-gradient(left,  rgba(255,255,255,1) 15%,rgba(255,255,255,0) 30%,rgba(255,255,255,0) 50%,rgba(255,255,255,0) 70%,rgba(255,255,255,1) 85%);
      background: linear-gradient(to right,  rgba(255,255,255,1) 15%,rgba(255,255,255,0) 30%,rgba(255,255,255,0) 50%,rgba(255,255,255,0) 70%,rgba(255,255,255,1) 85%);
      width: 100%;
      height: 1px;
      position: absolute;
      top: 50%;
      left: 0;
      z-index: 1;
      }

    .naviKitListsArea .naviKitListsTitle > span {
      display: block;
      font-size: 2.9rem;
      text-align: center;
      position: relative;
      z-index: 2;
      }

      .naviKitListsArea .naviKitListsTitle > span:nth-of-type(2) { margin-top: 15px; }

      .naviKitListsArea .naviKitListsTitle > span img { width: 230px; }


  /* -- .naviKitListsInner -- */
  .naviKitListsArea .naviKitListsInner {}

    .naviKitListsArea .naviKitListsInner > ul {
      margin: -15px 0 0 -15px;
      list-style: none;
      letter-spacing: -.40em;
      }

      .naviKitListsArea .naviKitListsInner > ul > li {
        display: inline-block;
        width: 50%;
        margin-top: 15px;
        padding-left: 15px;
        letter-spacing: normal;
        vertical-align: top;
        }

        .naviKitListsArea .naviKitListsInner > ul > li > a {
          display: block;
          text-decoration: none;
          }

        .naviKitListsArea .naviKitListsInner > ul > li dl {
          background-color: #282828;
          border: 1px solid #919191;
          position: relative;
          color: #FFF;
          text-align: center;
          }

          .naviKitListsArea .naviKitListsInner > ul > li dl > dt:before,
          .naviKitListsArea .naviKitListsInner > ul > li dl > dt:after,
          .naviKitListsArea .naviKitListsInner > ul > li dl > dd:before,
          .naviKitListsArea .naviKitListsInner > ul > li dl > dd:after {
            content: "";
            width: 30px;
            height: 30px;
            position: absolute;
            }
          .naviKitListsArea .naviKitListsInner > ul > li dl > dt:before {
            border-top: 2px solid #FFF;
            border-left: 2px solid #FFF;
            top: 0;
            left: 0;
            }
          .naviKitListsArea .naviKitListsInner > ul > li dl > dt:after {
            border-top: 2px solid #FFF;
            border-right: 2px solid #FFF;
            top: 0;
            right: 0;
            }
          .naviKitListsArea .naviKitListsInner > ul > li dl > dd:before {
            border-bottom: 2px solid #FFF;
            border-left: 2px solid #FFF;
            bottom: 0;
            left: 0;
            }
          .naviKitListsArea .naviKitListsInner > ul > li dl > dd:after {
            border-bottom: 2px solid #FFF;
            border-right: 2px solid #FFF;
            bottom: 0;
            right: 0;
            }

          .naviKitListsArea .naviKitListsInner > ul > li dl > dt {
            display: block;
            padding: 0 20px 20px 20px;
            }

            .naviKitListsArea .naviKitListsInner > ul > li dl > dt > span { display: block; }

            .naviKitListsArea .naviKitListsInner > ul > li dl > dt > span.name {
              display: flex;
              align-items: center;
              justify-content: center;
              height: 80px;
              margin-bottom: 15px;
              font-size: 2.2rem;
              font-weight: bold;
              border-bottom: 1px solid #a6a6a6;
              }

            .naviKitListsArea .naviKitListsInner > ul > li dl > dt > span.name02 {
              margin-bottom: 10px;
              font-size: 1.9rem;
              font-weight: bold;
              }

            .naviKitListsArea .naviKitListsInner > ul > li dl > dt > span.option { margin-bottom: 15px; }

              .naviKitListsArea .naviKitListsInner > ul > li dl > dt > span.option > span {
                background-color: #FFF;
                display: inline-block;
                padding: 2px 6px;
                color: #282828;
                font-size: 1.7rem;
                }

            .naviKitListsArea .naviKitListsInner > ul > li dl > dt > span.number {
              color: #a6a6a6;
              font-size: 2.2rem;
              }

          .naviKitListsArea .naviKitListsInner > ul > li dl > dd {
            background-color: #3c3c3c;
            display: flex;
            align-items: center;
            justify-content: center;
            height: 60px;
            padding: 0 20px;
            }

            .naviKitListsArea .naviKitListsInner > ul > li dl > dd > p { font-size: 1.4rem; }



/**
 * Fix Banner Area
 * -------------------------------
 */

.fixBannerArea {
  position: fixed;
  bottom: 80px;
  right: 30px;
  z-index: 10;
  }

  .fixBannerArea > ul {
    margin-left: -10px;
    list-style: none;
    letter-spacing: -.40em;
    }

    .fixBannerArea > ul > li {
      display: inline-block;
      margin-left: 10px;
      letter-spacing: normal;
      vertical-align: top;
      }

      .fixBannerArea > ul > li > a { display: block; }

        .fixBannerArea > ul > li.apnStyle30ALVE > a > img { width: 200px; }


/**
 * Fix Change DA Banner Area
 * -------------------------------
 */

.fixChangeDaBannerArea {
  position: fixed;
  bottom: 80px;
  right: 20px;
  z-index: 10;
  }

  .fixChangeDaBannerArea > dl {
    position: relative;
    z-index: 1;
    }

    .fixChangeDaBannerArea > dl > dt {
      display: block;
      width: 205px;
      }

      .fixChangeDaBannerArea > dl > dt > img { width: 100%; }

    .fixChangeDaBannerArea > dl > dd {
      position: absolute;
      bottom: 11px;
      left: 10px;
      z-index: 2;
      width: 185px;
      }

      .fixChangeDaBannerArea > dl > dd > ul {
        margin-top: -10px;
        display: flex;
        flex-wrap: wrap;
        }

        .fixChangeDaBannerArea > dl > dd > ul > li {
          width: 100%;
          margin-top: 10px;
          }

          .fixChangeDaBannerArea > dl > dd > ul > li > a { display: block; }

            .fixChangeDaBannerArea > dl > dd > ul > li > a img { width: 100%; }
      


/**
 * Caution Box
 * -------------------------------
 */

.cautionBox {
  display: inline-block;
  border: 2px solid #ff0000;
  padding: 10px 25px;
  color: #ff0000;
  font-size: 1.9rem;
  font-weight: 700;
  }



/**
 * Modal
 * -------------------------------
 */

#cboxContent { padding: 0 !important; }

#cboxClose { z-index: 10; }

.nv-modal { display: none; }

#cboxContent .nv-modal { display: block; }







/**
 * ================================================================================
 * Top Page Settings
 * ================================================================================
 */


/**
 * Block
 * -------------------------------
 */

/* -- Common -- */
#topPage .sectionBlock .columnBlock .columnArrow { position: relative; }

  #topPage .sectionBlock .columnBlock .columnArrow:before,
  #topPage .sectionBlock .columnBlock .columnArrow:after {
    content: "";
    width: 0;
    height: 0;
    margin-top: 30px;
    border-style: solid;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    }

  #topPage .sectionBlock .columnBlock .columnArrow:before {
    border-width: 18px 18px 18px 0;
    border-color: transparent #007bff transparent transparent;
    right: -25px;
    }

  #topPage .sectionBlock .columnBlock .columnArrow:after {
    border-width: 18px 0 18px 18px;
    border-color: transparent transparent transparent #007bff;
    right: -53px
    }






/**
 * ================================================================================
 * Smartphone Page Settings
 * ================================================================================
 */


/**
 * Block
 * -------------------------------
 */

/* -- Common -- */
#smartphonePage .sectionBlock .posAbsolute {
  top: 200px;
  right: 0;
  }

  #smartphonePage .sectionBlock .posAbsolute img { height: 78px; }


/* -- .sectionBlock01 -- */
#smartphonePage .sectionBlock01 .logoLists {
  margin-left: -35px;
  list-style: none;
  letter-spacing: -.40em;
  text-align: center;
  }

  #smartphonePage .sectionBlock01 .logoLists > li {
    display: inline-block;
    margin-left: 35px;
    letter-spacing: normal;
    vertical-align: top;
    }

    #smartphonePage .sectionBlock01 .logoLists > li img { height: 79px; }


/* -- .sectionBlock02 -- */
/*
#smartphonePage .sectionBlock02 .columnBlock:nth-of-type(2) .column:nth-of-type(2) .dlBlock {
  margin-top: 115px;
  padding-top: 85px;
  padding-bottom: 85px;
  border-top: 1px solid #1A1A1A;
  border-bottom: 1px solid #1A1A1A;
  }
*/

#smartphonePage .sectionBlock02 .btns01 { text-align: center; }

  #smartphonePage .sectionBlock02 .btns01 .btn { width: 800px; }






/**
 * ================================================================================
 * Functions Page Settings
 * ================================================================================
 */


/**
 * Block
 * -------------------------------
 */

/* -- Common -- */
#functionsPage .sectionBlock .posAbsolute {
  top: 160px;
  right: 0;
  }


/* -- .sectionBlock01 -- */
#functionsPage .sectionBlock01 .posAbsolute { top: 430px; }
#functionsPage .sectionBlock01 .posAbsolute img { height: 121px; }


/* -- .sectionBlock08 -- */
#functionsPage .sectionBlock08 .posAbsolute img { height: 96px; }

#functionsPage .sectionBlock08 .autoPlayMovieArea {
  position: relative;
  padding-bottom: 51.75%;
  }

  #functionsPage .sectionBlock08 .autoPlayMovieArea video {
    width: 1280px;
    position: absolute;
    top: 0;
    left: -100px;
    }

#functionsPage .sectionBlock08 .columnBlock .column02:nth-last-of-type(2) { width: 40%; }
#functionsPage .sectionBlock08 .columnBlock .column02:nth-last-of-type(1) { width: 60%; }

  #functionsPage .sectionBlock08 .columnBlock .column02 .dlBlock > dd .pSectionText01 {
    color: #9f832e;
    font-weight: bold;
    }


/* -- .sectionBlock17 -- */
#functionsPage .sectionBlock17 .posAbsolute img { height: 82px; }


/* -- .sectionBlock18 -- */
#functionsPage .sectionBlock18 .posAbsolute img { height: 125px; }


/* -- .sectionBlock19 -- */
#functionsPage .sectionBlock19 .posAbsolute img { height: 108px; }


/* -- .sectionBlock21 -- */
#functionsPage .sectionBlock21 .autoPlayMovieArea video { width: 100%;}


/* -- .sectionBlock22 -- */
#functionsPage .sectionBlock22 .column { position: relative; }

  #functionsPage .sectionBlock22 .contentBlock:nth-of-type(2) .column:before,
  #functionsPage .sectionBlock22 .contentBlock:nth-of-type(2) .column:after {
    display: inline-block;
    position: absolute;
    font-size: 50px;
    font-weight: bold;
    }
  #functionsPage .sectionBlock22 .contentBlock:nth-of-type(2) .columnBlock .column:nth-of-type(1):before {
    content: "↓";
    top: -15px;
    left: 300px;
    }
  #functionsPage .sectionBlock22 .contentBlock:nth-of-type(2) .columnBlock .column:nth-of-type(2):before {
    content: "→";
    top: 165px;
    left: 5px;
    }
  #functionsPage .sectionBlock22 .contentBlock:nth-of-type(2) .columnBlock .column:nth-of-type(2):after {
    content: "";
    width: 180px;
    height: 180px;
    border: 2px solid #000;
    right: -40px;
    top: 230px;
    border-radius: 1000px;
    }


/* -- .sectionBlock23 -- */
#functionsPage .sectionBlock23 .autoPlayMovieArea {
  position: relative;
  padding-bottom: 51.75%;
  }

  #functionsPage .sectionBlock23 .autoPlayMovieArea video {
    width: 1280px;
    position: absolute;
    top: 0;
    left: -100px;
    }


/* -- .sectionBlock25 -- */
#functionsPage .sectionBlock25 {}

  #functionsPage .sectionBlock25 .posAbsolute img { height: 58px; }






/**
 * ================================================================================
 * Voicetouch Page Settings
 * ================================================================================
 */


/**
 * Block
 * -------------------------------
 */

/* -- Common -- */
#voicetouchPage .sectionBlock .posAbsolute {
  top: 160px;
  right: 0;
  }


/* -- .sectionBlock01 -- */
#voicetouchPage .sectionBlock01 .posAbsolute img { height: 48px; }

#voicetouchPage .sectionBlock01 .btns01 { text-align: center; }

  #voicetouchPage .sectionBlock01 .btns01 .btn { width: 800px; }


/* -- .sectionBlock02 / .sectionBlock04 -- */
#voicetouchPage .sectionBlock02 .autoPlayMovieArea,
#voicetouchPage .sectionBlock04 .autoPlayMovieArea {
  position: relative;
  padding-bottom: 51.75%;
  }

  #voicetouchPage .sectionBlock02 .autoPlayMovieArea video,
  #voicetouchPage .sectionBlock04 .autoPlayMovieArea video {
    width: 1280px;
    position: absolute;
    top: 0;
    left: -100px;
    }






/**
 * ================================================================================
 * Highquality Page Settings
 * ================================================================================
 */


/**
 * Block
 * -------------------------------
 */

/* -- Common -- */
#highqualityPage .sectionBlock .posAbsolute {
  top: 150px;
  right: 0;
  }


/* -- .sectionBlock02 -- */
#highqualityPage .sectionBlock02 .posAbsolute img { height: 74px; }


/* -- .sectionBlock09 -- */
#highqualityPage .sectionBlock09 .posAbsolute img { height: 144px; }


/* -- .sectionBlock11 -- */
#highqualityPage .sectionBlock11 .dlBlock { padding-top: 160px; }









@media only screen and (min-width: 0px) and (max-width: 767px) {
  
  
/**
 * ================================================================================
 * Module Settings
 * ================================================================================
 */
  
  
/**
 * Product Item Lists Main Area
 * -------------------------------
 */

.productItemListsMainArea {}


  /* -- .productItemListsArea -- */
  .productItemListsMainArea .productItemListsArea > ul > li .productItemListsInner > dd .bottom .productDetail01 > li:nth-of-type(1) { font-size: 13px; }

  

/**
 * Navi Kit Lists Area
 * -------------------------------
 */

.naviKitListsArea {}


  /* -- .naviKitListsTitle -- */
  .naviKitListsArea .naviKitListsTitle { margin-bottom: 10px; }

    .naviKitListsArea .naviKitListsTitle:before { display: none; }

    .naviKitListsArea .naviKitListsTitle > span { font-size: 1.8rem; }

      .naviKitListsArea .naviKitListsTitle > span:nth-of-type(2) { margin-top: 5px; }

      .naviKitListsArea .naviKitListsTitle > span img { width: 115px; }


  /* -- .naviKitListsInner -- */
  .naviKitListsArea .naviKitListsInner {}

    .naviKitListsArea .naviKitListsInner > ul { margin: 15px 0 0 0; }

      .naviKitListsArea .naviKitListsInner > ul > li {
        width: 100%;
        margin-top: 15px;
        padding-left: 0;
        }

        .naviKitListsArea .naviKitListsInner > ul > li dl {}

          .naviKitListsArea .naviKitListsInner > ul > li dl > dt:before,
          .naviKitListsArea .naviKitListsInner > ul > li dl > dt:after,
          .naviKitListsArea .naviKitListsInner > ul > li dl > dd:before,
          .naviKitListsArea .naviKitListsInner > ul > li dl > dd:after {
            width: 15px;
            height: 15px;
            }

          .naviKitListsArea .naviKitListsInner > ul > li dl > dt {
            display: block;
            padding: 15px;
            }

            .naviKitListsArea .naviKitListsInner > ul > li dl > dt > span.name {
              display: block;
              height: auto;
              padding-bottom: 10px;
              margin-bottom: 10px;
              font-size: 1.5rem;
              }

            .naviKitListsArea .naviKitListsInner > ul > li dl > dt > span.name02 { font-size: 1.2rem; }

            .naviKitListsArea .naviKitListsInner > ul > li dl > dt > span.option { margin-bottom: 8px; }

              .naviKitListsArea .naviKitListsInner > ul > li dl > dt > span.option > span {
                padding: 2px 5px;
                font-size: 1.1rem;
                }

            .naviKitListsArea .naviKitListsInner > ul > li dl > dt > span.number { font-size: 1.5rem; }

          .naviKitListsArea .naviKitListsInner > ul > li dl > dd {
            height: 40px;
            padding: 0 15px;
            }

            .naviKitListsArea .naviKitListsInner > ul > li dl > dd > p { font-size: 1.0rem; }
  
  
  
/**
 * Fix Banner Area
 * -------------------------------
 */

.fixBannerArea {
  bottom: 60px;
  right: 20px;
  }

  .fixBannerArea > ul { margin-left: -5px; }

    .fixBannerArea > ul > li { margin-left: 5px; }

      .fixBannerArea > ul > li > a {}

        .fixBannerArea > ul > li.apnStyle30ALVE > a > img { width: 120px; }
  
  
  
/**
 * Fix Change DA Banner Area
 * -------------------------------
 */

.fixChangeDaBannerArea {
  bottom: 0;
  right: 0;
  z-index: 10;
  }

  .fixChangeDaBannerArea > dl {}

    .fixChangeDaBannerArea > dl > dt { width: 100vw; }

    .fixChangeDaBannerArea > dl > dd {
      bottom: calc(100vw * (16 / 640));
      left: calc(100vw * (16 / 640));
      width: calc(100% - (100vw * (16 / 640) * 2));
      }

      .fixChangeDaBannerArea > dl > dd > ul {
        margin-top: 0;
        margin-left: calc(100vw * (-16 / 640));
        }

        .fixChangeDaBannerArea > dl > dd > ul > li {
          width: 50%;
          margin-top: 0;
          padding-left: calc(100vw * (16 / 640));
          }
  
body.fixChangeDaBanner #pageTop,
body.fixChangeDaBanner #ot-sdk-btn-floating.ot-floating-button { bottom: calc(100vw * (250 / 640)); }
  
body.fixChangeDaBanner .footer { padding-bottom: calc(100vw * (350 / 640));}
  
  
  
/**
 * Caution Box
 * -------------------------------
 */

.cautionBox {
  padding: 5px 10px;
  font-size: 1.2rem;
  }
  
  
  
  
  
  
/**
 * ================================================================================
 * Top Page Settings
 * ================================================================================
 */


/**
 * Block
 * -------------------------------
 */

/* -- Common -- */
#topPage .sectionBlock .posAbsolute.posStaticSP { margin-top: 15px; }

  #topPage .sectionBlock .posAbsolute.posStaticSP img {
    width: auto;
    height: calc(100vw * (79 / 640));
    }
  
#topPage .sectionBlock .columnBlock .columnArrow {}

  #topPage .sectionBlock .columnBlock .columnArrow:before,
  #topPage .sectionBlock .columnBlock .columnArrow:after {
    margin-top: 0;
    top: auto;
    right: auto;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    }

  #topPage .sectionBlock .columnBlock .columnArrow:before {
    border-width: 0 9px 9px 9px;
    border-color: transparent transparent #007bff transparent;
    bottom: -11px;
    }

  #topPage .sectionBlock .columnBlock .columnArrow:after {
    border-width: 9px 9px 0 9px;
    border-color: #007bff transparent transparent transparent;
    bottom: -23px;
    }
  
  
  
/**
 * Key Visual Area
 * -------------------------------
 */

.keyVisualArea {}

  
  /* -- .keyVisualBg -- */
  .keyVisualArea .keyVisualBg { margin-top: 30px; }
  
  
  
  
  
  
/**
 * ================================================================================
 * Smartphone Page Settings
 * ================================================================================
 */


/**
 * Block
 * -------------------------------
 */

/* -- Common -- */
#smartphonePage .sectionBlock .posAbsolute.posStaticSP { margin-top: 15px; }

  #smartphonePage .sectionBlock .posAbsolute.posStaticSP img {
    width: auto;
    height: calc(100vw * (79 / 640));
    }


/* -- .sectionBlock01 -- */
#smartphonePage .sectionBlock01 .logoLists {
  margin-left: 0;
  margin-top: -10px;
  }

  #smartphonePage .sectionBlock01 .logoLists > li {
    width: 70%;
    margin-left: 0;
    margin-top: 10px;
    }

    #smartphonePage .sectionBlock01 .logoLists > li img { height: auto; }


/* -- .sectionBlock02 -- */
#smartphonePage .sectionBlock02 .columnBlock:nth-of-type(2) .column:nth-of-type(2) .dlBlock {
  margin-top: 0;
  padding-top: 15px;
  padding-bottom: 15px;
  }

#smartphonePage .sectionBlock02 .btns01 {}

  #smartphonePage .sectionBlock02 .btns01 .btn { width: 100%; }
  
  
  
  
  
  
/**
 * ================================================================================
 * Functions Page Settings
 * ================================================================================
 */


/**
 * Block
 * -------------------------------
 */

/* -- Common -- */
#functionsPage .sectionBlock .posAbsolute { margin-top: 15px;  }
  
  #functionsPage .sectionBlock .posAbsolute img { width: auto; }


/* -- .sectionBlock01 -- */
#functionsPage .sectionBlock01 .posAbsolute img { height: calc(100vw * (121 / 640)); }
  
  
/* -- .sectionBlock08 -- */
#functionsPage .sectionBlock08 .posAbsolute img { height: calc(100vw * (96 / 640)); }
  
#functionsPage .sectionBlock08 .columnBlock .column02:nth-last-of-type(2) { width: 63%; }
#functionsPage .sectionBlock08 .columnBlock .column02:nth-last-of-type(1) { width: 100%; }
  
#functionsPage .sectionBlock08 .autoPlayMovieArea video {
  width: 110%;
  left: -5%;
  }
  
  
/* -- .sectionBlock17 -- */
#functionsPage .sectionBlock17 .posAbsolute img { height: calc(100vw * (82 / 640)); }
  
  
/* -- .sectionBlock18 -- */
#functionsPage .sectionBlock18 .posAbsolute img { height: calc(100vw * (125 / 640)); }
  
  
/* -- .sectionBlock19 -- */
#functionsPage .sectionBlock19 .posAbsolute img { height: calc(100vw * (108 / 640)); }
  
  
#functionsPage .sectionBlock22 .contentBlock:nth-of-type(2) .column:before,
#functionsPage .sectionBlock22 .contentBlock:nth-of-type(2) .column:after {
  font-size: 20px;
  }
#functionsPage .sectionBlock22 .contentBlock:nth-of-type(2) .columnBlock .column:nth-of-type(1):before {
  content: "↓";
  margin-left: -10px;
  top: -5px;
  left: 50%;
  }
#functionsPage .sectionBlock22 .contentBlock:nth-of-type(2) .columnBlock .column:nth-of-type(2):before {
  content: "↓";
  margin-left: -10px;
  top: -5px;
  left: 50%;
  }
#functionsPage .sectionBlock22 .contentBlock:nth-of-type(2) .columnBlock .column:nth-of-type(2):after {
  content: "";
  width: calc(100vw * (140 / 640));
  height: calc(100vw * (140 / 640));
  right: calc(100vw * (-20 / 640));
  top: calc(100vw * (265 / 640));
  }
  
  
/* -- .sectionBlock23 -- */
#functionsPage .sectionBlock23 .autoPlayMovieArea video {
  width: 110%;
  left: -5%;
  }

/* -- .sectionBlock25 -- */
#functionsPage .sectionBlock25 {}

  #functionsPage .sectionBlock25 .posAbsolute img { height: calc(100vw (58 / 640)) ; }
  
  
  
  

  
/**
 * ================================================================================
 * Voicetouch Page Settings
 * ================================================================================
 */


/**
 * Block
 * -------------------------------
 */

/* -- Common -- */
#voicetouchPage .sectionBlock .posAbsolute { margin-top: 15px; }
  
  #voicetouchPage .sectionBlock .posAbsolute img { width: auto; }


/* -- .sectionBlock01 -- */
#voicetouchPage .sectionBlock01 .posAbsolute img { height: calc(100vw * (48 / 640)); }
  
#voicetouchPage .sectionBlock01 .btns01 {}

  #voicetouchPage .sectionBlock01 .btns01 .btn { width: 100%; }
  
  
/* -- .sectionBlock02 / .sectionBlock04 -- */
#voicetouchPage .sectionBlock02 .autoPlayMovieArea video,
#voicetouchPage .sectionBlock04 .autoPlayMovieArea video {
  width: 110%;
  left: -5%;
  }
  
  
  
  
  
  
/**
 * ================================================================================
 * Highquality Page Settings
 * ================================================================================
 */


/**
 * Block
 * -------------------------------
 */

/* -- Common -- */
#highqualityPage .sectionBlock .posAbsolute { margin-top: 15px; }

  #highqualityPage .sectionBlock .posAbsolute img { width: auto; }
  
  
/* -- .sectionBlock02 -- */
#highqualityPage .sectionBlock02 .posAbsolute img { height: calc(100vw * (74 / 640)); }
  
  
/* -- .sectionBlock09 -- */
#highqualityPage .sectionBlock09 .posAbsolute img { height: calc(100vw * (144 / 640)); }
  

/* -- .sectionBlock11 -- */
#highqualityPage .sectionBlock11 .dlBlock { padding-top: 0; }

  
}