@media (min-width: 768px) {
  .wrapper .sec_inner {
    max-width: 1094px;
  }
}

@media (min-width: 768px) {
  .wrapper .sec_ttl-h2 {
    width: 100%;
  }
}

@media (min-width: 768px) {
  .intro {
    text-align: center;
    margin-bottom: 50px;
  }
}

.efficacy {
  background: #F2FAF8;
  padding: 10.66667vw 0;
}

@media (min-width: 768px) {
  .efficacy {
    padding: 60px 0;
  }
}

@media (min-width: 768px) {
  .efficacy_list {
    display: -ms-flex;
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    flex-wrap: wrap;
  }
}

@media (min-width: 768px) {
  .efficacy_list li {
    flex-basis: calc((100% - 60px) / 3);
    width: calc((100% - 60px) / 3);
    margin-left: 30px;
  }
  .efficacy_list li _:-ms-lang(x)::-ms-backdrop, .efficacy_list li {
    flex-basis: 30%;
    width: 30%;
  }
}

.efficacy_list li a {
  display: block;
}

@media (min-width: 768px) {
  .efficacy_list li a {
    transition: opacity .3s;
  }
  .efficacy_list li a:hover {
    opacity: 0.6;
  }
}

.efficacy_list li a strong {
  display: block;
  color: #fff;
  border-radius: 1.33333vw 1.33333vw 0 0;
  font-size: 4.8vw;
  padding: 4vw;
}

@media (min-width: 768px) {
  .efficacy_list li a strong {
    padding: 0 15px;
    width: 100%;
    height: 54px;
    border-radius: 5px 5px 0 0;
    font-size: 18px;
    display: -ms-flex;
    display: flex;
    align-items: center;
  }
}

.efficacy_list li a figure {
  margin: 0;
}

@media (min-width: 768px) {
  .efficacy_list li a figure {
    width: 100%;
  }
  .efficacy_list li a figure img {
    flex-shrink: 0;
  }
}

.efficacy_list li a p {
  background: #fff;
  margin: 0;
  padding: 4vw;
}

@media (min-width: 768px) {
  .efficacy_list li a p {
    width: 100%;
    padding: 15px;
  }
}

.efficacy_list li a span {
  display: block;
  width: 100%;
  text-align: center;
  border-radius: 0 0 1.33333vw 1.33333vw;
  background: #8FA3A5;
  padding: 4vw;
  font-weight: bold;
  margin: 0;
  color: #fff;
  position: relative;
  font-size: 4.8vw;
}

@media (min-width: 768px) {
  .efficacy_list li a span {
    border-radius: 0 0 5px 5px;
    font-size: 18px;
    padding: 0 15px;
    height: 54px;
    display: -ms-flex;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}

.efficacy_list li a span::after {
  content: "";
  background: url(../img/icon_blank.png) no-repeat left top/cover;
  position: relative;
  display: inline-block;
  width: 3.2vw;
  height: 3.2vw;
  margin-left: 1.33333vw;
}

@media (min-width: 768px) {
  .efficacy_list li a span::after {
    width: 12px;
    height: 12px;
    margin-left: 5px;
  }
}

.efficacy_list li.running a strong {
  background: #1C6F84 url(../img/icon_running.png) no-repeat right 4vw center/5.6vw auto;
}

@media (min-width: 768px) {
  .efficacy_list li.running a strong {
    background: #1C6F84 url(../img/icon_running.png) no-repeat right 15px center/21px auto;
  }
}

.efficacy_list li.cycling a strong {
  background: #1C6F84 url(../img/icon_cycling.png) no-repeat right 4vw center/10.93333vw auto;
}

@media (min-width: 768px) {
  .efficacy_list li.cycling a strong {
    background: #1C6F84 url(../img/icon_cycling.png) no-repeat right 15px center/41px auto;
  }
}

.efficacy_list li.triathlon a strong {
  background: #1C6F84 url(../img/icon_triathlon.png) no-repeat right 15px center/113px auto;
}

.efficacy_list li + li {
  margin-top: 8vw;
}

@media (min-width: 768px) {
  .efficacy_list li + li {
    margin-top: 0;
  }
}

@media (min-width: 768px) {
  .efficacy_list li:first-child, .efficacy_list li:nth-child(3n + 1) {
    margin-left: 0;
  }
}