.f-red {
  color: #FF1142;
}

.f-blue {
  color: #117DD8;
}

.f-vermilion {
  color: #FF5611;
}

.b-description {
  margin-bottom: 15.7333333333vw;
  padding-bottom: 13.3333333333vw;
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), color-stop(20.2666666667vw, #FFF), color-stop(20.2666666667vw, #F5FAFF), to(#F5FAFF));
  background: linear-gradient(180deg, #FFF 0%, #FFF 20.2666666667vw, #F5FAFF 20.2666666667vw, #F5FAFF 100%);
  background-color: #F5FAFF;
}
.b-description .b-mv {
  width: 89.3333333333%;
  margin: 0 auto 13.3333333333vw;
}
.b-description .e-text {
  position: relative;
  width: 89.3333333333%;
  margin: 0 auto;
  font-size: 14px;
  text-align: center;
}

.b-safety {
  width: 89.3333333333%;
  margin: 0 auto 42.6666666667vw;
}
.b-safety-item {
  counter-increment: section;
}
.b-safety-item + .b-safety-item {
  margin-top: 26.6666666667vw;
}
.b-safety-item .e-lbl {
  -webkit-box-align: center;
      -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
          align-items: center;
  margin-bottom: 8vw;
  color: #117DD8;
  font-size: 18px;
  font-weight: bold;
}
.b-safety-item .e-lbl::before {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
          align-items: center;
          justify-content: center;
  width: 12.2666666667vw;
  height: 12.2666666667vw;
  margin-right: 4.4776119403%;
  background-color: #117DD8;
  color: #fff;
  font-family: Barlow, sans-serif;
  font-size: 16px;
  font-weight: 600;
  content: counter(section);
}
.b-safety-item .e-btn {
  width: 68.6567164179%;
  margin: 10.6666666667vw auto 0;
}
@media (min-width: 768px) {
  .b-description {
    margin-bottom: 120px;
    padding-bottom: 120px;
    background: linear-gradient(180deg, #FFF 0%, #FFF 192px, #F5FAFF 192px, #F5FAFF 100%);
    background-color: #F5FAFF;
  }
  .b-description .b-mv {
    width: 1200px;
    margin-bottom: 85px;
  }
  .b-description .e-text {
    width: auto;
    font-size: 15px;
    line-height: 2;
  }
  .b-safety {
    position: relative;
    width: auto;
    margin-bottom: 160px;
    padding-bottom: 190px;
  }
  .b-safety::before {
    display: block;
    position: absolute;
    top: 850px;
    bottom: 0;
    left: 0;
    width: calc(50% + 710px);
    border-radius: 0 150px 0 0;
    background-color: #FAFAFA;
    content: '';
  }
  .b-safety-item {
    -webkit-box-align: center;
        -ms-flex-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
            align-items: center;
    width: 1200px;
    margin: 0 auto;
  }
  .b-safety-item .e-wrap {
    width: 560px;
  }
  .b-safety-item .e-img {
    width: 590px;
  }
  .b-safety-item:nth-of-type(odd) .e-wrap {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .b-safety-item:nth-of-type(odd) .e-img {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    margin-left: auto;
  }
  .b-safety-item:nth-of-type(even) .e-img {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .b-safety-item:nth-of-type(even) .e-wrap {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    margin-left: auto;
  }
  .b-safety-item + .b-safety-item {
    margin-top: 147px;
  }
  .b-safety-item .e-lbl {
    margin-bottom: 30px;
    font-size: 24px;
  }
  .b-safety-item .e-lbl::before {
    width: 60px;
    height: 60px;
    margin-right: 20px;
    font-size: 24px;
  }
  .b-safety-item .e-btn {
    width: 260px;
    margin-top: 40px;
  }
  .breadcrumbnav {
    background: none;
  }
}
@media (max-width: 767px) {
  .b-safety-item .e-text {
    margin-bottom: 10.6666666667vw;
  }
}