@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;700&family=Noto+Sans+JP:wght@400;700;900&family=Noto+Serif+JP:wght@300;700&display=swap");
:root {
  --color-white: #FFF;
  --color-red: #c4183c;
  --color-main: #23ABDD;
  --color-cuccess: #17c671;
  --color-border: #dee2e6;
  --color-thead: #9ba4ae;
  --color-tr: #f7f8fb;
  --color-th-font: #9ba4ae;
  --shadow-table: 0 0 25px rgba(40,47,60,.05),0 20px 25px rgba(40,47,60,.05),0 3px 4px rgba(40,47,60,.05);
  /* ===== カラーセット ===== */
  --color-bg: #f5f7fa; /* ページ背景 */
  --color-surface: #ffffff; /* モーダル・カード背景 */
  --color-surface-2: #fafafa; /* サブ背景（軽めの階層） */
  --color-surface-3: #f6f7f9; /* SegmentedControlのベース */
  --color-text: #222222; /* 通常の本文色 */
  --color-text-strong: #111111; /* 見出しや強調用 */
  --color-text-muted: #667085; /* 補足やラベル用 */
  --color-border: #e6e6e6; /* 標準のボーダー */
  --color-border-strong: #c9c9d2; /* 濃いめのボーダー */
  --color-field: #ffffff; /* inputフィールドの背景 */
  --color-accent: #2f7cf6; /* メインアクセント色 */
  --color-accent-2: #1e6be0; /* アクセントの濃いめ */
  /* ===== レイヤー ===== */
  --layer-modal: 1000; /* モーダル用 z-index */
  /* ===== タイポグラフィ ===== */
  --font-family-base: -apple-system, BlinkMacSystemFont,
    "Helvetica Neue", "Hiragino Sans", "Yu Gothic", sans-serif;
  --font-size-base: 15px;
  --line-height-base: 1.6;
  /* 基本色 */
  --su-bg: #ffffff;
  --su-fg: #1c1c1e;
  --su-muted-fg: #6c6c70;
  --su-border: #e0e0e5;
  /* アクセント */
  --su-accent: #007aff;
  --su-accent-hover: #0060d1;
  --su-accent-fg: #ffffff;
  /* サーフェス系（カードやパネル背景） */
  --su-surface: #f9f9fb;
  /* ボタン / チップ */
  --su-chip-bg: #ffffff;
  --su-chip-bg-hover: #f1f1f4;
  --su-chip-bd: #d5d5da;
  --su-chip-bd-hover: #b0b0b7;
  /* 角丸 */
  --su-radius-sm: 4px;
  --su-radius-md: 8px;
  --su-radius-lg: 12px;
  --su-radius-xl: 16px;
  /* シャドウ */
  --su-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.06);
  --su-shadow-md: 0 2px 6px rgba(0, 0, 0, 0.08);
  /* フォーカスリング */
  --su-ring-shadow: 0 0 0 3px rgba(0, 122, 255, 0.35);
  --su-ring-shadow-sm: 0 0 0 2px rgba(0, 122, 255, 0.25);
}

@media (prefers-color-scheme: dark) {
  :root {
    --su-bg: #1c1c1e;
    --su-fg: #f2f2f7;
    --su-muted-fg: #a1a1aa;
    --su-border: #3a3a3c;
    --su-accent: #0a84ff;
    --su-accent-hover: #409cff;
    --su-accent-fg: #ffffff;
    --su-surface: #2c2c2e;
    --su-chip-bg: #2c2c2e;
    --su-chip-bg-hover: #3a3a3c;
    --su-chip-bd: #505053;
    --su-chip-bd-hover: #6c6c70;
    --su-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.4);
    --su-shadow-md: 0 2px 6px rgba(0, 0, 0, 0.5);
    --su-ring-shadow: 0 0 0 3px rgba(10, 132, 255, 0.45);
    --su-ring-shadow-sm: 0 0 0 2px rgba(167, 203, 240, 0.35);
  }
}
/* ************************************************************************
   ************************************************************************

    COMMON SETTINGS

   ************************************************************************
   ************************************************************************ */
/* ------------------------------
    RESPONSIVE SETTINGS
  ------------------------------ */
/* ------------------------------
    FONT
  ------------------------------ */
@font-face {
  font-family: "LINE Seed JP";
  font-weight: 400;
  src: url("../fonts/LINESeedJP_OTF_Rg.woff2") format("woff2"), url("../fonts/LINESeedJP_OTF_Rg.woff") format("woff");
}
@font-face {
  font-family: "LINE Seed JP";
  font-weight: 700;
  src: url("../fonts/LINESeedJP_OTF_Bd.woff2") format("woff2"), url("../fonts/LINESeedJP_OTF_Bd.woff") format("woff");
}
/* ------------------------------
    COLOR SETTINGS
  ------------------------------ */
/* ------------------------------
    MIXIN
  ------------------------------ */
#content__wrapper {
  background: white;
  color: black;
}
#content__wrapper .no_print {
  display: none !important;
}

#is__tile-wrapper .is__tile-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 0.5rem;
  background: white;
  border-radius: 10px;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.15);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.15);
}
@media screen and (min-width: 320px) {
  #is__tile-wrapper .is__tile-item {
    width: 20%;
    padding: 1%;
  }
}
@media screen and (min-width: 768px) {
  #is__tile-wrapper .is__tile-item {
    width: 20%;
    padding: 1%;
  }
}
@media screen and (min-width: 960px) {
  #is__tile-wrapper .is__tile-item {
    width: 20%;
    padding: 1%;
  }
}
#is__tile-wrapper .is__tile-item img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 5px;
}
#is__tile-wrapper .is__tile-item .text {
  text-align: center;
  font-size: 10px;
  margin-top: 6px;
  font-weight: 700;
}

#__paperWrapper .__paperInfo .__qr {
  margin: 0 0 0 auto;
}/*# sourceMappingURL=print.css.map */