@charset "UTF-8";
/***** 共通 *****/
@media screen and (max-width: 800px) {
  header {
    position: fixed; } }

footer {
  display: none; }
  @media screen and (max-width: 800px) {
    footer {
      display: block;
      position: fixed;
      bottom: 0; } }

/***** メインビジュアル *****/
.heroBloc {
  height: calc(100vh - 60px);
  overflow: hidden;
  /*
  	background-image: url("../img/index/slide_01.jpg");
  	background-size: cover;
  	background-position: center;
  	background-repeat: no-repeat;
  */ }
  @media screen and (max-width: 800px) {
    .heroBloc {
      display: none; } }

.heroBloc img {
  object-fit: cover; }

/***** スマホトップ *****/
.spTop {
  height: 100vh;
  display: none; }
  @media screen and (max-width: 800px) {
    .spTop {
      display: block; } }

.spTop ul {
  height: calc(100vh - 105px);
  padding-top: 60px; }

.spTop ul li {
  width: 100%;
  height: 25%;
  border-bottom: 1px solid #999;
  letter-spacing: 0.1em; }

.spTop ul li a {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center; }

.spTop ul li a:hover {
  text-decoration: none; }