/* line 10, ../scss/stylesheet.scss */
*, :after, :before {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/* line 17, ../scss/stylesheet.scss */
html {
  margin: 0;
  padding: 0;
  font-size: 62.5%;
  line-height: 1;
  scroll-behavior: smooth;
}

/* line 25, ../scss/stylesheet.scss */
body {
  margin: 0 auto;
  font-size: 1.0em;
  font-family: Graphik, Helvetica, Arial, sans-serif;
  vertical-align: baseline;
  background-color: #fff;
  /*background-image: url(../images/logo_mhkn-tokto.svg);*/
  /*background-repeat: no-repeat;*/
  /*background-position: center;*/
  /*background-size: cover;*/
  /*background: linear-gradient(90deg, rgba(0,0,0,.8),rgba(255,255,255,.5));*/
}

/* line 39, ../scss/stylesheet.scss */
h1, h2, h3, h4, h5, h6, p, ul, li {
  margin: 0;
  padding: 0;
  font-size: 1.0em;
  font-weight: normal;
  line-height: 1;
}

/* line 47, ../scss/stylesheet.scss */
ul, li {
  list-style-type: none;
}

/* line 51, ../scss/stylesheet.scss */
ul:after {
  content: '';
  clear: both;
  display: block;
  white-space: nowrap;
}

/* line 58, ../scss/stylesheet.scss */
img {
  margin: 0 auto;
  padding: 0;
  width: 100%;
  height: auto;
  border: none;
}

/* line 66, ../scss/stylesheet.scss */
a {
  color: #000;
  text-decoration: none;
}

/* line 72, ../scss/stylesheet.scss */
.btn_cls {
  position: absolute;
  left: 50%;
  bottom: 2%;
  transform: translate(-50%, -50%);
  z-index: 10000;
  cursor: pointer;
  display: block;
  margin: 0 auto;
  width: 70px;
  height: 70px;
  color: #fff;
  font-size: 5.0em;
  background-image: url("../images/btn_arrow_wh.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

/* line 94, ../scss/stylesheet.scss */
#main .sec {
  position: relative;
}
/* line 97, ../scss/stylesheet.scss */
#main .sec .ctg {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 100;
  display: block;
  padding: 2%;
  width: 14%;
  color: #fff;
  font-size: 1.6em;
  font-weight: bold;
  line-height: 1.0;
  text-align: center;
  white-space: nowrap;
  background-color: #000;
}
/* line 112, ../scss/stylesheet.scss */
#main .sec .ctg span {
  display: block;
  font-size: 1.0em;
}
/* line 115, ../scss/stylesheet.scss */
#main .sec .ctg span .mb {
  display: none;
}
/* line 119, ../scss/stylesheet.scss */
#main .sec .ctg img {
  filter: invert(100%);
}
/* line 124, ../scss/stylesheet.scss */
#main .sec .list_img {
  position: relative;
}
/* line 127, ../scss/stylesheet.scss */
#main .sec .list_img:after {
  content: '';
  clear: both;
  display: block;
  white-space: nowrap;
}
/* line 133, ../scss/stylesheet.scss */
#main .sec .list_img li {
  float: left;
  width: 20%;
  line-height: 0;
}
/* line 138, ../scss/stylesheet.scss */
#main .sec .list_img .odd_end {
  display: none;
}
/* line 142, ../scss/stylesheet.scss */
#main .sec .note {
  position: fixed;
  left: -100%;
  top: 0;
  z-index: 1000;
  width: 100%;
  height: 100%;
  padding: 6%;
  color: #fff;
  background-color: #000;
  transition: left .3s ease-in;
}
/* line 155, ../scss/stylesheet.scss */
#main .sec .note .ttl_note {
  margin: 4% 0;
  font-size: 5.0em;
  font-weight: bold;
}
/* line 160, ../scss/stylesheet.scss */
#main .sec .note .list_note, #main .sec .note .txt_note {
  font-size: 3.0em;
  line-height: 1.6;
}
/* line 163, ../scss/stylesheet.scss */
#main .sec .note .list_note li, #main .sec .note .txt_note li {
  margin: 0 0 5%;
  line-height: 1.4;
}
/* line 166, ../scss/stylesheet.scss */
#main .sec .note .list_note li span, #main .sec .note .txt_note li span {
  display: block;
}
/* line 170, ../scss/stylesheet.scss */
#main .sec .note .list_note a, #main .sec .note .txt_note a {
  color: #fff;
}
/* line 173, ../scss/stylesheet.scss */
#main .sec .note .list_note span, #main .sec .note .txt_note span {
  font-size: .6em;
  line-height: 1.4;
}
/* line 180, ../scss/stylesheet.scss */
#main .sec.activeOn .note {
  left: 0;
}
/* line 185, ../scss/stylesheet.scss */
#main .footer {
  position: fixed;
  right: 0;
  bottom: 0;
  z-index: 10;
  padding: 1%;
  font-size: 1.0em;
  text-align: right;
}

/* line 217, ../scss/stylesheet.scss */
#main.mhkn .sec .ttl_page,
#main.ga .sec .ttl_page,
#main.eg .sec .ttl_page {
  position: fixed;
  right: 0;
  top: 0;
  z-index: 1000;
  width: 3%;
}
/* line 225, ../scss/stylesheet.scss */
#main.mhkn .sec .list_page li,
#main.ga .sec .list_page li,
#main.eg .sec .list_page li {
  position: relative;
  margin: 0;
  padding: 0;
  line-height: 0;
}
/* line 230, ../scss/stylesheet.scss */
#main.mhkn .sec .list_page li .ttl_list_page,
#main.ga .sec .list_page li .ttl_list_page,
#main.eg .sec .list_page li .ttl_list_page {
  position: absolute;
  left: 0;
  top: 0;
  padding: 1% 2%;
  display: block;
  color: #000;
  font-size: 1.4em;
  font-weight: bold;
  line-height: 1.3;
  white-space: nowrap;
}
/* line 241, ../scss/stylesheet.scss */
#main.mhkn .sec .list_page li .ttl_list_page span,
#main.ga .sec .list_page li .ttl_list_page span,
#main.eg .sec .list_page li .ttl_list_page span {
  display: block;
  font-size: .80em;
  font-weight: normal;
}
/* line 246, ../scss/stylesheet.scss */
#main.mhkn .sec .list_page li .ttl_list_page:before,
#main.ga .sec .list_page li .ttl_list_page:before,
#main.eg .sec .list_page li .ttl_list_page:before {
  content: 'title';
  font-size: .86em;
  font-weight: normal;
  margin-right: 3%;
}
/* line 256, ../scss/stylesheet.scss */
#main.mhkn .btn_back,
#main.ga .btn_back,
#main.eg .btn_back {
  position: fixed;
  left: 50%;
  bottom: 0;
  transform: translate(-50%, -50%);
  z-index: 1000;
  display: block;
  width: 80px;
  height: 80px;
  background-image: url("../images/btn_arrow_wh.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-color: #000;
}

/* line 279, ../scss/stylesheet.scss */
#main.mhkn .sec .list_page {
  margin: 3.5% 0 10%;
}
/* line 281, ../scss/stylesheet.scss */
#main.mhkn .sec .list_page li {
  padding: 7% 14%;
}
/* line 290, ../scss/stylesheet.scss */
#main.ga .sec .list_page {
  margin: 3% 0 9%;
}
/* line 296, ../scss/stylesheet.scss */
#main.eg {
  background-color: #000;
}
/* line 300, ../scss/stylesheet.scss */
#main.eg .sec .ttl_page a {
  color: #fff;
}
/* line 303, ../scss/stylesheet.scss */
#main.eg .sec .ttl_page img {
  filter: invert(100%);
}
/* line 307, ../scss/stylesheet.scss */
#main.eg .sec .list_page {
  margin: 3% 0 9%;
}
/* line 309, ../scss/stylesheet.scss */
#main.eg .sec .list_page li {
  padding: 3% 6%;
}
/* line 312, ../scss/stylesheet.scss */
#main.eg .sec .list_page .ttl_list_page {
  color: #fff !important;
  background-color: #000;
}
/* line 324, ../scss/stylesheet.scss */
#main.eg .footer a {
  color: #fff;
}

@media screen and (max-width: 500px) {
  /* line 336, ../scss/stylesheet.scss */
  #main .sec .ctg {
    padding: 5% 4%;
    width: auto;
    font-size: 1.2em;
    line-height: 1.2;
  }
  /* line 343, ../scss/stylesheet.scss */
  #main .sec .ctg span .mb {
    display: block;
  }
  /* line 349, ../scss/stylesheet.scss */
  #main .sec .note .ttl_note {
    margin: 10% 0;
  }
  /* line 354, ../scss/stylesheet.scss */
  #main .footer {
    font-size: 1.6em;
  }

  /* line 363, ../scss/stylesheet.scss */
  #main.mhkn .sec .ttl_page,
  #main.ga .sec .ttl_page,
  #main.eg .sec .ttl_page {
    width: 5%;
  }
  /* line 368, ../scss/stylesheet.scss */
  #main.mhkn .sec .list_page li .ttl_list_page,
  #main.ga .sec .list_page li .ttl_list_page,
  #main.eg .sec .list_page li .ttl_list_page {
    font-size: 2.0em;
  }
  /* line 369, ../scss/stylesheet.scss */
  #main.mhkn .sec .list_page li .ttl_list_page:before,
  #main.ga .sec .list_page li .ttl_list_page:before,
  #main.eg .sec .list_page li .ttl_list_page:before {
    display: none;
  }
  /* line 373, ../scss/stylesheet.scss */
  #main.mhkn .sec .list_page li .ttl_list_page span,
  #main.ga .sec .list_page li .ttl_list_page span,
  #main.eg .sec .list_page li .ttl_list_page span {
    display: inline-block;
    margin-left: 5%;
  }
  /* line 381, ../scss/stylesheet.scss */
  #main.mhkn .btn_back,
  #main.ga .btn_back,
  #main.eg .btn_back {
    left: 10%;
    width: 50px;
    height: 50px;
  }

  /* line 390, ../scss/stylesheet.scss */
  #main.mhkn .sec .list_page li {
    padding: 14%;
  }

  /* line 399, ../scss/stylesheet.scss */
  #main.ga .sec .list_page li {
    padding: 5%;
  }

  /* line 409, ../scss/stylesheet.scss */
  #main.eg .sec .list_page li .ttl_list_page {
    width: 60%;
  }
}
@media screen and (max-width: 840px) {
  /* line 426, ../scss/stylesheet.scss */
  #main .sec .ctg span .mb {
    display: block;
  }
  /* line 432, ../scss/stylesheet.scss */
  #main .sec .list_img li {
    width: 33.33%;
  }
  /* line 435, ../scss/stylesheet.scss */
  #main .sec .list_img .odd_end {
    display: block;
  }
  /* line 440, ../scss/stylesheet.scss */
  #main .footer {
    position: relative;
    padding: 4% 0;
    text-align: center;
  }
}
@media screen and (max-width: 1024px) {
  /* line 453, ../scss/stylesheet.scss */
  #main .sec .ctg {
    font-size: 1.4em;
  }
}

/*# sourceMappingURL=stylesheet.css.map */