/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH TEST
 * -------------------------- */
@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot?v=4.7.0');
  src: url('../fonts/fontawesome-webfont.eot?') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.7.0') format('svg');
  font-weight: normal;
  font-style: normal;
  
}
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* ハンバーガーメニュー */
.fa-times:before,
.fa-bars:before {
  color: #fff;
  font-size:34px;
  vertical-align: middle;
  content: "\f0c9";
}
.fa-times:before {
  content: "\f00d";
}
/* フラッグ */
.fa-flag:before {
  color: #fff;
  font-size:15px;
  vertical-align: middle;
  content: "\f024";
}
@media screen and (max-width : 698px) {
  .fa-times,
  .fa-bars,
  .fa-flag {
    margin: 0 auto;
  }
  .fa-flag:before {
    font-size:32px;
  }
}
/* 本 */
.fa-book:before,
.fa-mobile:before,
.fa-pencil-square-o:before {
  color: ##211a69;
  font-size:54px;
  content: "\f02d";
}
@media screen and (max-width : 698px) {
.fa-book:before,
.fa-mobile:before,
.fa-pencil-square-o:before {
  font-size: 46px;
}
}

/* モバイル */
.fa-mobile:before {
  font-size:72px;
  content: "\f10b";
}
@media screen and (max-width : 698px) {
.fa-mobile:before {
  font-size: 54px;
}
}
/* ブログ */
.fa-pencil-square-o:before {
  content: "\f044";
}

/* アローTOP */
.fa-angle-up:before {
  color: #fff;
  font-size:40px;
  content: "\f106";
}

/* 基本アイコン */
/* アロー横 */
.fa-angle-right:before,
.fa-home:before,
.fa-envelope-o:before,
.fa-check:before,
.fa-file-text:before,
.fa-window-restore:before,
.fa-phone:before {
  margin-right: 10px;
  color: #fff;
  font-size:20px;
  content: "\f105";
}
/* アロー横 */
.fa-angle-right:before {
  content: "\f105";
}
/* ホーム */
.fa-home:before {
  content: "\f015";
}
/* メール */
.fa-envelope-o:before {
  content:"\f003";
}
/* check */
.fa-check:before {
  content:"\f00c";
}
/* check */
.fa-file-text:before {
  content:"\f15c";
}
/* 別ウィンドウ */
.fa-window-restore:before {
  content:"\f2d2";
}
/* 電話 */
.fa-phone:before {content:"\f095"
}