@charset "UTF-8";
/* バリアブルコレクション */
:root {
  --annotation（非実装）: rgb(234 0 197) !important;
  --sn-blog-color-border-gray: var(--sn-blog-color-gray) !important;
  --sn-blog-color-border-gray-dark: var(--sn-blog-color-gray-dark) !important;
  --sn-blog-color-border-gray-light: var(--sn-blog-color-gray-light) !important;
  --sn-blog-color-button-main: var(--sn-blog-color-main) !important;
  --sn-blog-color-button-main-hover: rgb(0 155 255) !important;
  --sn-blog-color-gray: rgb(153 153 153) !important;
  --sn-blog-color-gray-dark: rgb(102 102 102) !important;
  --sn-blog-color-gray-light: rgb(213 213 213) !important;
  --sn-blog-color-link: #008D4B !important;
  --sn-blog-color-main: #008D4B !important;
  --sn-blog-color-main-grayish: #CCE8DB !important;
  --sn-blog-color-main-light: #CCE8DB !important;
  --sn-blog-color-main-light-grayish: #E6F4ED !important;
  --sn-blog-color-main-pale: #E6F4ED !important;
  --sn-blog-color-navi-current: var(--sn-blog-color-main-light) !important;
  --sn-blog-color-navi-hover: var(--sn-blog-color-main-pale) !important;
  --sn-blog-color-table-th: var(--sn-blog-color-main-light-grayish) !important;
  --sn-blog-color-table-thead: var(--sn-blog-color-main-grayish) !important;
  --sn-blog-color-txt-default: var(--color-text-default) !important;
  --sn-blog-color-txt-subtle: var(--color-text-subtle) !important;
  /* number */
  --sn-blog-container-sp-width-content-lvl1: 327px;
  --sn-blog-container-sp-width-content-lvl2: 327px;
  --sn-blog-txt-size-body-ss: 12px;
  --sn-blog-txt-size-banner-sub: 14px;
  --sn-blog-txt-size-body-s: 14px;
  --sn-blog-txt-size-button-sub: 14px;
  --sn-blog-txt-size-banner-desc: 16px;
  --sn-blog-txt-size-banner-title-s: 16px;
  --sn-blog-txt-size-body-m: 16px;
  --sn-blog-txt-size-button-main: 16px;
  --sn-blog-txt-size-article-h4: 18px;
  --sn-blog-txt-size-article-h3: 20px;
  --sn-blog-txt-size-banner-title-m: 20px;
  --sn-blog-txt-size-side-title: 20px;
  --sn-blog-txt-size-archive-h2: 24px;
  --sn-blog-txt-size-article-h2: 28px;
  --sn-blog-txt-size-archive-h1: 32px;
  --sn-blog-txt-size-article-h1: 36px;
}

/*----------------------
//共通
----------------------*/
.column_common_mv {
  background-color: var(--sn-blog-color-main);
}
.column_common_mv picture > * {
  width: 100%;
  max-width: 140rem;
  margin: auto;
  display: block;
}

/*----------------------
//TOPページ
----------------------*/
.column_common--homepage .column_common_container .column_common_mv {
  background-color: var(--sn-blog-color-main);
  width: 100vw;
  margin: 0 calc(50% - 50vw);
}

/*----------------------
//記事一覧ページ
----------------------*/
/*----------------------
//記事ページ
----------------------*/