@charset "UTF-8";
/* ----------------------------------------------------------------------------------
Common
------------------------------------------------------------------------------------- */
html, body {
  font-family: YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
  text-transform: none;
  font-size: 15px; /*ブラウザデフォルト16px、この数値を適宜変更*/
  color: #333;
  /*background-color: #fcf8ee;*/
}
* {
  box-sizing: border-box;
}

body {
  background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3)), url(./../img/unnamed.png);
  opacity: 1;
}

.container {
  padding: 30px 0;
}
.panel-info .panel-body {
  padding: 15px;
}
.list-inline {
  margin-bottom: 0;
}
hr {
  border-left: none;
  border-right: none;
  border-bottom: 1px dashed #5F9EA0;
  border-top: none;
  margin: 15px 0;
}

@media screen and (max-width: 767px) {
  html, body {
    font-size: 90%;
  }
  .container {
    padding: 10px 10px;
  }
  .panel-info .panel-body {
    padding: 10px;
  }
  hr {
    margin: 10px 0;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1020px;
  }
}
img {
  vertical-align: middle;
  max-width: 100%;
  border: none;
}
a, a:hover, a:focus {
  color: #333;
}
a:hover img, a:focus img {
  opacity: 0.5;
}
.mb_double {
  margin-bottom: 3em;
}
.mb_half {
  margin-bottom: 0.75em;
}
.mb_0 {
  margin-bottom: 0;
}
.pdf {
  background: url(../images/icon_pdf.png) no-repeat left center;
  padding-left: 15px;
  color: #333;
  margin-left: 0.5em;
}
ol.alphabet {
  list-style: lower-alpha;
}
.contents a {
  font-weight: bold;
}
/* ----------------------------------------------------------------------------------
		Typography
------------------------------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6, p, ol, ul {
  margin-top: 0;
}
h1 {
  font-size: 3em; /*48px*/
  line-height: 1; /*48px*/
  margin-bottom: 0.5em; /*24px*/
  font-weight: normal;
}
h2 {
  font-size: 1.5em; /*24px*/
  line-height: 1; /*24px*/
  margin-bottom: 1em; /*24px*/
  font-weight: bold;
}
h3 {
  font-size: 1.5em; /*24px*/
  line-height: 1; /*24px*/
  margin-bottom: 1em; /*24px*/
  font-weight: normal;
}
h4 {
  font-size: 1.125em; /*18px*/
  line-height: 1.3333; /*24px*/
  margin-bottom: 1.3333em; /*24px*/
  font-weight: normal;
}
h5 {
  font-size: 1em; /*18px*/
  line-height: 1.125; /*24px*/
  margin-bottom: 5px; /*24px*/
  font-weight: bold;
}
h6 {
  font-size: 1.125em; /*18px*/
  line-height: 1.3333; /*24px*/
  margin-bottom: 1.3333em; /*24px*/
  font-weight: bold;
}
p, ol, ul {
  font-size: 1em; /*16px*/
  line-height: 1.5; /*24px*/
  margin-bottom: 1.5em; /*24px*/
  word-break: normal;
}

/* ----------------------------------------------------
margin
---------------------------------------------------- */
.mt00 { margin-top:  0px !important; }
.mt05 { margin-top:  5px !important; }
.mt10 { margin-top: 10px !important; }
.mt30 { margin-top: 30px !important; }
.mr00 { margin-right:  0px !important; }
.mr05 { margin-right:  5px !important; }
.mr10 { margin-right: 10px !important; }
.mb00 { margin-bottom:  0px !important; }
.mb05 { margin-bottom:  5px !important; }
.mb10 { margin-bottom: 10px !important; }
.ml00 { margin-left:  0px !important; }
.ml05 { margin-left:  5px !important; }
.ml10 { margin-left: 10px !important; }

/* ----------------------------------------------------------------------------------
		Contents
-------------------------------------------------------------------------------------/*}
 */
.links a, .links a:hover, .links a:focus {
  color: #333;
}

.panel-info {
  border-radius: 6px;
  border-color: #5F9EA0;
  margin-bottom: 2em;
}
.panel-info .panel-heading {
  background-color: #f2f2f2;
  border-bottom: none;
}
.panel-info .panel-title {
  color: #333;
  font-weight: bold;
  filter: progid:DXImageTransform.Microsoft.DropShadow(color="#ffffff", offx=0, offy=1);
  text-shadow: 0 1px #FFFFFF;
}