@charset "utf-8";

/* =====================================================
   common CSS
   - Reset後の共通ベース
   - レイアウト・表示切替・基本ルールのみ
===================================================== */


/* -----------------------------------------------------
   Base
----------------------------------------------------- */

/* body 基本設定 */
body {
  background: #fff;
  width: 100%;
  line-height: 1.5;
  font-weight: 400;
  color: #090909;

  /* OS UIフォント優先 */
  font-family: system-ui, -apple-system, BlinkMacSystemFont,
               "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}


/* -----------------------------------------------------
   Media
----------------------------------------------------- */

/* レイアウトで100%にしたい画像はクラスで制御 */
.img_100 {
  width: 100%;
}


/* -----------------------------------------------------
   Responsive (PC / SP)
----------------------------------------------------- */

/* PC default */
.pc {
  display: block !important;
}
.sp {
  display: none !important;
}

/* SP */
@media screen and (max-width: 768px) {
  .pc {
    display: none !important;
  }
  .sp {
    display: block !important;
  }

  body {
    min-width: auto !important;
    overflow-x: hidden;
  }
}


/* -----------------------------------------------------
   Typography helpers
----------------------------------------------------- */

/* 強調 */
strong {
  font-weight: 700;
}


/* -----------------------------------------------------
   Utility
----------------------------------------------------- */

/* clearfix は Flex/Grid 前提なので原則不要。
   どうしても legacy 対応が必要な場合のみ使用 */
.clear {
  clear: both;
}