@charset "UTF-8";
@font-face {
  font-family:'Noto Sans JP';
  src:url('../../font/NotoSansJP-Regular-min.woff') format('woff');
  font-weight:normal;font-style:normal;font-display:swap;
}
@font-face {
  font-family:'Noto Sans JP';
  src:url('../../font/NotoSansJP-Bold-min.woff')  format('woff');
  font-weight:bold;font-style:normal;font-display:swap;
}
* {
  margin: 0;
  padding: 0;
}
html, body {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
}
html {
  font-size:62.5%;
}
body {
  font-family:'Noto Sans JP', "Hiragino Kaku Gothic ProN", "Hiragino Sans", "BIZ UDPGothic", "Meiryo", "Arial", sans-serif;
  color:#0C142E;
  font-size:1.4rem;
  line-height:1.8;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
  position:relative;
}
_:lang(x)::-ms-backdrop, .selector {
	font-family: "Segoe UI", Meiryo, sans-serif;
}
a {
  text-decoration:none;color:#0C142E;
}
img,picture {
  display:block;
  width:100%;height:auto;
}
main {
  width:100%;height:auto;position:relative;overflow:hidden;
}
/*----------------------------------------------------
  loading
----------------------------------------------------*/
#loading {
  position: fixed;
  top:0;left:0;bottom:0;
  width:100%;height:100%;
  z-index:99999;
  background:#fff;
  text-align:center;
  display:flex;
  justify-content:center;
  align-items:center;
}
#loading > img {
  max-width:340px;
}
/*----------------------------------------------------
#mobile-nav
----------------------------------------------------*/
#mobile-nav {
  display:none;
  width:100%;max-width:680px;height:auto;
  position:fixed;
  left:0;bottom:0;right:0;
  z-index:1001;
  box-sizing:border-box;
}
#mobile-nav ul {
  width:100%;
  height:auto;
  display:flex;justify-content:space-around;align-items:center;
  margin:0 auto;box-sizing:border-box;
  list-style:none;
  position:relative;
  z-index:1;
}
#mobile-nav li {
  width:50%;
  height:60px;
}
#mobile-nav li a img {
  max-width:190px;
}
#mobile-nav li:nth-of-type(1) {
  background:#ff9d00;
}
#mobile-nav li:nth-of-type(2) {
 display:flex;
 align-items:center;justify-content:center;
 background:#06c755;
}
#mobile-nav li a {
  width:100%;
  height:100%;
  display:flex;flex-direction:column;
  align-items:center;justify-content:center;
}

/*-----------------------------------
 footer
----------------------------------*/
footer {
  width:100%;
  height:auto;
  padding:10px 0;
  background:#000;
  color:#fff;
}
footer a {
  color:#fff!important;
}
.footer-info {
  display:flex;
  justify-content:center;
  align-items:center;
}
.footer-info > span {
  margin:0 20px;
}
.copyright {
  text-align:center;
}
@media screen and (max-width:680px) {
}
@media screen and (max-width:480px) {
  #mobile-nav {
    display:block;
  }
  #loading > img {
    width:55%;
    max-width:initial;
  }
  footer {
    margin-bottom:60px;
  }
  .footer-info {
    font-size:1.1rem;
  }
}