@charset "UTF-8";
/*
* 01 component
              再利用ができるちいさなコンポーネント[c-クラス名]
* 02 project
　　　　　　　　固定のパターン。いくつかのコンポーネントと該当しない要素で構成[p-クラス名]
* 03 utility
　　　　　　　　componentとprojectで解決が難しい、わずかなスタイル調整と便利なルールセット[u-クラス名]
**/
.sideline {
  display: table; }
  .sideline li {
    display: table-cell; }

body {
  font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }

.cnt_980 {
  width: 980px;
  margin: 0 auto; }

.flt_l {
  float: left; }

.flt_r {
  float: right; }

.inner {
  padding: 0 30px; }

.color_y {
  color: #fff600; }

.font_14 {
  font-size: 14px; }

.font_17 {
  font-size: 17px; }

.font_18 {
  font-size: 18px; }

.font_20 {
  font-size: 20px; }

.font_22 {
  font-size: 22px; }

.txt_cnt {
  text-align: center; }

.stn_margin {
  padding-top: 80px; }

.stn_margin:after {
  content: url(../img/underline.png); }

.rule_clr_y {
  font-size: 20px;
  color: #fff600; }

.service_clr_r {
  font-size: 18px;
  color: #ff00ae; }

.clearfix:after {
  content: '';
  display: table;
  clear: both; }

.active_sns {
  position: fixed;
  top: 0; }