@charset "UTF-8";
.bx-wrapper .bx-pager {
  text-align: center;
  font-size: .85em;
  font-family: Arial;
  font-weight: bold;
  color: #666;
  margin-top: -20px;
  position: relative;
  z-index: 100; }

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
  display: inline-block;
  *zoom: 1;
  *display: inline; }

.bx-wrapper .bx-pager.bx-default-pager a {
  background: #666;
  text-indent: -9999px;
  display: block;
  width: 10px;
  height: 10px;
  margin: 0 5px;
  outline: 0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px; }

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
  background: #000; }

.footerLink li {
  padding-right: 10px; }

.board__entry-list-ttl:before {
  top: .5em;
  margin-top: 0; }

@media only screen and (max-width: 47.9375em) {
  #top .languageBox {
    right: 0; } }
.header {
  position: relative; }

.header__logo,
.footer__logo {
  max-width: 240px; }

body.en .header__logo,
body.en .footer__logo {
  max-width: 214px; }

.entry__head {
  margin-left: 10px;
  margin-right: 10px; }

.acms-entry h2 {
  padding-left: 15px;
  margin-left: 10px;
  margin-right: 10px; }
.acms-entry h3 {
  padding-right: 0;
  margin-left: 10px;
  margin-right: 10px; }
.acms-entry ul, .acms-entry ol {
  padding-left: 0;
  padding-right: 0;
  margin-left: 10px;
  margin-right: 10px; }
.acms-entry .contact__ttl {
  margin-left: 10px;
  margin-right: 10px; }
.acms-entry .txt-block--border,
.acms-entry .txt-block--bg {
  padding-right: 10px;
  padding-left: 10px; }
  @media only screen and (max-width: 47.9375em) {
    .acms-entry .txt-block--border,
    .acms-entry .txt-block--bg {
      padding-left: 0;
      padding-right: 0; } }

.box-a {
  background: #fff;
  border: 1px solid #ccc;
  margin-bottom: 15px;
  padding: 20px; }
  @media only screen and (max-width: 47.9375em) {
    .box-a {
      padding: 10px; } }

.pager {
  margin: 0 auto;
  text-align: center; }

.mr10 {
  margin-right: 10px; }

.ml10 {
  margin-left: 10px; }

.acms-admin-table-entry {
  border: 0 !important;
  table-layout: auto !important;
  table-layout: auto !important; }
  .acms-admin-table-entry td, .acms-admin-table-entry th {
    border: 0 !important; }

.acms-admin-accordion-title {
  border-bottom: 0 !important;
  padding: 0 !important;
  margin: 0 !important; }

.category__list .c_2,
.category__list .c_3,
.category__list .c_4 {
  border: none;
  display: none; }

.category__list .c_3 a {
  font-size: .8em;
  padding-left: 25px !important; }

.category__list .c_4 a {
  font-size: .8em;
  padding-left: 35px !important; }

.category__list .stay,
.category__list a:hover {
  background: #94e3f9 !important; }

.category__list-item.c_1 {
  border-top: none !important; }

.category__list .category__list {
  font-size: 14px;
  font-weight: bold; }
  .category__list .category__list-item {
    border-top: 1px solid #ccc; }
  .category__list .category__list .wrap {
    display: block;
    padding: 7px 10px 7px 16px;
    background: #fff; }
    .category__list .category__list .wrap:hover {
      text-decoration: none; }

.header__subNav .stay {
  background: #2cc9fc !important;
  color: #FFFFFF !important; }

.header__gNav-list .stay {
  background: #0099ff !important; }

.news__archive {
  clear:both;
  text-align: right;
  margin-top: 10px;
  line-height: 24px;
  font-weight: bold; }
  .news__archive a {
    color: #fff;
    background: #79c108;
    padding: 5px 10px;
    display: inline-block; }
  @media only screen and (max-width: 47.9375em) {
    .news__archive {
      text-align: center; } }

.acms-container:before, .acms-container:after {
  content: " ";
  display: table; }
.acms-container:after {
  clear: both; }

.acms-entry-unit-full [class*='column-image-'], .acms-entry-unit-full [class*='column-media-'], .acms-entry-unit-full [class*='column-map-'], .acms-entry-unit-full [class*='column-eximage-'], .acms-entry-unit-full [class*='column-youtube-'], .acms-entry-unit-full [class*='column-video-'] {
  width: auto !important; }

.acms-entry .column-image-right,
.acms-entry .column-media-right {
  text-align: right; }
@media only screen and (max-width: 47.9375em) {
  .acms-entry .column-image-left,
  .acms-entry .column-image-right {
    float: none; } }
.acms-entry h1, .acms-entry h2, .acms-entry h3, .acms-entry h4, .acms-entry h5, .acms-entry h6 {
  overflow: hidden; }
.acms-entry .m-col1 {
  width: 5.608537693%; }
.acms-entry .m-col2 {
  width: 13.9418710263%; }
.acms-entry .m-col3 {
  width: 22.2752043597%; }
.acms-entry .m-col4 {
  width: 30.608537693%; }
.acms-entry .m-col5 {
  width: 38.9418710263%; }
.acms-entry .m-col6 {
  width: 47.2752043597%; }
.acms-entry .m-col7 {
  width: 55.608537693%; }
.acms-entry .m-col8 {
  width: 63.9418710263%; }
.acms-entry .m-col9 {
  width: 72.2752043597%; }
.acms-entry .m-col10 {
  width: 80.608537693%; }
.acms-entry .m-col11 {
  width: 88.9418710263%; }
.acms-entry .m-col12 {
  width: 97.2752043597%; }
.acms-entry [class^="m-col"],
.acms-entry [class*=" m-col"] {
  min-height: 1px;
  float: left;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  max-width: 100%;
  margin-left: 1.3623978202%;
  margin-right: 1.3623978202%;
  margin-bottom: 20px; }
  @media only screen and (max-width: 47.9375em) {
    .acms-entry [class^="m-col"],
    .acms-entry [class*=" m-col"] {
      width: auto;
      float: none;
      clear: both;
      margin-left: 10px;
      margin-right: 10px; }
      .acms-entry [class^="m-col"]:before, .acms-entry [class^="m-col"]:after,
      .acms-entry [class*=" m-col"]:before,
      .acms-entry [class*=" m-col"]:after {
        content: " ";
        display: table; }
      .acms-entry [class^="m-col"]:after,
      .acms-entry [class*=" m-col"]:after {
        clear: both; } }
.acms-entry .add-unit-clear,
.acms-entry [class^="acms-col"],
.acms-entry [class*=" acms-col"] {
  margin-bottom: 20px; }
  .acms-entry .add-unit-clear > *:last-child,
  .acms-entry [class^="acms-col"] > *:last-child,
  .acms-entry [class*=" acms-col"] > *:last-child {
    margin-bottom: 0; }
  @media only screen and (max-width: 47.9375em) {
    .acms-entry .add-unit-clear,
    .acms-entry [class^="acms-col"],
    .acms-entry [class*=" acms-col"] {
      width: auto !important;
      float: none; }
      .acms-entry .add-unit-clear:before, .acms-entry .add-unit-clear:after,
      .acms-entry [class^="acms-col"]:before,
      .acms-entry [class^="acms-col"]:after,
      .acms-entry [class*=" acms-col"]:before,
      .acms-entry [class*=" acms-col"]:after {
        content: " ";
        display: table; }
      .acms-entry .add-unit-clear:after,
      .acms-entry [class^="acms-col"]:after,
      .acms-entry [class*=" acms-col"]:after {
        clear: both; } }
.acms-entry .clearHidden {
  /*標準のクリアにマージン設定*/ }
.acms-entry [class^="acms-col"] .clearHidden,
.acms-entry [class*=" acms-col"] .clearHidden,
.acms-entry [class^="m-col"] .clearHidden,
.acms-entry [class*=" m-col"] .clearHidden {
  /*標準のクリアにマージン設定するが、ユニットの入れ子は無し*/ }

#contents,
.header__gNav-list,
.header__subNav-list {
  position: relative; }

.g-nav__item__body--mainNav {
  box-sizing: border-box;
  position: absolute;
  z-index: 100;
  /* ▲左の1pxの隙間を埋める為に横幅+0.1%▲ */
  margin-left: -1px;
  /* ▲左の1pxの隙間を埋める為に指定▲ */
  background-color: #fff;
  opacity: 0.9;
  display: none; }

.g-nav__item__body--subNav {
  box-sizing: border-box;
  position: absolute;
  z-index: 100;
  display: block;
  /* ▲左の1pxの隙間を埋める為に横幅+0.1%▲ */
  margin-left: -1px;
  /* ▲左の1pxの隙間を埋める為に指定▲ */
  background-color: #fff;
  opacity: 0.9;
  display: none; }

/* @ main
--------------------------------*/
.g-nav__item__body--mainNav
.g-nav__item__body__link {
  float: none;
  width: 100%;
  border-bottom: solid 1px #BFBFBF;
  text-align: left; }

.g-nav__item__body--mainNav
.g-nav__item__body__link > a {
  display: block;
  font-size: 14px;
  line-height: 1.5em;
  padding: 0.5em 1em;
  min-width: 250px; }

/* @ sub
--------------------------------*/
.g-nav__item__body--subNav
.g-nav__item__body__link {
  float: none;
  width: 100%;
  border-bottom: solid 1px #BFBFBF;
  text-align: left; }

.g-nav__item__body--subNav
.g-nav__item__body__link > a {
  display: block;
  font-size: 14px;
  line-height: 1.5em;
  padding: 0.5em 1em;
  min-width: 250px; }

/* @ hover
--------------------------------*/
.header__gNav-list li a:hover +
.g-nav__item__body--mainNav {
  display: block;
  min-width: 250px; }

.header__subNav-list li a:hover +
.g-nav__item__body--subNav {
  display: block;
  min-width: 250px; }

.g-nav__item__body--mainNav:hover {
  display: block; }

.g-nav__item__body--subNav:hover {
  display: block; }

/* english */
.g-nav__item:hover +
.g-nav__item__body--mainNav {
  display: block;
  min-width: 250px; }

/* ナビゲーションの色を保持 */
.header__gNav li:hover .wrap {
  background: #0099ff; }

.header__subNav li:hover .wrap {
  background: #2cc9fc;
  color: #FFFFFF; }

/* @ スマホ非表示
--------------------------------*/
@media screen and (max-width: 768px) {
  .g-nav__item__body--mainNav {
    display: none !important; }

  .g-nav__item__body--subNav {
    display: none !important; } }
/* @ ユーティリティ
--------------------------------*/
/* @ Tool Setting
 * ------------------------------------------------------------ */
/*doc
---
title: tool-状態
name: tool-main
category: tool-main
---

<div class="styleguide-table"></div>
View     | Class              |  Description
---------| -------------------| ----------------- |
         | `sr-only`          |  音声ブラウザ用     |
         | `ie-prompt`        |  古いIEへ警告      |
         | `is-visible`       |  表示             |
         | `is-hidden`        |  非表示            |
         | `is-visible--sm`   |  sm表示            |
         | `is-visible--md`   |  md表示            |
         | `is-hidden--sm`    |  sm非表示          |
         | `is-hidden--md`    |  md非表示          |
         | `is-visible--print`|  プリント表示       |
         | `is-hidden--print` |  プリント非表示     |
         | `is-ctr--sm`       |  smセンター寄せ     |
         | `is-ctr--md`       |  mdセンター寄せ     |
         | `is-br--sm`        |  sm改行            |
         | `is-br--md`        |  md改行            |
         | `is-br--md-only`   |  mdのみ改行         |
         | `is-over-scroll--sm`   |  smはみ出したコンテンツをスクロール         |
         | `is-hidden--mobile`   |  モバイル非表示         |
         | `is-hidden--tablet`   |  タブレット非表示        |
         | `is-hidden--desktop`   |  デスクトップ非表示         |

*/
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

.ie-prompt {
  text-align: center;
  margin: 0 auto;
  padding: 10px;
  background-color: #E50012;
  color: #FFF; }

.is-visible {
  display: block !important; }

.is-hidden {
  display: none !important; }

.is-visible--sm,
.is-visible--md {
  display: none !important; }

@media only screen and (max-width: 64em) {
  .is-visible--md {
    display: block !important; } }
@media only screen and (max-width: 48em) {
  .is-visible--sm,
  .is-visible--md {
    display: block !important; } }
@media only screen and (max-width: 64em) {
  .is-hidden--md {
    display: none !important; } }
@media only screen and (max-width: 48em) {
  .is-hidden--sm {
    display: none !important; } }
@media print {
  .is-hidden--print {
    display: none; }

  .is-visible--print {
    display: block; } }
@media only screen and (max-width: 64em) {
  .is-ctr--md {
    text-align: center; } }
@media only screen and (max-width: 47.9375em) {
  .is-ctr--sm,
  .is-ctr--md {
    text-align: center; } }
@media only screen and (max-width: 64em) {
  .is-br--md:after {
    content: "\A";
    white-space: pre; } }
@media only screen and (min-width: 48em) and (max-width: 64.0625em) {
  .is-br--md-only:after {
    content: "\A";
    white-space: pre; } }
@media only screen and (max-width: 47.9375em) {
  .is-br--sm:after {
    content: "\A";
    white-space: pre; } }
@media only screen and (max-width: 47.9375em) {
  .is-over-scroll--sm {
    white-space: nowrap;
    overflow: hidden;
    overflow-x: scroll;
    width: 100%; } }

.tablet .is-hidden--tablet {
  display: none !important; }

.mobile .is-hidden--mobile {
  display: none !important; }

.desktop .is-hidden--desktop {
  display: none !important; }

.is-table {
  display: table;
  width: 100%; }

.is-table__cell {
  display: table-cell; }

.is-inline {
  display: inline; }

.gm-style img {
  max-width: none; }

.gm-style label {
  width: auto;
  display: inline; }

.no-touch a[href^="tel:"] {
  pointer-events: none; }

.icon-none:after {
  display: none !important; }

/* @ color
 * ------------------------------------------------------------ */
/*doc
---
title: 色
name: tool-color
category: tool-color
---


<div class="styleguide-table"></div>
View                                                       | Class         | Description
---------------------------------------------------------- | ------------- | ------------- |
<p class="color-red text-bold">ダミーテキストです。</p>       | `color-red`   |               |
<p class="color-brawn text-bold">ダミーテキストです。</p>     | `color-brawn` |               |
<p class="color-yellow text-bold">ダミーテキストです。</p>    | `color-yellow`|               |
<p class="color-pink text-bold">ダミーテキストです。</p>      | `color-pink`  |               |
<p class="color-blue text-bold">ダミーテキストです。</p>      | `color-blue`  |               |
<p class="color-green text-bold">ダミーテキストです。</p>     | `color-green` |               |
<p class="color-purple text-bold">ダミーテキストです。</p>    | `color-purple`|               |
*/
.color-red {
  color: #E50012 !important; }

.color-brawn {
  color: #611012 !important; }

.color-yellow {
  color: #FEDA34 !important; }

.color-pink {
  color: #F8B3B9 !important; }

.color-blue {
  color: #3CA1DB !important; }

.color-green {
  color: #17B6A5 !important; }

.color-orange {
  color: #E6B400 !important; }

.color-purple {
  color: #5558A3 !important; }

.color-gray {
  color: #666666 !important; }

/*doc
---
title: bg-gradient
name: bg-gradient
category: tool-color
---

色設定

<div class="styleguide-table"></div>
View                                           | Class         | Description
---------------------------------------------- | ------------- | ------------- |
<div class="bg-gradient w100p pt10 pb10">背景色</div>           | `bg-gradient` |               |

*/
.bg-gradient {
  background-image: -webkit-linear-gradient(top, #EFEFEF 0%, #FFF 100%);
  background-image: linear-gradient(to bottom, #EFEFEF 0%, #FFF 100%); }

/* @ float
 * ------------------------------------------------------------ */
/*doc
---
title: フロート
name: tool-float
category: tool-float
---

<div class="styleguide-table"></div>
View           | Class         |  Description
---------------|---------------| ---------------- |
               |  `pull-right` |  フロートレフト    |
               |  `pull-left`  |  フロートライト    |
               |  `clearfix`   |  クリアフィックス  |
               |  `clear-both` |  クリアボス       |

*/
.pull-right {
  float: right !important; }

.pull-left {
  float: left !important; }

.pull-right-none {
  float: right !important; }
  @media only screen and (max-width: 47.9375em) {
    .pull-right-none {
      float: none !important; } }

.pull-left-none {
  float: left !important; }
  @media only screen and (max-width: 47.9375em) {
    .pull-left-none {
      float: none !important; } }

.clearfix {
  *zoom: 1; }
  .clearfix:before, .clearfix:after {
    content: " ";
    display: table; }
  .clearfix:after {
    clear: both; }

.clear-both {
  clear: both; }

/* @ font
 * ------------------------------------------------------------ */
/*doc
---
title: フォントサイズ
name: tool-fontsize
category: tool-fontsize
---

ミドルスクリーンは`--md`<br>
スモールスクリーンは`--sm`

<div class="styleguide-table"></div>
View                            | Class  |   Description
------------------------------- | ------ | ------------|
<span class="f8">8px</span>     | `f8`   |             |
<span class="f9">9px</span>     | `f9`   |             |
<span class="f10">10px</span>   | `f10`  |             |
<span class="f11">11px</span>   | `f11`  |             |
<span class="f12">12px</span>   | `f12`  |             |
<span class="f13">13px</span>   | `f13`  |             |
<span class="f14">14px</span>   | `f14`  |             |
<span class="f15">15px</span>   | `f15`  |             |
<span class="f16">16px</span>   | `f16`  |             |
<span class="f17">17px</span>   | `f17`  |             |
<span class="f18">18px</span>   | `f18`  |             |
<span class="f19">19px</span>   | `f19`  |             |
<span class="f20">20px</span>   | `f20`  |             |
<span class="f21">21px</span>   | `f21`  |             |
<span class="f22">22px</span>   | `f22`  |             |
<span class="f23">23px</span>   | `f23`  |             |
<span class="f24">24px</span>   | `f24`  |             |
<span class="f25">25px</span>   | `f25`  |             |
<span class="f26">26px</span>   | `f26`  |             |
<span class="f27">27px</span>   | `f27`  |             |
<span class="f28">28px</span>   | `f28`  |             |
<span class="f29">29px</span>   | `f29`  |             |
<span class="f30">30px</span>   | `f30`  |             |
<span class="f31">31px</span>   | `f31`  |             |
<span class="f32">32px</span>   | `f32`  |             |
<span class="f33">33px</span>   | `f33`  |             |
<span class="f34">34px</span>   | `f34`  |             |
<span class="f35">35px</span>   | `f35`  |             |
<span class="f36">36px</span>   | `f36`  |             |
<span class="f37">37px</span>   | `f37`  |             |
<span class="f38">38px</span>   | `f38`  |             |
<span class="f39">39px</span>   | `f39`  |             |
<span class="f40">40px</span>   | `f40`  |             |
*/
.f8 {
  font-size: 8px; }

.f9 {
  font-size: 9px; }

.f10 {
  font-size: 10px; }

.f11 {
  font-size: 11px; }

.f12 {
  font-size: 12px; }

.f13 {
  font-size: 13px; }

.f14 {
  font-size: 14px; }

.f15 {
  font-size: 15px; }

.f16 {
  font-size: 16px; }

.f17 {
  font-size: 17px; }

.f18 {
  font-size: 18px; }

.f19 {
  font-size: 19px; }

.f20 {
  font-size: 20px; }

.f21 {
  font-size: 21px; }

.f22 {
  font-size: 22px; }

.f23 {
  font-size: 23px; }

.f24 {
  font-size: 24px; }

.f25 {
  font-size: 25px; }

.f26 {
  font-size: 26px; }

.f27 {
  font-size: 27px; }

.f28 {
  font-size: 28px; }

.f29 {
  font-size: 29px; }

.f30 {
  font-size: 30px; }

.f31 {
  font-size: 31px; }

.f32 {
  font-size: 32px; }

.f33 {
  font-size: 33px; }

.f34 {
  font-size: 34px; }

.f35 {
  font-size: 35px; }

.f36 {
  font-size: 36px; }

.f37 {
  font-size: 37px; }

.f38 {
  font-size: 38px; }

.f39 {
  font-size: 39px; }

.f40 {
  font-size: 40px; }

@media only screen and (max-width: 64em) {
  .f8--md {
    font-size: 8px; } }

@media only screen and (max-width: 64em) {
  .f9--md {
    font-size: 9px; } }

@media only screen and (max-width: 64em) {
  .f10--md {
    font-size: 10px; } }

@media only screen and (max-width: 64em) {
  .f11--md {
    font-size: 11px; } }

@media only screen and (max-width: 64em) {
  .f12--md {
    font-size: 12px; } }

@media only screen and (max-width: 64em) {
  .f13--md {
    font-size: 13px; } }

@media only screen and (max-width: 64em) {
  .f14--md {
    font-size: 14px; } }

@media only screen and (max-width: 64em) {
  .f15--md {
    font-size: 15px; } }

@media only screen and (max-width: 64em) {
  .f16--md {
    font-size: 16px; } }

@media only screen and (max-width: 64em) {
  .f17--md {
    font-size: 17px; } }

@media only screen and (max-width: 64em) {
  .f18--md {
    font-size: 18px; } }

@media only screen and (max-width: 64em) {
  .f19--md {
    font-size: 19px; } }

@media only screen and (max-width: 64em) {
  .f20--md {
    font-size: 20px; } }

@media only screen and (max-width: 64em) {
  .f21--md {
    font-size: 21px; } }

@media only screen and (max-width: 64em) {
  .f22--md {
    font-size: 22px; } }

@media only screen and (max-width: 64em) {
  .f23--md {
    font-size: 23px; } }

@media only screen and (max-width: 64em) {
  .f24--md {
    font-size: 24px; } }

@media only screen and (max-width: 64em) {
  .f25--md {
    font-size: 25px; } }

@media only screen and (max-width: 64em) {
  .f26--md {
    font-size: 26px; } }

@media only screen and (max-width: 64em) {
  .f27--md {
    font-size: 27px; } }

@media only screen and (max-width: 64em) {
  .f28--md {
    font-size: 28px; } }

@media only screen and (max-width: 64em) {
  .f29--md {
    font-size: 29px; } }

@media only screen and (max-width: 64em) {
  .f30--md {
    font-size: 30px; } }

@media only screen and (max-width: 64em) {
  .f31--md {
    font-size: 31px; } }

@media only screen and (max-width: 64em) {
  .f32--md {
    font-size: 32px; } }

@media only screen and (max-width: 64em) {
  .f33--md {
    font-size: 33px; } }

@media only screen and (max-width: 64em) {
  .f34--md {
    font-size: 34px; } }

@media only screen and (max-width: 64em) {
  .f35--md {
    font-size: 35px; } }

@media only screen and (max-width: 64em) {
  .f36--md {
    font-size: 36px; } }

@media only screen and (max-width: 64em) {
  .f37--md {
    font-size: 37px; } }

@media only screen and (max-width: 64em) {
  .f38--md {
    font-size: 38px; } }

@media only screen and (max-width: 64em) {
  .f39--md {
    font-size: 39px; } }

@media only screen and (max-width: 64em) {
  .f40--md {
    font-size: 40px; } }

@media only screen and (max-width: 47.9375em) {
  .f8--sm {
    font-size: 8px; } }

@media only screen and (max-width: 47.9375em) {
  .f9--sm {
    font-size: 9px; } }

@media only screen and (max-width: 47.9375em) {
  .f10--sm {
    font-size: 10px; } }

@media only screen and (max-width: 47.9375em) {
  .f11--sm {
    font-size: 11px; } }

@media only screen and (max-width: 47.9375em) {
  .f12--sm {
    font-size: 12px; } }

@media only screen and (max-width: 47.9375em) {
  .f13--sm {
    font-size: 13px; } }

@media only screen and (max-width: 47.9375em) {
  .f14--sm {
    font-size: 14px; } }

@media only screen and (max-width: 47.9375em) {
  .f15--sm {
    font-size: 15px; } }

@media only screen and (max-width: 47.9375em) {
  .f16--sm {
    font-size: 16px; } }

@media only screen and (max-width: 47.9375em) {
  .f17--sm {
    font-size: 17px; } }

@media only screen and (max-width: 47.9375em) {
  .f18--sm {
    font-size: 18px; } }

@media only screen and (max-width: 47.9375em) {
  .f19--sm {
    font-size: 19px; } }

@media only screen and (max-width: 47.9375em) {
  .f20--sm {
    font-size: 20px; } }

@media only screen and (max-width: 47.9375em) {
  .f21--sm {
    font-size: 21px; } }

@media only screen and (max-width: 47.9375em) {
  .f22--sm {
    font-size: 22px; } }

@media only screen and (max-width: 47.9375em) {
  .f23--sm {
    font-size: 23px; } }

@media only screen and (max-width: 47.9375em) {
  .f24--sm {
    font-size: 24px; } }

@media only screen and (max-width: 47.9375em) {
  .f25--sm {
    font-size: 25px; } }

@media only screen and (max-width: 47.9375em) {
  .f26--sm {
    font-size: 26px; } }

@media only screen and (max-width: 47.9375em) {
  .f27--sm {
    font-size: 27px; } }

@media only screen and (max-width: 47.9375em) {
  .f28--sm {
    font-size: 28px; } }

@media only screen and (max-width: 47.9375em) {
  .f29--sm {
    font-size: 29px; } }

@media only screen and (max-width: 47.9375em) {
  .f30--sm {
    font-size: 30px; } }

@media only screen and (max-width: 47.9375em) {
  .f31--sm {
    font-size: 31px; } }

@media only screen and (max-width: 47.9375em) {
  .f32--sm {
    font-size: 32px; } }

@media only screen and (max-width: 47.9375em) {
  .f33--sm {
    font-size: 33px; } }

@media only screen and (max-width: 47.9375em) {
  .f34--sm {
    font-size: 34px; } }

@media only screen and (max-width: 47.9375em) {
  .f35--sm {
    font-size: 35px; } }

@media only screen and (max-width: 47.9375em) {
  .f36--sm {
    font-size: 36px; } }

@media only screen and (max-width: 47.9375em) {
  .f37--sm {
    font-size: 37px; } }

@media only screen and (max-width: 47.9375em) {
  .f38--sm {
    font-size: 38px; } }

@media only screen and (max-width: 47.9375em) {
  .f39--sm {
    font-size: 39px; } }

@media only screen and (max-width: 47.9375em) {
  .f40--sm {
    font-size: 40px; } }

/* @ img
 * ------------------------------------------------------------ */
/*doc
---
title: 画像装飾
name: tool-img
category: tool-img
---

<div class="l-row mb30">
    <div class="l-col3">
       <div class="img-frame mb10"><img src="/themes/kyutech/css/static/img/img.png" alt=""></div>
      <code>img-frame</code>
    </div>
    <div class="l-col3">
       <div class="img-round mb10"><img src="/themes/kyutech/css/static/img/img.png" alt=""></div>
      <code>img-round</code>
    </div>
    <div class="l-col3">
       <div class="img-border mb10"><img src="/themes/kyutech/css/static/img/img.png" alt=""></div>
      <code>img-border</code>
    </div>
    <div class="l-col3">
       <div class="img-frame mb10"><img src="/themes/kyutech/css/static/img/img.png" alt=""></div>
      <code>img-frame</code>
    </div>
</div>

<div class="styleguide-table"></div>
View                                                                                             | Class              |  Description
------------------------------------------------------------------------------------------------ | -------------      | --------------------- |
<p><span class="img-icon--vam"><img src="/themes/kyutech/css/static/img/icon.png" alt=""></span> アイコン画像</p>      | `img-icon--vam`    |    画像縦中心へ        |




*/
.img-responsive {
  display: block;
  max-width: 100%;
  height: auto; }

.ie8 .img-responsive {
  width: auto; }

.img-center {
  margin: 0 auto;
  text-align: center; }

.img-frame {
  border: 1px solid #ccc;
  background-color: #FFF;
  padding: 3px;
  height: auto; }

.img-round {
  border-radius: 15px; }

.img-border {
  border: 1px solid #000; }

.img-circle {
  border-radius: 50%; }

.img-icon--vam {
  vertical-align: middle;
  position: relative;
  top: -0.1em; }

/* @ margin
 * ------------------------------------------------------------ */
/*doc
---
title: マージン、パディング
name: tool-clearance
category: tool-clearance
---

ミドルスクリーンは`--md`<br>
スモールスクリーンは`--sm`

<div class="styleguide-table"></div>
View        | Class       |  Description
------------|-------------| ------------------------------ |
            | `mt[-80 ? 80]`   |  マージントップ -80px ? 80px    |
            | `mb[-80 ? 80]`  |  マージンボトム(px) -80 ? 80    |
            | `mt[-0_9em ? ml0_5em]`   |  マージントップ  -.9em ? .5em        |
            | `ml[-0_9em ? ml0_5em]`   |  マージンレフト  -.9em ? .5em        |
            | `pt[-80 ? 80]`  |  パディングトップ -80px? -80px   |
            | `pb[-80 ? 80]`  |  パディング ボトム -80px ? 80px |


*/
.mt-auto {
  margin-top: auto; }

.mt-0 {
  margin-top: -0px !important; }

.mt-1 {
  margin-top: -1px !important; }

.mt-2 {
  margin-top: -2px !important; }

.mt-3 {
  margin-top: -3px !important; }

.mt-4 {
  margin-top: -4px !important; }

.mt-5 {
  margin-top: -5px !important; }

.mt-6 {
  margin-top: -6px !important; }

.mt-7 {
  margin-top: -7px !important; }

.mt-8 {
  margin-top: -8px !important; }

.mt-9 {
  margin-top: -9px !important; }

.mt-10 {
  margin-top: -10px !important; }

.mt-11 {
  margin-top: -11px !important; }

.mt-12 {
  margin-top: -12px !important; }

.mt-13 {
  margin-top: -13px !important; }

.mt-14 {
  margin-top: -14px !important; }

.mt-15 {
  margin-top: -15px !important; }

.mt-16 {
  margin-top: -16px !important; }

.mt-17 {
  margin-top: -17px !important; }

.mt-18 {
  margin-top: -18px !important; }

.mt-19 {
  margin-top: -19px !important; }

.mt-20 {
  margin-top: -20px !important; }

.mt-21 {
  margin-top: -21px !important; }

.mt-22 {
  margin-top: -22px !important; }

.mt-23 {
  margin-top: -23px !important; }

.mt-24 {
  margin-top: -24px !important; }

.mt-25 {
  margin-top: -25px !important; }

.mt-26 {
  margin-top: -26px !important; }

.mt-27 {
  margin-top: -27px !important; }

.mt-28 {
  margin-top: -28px !important; }

.mt-29 {
  margin-top: -29px !important; }

.mt-30 {
  margin-top: -30px !important; }

.mt-31 {
  margin-top: -31px !important; }

.mt-32 {
  margin-top: -32px !important; }

.mt-33 {
  margin-top: -33px !important; }

.mt-34 {
  margin-top: -34px !important; }

.mt-35 {
  margin-top: -35px !important; }

.mt-36 {
  margin-top: -36px !important; }

.mt-37 {
  margin-top: -37px !important; }

.mt-38 {
  margin-top: -38px !important; }

.mt-39 {
  margin-top: -39px !important; }

.mt-40 {
  margin-top: -40px !important; }

.mt-41 {
  margin-top: -41px !important; }

.mt-42 {
  margin-top: -42px !important; }

.mt-43 {
  margin-top: -43px !important; }

.mt-44 {
  margin-top: -44px !important; }

.mt-45 {
  margin-top: -45px !important; }

.mt-46 {
  margin-top: -46px !important; }

.mt-47 {
  margin-top: -47px !important; }

.mt-48 {
  margin-top: -48px !important; }

.mt-49 {
  margin-top: -49px !important; }

.mt-50 {
  margin-top: -50px !important; }

.mt-51 {
  margin-top: -51px !important; }

.mt-52 {
  margin-top: -52px !important; }

.mt-53 {
  margin-top: -53px !important; }

.mt-54 {
  margin-top: -54px !important; }

.mt-55 {
  margin-top: -55px !important; }

.mt-56 {
  margin-top: -56px !important; }

.mt-57 {
  margin-top: -57px !important; }

.mt-58 {
  margin-top: -58px !important; }

.mt-59 {
  margin-top: -59px !important; }

.mt-60 {
  margin-top: -60px !important; }

.mt-61 {
  margin-top: -61px !important; }

.mt-62 {
  margin-top: -62px !important; }

.mt-63 {
  margin-top: -63px !important; }

.mt-64 {
  margin-top: -64px !important; }

.mt-65 {
  margin-top: -65px !important; }

.mt-66 {
  margin-top: -66px !important; }

.mt-67 {
  margin-top: -67px !important; }

.mt-68 {
  margin-top: -68px !important; }

.mt-69 {
  margin-top: -69px !important; }

.mt-70 {
  margin-top: -70px !important; }

.mt-71 {
  margin-top: -71px !important; }

.mt-72 {
  margin-top: -72px !important; }

.mt-73 {
  margin-top: -73px !important; }

.mt-74 {
  margin-top: -74px !important; }

.mt-75 {
  margin-top: -75px !important; }

.mt-76 {
  margin-top: -76px !important; }

.mt-77 {
  margin-top: -77px !important; }

.mt-78 {
  margin-top: -78px !important; }

.mt-79 {
  margin-top: -79px !important; }

.mt-80 {
  margin-top: -80px !important; }

.mb-0 {
  margin-bottom: -0px !important; }

.mb-1 {
  margin-bottom: -1px !important; }

.mb-2 {
  margin-bottom: -2px !important; }

.mb-3 {
  margin-bottom: -3px !important; }

.mb-4 {
  margin-bottom: -4px !important; }

.mb-5 {
  margin-bottom: -5px !important; }

.mb-6 {
  margin-bottom: -6px !important; }

.mb-7 {
  margin-bottom: -7px !important; }

.mb-8 {
  margin-bottom: -8px !important; }

.mb-9 {
  margin-bottom: -9px !important; }

.mb-10 {
  margin-bottom: -10px !important; }

.mb-11 {
  margin-bottom: -11px !important; }

.mb-12 {
  margin-bottom: -12px !important; }

.mb-13 {
  margin-bottom: -13px !important; }

.mb-14 {
  margin-bottom: -14px !important; }

.mb-15 {
  margin-bottom: -15px !important; }

.mb-16 {
  margin-bottom: -16px !important; }

.mb-17 {
  margin-bottom: -17px !important; }

.mb-18 {
  margin-bottom: -18px !important; }

.mb-19 {
  margin-bottom: -19px !important; }

.mb-20 {
  margin-bottom: -20px !important; }

.mb-21 {
  margin-bottom: -21px !important; }

.mb-22 {
  margin-bottom: -22px !important; }

.mb-23 {
  margin-bottom: -23px !important; }

.mb-24 {
  margin-bottom: -24px !important; }

.mb-25 {
  margin-bottom: -25px !important; }

.mb-26 {
  margin-bottom: -26px !important; }

.mb-27 {
  margin-bottom: -27px !important; }

.mb-28 {
  margin-bottom: -28px !important; }

.mb-29 {
  margin-bottom: -29px !important; }

.mb-30 {
  margin-bottom: -30px !important; }

.mb-31 {
  margin-bottom: -31px !important; }

.mb-32 {
  margin-bottom: -32px !important; }

.mb-33 {
  margin-bottom: -33px !important; }

.mb-34 {
  margin-bottom: -34px !important; }

.mb-35 {
  margin-bottom: -35px !important; }

.mb-36 {
  margin-bottom: -36px !important; }

.mb-37 {
  margin-bottom: -37px !important; }

.mb-38 {
  margin-bottom: -38px !important; }

.mb-39 {
  margin-bottom: -39px !important; }

.mb-40 {
  margin-bottom: -40px !important; }

.mb-41 {
  margin-bottom: -41px !important; }

.mb-42 {
  margin-bottom: -42px !important; }

.mb-43 {
  margin-bottom: -43px !important; }

.mb-44 {
  margin-bottom: -44px !important; }

.mb-45 {
  margin-bottom: -45px !important; }

.mb-46 {
  margin-bottom: -46px !important; }

.mb-47 {
  margin-bottom: -47px !important; }

.mb-48 {
  margin-bottom: -48px !important; }

.mb-49 {
  margin-bottom: -49px !important; }

.mb-50 {
  margin-bottom: -50px !important; }

.mb-51 {
  margin-bottom: -51px !important; }

.mb-52 {
  margin-bottom: -52px !important; }

.mb-53 {
  margin-bottom: -53px !important; }

.mb-54 {
  margin-bottom: -54px !important; }

.mb-55 {
  margin-bottom: -55px !important; }

.mb-56 {
  margin-bottom: -56px !important; }

.mb-57 {
  margin-bottom: -57px !important; }

.mb-58 {
  margin-bottom: -58px !important; }

.mb-59 {
  margin-bottom: -59px !important; }

.mb-60 {
  margin-bottom: -60px !important; }

.mb-61 {
  margin-bottom: -61px !important; }

.mb-62 {
  margin-bottom: -62px !important; }

.mb-63 {
  margin-bottom: -63px !important; }

.mb-64 {
  margin-bottom: -64px !important; }

.mb-65 {
  margin-bottom: -65px !important; }

.mb-66 {
  margin-bottom: -66px !important; }

.mb-67 {
  margin-bottom: -67px !important; }

.mb-68 {
  margin-bottom: -68px !important; }

.mb-69 {
  margin-bottom: -69px !important; }

.mb-70 {
  margin-bottom: -70px !important; }

.mb-71 {
  margin-bottom: -71px !important; }

.mb-72 {
  margin-bottom: -72px !important; }

.mb-73 {
  margin-bottom: -73px !important; }

.mb-74 {
  margin-bottom: -74px !important; }

.mb-75 {
  margin-bottom: -75px !important; }

.mb-76 {
  margin-bottom: -76px !important; }

.mb-77 {
  margin-bottom: -77px !important; }

.mb-78 {
  margin-bottom: -78px !important; }

.mb-79 {
  margin-bottom: -79px !important; }

.mb-80 {
  margin-bottom: -80px !important; }

.mt0 {
  margin-top: 0px !important; }

.mt1 {
  margin-top: 1px !important; }

.mt2 {
  margin-top: 2px !important; }

.mt3 {
  margin-top: 3px !important; }

.mt4 {
  margin-top: 4px !important; }

.mt5 {
  margin-top: 5px !important; }

.mt6 {
  margin-top: 6px !important; }

.mt7 {
  margin-top: 7px !important; }

.mt8 {
  margin-top: 8px !important; }

.mt9 {
  margin-top: 9px !important; }

.mt10 {
  margin-top: 10px !important; }

.mt11 {
  margin-top: 11px !important; }

.mt12 {
  margin-top: 12px !important; }

.mt13 {
  margin-top: 13px !important; }

.mt14 {
  margin-top: 14px !important; }

.mt15 {
  margin-top: 15px !important; }

.mt16 {
  margin-top: 16px !important; }

.mt17 {
  margin-top: 17px !important; }

.mt18 {
  margin-top: 18px !important; }

.mt19 {
  margin-top: 19px !important; }

.mt20 {
  margin-top: 20px !important; }

.mt21 {
  margin-top: 21px !important; }

.mt22 {
  margin-top: 22px !important; }

.mt23 {
  margin-top: 23px !important; }

.mt24 {
  margin-top: 24px !important; }

.mt25 {
  margin-top: 25px !important; }

.mt26 {
  margin-top: 26px !important; }

.mt27 {
  margin-top: 27px !important; }

.mt28 {
  margin-top: 28px !important; }

.mt29 {
  margin-top: 29px !important; }

.mt30 {
  margin-top: 30px !important; }

.mt31 {
  margin-top: 31px !important; }

.mt32 {
  margin-top: 32px !important; }

.mt33 {
  margin-top: 33px !important; }

.mt34 {
  margin-top: 34px !important; }

.mt35 {
  margin-top: 35px !important; }

.mt36 {
  margin-top: 36px !important; }

.mt37 {
  margin-top: 37px !important; }

.mt38 {
  margin-top: 38px !important; }

.mt39 {
  margin-top: 39px !important; }

.mt40 {
  margin-top: 40px !important; }

.mt41 {
  margin-top: 41px !important; }

.mt42 {
  margin-top: 42px !important; }

.mt43 {
  margin-top: 43px !important; }

.mt44 {
  margin-top: 44px !important; }

.mt45 {
  margin-top: 45px !important; }

.mt46 {
  margin-top: 46px !important; }

.mt47 {
  margin-top: 47px !important; }

.mt48 {
  margin-top: 48px !important; }

.mt49 {
  margin-top: 49px !important; }

.mt50 {
  margin-top: 50px !important; }

.mt51 {
  margin-top: 51px !important; }

.mt52 {
  margin-top: 52px !important; }

.mt53 {
  margin-top: 53px !important; }

.mt54 {
  margin-top: 54px !important; }

.mt55 {
  margin-top: 55px !important; }

.mt56 {
  margin-top: 56px !important; }

.mt57 {
  margin-top: 57px !important; }

.mt58 {
  margin-top: 58px !important; }

.mt59 {
  margin-top: 59px !important; }

.mt60 {
  margin-top: 60px !important; }

.mt61 {
  margin-top: 61px !important; }

.mt62 {
  margin-top: 62px !important; }

.mt63 {
  margin-top: 63px !important; }

.mt64 {
  margin-top: 64px !important; }

.mt65 {
  margin-top: 65px !important; }

.mt66 {
  margin-top: 66px !important; }

.mt67 {
  margin-top: 67px !important; }

.mt68 {
  margin-top: 68px !important; }

.mt69 {
  margin-top: 69px !important; }

.mt70 {
  margin-top: 70px !important; }

.mt71 {
  margin-top: 71px !important; }

.mt72 {
  margin-top: 72px !important; }

.mt73 {
  margin-top: 73px !important; }

.mt74 {
  margin-top: 74px !important; }

.mt75 {
  margin-top: 75px !important; }

.mt76 {
  margin-top: 76px !important; }

.mt77 {
  margin-top: 77px !important; }

.mt78 {
  margin-top: 78px !important; }

.mt79 {
  margin-top: 79px !important; }

.mt80 {
  margin-top: 80px !important; }

.mb0 {
  margin-bottom: 0px !important; }

.mb1 {
  margin-bottom: 1px !important; }

.mb2 {
  margin-bottom: 2px !important; }

.mb3 {
  margin-bottom: 3px !important; }

.mb4 {
  margin-bottom: 4px !important; }

.mb5 {
  margin-bottom: 5px !important; }

.mb6 {
  margin-bottom: 6px !important; }

.mb7 {
  margin-bottom: 7px !important; }

.mb8 {
  margin-bottom: 8px !important; }

.mb9 {
  margin-bottom: 9px !important; }

.mb10 {
  margin-bottom: 10px !important; }

.mb11 {
  margin-bottom: 11px !important; }

.mb12 {
  margin-bottom: 12px !important; }

.mb13 {
  margin-bottom: 13px !important; }

.mb14 {
  margin-bottom: 14px !important; }

.mb15 {
  margin-bottom: 15px !important; }

.mb16 {
  margin-bottom: 16px !important; }

.mb17 {
  margin-bottom: 17px !important; }

.mb18 {
  margin-bottom: 18px !important; }

.mb19 {
  margin-bottom: 19px !important; }

.mb20 {
  margin-bottom: 20px !important; }

.mb21 {
  margin-bottom: 21px !important; }

.mb22 {
  margin-bottom: 22px !important; }

.mb23 {
  margin-bottom: 23px !important; }

.mb24 {
  margin-bottom: 24px !important; }

.mb25 {
  margin-bottom: 25px !important; }

.mb26 {
  margin-bottom: 26px !important; }

.mb27 {
  margin-bottom: 27px !important; }

.mb28 {
  margin-bottom: 28px !important; }

.mb29 {
  margin-bottom: 29px !important; }

.mb30 {
  margin-bottom: 30px !important; }

.mb31 {
  margin-bottom: 31px !important; }

.mb32 {
  margin-bottom: 32px !important; }

.mb33 {
  margin-bottom: 33px !important; }

.mb34 {
  margin-bottom: 34px !important; }

.mb35 {
  margin-bottom: 35px !important; }

.mb36 {
  margin-bottom: 36px !important; }

.mb37 {
  margin-bottom: 37px !important; }

.mb38 {
  margin-bottom: 38px !important; }

.mb39 {
  margin-bottom: 39px !important; }

.mb40 {
  margin-bottom: 40px !important; }

.mb41 {
  margin-bottom: 41px !important; }

.mb42 {
  margin-bottom: 42px !important; }

.mb43 {
  margin-bottom: 43px !important; }

.mb44 {
  margin-bottom: 44px !important; }

.mb45 {
  margin-bottom: 45px !important; }

.mb46 {
  margin-bottom: 46px !important; }

.mb47 {
  margin-bottom: 47px !important; }

.mb48 {
  margin-bottom: 48px !important; }

.mb49 {
  margin-bottom: 49px !important; }

.mb50 {
  margin-bottom: 50px !important; }

.mb51 {
  margin-bottom: 51px !important; }

.mb52 {
  margin-bottom: 52px !important; }

.mb53 {
  margin-bottom: 53px !important; }

.mb54 {
  margin-bottom: 54px !important; }

.mb55 {
  margin-bottom: 55px !important; }

.mb56 {
  margin-bottom: 56px !important; }

.mb57 {
  margin-bottom: 57px !important; }

.mb58 {
  margin-bottom: 58px !important; }

.mb59 {
  margin-bottom: 59px !important; }

.mb60 {
  margin-bottom: 60px !important; }

.mb61 {
  margin-bottom: 61px !important; }

.mb62 {
  margin-bottom: 62px !important; }

.mb63 {
  margin-bottom: 63px !important; }

.mb64 {
  margin-bottom: 64px !important; }

.mb65 {
  margin-bottom: 65px !important; }

.mb66 {
  margin-bottom: 66px !important; }

.mb67 {
  margin-bottom: 67px !important; }

.mb68 {
  margin-bottom: 68px !important; }

.mb69 {
  margin-bottom: 69px !important; }

.mb70 {
  margin-bottom: 70px !important; }

.mb71 {
  margin-bottom: 71px !important; }

.mb72 {
  margin-bottom: 72px !important; }

.mb73 {
  margin-bottom: 73px !important; }

.mb74 {
  margin-bottom: 74px !important; }

.mb75 {
  margin-bottom: 75px !important; }

.mb76 {
  margin-bottom: 76px !important; }

.mb77 {
  margin-bottom: 77px !important; }

.mb78 {
  margin-bottom: 78px !important; }

.mb79 {
  margin-bottom: 79px !important; }

.mb80 {
  margin-bottom: 80px !important; }

.pt0 {
  padding-top: 0px !important; }

.pt1 {
  padding-top: 1px !important; }

.pt2 {
  padding-top: 2px !important; }

.pt3 {
  padding-top: 3px !important; }

.pt4 {
  padding-top: 4px !important; }

.pt5 {
  padding-top: 5px !important; }

.pt6 {
  padding-top: 6px !important; }

.pt7 {
  padding-top: 7px !important; }

.pt8 {
  padding-top: 8px !important; }

.pt9 {
  padding-top: 9px !important; }

.pt10 {
  padding-top: 10px !important; }

.pt11 {
  padding-top: 11px !important; }

.pt12 {
  padding-top: 12px !important; }

.pt13 {
  padding-top: 13px !important; }

.pt14 {
  padding-top: 14px !important; }

.pt15 {
  padding-top: 15px !important; }

.pt16 {
  padding-top: 16px !important; }

.pt17 {
  padding-top: 17px !important; }

.pt18 {
  padding-top: 18px !important; }

.pt19 {
  padding-top: 19px !important; }

.pt20 {
  padding-top: 20px !important; }

.pt21 {
  padding-top: 21px !important; }

.pt22 {
  padding-top: 22px !important; }

.pt23 {
  padding-top: 23px !important; }

.pt24 {
  padding-top: 24px !important; }

.pt25 {
  padding-top: 25px !important; }

.pt26 {
  padding-top: 26px !important; }

.pt27 {
  padding-top: 27px !important; }

.pt28 {
  padding-top: 28px !important; }

.pt29 {
  padding-top: 29px !important; }

.pt30 {
  padding-top: 30px !important; }

.pt31 {
  padding-top: 31px !important; }

.pt32 {
  padding-top: 32px !important; }

.pt33 {
  padding-top: 33px !important; }

.pt34 {
  padding-top: 34px !important; }

.pt35 {
  padding-top: 35px !important; }

.pt36 {
  padding-top: 36px !important; }

.pt37 {
  padding-top: 37px !important; }

.pt38 {
  padding-top: 38px !important; }

.pt39 {
  padding-top: 39px !important; }

.pt40 {
  padding-top: 40px !important; }

.pt41 {
  padding-top: 41px !important; }

.pt42 {
  padding-top: 42px !important; }

.pt43 {
  padding-top: 43px !important; }

.pt44 {
  padding-top: 44px !important; }

.pt45 {
  padding-top: 45px !important; }

.pt46 {
  padding-top: 46px !important; }

.pt47 {
  padding-top: 47px !important; }

.pt48 {
  padding-top: 48px !important; }

.pt49 {
  padding-top: 49px !important; }

.pt50 {
  padding-top: 50px !important; }

.pt51 {
  padding-top: 51px !important; }

.pt52 {
  padding-top: 52px !important; }

.pt53 {
  padding-top: 53px !important; }

.pt54 {
  padding-top: 54px !important; }

.pt55 {
  padding-top: 55px !important; }

.pt56 {
  padding-top: 56px !important; }

.pt57 {
  padding-top: 57px !important; }

.pt58 {
  padding-top: 58px !important; }

.pt59 {
  padding-top: 59px !important; }

.pt60 {
  padding-top: 60px !important; }

.pt61 {
  padding-top: 61px !important; }

.pt62 {
  padding-top: 62px !important; }

.pt63 {
  padding-top: 63px !important; }

.pt64 {
  padding-top: 64px !important; }

.pt65 {
  padding-top: 65px !important; }

.pt66 {
  padding-top: 66px !important; }

.pt67 {
  padding-top: 67px !important; }

.pt68 {
  padding-top: 68px !important; }

.pt69 {
  padding-top: 69px !important; }

.pt70 {
  padding-top: 70px !important; }

.pt71 {
  padding-top: 71px !important; }

.pt72 {
  padding-top: 72px !important; }

.pt73 {
  padding-top: 73px !important; }

.pt74 {
  padding-top: 74px !important; }

.pt75 {
  padding-top: 75px !important; }

.pt76 {
  padding-top: 76px !important; }

.pt77 {
  padding-top: 77px !important; }

.pt78 {
  padding-top: 78px !important; }

.pt79 {
  padding-top: 79px !important; }

.pt80 {
  padding-top: 80px !important; }

.pb0 {
  padding-bottom: 0px !important; }

.pb1 {
  padding-bottom: 1px !important; }

.pb2 {
  padding-bottom: 2px !important; }

.pb3 {
  padding-bottom: 3px !important; }

.pb4 {
  padding-bottom: 4px !important; }

.pb5 {
  padding-bottom: 5px !important; }

.pb6 {
  padding-bottom: 6px !important; }

.pb7 {
  padding-bottom: 7px !important; }

.pb8 {
  padding-bottom: 8px !important; }

.pb9 {
  padding-bottom: 9px !important; }

.pb10 {
  padding-bottom: 10px !important; }

.pb11 {
  padding-bottom: 11px !important; }

.pb12 {
  padding-bottom: 12px !important; }

.pb13 {
  padding-bottom: 13px !important; }

.pb14 {
  padding-bottom: 14px !important; }

.pb15 {
  padding-bottom: 15px !important; }

.pb16 {
  padding-bottom: 16px !important; }

.pb17 {
  padding-bottom: 17px !important; }

.pb18 {
  padding-bottom: 18px !important; }

.pb19 {
  padding-bottom: 19px !important; }

.pb20 {
  padding-bottom: 20px !important; }

.pb21 {
  padding-bottom: 21px !important; }

.pb22 {
  padding-bottom: 22px !important; }

.pb23 {
  padding-bottom: 23px !important; }

.pb24 {
  padding-bottom: 24px !important; }

.pb25 {
  padding-bottom: 25px !important; }

.pb26 {
  padding-bottom: 26px !important; }

.pb27 {
  padding-bottom: 27px !important; }

.pb28 {
  padding-bottom: 28px !important; }

.pb29 {
  padding-bottom: 29px !important; }

.pb30 {
  padding-bottom: 30px !important; }

.pb31 {
  padding-bottom: 31px !important; }

.pb32 {
  padding-bottom: 32px !important; }

.pb33 {
  padding-bottom: 33px !important; }

.pb34 {
  padding-bottom: 34px !important; }

.pb35 {
  padding-bottom: 35px !important; }

.pb36 {
  padding-bottom: 36px !important; }

.pb37 {
  padding-bottom: 37px !important; }

.pb38 {
  padding-bottom: 38px !important; }

.pb39 {
  padding-bottom: 39px !important; }

.pb40 {
  padding-bottom: 40px !important; }

.pb41 {
  padding-bottom: 41px !important; }

.pb42 {
  padding-bottom: 42px !important; }

.pb43 {
  padding-bottom: 43px !important; }

.pb44 {
  padding-bottom: 44px !important; }

.pb45 {
  padding-bottom: 45px !important; }

.pb46 {
  padding-bottom: 46px !important; }

.pb47 {
  padding-bottom: 47px !important; }

.pb48 {
  padding-bottom: 48px !important; }

.pb49 {
  padding-bottom: 49px !important; }

.pb50 {
  padding-bottom: 50px !important; }

.pb51 {
  padding-bottom: 51px !important; }

.pb52 {
  padding-bottom: 52px !important; }

.pb53 {
  padding-bottom: 53px !important; }

.pb54 {
  padding-bottom: 54px !important; }

.pb55 {
  padding-bottom: 55px !important; }

.pb56 {
  padding-bottom: 56px !important; }

.pb57 {
  padding-bottom: 57px !important; }

.pb58 {
  padding-bottom: 58px !important; }

.pb59 {
  padding-bottom: 59px !important; }

.pb60 {
  padding-bottom: 60px !important; }

.pb61 {
  padding-bottom: 61px !important; }

.pb62 {
  padding-bottom: 62px !important; }

.pb63 {
  padding-bottom: 63px !important; }

.pb64 {
  padding-bottom: 64px !important; }

.pb65 {
  padding-bottom: 65px !important; }

.pb66 {
  padding-bottom: 66px !important; }

.pb67 {
  padding-bottom: 67px !important; }

.pb68 {
  padding-bottom: 68px !important; }

.pb69 {
  padding-bottom: 69px !important; }

.pb70 {
  padding-bottom: 70px !important; }

.pb71 {
  padding-bottom: 71px !important; }

.pb72 {
  padding-bottom: 72px !important; }

.pb73 {
  padding-bottom: 73px !important; }

.pb74 {
  padding-bottom: 74px !important; }

.pb75 {
  padding-bottom: 75px !important; }

.pb76 {
  padding-bottom: 76px !important; }

.pb77 {
  padding-bottom: 77px !important; }

.pb78 {
  padding-bottom: 78px !important; }

.pb79 {
  padding-bottom: 79px !important; }

.pb80 {
  padding-bottom: 80px !important; }

@media only screen and (max-width: 64em) {
  .mt-0--md {
    margin-top: -0px !important; }

  .mt-1--md {
    margin-top: -1px !important; }

  .mt-2--md {
    margin-top: -2px !important; }

  .mt-3--md {
    margin-top: -3px !important; }

  .mt-4--md {
    margin-top: -4px !important; }

  .mt-5--md {
    margin-top: -5px !important; }

  .mt-6--md {
    margin-top: -6px !important; }

  .mt-7--md {
    margin-top: -7px !important; }

  .mt-8--md {
    margin-top: -8px !important; }

  .mt-9--md {
    margin-top: -9px !important; }

  .mt-10--md {
    margin-top: -10px !important; }

  .mt-11--md {
    margin-top: -11px !important; }

  .mt-12--md {
    margin-top: -12px !important; }

  .mt-13--md {
    margin-top: -13px !important; }

  .mt-14--md {
    margin-top: -14px !important; }

  .mt-15--md {
    margin-top: -15px !important; }

  .mt-16--md {
    margin-top: -16px !important; }

  .mt-17--md {
    margin-top: -17px !important; }

  .mt-18--md {
    margin-top: -18px !important; }

  .mt-19--md {
    margin-top: -19px !important; }

  .mt-20--md {
    margin-top: -20px !important; }

  .mt-21--md {
    margin-top: -21px !important; }

  .mt-22--md {
    margin-top: -22px !important; }

  .mt-23--md {
    margin-top: -23px !important; }

  .mt-24--md {
    margin-top: -24px !important; }

  .mt-25--md {
    margin-top: -25px !important; }

  .mt-26--md {
    margin-top: -26px !important; }

  .mt-27--md {
    margin-top: -27px !important; }

  .mt-28--md {
    margin-top: -28px !important; }

  .mt-29--md {
    margin-top: -29px !important; }

  .mt-30--md {
    margin-top: -30px !important; }

  .mt-31--md {
    margin-top: -31px !important; }

  .mt-32--md {
    margin-top: -32px !important; }

  .mt-33--md {
    margin-top: -33px !important; }

  .mt-34--md {
    margin-top: -34px !important; }

  .mt-35--md {
    margin-top: -35px !important; }

  .mt-36--md {
    margin-top: -36px !important; }

  .mt-37--md {
    margin-top: -37px !important; }

  .mt-38--md {
    margin-top: -38px !important; }

  .mt-39--md {
    margin-top: -39px !important; }

  .mt-40--md {
    margin-top: -40px !important; }

  .mt-41--md {
    margin-top: -41px !important; }

  .mt-42--md {
    margin-top: -42px !important; }

  .mt-43--md {
    margin-top: -43px !important; }

  .mt-44--md {
    margin-top: -44px !important; }

  .mt-45--md {
    margin-top: -45px !important; }

  .mt-46--md {
    margin-top: -46px !important; }

  .mt-47--md {
    margin-top: -47px !important; }

  .mt-48--md {
    margin-top: -48px !important; }

  .mt-49--md {
    margin-top: -49px !important; }

  .mt-50--md {
    margin-top: -50px !important; }

  .mt-51--md {
    margin-top: -51px !important; }

  .mt-52--md {
    margin-top: -52px !important; }

  .mt-53--md {
    margin-top: -53px !important; }

  .mt-54--md {
    margin-top: -54px !important; }

  .mt-55--md {
    margin-top: -55px !important; }

  .mt-56--md {
    margin-top: -56px !important; }

  .mt-57--md {
    margin-top: -57px !important; }

  .mt-58--md {
    margin-top: -58px !important; }

  .mt-59--md {
    margin-top: -59px !important; }

  .mt-60--md {
    margin-top: -60px !important; }

  .mt-61--md {
    margin-top: -61px !important; }

  .mt-62--md {
    margin-top: -62px !important; }

  .mt-63--md {
    margin-top: -63px !important; }

  .mt-64--md {
    margin-top: -64px !important; }

  .mt-65--md {
    margin-top: -65px !important; }

  .mt-66--md {
    margin-top: -66px !important; }

  .mt-67--md {
    margin-top: -67px !important; }

  .mt-68--md {
    margin-top: -68px !important; }

  .mt-69--md {
    margin-top: -69px !important; }

  .mt-70--md {
    margin-top: -70px !important; }

  .mt-71--md {
    margin-top: -71px !important; }

  .mt-72--md {
    margin-top: -72px !important; }

  .mt-73--md {
    margin-top: -73px !important; }

  .mt-74--md {
    margin-top: -74px !important; }

  .mt-75--md {
    margin-top: -75px !important; }

  .mt-76--md {
    margin-top: -76px !important; }

  .mt-77--md {
    margin-top: -77px !important; }

  .mt-78--md {
    margin-top: -78px !important; }

  .mt-79--md {
    margin-top: -79px !important; }

  .mt-80--md {
    margin-top: -80px !important; }

  .mb-0--md {
    margin-bottom: -0px !important; }

  .mb-1--md {
    margin-bottom: -1px !important; }

  .mb-2--md {
    margin-bottom: -2px !important; }

  .mb-3--md {
    margin-bottom: -3px !important; }

  .mb-4--md {
    margin-bottom: -4px !important; }

  .mb-5--md {
    margin-bottom: -5px !important; }

  .mb-6--md {
    margin-bottom: -6px !important; }

  .mb-7--md {
    margin-bottom: -7px !important; }

  .mb-8--md {
    margin-bottom: -8px !important; }

  .mb-9--md {
    margin-bottom: -9px !important; }

  .mb-10--md {
    margin-bottom: -10px !important; }

  .mb-11--md {
    margin-bottom: -11px !important; }

  .mb-12--md {
    margin-bottom: -12px !important; }

  .mb-13--md {
    margin-bottom: -13px !important; }

  .mb-14--md {
    margin-bottom: -14px !important; }

  .mb-15--md {
    margin-bottom: -15px !important; }

  .mb-16--md {
    margin-bottom: -16px !important; }

  .mb-17--md {
    margin-bottom: -17px !important; }

  .mb-18--md {
    margin-bottom: -18px !important; }

  .mb-19--md {
    margin-bottom: -19px !important; }

  .mb-20--md {
    margin-bottom: -20px !important; }

  .mb-21--md {
    margin-bottom: -21px !important; }

  .mb-22--md {
    margin-bottom: -22px !important; }

  .mb-23--md {
    margin-bottom: -23px !important; }

  .mb-24--md {
    margin-bottom: -24px !important; }

  .mb-25--md {
    margin-bottom: -25px !important; }

  .mb-26--md {
    margin-bottom: -26px !important; }

  .mb-27--md {
    margin-bottom: -27px !important; }

  .mb-28--md {
    margin-bottom: -28px !important; }

  .mb-29--md {
    margin-bottom: -29px !important; }

  .mb-30--md {
    margin-bottom: -30px !important; }

  .mb-31--md {
    margin-bottom: -31px !important; }

  .mb-32--md {
    margin-bottom: -32px !important; }

  .mb-33--md {
    margin-bottom: -33px !important; }

  .mb-34--md {
    margin-bottom: -34px !important; }

  .mb-35--md {
    margin-bottom: -35px !important; }

  .mb-36--md {
    margin-bottom: -36px !important; }

  .mb-37--md {
    margin-bottom: -37px !important; }

  .mb-38--md {
    margin-bottom: -38px !important; }

  .mb-39--md {
    margin-bottom: -39px !important; }

  .mb-40--md {
    margin-bottom: -40px !important; }

  .mb-41--md {
    margin-bottom: -41px !important; }

  .mb-42--md {
    margin-bottom: -42px !important; }

  .mb-43--md {
    margin-bottom: -43px !important; }

  .mb-44--md {
    margin-bottom: -44px !important; }

  .mb-45--md {
    margin-bottom: -45px !important; }

  .mb-46--md {
    margin-bottom: -46px !important; }

  .mb-47--md {
    margin-bottom: -47px !important; }

  .mb-48--md {
    margin-bottom: -48px !important; }

  .mb-49--md {
    margin-bottom: -49px !important; }

  .mb-50--md {
    margin-bottom: -50px !important; }

  .mb-51--md {
    margin-bottom: -51px !important; }

  .mb-52--md {
    margin-bottom: -52px !important; }

  .mb-53--md {
    margin-bottom: -53px !important; }

  .mb-54--md {
    margin-bottom: -54px !important; }

  .mb-55--md {
    margin-bottom: -55px !important; }

  .mb-56--md {
    margin-bottom: -56px !important; }

  .mb-57--md {
    margin-bottom: -57px !important; }

  .mb-58--md {
    margin-bottom: -58px !important; }

  .mb-59--md {
    margin-bottom: -59px !important; }

  .mb-60--md {
    margin-bottom: -60px !important; }

  .mb-61--md {
    margin-bottom: -61px !important; }

  .mb-62--md {
    margin-bottom: -62px !important; }

  .mb-63--md {
    margin-bottom: -63px !important; }

  .mb-64--md {
    margin-bottom: -64px !important; }

  .mb-65--md {
    margin-bottom: -65px !important; }

  .mb-66--md {
    margin-bottom: -66px !important; }

  .mb-67--md {
    margin-bottom: -67px !important; }

  .mb-68--md {
    margin-bottom: -68px !important; }

  .mb-69--md {
    margin-bottom: -69px !important; }

  .mb-70--md {
    margin-bottom: -70px !important; }

  .mb-71--md {
    margin-bottom: -71px !important; }

  .mb-72--md {
    margin-bottom: -72px !important; }

  .mb-73--md {
    margin-bottom: -73px !important; }

  .mb-74--md {
    margin-bottom: -74px !important; }

  .mb-75--md {
    margin-bottom: -75px !important; }

  .mb-76--md {
    margin-bottom: -76px !important; }

  .mb-77--md {
    margin-bottom: -77px !important; }

  .mb-78--md {
    margin-bottom: -78px !important; }

  .mb-79--md {
    margin-bottom: -79px !important; }

  .mb-80--md {
    margin-bottom: -80px !important; }

  .mt0--md {
    margin-top: 0px !important; }

  .mt1--md {
    margin-top: 1px !important; }

  .mt2--md {
    margin-top: 2px !important; }

  .mt3--md {
    margin-top: 3px !important; }

  .mt4--md {
    margin-top: 4px !important; }

  .mt5--md {
    margin-top: 5px !important; }

  .mt6--md {
    margin-top: 6px !important; }

  .mt7--md {
    margin-top: 7px !important; }

  .mt8--md {
    margin-top: 8px !important; }

  .mt9--md {
    margin-top: 9px !important; }

  .mt10--md {
    margin-top: 10px !important; }

  .mt11--md {
    margin-top: 11px !important; }

  .mt12--md {
    margin-top: 12px !important; }

  .mt13--md {
    margin-top: 13px !important; }

  .mt14--md {
    margin-top: 14px !important; }

  .mt15--md {
    margin-top: 15px !important; }

  .mt16--md {
    margin-top: 16px !important; }

  .mt17--md {
    margin-top: 17px !important; }

  .mt18--md {
    margin-top: 18px !important; }

  .mt19--md {
    margin-top: 19px !important; }

  .mt20--md {
    margin-top: 20px !important; }

  .mt21--md {
    margin-top: 21px !important; }

  .mt22--md {
    margin-top: 22px !important; }

  .mt23--md {
    margin-top: 23px !important; }

  .mt24--md {
    margin-top: 24px !important; }

  .mt25--md {
    margin-top: 25px !important; }

  .mt26--md {
    margin-top: 26px !important; }

  .mt27--md {
    margin-top: 27px !important; }

  .mt28--md {
    margin-top: 28px !important; }

  .mt29--md {
    margin-top: 29px !important; }

  .mt30--md {
    margin-top: 30px !important; }

  .mt31--md {
    margin-top: 31px !important; }

  .mt32--md {
    margin-top: 32px !important; }

  .mt33--md {
    margin-top: 33px !important; }

  .mt34--md {
    margin-top: 34px !important; }

  .mt35--md {
    margin-top: 35px !important; }

  .mt36--md {
    margin-top: 36px !important; }

  .mt37--md {
    margin-top: 37px !important; }

  .mt38--md {
    margin-top: 38px !important; }

  .mt39--md {
    margin-top: 39px !important; }

  .mt40--md {
    margin-top: 40px !important; }

  .mt41--md {
    margin-top: 41px !important; }

  .mt42--md {
    margin-top: 42px !important; }

  .mt43--md {
    margin-top: 43px !important; }

  .mt44--md {
    margin-top: 44px !important; }

  .mt45--md {
    margin-top: 45px !important; }

  .mt46--md {
    margin-top: 46px !important; }

  .mt47--md {
    margin-top: 47px !important; }

  .mt48--md {
    margin-top: 48px !important; }

  .mt49--md {
    margin-top: 49px !important; }

  .mt50--md {
    margin-top: 50px !important; }

  .mt51--md {
    margin-top: 51px !important; }

  .mt52--md {
    margin-top: 52px !important; }

  .mt53--md {
    margin-top: 53px !important; }

  .mt54--md {
    margin-top: 54px !important; }

  .mt55--md {
    margin-top: 55px !important; }

  .mt56--md {
    margin-top: 56px !important; }

  .mt57--md {
    margin-top: 57px !important; }

  .mt58--md {
    margin-top: 58px !important; }

  .mt59--md {
    margin-top: 59px !important; }

  .mt60--md {
    margin-top: 60px !important; }

  .mt61--md {
    margin-top: 61px !important; }

  .mt62--md {
    margin-top: 62px !important; }

  .mt63--md {
    margin-top: 63px !important; }

  .mt64--md {
    margin-top: 64px !important; }

  .mt65--md {
    margin-top: 65px !important; }

  .mt66--md {
    margin-top: 66px !important; }

  .mt67--md {
    margin-top: 67px !important; }

  .mt68--md {
    margin-top: 68px !important; }

  .mt69--md {
    margin-top: 69px !important; }

  .mt70--md {
    margin-top: 70px !important; }

  .mt71--md {
    margin-top: 71px !important; }

  .mt72--md {
    margin-top: 72px !important; }

  .mt73--md {
    margin-top: 73px !important; }

  .mt74--md {
    margin-top: 74px !important; }

  .mt75--md {
    margin-top: 75px !important; }

  .mt76--md {
    margin-top: 76px !important; }

  .mt77--md {
    margin-top: 77px !important; }

  .mt78--md {
    margin-top: 78px !important; }

  .mt79--md {
    margin-top: 79px !important; }

  .mt80--md {
    margin-top: 80px !important; }

  .mb0--md {
    margin-bottom: 0px !important; }

  .mb1--md {
    margin-bottom: 1px !important; }

  .mb2--md {
    margin-bottom: 2px !important; }

  .mb3--md {
    margin-bottom: 3px !important; }

  .mb4--md {
    margin-bottom: 4px !important; }

  .mb5--md {
    margin-bottom: 5px !important; }

  .mb6--md {
    margin-bottom: 6px !important; }

  .mb7--md {
    margin-bottom: 7px !important; }

  .mb8--md {
    margin-bottom: 8px !important; }

  .mb9--md {
    margin-bottom: 9px !important; }

  .mb10--md {
    margin-bottom: 10px !important; }

  .mb11--md {
    margin-bottom: 11px !important; }

  .mb12--md {
    margin-bottom: 12px !important; }

  .mb13--md {
    margin-bottom: 13px !important; }

  .mb14--md {
    margin-bottom: 14px !important; }

  .mb15--md {
    margin-bottom: 15px !important; }

  .mb16--md {
    margin-bottom: 16px !important; }

  .mb17--md {
    margin-bottom: 17px !important; }

  .mb18--md {
    margin-bottom: 18px !important; }

  .mb19--md {
    margin-bottom: 19px !important; }

  .mb20--md {
    margin-bottom: 20px !important; }

  .mb21--md {
    margin-bottom: 21px !important; }

  .mb22--md {
    margin-bottom: 22px !important; }

  .mb23--md {
    margin-bottom: 23px !important; }

  .mb24--md {
    margin-bottom: 24px !important; }

  .mb25--md {
    margin-bottom: 25px !important; }

  .mb26--md {
    margin-bottom: 26px !important; }

  .mb27--md {
    margin-bottom: 27px !important; }

  .mb28--md {
    margin-bottom: 28px !important; }

  .mb29--md {
    margin-bottom: 29px !important; }

  .mb30--md {
    margin-bottom: 30px !important; }

  .mb31--md {
    margin-bottom: 31px !important; }

  .mb32--md {
    margin-bottom: 32px !important; }

  .mb33--md {
    margin-bottom: 33px !important; }

  .mb34--md {
    margin-bottom: 34px !important; }

  .mb35--md {
    margin-bottom: 35px !important; }

  .mb36--md {
    margin-bottom: 36px !important; }

  .mb37--md {
    margin-bottom: 37px !important; }

  .mb38--md {
    margin-bottom: 38px !important; }

  .mb39--md {
    margin-bottom: 39px !important; }

  .mb40--md {
    margin-bottom: 40px !important; }

  .mb41--md {
    margin-bottom: 41px !important; }

  .mb42--md {
    margin-bottom: 42px !important; }

  .mb43--md {
    margin-bottom: 43px !important; }

  .mb44--md {
    margin-bottom: 44px !important; }

  .mb45--md {
    margin-bottom: 45px !important; }

  .mb46--md {
    margin-bottom: 46px !important; }

  .mb47--md {
    margin-bottom: 47px !important; }

  .mb48--md {
    margin-bottom: 48px !important; }

  .mb49--md {
    margin-bottom: 49px !important; }

  .mb50--md {
    margin-bottom: 50px !important; }

  .mb51--md {
    margin-bottom: 51px !important; }

  .mb52--md {
    margin-bottom: 52px !important; }

  .mb53--md {
    margin-bottom: 53px !important; }

  .mb54--md {
    margin-bottom: 54px !important; }

  .mb55--md {
    margin-bottom: 55px !important; }

  .mb56--md {
    margin-bottom: 56px !important; }

  .mb57--md {
    margin-bottom: 57px !important; }

  .mb58--md {
    margin-bottom: 58px !important; }

  .mb59--md {
    margin-bottom: 59px !important; }

  .mb60--md {
    margin-bottom: 60px !important; }

  .mb61--md {
    margin-bottom: 61px !important; }

  .mb62--md {
    margin-bottom: 62px !important; }

  .mb63--md {
    margin-bottom: 63px !important; }

  .mb64--md {
    margin-bottom: 64px !important; }

  .mb65--md {
    margin-bottom: 65px !important; }

  .mb66--md {
    margin-bottom: 66px !important; }

  .mb67--md {
    margin-bottom: 67px !important; }

  .mb68--md {
    margin-bottom: 68px !important; }

  .mb69--md {
    margin-bottom: 69px !important; }

  .mb70--md {
    margin-bottom: 70px !important; }

  .mb71--md {
    margin-bottom: 71px !important; }

  .mb72--md {
    margin-bottom: 72px !important; }

  .mb73--md {
    margin-bottom: 73px !important; }

  .mb74--md {
    margin-bottom: 74px !important; }

  .mb75--md {
    margin-bottom: 75px !important; }

  .mb76--md {
    margin-bottom: 76px !important; }

  .mb77--md {
    margin-bottom: 77px !important; }

  .mb78--md {
    margin-bottom: 78px !important; }

  .mb79--md {
    margin-bottom: 79px !important; }

  .mb80--md {
    margin-bottom: 80px !important; }

  .pt0--md {
    padding-top: 0px !important; }

  .pt1--md {
    padding-top: 1px !important; }

  .pt2--md {
    padding-top: 2px !important; }

  .pt3--md {
    padding-top: 3px !important; }

  .pt4--md {
    padding-top: 4px !important; }

  .pt5--md {
    padding-top: 5px !important; }

  .pt6--md {
    padding-top: 6px !important; }

  .pt7--md {
    padding-top: 7px !important; }

  .pt8--md {
    padding-top: 8px !important; }

  .pt9--md {
    padding-top: 9px !important; }

  .pt10--md {
    padding-top: 10px !important; }

  .pt11--md {
    padding-top: 11px !important; }

  .pt12--md {
    padding-top: 12px !important; }

  .pt13--md {
    padding-top: 13px !important; }

  .pt14--md {
    padding-top: 14px !important; }

  .pt15--md {
    padding-top: 15px !important; }

  .pt16--md {
    padding-top: 16px !important; }

  .pt17--md {
    padding-top: 17px !important; }

  .pt18--md {
    padding-top: 18px !important; }

  .pt19--md {
    padding-top: 19px !important; }

  .pt20--md {
    padding-top: 20px !important; }

  .pt21--md {
    padding-top: 21px !important; }

  .pt22--md {
    padding-top: 22px !important; }

  .pt23--md {
    padding-top: 23px !important; }

  .pt24--md {
    padding-top: 24px !important; }

  .pt25--md {
    padding-top: 25px !important; }

  .pt26--md {
    padding-top: 26px !important; }

  .pt27--md {
    padding-top: 27px !important; }

  .pt28--md {
    padding-top: 28px !important; }

  .pt29--md {
    padding-top: 29px !important; }

  .pt30--md {
    padding-top: 30px !important; }

  .pt31--md {
    padding-top: 31px !important; }

  .pt32--md {
    padding-top: 32px !important; }

  .pt33--md {
    padding-top: 33px !important; }

  .pt34--md {
    padding-top: 34px !important; }

  .pt35--md {
    padding-top: 35px !important; }

  .pt36--md {
    padding-top: 36px !important; }

  .pt37--md {
    padding-top: 37px !important; }

  .pt38--md {
    padding-top: 38px !important; }

  .pt39--md {
    padding-top: 39px !important; }

  .pt40--md {
    padding-top: 40px !important; }

  .pt41--md {
    padding-top: 41px !important; }

  .pt42--md {
    padding-top: 42px !important; }

  .pt43--md {
    padding-top: 43px !important; }

  .pt44--md {
    padding-top: 44px !important; }

  .pt45--md {
    padding-top: 45px !important; }

  .pt46--md {
    padding-top: 46px !important; }

  .pt47--md {
    padding-top: 47px !important; }

  .pt48--md {
    padding-top: 48px !important; }

  .pt49--md {
    padding-top: 49px !important; }

  .pt50--md {
    padding-top: 50px !important; }

  .pt51--md {
    padding-top: 51px !important; }

  .pt52--md {
    padding-top: 52px !important; }

  .pt53--md {
    padding-top: 53px !important; }

  .pt54--md {
    padding-top: 54px !important; }

  .pt55--md {
    padding-top: 55px !important; }

  .pt56--md {
    padding-top: 56px !important; }

  .pt57--md {
    padding-top: 57px !important; }

  .pt58--md {
    padding-top: 58px !important; }

  .pt59--md {
    padding-top: 59px !important; }

  .pt60--md {
    padding-top: 60px !important; }

  .pt61--md {
    padding-top: 61px !important; }

  .pt62--md {
    padding-top: 62px !important; }

  .pt63--md {
    padding-top: 63px !important; }

  .pt64--md {
    padding-top: 64px !important; }

  .pt65--md {
    padding-top: 65px !important; }

  .pt66--md {
    padding-top: 66px !important; }

  .pt67--md {
    padding-top: 67px !important; }

  .pt68--md {
    padding-top: 68px !important; }

  .pt69--md {
    padding-top: 69px !important; }

  .pt70--md {
    padding-top: 70px !important; }

  .pt71--md {
    padding-top: 71px !important; }

  .pt72--md {
    padding-top: 72px !important; }

  .pt73--md {
    padding-top: 73px !important; }

  .pt74--md {
    padding-top: 74px !important; }

  .pt75--md {
    padding-top: 75px !important; }

  .pt76--md {
    padding-top: 76px !important; }

  .pt77--md {
    padding-top: 77px !important; }

  .pt78--md {
    padding-top: 78px !important; }

  .pt79--md {
    padding-top: 79px !important; }

  .pt80--md {
    padding-top: 80px !important; }

  .pb0--md {
    padding-bottom: 0px !important; }

  .pb1--md {
    padding-bottom: 1px !important; }

  .pb2--md {
    padding-bottom: 2px !important; }

  .pb3--md {
    padding-bottom: 3px !important; }

  .pb4--md {
    padding-bottom: 4px !important; }

  .pb5--md {
    padding-bottom: 5px !important; }

  .pb6--md {
    padding-bottom: 6px !important; }

  .pb7--md {
    padding-bottom: 7px !important; }

  .pb8--md {
    padding-bottom: 8px !important; }

  .pb9--md {
    padding-bottom: 9px !important; }

  .pb10--md {
    padding-bottom: 10px !important; }

  .pb11--md {
    padding-bottom: 11px !important; }

  .pb12--md {
    padding-bottom: 12px !important; }

  .pb13--md {
    padding-bottom: 13px !important; }

  .pb14--md {
    padding-bottom: 14px !important; }

  .pb15--md {
    padding-bottom: 15px !important; }

  .pb16--md {
    padding-bottom: 16px !important; }

  .pb17--md {
    padding-bottom: 17px !important; }

  .pb18--md {
    padding-bottom: 18px !important; }

  .pb19--md {
    padding-bottom: 19px !important; }

  .pb20--md {
    padding-bottom: 20px !important; }

  .pb21--md {
    padding-bottom: 21px !important; }

  .pb22--md {
    padding-bottom: 22px !important; }

  .pb23--md {
    padding-bottom: 23px !important; }

  .pb24--md {
    padding-bottom: 24px !important; }

  .pb25--md {
    padding-bottom: 25px !important; }

  .pb26--md {
    padding-bottom: 26px !important; }

  .pb27--md {
    padding-bottom: 27px !important; }

  .pb28--md {
    padding-bottom: 28px !important; }

  .pb29--md {
    padding-bottom: 29px !important; }

  .pb30--md {
    padding-bottom: 30px !important; }

  .pb31--md {
    padding-bottom: 31px !important; }

  .pb32--md {
    padding-bottom: 32px !important; }

  .pb33--md {
    padding-bottom: 33px !important; }

  .pb34--md {
    padding-bottom: 34px !important; }

  .pb35--md {
    padding-bottom: 35px !important; }

  .pb36--md {
    padding-bottom: 36px !important; }

  .pb37--md {
    padding-bottom: 37px !important; }

  .pb38--md {
    padding-bottom: 38px !important; }

  .pb39--md {
    padding-bottom: 39px !important; }

  .pb40--md {
    padding-bottom: 40px !important; }

  .pb41--md {
    padding-bottom: 41px !important; }

  .pb42--md {
    padding-bottom: 42px !important; }

  .pb43--md {
    padding-bottom: 43px !important; }

  .pb44--md {
    padding-bottom: 44px !important; }

  .pb45--md {
    padding-bottom: 45px !important; }

  .pb46--md {
    padding-bottom: 46px !important; }

  .pb47--md {
    padding-bottom: 47px !important; }

  .pb48--md {
    padding-bottom: 48px !important; }

  .pb49--md {
    padding-bottom: 49px !important; }

  .pb50--md {
    padding-bottom: 50px !important; }

  .pb51--md {
    padding-bottom: 51px !important; }

  .pb52--md {
    padding-bottom: 52px !important; }

  .pb53--md {
    padding-bottom: 53px !important; }

  .pb54--md {
    padding-bottom: 54px !important; }

  .pb55--md {
    padding-bottom: 55px !important; }

  .pb56--md {
    padding-bottom: 56px !important; }

  .pb57--md {
    padding-bottom: 57px !important; }

  .pb58--md {
    padding-bottom: 58px !important; }

  .pb59--md {
    padding-bottom: 59px !important; }

  .pb60--md {
    padding-bottom: 60px !important; }

  .pb61--md {
    padding-bottom: 61px !important; }

  .pb62--md {
    padding-bottom: 62px !important; }

  .pb63--md {
    padding-bottom: 63px !important; }

  .pb64--md {
    padding-bottom: 64px !important; }

  .pb65--md {
    padding-bottom: 65px !important; }

  .pb66--md {
    padding-bottom: 66px !important; }

  .pb67--md {
    padding-bottom: 67px !important; }

  .pb68--md {
    padding-bottom: 68px !important; }

  .pb69--md {
    padding-bottom: 69px !important; }

  .pb70--md {
    padding-bottom: 70px !important; }

  .pb71--md {
    padding-bottom: 71px !important; }

  .pb72--md {
    padding-bottom: 72px !important; }

  .pb73--md {
    padding-bottom: 73px !important; }

  .pb74--md {
    padding-bottom: 74px !important; }

  .pb75--md {
    padding-bottom: 75px !important; }

  .pb76--md {
    padding-bottom: 76px !important; }

  .pb77--md {
    padding-bottom: 77px !important; }

  .pb78--md {
    padding-bottom: 78px !important; }

  .pb79--md {
    padding-bottom: 79px !important; }

  .pb80--md {
    padding-bottom: 80px !important; } }
@media only screen and (max-width: 47.9375em) {
  .mt-0--sm {
    margin-top: -0px !important; }

  .mt-1--sm {
    margin-top: -1px !important; }

  .mt-2--sm {
    margin-top: -2px !important; }

  .mt-3--sm {
    margin-top: -3px !important; }

  .mt-4--sm {
    margin-top: -4px !important; }

  .mt-5--sm {
    margin-top: -5px !important; }

  .mt-6--sm {
    margin-top: -6px !important; }

  .mt-7--sm {
    margin-top: -7px !important; }

  .mt-8--sm {
    margin-top: -8px !important; }

  .mt-9--sm {
    margin-top: -9px !important; }

  .mt-10--sm {
    margin-top: -10px !important; }

  .mt-11--sm {
    margin-top: -11px !important; }

  .mt-12--sm {
    margin-top: -12px !important; }

  .mt-13--sm {
    margin-top: -13px !important; }

  .mt-14--sm {
    margin-top: -14px !important; }

  .mt-15--sm {
    margin-top: -15px !important; }

  .mt-16--sm {
    margin-top: -16px !important; }

  .mt-17--sm {
    margin-top: -17px !important; }

  .mt-18--sm {
    margin-top: -18px !important; }

  .mt-19--sm {
    margin-top: -19px !important; }

  .mt-20--sm {
    margin-top: -20px !important; }

  .mt-21--sm {
    margin-top: -21px !important; }

  .mt-22--sm {
    margin-top: -22px !important; }

  .mt-23--sm {
    margin-top: -23px !important; }

  .mt-24--sm {
    margin-top: -24px !important; }

  .mt-25--sm {
    margin-top: -25px !important; }

  .mt-26--sm {
    margin-top: -26px !important; }

  .mt-27--sm {
    margin-top: -27px !important; }

  .mt-28--sm {
    margin-top: -28px !important; }

  .mt-29--sm {
    margin-top: -29px !important; }

  .mt-30--sm {
    margin-top: -30px !important; }

  .mt-31--sm {
    margin-top: -31px !important; }

  .mt-32--sm {
    margin-top: -32px !important; }

  .mt-33--sm {
    margin-top: -33px !important; }

  .mt-34--sm {
    margin-top: -34px !important; }

  .mt-35--sm {
    margin-top: -35px !important; }

  .mt-36--sm {
    margin-top: -36px !important; }

  .mt-37--sm {
    margin-top: -37px !important; }

  .mt-38--sm {
    margin-top: -38px !important; }

  .mt-39--sm {
    margin-top: -39px !important; }

  .mt-40--sm {
    margin-top: -40px !important; }

  .mt-41--sm {
    margin-top: -41px !important; }

  .mt-42--sm {
    margin-top: -42px !important; }

  .mt-43--sm {
    margin-top: -43px !important; }

  .mt-44--sm {
    margin-top: -44px !important; }

  .mt-45--sm {
    margin-top: -45px !important; }

  .mt-46--sm {
    margin-top: -46px !important; }

  .mt-47--sm {
    margin-top: -47px !important; }

  .mt-48--sm {
    margin-top: -48px !important; }

  .mt-49--sm {
    margin-top: -49px !important; }

  .mt-50--sm {
    margin-top: -50px !important; }

  .mt-51--sm {
    margin-top: -51px !important; }

  .mt-52--sm {
    margin-top: -52px !important; }

  .mt-53--sm {
    margin-top: -53px !important; }

  .mt-54--sm {
    margin-top: -54px !important; }

  .mt-55--sm {
    margin-top: -55px !important; }

  .mt-56--sm {
    margin-top: -56px !important; }

  .mt-57--sm {
    margin-top: -57px !important; }

  .mt-58--sm {
    margin-top: -58px !important; }

  .mt-59--sm {
    margin-top: -59px !important; }

  .mt-60--sm {
    margin-top: -60px !important; }

  .mt-61--sm {
    margin-top: -61px !important; }

  .mt-62--sm {
    margin-top: -62px !important; }

  .mt-63--sm {
    margin-top: -63px !important; }

  .mt-64--sm {
    margin-top: -64px !important; }

  .mt-65--sm {
    margin-top: -65px !important; }

  .mt-66--sm {
    margin-top: -66px !important; }

  .mt-67--sm {
    margin-top: -67px !important; }

  .mt-68--sm {
    margin-top: -68px !important; }

  .mt-69--sm {
    margin-top: -69px !important; }

  .mt-70--sm {
    margin-top: -70px !important; }

  .mt-71--sm {
    margin-top: -71px !important; }

  .mt-72--sm {
    margin-top: -72px !important; }

  .mt-73--sm {
    margin-top: -73px !important; }

  .mt-74--sm {
    margin-top: -74px !important; }

  .mt-75--sm {
    margin-top: -75px !important; }

  .mt-76--sm {
    margin-top: -76px !important; }

  .mt-77--sm {
    margin-top: -77px !important; }

  .mt-78--sm {
    margin-top: -78px !important; }

  .mt-79--sm {
    margin-top: -79px !important; }

  .mt-80--sm {
    margin-top: -80px !important; }

  .mb-0--sm {
    margin-bottom: -0px !important; }

  .mb-1--sm {
    margin-bottom: -1px !important; }

  .mb-2--sm {
    margin-bottom: -2px !important; }

  .mb-3--sm {
    margin-bottom: -3px !important; }

  .mb-4--sm {
    margin-bottom: -4px !important; }

  .mb-5--sm {
    margin-bottom: -5px !important; }

  .mb-6--sm {
    margin-bottom: -6px !important; }

  .mb-7--sm {
    margin-bottom: -7px !important; }

  .mb-8--sm {
    margin-bottom: -8px !important; }

  .mb-9--sm {
    margin-bottom: -9px !important; }

  .mb-10--sm {
    margin-bottom: -10px !important; }

  .mb-11--sm {
    margin-bottom: -11px !important; }

  .mb-12--sm {
    margin-bottom: -12px !important; }

  .mb-13--sm {
    margin-bottom: -13px !important; }

  .mb-14--sm {
    margin-bottom: -14px !important; }

  .mb-15--sm {
    margin-bottom: -15px !important; }

  .mb-16--sm {
    margin-bottom: -16px !important; }

  .mb-17--sm {
    margin-bottom: -17px !important; }

  .mb-18--sm {
    margin-bottom: -18px !important; }

  .mb-19--sm {
    margin-bottom: -19px !important; }

  .mb-20--sm {
    margin-bottom: -20px !important; }

  .mb-21--sm {
    margin-bottom: -21px !important; }

  .mb-22--sm {
    margin-bottom: -22px !important; }

  .mb-23--sm {
    margin-bottom: -23px !important; }

  .mb-24--sm {
    margin-bottom: -24px !important; }

  .mb-25--sm {
    margin-bottom: -25px !important; }

  .mb-26--sm {
    margin-bottom: -26px !important; }

  .mb-27--sm {
    margin-bottom: -27px !important; }

  .mb-28--sm {
    margin-bottom: -28px !important; }

  .mb-29--sm {
    margin-bottom: -29px !important; }

  .mb-30--sm {
    margin-bottom: -30px !important; }

  .mb-31--sm {
    margin-bottom: -31px !important; }

  .mb-32--sm {
    margin-bottom: -32px !important; }

  .mb-33--sm {
    margin-bottom: -33px !important; }

  .mb-34--sm {
    margin-bottom: -34px !important; }

  .mb-35--sm {
    margin-bottom: -35px !important; }

  .mb-36--sm {
    margin-bottom: -36px !important; }

  .mb-37--sm {
    margin-bottom: -37px !important; }

  .mb-38--sm {
    margin-bottom: -38px !important; }

  .mb-39--sm {
    margin-bottom: -39px !important; }

  .mb-40--sm {
    margin-bottom: -40px !important; }

  .mb-41--sm {
    margin-bottom: -41px !important; }

  .mb-42--sm {
    margin-bottom: -42px !important; }

  .mb-43--sm {
    margin-bottom: -43px !important; }

  .mb-44--sm {
    margin-bottom: -44px !important; }

  .mb-45--sm {
    margin-bottom: -45px !important; }

  .mb-46--sm {
    margin-bottom: -46px !important; }

  .mb-47--sm {
    margin-bottom: -47px !important; }

  .mb-48--sm {
    margin-bottom: -48px !important; }

  .mb-49--sm {
    margin-bottom: -49px !important; }

  .mb-50--sm {
    margin-bottom: -50px !important; }

  .mb-51--sm {
    margin-bottom: -51px !important; }

  .mb-52--sm {
    margin-bottom: -52px !important; }

  .mb-53--sm {
    margin-bottom: -53px !important; }

  .mb-54--sm {
    margin-bottom: -54px !important; }

  .mb-55--sm {
    margin-bottom: -55px !important; }

  .mb-56--sm {
    margin-bottom: -56px !important; }

  .mb-57--sm {
    margin-bottom: -57px !important; }

  .mb-58--sm {
    margin-bottom: -58px !important; }

  .mb-59--sm {
    margin-bottom: -59px !important; }

  .mb-60--sm {
    margin-bottom: -60px !important; }

  .mb-61--sm {
    margin-bottom: -61px !important; }

  .mb-62--sm {
    margin-bottom: -62px !important; }

  .mb-63--sm {
    margin-bottom: -63px !important; }

  .mb-64--sm {
    margin-bottom: -64px !important; }

  .mb-65--sm {
    margin-bottom: -65px !important; }

  .mb-66--sm {
    margin-bottom: -66px !important; }

  .mb-67--sm {
    margin-bottom: -67px !important; }

  .mb-68--sm {
    margin-bottom: -68px !important; }

  .mb-69--sm {
    margin-bottom: -69px !important; }

  .mb-70--sm {
    margin-bottom: -70px !important; }

  .mb-71--sm {
    margin-bottom: -71px !important; }

  .mb-72--sm {
    margin-bottom: -72px !important; }

  .mb-73--sm {
    margin-bottom: -73px !important; }

  .mb-74--sm {
    margin-bottom: -74px !important; }

  .mb-75--sm {
    margin-bottom: -75px !important; }

  .mb-76--sm {
    margin-bottom: -76px !important; }

  .mb-77--sm {
    margin-bottom: -77px !important; }

  .mb-78--sm {
    margin-bottom: -78px !important; }

  .mb-79--sm {
    margin-bottom: -79px !important; }

  .mb-80--sm {
    margin-bottom: -80px !important; }

  .mt0--sm {
    margin-top: 0px !important; }

  .mt1--sm {
    margin-top: 1px !important; }

  .mt2--sm {
    margin-top: 2px !important; }

  .mt3--sm {
    margin-top: 3px !important; }

  .mt4--sm {
    margin-top: 4px !important; }

  .mt5--sm {
    margin-top: 5px !important; }

  .mt6--sm {
    margin-top: 6px !important; }

  .mt7--sm {
    margin-top: 7px !important; }

  .mt8--sm {
    margin-top: 8px !important; }

  .mt9--sm {
    margin-top: 9px !important; }

  .mt10--sm {
    margin-top: 10px !important; }

  .mt11--sm {
    margin-top: 11px !important; }

  .mt12--sm {
    margin-top: 12px !important; }

  .mt13--sm {
    margin-top: 13px !important; }

  .mt14--sm {
    margin-top: 14px !important; }

  .mt15--sm {
    margin-top: 15px !important; }

  .mt16--sm {
    margin-top: 16px !important; }

  .mt17--sm {
    margin-top: 17px !important; }

  .mt18--sm {
    margin-top: 18px !important; }

  .mt19--sm {
    margin-top: 19px !important; }

  .mt20--sm {
    margin-top: 20px !important; }

  .mt21--sm {
    margin-top: 21px !important; }

  .mt22--sm {
    margin-top: 22px !important; }

  .mt23--sm {
    margin-top: 23px !important; }

  .mt24--sm {
    margin-top: 24px !important; }

  .mt25--sm {
    margin-top: 25px !important; }

  .mt26--sm {
    margin-top: 26px !important; }

  .mt27--sm {
    margin-top: 27px !important; }

  .mt28--sm {
    margin-top: 28px !important; }

  .mt29--sm {
    margin-top: 29px !important; }

  .mt30--sm {
    margin-top: 30px !important; }

  .mt31--sm {
    margin-top: 31px !important; }

  .mt32--sm {
    margin-top: 32px !important; }

  .mt33--sm {
    margin-top: 33px !important; }

  .mt34--sm {
    margin-top: 34px !important; }

  .mt35--sm {
    margin-top: 35px !important; }

  .mt36--sm {
    margin-top: 36px !important; }

  .mt37--sm {
    margin-top: 37px !important; }

  .mt38--sm {
    margin-top: 38px !important; }

  .mt39--sm {
    margin-top: 39px !important; }

  .mt40--sm {
    margin-top: 40px !important; }

  .mt41--sm {
    margin-top: 41px !important; }

  .mt42--sm {
    margin-top: 42px !important; }

  .mt43--sm {
    margin-top: 43px !important; }

  .mt44--sm {
    margin-top: 44px !important; }

  .mt45--sm {
    margin-top: 45px !important; }

  .mt46--sm {
    margin-top: 46px !important; }

  .mt47--sm {
    margin-top: 47px !important; }

  .mt48--sm {
    margin-top: 48px !important; }

  .mt49--sm {
    margin-top: 49px !important; }

  .mt50--sm {
    margin-top: 50px !important; }

  .mt51--sm {
    margin-top: 51px !important; }

  .mt52--sm {
    margin-top: 52px !important; }

  .mt53--sm {
    margin-top: 53px !important; }

  .mt54--sm {
    margin-top: 54px !important; }

  .mt55--sm {
    margin-top: 55px !important; }

  .mt56--sm {
    margin-top: 56px !important; }

  .mt57--sm {
    margin-top: 57px !important; }

  .mt58--sm {
    margin-top: 58px !important; }

  .mt59--sm {
    margin-top: 59px !important; }

  .mt60--sm {
    margin-top: 60px !important; }

  .mt61--sm {
    margin-top: 61px !important; }

  .mt62--sm {
    margin-top: 62px !important; }

  .mt63--sm {
    margin-top: 63px !important; }

  .mt64--sm {
    margin-top: 64px !important; }

  .mt65--sm {
    margin-top: 65px !important; }

  .mt66--sm {
    margin-top: 66px !important; }

  .mt67--sm {
    margin-top: 67px !important; }

  .mt68--sm {
    margin-top: 68px !important; }

  .mt69--sm {
    margin-top: 69px !important; }

  .mt70--sm {
    margin-top: 70px !important; }

  .mt71--sm {
    margin-top: 71px !important; }

  .mt72--sm {
    margin-top: 72px !important; }

  .mt73--sm {
    margin-top: 73px !important; }

  .mt74--sm {
    margin-top: 74px !important; }

  .mt75--sm {
    margin-top: 75px !important; }

  .mt76--sm {
    margin-top: 76px !important; }

  .mt77--sm {
    margin-top: 77px !important; }

  .mt78--sm {
    margin-top: 78px !important; }

  .mt79--sm {
    margin-top: 79px !important; }

  .mt80--sm {
    margin-top: 80px !important; }

  .mb0--sm {
    margin-bottom: 0px !important; }

  .mb1--sm {
    margin-bottom: 1px !important; }

  .mb2--sm {
    margin-bottom: 2px !important; }

  .mb3--sm {
    margin-bottom: 3px !important; }

  .mb4--sm {
    margin-bottom: 4px !important; }

  .mb5--sm {
    margin-bottom: 5px !important; }

  .mb6--sm {
    margin-bottom: 6px !important; }

  .mb7--sm {
    margin-bottom: 7px !important; }

  .mb8--sm {
    margin-bottom: 8px !important; }

  .mb9--sm {
    margin-bottom: 9px !important; }

  .mb10--sm {
    margin-bottom: 10px !important; }

  .mb11--sm {
    margin-bottom: 11px !important; }

  .mb12--sm {
    margin-bottom: 12px !important; }

  .mb13--sm {
    margin-bottom: 13px !important; }

  .mb14--sm {
    margin-bottom: 14px !important; }

  .mb15--sm {
    margin-bottom: 15px !important; }

  .mb16--sm {
    margin-bottom: 16px !important; }

  .mb17--sm {
    margin-bottom: 17px !important; }

  .mb18--sm {
    margin-bottom: 18px !important; }

  .mb19--sm {
    margin-bottom: 19px !important; }

  .mb20--sm {
    margin-bottom: 20px !important; }

  .mb21--sm {
    margin-bottom: 21px !important; }

  .mb22--sm {
    margin-bottom: 22px !important; }

  .mb23--sm {
    margin-bottom: 23px !important; }

  .mb24--sm {
    margin-bottom: 24px !important; }

  .mb25--sm {
    margin-bottom: 25px !important; }

  .mb26--sm {
    margin-bottom: 26px !important; }

  .mb27--sm {
    margin-bottom: 27px !important; }

  .mb28--sm {
    margin-bottom: 28px !important; }

  .mb29--sm {
    margin-bottom: 29px !important; }

  .mb30--sm {
    margin-bottom: 30px !important; }

  .mb31--sm {
    margin-bottom: 31px !important; }

  .mb32--sm {
    margin-bottom: 32px !important; }

  .mb33--sm {
    margin-bottom: 33px !important; }

  .mb34--sm {
    margin-bottom: 34px !important; }

  .mb35--sm {
    margin-bottom: 35px !important; }

  .mb36--sm {
    margin-bottom: 36px !important; }

  .mb37--sm {
    margin-bottom: 37px !important; }

  .mb38--sm {
    margin-bottom: 38px !important; }

  .mb39--sm {
    margin-bottom: 39px !important; }

  .mb40--sm {
    margin-bottom: 40px !important; }

  .mb41--sm {
    margin-bottom: 41px !important; }

  .mb42--sm {
    margin-bottom: 42px !important; }

  .mb43--sm {
    margin-bottom: 43px !important; }

  .mb44--sm {
    margin-bottom: 44px !important; }

  .mb45--sm {
    margin-bottom: 45px !important; }

  .mb46--sm {
    margin-bottom: 46px !important; }

  .mb47--sm {
    margin-bottom: 47px !important; }

  .mb48--sm {
    margin-bottom: 48px !important; }

  .mb49--sm {
    margin-bottom: 49px !important; }

  .mb50--sm {
    margin-bottom: 50px !important; }

  .mb51--sm {
    margin-bottom: 51px !important; }

  .mb52--sm {
    margin-bottom: 52px !important; }

  .mb53--sm {
    margin-bottom: 53px !important; }

  .mb54--sm {
    margin-bottom: 54px !important; }

  .mb55--sm {
    margin-bottom: 55px !important; }

  .mb56--sm {
    margin-bottom: 56px !important; }

  .mb57--sm {
    margin-bottom: 57px !important; }

  .mb58--sm {
    margin-bottom: 58px !important; }

  .mb59--sm {
    margin-bottom: 59px !important; }

  .mb60--sm {
    margin-bottom: 60px !important; }

  .mb61--sm {
    margin-bottom: 61px !important; }

  .mb62--sm {
    margin-bottom: 62px !important; }

  .mb63--sm {
    margin-bottom: 63px !important; }

  .mb64--sm {
    margin-bottom: 64px !important; }

  .mb65--sm {
    margin-bottom: 65px !important; }

  .mb66--sm {
    margin-bottom: 66px !important; }

  .mb67--sm {
    margin-bottom: 67px !important; }

  .mb68--sm {
    margin-bottom: 68px !important; }

  .mb69--sm {
    margin-bottom: 69px !important; }

  .mb70--sm {
    margin-bottom: 70px !important; }

  .mb71--sm {
    margin-bottom: 71px !important; }

  .mb72--sm {
    margin-bottom: 72px !important; }

  .mb73--sm {
    margin-bottom: 73px !important; }

  .mb74--sm {
    margin-bottom: 74px !important; }

  .mb75--sm {
    margin-bottom: 75px !important; }

  .mb76--sm {
    margin-bottom: 76px !important; }

  .mb77--sm {
    margin-bottom: 77px !important; }

  .mb78--sm {
    margin-bottom: 78px !important; }

  .mb79--sm {
    margin-bottom: 79px !important; }

  .mb80--sm {
    margin-bottom: 80px !important; }

  .pt0--sm {
    padding-top: 0px !important; }

  .pt1--sm {
    padding-top: 1px !important; }

  .pt2--sm {
    padding-top: 2px !important; }

  .pt3--sm {
    padding-top: 3px !important; }

  .pt4--sm {
    padding-top: 4px !important; }

  .pt5--sm {
    padding-top: 5px !important; }

  .pt6--sm {
    padding-top: 6px !important; }

  .pt7--sm {
    padding-top: 7px !important; }

  .pt8--sm {
    padding-top: 8px !important; }

  .pt9--sm {
    padding-top: 9px !important; }

  .pt10--sm {
    padding-top: 10px !important; }

  .pt11--sm {
    padding-top: 11px !important; }

  .pt12--sm {
    padding-top: 12px !important; }

  .pt13--sm {
    padding-top: 13px !important; }

  .pt14--sm {
    padding-top: 14px !important; }

  .pt15--sm {
    padding-top: 15px !important; }

  .pt16--sm {
    padding-top: 16px !important; }

  .pt17--sm {
    padding-top: 17px !important; }

  .pt18--sm {
    padding-top: 18px !important; }

  .pt19--sm {
    padding-top: 19px !important; }

  .pt20--sm {
    padding-top: 20px !important; }

  .pt21--sm {
    padding-top: 21px !important; }

  .pt22--sm {
    padding-top: 22px !important; }

  .pt23--sm {
    padding-top: 23px !important; }

  .pt24--sm {
    padding-top: 24px !important; }

  .pt25--sm {
    padding-top: 25px !important; }

  .pt26--sm {
    padding-top: 26px !important; }

  .pt27--sm {
    padding-top: 27px !important; }

  .pt28--sm {
    padding-top: 28px !important; }

  .pt29--sm {
    padding-top: 29px !important; }

  .pt30--sm {
    padding-top: 30px !important; }

  .pt31--sm {
    padding-top: 31px !important; }

  .pt32--sm {
    padding-top: 32px !important; }

  .pt33--sm {
    padding-top: 33px !important; }

  .pt34--sm {
    padding-top: 34px !important; }

  .pt35--sm {
    padding-top: 35px !important; }

  .pt36--sm {
    padding-top: 36px !important; }

  .pt37--sm {
    padding-top: 37px !important; }

  .pt38--sm {
    padding-top: 38px !important; }

  .pt39--sm {
    padding-top: 39px !important; }

  .pt40--sm {
    padding-top: 40px !important; }

  .pt41--sm {
    padding-top: 41px !important; }

  .pt42--sm {
    padding-top: 42px !important; }

  .pt43--sm {
    padding-top: 43px !important; }

  .pt44--sm {
    padding-top: 44px !important; }

  .pt45--sm {
    padding-top: 45px !important; }

  .pt46--sm {
    padding-top: 46px !important; }

  .pt47--sm {
    padding-top: 47px !important; }

  .pt48--sm {
    padding-top: 48px !important; }

  .pt49--sm {
    padding-top: 49px !important; }

  .pt50--sm {
    padding-top: 50px !important; }

  .pt51--sm {
    padding-top: 51px !important; }

  .pt52--sm {
    padding-top: 52px !important; }

  .pt53--sm {
    padding-top: 53px !important; }

  .pt54--sm {
    padding-top: 54px !important; }

  .pt55--sm {
    padding-top: 55px !important; }

  .pt56--sm {
    padding-top: 56px !important; }

  .pt57--sm {
    padding-top: 57px !important; }

  .pt58--sm {
    padding-top: 58px !important; }

  .pt59--sm {
    padding-top: 59px !important; }

  .pt60--sm {
    padding-top: 60px !important; }

  .pt61--sm {
    padding-top: 61px !important; }

  .pt62--sm {
    padding-top: 62px !important; }

  .pt63--sm {
    padding-top: 63px !important; }

  .pt64--sm {
    padding-top: 64px !important; }

  .pt65--sm {
    padding-top: 65px !important; }

  .pt66--sm {
    padding-top: 66px !important; }

  .pt67--sm {
    padding-top: 67px !important; }

  .pt68--sm {
    padding-top: 68px !important; }

  .pt69--sm {
    padding-top: 69px !important; }

  .pt70--sm {
    padding-top: 70px !important; }

  .pt71--sm {
    padding-top: 71px !important; }

  .pt72--sm {
    padding-top: 72px !important; }

  .pt73--sm {
    padding-top: 73px !important; }

  .pt74--sm {
    padding-top: 74px !important; }

  .pt75--sm {
    padding-top: 75px !important; }

  .pt76--sm {
    padding-top: 76px !important; }

  .pt77--sm {
    padding-top: 77px !important; }

  .pt78--sm {
    padding-top: 78px !important; }

  .pt79--sm {
    padding-top: 79px !important; }

  .pt80--sm {
    padding-top: 80px !important; }

  .pb0--sm {
    padding-bottom: 0px !important; }

  .pb1--sm {
    padding-bottom: 1px !important; }

  .pb2--sm {
    padding-bottom: 2px !important; }

  .pb3--sm {
    padding-bottom: 3px !important; }

  .pb4--sm {
    padding-bottom: 4px !important; }

  .pb5--sm {
    padding-bottom: 5px !important; }

  .pb6--sm {
    padding-bottom: 6px !important; }

  .pb7--sm {
    padding-bottom: 7px !important; }

  .pb8--sm {
    padding-bottom: 8px !important; }

  .pb9--sm {
    padding-bottom: 9px !important; }

  .pb10--sm {
    padding-bottom: 10px !important; }

  .pb11--sm {
    padding-bottom: 11px !important; }

  .pb12--sm {
    padding-bottom: 12px !important; }

  .pb13--sm {
    padding-bottom: 13px !important; }

  .pb14--sm {
    padding-bottom: 14px !important; }

  .pb15--sm {
    padding-bottom: 15px !important; }

  .pb16--sm {
    padding-bottom: 16px !important; }

  .pb17--sm {
    padding-bottom: 17px !important; }

  .pb18--sm {
    padding-bottom: 18px !important; }

  .pb19--sm {
    padding-bottom: 19px !important; }

  .pb20--sm {
    padding-bottom: 20px !important; }

  .pb21--sm {
    padding-bottom: 21px !important; }

  .pb22--sm {
    padding-bottom: 22px !important; }

  .pb23--sm {
    padding-bottom: 23px !important; }

  .pb24--sm {
    padding-bottom: 24px !important; }

  .pb25--sm {
    padding-bottom: 25px !important; }

  .pb26--sm {
    padding-bottom: 26px !important; }

  .pb27--sm {
    padding-bottom: 27px !important; }

  .pb28--sm {
    padding-bottom: 28px !important; }

  .pb29--sm {
    padding-bottom: 29px !important; }

  .pb30--sm {
    padding-bottom: 30px !important; }

  .pb31--sm {
    padding-bottom: 31px !important; }

  .pb32--sm {
    padding-bottom: 32px !important; }

  .pb33--sm {
    padding-bottom: 33px !important; }

  .pb34--sm {
    padding-bottom: 34px !important; }

  .pb35--sm {
    padding-bottom: 35px !important; }

  .pb36--sm {
    padding-bottom: 36px !important; }

  .pb37--sm {
    padding-bottom: 37px !important; }

  .pb38--sm {
    padding-bottom: 38px !important; }

  .pb39--sm {
    padding-bottom: 39px !important; }

  .pb40--sm {
    padding-bottom: 40px !important; }

  .pb41--sm {
    padding-bottom: 41px !important; }

  .pb42--sm {
    padding-bottom: 42px !important; }

  .pb43--sm {
    padding-bottom: 43px !important; }

  .pb44--sm {
    padding-bottom: 44px !important; }

  .pb45--sm {
    padding-bottom: 45px !important; }

  .pb46--sm {
    padding-bottom: 46px !important; }

  .pb47--sm {
    padding-bottom: 47px !important; }

  .pb48--sm {
    padding-bottom: 48px !important; }

  .pb49--sm {
    padding-bottom: 49px !important; }

  .pb50--sm {
    padding-bottom: 50px !important; }

  .pb51--sm {
    padding-bottom: 51px !important; }

  .pb52--sm {
    padding-bottom: 52px !important; }

  .pb53--sm {
    padding-bottom: 53px !important; }

  .pb54--sm {
    padding-bottom: 54px !important; }

  .pb55--sm {
    padding-bottom: 55px !important; }

  .pb56--sm {
    padding-bottom: 56px !important; }

  .pb57--sm {
    padding-bottom: 57px !important; }

  .pb58--sm {
    padding-bottom: 58px !important; }

  .pb59--sm {
    padding-bottom: 59px !important; }

  .pb60--sm {
    padding-bottom: 60px !important; }

  .pb61--sm {
    padding-bottom: 61px !important; }

  .pb62--sm {
    padding-bottom: 62px !important; }

  .pb63--sm {
    padding-bottom: 63px !important; }

  .pb64--sm {
    padding-bottom: 64px !important; }

  .pb65--sm {
    padding-bottom: 65px !important; }

  .pb66--sm {
    padding-bottom: 66px !important; }

  .pb67--sm {
    padding-bottom: 67px !important; }

  .pb68--sm {
    padding-bottom: 68px !important; }

  .pb69--sm {
    padding-bottom: 69px !important; }

  .pb70--sm {
    padding-bottom: 70px !important; }

  .pb71--sm {
    padding-bottom: 71px !important; }

  .pb72--sm {
    padding-bottom: 72px !important; }

  .pb73--sm {
    padding-bottom: 73px !important; }

  .pb74--sm {
    padding-bottom: 74px !important; }

  .pb75--sm {
    padding-bottom: 75px !important; }

  .pb76--sm {
    padding-bottom: 76px !important; }

  .pb77--sm {
    padding-bottom: 77px !important; }

  .pb78--sm {
    padding-bottom: 78px !important; }

  .pb79--sm {
    padding-bottom: 79px !important; }

  .pb80--sm {
    padding-bottom: 80px !important; } }
.ml-0_1em {
  margin-left: -.1em; }

.ml-0_2em {
  margin-left: -.2em; }

.ml-0_3em {
  margin-left: -.3em; }

.ml-0_35em {
  margin-left: -.35em; }

.ml-0_4em {
  margin-left: -.4em; }

.ml-0_5em {
  margin-left: -.5em; }

.ml-0_6em {
  margin-left: -.6em; }

.ml-0_7em {
  margin-left: -.7em; }

.ml-0_8em {
  margin-left: -.8em; }

.ml-0_9em {
  margin-left: -.9em; }

.ml-1em {
  margin-left: -1em; }

.ml1em {
  margin-left: 1em; }

.ml0_1em {
  margin-left: .1em; }

.ml0_2em {
  margin-left: .2em; }

.ml0_3em {
  margin-left: .3em; }

.ml0_35em {
  margin-left: .35em; }

.ml0_4em {
  margin-left: .4em; }

.ml0_5em {
  margin-left: .5em; }

@media only screen and (max-width: 64em) {
  .ml-0_1em--md {
    margin-left: -.1em; }

  .ml-0_2em--md {
    margin-left: -.2em; }

  .ml-0_3em--md {
    margin-left: -.3em; }

  .ml-0_35em--md {
    margin-left: -.35em; }

  .ml-0_4em--md {
    margin-left: -.4em; }

  .ml-0_5em--md {
    margin-left: -.5em; }

  .ml-0_6em--md {
    margin-left: -.6em; }

  .ml-0_7em--md {
    margin-left: -.7em; }

  .ml-0_8em--md {
    margin-left: -.8em; }

  .ml-0_9em--md {
    margin-left: -.9em; }

  .ml-1em--md {
    margin-left: -1em; }

  .ml1em--md {
    margin-left: 1em; }

  .ml0_1em--md {
    margin-left: .1em; }

  .ml0_2em--md {
    margin-left: .2em; }

  .ml0_3em--md {
    margin-left: .3em; }

  .ml0_35em--md {
    margin-left: .35em; }

  .ml0_4em--md {
    margin-left: .4em; }

  .ml0_5em--md {
    margin-left: .5em; } }
@media only screen and (max-width: 47.9375em) {
  .ml-0_1em--sm {
    margin-left: -.1em; }

  .ml-0_2em--sm {
    margin-left: -.2em; }

  .ml-0_3em--sm {
    margin-left: -.3em; }

  .ml-0_35em--sm {
    margin-left: -.35em; }

  .ml-0_4em--sm {
    margin-left: -.4em; }

  .ml-0_5em--sm {
    margin-left: -.5em; }

  .ml-0_6em--sm {
    margin-left: -.6em; }

  .ml-0_7em--sm {
    margin-left: -.7em; }

  .ml-0_8em--sm {
    margin-left: -.8em; }

  .ml-0_9em--sm {
    margin-left: -.9em; }

  .ml-1em--sm {
    margin-left: -1em; }

  .ml1em--sm {
    margin-left: 1em; }

  .ml0_1em--sm {
    margin-left: .1em; }

  .ml0_2em--sm {
    margin-left: .2em; }

  .ml0_3em--sm {
    margin-left: .3em; }

  .ml0_35em--sm {
    margin-left: .35em; }

  .ml0_4em--sm {
    margin-left: .4em; }

  .ml0_5em--sm {
    margin-left: .5em; } }
.mt-0_1em {
  margin-top: -.1em; }

.mt-0_2em {
  margin-top: -.2em; }

.mt-0_3em {
  margin-top: -.3em; }

.mt-0_35em {
  margin-top: -.35em; }

.mt-0_4em {
  margin-top: -.4em; }

.mt-0_5em {
  margin-top: -.5em; }

.mt-0_6em {
  margin-top: -.6em; }

.mt-0_7em {
  margin-top: -.7em; }

.mt-0_8em {
  margin-top: -.8em; }

.mt-0_9em {
  margin-top: -.9em; }

.mt0_1em {
  margin-top: .1em; }

.mt0_2em {
  margin-top: .2em; }

.mt0_3em {
  margin-top: .3em; }

.mt0_35em {
  margin-top: .35em; }

.mt0_4em {
  margin-top: .4em; }

.mt0_5em {
  margin-top: .5em; }

@media only screen and (max-width: 64em) {
  .mt-0_1em--md {
    margin-top: -.1em; }

  .mt-0_2em--md {
    margin-top: -.2em; }

  .mt-0_3em--md {
    margin-top: -.3em; }

  .mt-0_35em--md {
    margin-top: -.35em; }

  .mt-0_4em--md {
    margin-top: -.4em; }

  .mt-0_5em--md {
    margin-top: -.5em; }

  .mt-0_6em--md {
    margin-top: -.6em; }

  .mt-0_7em--md {
    margin-top: -.7em; }

  .mt-0_8em--md {
    margin-top: -.8em; }

  .mt-0_9em--md {
    margin-top: -.9em; }

  .mt0_1em--md {
    margin-top: .1em; }

  .mt0_2em--md {
    margin-top: .2em; }

  .mt0_3em--md {
    margin-top: .3em; }

  .mt0_35em--md {
    margin-top: .35em; }

  .mt0_4em--md {
    margin-top: .4em; }

  .mt0_5em--md {
    margin-top: .5em; } }
@media only screen and (max-width: 47.9375em) {
  .mt-0_1em--sm {
    margin-top: -.1em; }

  .mt-0_2em--sm {
    margin-top: -.2em; }

  .mt-0_3em--sm {
    margin-top: -.3em; }

  .mt-0_35em--sm {
    margin-top: -.35em; }

  .mt-0_4em--sm {
    margin-top: -.4em; }

  .mt-0_5em--sm {
    margin-top: -.5em; }

  .mt-0_6em--sm {
    margin-top: -.6em; }

  .mt-0_7em--sm {
    margin-top: -.7em; }

  .mt-0_8em--sm {
    margin-top: -.8em; }

  .mt-0_9em--sm {
    margin-top: -.9em; }

  .mt0_1em--sm {
    margin-top: .1em; }

  .mt0_2em--sm {
    margin-top: .2em; }

  .mt0_3em--sm {
    margin-top: .3em; }

  .mt0_35em--sm {
    margin-top: .35em; }

  .mt0_4em--sm {
    margin-top: .4em; }

  .mt0_5em--sm {
    margin-top: .5em; } }
/* @ text
 * ------------------------------------------------------------ */
/*doc
---
title: テキスト装飾
name: tool-text
category: tool-text
---

<div class="styleguide-table"></div>
View                                                                      | Class          |  Description
-----------------------------------------------------------------------   | ------------   |   ---------   |
<p class="text">ダミーテキストです。ご了承ください。</p>                       | `text`         |               |
<p class="text-bold">ダミーテキストです。ご了承ください。</p>                  | `text-bold`    |               |
<p class="text-left">ダミーテキストです。ご了承ください。</p>                  | `text-left`    |               |
<p class="text-center">ダミーテキストです。ご了承ください。</p>                | `text-center`  |               |
<p class="text-right">ダミーテキストです。ご了承ください。</p>                 | `text-right`   |               |
<p class="text-point">ダミーテキストです。ご了承ください。</p>                 | `text-point`   |               |
<p class="text-strike">ダミーテキストです。ご了承ください。</p>                | `text-strike`  |               |
<p class="text-caption">ダミーテキストです。ご了承ください。</p>               | `text-caption` |               |
<p class="text-small">ダミーテキストです。ご了承ください。</p>                 | `text-small`   |               |
<p class="text-square">ダミーテキストです。ご了承ください。</p>                | `text-square`  |               |
<p class="text-button"><a href="">ダミーテキストです。ご了承ください。</a></p> | `text-button`  |               |

*/
.text-bold {
  font-weight: bold !important; }

.text-link--under {
  text-decoration: underline !important; }
  .text-link--under:hover {
    text-decoration: none !important; }

.text-link--under-none {
  text-decoration: none !important; }
  .text-link--under-none:hover {
    text-decoration: underline !important; }

.text-left {
  text-align: left !important; }

.text-center {
  text-align: center !important; }

.text-right {
  text-align: right !important; }

.text-small {
  font-size: 0.8em !important; }

.text-point {
  padding: 0px 2px 0px;
  background-color: #FEDA34;
  display: inline-block; }

.text-strike {
  text-decoration: line-through !important; }

.text-square {
  color: #FFF;
  background-color: #FEDA34;
  padding: 4px 6px;
  margin-top: -1px;
  border-radius: 4px; }

.text-button a {
  background-color: #FEDA34;
  display: inline-block;
  border-radius: 5px;
  padding: 8px 30px 7px;
  color: #FFF; }
  .text-button a:hover, .text-button a:focus {
    background-image: linear-gradient(transparent, rgba(255, 255, 255, 0.1) 40%, rgba(255, 255, 255, 0.2)); }
  .text-button a:focus {
    outline: 0; }
  .text-button a:active {
    box-shadow: inset 0 0 6px 1px rgba(0, 0, 0, 0.1); }
  .text-button a[disabled] {
    opacity: .4;
    cursor: not-allowed; }

.text-button a,
.text-button a:hover {
  text-decoration: none !important;
  color: #FFF; }

/*doc
---
title: bulleted-space
name: bulleted-space
category: tool-text
---
<div class="styleguide-table"></div>
View                                                  | Class    |  Description
---------------------------------------------------   | ------   |   ---------   |
<p class="bulleted-space">?ダミーテキストです。<br> ダミーテキストです。</p>  | `bulleted-space`    |   箇条書き左スペース            |

*/
.bulleted-space {
  text-indent: -1em;
  padding-left: 1em; }

/*doc
---
title: text-border
name: text-border
category: tool-text
---

ミドルスクリーンは`--md`<br>
スモールスクリーンは`--sm`

<div class="styleguide-table"></div>
View                                                  | Class    |  Description
---------------------------------------------------   | ------   |   ---------   |
<p class="bdtn">border-top: none;</p>  | `bdtn`    |               |
<p class="bdrn">border-right: none;</p>  | `bdrn`    |               |
<p class="bdbn">border-bottom: none;</p>  | `bdbn`    |               |
<p class="bdln">border-left: none;</p>  | `bdln`    |               |
<p class="bdt">border-top: 1px solid $border-color;</p>  | `bdt`    |               |
<p class="bdr">border-right: 1px solid $border-color;</p>  | `bdr`    |               |
<p class="bdb">border-bottom: 1px solid $border-color;</p>  | `bdb`    |               |
<p class="bdl">border-left: 1px solid $border-color;</p>  | `bdl`    |               |

*/
.bdtn {
  border-top: none !important; }

.bdrn {
  border-right: none !important; }

.bdbn {
  border-bottom: none !important; }

.bdln {
  border-left: none !important; }

.bdt {
  border-top: 1px solid #000 !important; }

.bdr {
  border-right: 1px solid #000 !important; }

.bdb {
  border-bottom: 1px solid #000 !important; }

.bdl {
  border-left: 1px solid #000 !important; }

/*doc
---
title: text-decoration
name: text-decoration
category: tool-text
---

ミドルスクリーンは`--md`<br>
スモールスクリーンは`--sm`

<div class="styleguide-table"></div>
View                                                  | Class    |  Description
---------------------------------------------------   | ------   |   ---------   |
<p class="tdu">text-decoration: underline;</p>  | `tdu`    |               |

*/
.tdu {
  text-decoration: underline !important; }
  .tdu:hover {
    text-decoration: none !important; }

/*doc
---
title: vertical-aligin
name: vertical-aligin
category: tool-text
---

ミドルスクリーンは`--md`<br>
スモールスクリーンは`--sm`

<div class="styleguide-table"></div>
View                                                  | Class                                       |  Description
---------------------------------------------------   | -----------------------------------------   |  ---------   |
<p><img src="/themes/kyutech/css/static/img/icon.png" class="va-15p"> vertical-align: -15%</p>            | `va-15p`    |              |
<p><img src="/themes/kyutech/css/static/img/icon.png" class="va15p"> vertical-align: 15%;</p>             | `va15p`     |              |
<p><img src="/themes/kyutech/css/static/img/icon.png" class="vabl"> vertical-align: baseline;</p>         | `vabl`      |              |
<p><img src="/themes/kyutech/css/static/img/icon.png" class="vab"> vertical-align: bottom;</p>            | `vab`       |              |
<p><img src="/themes/kyutech/css/static/img/icon.png" class="vainhe"> vertical-align: inherit;</p>        | `vainhe`    |              |
<p><img src="/themes/kyutech/css/static/img/icon.png" class="vat"> vertical-align: top;</p>               | `vat`       |              |
<p><img src="/themes/kyutech/css/static/img/icon.png" class="vatb"> vertical-align: text-bottom;</p>      | `vatb`      |              |
<p><img src="/themes/kyutech/css/static/img/icon.png" class="vatt"> vertical-align: text-top;</p>         | `vatt`      |              |
<p><img src="/themes/kyutech/css/static/img/icon.png" class="vasup"> vertical-align: super;</p>           | `vasup`     |              |
<p><img src="/themes/kyutech/css/static/img/icon.png" class="vasub"> vertical-align: sub;</p>             | `vasub`     |              |
<p><img src="/themes/kyutech/css/static/img/icon.png" class="vam"> vertical-align: middle;</p>            | `vam`       |              |

*/
.va-15p {
  vertical-align: -15% !important; }

.va15p {
  vertical-align: 15% !important; }

.vabl {
  vertical-align: baseline !important; }

.vab {
  vertical-align: bottom !important; }

.vainhe {
  vertical-align: inherit !important; }

.vat {
  vertical-align: top !important; }

.vatb {
  vertical-align: text-bottom !important; }

.vatt {
  vertical-align: text-top !important; }

.vasup {
  vertical-align: super !important; }

.vasub {
  vertical-align: sub !important; }

.vam {
  vertical-align: middle !important; }

@media only screen and (max-width: 64em) {
  .vabl--md {
    vertical-align: baseline !important; }

  .vab--md {
    vertical-align: bottom !important; }

  .vainhe--md {
    vertical-align: inherit !important; }

  .vat--md {
    vertical-align: top !important; }

  .vatb--md {
    vertical-align: text-bottom !important; }

  .vatt--md {
    vertical-align: text-top !important; }

  .vasup--md {
    vertical-align: super !important; }

  .vasub--md {
    vertical-align: sub !important; }

  .vam--md {
    vertical-align: middle !important; } }
@media only screen and (max-width: 64em) {
  .vabl--sm {
    vertical-align: baseline !important; }

  .vab--sm {
    vertical-align: bottom !important; }

  .vainhe--sm {
    vertical-align: inherit !important; }

  .vat--sm {
    vertical-align: top !important; }

  .vatb--sm {
    vertical-align: text-bottom !important; }

  .vatt--sm {
    vertical-align: text-top !important; }

  .vasup--sm {
    vertical-align: super !important; }

  .vasub--sm {
    vertical-align: sub !important; }

  .vam--sm {
    vertical-align: middle !important; } }
/*doc
---
title: text-indent
name: text-indent
category: tool-text
---

ミドルスクリーンは`--md`<br>
スモールスクリーンは`--sm`

<div class="styleguide-table"></div>
View                                                 | Class       | Description
---------------------------------------------------- | ---------   |  ---------   |
<p class="ti-0_1em">text-indent: -0.1em;</p>         | `ti-0_1em`  |             |
<p class="ti-0_2em">text-indent: -0.2em;</p>         | `ti-0_2em`  |             |
<p class="ti-0_3em">text-indent: -0.3em;</p>         | `ti-0_3em`  |             |
<p class="ti-0_4em">text-indent: -0.4em;</p>         | `ti-0_4em`  |             |
<p class="ti-0_5em">text-indent: -0.5em;</p>         | `ti-0_5em`  |             |
<p class="ti-0_6em">text-indent: -0.6em;</p>         | `ti-0_6em`  |             |
<p class="ti-0_7em">text-indent: -0.7em;</p>         | `ti-0_7em`  |             |
<p class="ti-0_8em">text-indent: -0.8em;</p>         | `ti-0_8em`  |             |
<p class="ti-0_9em">text-indent: -0.9em;</p>         | `ti-0_9em`  |             |
<p class="ti-0_9em">text-indent: -0.9em;</p>         | `ti-0_9em`  |             |
<p class="ti-1em">text-indent: -0.9em;</p>         | `ti-1em`  |             |
<p class="ti1em">text-indent: -0.9em;</p>         | `ti1em`  |             |
*/
.ti-0_1em {
  text-indent: -0.1em !important; }

.ti-0_2em {
  text-indent: -0.2em !important; }

.ti-0_3em {
  text-indent: -0.3em !important; }

.ti-0_4em {
  text-indent: -0.4em !important; }

.ti-0_5em {
  text-indent: -0.5em !important; }

.ti-0_6em {
  text-indent: -0.6em !important; }

.ti-0_7em {
  text-indent: -0.7em !important; }

.ti-0_8em {
  text-indent: -0.8em !important; }

.ti-0_9em {
  text-indent: -0.9em !important; }

.ti-1em {
  text-indent: -1em !important; }

.ti1em {
  text-indent: 1em !important; }

@media only screen and (max-width: 64em) {
  .ti-0_1em--md {
    text-indent: -0.1em !important; }

  .ti-0_2em--md {
    text-indent: -0.2em !important; }

  .ti-0_3em--md {
    text-indent: -0.3em !important; }

  .ti-0_4em--md {
    text-indent: -0.4em !important; }

  .ti-0_5em--md {
    text-indent: -0.5em !important; }

  .ti-0_6em--md {
    text-indent: -0.6em !important; }

  .ti-0_7em--md {
    text-indent: -0.7em !important; }

  .ti-0_8em--md {
    text-indent: -0.8em !important; }

  .ti-0_9em--md {
    text-indent: -0.9em !important; }

  .ti-1em--md {
    text-indent: -1em !important; }

  .ti1em--md {
    text-indent: 1em !important; } }
@media only screen and (max-width: 47.9375em) {
  .ti-0_1em--sm {
    text-indent: -0.1em !important; }

  .ti-0_2em--sm {
    text-indent: -0.2em !important; }

  .ti-0_3em--sm {
    text-indent: -0.3em !important; }

  .ti-0_4em--sm {
    text-indent: -0.4em !important; }

  .ti-0_5em--sm {
    text-indent: -0.5em !important; }

  .ti-0_6em--sm {
    text-indent: -0.6em !important; }

  .ti-0_7em--sm {
    text-indent: -0.7em !important; }

  .ti-0_8em--sm {
    text-indent: -0.8em !important; }

  .ti-0_9em--sm {
    text-indent: -0.9em !important; }

  .ti-1em--sm {
    text-indent: -1em !important; }

  .ti1em--sm {
    text-indent: 1em !important; } }
/*doc
---
title: line-height
name: line-height
category: tool-text
---

ミドルスクリーンは`--md`<br>
スモールスクリーンは`--sm`

<div class="styleguide-table"></div>
View                                             | Class                    |   Description
------------------------------------------------ | ------------------------ |   --------- |
<p class="lh1">line-height: 1;<br>line-height: 1;</p>           | `lh1`     |             |
<p class="lh1_1">line-height: 1.1;<br>line-height: 1.1;</p>     | `lh1_1`   |             |
<p class="lh1_2">line-height: 1.2;<br>line-height: 1.2;</p>     | `lh1_2`   |             |
<p class="lh1_3">line-height: 1.3;<br>line-height: 1.3;</p>     | `lh1_3`   |             |
<p class="lh1_4">line-height: 1.4;<br>line-height: 1.4;</p>     | `lh1_4`   |             |
<p class="lh1_5">line-height: 1.5;<br>line-height: 1.5;</p>     | `lh1_5`   |             |
<p class="lh1_6">line-height: 1.6;<br>line-height: 1.6;</p>     | `lh1_6`   |             |
<p class="lh1_7">line-height: 1.7;<br>line-height: 1.7;</p>     | `lh1_7`   |             |
<p class="lh1_8">line-height: 1.8;<br>line-height: 1.8;</p>     | `lh1_8`   |             |
<p class="lh1_9">line-height: 1.9;<br>line-height: 1.9;</p>     | `lh1_9`   |             |
<p class="lh2">line-height: 2;<br>line-height: 2;</p>           | `lh2`     |             |

*/
.lh1 {
  line-height: 1 !important; }

.lh1_1 {
  line-height: 1.1 !important; }

.lh1_2 {
  line-height: 1.2 !important; }

.lh1_3 {
  line-height: 1.3 !important; }

.lh1_4 {
  line-height: 1.4 !important; }

.lh1_5 {
  line-height: 1.5 !important; }

.lh1_6 {
  line-height: 1.6 !important; }

.lh1_7 {
  line-height: 1.7 !important; }

.lh1_8 {
  line-height: 1.8 !important; }

.lh1_9 {
  line-height: 1.9 !important; }

.lh2 {
  line-height: 2 !important; }

@media only screen and (max-width: 64em) {
  .lh1--md {
    line-height: 1 !important; }

  .lh1_1--md {
    line-height: 1.1 !important; }

  .lh1_2--md {
    line-height: 1.2 !important; }

  .lh1_3--md {
    line-height: 1.3 !important; }

  .lh1_4--md {
    line-height: 1.4 !important; }

  .lh1_5--md {
    line-height: 1.5 !important; }

  .lh1_6--md {
    line-height: 1.6 !important; }

  .lh1_7--md {
    line-height: 1.7 !important; }

  .lh1_8--md {
    line-height: 1.8 !important; }

  .lh1_9--md {
    line-height: 1.9 !important; }

  .lh2--md {
    line-height: 2 !important; } }
@media only screen and (max-width: 47.9375em) {
  .lh1--sm {
    line-height: 1 !important; }

  .lh1_1--sm {
    line-height: 1.1 !important; }

  .lh1_2--sm {
    line-height: 1.2 !important; }

  .lh1_3--sm {
    line-height: 1.3 !important; }

  .lh1_4--sm {
    line-height: 1.4 !important; }

  .lh1_5--sm {
    line-height: 1.5 !important; }

  .lh1_6--sm {
    line-height: 1.6 !important; }

  .lh1_7--sm {
    line-height: 1.7 !important; }

  .lh1_8--sm {
    line-height: 1.8 !important; }

  .lh1_9--sm {
    line-height: 1.9 !important; }

  .lh2--sm {
    line-height: 2 !important; } }
/*doc
---
title: letter-spacing
name: letter-spacing
category: tool-text
---

<div class="styleguide-table"></div>
View                                                      | Class        |   Description
--------------------------------------------------------- | ------------ |    ------------ |
<p class="ls-0_1em">letter-spacing: -0.1em;</p>     | `ls-0_1em`   |                 |
<p class="ls-0_2em">letter-spacing: -0.2em;</p>     | `ls-0_2em`   |                 |
<p class="ls-0_3em">letter-spacing: -0.3em;</p>     | `ls-0_3em`   |                 |
<p class="ls-0_4em">letter-spacing: -0.4em;</p>     | `ls-0_4em`   |                 |
<p class="ls-0_5em">letter-spacing: -0.5em;</p>     | `ls-0_5em`   |                 |
<p class="ls-0_6em">letter-spacing: -0.6em;</p>     | `ls-0_6em`   |                 |
<p class="ls-0_7em">letter-spacing: -0.7em;</p>     | `ls-0_7em`   |                 |
<p class="ls-0_8em">letter-spacing: -0.8em;</p>     | `ls-0_8em`   |                 |
<p class="ls-0_9em">letter-spacing: -0.9em;</p>     | `ls-0_9em`   |                 |
<p class="ls0_1em">letter-spacing: 0.1em;</p>       | `ls0_1em`   |                  |
<p class="ls0_2em">letter-spacing: 0.2em;</p>       | `ls0_2em`   |                  |
<p class="ls0_3em">letter-spacing: 0.3em;</p>       | `ls0_3em`   |                  |
<p class="ls0_4em">letter-spacing: 0.4em;</p>       | `ls0_4em`   |                  |
<p class="ls0_5em">letter-spacing: 0.5em;</p>       | `ls0_5em`   |                  |
<p class="ls0_6em">letter-spacing: 0.6em;</p>       | `ls0_6em`   |                  |
<p class="ls0_7em">letter-spacing: 0.7em;</p>       | `ls0_7em`   |                  |
<p class="ls0_8em">letter-spacing: 0.8em;</p>       | `ls0_8em`   |                  |
<p class="ls0_9em">letter-spacing: 0.9em;</p>       | `ls0_9em`   |                  |
<p class="ls1em">letter-spacing: 1em;</p>           | `ls1em`     |                  |
<p class="ls1_1em">letter-spacing: 1.1em;</p>       | `ls1_1em`   |                  |
<p class="ls1_2em">letter-spacing: 1.2em;</p>       | `ls1_2em`   |                  |
<p class="ls1_3em">letter-spacing: 1.3em;</p>       | `ls1_3em`   |                  |
<p class="ls1_4em">letter-spacing: 1.4em;</p>       | `ls1_4em`   |                  |
<p class="ls1_5em">letter-spacing: 1.5em;</p>       | `ls1_5em`   |                  |
<p class="ls1_6em">letter-spacing: 1.6em;</p>       | `ls1_6em`   |                  |
<p class="ls1_7em">letter-spacing: 1.7em;</p>       | `ls1_7em`   |                  |
<p class="ls1_8em">letter-spacing: 1.8em;</p>       | `ls1_8em`   |                  |
<p class="ls1_9em">letter-spacing: 1.9em;</p>       | `ls1_9em`   |                  |
<p class="ls2em">letter-spacing: 2em;</p>           | `ls2em`     |                  |
*/
.ls-0_1em {
  letter-spacing: -0.1em !important; }

.ls-0_2em {
  letter-spacing: -0.2em !important; }

.ls-0_3em {
  letter-spacing: -0.3em !important; }

.ls-0_4em {
  letter-spacing: -0.4em !important; }

.ls-0_5em {
  letter-spacing: -0.5em !important; }

.ls-0_6em {
  letter-spacing: -0.6em !important; }

.ls-0_7em {
  letter-spacing: -0.7em !important; }

.ls-0_8em {
  letter-spacing: -0.8em !important; }

.ls-0_9em {
  letter-spacing: -0.9em !important; }

.ls0_1em {
  letter-spacing: 0.1em !important; }

.ls0_2em {
  letter-spacing: 0.2em !important; }

.ls0_3em {
  letter-spacing: 0.3em !important; }

.ls0_4em {
  letter-spacing: 0.4em !important; }

.ls0_5em {
  letter-spacing: 0.5em !important; }

.ls0_6em {
  letter-spacing: 0.6em !important; }

.ls0_7em {
  letter-spacing: 0.7em !important; }

.ls0_8em {
  letter-spacing: 0.8em !important; }

.ls0_9em {
  letter-spacing: 0.9em !important; }

.ls1em {
  letter-spacing: 1em !important; }

.ls1_1em {
  letter-spacing: 1.1em !important; }

.ls1_2em {
  letter-spacing: 1.2em !important; }

.ls1_3em {
  letter-spacing: 1.3em !important; }

.ls1_4em {
  letter-spacing: 1.4em !important; }

.ls1_5em {
  letter-spacing: 1.5em !important; }

.ls1_6em {
  letter-spacing: 1.6em !important; }

.ls1_7em {
  letter-spacing: 1.7em !important; }

.ls1_8em {
  letter-spacing: 1.8em !important; }

.ls1_9em {
  letter-spacing: 1.9em !important; }

.ls2em {
  letter-spacing: 2em !important; }

/* @ width
 * ------------------------------------------------------------ */
/*doc
---
title: 幅
name: tool-width
category: tool-width
---

ミドルスクリーンは`--md`<br>
スモールスクリーンは`--sm`

<div class="styleguide-table"></div>
View     | Class     |  Description |
---------| ----------| ---------- |
       | `w10p`    |  幅10%     |
       | `w20p`    |  幅20%     |
       | `w30p`    |  幅30%     |
       | `w40p`    |  幅40%     |
       | `w50p`    |  幅50%     |
       | `w60p`    |  幅60%     |
       | `w70p`    |  幅70%     |
       | `w80p`    |  幅80%     |
       | `w90p`    |  幅90%     |
       | `w100p`   |  幅100%    |

*/
.w10p {
  width: 10% !important; }

.w20p {
  width: 20% !important; }

.w30p {
  width: 30% !important; }

.w40p {
  width: 40% !important; }

.w50p {
  width: 50% !important; }

.w60p {
  width: 60% !important; }

.w70p {
  width: 70% !important; }

.w80p {
  width: 80% !important; }

.w90p {
  width: 90% !important; }

.w100p {
  width: 100% !important; }

@media only screen and (max-width: 64em) {
  .w10p--md {
    width: 10% !important; }

  .w20p--md {
    width: 20% !important; }

  .w30p--md {
    width: 30% !important; }

  .w40p--md {
    width: 40% !important; }

  .w50p--md {
    width: 50% !important; }

  .w60p--md {
    width: 60% !important; }

  .w70p--md {
    width: 70% !important; }

  .w80p--md {
    width: 80% !important; }

  .w90p--md {
    width: 90% !important; }

  .w100p--md {
    width: 100% !important; } }
@media only screen and (max-width: 47.9375em) {
  .w10p--sm {
    width: 10% !important; }

  .w20p--sm {
    width: 20% !important; }

  .w30p--sm {
    width: 30% !important; }

  .w40p--sm {
    width: 40% !important; }

  .w50p--sm {
    width: 50% !important; }

  .w60p--sm {
    width: 60% !important; }

  .w70p--sm {
    width: 70% !important; }

  .w80p--sm {
    width: 80% !important; }

  .w90p--sm {
    width: 90% !important; }

  .w100p--sm {
    width: 100% !important; } }



.mssc_topmenu{display:none;}

@media screen and (max-width: 768px) {
.mssc_topmenu{float:left; margin-left:20px; display:block;}

}
