/* =====================================================
 * 追加のデザイン調整は、このファイルへ記入してください。
 * 全ページで最後に読み込みます。
 * 既存のCSSを直接変更せず、上書きして調整できます。
 * ===================================================== */

/* 色の変更例
:root {
  --green: #0c7e7d;
  --blue: #286da0;
}
*/

/* トップの余白・文字サイズの変更例
.product-hero h1 {
  margin-top: 40px;
}
*/

/* スマートフォン用の調整
@media (max-width: 650px) {
  .hero-brand {
    font-size: 10vw;
  }
}
*/