.pre-inc p {
  font-size: 14px;
  line-height: 1;
}
.pre-inc p.note {
  font-size: 11px;
  color: #666666;
}
.pre-inc img {
  max-width: 100%;
  vertical-align: bottom;
}
.pre-inc a {
  transition: all 0.2s;
  text-decoration: none;
}
.pre-inc a img {
  transition: all 0.3s;
}
.pre-inc a img:hover {
  opacity: 0.7;
}
.pre-inc a:hover {
  opacity: 0.7;
}
.pre-inc a.none {
  pointer-events: none;
  opacity: 0.4;
}
@media (max-width: 767px) {
  .pre-inc p {
    font-size: 13px;
    line-height: 2.2;
  }
  .pre-inc p.note {
    line-height: 2;
  }
}
.pre-inc {
  /* ------------------------------
  Common
  ------------------------------ */
}
.pre-inc .align-center {
  text-align: center;
}
.pre-inc .text-white {
  color: #fff;
}
.pre-inc .caption-left {
  position: absolute;
  left: 10px;
  bottom: 10px;
  font-size: 11px;
  font-weight: bold;
}
.pre-inc .caption-right {
  position: absolute;
  right: 10px;
  bottom: 10px;
  font-size: 11px;
  font-weight: bold;
}
.pre-inc .btn-request {
  position: relative;
  display: inline-block;
  padding: 18px 80px;
  background: #841f40;
  color: #fff;
  font-weight: bold;
  font-size: 18px;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  .pre-inc .btn-request {
    padding: 8px 60px;
  }
}
.pre-inc .btn-request:after {
  content: "";
  position: absolute;
  right: 10px;
  top: calc(50% - 5px);
  width: 6px;
  height: 9px;
  background: url(../images/common/ico_arrow.png) no-repeat center center;
  background-size: contain;
}
.pre-inc .btn-reserve {
  position: relative;
  display: inline-block;
  padding: 18px 80px;
  background: #0e246d;
  color: #fff;
  font-weight: bold;
  font-size: 18px;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  .pre-inc .btn-reserve {
    padding: 8px 60px;
  }
}
.pre-inc .btn-reserve:after {
  content: "";
  position: absolute;
  right: 10px;
  top: calc(50% - 5px);
  width: 6px;
  height: 9px;
  background: url(../images/common/ico_arrow.png) no-repeat center center;
  background-size: contain;
}
.pre-inc {
  /* .animate {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.5s, transform 0.5s;
  }

  .animate.is-on {
    opacity: 1;
    transform: translateY(0);
  } */
}
@media screen and (max-width: 767px) {
  .pre-inc .is-pc {
    display: none;
  }
}
@media screen and (min-width: 768px) {
  .pre-inc .is-sp {
    display: none;
  }
}
.pre-inc .p-quality {
  padding-top: 100px;
}
@media (max-width: 767px) {
  .pre-inc .p-quality {
    width: 100%;
    position: relative;
    padding-top: 80px;
  }
}
.pre-inc .p-quality .mv {
  position: relative;
}
.pre-inc .p-quality .mv h2 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  font-family: "EB Garamond", "Noto Serif JP", serif;
  text-align: center;
  letter-spacing: 0.1em;
}
.pre-inc .p-quality .mv h2 span {
  font-size: min(4.8vw, 50px);
  font-weight: 400;
  display: block;
  letter-spacing: 0.2em;
}
.pre-inc .p-quality .mv figcaption {
  position: absolute;
  text-align: center;
  right: 15px;
  bottom: 1vw;
  margin: auto;
  padding: 0;
  color: #fff;
}
.pre-inc .p-quality .internal-nav {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  max-width: 1240px;
  padding: 0 20px;
  margin: 60px auto 80px;
}
@media screen and (max-width: 767px) {
  .pre-inc .p-quality .internal-nav {
    gap: 15px 0;
  }
}
.pre-inc .p-quality .internal-nav .each {
  display: block;
  padding: 15px 10px;
  width: calc(33.333% - 16px);
  text-align: center;
  border: 4px solid #d9bfa1;
  background: #96612f;
  font-family: "Noto Serif JP", serif;
  color: #fff;
  cursor: pointer;
  transition: 0.3s;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  .pre-inc .p-quality .internal-nav .each {
    width: 100%;
    padding: 5px;
  }
}
.pre-inc .p-quality .internal-nav .each:hover, .pre-inc .p-quality .internal-nav .each.is-current {
  background: #d9bfa1;
  color: #96612f;
}
.pre-inc .p-quality .internal-nav .each .en {
  display: block;
  font-size: 24px;
}
@media screen and (max-width: 767px) {
  .pre-inc .p-quality .internal-nav .each .en {
    font-size: 18px;
  }
}
.pre-inc .p-quality .internal-nav .each .ja {
  display: block;
  font-size: 12px;
}
@media screen and (max-width: 767px) {
  .pre-inc .p-quality .internal-nav .each .ja {
    font-size: 10px;
  }
}
.pre-inc .p-quality .tab-content {
  display: none;
  max-width: 1220px;
  padding: 0 20px 100px;
  margin: 0 auto;
}
.pre-inc .p-quality .tab-content.is-current {
  display: block;
}
.pre-inc .p-quality .tab-content .mainlead {
  text-align: center;
  font-size: 28px;
}
@media screen and (max-width: 767px) {
  .pre-inc .p-quality .tab-content .mainlead {
    font-size: 20px;
  }
}
.pre-inc .p-quality .tab-content .section {
  margin-top: 60px;
}
.pre-inc .p-quality .tab-content .sectitle {
  padding-bottom: 5px;
  border-bottom: 1px solid #9d8447;
  color: #9d8447;
  font-size: 28px;
}
@media screen and (max-width: 767px) {
  .pre-inc .p-quality .tab-content .sectitle {
    font-size: 20px;
  }
}
.pre-inc .p-quality .tab-content .sectitle span {
  font-size: 14px;
}
@media screen and (max-width: 767px) {
  .pre-inc .p-quality .tab-content .sectitle span {
    font-size: 12px;
  }
}
.pre-inc .p-quality .tab-content .sectionlead {
  margin-top: 10px;
  font-size: 18px;
}
@media screen and (max-width: 767px) {
  .pre-inc .p-quality .tab-content .sectionlead {
    font-size: 15px;
  }
}
.pre-inc .p-quality .tab-content .flex-box {
  align-items: start;
  display: flex;
  flex-wrap: wrap;
  margin-top: 40px;
  gap: 48px 20px;
}
.pre-inc .p-quality .tab-content .flex-box .col-1 {
  width: calc((100% - 220px) / 12 * 1);
}
.pre-inc .p-quality .tab-content .flex-box .col-2 {
  width: calc((100% - 220px) / 12 * 2 + 20px);
}
.pre-inc .p-quality .tab-content .flex-box .col-3 {
  width: calc((100% - 220px) / 12 * 3 + 40px);
}
.pre-inc .p-quality .tab-content .flex-box .col-4 {
  width: calc((100% - 220px) / 12 * 4 + 60px);
}
.pre-inc .p-quality .tab-content .flex-box .col-5 {
  width: calc((100% - 220px) / 12 * 5 + 80px);
}
.pre-inc .p-quality .tab-content .flex-box .col-6 {
  width: calc((100% - 220px) / 12 * 6 + 100px);
}
.pre-inc .p-quality .tab-content .flex-box .col-7 {
  width: calc((100% - 220px) / 12 * 7 + 120px);
}
.pre-inc .p-quality .tab-content .flex-box .col-8 {
  width: calc((100% - 220px) / 12 * 8 + 140px);
}
.pre-inc .p-quality .tab-content .flex-box .col-9 {
  width: calc((100% - 220px) / 12 * 9 + 160px);
}
.pre-inc .p-quality .tab-content .flex-box .col-10 {
  width: calc((100% - 220px) / 12 * 10 + 180px);
}
.pre-inc .p-quality .tab-content .flex-box .col-11 {
  width: calc((100% - 220px) / 12 * 11 + 200px);
}
.pre-inc .p-quality .tab-content .flex-box .col-12 {
  width: 100%;
}
@media screen and (max-width: 767px) {
  .pre-inc .p-quality .tab-content .flex-box {
    gap: 36px 12px;
  }
  .pre-inc .p-quality .tab-content .flex-box .col-3,
  .pre-inc .p-quality .tab-content .flex-box .col-4 {
    width: calc((100% - 132px) / 12 * 6 + 60px);
  }
  .pre-inc .p-quality .tab-content .flex-box .col-6,
  .pre-inc .p-quality .tab-content .flex-box .col-8,
  .pre-inc .p-quality .tab-content .flex-box .col-9,
  .pre-inc .p-quality .tab-content .flex-box .col-12 {
    width: 100%;
  }
  .pre-inc .p-quality .tab-content .flex-box .col-6-sp {
    width: 50%;
  }
  .pre-inc .p-quality .tab-content .flex-box .col-12-sp {
    width: 100%;
  }
}
.pre-inc .p-quality .tab-content .flex-box .innerflex {
  display: flex;
  flex-wrap: wrap;
  gap: 36px 20px;
}
.pre-inc .p-quality .tab-content .flex-box .innerflex .colin-1 {
  width: calc((100% - 220px) / 12 * 1);
}
.pre-inc .p-quality .tab-content .flex-box .innerflex .colin-2 {
  width: calc((100% - 220px) / 12 * 2 + 20px);
}
.pre-inc .p-quality .tab-content .flex-box .innerflex .colin-3 {
  width: calc((100% - 220px) / 12 * 3 + 40px);
}
.pre-inc .p-quality .tab-content .flex-box .innerflex .colin-4 {
  width: calc((100% - 220px) / 12 * 4 + 60px);
}
.pre-inc .p-quality .tab-content .flex-box .innerflex .colin-5 {
  width: calc((100% - 220px) / 12 * 5 + 80px);
}
.pre-inc .p-quality .tab-content .flex-box .innerflex .colin-6 {
  width: calc((100% - 220px) / 12 * 6 + 100px);
}
.pre-inc .p-quality .tab-content .flex-box .innerflex .colin-7 {
  width: calc((100% - 220px) / 12 * 7 + 120px);
}
.pre-inc .p-quality .tab-content .flex-box .innerflex .colin-8 {
  width: calc((100% - 220px) / 12 * 8 + 140px);
}
.pre-inc .p-quality .tab-content .flex-box .innerflex .colin-9 {
  width: calc((100% - 220px) / 12 * 9 + 160px);
}
.pre-inc .p-quality .tab-content .flex-box .innerflex .colin-10 {
  width: calc((100% - 220px) / 12 * 10 + 180px);
}
.pre-inc .p-quality .tab-content .flex-box .innerflex .colin-11 {
  width: calc((100% - 220px) / 12 * 11 + 200px);
}
.pre-inc .p-quality .tab-content .flex-box .innerflex .colin-12 {
  width: 100%;
}
@media screen and (max-width: 767px) {
  .pre-inc .p-quality .tab-content .flex-box .innerflex {
    gap: 18px 12px;
  }
  .pre-inc .p-quality .tab-content .flex-box .innerflex:has(.innerflex) {
    gap: 36px 12px;
  }
  .pre-inc .p-quality .tab-content .flex-box .innerflex .colin-3,
  .pre-inc .p-quality .tab-content .flex-box .innerflex .colin-4 {
    width: calc((100% - 132px) / 12 * 6 + 60px);
  }
  .pre-inc .p-quality .tab-content .flex-box .innerflex .colin-6 {
    width: calc((100% - 132px) / 12 * 6 + 60px);
  }
  .pre-inc .p-quality .tab-content .flex-box .innerflex .colin-8,
  .pre-inc .p-quality .tab-content .flex-box .innerflex .colin-9,
  .pre-inc .p-quality .tab-content .flex-box .innerflex .colin-12 {
    width: 100%;
  }
  .pre-inc .p-quality .tab-content .flex-box .innerflex .colin-1-sp {
    width: calc((100% - 132px) / 12 * 11);
  }
  .pre-inc .p-quality .tab-content .flex-box .innerflex .colin-2-sp {
    width: calc((100% - 132px) / 12 * 2 + 12px);
  }
  .pre-inc .p-quality .tab-content .flex-box .innerflex .colin-3-sp {
    width: calc((100% - 132px) / 12 * 3 + 24px);
  }
  .pre-inc .p-quality .tab-content .flex-box .innerflex .colin-4-sp {
    width: calc((100% - 132px) / 12 * 4 + 36px);
  }
  .pre-inc .p-quality .tab-content .flex-box .innerflex .colin-5-sp {
    width: calc((100% - 132px) / 12 * 5 + 48px);
  }
  .pre-inc .p-quality .tab-content .flex-box .innerflex .colin-6-sp {
    width: calc((100% - 132px) / 12 * 6 + 60px);
  }
  .pre-inc .p-quality .tab-content .flex-box .innerflex .colin-7-sp {
    width: calc((100% - 132px) / 12 * 7 + 72px);
  }
  .pre-inc .p-quality .tab-content .flex-box .innerflex .colin-8-sp {
    width: calc((100% - 132px) / 12 * 8 + 84px);
  }
  .pre-inc .p-quality .tab-content .flex-box .innerflex .colin-9-sp {
    width: calc((100% - 132px) / 12 * 9 + 96px);
  }
  .pre-inc .p-quality .tab-content .flex-box .innerflex .colin-10-sp {
    width: calc((100% - 132px) / 12 * 10 + 108px);
  }
  .pre-inc .p-quality .tab-content .flex-box .innerflex .colin-11-sp {
    width: calc((100% - 132px) / 12 * 11 + 120px);
  }
  .pre-inc .p-quality .tab-content .flex-box .innerflex .colin-12-sp {
    width: 100%;
  }
}
.pre-inc .p-quality .tab-content .item-box .each {
  font-family: serif;
}
.pre-inc .p-quality .tab-content .item-box .name {
  color: #9d8447;
  margin-top: 10px;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.6;
}
@media screen and (max-width: 767px) {
  .pre-inc .p-quality .tab-content .item-box .name {
    font-size: 15px;
  }
}
.pre-inc .p-quality .tab-content .item-box .desc {
  font-size: 14px;
  margin-top: 8px;
  line-height: 1.5;
}
@media screen and (max-width: 767px) {
  .pre-inc .p-quality .tab-content .item-box .desc {
    font-size: 13px;
  }
}
.pre-inc .p-quality .tab-content .item-box .note {
  font-size: 10px;
  margin-top: 10px;
  line-height: 1.4;
}
.pre-inc .p-quality .tab-content .item-box figure {
  display: block;
  position: relative;
  text-align: center;
}
.pre-inc .p-quality .tab-content .item-box figcaption {
  font-size: 10px;
  font-weight: bold;
}
.pre-inc .p-quality .tab-content .item-box figcaption.caption-text-left {
  margin-top: 10px;
  text-align: left;
}
.pre-inc .p-quality .tab-content .item-box .caption-inside {
  position: absolute;
  right: 5px;
  bottom: 5px;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .pre-inc .p-quality .tab-content .item-box .caption-inside {
    margin-top: 5px;
    position: static;
    text-align: right;
  }
}
.pre-inc .p-quality .tab-content .item-box .caption-outside {
  margin-top: 10px;
  line-height: 1;
  text-align: right;
}
.pre-inc .p-quality .tab-content .item-box .caption-inside:not(.caption-w) {
  text-shadow: 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff;
}
.pre-inc .p-quality .tab-content .item-box .caption-right {
  text-align: right;
}
.pre-inc .p-quality .tab-content .item-box .caption-w {
  color: #fff;
}
@media screen and (max-width: 767px) {
  .pre-inc .p-quality .tab-content .item-box .caption-w {
    color: #000;
  }
}
.pre-inc .p-quality .tab-content .quality-precaution {
  font-size: 12px;
  margin-top: 60px;
}
@media screen and (max-width: 767px) {
  .pre-inc .p-quality .tab-content .quality-precaution {
    font-size: 10px;
  }
}
.pre-inc .bath_wrapp {
  padding: 15px;
  border: 1px solid #333;
}
.pre-inc .bath_wrapp.t-y10 {
  transform: translateY(-10px);
}
.pre-inc .p-quality .tab-content .flex-box .innerflex.gap10 {
  gap: 10px 20px;
}
.pre-inc .flex_box {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}
.pre-inc .flex_box .each {
  width: 48%;
}
.pre-inc .p-quality .tab-content .item-box .desc.flex_box {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.pre-inc .p-quality .tab-content .item-box .desc.flex_box span {
  width: 65%;
}
.pre-inc .p-quality .tab-content .item-box figure.toilet_image {
  display: block;
  width: 35%;
}
@media screen and (max-width: 767px) {
  .pre-inc .flex_box .each {
    width: 100%;
  }
}/*# sourceMappingURL=equipment.css.map */