@charset "UTF-8";
/*color*/
/*font-family*/
/*filler color*/
/*text-shadow*/
/*media query break point*/
/*mainBP*/
/*gHeader用*/
/* media query */
/* ==========================================================
 swipe icon
========================================================== */
.swipeIcon {
  display: none;
}
@media only screen and (max-width: 767px) {
  .swipeIcon {
    display: block;
    position: absolute;
    top: calc(50% - 8rem);
    left: calc(50vw - 8rem);
    width: 16rem;
    height: 16rem;
    background-size: cover;
    background-size: 95%;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../../images/common/i_scroll_beside.svg);
    z-index: 1;
  }
}

/* setting //////////////////////////////////////////////////*/
/*color*/
/*font-family*/
/*filler color*/
/*text-shadow*/
/*media query break point*/
/*mainBP*/
/*gHeader用*/
/*// mixin //////////////////////////////////////////////////*/
/* media query */
/* hover */
.p-mv {
  height: 80svh;
}
@media only screen and (max-width: 767px) {
  .p-mv {
    height: 60svh;
  }
}
.p-mv .c-imgBox {
  width: 100%;
  height: 100%;
}
.p-mv img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.c-conv-fin .contact {
  max-width: 60rem;
  margin: 0 auto 3rem;
  text-align: center;
  background: #444444;
  padding: 2rem 1rem;
  border: 1px solid;
}

.c-conv-fin .toiawase {
  margin: 1rem auto;
  max-width: 40rem;
}

.c-conv-fin .time {
  font-size: 1.4rem;
}

.c-conv__wrap__btns .c-button {
  background-color: #af9164;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.c-conv__wrap__btns .c-button:hover {
  background-color: #af9164;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.p-mv__txt {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 0;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 90vw;
  max-width: 75rem;
  margin: 0 auto;
  background: rgba(33, 32, 32, 0.7411764706);
  padding: 3rem 1rem;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border: 1px solid #af9164;
  position: absolute;
  color: white;
}

@media only screen and (max-width: 767px) {
  .p-mv__txt {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
}
.fin-img {
  max-width: 20rem;
  width: 14vw;
  display: block;
  min-width: 12rem;
}

.fin-ttl {
  font-size: 3.6rem;
  line-height: 1;
  margin-bottom: 1rem;
  text-align: center;
}

@media only screen and (max-width: 767px) {
  .fin-ttl {
    font-size: 2.4rem;
    line-height: 1.4;
  }
}
.fin-txt {
  font-size: 2rem;
  text-align: center;
}

@media only screen and (max-width: 767px) {
  .fin-txt {
    font-size: 1.5rem;
    line-height: 2;
  }
}
.l-footer-float,
.foot-cv {
  display: none;
}

/* スマホのナビを遅く表示させたい場合 */
.spNavBar {
  bottom: -100%;
  -webkit-transition-duration: 0.6s;
  transition-duration: 0.6s;
}

.spNavBar.on {
  bottom: -1px;
}

/*# sourceMappingURL=top-fin.css.map */