@charset 'UTF-8';


/* 共通
=========================================== */

*,
*::before,
*::after {
  box-sizing: border-box;
  font-family: 'Yu Gothic Medium', '游ゴシック Medium', YuGothic, '游ゴシック体', 'メイリオ', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro', sans-serif;
}

img {
  vertical-align: bottom;
  width: 100%;
}

ul {
  list-style: none;
}

a,
a:hover {
  text-decoration: none;
}

@media screen and (max-width: 768px) {
 
}


/* responsive
=========================================== */

@media screen and (min-width: 769px) {
  .sp {
    display: none !important;
  }
}

@media screen and (max-width: 768px) {
  .pc {
    display: none !important;
  }
}

/* header
=========================================== */

/* pagetopへ */
.pgtop {
  position: fixed;
  z-index: 5;
  right: 100px;
  bottom: 20px;
}

.pgtop a {
  display: block;
  width: 80px;
  height: 80px;
  background-color:rgba(0, 0, 0, 0.8);
  border-radius: 50%;
  position: relative;
}

.pgtop a:hover {
  opacity: .8;
}

.pgtop a::after {
  content: '';
  display: block;
  width: 40px;
  height: 40px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  position: absolute;
  top: calc(50% - 10px);
  left: calc(50% - 20px);
  transform: rotate(-45deg);
}

@media screen and (max-width: 768px) {
  .pgtop {
    right: 20px;
    bottom: 20px;
  }

  .pgtop a {
    display: block;
    width: 50px;
    height: 50px;
  }

  .pgtop a::after {
    width: 20px;
    height: 20px;
    top: calc(50% - 5px);
    left: calc(50% - 10px);
  }
}