@charset "UTF-8";

/* -------------------------------------
　font-weight（文字の太さ）
------------------------------------- */
.font-weight-Thin {
  font-weight: 100;
}
.font-weight-ExtraLight {
  font-weight: 200;
}
.font-weight-Light {
  font-weight: 300;
}
.font-weight-Regular {
  font-weight: 400;
}
.font-weight-Medium {
  font-weight: 500;
}
.font-weight-SemiBold {
  font-weight: 600;
}
.font-weight-Bold {
  font-weight: 700;
}
.font-weight-ExtraBold {
  font-weight: 800;
}
.font-weight-Black {
  font-weight: 900;
}

/* -------------------------------------
　font-style（文字のスタイル）
------------------------------------- */
.font-style-italic {
  font-style: italic;
}

/* -------------------------------------
　font-size（フォントサイズ）
------------------------------------- */
.font-size8 {
  font-size: 8px;
  line-height: 1.6em;
}
.font-size9 {
  font-size: 9px;
  line-height: 1.6em;
}
.font-size10 {
  font-size: 10px;
  line-height: 1.6em;
}
.font-size11 {
  font-size: 11px;
  line-height: 1.6em;
}
.font-size12 {
  font-size: 12px;
  line-height: 1.6em;
}
.font-size13 {
  font-size: 13px;
  line-height: 1.6em;
}
.font-size14 {
  font-size: 14px;
  line-height: 1.6em;
}
.font-size15 {
  font-size: 15px;
  line-height: 1.6em;
}
.font-size16 {
  font-size: 16px;
  line-height: 1.6em;
}
.font-size17 {
  font-size: 17px;
  line-height: 1.6em;
}
.font-size18 {
  font-size: 18px;
  line-height: 1.6em;
}
.font-size19 {
  font-size: 19px;
  line-height: 1.6em;
}
.font-size20 {
  font-size: 20px;
  line-height: 1.6em;
}
.font-size21 {
  font-size: 21px;
  line-height: 1.6em;
}
.font-size22 {
  font-size: 22px;
  line-height: 1.6em;
}
.font-size23 {
  font-size: 23px;
  line-height: 1.6em;
}
.font-size24 {
  font-size: 24px;
  line-height: 1.6em;
}
.font-size25 {
  font-size: 25px;
  line-height: 1.6em;
}
.font-size26 {
  font-size: 26px;
  line-height: 1.6em;
}
.font-size27 {
  font-size: 27px;
  line-height: 1.6em;
}
.font-size28 {
  font-size: 28px;
  line-height: 1.6em;
}
.font-size29 {
  font-size: 29px;
  line-height: 1.6em;
}
.font-size30 {
  font-size: 30px;
  line-height: 1.6em;
}
.font-size31 {
  font-size: 31px;
  line-height: 1.6em;
}
.font-size32 {
  font-size: 32px;
  line-height: 1.6em;
}
.font-size33 {
  font-size: 33px;
  line-height: 1.6em;
}
.font-size34 {
  font-size: 34px;
  line-height: 1.6em;
}
.font-size35 {
  font-size: 35px;
  line-height: 1.6em;
}
.font-size36 {
  font-size: 36px;
  line-height: 1.6em;
}

@media screen and (max-width: 767px) {
  .font-size8 {
    font-size: 8px;
    line-height: 1.6em;
  }
  .font-size9 {
    font-size: 9px;
    line-height: 1.6em;
  }
  .font-size10 {
    font-size: 10px;
    line-height: 1.6em;
  }
  .font-size11 {
    font-size: 11px;
    line-height: 1.6em;
  }
  .font-size12 {
    font-size: 12px;
    line-height: 1.6em;
  }
  .font-size13 {
    font-size: 13px;
    line-height: 1.6em;
  }
  .font-size14 {
    font-size: 14px;
    line-height: 1.6em;
  }
  .font-size15 {
    font-size: 15px;
    line-height: 1.6em;
  }
  .font-size16 {
    font-size: 16px;
    line-height: 1.6em;
  }
  .font-size17 {
    font-size: 17px;
    line-height: 1.6em;
  }
  .font-size18 {
    font-size: 18px;
    line-height: 1.6em;
  }
  .font-size19 {
    font-size: 19px;
    line-height: 1.6em;
  }
  .font-size20 {
    font-size: 20px;
    line-height: 1.5em;
  }
  .font-size21 {
    font-size: 20px;
    line-height: 1.5em;
  }
  .font-size22 {
    font-size: 20px;
    line-height: 1.5em;
  }
  .font-size23 {
    font-size: 20px;
    line-height: 1.5em;
  }
  .font-size24 {
    font-size: 20px;
    line-height: 1.5em;
  }
  .font-size25 {
    font-size: 22px;
    line-height: 1.5em;
  }
  .font-size26 {
    font-size: 22px;
    line-height: 1.5em;
  }
  .font-size27 {
    font-size: 22px;
    line-height: 1.5em;
  }
  .font-size28 {
    font-size: 22px;
    line-height: 1.5em;
  }
  .font-size29 {
    font-size: 22px;
    line-height: 1.5em;
  }
  .font-size30 {
    font-size: 24px;
    line-height: 1.4em;
  }
  .font-size31 {
    font-size: 24px;
    line-height: 1.4em;
  }
  .font-size32 {
    font-size: 24px;
    line-height: 1.4em;
  }
  .font-size33 {
    font-size: 24px;
    line-height: 1.4em;
  }
  .font-size34 {
    font-size: 24px;
    line-height: 1.4em;
  }
  .font-size35 {
    font-size: 24px;
    line-height: 1.4em;
  }
  .font-size36 {
    font-size: 24px;
    line-height: 1.4em;
  }
}

/* -------------------------------------
　color（文字色）
------------------------------------- */
.color-main {
  color: #f73139;
}
.color-dark {
  color: #1a1a1a;
}
.color-gray {
  color: #666666;
}
.color-black {
  color: #000000;
}
.color-silver {
  color: #f5f5f5;
}
.color-white {
  color: #ffffff;
}
.color-red {
  color: #cc0000;
}
.color-maroon {
  color: #800000;
}
.color-purple {
  color: #800080;
}
.color-fuchsia {
  color: #ff00ff;
}
.color-green {
  color: #008000;
}
.color-lime {
  color: #00ff00;
}
.color-olive {
  color: #808000;
}
.color-yellow {
  color: #fde301;
}
.color-orange {
  color: #fca11c;
}
.color-navy {
  color: #000080;
}
.color-blue {
  color: #0000ff;
}
.color-teal {
  color: #008080;
}
.color-aqua {
  color: #00ffff;
}

/* -------------------------------------
　color（背景色）
------------------------------------- */
.background-color-main {
  background-color: #f73139;
  padding: 0 5px;
}
.background-color-dark {
  background-color: #1a1a1a;
  padding: 0 5px;
}
.background-color-gray {
  background-color: #666666;
  padding: 0 5px;
}
.background-color-black {
  background-color: #000000;
  padding: 0 5px;
}
.background-color-silver {
  background-color: #c0c0c0;
  padding: 0 5px;
}
.background-color-gray {
  background-color: #808080;
  padding: 0 5px;
}
.background-color-white {
  background-color: #ffffff;
  padding: 0 5px;
}
.background-color-maroon {
  background-color: #800000;
  padding: 0 5px;
}
.background-color-red {
  background-color: #cc0000;
  padding: 0 5px;
}
.background-color-purple {
  background-color: #800080;
  padding: 0 5px;
}
.background-color-fuchsia {
  background-color: #ff00ff;
  padding: 0 5px;
}
.background-color-green {
  background-color: #008000;
  padding: 0 5px;
}
.background-color-lime {
  background-color: #00ff00;
  padding: 0 5px;
}
.background-color-olive {
  background-color: #808000;
  padding: 0 5px;
}
.background-color-yellow {
  background-color: #ffff00;
  padding: 0 5px;
}
.background-color-navy {
  background-color: #000080;
  padding: 0 5px;
}
.background-color-blue {
  background-color: #0000ff;
  padding: 0 5px;
}
.background-color-teal {
  background-color: #008080;
  padding: 0 5px;
}
.background-color-aqua {
  background-color: #00ffff;
  padding: 0 5px;
}
.background-color-qix-navy {
  background-color: #304074;
  padding: 0 5px;
}
.background-color-qix-pink {
  background-color: #d84185;
  padding: 0 5px;
}

/* -------------------------------------
　ハイライト黄色マーカー
------------------------------------- */
.highlight-yellow {
  background: linear-gradient(transparent 60%, rgba(253, 227, 1, 0.4) 60%);
}

/* -------------------------------------
　ログイン必須表示
------------------------------------- */
div.notice {
	width: 100%;
	text-align: center;
	margin-top: 30px;
	font-size: 16px;
	font-weight: bold;
}