@charset "UTF-8";
/*color*/
/*add color*/
/*font-family*/
/*filler color*/
/*text-shadow*/
/*media query break point*/
/*mainBP*/
/*gHeader用*/
/*cubic*/
/* media query */
/* hover */
/* ------------------------------------------------------------
	lineHeightCrop（line-heightの不要な余白を打ち消す）のmixin。
------------------------------------------------------------ */
.p-hero {
  width: 100%;
}
.p-hero__img {
  width: 100%;
}
.p-hero__img img {
  display: block;
  width: 100%;
  height: auto;
}

.p-view {
  width: 100%;
  background-color: #4e4d3c;
  padding-block: 4rem 8rem;
}
@media only screen and (max-width: 768px) {
  .p-view {
    padding-block: 2rem 4rem;
  }
}
.p-view__inner {
  text-align: center;
}
.p-view__ttl {
  color: #fff;
  font-size: 1.6rem;
  font-weight: bold;
  margin-bottom: 24px;
}
@media only screen and (max-width: 768px) {
  .p-view__ttl {
    font-size: 1.4rem;
  }
}
.p-view__lead {
  color: #fff;
  font-size: 1.6rem;
  line-height: 1.8;
  margin-bottom: 40px;
}
@media only screen and (max-width: 768px) {
  .p-view__lead {
    font-size: 1.4rem;
  }
  .p-view__lead br {
    display: none;
  }
}
.p-view__imgBox {
  margin-top: 6rem;
  margin-bottom: 6rem;
}
@media only screen and (max-width: 768px) {
  .p-view__imgBox {
    margin-bottom: 3rem;
  }
}
.p-view__img {
  max-width: 64rem;
  margin-inline: auto;
}
.p-view__img.mod--wide {
  max-width: 96rem;
}
.p-view__img img {
  display: block;
  width: 100%;
  height: auto;
}
.p-view__cap {
  font-size: 1.1rem;
  color: #fff;
  text-align: right;
  max-width: 64rem;
  width: 100%;
  margin-inline: auto;
}
@media only screen and (max-width: 768px) {
  .p-view__cap {
    font-size: 1rem;
  }
}

.p-park {
  width: 100%;
  background-color: #4e4d3c;
  padding-block: 80px;
}
@media only screen and (max-width: 768px) {
  .p-park {
    padding-block: 40px;
  }
}
.p-park__ttl {
  color: #fff;
  font-size: 1.6rem;
  font-weight: bold;
  text-align: center;
  margin-bottom: 24px;
}
@media only screen and (max-width: 768px) {
  .p-park__ttl {
    font-size: 1.4rem;
  }
}
.p-park__lead {
  color: #fff;
  font-size: 1.6rem;
  line-height: 1.8;
  text-align: center;
  margin-bottom: 40px;
}
@media only screen and (max-width: 768px) {
  .p-park__lead {
    font-size: 1.4rem;
  }
  .p-park__lead br {
    display: none;
  }
}
.p-park__grid {
  display: grid;
  grid-template-columns: 42.5% 1fr;
  gap: 3%;
  max-width: 96rem;
  margin-inline: auto;
}
@media only screen and (max-width: 768px) {
  .p-park__grid {
    grid-template-columns: 1fr;
  }
}
.p-park__col {
  display: grid;
  gap: 8px;
}
.p-park__img img {
  display: block;
  width: 100%;
  height: auto;
}
.p-park__cap {
  width: 100%;
  font-size: 1.1rem;
  color: #fff;
  text-align: right;
  margin-inline: auto;
}
@media only screen and (max-width: 768px) {
  .p-park__cap {
    font-size: 1rem;
  }
}

.p-rank {
  width: 100%;
  background-color: #4e4d3c;
  padding-block: 80px;
}
@media only screen and (max-width: 768px) {
  .p-rank {
    padding-block: 40px;
  }
}
.p-rank__ttl {
  text-align: center;
  margin-bottom: 3rem;
}
.p-rank__grid {
  display: grid;
  grid-template-columns: 1fr 1.1fr;
  align-items: center;
  gap: 6rem;
}
@media only screen and (max-width: 768px) {
  .p-rank__grid {
    grid-template-columns: 1fr;
    gap: 1rem;
  }
}
.p-rank__box {
  max-width: 96rem;
  width: 100%;
  margin-inline: auto;
  background-color: #e2d9d4;
  padding: 2rem 3rem 2rem 5rem;
}
@media only screen and (max-width: 768px) {
  .p-rank__box {
    padding: 2rem 1rem 3rem;
  }
}
.p-rank__img img {
  display: block;
  width: 100%;
  height: auto;
}
.p-rank__txt {
  color: #242424;
  font-size: 2rem;
  line-height: 2;
  font-weight: bold;
}
@media only screen and (max-width: 768px) {
  .p-rank__txt {
    font-size: 1.6rem;
    text-align: center;
  }
}
.p-rank__txt small {
  font-size: 0.9em;
}
.p-rank__txt em {
  font-size: 1.1em;
  line-height: 1;
}
.p-rank__cap {
  font-size: 1.1rem;
  color: #242424;
}
@media only screen and (max-width: 768px) {
  .p-rank__cap {
    font-size: 1rem;
  }
}

.p-bedrock {
  width: 100%;
  background-color: #4e4d3c;
  padding-block: 80px;
}
@media only screen and (max-width: 768px) {
  .p-bedrock {
    padding-block: 40px;
  }
}
.p-bedrock__inner {
  display: grid;
  grid-template-columns: 1fr 60%;
  gap: 1rem;
  max-width: 96rem;
  margin-inline: auto;
}
@media only screen and (max-width: 768px) {
  .p-bedrock__inner {
    grid-template-columns: 1fr;
    gap: 2rem;
  }
}
.p-bedrock__copy {
  text-align: left;
}
@media only screen and (max-width: 768px) {
  .p-bedrock__copy {
    text-align: center;
  }
}
.p-bedrock__lead {
  color: #fff;
  font-size: 1.6rem;
  line-height: 1.8;
  text-align: center;
  margin-bottom: 40px;
}
@media only screen and (max-width: 768px) {
  .p-bedrock__lead {
    font-size: 1.4rem;
  }
  .p-bedrock__lead br {
    display: none;
  }
}
.p-bedrock__img img {
  display: block;
  width: 100%;
  height: auto;
}
.p-bedrock__cap {
  font-size: 1.1rem;
  color: #fff;
  text-align: right;
}
@media only screen and (max-width: 768px) {
  .p-bedrock__cap {
    font-size: 1rem;
  }
}
/*# sourceMappingURL=../../map/area/position.css.map */