@charset "utf-8";
/*
ページトップ
--------------- */
/*
見出し
--------------- */
.title-primary {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  padding: 15px 10px;
  border-bottom: 1px solid #999;
  color: #666666;
}
.title-secondary {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
  margin-bottom: 10px;
  color: #666666;
}
/* ボーダーなしのModifier */
.title-noborder {
  border: none;
}
/*
リスト
--------------- */
/*
リンク
--------------- */
a {
  color: #0087e6;
}
/*
レイアウトモジュール
--------------- */
/* ==========================================================================
	 box
	 ========================================================================== */
/* bnr-box Modifier */
.box-bnr {
  padding: 20px;
  /* box-shadow */
  box-shadow:rgba(153, 153, 153, 0.701961) 0px 1px 3px 0px;
  margin-bottom: 20px;
  background-color: #fff;
}
.section_box {
  box-shadow:rgba(153, 153, 153, 0.701961) 0px 1px 3px 0px;
  margin-bottom: 20px;
  background-color: #fff;
}
/* ==========================================================================
	 bg
	 ========================================================================== */
.bg-c-secondary {
  background-color: #ebeff4;
}
.bg-c-tertiary {
  background-color: #f5f5f5;
}
/* ==========================================================================
	 border
	 ========================================================================== */
.bd-primary {
  border: 1px solid #d4d4d4;
}
/* ==========================================================================
	 block-list
	 ========================================================================== */
.precautionslist {
	padding:15px 10px 15px 10px;
	font-size: 12px;
    font-size: 1.2rem;
}
.cautionlist {
	margin-left:5px;
	padding:15px 10px 15px 1em;
	text-indent: -1em;
	font-size: 12px;
    font-size: 1.2rem;
}
.cautionlist > li {
	display:block;
	margin-bottom:10px;
}
/* dlブロックリスト Modifier */
/* dl column tableview */
.block-list-table {
  display: table;
}
.block-list-table > dt,
.block-list-table > dd {
  display: table-cell;
}
/* ==========================================================================
	 button
	 ========================================================================== */
.btn {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 1;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: inline-block;
  margin: 0;
  text-decoration: none;
  font-size: inherit;
  color: inherit;
  cursor: pointer;
  border: none;
}
.btn-full {
  width: 100%;
}
.btn-primary {
  background: #f5f5f5;
  font-size: 13px;
  font-size: 1.3rem;
  padding: 13px 0;
  color: #0087e6;
  text-align: center;
}
.btn-primary:after {
  content: "";
  display: inline-block;
  margin-left: 10px;
  background: url(/fcwc2015-en/sp/images/ico_arrow_rihgt_blue_l.png) 0 0 no-repeat;
  -moz-background-size: 100% auto;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  width: 7px;
  height: 16px;
  vertical-align: middle;
}
/* btn-bnr Modifier */
.btn-bnr {
  background: #f5f5f5;
  border: 1px solid #d4d4d4;
  padding: 15px 35px 15px 15px;
  position: relative;
  color: #666666;
}
.btn-bnr:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  right: 15px;
  background: url(/fcwc2015-en/sp/images/ico_arrow_rihgt_blue_l.png) 0 0 no-repeat;
  -moz-background-size: 100% auto;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  width: 7px;
  height: 16px;
}
/* btn-ticketbuy */
.btn-ticketbuy {
  width: 100%;
  background: #f2f2f2;
  font-size: 13px;
  font-size: 1.3rem;
  padding: 13px 0;
  font-weight: bold;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  color: #0087e6;
  text-align: center;
}
.btn-ticketbuy:after {
  content: "";
  display: inline-block;
  margin-left: 10px;
  background: url(/fcwc2015-en/sp/images/ico_arrow_rihgt_blue_l.png) 0 0 no-repeat;
  -moz-background-size: 100% auto;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  width: 7px;
  height: 16px;
  vertical-align: middle;
}
/* btn-ticketbuy */
.btn-reserve {
  width: 100%;
  background: #326295;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  font-size: 13px;
  font-size: 1.3rem;
  padding: 13px 0;
  font-weight: bold;
  color: #fff;
  text-align: center;
  position: relative;
}
.btn-reserve:after {
  content: "";
  display: block;
  margin-left: 10px;
  background: url(/fcwc2015-en/sp/images/ico_btn_arrow_right_bottom.png) 0 0 no-repeat;
  -moz-background-size: 100% auto;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  width: 4px;
  height: 4px;
  position: absolute;
  right: 3px;
  bottom: 3px;
}
/* btn-ticketbuy */
.btn-reservenon {
  width: 100%;
  background: #ababab;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  font-size: 13px;
  font-size: 1.3rem;
  padding: 13px 0;
  font-weight: bold;
  color: #fff;
  text-align: center;
  position: relative;
}
.btn-reservenon:after {
  content: "";
  display: block;
  margin-left: 10px;
  background: url(/fcwc2015-en/sp/images/ico_btn_arrow_right_bottom.png) 0 0 no-repeat;
  -moz-background-size: 100% auto;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  width: 4px;
  height: 4px;
  position: absolute;
  right: 3px;
  bottom: 3px;
}
/* ==========================================================================
	 Grid
	 ========================================================================== */
.grid {
  *zoom: 1;
  /* 子要素でfloatを使用するのでClearfix */
  position: relative;
}
.grid:before,
.grid:after {
  display: table;
  content: "";
  line-height: 0;
}
.grid:after {
  clear: both;
}
.grid-full {
  margin-left: -2px;
  /* 余白を指定 */
  margin-right: -2px;
  /* 余白を指定 */
}
.grid-item {
  float: left;
  /* autoprefixer: off */
  -moz-box-sizing: border-box;
  /* Firefox 1 - 28 */
  box-sizing: border-box;
}
.grid-item.has-gutter {
  padding-right: 2px;
  /* 余白を指定 */
  padding-left: 2px;
  /* 余白を指定 */
}
/* table用 Modifier */
.grid-table .grid-item {
  float: none;
  display: table-cell;
}
/* inline用 Modifier */
.grid-inline .grid-item {
  float: none;
  display: inline-block;
  vertical-align: top;
  font-size: 0;
  letter-spacing: 0;
  line-height: 1;
}
.grid-inline .grid-body {
  font-size: 12px;
}
/* ==========================================================================
	 icon
	 ========================================================================== */
.icon {
  display: inline-block;
}
.icon-with-text {
  margin-right: 3px;
  vertical-align: middle;
}
/* ==========================================================================
	 inline-list
	 ========================================================================== */
.inline-list-item {
  display: inline-block;
}
/* ==========================================================================
	 media
	 ========================================================================== */
/* floatで構成 */
.media-float {
  *zoom: 1;
  /* 子要素でfloatを使用するのでClearfixする */
}
.media-float:before,
.media-float:after {
  display: table;
  content: "";
  line-height: 0;
}
.media-float:after {
  clear: both;
}
.media-float-image {
  float: left;
  margin-right: 10px;
  /* 任意の値 */
  /* marginはhtml上でuttilityクラスを使用して都度調整する */
}
.media-float-image > img {
  display: block;
}
.media-float-image-rev {
  /* Reverse */
  float: right;
  margin-right: 0;
  margin-left: 10px;
  /* marginはProjectのElement指定で解決する */
}
.media-float-body {
  overflow: hidden;
  /* 画像下にテキストが回り込むのを防ぐ */
}
.media-float-body-middle {
  /* テキストを画像の上下中央揃え */
  vertical-align: middle;
}
/* display: tableで構成 */
.media {
  display: table;
}
.media-image {
  display: table-cell;
  padding-right: 10px;
  /* 任意の値 table-cellを使用するので余白をpaddingで調整 */
  /* paddingはProjectのElement指定で解決する */
}
.media-image-rev {
  /* Reverse */
  padding-right: 0;
  padding-left: 10px;
}
.media-image-middle {
  vertical-align: middle;
  /* 画像を上下中央揃え */
}
.media-image > img {
  display: block;
}
.media-body {
  display: table-cell;
  vertical-align: top;
  overflow: hidden;
  /* 画像下にテキストが回り込むのを防ぐ */
}
.media-body-middle {
  vertical-align: middle;
  /* テキストを画像の上下中央揃え */
}
/* ==========================================================================
	 tableview
	 ========================================================================== */
/*
ブロック型テーブルリスト
リンクがある場合は子要素の<a>に-targetを指定する
*/
.tableview {
  overflow: hidden;
}
.tableview-item {
  padding: 12px 10px;
  /* ベースとなる余白指定 */
}
/* borderあり Modifier */
.tableview-border > .tableview-item {
  border-bottom: 1px solid #e5e5e5;
}
/* アイコン付きリンクリスト */
.tableview-target {
  display: block;
  margin: -12px -10px;
  /* paddingの相殺 */
  padding: 12px 10px;
  /* 余白設定 */
  text-decoration: none;
  position: relative;
  padding-right: 35px;
  /* アイコン分の余白を指定 */
  overflow: hidden;
}
.tableview-target:link,
.tableview-target:visited,
.tableview-target:active,
.tableview-target:hover {
  color: #474747;
  text-decoration: none;
}
.tableview-target:after {
  content: "";
  position: absolute;
  top: 0;
  /* topとbottom、対になるプロパティに値を持たせて、領域を作る */
  bottom: 0;
  /* topとbottom、対になるプロパティに値を持たせて、領域を作る */
  right: 15px;
  /* iconの位置調整 */
  margin: auto;
  /* 垂直中央配置 */
  background: url(/fcwc2015-en/sp/images/ico_arrow_rihgt_blue.png) 0 0 no-repeat;
  -moz-background-size: 100% auto;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  width: 9px;
  height: 20px;
}
/* ==========================================================================
	 accordion
	 ========================================================================== */
.accordion > dt > a {
  display: block;
  background: #f2f2f2;
  padding: 14px 10px;
  position: relative;
  font-weight: bold;
  font-size: 13px;
  font-size: 1.3rem;
  border-top: 1px solid #d4d4d4;
  border-bottom: 1px solid #d4d4d4;
}
.accordion > dt > a:after {
  content: "";
  background: url(/fcwc2015-en/sp/images/ico_arrow_bottom_blue.png) 0 0 no-repeat;
  -moz-background-size: 100% auto;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  width: 9.5px;
  height: 4.5px;
  display: block;
  position: absolute;
  right: 10px;
  top: 0;
  bottom: 0;
  margin: auto;
}
.accordion > dd {
  padding: 10px;
}
/* ==========================================================================
	 target
	 ========================================================================== */
.target-zoom {
  display: block;
  position: relative;
}
.target-zoom:after {
  content: "";
  display: block;
  background: #f2f2f2 url(/fcwc2015-en/sp/images/ico_zoom.png) 50% 50% no-repeat;
  -moz-background-size: 20px auto;
  -webkit-background-size: 20px auto;
  background-size: 20px auto;
  width: 30px;
  height: 30px;
  position: absolute;
  bottom: 0;
  right: 0;
}
/* ==========================================================================
	 hr
	 ========================================================================== */
.hr {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 0;
  line-height: 1;
  border-bottom-width: 1px;
  border-style: solid;
  margin: 0;
  padding: 0;
}
.hr-primary {
  border-color: #e5e5e5;
}
/* ==========================================================================
	 align
	 ========================================================================== */
.al-l {
  text-align: left;
}
.al-r {
  text-align: right;
}
.al-c {
  text-align: center;
}
/* ==========================================================================
	 clearfix
	 ========================================================================== */
.clf {
  *zoom: 1;
}
.clf:before,
.clf:after {
  display: table;
  content: "";
  line-height: 0;
}
.clf:after {
  clear: both;
}
/* ==========================================================================
	 display
	 ========================================================================== */
.inline {
  display: inline;
}
.block {
  display: block;
}
.inline-block {
  display: inline-block;
}
/* ==========================================================================
	 float
	 ========================================================================== */
.fl-l {
  float: left;
}
.fl-r {
  float: right;
}
.fl-clr {
  clear: both;
}
/* ==========================================================================
	 list-style
	 ========================================================================== */
.lst {
  list-style-position: inside;
}
.lst > li {
  text-indent: -1.7em;
  padding-left: 1.7em;
}
/* マーカーなし */
.lst-none {
  list-style-type: none;
}
/* 黒丸 */
.lst-disc {
  list-style-type: disc;
}
/* 白丸 */
.lst-circle {
  list-style-type: circle;
}
/* 黒四角 */
.lst-square {
  list-style-type: square;
}
/* 小文字のローマ数字 */
.lst-lower-roman {
  list-style-type: lower-roman;
}
/* 大文字のローマ数字 */
.lst-upper-roman {
  list-style-type: upper-roman;
}
/* 小文字のギリシャ文字 */
.lst-lower-greek {
  list-style-type: lower-greek;
}
/* 算用数字 */
.lst-decimal {
  list-style-type: decimal;
}
/* 先頭に0をつけた算用数字 */
.lst-decimal-leading-zero {
  list-style-type: decimal-leading-zero;
}
/* 小文字のアルファベット */
.lst-lower-latin {
  list-style-type: lower-latin;
}
/* 小文字のアルファベット */
.lst-lower-alpha {
  list-style-type: lower-alpha;
}
/* 大文字のアルファベット */
.lst-upper-latin {
  list-style-type: upper-latin;
}
/* 大文字のアルファベット */
.lst-upper-alpha {
  list-style-type: upper-alpha;
}
/* 漢数字 */
.lst-cjk-ideographic {
  list-style-type: cjk-ideographic;
}
/* ひらがなのあいうえお順 */
.lst-hiragana {
  list-style-type: hiragana;
}
/* カタカナのアイウエオ順 */
.lst-katakana {
  list-style-type: katakana;
}
/* ひらがなのいろはにほへと順 */
.lst-hiragana-iroha {
  list-style-type: hiragana-iroha;
}
/* カタカナのイロハニホヘト順 */
.lst-katakana-iroha {
  list-style-type: katakana-iroha;
}
/* ヘブライ数字 */
.lst-hebrew {
  list-style-type: hebrew;
}
/* アルメニア数字 */
.lst-armenian {
  list-style-type: armenian;
}
/* グルジア数字 */
.lst-georgian {
  list-style-type: georgian;
}
/* ==========================================================================
	 Margin and Paddings
	 ========================================================================== */
.mt-00 {
  margin-top: 0px;
}
.mt-05 {
  margin-top: 5px;
}
.mt-10 {
  margin-top: 10px;
}
.mt-15 {
  margin-top: 15px;
}
.mt-18 {
  margin-top: 18px;
}
.mt-20 {
  margin-top: 20px;
}
.mt-25 {
  margin-top: 25px;
}
.mt-30 {
  margin-top: 30px;
}
.mt-35 {
  margin-top: 35px;
}
.mt-40 {
  margin-top: 40px;
}
.mt-50 {
  margin-top: 50px;
}
.mt-60 {
  margin-top: 60px;
}
.mt-70 {
  margin-top: 70px;
}
.mt-80 {
  margin-top: 80px;
}
.mt-90 {
  margin-top: 90px;
}
.mt-100 {
  margin-top: 100px;
}
.mr-00 {
  margin-right: 0px;
}
.mr-05 {
  margin-right: 5px;
}
.mr-10 {
  margin-right: 10px;
}
.mr-15 {
  margin-right: 15px;
}
.mr-20 {
  margin-right: 20px;
}
.mr-25 {
  margin-right: 25px;
}
.mr-30 {
  margin-right: 30px;
}
.mr-35 {
  margin-right: 35px;
}
.mr-40 {
  margin-right: 40px;
}
.mr-50 {
  margin-right: 50px;
}
.mr-60 {
  margin-right: 60px;
}
.mr-70 {
  margin-right: 70px;
}
.mr-80 {
  margin-right: 80px;
}
.mr-90 {
  margin-right: 90px;
}
.mr-100 {
  margin-right: 100px;
}
.mb-00 {
  margin-bottom: 0px;
}
.mb-05 {
  margin-bottom: 5px;
}
.mb-10 {
  margin-bottom: 10px;
}
.mb-15 {
  margin-bottom: 15px;
}
.mb-20 {
  margin-bottom: 20px;
}
.mb-25 {
  margin-bottom: 25px;
}
.mb-30 {
  margin-bottom: 30px;
}
.mb-35 {
  margin-bottom: 35px;
}
.mb-40 {
  margin-bottom: 40px;
}
.mb-50 {
  margin-bottom: 50px;
}
.mb-60 {
  margin-bottom: 60px;
}
.mb-70 {
  margin-bottom: 70px;
}
.mb-80 {
  margin-bottom: 80px;
}
.mb-90 {
  margin-bottom: 90px;
}
.mb-100 {
  margin-bottom: 100px;
}
.ml-00 {
  margin-left: 0px;
}
.ml-05 {
  margin-left: 5px;
}
.ml-10 {
  margin-left: 10px;
}
.ml-15 {
  margin-left: 15px;
}
.ml-20 {
  margin-left: 20px;
}
.ml-25 {
  margin-left: 25px;
}
.ml-30 {
  margin-left: 30px;
}
.ml-35 {
  margin-left: 35px;
}
.ml-40 {
  margin-left: 40px;
}
.ml-50 {
  margin-left: 50px;
}
.ml-60 {
  margin-left: 60px;
}
.ml-70 {
  margin-left: 70px;
}
.ml-80 {
  margin-left: 80px;
}
.ml-90 {
  margin-left: 90px;
}
.ml-100 {
  margin-left: 100px;
}
/*****  padding  *****/
.pt-00 {
  padding-top: 0px;
}
.pt-05 {
  padding-top: 5px;
}
.pt-10 {
  padding-top: 10px;
}
.pt-15 {
  padding-top: 15px;
}
.pt-20 {
  padding-top: 20px;
}
.pt-25 {
  padding-top: 25px;
}
.pt-30 {
  padding-top: 30px;
}
.pt-35 {
  padding-top: 35px;
}
.pt-40 {
  padding-top: 40px;
}
.pt-50 {
  padding-top: 50px;
}
.pt-60 {
  padding-top: 60px;
}
.pt-70 {
  padding-top: 70px;
}
.pt-80 {
  padding-top: 80px;
}
.pt-90 {
  padding-top: 90px;
}
.pt-100 {
  padding-top: 100px;
}
.pr-00 {
  padding-right: 0px;
}
.pr-05 {
  padding-right: 5px;
}
.pr-10 {
  padding-right: 10px;
}
.pr-15 {
  padding-right: 15px;
}
.pr-20 {
  padding-right: 20px;
}
.pr-25 {
  padding-right: 25px;
}
.pr-30 {
  padding-right: 30px;
}
.pr-35 {
  padding-right: 35px;
}
.pr-40 {
  padding-right: 40px;
}
.pr-50 {
  padding-right: 50px;
}
.pr-60 {
  padding-right: 60px;
}
.pr-70 {
  padding-right: 70px;
}
.pr-80 {
  padding-right: 80px;
}
.pr-90 {
  padding-right: 90px;
}
.pr-100 {
  padding-right: 100px;
}
.pb-00 {
  padding-bottom: 0px;
}
.pb-05 {
  padding-bottom: 5px;
}
.pb-10 {
  padding-bottom: 10px;
}
.pb-15 {
  padding-bottom: 15px;
}
.pb-20 {
  padding-bottom: 20px;
}
.pb-25 {
  padding-bottom: 25px;
}
.pb-30 {
  padding-bottom: 30px;
}
.pb-35 {
  padding-bottom: 35px;
}
.pb-40 {
  padding-bottom: 40px;
}
.pb-50 {
  padding-bottom: 50px;
}
.pb-60 {
  padding-bottom: 60px;
}
.pb-70 {
  padding-bottom: 70px;
}
.pb-80 {
  padding-bottom: 80px;
}
.pb-90 {
  padding-bottom: 90px;
}
.pb-100 {
  padding-bottom: 100px;
}
.pl-00 {
  padding-left: 0px;
}
.pl-05 {
  padding-left: 5px;
}
.pl-10 {
  padding-left: 10px;
}
.pl-15 {
  padding-left: 15px;
}
.pl-20 {
  padding-left: 20px;
}
.pl-25 {
  padding-left: 25px;
}
.pl-30 {
  padding-left: 30px;
}
.pl-35 {
  padding-left: 35px;
}
.pl-40 {
  padding-left: 40px;
}
.pl-50 {
  padding-left: 50px;
}
.pl-60 {
  padding-left: 60px;
}
.pl-70 {
  padding-left: 70px;
}
.pl-80 {
  padding-left: 80px;
}
.pl-90 {
  padding-left: 90px;
}
.pl-100 {
  padding-left: 100px;
}
/* ==========================================================================
	 postion
	 ========================================================================== */
.pos-a {
  position: absolute;
}
.pos-r {
  position: relative;
}
.pos-s {
  position: static;
}
.pos-f {
  position: fixed;
}
.pos-center {
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
}
.pos-middle {
  top: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
}
/* ==========================================================================
	 size
	 ========================================================================== */
.size-full {
  width: 100%;
}
/* ==========================================================================
	 text
	 ========================================================================== */
.ff-gothic {
  font-family: "Lucida Grande", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}
.ff-mincho {
  font-family: "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", Meiryo, serif;
}
.fw-b {
  font-weight: bold;
}
.fz-00 {
  font-size: 0;
}
.fz-05 {
  font-size: 5px;
  font-size: 0.5rem;
}
.fz-06 {
  font-size: 6px;
  font-size: 0.6rem;
}
.fz-08 {
  font-size: 8px;
  font-size: 0.8rem;
}
.fz-09 {
  font-size: 9px;
  font-size: 0.9rem;
}
.fz-10 {
  font-size: 10px;
  font-size: 1.0rem;
}
.fz-11 {
  font-size: 11px;
  font-size: 1.1rem;
}
.fz-12 {
  font-size: 12px;
  font-size: 1.2rem;
}
.fz-13 {
  font-size: 13px;
  font-size: 1.3rem;
}
.fz-14 {
  font-size: 14px;
  font-size: 1.4rem;
}
.fz-15 {
  font-size: 15px;
  font-size: 1.5rem;
}
.fz-16 {
  font-size: 16px;
  font-size: 1.6rem;
}
.fz-18 {
  font-size: 18px;
  font-size: 1.8rem;
}
.fz-19 {
  font-size: 19px;
  font-size: 1.9rem;
}
.fz-20 {
  font-size: 20px;
  font-size: 2.0rem;
}
.fz-21 {
  font-size: 21px;
  font-size: 2.1rem;
}
.fz-22 {
  font-size: 22px;
  font-size: 2.2rem;
}
.fz-24 {
  font-size: 24px;
  font-size: 2.4rem;
}
.fz-26 {
  font-size: 26px;
  font-size: 2.6rem;
}
.fz-27 {
  font-size: 27px;
  font-size: 2.7rem;
}
.fz-36 {
  font-size: 36px;
  font-size: 3.6rem;
}
.fz-40 {
  font-size: 40px;
  font-size: 4.0rem;
}
.fz-48 {
  font-size: 48px;
  font-size: 4.8rem;
}
.fz-50 {
  font-size: 50px;
  font-size: 5.0rem;
}
.fz-72 {
  font-size: 72px;
  font-size: 7.2rem;
}
.fz-85 {
  font-size: 85px;
  font-size: 8.5rem;
}
.fz-XXS {
  font-size: 6px;
  font-size: 0.6rem;
}
.fz-XS {
  font-size: 8px;
  font-size: 0.8rem;
}
.fz-S {
  font-size: 10px;
  font-size: 1.0rem;
}
.fz-M {
  font-size: 12px;
  font-size: 1.2rem;
}
.fz-L {
  font-size: 14px;
  font-size: 1.4rem;
}
.fz-XL {
  font-size: 16px;
  font-size: 1.6rem;
}
.fz-XXL {
  font-size: 18px;
  font-size: 1.8rem;
}
.color-primary {
  color: #474747;
}
.color-secondary {
  color: #999999;
}
.color-tertiary {
  color: #666666;
}
.color-notice {
  color: #d05050;
}