@charset "UTF-8";

/**
 * テキスト設定
 */
body{
  font: 13px/1.5 'Lato', 'Noto Sans Japanese', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', YuGothic, 'ヒラギノ角ゴシック ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  color: #333333;
  background-color: #e6e6e6;
  font-feature-settings: "palt"; /*字間(プロポーショナルメトリクス)を指定*/
  -webkit-text-size-adjust: 100%; /*iPhone用Safariで横向きにしたときに自動で文字サイズが大きくなるのを防ぐ*/
}


/**
 * フルードイメージ
 */
/* img画像 */
img{
  max-width: 100%;
  height: auto;
}
/* 背景画像 */
#bg{
  background-size: cover;
}
/* メディア */
embed, object{
  max-width: 100%;
}


/**
 * 全体
 */
#wrapper{
  position: relative;
  width: 100%;
}
em{
  font-weight: bold;
}
strong{
  font-weight: bold;
}
.none{
  display: none;
}
.clear{
  clear: both;
}
.note{
  color: red;
  font-size: 12px;
}
.hide{
  height: 0;
  overflow: hidden;
}
h1{
  cursor: pointer;
}
.box{
  display: inline-block;
  text-align: left;
}
.mini{
  font-size: 11px;
}


/**
 * コンテンツ
 */
#contents{
  position: relative;
}
  #contents section{ /*sectionの共通設定*/
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
  }
    #contents section .cage{
      position: relative;
      width: 100%;
      max-width: 1000px;
      margin: 0 auto;
    }


/**
 * フッター
 */
footer{
  background-color: #2b2b2b;
  text-align: center;
  width: 100%;
  padding: 50px 0 30px 0;
}
footer img{
  width: 70px;
  height: auto;
  padding-bottom: 30px;
}
footer .copy{
  color: #939393;
  font-size: 14px;
}