@charset "UTF-8";
/* CSS Document */
@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
@import url(https://fonts.googleapis.com/earlyaccess/mplus1p.css);
html, body {
  /*↓キャプチャ不可のため不採用*/
  /*height: 100%;*/
  /*↓サファリ未対応*/
  /*scroll-behavior: smooth;*/
  font-family: sans-serif;
  height: 100%;
}

input[type=submit],
input[type=button] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  -moz-appearance: button;
       appearance: button;
  border: none;
  box-sizing: border-box;
}
input[type=submit]::-webkit-search-decoration,
input[type=button]::-webkit-search-decoration {
  display: none;
}
input[type=submit]::focus,
input[type=button]::focus {
  outline-offset: -2px;
}

/* for Firefox */
::-moz-selection {
  background: #B2DFDB;
  color: #ffffff;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-style: normal;
  font-weight: normal;
  vertical-align: baseline;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after {
  content: "";
  content: none;
}

q:before, q:after {
  content: "";
  content: none;
}

input, textarea {
  margin: 0;
  padding: 0;
}

ol, ul {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption, th {
  text-align: left;
}

a {
  display: block;
  transition: all 0.3s ease-in-out;
}
a:focus {
  outline: none;
}
a:hover {
  transition: all 0.3s ease-in-out;
}

.clearfix {
  min-height: 1px;
}
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

* html .clearfix {
  height: 1px;
  /*¥*/
  /*/
  height: auto;
  overflow: hidden;
  /**/
}

.both {
  clear: both;
}

.inline_block {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

a {
  text-decoration: none;
}

img, video {
  vertical-align: bottom;
}

video {
  width: 100%;
  max-width: 100%;
  height: auto;
}

/*body{
	overflow-y:hidden!important;
}

/*.sub_body{
	overflow-y:hidden!important;
}*/
h1, h2, h3, h4, p, a, dl, dt, dd, tr, th, span, option, select {
  font-family: "Noto Sans Japanese", serif;
  /*font-family:"游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", Osaka, "ＭＳ Ｐゴシック", "MS PGothic";*/
  /*font-family: "Mplus 1p";*/
  font-weight: 400;
  color: #555;
  font-size: 14px;
  line-height: 1.8;
  letter-spacing: 0.01em;
}

h1 {
  font-size: 22px;
}

h2 {
  font-size: 20px;
}

h3 {
  font-size: 18px;
}

/* ふわふわエモート*/
.fuwafuwa {
  -webkit-animation-name: fuwafuwa;
  -webkit-animation-duration: 3s;
  -webkit-animation-iteration-count: infinite;
  /*-webkit-animation-direction:alternate;*/
  -webkit-animation-timing-function: ease;
  -moz-animation-name: fuwafuwa;
  -moz-animation-duration: 3s;
  -moz-animation-iteration-count: infinite;
  /*-moz-animation-direction:alternate;*/
  -moz-animation-timing-function: ease;
}
body, .sub_body, main {
  width: 100%;
  overflow-x: hidden;
  /*↓position: sticky;用*/
  overflow: visible;
}

body {
  word-wrap: break-word;
}

/*// IE10以下では表示させない*/
.ie_msg {
  display: none;
}

.ie11 main, .ie11 .drawer-toggle, .ie10 main, .ie10 .drawer-toggle, .ie9 main, .ie9 .drawer-toggle {
  /*display: none;*/
  position: fixed;
}
.ie11 .ie_msg, .ie10 .ie_msg, .ie9 .ie_msg {
  z-index: 100;
  display: block;
  position: absolute;
  height: 100vh;
  width: 100%;
  background: rgba(0, 0, 0, 0.8);
  top: 0;
  left: 0;
}
.ie11 .ie_msg .ie_txt, .ie10 .ie_msg .ie_txt, .ie9 .ie_msg .ie_txt {
  border: solid 1px #fff;
  display: inline-block;
  padding: 20px;
  margin: 40px;
}
.ie11 .ie_msg .ie_txt p, .ie10 .ie_msg .ie_txt p, .ie9 .ie_msg .ie_txt p {
  font-size: 30px;
  color: #fff;
}
.ie11 .ie_msg .ie_txt .ie_name, .ie10 .ie_msg .ie_txt .ie_name, .ie9 .ie_msg .ie_txt .ie_name {
  margin-top: 20px;
  font-size: 24px;
  text-align: right;
}

.ie8 body *, .ie7 body *, .ie6 body *, .ie5 body * {
  display: none;
}

a:hover {
  opacity: 0.5;
}

/*タブレット**************************************************************************************************************/
@media all and (min-width: 768px) {
  .pace {
    -webkit-pointer-events: none;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    transform: translate3d(0, -50px, 0);
    transition: transform 0.5s ease-out;
  }
  .pace.pace-active {
    transform: translate3d(0, 0, 0);
  }
  .pace .pace-progress {
    display: block;
    position: fixed;
    z-index: 2000;
    top: 0;
    right: 100%;
    width: 100%;
    height: 5px;
    background: linear-gradient(90deg, #CDDC39, #009688);
    pointer-events: none;
  }
  body {
    padding-top: 0 !important;
  }
}
@media all and (min-width: 1024px) {
  h1, h2, h3, h4, p, a, dl, dt, dd, tr, th, span, option, select {
    font-size: 15px;
  }
}
/*# sourceMappingURL=maps/reset.css.map */