@charset "UTF-8";
/*------------------------------------------------------------
	変数まとめ
------------------------------------------------------------*/
/* 横幅定義

$max_width・・・・コンテンツの最大幅
$min_width・・・・コンテンツの最小幅
$width・・・・・・・・コンテンツ幅

ブレークポイントの設定は「${命名}_break_w」で定義
コメントも必須

例）
$pc_break_w・・・PCのブレークポイント
$sp_break_w・・・SPのブレークポイント
*/
/* カラー定義

「$is_color_{色}{0x}」で定義
数値はできるだけ薄い色～濃い色の順にする

例）
$is_color_wb01: #fff;
$is_color_wb02: #000;
*/
/* z-index定義

「${指定class or id名}_num」で定義
数値順になるように並べる

例）
$l-header_num: 100;
$l-gnavi_num : 300;
*/
/* font-family定義

「$ff_{font-family名}」で定義
「$ff_all」はサイト固定のfont-family

例）
$ff_all: "メイリオ", "Meiryo", "ＭＳＰゴシック","ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, sans-serif;

$ff_meiryo: "メイリオ", "Meiryo", sans-serif;
$ff_hirakakuGo: "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, sans-serif;
*/
/*
| アローアイコンの作成用mixin（疑似要素）
|
| $size     ・・・ 線の長さ
| $bd_width ・・・ 線の横幅
| $color    ・・・ 線の色
| $rotate   ・・・ 角度
*/
/*------------------------------------------------------------
	TOPページ
------------------------------------------------------------*/
#main .other {
  margin-top: 15px;
}

#main .note {
  color: #999;
  font-size: 1.2rem;
}