@charset "UTF-8";
/*!
 * File Info:
 * Copyright: Studio FireColor
*/
/*============================================================
 * Initial setting
 * 初期設定
============================================================*/
/*--------------------
 * Define
 * 定数・基本情報
--------------------*/
/*
定数
*/
/*============================================================
カラー
============================================================*/
/*--------------------
ベース
--------------------*/
/*--------------------
テキスト
--------------------*/
/*--------------------
カラーテーブル
--------------------*/
/*--------------------
カラーテーブル
--------------------*/
/*--------------------
デコレイションカラー
--------------------*/
/*============================================================
テキスト
============================================================*/
/*============================================================
構造
============================================================*/
/*--------------------
 * Function
 * 共通関数
--------------------*/
/*
関数
*/
/*============================================================
関数
============================================================*/
/*
参照
http://terkel.jp/archives/2012/12/decimal-digits-and-rounding-sass-function/
*/
/*--------------------
 * Reset
 * CSSリセット
--------------------*/
/*--------------------
 * Skin
 * 装飾読み込み
--------------------*/
/*
 * Style-Skin
*/
/*--------------------
 * Initial Setting
 * 初期設定
--------------------*/
/*
定数
*/
/*============================================================
カラー
============================================================*/
/*--------------------
ベース
--------------------*/
/*--------------------
テキスト
--------------------*/
/*--------------------
カラーテーブル
--------------------*/
/*--------------------
カラーテーブル
--------------------*/
/*--------------------
デコレイションカラー
--------------------*/
/*============================================================
テキスト
============================================================*/
/*============================================================
構造
============================================================*/
/*============================================================
 * $WEB FONT
 * ウェブフォントの設定
============================================================*/
/*-------------------------
Ligature Symbols
-------------------------*/
/*============================================================
 * $ENTIRE
 * 全体の設定
============================================================*/
/*-------------------------
全体
-------------------------*/
/*
 * structure
 * 構造
 * ↓↓↓↓↓ ここから ↓↓↓↓↓
*/
/*============================================================
 * $ENTIRE
 * 全体の設定
============================================================*/
/*-------------------------
Mixin
-------------------------*/
/*-------------------------
基本のタグ設定
-------------------------*/
/*--------------------
 * Grid
 * グリッド
--------------------*/
/*!
 * File Info:
 * Copyright: Studio FireColor
*/
/*============================================================
 * Initial setting
 * 初期設定
============================================================*/
/*--------------------
 * Define
 * 定数・基本情報
--------------------*/
/*
定数
*/
/*============================================================
カラー
============================================================*/
/*--------------------
ベース
--------------------*/
/*--------------------
テキスト
--------------------*/
/*--------------------
カラーテーブル
--------------------*/
/*--------------------
カラーテーブル
--------------------*/
/*--------------------
デコレイションカラー
--------------------*/
/*============================================================
テキスト
============================================================*/
/*============================================================
構造
============================================================*/
/*--------------------
 * Function
 * 共通関数
--------------------*/
/*
関数
*/
/*============================================================
関数
============================================================*/
/*
参照
http://terkel.jp/archives/2012/12/decimal-digits-and-rounding-sass-function/
*/
/*============================================================
 * $ Grid System
 * グリッド
============================================================*/
/*--------------------
Grid
--------------------*/
.grid_container {
  width: 100%;
  margin: 0 auto;
}
.grid_container p {
  line-height: 1.6;
}
.grid_container p:first-child {
  margin-top: 0;
}

.row > div {
  float: left;
  padding: 0 10px;
}
.row > div.col-np {
  padding: 0;
}
.row > div.col-lp {
  padding: 0 0 0 10px;
}
.row > div.col-rp {
  padding: 0 10px 0 0;
}
.row.row-nf {
  text-align: center;
}
.row.row-nf > div {
  float: none;
  margin: 0 auto;
  text-align: left;
}

.columns-1 {
  width: 8.33%;
}

.columns-2 {
  width: 16.66%;
}

.columns-3 {
  width: 24.99%;
}

.columns-4 {
  width: 33.32%;
}

.columns-5 {
  width: 41.65%;
}

.columns-6 {
  width: 49.98%;
}

.columns-7 {
  width: 58.31%;
}

.columns-8 {
  width: 66.64%;
}

.columns-9 {
  width: 74.97%;
}

.columns-10 {
  width: 83.3%;
}

.columns-11 {
  width: 91.63%;
}

.columns-12 {
  width: 99.96%;
}

/*--------------------
clearfix
--------------------*/
.row:before, .row:after {
  content: " ";
  display: table;
}

.row:after {
  clear: both;
}

/*For IE 6/7 only*/
.row {
  *zoom: 1;
}

/*デモ用*/
.demogrid .row div {
  background-color: rgba(0, 0, 0, 0.1);
  border: rgba(0, 0, 0, 0.3) solid 1px;
  background-clip: content-box;
}

/* =========================================================
 * Mobile
 * 640px以下に適応
 * ====================================================== */
@media screen and (max-width: 640px) {
  .grid_container {
    width: 100%;
  }

  .row > div {
    float: none;
    padding: 0;
  }
  .row > div.col-np {
    padding: 0;
  }
  .row > div.col-lp {
    padding: 0;
  }
  .row > div.col-rp {
    padding: 0;
  }

  .columns-1 {
    width: 100%;
  }

  .columns-2 {
    width: 100%;
  }

  .columns-3 {
    width: 100%;
  }

  .columns-4 {
    width: 100%;
  }

  .columns-5 {
    width: 100%;
  }

  .columns-6 {
    width: 100%;
  }

  .columns-7 {
    width: 100%;
  }

  .columns-8 {
    width: 100%;
  }

  .columns-9 {
    width: 100%;
  }

  .columns-10 {
    width: 100%;
  }

  .columns-11 {
    width: 100%;
  }

  .columns-12 {
    width: 100%;
  }
}
/*============================================================
 * $
 *
============================================================*/
/*--------------------
 *
 *
--------------------*/
.img_wrapper {
  letter-spacing: -0.4em;
  text-align: left;
}
.img_wrapper.iw-r {
  text-align: right;
}
.img_wrapper.iw-c {
  text-align: center;
}
.img_wrapper .iw_item {
  display: inline-block;
  letter-spacing: normal;
}
.img_wrapper img {
  width: 100%;
  height: auto;
}

.iwi-100 {
  width: 100%;
}

.iwi-75 {
  width: 75%;
}

.iwi-50 {
  width: calc(50% - 10px);
  margin-right: 10px;
}

.iwi-33 {
  width: calc(33% - 10px);
  margin-right: 10px;
}

.iwi-25 {
  width: calc(25% - 10px);
  margin-right: 10px;
}

/*============================================================
 * $
 * 汎用クラス
============================================================*/
/* =========================================================
 * Layout
 * レイアウト汎用
 * ====================================================== */
/*!
 * File Info: index
 * Copyright: Studio FireColor
*/
.text-l {
  text-align: left !important;
}

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

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

.font-b {
  font-weight: bold !important;
}

/* =========================================================
 * Mobile
 * 640px以下に適応
 * ====================================================== */
/*============================================================
 * $ Media Queries
 * 各自の開発用CSSをインポート
============================================================*/
/* ============================================================
 * 2022.07以降に追加
 * ========================================================= */
.mg-0 {
  margin: 0 auto;
}

.flex_container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.6rem;
}
.flex_container p {
  margin: 0;
}

* + .flex_container {
  margin-top: 2.4rem;
}

@media only screen and (max-width: 640px) {
  .flex_container {
    display: block;
  }
}
.sia_logo {
  text-align: center;
}
.sia_logo img {
  width: 33.3333333333%;
}
@media only screen and (max-width: 640px) {
  .sia_logo img {
    width: 50% !important;
  }
}
/*# sourceMappingURL=style.css.map */