テンプレート | 株式会社Ace

その他

  • ※印

    • ※

      8分に一度心拍数を計り、もっとも脂肪が燃焼する状態に達しているかを確認します。8分に一度心拍数を計り、もっとも脂肪が燃焼する状態に達しているかを確認します。8分に一度心拍数を計り、もっとも脂肪が燃焼する状態に達しているかを確認します。

    • ※

      8分に一度心拍数を計り、もっとも脂肪が燃焼する状態に達しているかを確認します。8分に一度心拍数を計り、もっとも脂肪が燃焼する状態に達しているかを確認します。8分に一度心拍数を計り、もっとも脂肪が燃焼する状態に達しているかを確認します。

    • ※

      8分に一度心拍数を計り、もっとも脂肪が燃焼する状態に達しているかを確認します。8分に一度心拍数を計り、もっとも脂肪が燃焼する状態に達しているかを確認します。8分に一度心拍数を計り、もっとも脂肪が燃焼する状態に達しているかを確認します。

    コードを表示

    HTML

    <ul class="ace525">
  <li class="ace525_item">
    <div class="ace525_c1">
      <p class="ace525_t1">※</p>
    </div>
    <div class="ace525_c1">
      <p class="ace525_t1">8分に一度心拍数を計り、もっとも脂肪が燃焼する状態に達しているかを確認します。</p>
    </div>
  </li>
  <li class="ace525_item">
    <div class="ace525_c1">
      <p class="ace525_t1">※</p>
    </div>
    <div class="ace525_c1">
      <p class="ace525_t1">8分に一度心拍数を計り、もっとも脂肪が燃焼する状態に達しているかを確認します。</p>
    </div>
  </li>
  <li class="ace525_item">
    <div class="ace525_c1">
      <p class="ace525_t1">※</p>
    </div>
    <div class="ace525_c1">
      <p class="ace525_t1">8分に一度心拍数を計り、もっとも脂肪が燃焼する状態に達しているかを確認します。</p>
    </div>
  </li>
</ul>

    CSS

    /*※印*/
ul.ace525 {
  margin: 0;
  list-style: none;
}

li.ace525_item {
  display: flex;
}

.ace525_c1:first-of-type {
  padding-right: 0.3em;
}

@media (max-width: 750px) {
  p.ace525_t1 {
    font-size: 12px;
  }
}

  • 期待できる効果

    期待できる効果

    • 疼痛の緩和
    • 筋緊張の緩和
    • 浮腫の軽減
    • 筋疲労の軽減
    • 循環の促進
    • 新陳代謝の促進
    • 結合組織の粘・弾性の改善
    • 精神的リラクゼーション
    • 免疫機能への作用
    コードを表示

    HTML

    <div class="effect_ca1">
  <h3 class="effect_m1">期待できる効果</h3>
  <ul class="effect_ca2">
    <li><i class="far fa-check-square"></i>疼痛の緩和</li>
    <li><i class="far fa-check-square"></i>筋緊張の緩和</li>
    <li><i class="far fa-check-square"></i>浮腫の軽減</li>
    <li><i class="far fa-check-square"></i>筋疲労の軽減</li>
    <li><i class="far fa-check-square"></i>循環の促進</li>
    <li><i class="far fa-check-square"></i>新陳代謝の促進</li>
    <li><i class="far fa-check-square"></i>結合組織の粘・弾性の改善</li>
    <li><i class="far fa-check-square"></i>精神的リラクゼーション</li>
    <li><i class="far fa-check-square"></i>免疫機能への作用</li>
  </ul>
</div>

    CSS

    /*期待できる効果*/
.effect_ca1 {
  margin: 43px 0 100px 0;
  border: 3px solid #c3c300;
  border-radius: 5px;
}

h3.effect_m1 {
  text-align: center;
  line-height: 40px;
  background: #c3c300;
  color: #fff;
  font-family: 'Noto Sans JP';
  font-weight: 500;
  font-size: 17.33px;
  letter-spacing: 0.8px;
  margin: 0;
  padding: 0.3em;
}

i.far.fa-check-square {
  color: #c3c300;
  padding-right: 0.3em;
}

ul.effect_ca2 {
  margin: 21px 0 19px 37px;
}

.effect_ca1 ul li {
  display: inline-block;
  margin-right: 51px;
  font-size: 14.5px;
  letter-spacing: 0.4px;
  line-height: 40px;
}

@media (max-width: 850px) {
  .effect_ca1 {
    margin: 40px 0 100px 0;
  }
}

@media screen and (max-width: 750px) {
  .effect_ca1 {
    margin: 20px 0 80px 0;
  }

  ul.effect_ca2 {
    margin: 21px 0 19px 43px;
  }

  .effect_ca1 ul li {
    margin-right: 20px;
    display: block;
  }
}