@charset "UTF-8";
/* =================================================== */
/* slider (slick) */
/* =================================================== */
.slider_block {
  width: 100%;
  height: auto;
}
.slider_img {
  width: 100%;
  height: auto;
  object-fit: cover;
}

/* =================================================== */
/* topに戻る */
/* =================================================== */
/* footerで止まる用 */
.body_inner {
  position: relative;
}
/* ボタン全体 */
.page_top_btn {
  color: #2c2f30;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.71;
  letter-spacing: 0.1em;
  text-align: center;
  padding-top: 25px;
  width: 50px;
  height: 50px;
  position: fixed;
  right: 20px;
  bottom: 20px;
  background: #fff;
  border: 1px solid #2c2f30;
  opacity: 0.8;
}
/* Font Awesome */
.page_top_btn::before {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: '\f077';
  font-size: 30px;
  color: #2c2f30;
  position: absolute;
  width: 30px;
  height: 65px;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}
.page_top_btn:hover {
  background-color: rgba(244, 244, 244,0.7);
  color: rgba(44, 47, 48, 0.7);
  opacity: 0.8;
  transition: 0.3s;
  border: 1px solid rgba( 115, 115, 115, 0.7);
}

.page_top_btn:hover::before {
  color: rgba(44, 47, 48, 0.7);
}

@media screen and (max-width:519px) { /*スマホ(Sp)*/
  .page_top_btn {
    width: 40px;
    height: 40px;
    right: 10px;
    bottom: 20px;
    padding-top: 20px;
  }
  .page_top_btn::before {
    font-size:25px;
    width: 30px;
    height: 53px;
  }
}