.logo {
  position: absolute;
  left: 45%;
  top: 3%;
  width: 10%;
  z-index: 3; }
  .logo img {
    width: 100%; }

.sp {
  display: none; }

.sns {
  position: absolute;
  right: 3%;
  top: 2%;
  width: 13vw;
  z-index: 3; }
  .sns a {
    display: block;
    transition: .3s; }
  .sns a:hover {
    transition: .3s;
    opacity: 0.8; }

.h1Ttl {
  padding-top: 10%; }

.linkArea {
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: 100; }
  .linkArea ul {
    display: flex; }
    .linkArea ul li {
      width: 50%; }
      .linkArea ul li a {
        display: block;
        padding: 8% 0;
        text-align: center; }
    .linkArea ul li:nth-child(1) a {
      background: #84967e;
      color: #fff; }
    .linkArea ul li:nth-child(2) a {
      background: #ced4ca; }