@charset "UTF-8";
/*
====>> 動きや表示の状態を表すデフォルトスタイリング <<====

・このファイルはベースのスタイルになるので、原則オーバーライド(上書き)はしない事
・サイトのパーツ等のスタイルを格納するファイル

*/
/*		線
-----------------------------------------------------*/
.is-border_wrap {
  padding: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid currentColor;
}

.is-border {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid currentColor;
}

/*		リバース
-----------------------------------------------------*/
.is-flipped_row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-flow: row-reverse wrap;
          flex-flow: row-reverse wrap;
}

.is-flipped_column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-flow: column-reverse wrap;
          flex-flow: column-reverse wrap;
}

/*		リストスタイル
-----------------------------------------------------*/
.c-list.is-dotted {
  padding: 20px;
  list-style-type: disc;
}
.c-list.is-dotted li {
  padding: 20px 20px 20px 0;
}

.c-list.is-number {
  padding: 20px;
  list-style: decimal;
}
.c-list.is-number li {
  padding: 20px 20px 20px 0;
}

/*		角丸
-----------------------------------------------------*/
.is-round {
  border-radius: 16px;
}

.is-edge {
  border-radius: 0;
}

/*		ディスプレイ
-----------------------------------------------------*/
.is-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media screen and (max-width: 767px) {
  .is-flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.is-hide {
  display: none;
}

.is-show {
  opacity: 1;
  visibility: visible;
}

/*		カラー指定
-----------------------------------------------------*/
.is-black {
  color: var(--color-black);
}

.is-gray {
  color: var(--color-gray);
}

/*		テキスト装飾
-----------------------------------------------------*/
.is-strong {
  font-weight: bold;
}

/*		位置
-----------------------------------------------------*/
.is-left {
  text-align: left !important;
}

.is-center {
  text-align: center !important;
}

.is-right {
  text-align: right !important;
}

/*		スクロール制御
-----------------------------------------------------*/
.is-scroll_off {
  overflow: hidden;
}

.is-scroll_on {
  overflow: auto;
}

/*		Block
-----------------------------------------------------*/
.is-block {
  display: block !important;
}

.is-inline-block {
  display: inline-block !important;
}

.is-inline {
  display: inline !important;
}