.logo {
  position: absolute;
  left: 47%;
  top: 4%;
  width: 5%;
  z-index: 3; }
  .logo img {
    width: 100%; }

.pc {
  display: none; }

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

.linkArea {
  position: fixed;
  bottom: 5%;
  right: 0%;
  width: 16%;
  z-index: 100; }
  .linkArea ul li {
    width: 100%;
    margin-bottom: 2%; }
    .linkArea ul li a {
      display: block;
      padding: 4% 0% 4% 12%;
      border-radius: 100px 0 0 100px;
      font-size: 1.2vw;
      transition: .3s; }
    .linkArea ul li a:hover {
      transition: .3s;
      opacity: 0.7; }
  .linkArea ul li:nth-child(1) a {
    background: #84967e;
    color: #fff; }
  .linkArea ul li:nth-child(2) a {
    background: #ced4ca; }