@charset "UTF-8";

.contentPage h2 {
  letter-spacing: 0.3rem;
}

@media only screen and (max-width: 559px) {
  .contentPage h2 {
    padding: 0;
    letter-spacing: 0.2rem;
  }
}

/* .introduction 
--------------------------------------------*/
.introduction {
  position: relative;
  z-index: 0;
  padding-bottom: 220px;
  line-height: 1.8;
  text-align: center;
}

.introduction::before,
.introduction::after {
  position: absolute;
  z-index: -1;
}

.introduction::before {
  top: 0;
  left: 0;
  width: 249px;
  height: 146px;
  background: url("/_themes/site/images/bg-paws-line.png");
  content: "";
}

.introduction::after {
  right: 0;
  bottom: 0;
  width: 420px;
  height: 230px;
  background: url("/_themes/site/images/cafe-building-line.png") no-repeat center;
  content: "";
}

.contentPage .introduction p {
  margin-bottom: 1.5rem;
}

@media only screen and (max-width: 559px) {
  .introduction {
    padding-bottom: 150px;
  }

  .introduction::before {
    opacity: 0.3;
  }

  .introduction::after {
    width: 320px;
    height: 175px;
    background: url("/_themes/site/images/cafe-building-line.png") no-repeat center/cover;
  }
}

/* .facility 
--------------------------------------------*/
.facility>div:nth-child(2n) h3 {
  text-align: right;
}

.facility .temp-flex1>div.thumb {
  width: 30%;
}

#dogrun {
  position: relative;
  padding-bottom: 9rem;
}

#dogrun::after {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 220px;
  height: 160px;
  background: url("/_themes/site/images/bg-bone-line.png") no-repeat center;
  content: "";
}

#terrace {
  padding-bottom: 4rem;
}

#marche {
  padding-bottom: 4rem;
}

@media only screen and (max-width: 799px) {
  .facility .temp-flex1>div {
    width: 100%;
  }

  .facility>div:nth-child(2n) .text {
    order: 2;
  }

  .facility>div:nth-child(2n) .thumb {
    order: 1;
  }
}