<!-- Banners -->
<div class="row align-items-stretch">
<div class="col-lg-5">
<!-- Article -->
<article class="g-flex-middle g-bg-cover g-bg-size-cover g-bg-black-opacity-0_3--after g-py-75 g-px-50 g-mb-30" data-bg-img-src="https://php7.cs-cart.jp/mkm2_yoga/images/detailed/1/5def63b2876dd_detailed.jpg">
<div class="g-flex-middle-item g-z-index-1 g-width-300">
<h3 class="g-color-white g-font-weight-700 text-uppercase g-letter-spacing-3 g-mb-15">美しい日本語</h3>
<div class="g-line-height-2 g-mb-20">
<p class="g-color-white-opacity-0_9">月の夜が深いように思われる。深さが横向けに遠くへ感じられるのだ。</p>
</div>
<span class="g-color-primary g-font-weight-700 g-font-size-16 text-uppercase">From $20.00</span>
</div>
</article>
<!-- End Article -->
<!-- Article -->
<article class="text-uppercase text-center g-flex-middle g-bg-cover g-bg-size-cover g-bg-black-opacity-0_3--after g-color-white g-py-75 g-px-50" data-bg-img-src="https://php7.cs-cart.jp/mkm2_yoga/images/detailed/1/5def58581f758_detailed.jpg">
<div class="g-flex-middle-item g-z-index-1">
<span class="d-inline-block g-brd-bottom g-brd-2 g-brd-primary g-font-weight-700 g-font-size-16 g-letter-spacing-1 g-pb-8 g-mb-20">美しい日本語</span>
<h3 class="h2 g-font-weight-700 g-letter-spacing-3 g-mb-35">美しい日本語</h3>
<a class="btn btn-md u-btn-outline-white g-font-weight-600 g-font-size-11 text-uppercase" href="#">詳しく</a>
</div>
</article>
<!-- End Article -->
</div>
<div class="col-lg-7">
<!-- Article -->
<article class="h-100 g-flex-middle g-bg-cover g-bg-size-cover g-bg-black-opacity-0_3--after g-py-75 g-px-50" data-bg-img-src="https://php7.cs-cart.jp/mkm2_yoga/images/detailed/1/5def7ce43cb9a_detailed.jpg">
<div class="g-flex-middle-item g-z-index-1 g-width-370">
<h2 class="g-font-weight-700 text-uppercase g-color-white g-mb-15">美しい日本語</h2>
<strong class="d-block g-color-white g-font-size-60 g-font-weight-700 text-uppercase g-line-height-1 g-letter-spacing-3 g-mb-25">
<span class="g-color-primary">40%</span>
OFF</strong>
<div class="g-line-height-2 g-mb-35">
<p class="g-color-white-opacity-0_9">国境の長いトンネルを抜けると雪国であった。夜の底が白くなった。信号所に汽車が止まった。</p>
</div>
<a class="btn btn-md u-btn-outline-white g-font-weight-600 g-font-size-11 text-uppercase" href="#">詳しく</a>
</div>
</article>
<!-- End Article -->
</div>
</div>
<!-- End Banners -->