@charset "UTF-8";

.flow .p-global_nav--header a[data-link="flow"]{
  color: var(--color-gold);
  pointer-events: none;
}

.l-main{
  padding-bottom: 100px;
  background: url(/common/images/bg-style06.png) left top 130px repeat;
}
.c-section{
  padding: 70px 0 0;
}

.p-section__heading{
  margin-bottom: 50px;
  font-size: 4.6rem;
  font-weight: normal;
  letter-spacing: 0.1rem;
  line-height: 1.6;
}
.p-section__block{
  position: relative;
  margin-bottom: 90px;
  background: #ffffff;
  overflow: hidden;
}
.p-section__block::after{
  content: "";
  position: absolute;
  bottom: -60px;
  left: 0;
  right: 0;
  margin: auto;
  display: block;
  width: 0;
  height: 0;
  border-top: 35px solid var(--color-gold03);
  border-right: 35px solid transparent;
  border-left: 35px solid transparent;
}
.p-section__block:last-of-type::after{
  display: none;
}
.p-section__image{
  width: 340px;
}
.p-section__detail{
  flex: 1;
  padding: 35px 35px 0 35px;
  text-align: left;
  color: var(--color-black);
  text-align: justify;
}
.p-section__detail__heading{
  margin-bottom: 20px;
}


@media (min-width: 768px) and (max-width: 1040px){
  .p-section__detail {
    padding: 3vw;
    line-height: 1.7;
    font-size: 1.6vw;
  }
  .p-section__detail__heading {
    margin-bottom: 2vw;
  }
  .p-section__block,
  .p-section__image{
    height: 25.8vw;
  }
  .p-section__image{
    width: 37%;
  }
  .p-section__image img{
    width: 100%;
  }
}

@media (max-width: 767px){
  .l-main{
    padding-bottom: 24vw;
  }
  .c-section{
    padding: 20vw 0 0;
  }
  .p-section__heading{
    margin-bottom: 6vw;
    font-size: 7vw;
  }
  .p-section__block{
    margin-bottom: 22vw;
    padding-top: 6vw;
    overflow: initial;
  }
  .p-section__image{
    width: calc( 510 / 690 * 100%);
    margin: auto;
  }
  .p-section__block::after{
    bottom: -16vw;
    border-top: 8vw solid var(--color-gold03);
    border-right: 8vw solid transparent;
    border-left: 8vw solid transparent;
  }
  .p-section__detail {
    padding: 8vw;
  }
  .p-section__detail__heading img{
    height: 7.39vw;
  }
  .p-reservation__link{
    display: block;
    width: calc( 600 / 690 * 100%);
    margin: -8vw auto 0;
  }
}