@charset "UTF-8";
/*==========================================
PC表示で電話番号リンクを無効
===========================================*/
@media screen and (min-width: 768px) {
  a[href^="tel:"] {
    pointer-events: none;
  }
}
/*==========================================
非表示項目設定
===========================================*/
@media screen and (min-width: 768px) {
  .sp-only {
    display: none !important;
  }
}
@media screen and (max-width: 767px) {
  .pc-only {
    display: none !important;
  }
}
/*==========================================
  Flexbox
  ===========================================*/
.flex {
  display: flex;
}
@media screen and (max-width: 767px) {
  .flex.sp-block {
    display: block !important;
  }
}

/*折り返し
      -----------------------*/
.flex-wrap {
  flex-wrap: wrap;
}

/*逆順
      -----------------------*/
.flex-row-reverse {
  flex-direction: row-reverse;
}

/*積み重なるように配置
      -----------------------*/
.flex-col {
  flex-direction: column;
}

/*水平方向の揃え
      =================================================*/
/*初期値
      -----------------------*/
.justify-start {
  justify-content: start;
}

/*並列で均等配置（左右隙間なし=space-between）
      -----------------------*/
.justify-between {
  justify-content: space-between;
}

/*並列で均等配置（左右隙間あり=space-around）
      -----------------------*/
.justify-around {
  justify-content: space-around;
}

/*水平揃え　末揃え
      -----------------------*/
.justify-end {
  justify-content: flex-end;
}

/*水平揃え　中央揃え
      -----------------------*/
.justify-center {
  justify-content: center;
}

/*垂直方向の揃え
      =================================================*/
/*水平揃え　上揃え
      -----------------------*/
.items-start {
  align-items: flex-start;
}

/*水平揃え　高さ揃え
      -----------------------*/
.items-stretch {
  align-items: stretch;
}

/*水平揃え　縦・横の中央揃え
      -----------------------*/
.items-center {
  align-items: center;
}

/*水平揃え　下揃え
      -----------------------*/
.items-end {
  align-items: flex-end;
}

/*水平揃え　ベースライン揃え
      -----------------------*/
.items-baseline {
  align-items: baseline;
}

/*複数行にした揃え方
      =================================================*/
/*初期値
      -----------------------*/
.content-start {
  align-content: flex-start;
}

/*親要素の開始位置から配置。上揃え
      -----------------------*/
.content-stretch {
  align-content: stretch;
}

/*親要素の終点から配置。下揃え
      -----------------------*/
.content-end {
  align-content: flex-end;
}

/*中央揃え
      -----------------------*/
.content-center {
  align-content: center;
}

/*最初と最後の子要素を上下の端に配置し、残りの要素は均等に間隔をあけて配置
      -----------------------*/
.content-between {
  align-content: space-between;
}

/*上下端にある子要素も含め、均等に間隔をあけて配置
      -----------------------*/
.content-around {
  align-content: space-around;
}