@charset "UTF-8";

* {
    margin: 0;
}

body {
    font-feature-settings: "palt";
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Century Gothic", Helvetica, Meiryo, "ＭＳ Ｐゴシック", Arial, sans-serif;
    background:#000;
}

.wrapp img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
}

.relative {
    position: relative;
}

.wrapp {
    max-width: 750px;
    margin: 0 auto;
}

.cv01_btn {
    width: min(calc((655 / 750) * 100vw), 655px);
    top: min(calc((20 / 750) * 100vw), 20px);
    left: 50%;
    transform: translateX(-50%);
}

.cv02_btn {
    width: min(calc((540 / 750) * 100vw), 540px);
    top: min(calc((1220 / 750) * 100vw), 1220px);
    left: 55%;
    transform: translateX(-50%);
}

.cv03_btn {
    width: min(calc((540 / 750) * 100vw), 540px);
    top: min(calc((928 / 750) * 100vw), 928px);
    left: 50%;
    transform: translateX(-50%);
}

.cv04_btn {
  width: min(calc((655 / 750) * 100vw), 655px);
  top: min(calc((130 / 750) * 100vw), 130px);
  left: 50%;
  transform: translateX(-50%);
}

.cv05_btn {
    width: min(calc((655 / 750) * 100vw), 655px);
    top: min(calc((130 / 750) * 100vw), 130px);
    left: 50%;
    transform: translateX(-50%);
}

.cv06_btn {
  width: min(calc((540 / 750) * 100vw), 540px);
  top: min(calc((732 / 750) * 100vw), 732px);
  left: 50%;
  transform: translateX(-50%);
}

.gmap {
    width: min(calc((610 / 750) * 100vw), 610px);
    top: min(calc((340 / 750) * 100vw), 340px);
    height: 400px;
    left: 50%;
    transform: translateX(-50%);
    position: absolute;
}
.footer {
    margin-bottom: min(calc((150 / 750) * 100vw), 150px);
}

.footer_inner {
    position: absolute;
    width: min(calc((239 / 750) * 100vw), 239px);
    top: min(calc((56 / 750) * 100vw), 56px);
    left: 50%;
    transform: translateX(-50%);
}

.footer_inner div {
    margin-bottom: min(calc((42 / 750) * 100vw), 42px);
}

.footer_inner div:last-child {
    margin-bottom: 0;
}
.btn:hover {
    filter: brightness(110%);
}

.btn {
    transition: filter 0.3s;
    position: absolute;
}
#page-top a{
    display: flex;
    justify-content:center;
    align-items:center;
    width: 100%;
    transition:all 0.3s;
  }
  
  #page-top a:hover{
    background: #000;
  }
  
  
  #page-top {
    max-width: 750px;
    width: 100%;
    position: fixed;
    bottom: 0;
    z-index: 10;
    transform: translateY(150px);
  }
  
 
  
  #page-top.UpMove{
    animation: UpAnime 0.5s forwards;
  }
  @keyframes UpAnime{
    from {
      opacity: 0;
    transform: translateY(150px);
    }
    to {
      opacity: 1;
    transform: translateY(0);
    }
  }
  
  
  
  #page-top.DownMove{
    animation: DownAnime 0.5s forwards;
  }
  @keyframes DownAnime{
    from {
      opacity: 1;
    transform: translateY(0);
    }
    to {
      opacity: 1;
    transform: translateY(150px);
    }
  }