.wrapper {
  color: #fff;
}
.wrapper iframe {
  width: 1200px;
  max-width: 100%;
  height: 700px;
  aspect-ratio: 12/7;
  overflow: hidden;
}

.gr {
  padding-top: 60px;
}
.gr h3 {
  padding-top: 128px;
  background: transparent url(../img/ttl-gr.png) no-repeat 50% 0;
  text-align: center;
  font-size: 37px;
  margin: 0 0 103px;
}
.gr p {
  width: 640px;
  margin: 0 auto 160px;
  font-size: 18px;
  line-height: 1.77;
}
.gr ul {
  max-width: 576px;
  margin: 0 auto 120px;
  list-style: none;
}

.pnav li:nth-of-type(1).active a span::after,
.pnav li:nth-of-type(1) a:hover span::after {
  height: 97px;
}
.pnav li:nth-of-type(2).active a span::after,
.pnav li:nth-of-type(2) a:hover span::after {
  height: 96px;
}
.pnav li:nth-of-type(3).active a span::after,
.pnav li:nth-of-type(3) a:hover span::after {
  height: 51px;
}
.pnav li:nth-of-type(4).active a span::after,
.pnav li:nth-of-type(4) a:hover span::after, .pnav li:nth-of-type(5).active a span::after,
.pnav li:nth-of-type(5) a:hover span::after {
  height: 44px;
}

.block {
  padding: 75px 15px 90px;
  max-width: 1230px;
  margin: 0 auto;
}
.block .top {
  margin-bottom: 70px;
}
.block h4 {
  margin: 0 0 35px;
  display: flex;
  align-items: center;
  gap: 0.5em;
  line-height: 1;
  font-weight: bold;
}
.block h4 strong {
  font-size: 78px;
}
.block h4 span {
  font-size: 50px;
}
.block .img {
  margin-bottom: 30px;
}
.block p {
  line-height: 1.77;
  font-size: 18px;
}
.block .bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.block .info {
  width: 39.17%;
}
.block h5 {
  font-size: 24px;
  font-weight: bold;
  border-bottom: 1px solid #fff;
  padding-bottom: 5px;
  margin: 0;
}
.block dl {
  display: flex;
  margin: 0;
  align-items: center;
  border-bottom: 1px solid #fff;
  padding: 20px 0;
}
.block dl dt {
  width: 90px;
  font-weight: bold;
}
.block dl dd {
  padding-left: 10px;
  flex: 1;
  line-height: 1.77;
}
.block .madori {
  width: 50%;
}

.amenity {
  background: #fff;
  color: #111111;
  padding: 27px 15px 170px;
}
.amenity h4 {
  padding-top: 110px;
  margin: 0 auto 48px;
  text-align: center;
  font-size: 37px;
  background: transparent url(../img/ttl-amenity.png) no-repeat 50% 0;
}
.amenity .row {
  max-width: 1370px;
  margin: 0 auto;
}
.amenity1 .row {
  gap: 40px;
  display: flex;
  justify-content: center;
}
.amenity1 .box {
  width: 430px;
  font-size: 18px;
  line-height: 1.77;
}
.amenity1 .img {
  margin-bottom: 36px;
}
.amenity1 p {
  font-size: 18px;
}
.amenity2 dl {
  margin: 0;
  display: flex;
  align-content: stretch;
}
.amenity2 dl + dl {
  margin-top: 10px;
}
.amenity2 dl dt {
  width: 300px;
  margin: 0;
  display: grid;
  place-items: center;
  border: 1px solid #111;
  font-size: 24px;
  font-weight: bold;
}
.amenity2 dl dd {
  font-size: 18px;
  padding: 20px 18px;
  flex: 1;
  line-height: 1.66;
}

/*# sourceMappingURL=hanare-2f.css.map */