/* CSS Document */
/*
 reset  [
----------------------------------------------------------- */
html {
  overflow-y: scroll;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote {
  margin: 0;
  padding: 0;
}
address, caption, cite, code, dfn, em, strong, th, var {
  font-style: normal;
}
caption, th {
  text-align: left;
}
img {
  max-width: 100%;
  vertical-align: top;
  font-size: 0;
  line-height: 0;
}
q:before, q:after {
  content: '';
}
object, embed {
  vertical-align: top;
  z-index: -1;
}
li {
  list-style-type: none;
}
/*
 base [
----------------------------------------------------------- */
body {
  font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}
.clearfix {
  min-height: 0;
  display: inline-table;
}
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
* html .clearfix {
  height: 0;
}
.alpha a:hover img {
  opacity: 0.8;
  filter: alpha(opacity=80);
  -ms-filter: "alpha( opacity=80 )";
}
#wrap {
    text-align: center;
}
h1 {
  width: 100%;
  max-width: 900px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 2%;
  padding-bottom: 1%;
  border-bottom: 1px solid #333;
}
.inner {
  width: 100%;
  max-width: 900px;
  margin: 0 auto;
  position: relative;
}
#footer {
  margin-top: 1.5%;
}
#footer hr {
  width: 100%;
  max-width: 900px;
}
#copyright {
  text-align: center;
  font-size: 85%;
}
/*
 icon [
----------------------------------------------------------- */
.big {
  transition-duration: .4s;
}
.big:hover {
  transform: scale(1.2);
}
li img {
  width: 50%;
  height: auto;
}
.icon_01 {
  position: absolute;
  top: 11%;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}
.icon_02 {
  position: absolute;
  top: 15%;
  left: 23%;
}
.icon_03 {
  position: absolute;
  top: 15%;
  right: 23%;
}
.icon_04 {
  position: absolute;
  top: 22.5%;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}
.icon_05 {
  position: absolute;
  top: 25%;
  left: 15%;
}
.icon_06 {
  position: absolute;
  top: 25%;
  right: 15%;
}
.icon_07 {
  position: absolute;
  top: 36%;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}
.icon_08 {
  position: absolute;
  top: 35%;
  left: 18%;
}
.icon_09 {
  position: absolute;
  top: 35%;
  right: 18%;
}
.icon_10 {
  position: absolute;
  top: 51.5%;
  left: 23%;
}
.icon_11 {
  position: absolute;
  top: 51.5%;
  right: 23%;
}
.icon_12 {
  position: absolute;
  top: 83%;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}
.icon_13 {
  position: absolute;
  top: 78%;
  left: 21%;
}
.icon_14 {
  position: absolute;
  top: 78%;
  right: 21%;
}
/*
----------------------------------------------------------- */
.note {
  display: flex;
  justify-content: center;
  margin-top: 2%;
  margin-bottom: 2%;
  line-height: 1.5em;
}
.note p {
  font-size: 100%;
  text-align: left;
  line-height: 1.4em;
}
.note img {
  width: 5%;
  max-width: 40px;
  margin-right: 0.5%;
  height: 89%;
}
.bnr {
  font-size: 100%;
  line-height: 1.5em;
}
@media screen and (max-width: 767px) {
  h1 {
    font-size: 4vw;
  }
  li img {
    width: 10vw;
    height: auto;
  }
  .note p {
    font-size: 2.5vw;
  }
  .bnr {
    font-size: 2.5vw;
  }
  #copyright {
    font-size: 2.2vw;
  }
}