@charset "UTF-8";
/* ===========================
正規品判定ページ
=========================== */
#trace {
  font-size: 1.6rem;
  line-height: 1.714;
}

#trace .bold {
  font-weight: bold;
}

#trace #contents .contents_wrap {
  text-align: justify;
}

#trace #contents .contents_wrap .ttl02 {
  margin-bottom: 30px;
  line-height: normal;
}

#trace #contents .contents_wrap h2 {
  font-size: 2.4rem;
  text-align: center;
  margin-bottom: 1em;
}

#trace #contents .contents_wrap > .txt {
  text-align: center;
  margin-bottom: 30px;
}

#trace #contents .contents_wrap .trace_system {
  margin-bottom: 60px;
}

#trace #contents .contents_wrap .trace_system .txt {
  width: 100%;
  max-width: 830px;
  margin: 0 auto 1.5em;
}

#trace #contents .contents_wrap .trace_system .system_gray {
  background-color: #eeeeee;
  margin-bottom: 24px;
  padding: 25px 0 15px;
}

#trace #contents .contents_wrap .trace_system .system_gray ul {
  width: 100%;
  max-width: 830px;
  margin: 0 auto;
}

#trace #contents .contents_wrap .trace_system .system_gray ul li {
  margin-bottom: 1em;
  text-align: justify;
}

#trace #contents .contents_wrap .trace_system .system_gray ul li h3 {
  font-size: 1.6rem;
  font-weight: bold;
  margin-bottom: .3em;
}

#trace #contents .contents_wrap .trace_system .system_gray ul li h3::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background-color: #c02d28;
  border-radius: 50%;
  vertical-align: sub;
  background-image: url(../../img/common/check_w.png);
  background-repeat: no-repeat;
  background-size: 11px 8px;
  background-position: center center;
}

#trace #contents .contents_wrap .trace_system .system_gray ul li p {
  font-weight: bold;
}

#trace #contents .contents_wrap .trace_sticker .sticker_blk {
  margin-bottom: 50px;
}

#trace #contents .contents_wrap .trace_sticker .sticker_blk .top_txt {
  font-size: 1.6rem;
  text-align: center;
}

#trace #contents .contents_wrap .trace_sticker .sticker_blk .sticker_img {
  width: 100%;
  max-width: 208px;
  margin: 15px auto;
}

#trace #contents .contents_wrap .trace_sticker .sticker_blk .sticker_img img {
  display: block;
}

#trace #contents .contents_wrap .trace_sticker .sticker_blk .bottom_txt {
  font-size: 2.4rem;
  font-weight: bold;
  text-align: center;
  margin-bottom: .8em;
}

#trace #contents .contents_wrap .trace_sticker .sticker_blk .explane_img {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}

#trace #contents .contents_wrap .trace_sticker .sticker_blk .explane_img img {
  display: block;
}

#trace #contents .contents_wrap .btn01 {
  margin-top: 70px;
}

/* ----------
- TB
---------- */
@media only screen and (max-width: 1220px) and (min-width: 751px) {
  #trace #contents .contents_wrap .ttl02 {
    margin-bottom: 40px;
  }
  #trace #contents .contents_wrap .trace_system .txt {
    width: 94%;
  }
  #trace #contents .contents_wrap .trace_system .system_gray {
    padding: 25px 3% 15px;
  }
  #trace #contents .contents_wrap .trace_sticker {
    width: 94%;
    margin: 0 auto;
  }
}

/* ----------
- SP
---------- */
@media only screen and (max-width: 750px) {
  #trace {
    font-size: 1.4rem;
  }
  #trace #contents .contents_wrap .ttl02 {
    padding-top: 10.66667vw;
    margin-bottom: 8vw;
  }
  #trace #contents .contents_wrap h2 {
    font-size: 5.33333vw;
    margin-bottom: .7em;
  }
  #trace #contents .contents_wrap > .txt {
    font-size: 3.73333vw;
    margin-bottom: 6.4vw;
    padding: 0 5.33333vw;
  }
  #trace #contents .contents_wrap .trace_system {
    margin-bottom: 50px;
  }
  #trace #contents .contents_wrap .trace_system .txt {
    padding: 0 5.33333vw;
  }
  #trace #contents .contents_wrap .trace_system .system_gray {
    margin-bottom: 20px;
    padding: 25px 5.33333vw 15px;
  }
  #trace #contents .contents_wrap .trace_system .system_gray ul li h3 {
    font-size: 1.4rem;
  }
  #trace #contents .contents_wrap .trace_system .system_gray ul li h3::before {
    width: 18px;
    height: 18px;
    background-size: 10px 7px;
  }
  #trace #contents .contents_wrap .trace_sticker {
    padding: 0 5.33333vw;
  }
  #trace #contents .contents_wrap .trace_sticker .sticker_blk {
    margin-bottom: 40px;
  }
  #trace #contents .contents_wrap .trace_sticker .sticker_blk .top_txt {
    font-size: 1.4rem;
  }
  #trace #contents .contents_wrap .trace_sticker .sticker_blk .bottom_txt {
    font-size: 5.33333vw;
  }
  #trace #contents .contents_wrap .trace_sticker .sticker_blk:first-of-type {
    margin-bottom: 30px;
    padding-bottom: 40px;
    border-bottom: 1px solid #bbb;
  }
  #trace #contents .contents_wrap .btn01 {
    margin-top: 50px;
  }
}
/*# sourceMappingURL=../map/product/trace.css.map */