@charset "UTF-8";
.bg-fv {
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-color: #E3DEB7;
  height: 320px;
  z-index: 0;
  background-image: url(../../assets/img/fv_sp.png);
}

@supports (background-image: url(../../assets/img/fv_sp.webp)) {
  .bg-fv {
    background-image: url(../../assets/img/fv_sp.webp);
  }
}
@media screen and (min-width: 768px) {
  .bg-fv {
    height: 480px;
    background-image: url(../../assets/img/fv.png);
  }
  @supports (background-image: url(../../assets/img/fv.webp)) {
    .bg-fv {
      background-image: url(../../assets/img/fv.webp);
    }
  }
}
/*位置*/
/*高さ*/
@media screen and (max-width: 991.5px) {
  .img-height {
    max-height: 220px;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
/*幅*/
.w-85-100, .w-85 {
  width: 85%;
}

@media screen and (min-width: 768px) {
  .w-md-250 {
    width: 250px;
  }
}
/*ボーダー*/
.border-color-brown {
  border-color: #C1A100 !important;
}

.border-color-gray {
  border-color: #555 !important;
}

.border-dashed-gray {
  border-bottom: 1px dashed #222 !important;
}

/*シャドウ*/
.text-shadow {
  text-shadow: #000 2px 2px 10px;
}

.text-white-shadow {
  text-shadow: #fff 0px 0px 5px;
}

/*ボックス*/
.box-parent {
  box-sizing: border-box;
}

.box-child {
  flex-direction: column;
}

.box-child-text {
  flex-grow: 1;
} /*※この親のdisplay:flex;を指定する*/
/*テキスト*/
@media screen and (min-width: 768px) {
  .text-md-start {
    text-align: start !important;
  }
}
/*画像*/
/* 背景 */
.bg-contents-about, .bg-contents-visit, .bg-contents-profile, .bg-contents-type, .bg-contents-faq, .bg-contents-access, .bg-contents-contact {
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  height: 135px;
  z-index: 0;
  background-image: url(../../assets/img/bg-contents-about.png);
}

@supports (background-image: url(../../assets/img/bg-contents-about.webp)) {
  .bg-contents-about {
    background-image: url(../../assets/img/bg-contents-about.webp);
  }
}
.bg-contents-visit {
  background-image: url(../../assets/img/bg-contents-visit.png);
  background-size: 150% auto;
}

@supports (background-image: url(../../assets/img/bg-contents-visit.webp)) {
  .bg-contents-visit {
    background-image: url(../../assets/img/bg-contents-visit.webp);
  }
}
.bg-contents-profile {
  background-image: url(../../assets/img/bg-contents-profile.png);
}

@supports (background-image: url(../../assets/img/bg-contents-profile.webp)) {
  .bg-contents-profile {
    background-image: url(../../assets/img/bg-contents-profile.webp);
  }
}
.bg-contents-type {
  background-image: url(../../assets/img/bg-contents-type.png);
  background-position: 50% 0;
}

@supports (background-image: url(../../assets/img/bg-contents-type.webp)) {
  .bg-contents-type {
    background-image: url(../../assets/img/bg-contents-type.webp);
  }
}
.bg-contents-faq {
  background-image: url(../../assets/img/bg-contents-faq.png);
}

@supports (background-image: url(../../assets/img/bg-contents-faq.webp)) {
  .bg-contents-faq {
    background-image: url(../../assets/img/bg-contents-faq.webp);
  }
}
.bg-contents-access {
  background-image: url(../../assets/img/bg-contents-access.png);
}

@supports (background-image: url(../../assets/img/bg-contents-access.webp)) {
  .bg-contents-access {
    background-image: url(../../assets/img/bg-contents-access.webp);
  }
}
.bg-contents-contact {
  background-image: url(../../assets/img/bg-contents-contact.png);
}

@supports (background-image: url(../../assets/img/bg-contents-contact.webp)) {
  .bg-contents-contact {
    background-image: url(../../assets/img/bg-contents-contact.webp);
  }
}
/*装飾*/
@media screen and (min-width: 576px) {
  .bg-visit::before, .bg-profile::before, .bg-type::before, .bg-faq::before, .bg-access::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 203px;
    background: url(../../assets/img/bg-visit.svg) no-repeat 0 45%;
    background-size: 25% auto;
  }
  .bg-profile::before {
    height: 183px;
    background: url(../../assets/img/bg-profile.svg) no-repeat 100% 45%;
    background-size: 20% auto;
  }
  .bg-type::before {
    height: 184px;
    background: url(../../assets/img/bg-type.svg) no-repeat 0 45%;
    background-size: 25% auto;
  }
  .bg-faq::before {
    height: 174px;
    background: url(../../assets/img/bg-faq.svg) no-repeat 100% 45%;
    background-size: 25% auto;
  }
  .bg-access::before {
    height: 189px;
    background: url(../../assets/img/bg-access.svg) no-repeat 0 45%;
    background-size: 20% auto;
  }
}
@media screen and (min-width: 768px) {
  .bg-visit::before {
    background-position: 0 0;
    background-size: 20% auto;
  }
  .bg-profile::before {
    background-position: 100% 0;
    background-size: 15% auto;
  }
  .bg-type::before {
    background-position: 0 0;
    background-size: 20% auto;
  }
  .bg-faq::before {
    background-position: 100% 0;
    background-size: 20% auto;
  }
  .bg-access::before {
    background-position: 0 25%;
    background-size: 15% auto;
  }
}/*# sourceMappingURL=style.css.map */