@charset "UTF-8";
body {
  /* 游ゴシック体 */
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
  /* 游明朝体 */
  /*font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;*/
  font-feature-settings: 'palt' 1;
  font-kerning: auto;
  text-align: justify;
  line-height: 1;
}
h1 {
  font-size: 2em;
}
h2 {
  font-size: 1.8em;
}
h3 {
  font-size: 1.6em;
}
h4 {
  font-size: 1.4em;
}
p {
  line-height: 1.9em;
}
.text-center {
  text-align: center;
}
.container {
  margin: auto;
  padding: 0 1rem;
}
.container-f {
  width: calc(100% - 2rem);
  margin: auto;
  padding: 0 0;
}
.flex-row {
  width: calc(100% + 2rem);
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  margin: 0 -1rem;
  padding: 0 0;
}
.justify {
  justify-content: center;
  align-items: center;
}
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
  margin: 0 1rem;
  padding: 0 1rem;
}
.col-1 {
  width: calc(100% / 12 * 1 - 2rem);
}
.col-2 {
  width: calc(100% / 12 * 2 - 2rem);
}
.col-3 {
  width: calc(100% / 12 * 3 - 2rem);
}
.col-4 {
  width: calc(100% / 12 * 4 - 2rem);
}
.col-5 {
  width: calc(100% / 12 * 5 - 2rem);
}
.col-6 {
  width: calc(100% / 12 * 6 - 2rem);
}
.col-7 {
  width: calc(100% / 12 * 7 - 2rem);
}
.col-8 {
  width: calc(100% / 12 * 8 - 2rem);
}
.col-9 {
  width: calc(100% / 12 * 9 - 2rem);
}
.col-10 {
  width: calc(100% / 12 * 10 - 2rem);
}
.col-11 {
  width: calc(100% / 12 * 11 - 2rem);
}
.col-12 {
  width: calc(100% / 12 * 12 - 2rem);
}
.offset-1 {
  margin-left: calc(100% / 12 * 1 + 1rem);
}
.offset-2 {
  margin-left: calc(100% / 12 * 2 + 1rem);
}
.offset-3 {
  margin-left: calc(100% / 12 * 3 + 1rem);
}
.offset-4 {
  margin-left: calc(100% / 12 * 4 + 1rem);
}
.offset-5 {
  margin-left: calc(100% / 12 * 5 + 1rem);
}
.offset-6 {
  margin-left: calc(100% / 12 * 6 + 1rem);
}
.offset-7 {
  margin-left: calc(100% / 12 * 7 + 1rem);
}
.offset-8 {
  margin-left: calc(100% / 12 * 8 + 1rem);
}
.offset-9 {
  margin-left: calc(100% / 12 * 9 + 1rem);
}
.offset-10 {
  margin-left: calc(100% / 12 * 10 + 1rem);
}
.offset-11 {
  margin-left: calc(100% / 12 * 11 + 1rem);
}
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
  margin-bottom: 2em;
}
@media (min-width:1200px) {
body {
  font-size: 1em;
}
.container {
  width: 75rem;
}
}
@media (min-width:992px) and (max-width:1199px) {
body {
  font-size: 0.9em;
}
.container {
  width: 62rem;
}
.col-md-1 {
  width: calc(100% / 12 * 1 - 2rem);
}
.col-md-2 {
  width: calc(100% / 12 * 2 - 2rem);
}
.col-md-3 {
  width: calc(100% / 12 * 3 - 2rem);
}
.col-md-4 {
  width: calc(100% / 12 * 4 - 2rem);
}
.col-md-5 {
  width: calc(100% / 12 * 5 - 2rem);
}
.col-md-6 {
  width: calc(100% / 12 * 6 - 2rem);
}
.col-md-7 {
  width: calc(100% / 12 * 7 - 2rem);
}
.col-md-8 {
  width: calc(100% / 12 * 8 - 2rem);
}
.col-md-9 {
  width: calc(100% / 12 * 9 - 2rem);
}
.col-md-10 {
  width: calc(100% / 12 * 10 - 2rem);
}
.col-md-11 {
  width: calc(100% / 12 * 11 - 2rem);
}
.col-md-12 {
  width: calc(100% / 12 * 12 - 2rem);
}
.offset-md-1 {
  margin-left: calc(100% / 12 * 1 + 1rem);
}
.offset-md-2 {
  margin-left: calc(100% / 12 * 2 + 1rem);
}
.offset-md-3 {
  margin-left: calc(100% / 12 * 3 + 1rem);
}
.offset-md-4 {
  margin-left: calc(100% / 12 * 4 + 1rem);
}
.offset-md-5 {
  margin-left: calc(100% / 12 * 5 + 1rem);
}
.offset-md-6 {
  margin-left: calc(100% / 12 * 6 + 1rem);
}
.offset-md-7 {
  margin-left: calc(100% / 12 * 7 + 1rem);
}
.offset-md-8 {
  margin-left: calc(100% / 12 * 8 + 1rem);
}
.offset-md-9 {
  margin-left: calc(100% / 12 * 9 + 1rem);
}
.offset-md-10 {
  margin-left: calc(100% / 12 * 10 + 1rem);
}
.offset-md-11 {
  margin-left: calc(100% / 12 * 11 + 1rem);
}
}
@media (min-width:768px) and (max-width:991px) {
body {
  font-size: 0.8em;
}
.container {
  width: 48rem;
}
.col-sm-1 {
  width: calc(100% / 12 * 1 - 2rem);
}
.col-sm-2 {
  width: calc(100% / 12 * 2 - 2rem);
}
.col-sm-3 {
  width: calc(100% / 12 * 3 - 2rem);
}
.col-sm-4 {
  width: calc(100% / 12 * 4 - 2rem);
}
.col-sm-5 {
  width: calc(100% / 12 * 5 - 2rem);
}
.col-sm-6 {
  width: calc(100% / 12 * 6 - 2rem);
}
.col-sm-7 {
  width: calc(100% / 12 * 7 - 2rem);
}
.col-sm-8 {
  width: calc(100% / 12 * 8 - 2rem);
}
.col-sm-9 {
  width: calc(100% / 12 * 9 - 2rem);
}
.col-sm-10 {
  width: calc(100% / 12 * 10 - 2rem);
}
.col-sm-11 {
  width: calc(100% / 12 * 11 - 2rem);
}
.col-sm-12 {
  width: calc(100% / 12 * 12 - 2rem);
}
.offset-sm-1 {
  margin-left: calc(100% / 12 * 1 + 1rem);
}
.offset-sm-2 {
  margin-left: calc(100% / 12 * 2 + 1rem);
}
.offset-sm-3 {
  margin-left: calc(100% / 12 * 3 + 1rem);
}
.offset-sm-4 {
  margin-left: calc(100% / 12 * 4 + 1rem);
}
.offset-sm-5 {
  margin-left: calc(100% / 12 * 5 + 1rem);
}
.offset-sm-6 {
  margin-left: calc(100% / 12 * 6 + 1rem);
}
.offset-sm-7 {
  margin-left: calc(100% / 12 * 7 + 1rem);
}
.offset-sm-8 {
  margin-left: calc(100% / 12 * 8 + 1rem);
}
.offset-sm-9 {
  margin-left: calc(100% / 12 * 9 + 1rem);
}
.offset-sm-10 {
  margin-left: calc(100% / 12 * 10 + 1rem);
}
.offset-sm-11 {
  margin-left: calc(100% / 12 * 11 + 1rem);
}
}
@media (max-width:767px) {
.container {
  max-width: 767px;
  width: 100%;
}
.flex-row {
  flex-direction: column;
}
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
  width: calc(100% / 12 * 12 - 2rem);
}
.offset-1, .offset-2, .offset-3, .offset-4, .offset-5, .offset-6, .offset-7, .offset-8, .offset-9, .offset-10, .offset-11, .offset-md-1, .offset-md-2, .offset-md-3, .offset-md-4, .offset-md-5, .offset-md-6, .offset-md-7, .offset-md-8, .offset-md-9, .offset-md-10, .offset-md-11, .offset-sm-1, .offset-sm-2, .offset-sm-3, .offset-sm-4, .offset-sm-5, .offset-sm-6, .offset-sm-7, .offset-sm-8, .offset-sm-9, .offset-sm-10, .offset-sm-11 {
  margin-left: 1rem;
}
}