@charset "utf-8";
html, button, input, select, textarea {
  color: #3e3a39;
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
}
audio, canvas, iframe, img, svg, video {
  vertical-align: middle;
}
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}
textarea {
  resize: vertical;
}
img, object, embed, video {
  max-width: 100%;
  height: auto;
  border: none;
}
a:link, a:active, a:hover, a:visited {
  outline: 0 none;
  text-decoration: none;
}
ol, ul {
  list-style: none;
  margin: 0;
  padding: 0
}
h1, h2, h3, h4, h5, h6, p {
  margin: 0
}
em {
  font-style: normal;
}
/* ==========================================================================
   youtube css
   ========================================================================== */
.youtube-wrapper {
  padding-top: 56.25%;
  position: relative;
}
.youtube-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  height: 100% !important;
  width: 100% !important;
}
/* ==========================================================================
   Multi class
   ========================================================================== */

/* ----- list ----- */
.ul-disc {
  list-style: disc;
  margin-left: 1.5em;
}
.ul-disc li {
  margin-bottom: .2em;
}
.ol-decimal {
  list-style: decimal;
  margin-left: 1.5em;
}
.ol-decimal li {
  margin-bottom: .2em;
}
.ol-decimal .noindent {
  list-style: none;
  margin-left: -1.5em;
}
.ol-decimal .noindent li {
  margin-left: 1em;
}
.lt-ie8 .ul-disc {
  margin-left: 2em;
}
.lt-ie8 .ol-decimal {
  margin-left: 2em;
}
/* table
--------------------------------------------------------- */
.tb-amount {
  border-collapse: separate;
  border-spacing: 0;
  border: 1px solid #00a495;
  color: #00a495;
}
.tb-amount thead th, .tb-amount thead td {
  text-align: center;
  padding: 4px 10px;
  border: 1px solid #00a495;
}
.tb-amount th {
  background-color: #fafbed;
  font-weight: normal;
}
.tb-amount tbody th, .tb-amount tbody td {
  border: 1px solid #00a495;
  padding: 10px;
}
.tb-amount tbody th {
  height: 23px;
}
.tb-amount tbody td {
  text-align: center;
}
/* ==========================================================================
   Helper classes
   ========================================================================== */

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