/*マージン調整*/

.mt0 {
  margin-top: 0px !important;
}

.mb0 {
  margin-bottom: 0px !important;
}


/*color*/

.jp-color {
  color: #E60020;
}

.text-color {
  color: #403d39;
}

.sub-color {
  color: #b3b6b7;
}

.bg-gray {
  background-color: #f0f0f1;
}


/*size*/

.fs-1 {
  font-size: 3.8rem;
}

.fs-2 {
  font-size: 3.2rem;
}

.fs-3 {
  font-size: 2.8rem;
}

.fs-4 {
  font-size: 2.4rem;
}

.fs-5 {
  font-size: 2.0rem;
}

.fs-6 {
  font-size: 1.6rem;
}

.fs-7 {
  font-size: 1.5rem;
}

.fs-8 {
  font-size: 1.4rem;
}

.fs-9 {
  font-size: 1.25rem;
}

.fs-10 {
  font-size: 1.15rem;
}

@media screen and (max-width:769px) {
  .fs-1 {
    font-size: 3.4rem;
  }
  .fs-2 {
    font-size: 2.8rem;
  }
  .fs-3 {
    font-size: 2.4rem;
  }
  .fs-4 {
    font-size: 2rem;
  }
  .fs-5 {
    font-size: 1.8rem;
  }
  .fs-6 {
    font-size: 1.4rem;
  }
  .fs-7 {
    font-size: 1.3rem;
  }
  .fs-8 {
    font-size: 1.35rem;
  }
  .fs-9 {
    font-size: 1.25rem;
  }
  .fs-10 {
    font-size: 1.15rem;
  }
}


/*font-family*/

.ff-jp-serif {
  font-family: 'Noto Serif JP', serif;
}


/*--text-align----------------------*/

.txt-center {
  text-align: center;
}

.txt-left {
  text-align: left;
}

.txt-right {
  text-align: right;
}


/*--flex----------------------*/

.row {
  display: flex;
  flex-flow: wrap;
}

.column {
  display: flex;
  flex-direction: column;
}

.between {
  justify-content: space-between;
}

.flex-center {
  display: flex;
  justify-content: center;
  align-items: center;
}

.col-2 .clm {
  width: 48%;
}

.col-3 .clm {
  width: 32%;
}

.col-4 .clm {
  width: 22%;
}

@media screen and (max-width:769px) {
  .col-2 .clm {
    width: 100%;
  }
  .col-3 .clm {
    width: 100%;
  }
  .col-4 .clm {
    width: 48%;
  }
}

@media screen and (max-width:480px) {
  .col-4 .clm {
    width: 100%;
  }
}