body {
  background: url(../images/sp_bg_index.jpg) top center no-repeat;
  background-size: cover; }
  @media screen and (min-width: 1024px) {
    body {
      background: url(../images/bg_index.jpg) center center no-repeat;
      background-size: cover;
      background-color: #D5D6EA;} }
  body > header {
    position: relative; }

@media screen and (min-width: 1024px) {
  header {
    height: 100%;
    min-height:1000px;} }

@media screen and (min-width: 1024px) {
  header .wrapper {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    margin: auto; } }

header figure {
  text-align: center; }
  @media screen and (min-width: 1024px) {
    header figure {
      height: 100%;
      margin-top: 50px; } }
  @media screen and (min-width: 1024px) {
    header figure img {
      width: auto;
      height: 100%; } }

header .slider {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
  margin: auto;
  padding-bottom: 2rem; }
  header .slider div {
    height: 100%;
    text-align: center; }
  header .slider img {
    height: 100%; }

@media screen and (max-width: 1024px) {
  nav aside.touch ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  nav aside.touch li {
    -webkit-box-shadow: none;
    margin: 0;
    margin-bottom: 2rem;
    border: thin #1e50a2 solid;
      background: linear-gradient(rgba(247,252,254,0.3),rgba(247,252,254,1));
            box-shadow: none; }
  nav aside.touch a {
    text-decoration: none;
    font-size: 20px;
      letter-spacing: 1.2rem;
    padding: 20px; } }

@media screen and (max-width: 1024px) {
  .gNav {
    -ms-flex-wrap: wrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-wrap: wrap;
    margin-bottom: 2rem; }
    .gNav li {
      width: calc(50% - .5px); }
      .gNav li a {
        padding: 0; } }

@media screen and (min-width: 1024px) {
  .gNav {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto; } }

.gNav a {
  position: relative; }
  .gNav a::after {
    -webkit-box-shadow: 0 0 30px #fff;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 70%;
    height: 70%;
    margin: auto;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.5);
            box-shadow: 0 0 30px #fff;
    content: ""; }
  .gNav a.active::after {
    -webkit-box-shadow: 0 0 30px #ff0;
    background: rgba(255, 255, 0, 0.5);
            box-shadow: 0 0 30px #ff0; }