/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 8/9.
 */
article, aside, details, figcaption, figure, footer, header, hgroup,
  main, nav, section, summary {
  display: block;
}
/**
 * Correct `inline-block` display not defined in IE 8/9.
 */
audio, canvas, video {
  display: inline-block;
}
/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
/**
 * Address styling not present in IE 8/9.
 */
/* ==========================================================================
   Base
   ========================================================================== */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  /* 2 */
}
/**
 * Remove default margin.
 */
body {
  margin: 0;
}

#content {
  margin: 30px auto 30px;
}
/* ==========================================================================
   Links
   ========================================================================== */
/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
  outline: thin dotted;
}
/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active, a:hover {
  outline: 0;
}
/* ==========================================================================
   Typography
   ========================================================================== */
/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */
h1 {
  font-size: 2em;
}
/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */
/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */
b, strong {
  font-weight: bold;
}
/**
 * Address styling not present in Safari 5 and Chrome.
 */
dfn {
  font-style: italic;
}
/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}
/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000;
}
/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */
code, kbd, pre, samp {
  font-family: monospace, serif;
  font-size: 1em;
}
/**
 * Improve readability of pre-formatted text in all browsers.
 */
pre {
  white-space: pre-wrap;
}
/**
 * Set consistent quote types.
 */
q {
  quotes: "\201C" "\201D" "\2018" "\2019";
}
/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}
/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}
/* ==========================================================================
   Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9.
 */
img {
  border: 0;
}
/**
 * Correct overflow displayed oddly in IE 9.
 */
/* ==========================================================================
   Figures
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari 5.
 */
figure {
  margin: 0;
}
/* ==========================================================================
   Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}
/* RESET
-----------------------------------------------------------------------------------------------------*/
html {
  font-size: 62.5%;
}

body {
  color: #28292d;
  font-family: 'FranklinGothic', Arial, Helvetica, sans-serif;
  font-weight: 300;
}
/* GLOBAL
----------------------------------------------------------*/
h1, h2, h3, h4, h5, p {
  margin: 0;
}

ul, ol {
  margin: 0;
  padding: 0;
}

ul li {
  list-style: none;
}

a {
  color: #7cb0bd;
  text-decoration: none;
  -webkit-transition: background-color 0.3s ease;
  -moz-transition: background-color 0.3s ease;
  -o-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
}

a:hover {
  color: #4f5451;
}
/* FONTS
----------------------------------------------------------*/
@font-face {
  font-family: 'FranklinGothic';
  src: url("../fonts/itcfranklingothicstd-med.eot");
  src: url("../fonts/itcfranklingothicstd-med.eot")
    format('embedded-opentype'),
    url("../fonts/itcfranklingothicstd-med.woff2") format('woff2'),
    url("../fonts/itcfranklingothicstd-med.woff") format('woff'),
    url("../fonts/itcfranklingothicstd-med.ttf") format('truetype'),
    url("../fonts/itcfranklingothicstd-med.svg#ITCFranklinGothicStdMedium")
    format('svg');
  font-weight: normal;
}

@font-face {
  font-family: 'FranklinGothic';
  src: url("../fonts/itcfranklingothicstd-demi.eot");
  src: url("../fonts/itcfranklingothicstd-demi.eot")
    format('embedded-opentype'),
    url("../fonts/itcfranklingothicstd-demi.woff2") format('woff2'),
    url("../fonts/itcfranklingothicstd-demi.woff") format('woff'),
    url("../fonts/itcfranklingothicstd-demi.ttf") format('truetype'),
    url("../fonts/itcfranklingothicstd-demi.svg#ITCFranklinGothicStdDemi")
    format('svg');
  font-weight: bold;
}

@font-face {
  font-family: 'FranklinGothic';
  src: url("../fonts/fgb.eot");
  src: url("../fonts/fgb.eot") format('embedded-opentype'),
    url("../fonts/fgb.woff2") format('woff2'), url("../fonts/fgb.woff")
    format('woff'), url("../fonts/fgb.ttf") format('truetype'),
    url("../fonts/fgb.svg#FranklinGothicBookRegular") format('svg');
  font-weight: 300;
}
/* COMMON
-----------------------------------------------------------------------------------------------------*/
.row {
  width: 960px;
  margin: 0 auto;
  position: relative;
}

.row:before, .row:after {
  content: " ";
  display: table;
}

.row:after {
  clear: both;
}

#content .all-title {
  margin: 0px 0 15px;
}

#content .all-title:before, #content .all-title:after {
  content: " ";
  display: table;
}

#content .all-title:after {
  clear: both;
}

.all-title h1 {
  font-size: 20px;
  font-size: 2rem;
  font-weight: bold;
  font-family: 'FranklinGothic', Arial, Helvetica, sans-serif;
  letter-spacing: -0.04em;
  text-transform: uppercase;
  display: inline;
}

.all-title h2 {
  font-weight: bold;
  font-family: 'FranklinGothic', Arial, Helvetica, sans-serif;
  letter-spacing: -0.04em;
  text-transform: uppercase;
  display: inline;
  padding-left: 20px;
}

.all-title h1:before, .all-title h2:before {
  content: "/";
  font-weight: bold;
  margin-right: 3px;
  position: relative;
}

.description {
  font-size: 14px;
}

.description ul {
  margin-top: 20px;
  margin-left: 15px;
}

.description ul li {
  list-style: inside;
  margin: 5px 40px;
}

.description ul li:first-child {
  margin-top: 20px;
}

#renkan-desc-list {
  margin-top: 0.5em;
  margin-left: 0;
}

#renkan-desc-list li {
  list-style-type: none;
  text-indent: -5px;
  margin: 5px 40px;
}

#renkan-desc-list li:first-child {
  margin-top: 0;
}

#renkan-desc-list li:before {
  content: "-";
  position: relative;
  left: -5px;
}