/* -------------------------------
  main_visual
------------------------------- */
.main_visual.product_index { background-image: url(../img/index/img_main_visual.jpg); }

.main_visual .main_visual_note {
	position: absolute;
	left: 1em;
	bottom: .7em;
	font-size: .85em;
	font-weight: bold;
	text-shadow:
    1px 1px 0 #fff,
    -1px 1px 0 #fff,
    -1px -1px 0 #fff,
    1px -1px 0 #fff;
}

@media screen and (max-width: 767px) { .main_visual.product_index { background-image: url(../img/index/img_main_visual_sp.jpg); } }

.main_visual.product_index .main_visual_inner.pos_right { width: auto; display: inline-block; right: 7%; }

.main_visual.product_index .main_visual_inner.pc_only {
  left: calc(250 / 1174 * 100%);
}

@media screen and (max-width: 767px) { .main_visual.product_index .main_visual_inner.pos_right { width: 100%; }
  .main_visual.product_index .main_visual_inner .main_visual_img { width: 130px; }
  .main_visual.product_index .main_visual_inner .main_visual_img img { width: 100%; } }

.main_visual_icon{ position: absolute; top: 20px; right: 10px;}
@media screen and (max-width: 1150px){ .main_visual_icon{ right: -10%;} .main_visual_icon img{ width: 90%;}}
/* -------------------------------
  index_content
------------------------------- */
.index_content .index_section a { color: #333; }

.index_content .index_section:nth-of-type(1) { background-image: url(../img/index/img_section_01.jpg); background-color: #dcf2fa; }

.index_content .index_section:nth-of-type(2) { background-image: url(../img/index/img_section_02.jpg); background-color: #a2d8f1; background-size: contain; }

.index_content .index_section:nth-of-type(3) { background-image: url(../img/index/img_section_03.jpg); background-color: #eceee9; }

.index_content .index_section:nth-of-type(4) { background-image: url(../img/index/img_section_04.jpg); background-color: #a6c6eb; }

@media screen and (max-width: 767px) { .index_content .index_section:nth-of-type(1) { background-image: url(../img/index/img_section_01_sp.jpg); }
  .index_content .index_section:nth-of-type(2) { background-image: url(../img/index/img_section_02_sp.jpg); }
  .index_content .index_section:nth-of-type(3) { background-image: url(../img/index/img_section_03_sp.jpg); }
  .index_content .index_section:nth-of-type(4) { background-image: url(../img/index/img_section_04_sp.jpg); } }

@media screen and (max-width: 767px) { .main_visual.product_index .main_visual_inner { top: 2vw; } }

.section03_01 .emphasis_label_blue02 { padding: 5px; margin-right: 20px; width: 200px; }

.section03_01 .subheadline + .product_has_row { margin-top: 30px; }

@media screen and (max-width: 767px) { .section03_01 .emphasis_label_blue02 { margin-right: 0; padding: 5px; width: 100%; box-sizing: border-box; }
  .section03_01 .subheadline + .product_has_row { margin-top: 25px; } }

.video_wrap {
    position: relative;
    display: block;
    max-width: 600px;
    margin-right: auto;
    margin-left: auto;
}
.video_wrap > div {
    padding-top: 56.25%;
}

.video_wrap > div > * {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}


.products_text_arrow {
    margin-bottom: 36px;
    margin-top: 10px;
    margin-right: auto;
    margin-left: auto;
    position: relative;
    text-align: center;
}

.products_text_arrow::after {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 20px 25px 0 25px;
    border-color: #267bc1 transparent transparent transparent;
    display: inline-block;
    bottom: -30px;
    left: 0;
    right: 0;
    margin: auto;
}

.emphasis_label_purple02 {
    border: solid 3px #267bc1;
    background: #fff;
    color: #267bc1 !important;
    padding: 2px 9px;
    font-weight: bold;
}

.gray {
  padding: 30px;
  background: #ededed;
}
.mt20 {
  margin-top: 20px;
}
.mt30 {
  margin-top: 30px;
}

.products_img_center {
  text-align: center;
}
@media screen and (max-width: 767px) {
  .gray {
    padding: 15px;
  }
}
.red {
  color: #ec1d00;
}

.emphasis_label_purple02 + .products_text {
    margin-top: 20px;
}
.cleanDriving {
    margin-top: 30px;
}

  @media screen and (max-width: 767px) {
    .cleanDriving > .col{
      margin-top: 20px;
    }
    .cleanDriving__txt{
    font-weight: bold;
    }
    .products_img.products_img_sp{
      margin-top: 10px;
    }
  }

  @media screen and (max-width: 767px) {
    .w100 img {
      width: 100%;
    }
  }

  .w600 {
    width: 600px;
  }
  @media screen and (max-width: 767px) {
    .w600 {
      width: auto;
    }
  }

  .new_icon {
    position: absolute;
    left: -20px;
    top: -20px;
    display: inline-block;
    padding: 3px 10px;
    color: #fff;
    background: #f00;
  }

  @media screen and (max-width: 767px) {
    .new_icon {
      left: 0;
      top: -10px;
    }
  }

  .u-mt30 {
    margin-top: 30px !important;
  }

  .new-icon {
    position: relative;
  }
  .new-icon::before{
    content:"";
    position: absolute;
    left: -8px;
    top: -15px;
    width: 49px;
    height: 32px;
    background: url(../img/product/icon_new.png) no-repeat center / 100%;
  }

  @media screen and (max-width: 767px) {
    .new-icon::before{
      left: calc(-10 / 750 * 100vw);
      top: calc(-15 / 750 * 100vw);
      width: calc(73.5 / 750 * 100vw);
      height: calc(48 / 750 * 100vw);
    }
  }