@charset "UTF-8";
/* aタグ設定
------------------------------------- */
@media (any-hover: hover) {
  a:hover, button:hover {
    opacity: 0.75;
  }
}

a, button {
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
  text-decoration: none;
}

/* 基本設定
------------------------------------- */
html {
  font-size: 62.5%;
}

body {
  -webkit-text-size-adjust: 100%;
  font-size: 1.4rem; /* =14px */
  font-family: "Shippori Mincho", serif;
  font-weight: 600;
  background-color: #000;
  color: #fff;
}

ul {
  list-style: none;
}

button {
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

img {
  width: 100%;
  height: auto;
}

/* デフォルトの三角形アイコンを非表示にする */
summary {
  display: block;
  list-style: none;
}

summary::-webkit-details-marker,
summary::marker {
  display: none;
}

/* レスポンシブ設定
------------------------------------- */
.sp {
  display: none;
}
@media screen and (max-width: 768px) {
  .sp {
    display: block !important;
  }
}

@media screen and (max-width: 768px) {
  .pc {
    display: none !important;
  }
}
header {
  width: 430px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  header {
    width: 100%;
    padding-top: 16.5909090909vw;
  }
}

main {
  width: 430px;
  margin: 0 auto;
  background-image: url("../images/bg.webp");
  background-size: 100% auto;
  background-repeat: repeat-y;
  background-position: center -90px;
}
@media screen and (max-width: 768px) {
  main {
    width: 100%;
    background-position: center -20.4545454545vw;
  }
}

.bnr-fixed {
  width: 360px;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 100;
}
@media screen and (max-width: 768px) {
  .bnr-fixed {
    width: 100%;
    background-color: #A00F16;
  }
}

.area03 .movie {
  padding-top: 54%;
  position: relative;
  border: 5px solid #951C1C;
}
.area03 .movie__outer {
  width: 95.8139534884%;
  margin: 0 auto;
  border: 2px solid #fff;
}
.area03 .movie iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.area-slider {
  margin-top: 217px;
}
@media screen and (max-width: 768px) {
  .area-slider {
    margin-top: 49.3181818182vw;
  }
}
.area-slider .slider {
  overflow: hidden;
}
.area-slider .slider__list {
  position: relative;
  width: 100%;
  height: 241px;
}
@media screen and (max-width: 768px) {
  .area-slider .slider__list {
    height: 54.7727272727vw;
  }
}
.area-slider .slider__slide {
  width: 161px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
@media screen and (max-width: 768px) {
  .area-slider .slider__slide {
    width: 36.5909090909vw;
  }
}

.area-slider02 {
  margin-top: 217px;
  margin-bottom: 203px;
}
@media screen and (max-width: 768px) {
  .area-slider02 {
    margin-top: 49.3181818182vw;
    margin-bottom: 46.1363636364vw;
  }
}
.area-slider02 .slider02 {
  overflow: hidden;
}
.area-slider02 .slider02__list {
  position: relative;
  width: 100%;
  height: 241px;
}
@media screen and (max-width: 768px) {
  .area-slider02 .slider02__list {
    height: 54.7727272727vw;
  }
}
.area-slider02 .slider02__slide {
  width: 161px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
@media screen and (max-width: 768px) {
  .area-slider02 .slider02__slide {
    width: 36.5909090909vw;
  }
}

.area-contact {
  margin: 247px auto 241px;
  width: 287px;
  display: block;
}
@media screen and (max-width: 768px) {
  .area-contact {
    margin: 56.1363636364vw auto 54.7727272727vw;
    width: 65.2272727273vw;
  }
}

.area-contact02 {
  margin: 0 auto 40px;
  width: 287px;
  display: block;
}
@media screen and (max-width: 768px) {
  .area-contact02 {
    width: 65.2272727273vw;
    margin-bottom: 9.0909090909vw;
  }
}

footer {
  position: relative;
}
footer .tel {
  width: 178px;
  position: absolute;
  top: 583px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
@media screen and (max-width: 768px) {
  footer .tel {
    width: 40.4545454545vw;
    top: 134.7727272727vw;
  }
}
footer .list-sns {
  position: absolute;
  bottom: 200px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 22px;
}
@media screen and (max-width: 768px) {
  footer .list-sns {
    bottom: 45.4545454545vw;
    gap: 5vw;
  }
}
footer .list-sns li:first-of-type {
  width: 45px;
}
@media screen and (max-width: 768px) {
  footer .list-sns li:first-of-type {
    width: 10.2272727273vw;
  }
}
footer .list-sns li:nth-of-type(2) {
  width: 33px;
}
@media screen and (max-width: 768px) {
  footer .list-sns li:nth-of-type(2) {
    width: 7.5vw;
  }
}
footer .list-sns li:nth-of-type(3) {
  width: 45px;
}
@media screen and (max-width: 768px) {
  footer .list-sns li:nth-of-type(3) {
    width: 10.2272727273vw;
  }
}

.area05 {
  margin-bottom: 252px;
}
@media screen and (max-width: 768px) {
  .area05 {
    margin-bottom: 58.6046511628vw;
  }
}