@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Noto+Sans+JP:100,300,400,500,700,900");
/*------------------------------------base*/
body {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 10px;
  color: #000;
  text-align: left;
  position: relative;
}

* {
  box-sizing: border-box;
}

.inner {
  position: relative;
  padding: 6% 4.667%;
  margin: 0 4.667%;
  background: #fff;
  font-size: 170%;
}

.flex {
  display: flex;
  justify-content: space-between;
  flex-flow: row wrap;
}

img {
  width: 100%;
  height: auto;
}

a {
  color: #0071ba;
  display: inline-block;
  transition: all 0.3s ease;
}

a:hover {
  opacity: 0.6;
}

/* アスタリスク　注釈用 */
ul.ast {
  list-style: none;
  font-size: 88.236%;
  margin: 10px 0 0 0;
  text-align: left;
}

ul.ast li {
  margin: 0 0 5px 0;
}

ul.ast li:before {
  content: "\203b";
  color: #000;
}

ul.ast li.white:before {
  content: "\203b";
  color: #fff;
}

.footer {
  background: #000;
}

/*------------------------------------*/
#bg {
  background: url("../img/bg_img.png");
  background-size: contain;
  padding-bottom: 5.067%;
}

#logo {
  width: 77px;
}

header {
  margin: 00;
}

header h1 {
  margin: auto;
}

h2 {
  font-size: 111%;
  margin: 1em 0 0.25em 0;
  font-weight: 700;
}

.backhome {
  width: 86.667%;
  max-width: 65rem;
  margin: 11.067% auto 0;
  text-align: center;
}

.backhome img {
  width: 84.616%;
}

.backhome .notice {
  color: #fff;
  font-size: 2.667vw;
  margin: 7.6% auto 0;
  text-align: left;
  text-indent: -1em;
  padding-left: 1em;
}

/*フッター*/
footer {
  padding: 8.667% 0 5.467%;
  text-align: center;
  color: #fff;
}

footer ul {
  display: flex;
  justify-content: center;
  margin-top: 0.5em;
}

footer ul li {
  font-size: 2.934vw;
  padding: 0 0.5em;
}

footer ul li:first-child {
  border-right: solid 1px #fff;
}

footer a {
  color: #fff;
  text-decoration: none;
}

footer .inner {
  background: none;
  padding: 0;
  margin: auto;
}

footer .anniv_logo {
  width: 44%;
  margin: 0 auto 0.75em auto;
}

footer .footer_copy {
  width: 92%;
  margin: 0 auto 1em auto;
}

footer .notice ul {
  display: inline-block;
}

footer .copyright {
  font-size: 2.934vw;
  margin: auto;
  margin-top: 0.5em;
}

footer .jralogo {
  text-align: center;
  margin-top: 8.667%;
}

footer .jralogo a {
  width: 100px;
  display: inline-block;
}

#totop {
  z-index: 100;
  position: fixed;
  bottom: 2em;
  right: 1em;
}

#totop a {
  width: 40px;
  display: block;
}