/* style.css - カラーとフォントスタイルの設定 */

/* Google Fonts の読み込み */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;600;700&family=Roboto:wght@400;500;600;700&display=swap');

/* カラー変数 */
:root {
  --base-color: #021E18;
  --bg-color: #EAE6DF;
  --main-color: #239223;
  --footer-color: #59554D;
}

/* ベーススタイル */
body {
  font-size: 15px;
  line-height: 1.8;
  font-family: 'Noto Sans JP', sans-serif;
  color: var(--base-color);
  background-color: var(--bg-color);
}


#footer-placeholder{position: sticky;top: 100%;}


/* フォントサイズクラス */
.fsz.-large {font-size: 18px;  font-weight: 600;}
.fsz.-medium {font-size: 14px;}
.fsz.-small { font-size: 13px;}

/* 英字フォントスタイル */
.en {  font-family: 'Roboto', sans-serif;}

.opacity_70{opacity: 0.7;}
.opacity_40{opacity: 0.4;}

/*画像調整*/
.img-adjust{vertical-align:top;}

/*マージン*/
.mt_ss{margin-top: 0.2rem;}

/*リンク*/
.txt-link{text-decoration: underline;}