@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-top__mv {
  width: 100%;
  height: 100svh;
  position: relative;
  overflow: hidden;
  background: linear-gradient(0deg, rgb(249, 236, 229) 40%, #c7cce1 80%, #a1a2be 100%);
}
@media only screen and (max-width: 1080px) {
  .p-top__mv {
    background: linear-gradient(0deg, rgb(249, 236, 229) 40%, #c7cce1 80%, #a1a2be 100%);
  }
}
@media only screen and (max-width: 792px) {
  .p-top__mv {
    height: 100svh;
  }
}
@media only screen and (max-width: 1080px) {
  .p-top__mv {
    height: 70svh;
  }
}
@media only screen and (max-width: 768px) {
  .p-top__mv {
    height: 70svh;
  }
}
@media only screen and (max-width: 1080px) {
  .p-top__mv.mod--bnrmov {
    height: 100svh;
  }
}
.p-top__mv.mod--bnrmov .mod--access {
  height: 23rem;
}
.p-top__mv.mod--bnrmov .p-top__mv__ttl {
  height: 11.5rem;
}
.p-top__mv__sky {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.p-top__mv__sky picture {
  width: 100%;
  height: 100%;
  display: block;
}
.p-top__mv__sky img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 50% 0%;
     object-position: 50% 0%;
}
.p-top__mv__ttl {
  display: block;
  position: absolute;
  top: 45%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 80%;
  height: 8rem;
  z-index: 3;
}
.p-top__mv__ttl.mod--access {
  height: 15rem;
}
@media only screen and (max-width: 1080px) {
  .p-top__mv__ttl.mod--access {
    height: 10rem !important;
    width: 90% !important;
  }
}
@media only screen and (max-width: 1080px) {
  .p-top__mv__ttl {
    height: 8rem;
  }
}
@media only screen and (max-width: 768px) {
  .p-top__mv__ttl {
    width: 80%;
    height: 16rem;
  }
}
.p-top__mv__ttl img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}
.p-top__mv__img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}
.p-top__mv__img picture {
  width: 100%;
  height: 100%;
}
.p-top__mv__img img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}
.p-top__mv__img.mod--mvMantion .p-top__mv__ttl {
  top: 25%;
}
.p-top__mv__img.mod--mvMantion .p-top__mv__imgMantion {
  width: 100%;
  height: 100%;
  z-index: -1;
}
.p-top__mv__img.mod--mvMantion .p-top__mv__imgMantion img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.p-top__mv__img.mod--mvMantion .p-top__mv__imgMantion::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
  background: linear-gradient(0deg, rgb(249, 236, 229) 40%, rgba(249, 236, 229, 0.7) 54%, rgba(217, 219, 239, 0) 80%);
  mix-blend-mode: multiply;
  opacity: 0.75;
}
@media only screen and (max-width: 1080px) {
  .p-top__mv__img.mod--mvMantion .p-top__mv__imgMantion::after {
    background: linear-gradient(0deg, rgb(249, 236, 229) 20%, rgba(249, 236, 229, 0.7) 30%, rgba(217, 219, 239, 0) 60%);
  }
}

.logo-bukkenLogo__link img {
  filter: invert(61%) sepia(56%) saturate(305%) hue-rotate(4deg) brightness(90%) contrast(93%);
}

@property --wave-pos {
  syntax: "<percentage>";
  inherits: false;
  initial-value: -100%;
}
@keyframes radialFlow {
  from {
    --wave-pos: -100%;
  }
  to {
    --wave-pos: 0%;
  }
}
body {
  overflow-x: clip;
}

i {
  display: inline-block;
}

.c-img {
  width: 100%;
  height: 100%;
  position: relative;
  margin-bottom: 6rem;
}
@media only screen and (max-width: 768px) {
  .c-img {
    margin-bottom: 3rem;
  }
}

.p-top .p-mv {
  width: 100%;
  height: auto;
  position: relative;
  aspect-ratio: 144/70;
  overflow: hidden;
}
@media only screen and (max-width: 768px) {
  .p-top .p-mv {
    aspect-ratio: 1/1;
  }
}
.p-top .p-mv img {
  width: 100%;
  height: 100%;
}
.p-top .p-mv__base {
  top: 0;
  left: 0;
  position: absolute;
  width: 100%;
  height: 100%;
}
.p-top .p-mv__base img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.p-top .p-mv__item {
  width: 100%;
  height: 100%;
  max-width: 1650px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: grid;
  grid-template-columns: 48% 1fr;
}
@media only screen and (max-width: 768px) {
  .p-top .p-mv__item {
    display: none;
  }
}
.p-top .p-mv__ttl img, .p-top .p-mv__imgs img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.p-top .p-mv__ttl {
  position: relative;
}
.p-top .p-mv__ttl__inner {
  width: 100%;
  max-width: 600px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.p-top .p-intro {
  padding-block: 8rem;
}
@media only screen and (max-width: 768px) {
  .p-top .p-intro {
    padding-block: 4rem;
  }
}
.p-top .p-intro__ttl {
  text-align: center;
  line-height: 1.5;
  font-size: 4rem;
  margin-bottom: 2em;
}
@media only screen and (max-width: 768px) {
  .p-top .p-intro__ttl {
    font-size: 2.6rem;
  }
}
.p-top .p-intro__ttl small {
  color: #9d872c;
  font-size: 0.5em;
}
.p-top .p-intro__lead {
  font-size: 1.25em;
  color: #9d872c;
}
.p-top .p-cof {
  padding-block: 8rem;
}
@media only screen and (max-width: 768px) {
  .p-top .p-cof {
    padding-block: 4rem;
  }
}
.p-top .p-cof__img {
  width: 30%;
  position: absolute;
  top: 90%;
  left: 90%;
  transform: translate(-50%, -50%);
  z-index: 1;
}
.p-top .p-cof__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.p-top .c-voice {
  margin-top: 6rem;
}
@media only screen and (max-width: 768px) {
  .p-top .c-voice {
    margin-top: 4rem;
  }
}
.p-top .c-voice__ttl {
  position: relative;
  text-align: center;
  font-size: 1.8rem;
  color: #9d872c;
  padding-block: 1.6rem;
  margin-bottom: 3rem;
  margin-left: 1.5em;
  width: -moz-fit-content;
  width: fit-content;
}
.p-top .c-voice__ttl::before, .p-top .c-voice__ttl::after {
  content: "";
  position: absolute;
  left: -1em;
  width: 100%;
  height: 1px;
  background: #9d872c;
  transform-origin: left center;
}
.p-top .c-voice__ttl::before {
  top: 1em;
  transform: rotate(-10deg);
}
.p-top .c-voice__ttl::after {
  bottom: 1em;
  transform: rotate(10deg);
}
@media only screen and (max-width: 768px) {
  .p-top .c-voice__ttl {
    font-size: 1.5rem;
    margin-bottom: 2rem;
  }
}
.p-top .c-voice__list {
  display: flex;
  flex-direction: column;
  gap: 2.4rem;
}
@media only screen and (max-width: 768px) {
  .p-top .c-voice__list {
    gap: 1.6rem;
  }
}
.p-top .c-voice__item {
  display: flex;
  align-items: center;
  gap: 2rem;
}
@media only screen and (max-width: 768px) {
  .p-top .c-voice__item {
    gap: 1.2rem;
  }
}
.p-top .c-voice__icon {
  width: 7rem;
  height: 7rem;
  border-radius: 50%;
  overflow: hidden;
  flex-shrink: 0;
  box-shadow: 0 0 16px #a88a5a;
}
.p-top .c-voice__icon img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media only screen and (max-width: 768px) {
  .p-top .c-voice__icon {
    width: 5.5rem;
    height: 5.5rem;
  }
}
.p-top .c-voice__txt {
  position: relative;
  flex: 1;
  background: #fff;
  border-radius: 24px;
  padding: 1.4rem 2.8rem;
  font-size: 1.6rem;
  line-height: 1.7;
  box-shadow: 0 0 16px #a88a5a;
}
.p-top .c-voice__txt::before {
  content: "";
  position: absolute;
  left: -1.6rem;
  bottom: 0;
  width: 1.8rem;
  height: 2rem;
  background: #fff;
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%);
  top: 50%;
  transform: translateY(-50%);
  box-shadow: 0 0 16px #a88a5a;
}
@media only screen and (max-width: 768px) {
  .p-top .c-voice__txt {
    font-size: 1.3rem;
    padding: 1.2rem 1.8rem;
    border-radius: 30px;
  }
  .p-top .c-voice__txt::before {
    left: -1.2rem;
    bottom: 0.6rem;
    width: 1.4rem;
    height: 1.8rem;
  }
}
.p-top .p-aro {
  padding-block: 8rem;
}
@media only screen and (max-width: 768px) {
  .p-top .p-aro {
    padding-block: 4rem;
  }
}
.p-top .p-golf {
  padding-block: 8rem;
}
@media only screen and (max-width: 768px) {
  .p-top .p-golf {
    padding-block: 4rem;
  }
}
.p-top .p-gift {
  padding-block: 8rem;
}
@media only screen and (max-width: 768px) {
  .p-top .p-gift {
    padding-block: 4rem;
  }
}
.p-top .p-end {
  padding-block: 8rem;
}
@media only screen and (max-width: 768px) {
  .p-top .p-end {
    padding-block: 4rem;
  }
}
.p-top .p-outline {
  padding-block: 8rem;
}
@media only screen and (max-width: 768px) {
  .p-top .p-outline {
    padding-block: 4rem;
  }
}
.p-top .p-outline__ttl {
  text-align: center;
  font-size: 2.4rem;
  font-weight: bold;
  color: #9d872c;
  margin-bottom: 3.2rem;
}
@media only screen and (max-width: 768px) {
  .p-top .p-outline__ttl {
    font-size: 1.8rem;
    margin-bottom: 2rem;
  }
}
.p-top .p-outline__tbl {
  width: 100%;
  border-collapse: collapse;
  font-size: 1.6rem;
}
@media only screen and (max-width: 768px) {
  .p-top .p-outline__tbl {
    font-size: 1.4rem;
  }
}
.p-top .p-outline__tbl tr {
  border-top: 1px solid #dcdddd;
}
.p-top .p-outline__tbl tr:last-child {
  border-bottom: 1px solid #dcdddd;
}
.p-top .p-outline__tbl th {
  width: 9em;
  padding: 1.8rem 1.6rem 1.8rem 0;
  font-weight: normal;
  vertical-align: top;
  white-space: nowrap;
}
@media only screen and (max-width: 768px) {
  .p-top .p-outline__tbl th {
    width: 7em;
    padding: 1.2rem 1rem 1.2rem 0;
  }
}
.p-top .p-outline__tbl td {
  padding: 1.8rem 0;
}
@media only screen and (max-width: 768px) {
  .p-top .p-outline__tbl td {
    padding: 1.2rem 0;
  }
}
/*# sourceMappingURL=../../map/top/top.css.map */