@charset "UTF-8";
.c-mv {
  height: 40vw;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 767px) {
  .c-mv {
    height: 80vw;
  }
}
.c-mv__ttl {
  font-size: max(4rem, 3vw);
  letter-spacing: 0.3em;
  text-align: center;
  font-family: "Lato", sans-serif;
  font-weight: 500;
  font-style: normal;
}
@media (max-width: 767px) {
  .c-mv__ttl {
    font-size: 3rem;
  }
}

.c-intro__ttl {
  position: relative;
  font-size: 3rem;
  line-height: 1;
  text-align: center;
}
.c-intro__ttl img {
  width: 600px;
}
.c-intro__catch {
  font-size: min(3rem, 3vw);
  text-align: center;
}
@media (max-width: 767px) {
  .c-intro__catch {
    font-size: 1.8rem;
  }
}
.c-intro__catch span {
  display: inline-block;
}
.c-intro__lead {
  margin-top: 1.5rem;
  line-height: 1.8;
  text-align: center;
}
@media (max-width: 767px) {
  .c-intro__lead {
    text-align: left;
    font-size: 1.4rem;
  }
}
.c-intro__lead span {
  display: inline-block;
}
@media (max-width: 767px) {
  .c-intro__lead span {
    display: inline;
  }
}

.c-flow {
  margin-top: 5rem;
}
.c-flow__ttl {
  margin: 1rem 0 3rem;
  text-align: center;
  font-size: 3rem;
}
.c-flow__txt {
  font-size: 2rem;
  text-align: center;
}
@media (max-width: 767px) {
  .c-flow__txt {
    font-size: 1.5rem;
  }
}
.c-flow__btn {
  display: block;
  background-color: #920e14;
  color: #fff;
  width: 100%;
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
  padding: 1rem 3rem;
  font-size: 2rem;
  text-align: center;
  border: 2px solid #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  transition: 0.3s;
}
.c-flow__btn:hover {
  background-color: #fff;
  color: #920e14;
}
.c-flow__list {
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .c-flow__list {
    flex-direction: column;
  }
}
.c-flow__list__item {
  position: relative;
  width: 33.33%;
  text-align: center;
  height: 12rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-left: 3rem;
  color: var(--txtcolor);
}
@media (max-width: 767px) {
  .c-flow__list__item {
    width: 100%;
    padding-left: 2rem;
  }
}
.c-flow__list__item p.txt01 {
  font-size: 2.2rem;
  line-height: 1;
  margin-bottom: 1rem;
}
.c-flow__list__item p.txt02 {
  font-size: 1.3rem;
  line-height: 1.4;
  letter-spacing: 0;
}
.c-flow__list__item:after {
  content: "";
  position: absolute;
  top: 0;
  right: -3rem;
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6rem 0 6rem 3rem;
  z-index: 1;
}
@media (max-width: 767px) {
  .c-flow__list__item:after {
    display: none;
  }
}
@media (max-width: 767px) {
  .c-flow__list__item::before {
    content: "";
    position: absolute;
    bottom: -1rem;
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 2rem 3rem 0 3rem;
    border-color: #007bff transparent transparent transparent;
    z-index: 1;
  }
}
.c-flow__list__item:nth-child(1) {
  background-color: #dbc980;
}
.c-flow__list__item:nth-child(1):after {
  border-color: transparent transparent transparent #dbc980;
}
.c-flow__list__item:nth-child(1)::before {
  border-color: #dbc980 transparent transparent transparent;
}
.c-flow__list__item:nth-child(2) {
  background-color: #c9b45c;
}
.c-flow__list__item:nth-child(2):after {
  border-color: transparent transparent transparent #c9b45c;
}
.c-flow__list__item:nth-child(2)::before {
  border-color: #c9b45c transparent transparent transparent;
}
.c-flow__list__item:nth-child(3) {
  background-color: #c0a83f;
}
.c-flow__list__item:nth-child(3):after {
  display: none;
}
.c-flow__list__item:nth-child(3)::before {
  display: none;
}

.c-wave {
  position: absolute;
  top: 0;
  right: 0;
  width: 30%;
  height: 100%;
  background-image: url(../../img/top/wave.png);
  background-size: cover;
}
@media (max-width: 767px) {
  .c-wave {
    width: 50%;
  }
}

.c-rainbow {
  position: absolute;
  top: 0;
  left: 0;
  width: 30%;
  height: 100%;
  background-image: url(../../img/common/rainbow01.png);
  background-size: 150%;
  background-position: center 63%;
  background-repeat: no-repeat;
}
.c-rainbow--center {
  left: 35%;
}
.c-rainbow--repeat {
  background-repeat: repeat-y;
}
@media (max-width: 767px) {
  .c-rainbow {
    left: 0;
    width: 100%;
    background-size: 250%;
    background-position: 70% bottom;
  }
}

.c-childcare-item {
  font-family: YakuHanMPs, "Sawarabi Gothic", sans-serif !important;
}
.c-childcare-item__ttl {
  border-left: 10px solid #d3abb7;
  border-right: 10px solid #d3abb7;
  background-color: #bf7186;
  color: #fff;
  display: flex;
  flex-direction: column;
  font-size: min(2rem, 1.8vw);
  line-height: 1.2;
  letter-spacing: 0;
  height: 8rem;
  align-items: center;
  justify-content: center;
  text-align: center;
}
@media (max-width: 920px) {
  .c-childcare-item__ttl {
    font-size: 1.6rem;
  }
}
@media (max-width: 767px) {
  .c-childcare-item__ttl {
    font-size: 1.8rem;
  }
}
.c-childcare-item__ttl span {
  display: inline-block;
}
.c-childcare-item__lead {
  line-height: 1.8;
  word-break: break-all;
}
.c-childcare-item__lead small {
  font-size: 1.1rem;
  line-height: 1.4;
  display: inline-block;
}
.c-childcare-item a {
  display: block;
}

.u-font-goth {
  font-family: YakuHanMPs, "Sawarabi Gothic", sans-serif;
}

.u-mt--lg {
  margin-top: 10rem;
}
.u-mt--md {
  margin-top: 5rem;
}
.u-mt--sm {
  margin-top: 2rem;
}
@media (max-width: 767px) {
  .u-mt__sp--lg {
    margin-top: 5rem;
  }
  .u-mt__sp--md {
    margin-top: 3rem;
  }
  .u-mt__sp--sm {
    margin-top: 1rem;
  }
}

.u-mb--lg {
  margin-bottom: 10rem;
}
.u-mb--md {
  margin-bottom: 5rem;
}
.u-mb--sm {
  margin-bottom: 2rem;
}
@media (max-width: 767px) {
  .u-mb__sp--lg {
    margin-bottom: 5rem;
  }
  .u-mb__sp--md {
    margin-bottom: 3rem;
  }
  .u-mb__sp--sm {
    margin-bottom: 1rem;
  }
}

.u-pt--lg {
  padding-top: 10rem;
}
.u-pt--md {
  padding-top: 5rem;
}
.u-pt--sm {
  padding-top: 2rem;
}
@media (max-width: 767px) {
  .u-pt__sp--lg {
    padding-top: 5rem;
  }
  .u-pt__sp--md {
    padding-top: 3rem;
  }
  .u-pt__sp--sm {
    padding-top: 1rem;
  }
}

.u-pb--lg {
  padding-bottom: 10rem;
}
.u-pb--md {
  padding-bottom: 5rem;
}
.u-pb--sm {
  padding-bottom: 2rem;
}
@media (max-width: 767px) {
  .u-pb__sp--lg {
    padding-bottom: 5rem;
  }
  .u-pb__sp--md {
    padding-bottom: 3rem;
  }
  .u-pb__sp--sm {
    padding-bottom: 1rem;
  }
}

/* ------------------------------------------------------------
    margin top, margin bottom
------------------------------------------------------------ */
.u-mt-5 {
  margin-top: 0.5rem;
}

@media only screen and (max-width: 767px) {
  .u-mt-5--sp {
    margin-top: 0.5rem !important;
  }
}
.u-mb-5 {
  margin-bottom: 0.5rem;
}

@media only screen and (max-width: 767px) {
  .u-mb-5--sp {
    margin-bottom: 0.5rem !important;
  }
}
.u-ml-5 {
  margin-left: 0.5rem;
}

@media only screen and (max-width: 767px) {
  .u-ml-5--sp {
    margin-left: 0.5rem !important;
  }
}
.u-mr-5 {
  margin-right: 0.5rem;
}

@media only screen and (max-width: 767px) {
  .u-mr-5--sp {
    margin-right: 0.5rem !important;
  }
}
.u-pt-5 {
  padding-top: 0.5rem;
}

@media only screen and (max-width: 767px) {
  .u-pt-5--sp {
    padding-top: 0.5rem !important;
  }
}
.u-pb-5 {
  padding-bottom: 0.5rem;
}

@media only screen and (max-width: 767px) {
  .u-pb-5--sp {
    padding-bottom: 0.5rem !important;
  }
}
.u-mt-10 {
  margin-top: 1rem;
}

@media only screen and (max-width: 767px) {
  .u-mt-10--sp {
    margin-top: 1rem !important;
  }
}
.u-mb-10 {
  margin-bottom: 1rem;
}

@media only screen and (max-width: 767px) {
  .u-mb-10--sp {
    margin-bottom: 1rem !important;
  }
}
.u-ml-10 {
  margin-left: 1rem;
}

@media only screen and (max-width: 767px) {
  .u-ml-10--sp {
    margin-left: 1rem !important;
  }
}
.u-mr-10 {
  margin-right: 1rem;
}

@media only screen and (max-width: 767px) {
  .u-mr-10--sp {
    margin-right: 1rem !important;
  }
}
.u-pt-10 {
  padding-top: 1rem;
}

@media only screen and (max-width: 767px) {
  .u-pt-10--sp {
    padding-top: 1rem !important;
  }
}
.u-pb-10 {
  padding-bottom: 1rem;
}

@media only screen and (max-width: 767px) {
  .u-pb-10--sp {
    padding-bottom: 1rem !important;
  }
}
.u-mt-15 {
  margin-top: 1.5rem;
}

@media only screen and (max-width: 767px) {
  .u-mt-15--sp {
    margin-top: 1.5rem !important;
  }
}
.u-mb-15 {
  margin-bottom: 1.5rem;
}

@media only screen and (max-width: 767px) {
  .u-mb-15--sp {
    margin-bottom: 1.5rem !important;
  }
}
.u-ml-15 {
  margin-left: 1.5rem;
}

@media only screen and (max-width: 767px) {
  .u-ml-15--sp {
    margin-left: 1.5rem !important;
  }
}
.u-mr-15 {
  margin-right: 1.5rem;
}

@media only screen and (max-width: 767px) {
  .u-mr-15--sp {
    margin-right: 1.5rem !important;
  }
}
.u-pt-15 {
  padding-top: 1.5rem;
}

@media only screen and (max-width: 767px) {
  .u-pt-15--sp {
    padding-top: 1.5rem !important;
  }
}
.u-pb-15 {
  padding-bottom: 1.5rem;
}

@media only screen and (max-width: 767px) {
  .u-pb-15--sp {
    padding-bottom: 1.5rem !important;
  }
}
.u-mt-20 {
  margin-top: 2rem;
}

@media only screen and (max-width: 767px) {
  .u-mt-20--sp {
    margin-top: 2rem !important;
  }
}
.u-mb-20 {
  margin-bottom: 2rem;
}

@media only screen and (max-width: 767px) {
  .u-mb-20--sp {
    margin-bottom: 2rem !important;
  }
}
.u-ml-20 {
  margin-left: 2rem;
}

@media only screen and (max-width: 767px) {
  .u-ml-20--sp {
    margin-left: 2rem !important;
  }
}
.u-mr-20 {
  margin-right: 2rem;
}

@media only screen and (max-width: 767px) {
  .u-mr-20--sp {
    margin-right: 2rem !important;
  }
}
.u-pt-20 {
  padding-top: 2rem;
}

@media only screen and (max-width: 767px) {
  .u-pt-20--sp {
    padding-top: 2rem !important;
  }
}
.u-pb-20 {
  padding-bottom: 2rem;
}

@media only screen and (max-width: 767px) {
  .u-pb-20--sp {
    padding-bottom: 2rem !important;
  }
}
.u-mt-25 {
  margin-top: 2.5rem;
}

@media only screen and (max-width: 767px) {
  .u-mt-25--sp {
    margin-top: 2.5rem !important;
  }
}
.u-mb-25 {
  margin-bottom: 2.5rem;
}

@media only screen and (max-width: 767px) {
  .u-mb-25--sp {
    margin-bottom: 2.5rem !important;
  }
}
.u-ml-25 {
  margin-left: 2.5rem;
}

@media only screen and (max-width: 767px) {
  .u-ml-25--sp {
    margin-left: 2.5rem !important;
  }
}
.u-mr-25 {
  margin-right: 2.5rem;
}

@media only screen and (max-width: 767px) {
  .u-mr-25--sp {
    margin-right: 2.5rem !important;
  }
}
.u-pt-25 {
  padding-top: 2.5rem;
}

@media only screen and (max-width: 767px) {
  .u-pt-25--sp {
    padding-top: 2.5rem !important;
  }
}
.u-pb-25 {
  padding-bottom: 2.5rem;
}

@media only screen and (max-width: 767px) {
  .u-pb-25--sp {
    padding-bottom: 2.5rem !important;
  }
}
.u-mt-30 {
  margin-top: 3rem;
}

@media only screen and (max-width: 767px) {
  .u-mt-30--sp {
    margin-top: 3rem !important;
  }
}
.u-mb-30 {
  margin-bottom: 3rem;
}

@media only screen and (max-width: 767px) {
  .u-mb-30--sp {
    margin-bottom: 3rem !important;
  }
}
.u-ml-30 {
  margin-left: 3rem;
}

@media only screen and (max-width: 767px) {
  .u-ml-30--sp {
    margin-left: 3rem !important;
  }
}
.u-mr-30 {
  margin-right: 3rem;
}

@media only screen and (max-width: 767px) {
  .u-mr-30--sp {
    margin-right: 3rem !important;
  }
}
.u-pt-30 {
  padding-top: 3rem;
}

@media only screen and (max-width: 767px) {
  .u-pt-30--sp {
    padding-top: 3rem !important;
  }
}
.u-pb-30 {
  padding-bottom: 3rem;
}

@media only screen and (max-width: 767px) {
  .u-pb-30--sp {
    padding-bottom: 3rem !important;
  }
}
.u-mt-35 {
  margin-top: 3.5rem;
}

@media only screen and (max-width: 767px) {
  .u-mt-35--sp {
    margin-top: 3.5rem !important;
  }
}
.u-mb-35 {
  margin-bottom: 3.5rem;
}

@media only screen and (max-width: 767px) {
  .u-mb-35--sp {
    margin-bottom: 3.5rem !important;
  }
}
.u-ml-35 {
  margin-left: 3.5rem;
}

@media only screen and (max-width: 767px) {
  .u-ml-35--sp {
    margin-left: 3.5rem !important;
  }
}
.u-mr-35 {
  margin-right: 3.5rem;
}

@media only screen and (max-width: 767px) {
  .u-mr-35--sp {
    margin-right: 3.5rem !important;
  }
}
.u-pt-35 {
  padding-top: 3.5rem;
}

@media only screen and (max-width: 767px) {
  .u-pt-35--sp {
    padding-top: 3.5rem !important;
  }
}
.u-pb-35 {
  padding-bottom: 3.5rem;
}

@media only screen and (max-width: 767px) {
  .u-pb-35--sp {
    padding-bottom: 3.5rem !important;
  }
}
.u-mt-40 {
  margin-top: 4rem;
}

@media only screen and (max-width: 767px) {
  .u-mt-40--sp {
    margin-top: 4rem !important;
  }
}
.u-mb-40 {
  margin-bottom: 4rem;
}

@media only screen and (max-width: 767px) {
  .u-mb-40--sp {
    margin-bottom: 4rem !important;
  }
}
.u-ml-40 {
  margin-left: 4rem;
}

@media only screen and (max-width: 767px) {
  .u-ml-40--sp {
    margin-left: 4rem !important;
  }
}
.u-mr-40 {
  margin-right: 4rem;
}

@media only screen and (max-width: 767px) {
  .u-mr-40--sp {
    margin-right: 4rem !important;
  }
}
.u-pt-40 {
  padding-top: 4rem;
}

@media only screen and (max-width: 767px) {
  .u-pt-40--sp {
    padding-top: 4rem !important;
  }
}
.u-pb-40 {
  padding-bottom: 4rem;
}

@media only screen and (max-width: 767px) {
  .u-pb-40--sp {
    padding-bottom: 4rem !important;
  }
}
.u-mt-45 {
  margin-top: 4.5rem;
}

@media only screen and (max-width: 767px) {
  .u-mt-45--sp {
    margin-top: 4.5rem !important;
  }
}
.u-mb-45 {
  margin-bottom: 4.5rem;
}

@media only screen and (max-width: 767px) {
  .u-mb-45--sp {
    margin-bottom: 4.5rem !important;
  }
}
.u-ml-45 {
  margin-left: 4.5rem;
}

@media only screen and (max-width: 767px) {
  .u-ml-45--sp {
    margin-left: 4.5rem !important;
  }
}
.u-mr-45 {
  margin-right: 4.5rem;
}

@media only screen and (max-width: 767px) {
  .u-mr-45--sp {
    margin-right: 4.5rem !important;
  }
}
.u-pt-45 {
  padding-top: 4.5rem;
}

@media only screen and (max-width: 767px) {
  .u-pt-45--sp {
    padding-top: 4.5rem !important;
  }
}
.u-pb-45 {
  padding-bottom: 4.5rem;
}

@media only screen and (max-width: 767px) {
  .u-pb-45--sp {
    padding-bottom: 4.5rem !important;
  }
}
.u-mt-50 {
  margin-top: 5rem;
}

@media only screen and (max-width: 767px) {
  .u-mt-50--sp {
    margin-top: 5rem !important;
  }
}
.u-mb-50 {
  margin-bottom: 5rem;
}

@media only screen and (max-width: 767px) {
  .u-mb-50--sp {
    margin-bottom: 5rem !important;
  }
}
.u-ml-50 {
  margin-left: 5rem;
}

@media only screen and (max-width: 767px) {
  .u-ml-50--sp {
    margin-left: 5rem !important;
  }
}
.u-mr-50 {
  margin-right: 5rem;
}

@media only screen and (max-width: 767px) {
  .u-mr-50--sp {
    margin-right: 5rem !important;
  }
}
.u-pt-50 {
  padding-top: 5rem;
}

@media only screen and (max-width: 767px) {
  .u-pt-50--sp {
    padding-top: 5rem !important;
  }
}
.u-pb-50 {
  padding-bottom: 5rem;
}

@media only screen and (max-width: 767px) {
  .u-pb-50--sp {
    padding-bottom: 5rem !important;
  }
}
.u-mt-55 {
  margin-top: 5.5rem;
}

@media only screen and (max-width: 767px) {
  .u-mt-55--sp {
    margin-top: 5.5rem !important;
  }
}
.u-mb-55 {
  margin-bottom: 5.5rem;
}

@media only screen and (max-width: 767px) {
  .u-mb-55--sp {
    margin-bottom: 5.5rem !important;
  }
}
.u-ml-55 {
  margin-left: 5.5rem;
}

@media only screen and (max-width: 767px) {
  .u-ml-55--sp {
    margin-left: 5.5rem !important;
  }
}
.u-mr-55 {
  margin-right: 5.5rem;
}

@media only screen and (max-width: 767px) {
  .u-mr-55--sp {
    margin-right: 5.5rem !important;
  }
}
.u-pt-55 {
  padding-top: 5.5rem;
}

@media only screen and (max-width: 767px) {
  .u-pt-55--sp {
    padding-top: 5.5rem !important;
  }
}
.u-pb-55 {
  padding-bottom: 5.5rem;
}

@media only screen and (max-width: 767px) {
  .u-pb-55--sp {
    padding-bottom: 5.5rem !important;
  }
}
.u-mt-60 {
  margin-top: 6rem;
}

@media only screen and (max-width: 767px) {
  .u-mt-60--sp {
    margin-top: 6rem !important;
  }
}
.u-mb-60 {
  margin-bottom: 6rem;
}

@media only screen and (max-width: 767px) {
  .u-mb-60--sp {
    margin-bottom: 6rem !important;
  }
}
.u-ml-60 {
  margin-left: 6rem;
}

@media only screen and (max-width: 767px) {
  .u-ml-60--sp {
    margin-left: 6rem !important;
  }
}
.u-mr-60 {
  margin-right: 6rem;
}

@media only screen and (max-width: 767px) {
  .u-mr-60--sp {
    margin-right: 6rem !important;
  }
}
.u-pt-60 {
  padding-top: 6rem;
}

@media only screen and (max-width: 767px) {
  .u-pt-60--sp {
    padding-top: 6rem !important;
  }
}
.u-pb-60 {
  padding-bottom: 6rem;
}

@media only screen and (max-width: 767px) {
  .u-pb-60--sp {
    padding-bottom: 6rem !important;
  }
}
.u-mt-65 {
  margin-top: 6.5rem;
}

@media only screen and (max-width: 767px) {
  .u-mt-65--sp {
    margin-top: 6.5rem !important;
  }
}
.u-mb-65 {
  margin-bottom: 6.5rem;
}

@media only screen and (max-width: 767px) {
  .u-mb-65--sp {
    margin-bottom: 6.5rem !important;
  }
}
.u-ml-65 {
  margin-left: 6.5rem;
}

@media only screen and (max-width: 767px) {
  .u-ml-65--sp {
    margin-left: 6.5rem !important;
  }
}
.u-mr-65 {
  margin-right: 6.5rem;
}

@media only screen and (max-width: 767px) {
  .u-mr-65--sp {
    margin-right: 6.5rem !important;
  }
}
.u-pt-65 {
  padding-top: 6.5rem;
}

@media only screen and (max-width: 767px) {
  .u-pt-65--sp {
    padding-top: 6.5rem !important;
  }
}
.u-pb-65 {
  padding-bottom: 6.5rem;
}

@media only screen and (max-width: 767px) {
  .u-pb-65--sp {
    padding-bottom: 6.5rem !important;
  }
}
.u-mt-70 {
  margin-top: 7rem;
}

@media only screen and (max-width: 767px) {
  .u-mt-70--sp {
    margin-top: 7rem !important;
  }
}
.u-mb-70 {
  margin-bottom: 7rem;
}

@media only screen and (max-width: 767px) {
  .u-mb-70--sp {
    margin-bottom: 7rem !important;
  }
}
.u-ml-70 {
  margin-left: 7rem;
}

@media only screen and (max-width: 767px) {
  .u-ml-70--sp {
    margin-left: 7rem !important;
  }
}
.u-mr-70 {
  margin-right: 7rem;
}

@media only screen and (max-width: 767px) {
  .u-mr-70--sp {
    margin-right: 7rem !important;
  }
}
.u-pt-70 {
  padding-top: 7rem;
}

@media only screen and (max-width: 767px) {
  .u-pt-70--sp {
    padding-top: 7rem !important;
  }
}
.u-pb-70 {
  padding-bottom: 7rem;
}

@media only screen and (max-width: 767px) {
  .u-pb-70--sp {
    padding-bottom: 7rem !important;
  }
}
.u-mt-75 {
  margin-top: 7.5rem;
}

@media only screen and (max-width: 767px) {
  .u-mt-75--sp {
    margin-top: 7.5rem !important;
  }
}
.u-mb-75 {
  margin-bottom: 7.5rem;
}

@media only screen and (max-width: 767px) {
  .u-mb-75--sp {
    margin-bottom: 7.5rem !important;
  }
}
.u-ml-75 {
  margin-left: 7.5rem;
}

@media only screen and (max-width: 767px) {
  .u-ml-75--sp {
    margin-left: 7.5rem !important;
  }
}
.u-mr-75 {
  margin-right: 7.5rem;
}

@media only screen and (max-width: 767px) {
  .u-mr-75--sp {
    margin-right: 7.5rem !important;
  }
}
.u-pt-75 {
  padding-top: 7.5rem;
}

@media only screen and (max-width: 767px) {
  .u-pt-75--sp {
    padding-top: 7.5rem !important;
  }
}
.u-pb-75 {
  padding-bottom: 7.5rem;
}

@media only screen and (max-width: 767px) {
  .u-pb-75--sp {
    padding-bottom: 7.5rem !important;
  }
}
.u-mt-80 {
  margin-top: 8rem;
}

@media only screen and (max-width: 767px) {
  .u-mt-80--sp {
    margin-top: 8rem !important;
  }
}
.u-mb-80 {
  margin-bottom: 8rem;
}

@media only screen and (max-width: 767px) {
  .u-mb-80--sp {
    margin-bottom: 8rem !important;
  }
}
.u-ml-80 {
  margin-left: 8rem;
}

@media only screen and (max-width: 767px) {
  .u-ml-80--sp {
    margin-left: 8rem !important;
  }
}
.u-mr-80 {
  margin-right: 8rem;
}

@media only screen and (max-width: 767px) {
  .u-mr-80--sp {
    margin-right: 8rem !important;
  }
}
.u-pt-80 {
  padding-top: 8rem;
}

@media only screen and (max-width: 767px) {
  .u-pt-80--sp {
    padding-top: 8rem !important;
  }
}
.u-pb-80 {
  padding-bottom: 8rem;
}

@media only screen and (max-width: 767px) {
  .u-pb-80--sp {
    padding-bottom: 8rem !important;
  }
}
.u-mt-85 {
  margin-top: 8.5rem;
}

@media only screen and (max-width: 767px) {
  .u-mt-85--sp {
    margin-top: 8.5rem !important;
  }
}
.u-mb-85 {
  margin-bottom: 8.5rem;
}

@media only screen and (max-width: 767px) {
  .u-mb-85--sp {
    margin-bottom: 8.5rem !important;
  }
}
.u-ml-85 {
  margin-left: 8.5rem;
}

@media only screen and (max-width: 767px) {
  .u-ml-85--sp {
    margin-left: 8.5rem !important;
  }
}
.u-mr-85 {
  margin-right: 8.5rem;
}

@media only screen and (max-width: 767px) {
  .u-mr-85--sp {
    margin-right: 8.5rem !important;
  }
}
.u-pt-85 {
  padding-top: 8.5rem;
}

@media only screen and (max-width: 767px) {
  .u-pt-85--sp {
    padding-top: 8.5rem !important;
  }
}
.u-pb-85 {
  padding-bottom: 8.5rem;
}

@media only screen and (max-width: 767px) {
  .u-pb-85--sp {
    padding-bottom: 8.5rem !important;
  }
}
.u-mt-90 {
  margin-top: 9rem;
}

@media only screen and (max-width: 767px) {
  .u-mt-90--sp {
    margin-top: 9rem !important;
  }
}
.u-mb-90 {
  margin-bottom: 9rem;
}

@media only screen and (max-width: 767px) {
  .u-mb-90--sp {
    margin-bottom: 9rem !important;
  }
}
.u-ml-90 {
  margin-left: 9rem;
}

@media only screen and (max-width: 767px) {
  .u-ml-90--sp {
    margin-left: 9rem !important;
  }
}
.u-mr-90 {
  margin-right: 9rem;
}

@media only screen and (max-width: 767px) {
  .u-mr-90--sp {
    margin-right: 9rem !important;
  }
}
.u-pt-90 {
  padding-top: 9rem;
}

@media only screen and (max-width: 767px) {
  .u-pt-90--sp {
    padding-top: 9rem !important;
  }
}
.u-pb-90 {
  padding-bottom: 9rem;
}

@media only screen and (max-width: 767px) {
  .u-pb-90--sp {
    padding-bottom: 9rem !important;
  }
}
.u-mt-95 {
  margin-top: 9.5rem;
}

@media only screen and (max-width: 767px) {
  .u-mt-95--sp {
    margin-top: 9.5rem !important;
  }
}
.u-mb-95 {
  margin-bottom: 9.5rem;
}

@media only screen and (max-width: 767px) {
  .u-mb-95--sp {
    margin-bottom: 9.5rem !important;
  }
}
.u-ml-95 {
  margin-left: 9.5rem;
}

@media only screen and (max-width: 767px) {
  .u-ml-95--sp {
    margin-left: 9.5rem !important;
  }
}
.u-mr-95 {
  margin-right: 9.5rem;
}

@media only screen and (max-width: 767px) {
  .u-mr-95--sp {
    margin-right: 9.5rem !important;
  }
}
.u-pt-95 {
  padding-top: 9.5rem;
}

@media only screen and (max-width: 767px) {
  .u-pt-95--sp {
    padding-top: 9.5rem !important;
  }
}
.u-pb-95 {
  padding-bottom: 9.5rem;
}

@media only screen and (max-width: 767px) {
  .u-pb-95--sp {
    padding-bottom: 9.5rem !important;
  }
}
.u-mt-100 {
  margin-top: 10rem;
}

@media only screen and (max-width: 767px) {
  .u-mt-100--sp {
    margin-top: 10rem !important;
  }
}
.u-mb-100 {
  margin-bottom: 10rem;
}

@media only screen and (max-width: 767px) {
  .u-mb-100--sp {
    margin-bottom: 10rem !important;
  }
}
.u-ml-100 {
  margin-left: 10rem;
}

@media only screen and (max-width: 767px) {
  .u-ml-100--sp {
    margin-left: 10rem !important;
  }
}
.u-mr-100 {
  margin-right: 10rem;
}

@media only screen and (max-width: 767px) {
  .u-mr-100--sp {
    margin-right: 10rem !important;
  }
}
.u-pt-100 {
  padding-top: 10rem;
}

@media only screen and (max-width: 767px) {
  .u-pt-100--sp {
    padding-top: 10rem !important;
  }
}
.u-pb-100 {
  padding-bottom: 10rem;
}

@media only screen and (max-width: 767px) {
  .u-pb-100--sp {
    padding-bottom: 10rem !important;
  }
}
/* ==========================================================
 grid layout
========================================================== */
.u-grid {
  display: grid;
}
.u-grid--col2 {
  grid-template-columns: repeat(2, 1fr);
}
@media (max-width: 767px) {
  .u-grid--col2 {
    grid-template-columns: 1fr;
  }
}
.u-grid--col3 {
  grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 767px) {
  .u-grid--col3 {
    grid-template-columns: 1fr;
  }
}
.u-grid--col4 {
  grid-template-columns: repeat(4, 1fr);
}
@media (max-width: 767px) {
  .u-grid--col4 {
    grid-template-columns: 1fr;
  }
}
.u-grid--col2_1 {
  grid-template-columns: 2.5fr 1fr;
}
@media (max-width: 767px) {
  .u-grid--col2_1 {
    grid-template-columns: 1fr;
  }
}
.u-grid--gap10 {
  gap: 1rem;
}
.u-grid--gap20 {
  gap: 2rem;
}
.u-grid--gap30 {
  gap: 3rem;
}

/* ==========================================================
 swipe icon
========================================================== */
.u-swipe {
  position: relative;
}
@media (max-width: 767px) {
  .u-swipe {
    overflow: scroll;
  }
}
.u-swipe__icon {
  display: none;
}
@media (max-width: 767px) {
  .u-swipe__icon {
    display: block;
    position: absolute;
    top: calc(50% - 5rem);
    left: calc(50vw - 5rem);
    width: 10rem;
    height: 10rem;
    background-size: cover;
    background-position: center;
    background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20400%20400%22%20style%3D%22enable-background%3Anew%200%200%20400%20400%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23757474%3Bfill-opacity%3A0.8%3B%7D%20.st1%7Bfill%3A%23333333%3B%7D%20.st2%7Bfill%3Anone%3Bstroke%3A%23333333%3Bstroke-width%3A10.4097%3Bstroke-linecap%3Around%3Bstroke-miterlimit%3A10%3B%7D%20.st3%7Bfill%3Anone%3Bstroke%3A%23333333%3Bstroke-width%3A10.2492%3Bstroke-linecap%3Around%3Bstroke-miterlimit%3A10%3B%7D%20.st4%7Bfill%3A%23FFFFFF%3B%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M356.6%2C368.6H43.4c-6.6%2C0-12-5.4-12-12V43.4c0-6.6%2C5.4-12%2C12-12h313.2c6.6%2C0%2C12%2C5.4%2C12%2C12v313.2%20C368.6%2C363.2%2C363.2%2C368.6%2C356.6%2C368.6z%22%2F%3E%3Cg%3E%20%3Cpath%20class%3D%22st1%22%20d%3D%22M180.4%2C204c0-23.7%2C0-46.6%2C0-69.7c0-10%2C5.5-17.5%2C14.3-19.8c12.7-3.4%2C24.7%2C5.8%2C25%2C19.3c0.2%2C7.1%2C0%2C14.2%2C0%2C21.4%20c0%2C1.4%2C0%2C2.8%2C0%2C4.4c10.1-2.6%2C18.1-0.3%2C23.9%2C7.9c13.3-5.8%2C26.2-0.7%2C29.9%2C14.6c3.1-0.3%2C6.1-1%2C9.1-0.8c11.3%2C1%2C18.4%2C8.9%2C18.4%2C20.6%20c0.1%2C16.2-0.9%2C32.5%2C0.3%2C48.6c1%2C14.6-2%2C27.2-12.2%2C37.7c-3.9%2C4.1-4.9%2C8.9-4.6%2C14.4c0.3%2C6.1%2C0.1%2C12.2%2C0.1%2C18.4c0%2C5-2.2%2C7.3-7.3%2C7.4%20c-26%2C0.1-52%2C0.1-78%2C0c-4.8%2C0-7-2.4-7.1-7.2c-0.1-7.7%2C0.1-15.4-0.1-23c-0.1-2.3-0.8-4.8-2-6.7c-13.6-21.4-27.2-42.5-41-63.7%20c-6.1-9.6-5.1-20.3%2C2.8-26.8c8.1-6.7%2C18.4-5.9%2C26.8%2C2.1C179.1%2C203.2%2C179.4%2C203.4%2C180.4%2C204z%20M272.2%2C315.7c0-7.2-0.3-14%2C0.1-20.8%20c0.2-2.6%2C1-5.6%2C2.5-7.9c3.9-6.1%2C8.4-11.9%2C12.5-17.9c0.9-1.2%2C1.5-2.8%2C1.5-4.2c0.1-21.2%2C0.1-42.4%2C0-63.5c0-5.1-3.2-8-7.9-7.9%20c-4.6%2C0.1-7.3%2C3-7.4%2C8c-0.1%2C4.7%2C0.1%2C9.4-0.1%2C14.1c-0.1%2C4.4-3.2%2C7.1-7.1%2C6.4c-3.9-0.8-5.1-3.6-5.1-7.2c0-9.4%2C0-18.8%2C0-28.1%20c0-6.2-2.6-9.4-7.4-9.3c-4.8%2C0.1-7.2%2C3.2-7.3%2C9.6c0%2C6.2%2C0.1%2C12.5%2C0%2C18.8c-0.1%2C4.6-2.6%2C7.6-6.3%2C7.4c-3.6-0.2-5.8-3-5.8-7.4%20c0-9%2C0-17.9%2C0-26.8c0-4.9-3.2-8.2-7.3-8.2c-4.4%2C0-7.2%2C3.2-7.2%2C8.2c-0.1%2C8.6%2C0%2C17.3%2C0%2C26c0%2C5.1-2.2%2C8.1-6.1%2C8.3%20c-3.9%2C0.2-6.4-3-6.5-8.3c0-12%2C0-24.2%2C0-36.2c0-11.5%2C0.1-23.1%2C0-34.5c0-5.4-3.3-8.5-8.3-7.9c-4.1%2C0.5-6.3%2C3.7-6.3%2C9.1%20c0%2C29.6%2C0%2C59.1%2C0%2C88.7c0%2C3.7-0.8%2C6.6-4.5%2C7.7c-3.7%2C1-5.8-1.2-7.6-4c-3.3-5.1-6.6-10.2-10.2-15.2c-1.1-1.5-3.3-3.4-5-3.3%20c-2.4%2C0.1-5.2%2C1.3-6.8%2C3.1c-2.1%2C2.4-1.2%2C5.5%2C0.6%2C8.2c14.3%2C22%2C28.6%2C44%2C42.7%2C66.2c1.5%2C2.5%2C2.4%2C5.7%2C2.6%2C8.6c0.3%2C6.7%2C0.1%2C13.5%2C0.1%2C20.3%20C227.2%2C315.7%2C249.3%2C315.7%2C272.2%2C315.7z%22%2F%3E%20%3Cg%3E%20%3Cline%20class%3D%22st2%22%20x1%3D%2291.7%22%20y1%3D%22133.3%22%20x2%3D%22138.9%22%20y2%3D%22133.3%22%2F%3E%20%3Cline%20class%3D%22st2%22%20x1%3D%2291.7%22%20y1%3D%22134.1%22%20x2%3D%22107.5%22%20y2%3D%22149.9%22%2F%3E%20%3Cline%20class%3D%22st2%22%20x1%3D%2292.3%22%20y1%3D%22132.4%22%20x2%3D%22108.1%22%20y2%3D%22116.6%22%2F%3E%20%3C%2Fg%3E%20%3Cg%3E%20%3Cline%20class%3D%22st2%22%20x1%3D%22308.3%22%20y1%3D%22133.3%22%20x2%3D%22261.1%22%20y2%3D%22133.3%22%2F%3E%20%3Cline%20class%3D%22st2%22%20x1%3D%22308.3%22%20y1%3D%22132.4%22%20x2%3D%22292.5%22%20y2%3D%22116.6%22%2F%3E%20%3Cline%20class%3D%22st2%22%20x1%3D%22307.7%22%20y1%3D%22134.1%22%20x2%3D%22291.9%22%20y2%3D%22149.9%22%2F%3E%20%3C%2Fg%3E%20%3Cpath%20class%3D%22st3%22%20d%3D%22M170.3%2C164.4c-7.6-7.6-12.3-18.1-12.3-29.7s4.7-22.1%2C12.3-29.7c7.6-7.6%2C18.1-12.3%2C29.7-12.3%20s22.1%2C4.7%2C29.7%2C12.3c7.6%2C7.6%2C12.3%2C18.1%2C12.3%2C29.7s-4.7%2C22.1-12.3%2C29.7%22%2F%3E%20%3Cpath%20class%3D%22st4%22%20d%3D%22M272.2%2C315.7c0-7.2-0.3-14%2C0.1-20.8c0.2-2.6%2C1-5.6%2C2.5-7.9c3.9-6.1%2C8.4-11.9%2C12.5-17.9%20c0.9-1.2%2C1.5-2.8%2C1.5-4.2c0.1-21.2%2C0.1-42.4%2C0-63.5c0-5.1-3.2-8-7.9-7.9c-4.6%2C0.1-7.3%2C3-7.4%2C8c-0.1%2C4.7%2C0.1%2C9.4-0.1%2C14.1%20c-0.1%2C4.4-3.2%2C7.1-7.1%2C6.4c-3.9-0.8-5.1-3.6-5.1-7.2c0-9.4%2C0-18.8%2C0-28.1c0-6.2-2.6-9.4-7.4-9.3c-4.8%2C0.1-7.2%2C3.2-7.3%2C9.6%20c0%2C6.2%2C0.1%2C12.5%2C0%2C18.8c-0.1%2C4.6-2.6%2C7.6-6.3%2C7.4c-3.6-0.2-5.8-3-5.8-7.4c0-9%2C0-17.9%2C0-26.8c0-4.9-3.2-8.2-7.3-8.2%20c-4.4%2C0-7.2%2C3.2-7.2%2C8.2c-0.1%2C8.6%2C0%2C17.3%2C0%2C26c0%2C5.1-2.2%2C8.1-6.1%2C8.3c-3.9%2C0.2-6.4-3-6.5-8.3c0-12%2C0-24.2%2C0-36.2%20c0-11.5%2C0.1-23.1%2C0-34.5c0-5.4-3.3-8.5-8.3-7.9c-4.1%2C0.5-6.3%2C3.7-6.3%2C9.1c0%2C29.6%2C0%2C59.1%2C0%2C88.7c0%2C3.7-0.8%2C6.6-4.5%2C7.7%20c-3.7%2C1-5.8-1.2-7.6-4c-3.3-5.1-6.6-10.2-10.2-15.2c-1.1-1.5-3.3-3.4-5-3.3c-2.4%2C0.1-5.2%2C1.3-6.8%2C3.1c-2.1%2C2.4-1.2%2C5.5%2C0.6%2C8.2%20c14.3%2C22%2C28.6%2C44%2C42.7%2C66.2c1.5%2C2.5%2C2.4%2C5.7%2C2.6%2C8.6c0.3%2C6.7%2C0.1%2C13.5%2C0.1%2C20.3C227.2%2C315.7%2C249.3%2C315.7%2C272.2%2C315.7z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    z-index: 1;
  }
}
.u-swipe__scroll {
  display: block;
  position: absolute;
  top: calc(50% - 5rem);
  left: calc(50vw - 5rem);
  width: 10rem;
  height: 10rem;
  animation: floating-X 1.2s ease-in-out infinite alternate-reverse;
  background-size: cover;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20400%20400%22%20style%3D%22enable-background%3Anew%200%200%20400%20400%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23353535%3Bfill-opacity%3A0.8%3B%7D%20.st1%7Bfill%3Anone%3Bstroke%3A%23FFFFFF%3Bstroke-width%3A13%3Bstroke-linecap%3Around%3Bstroke-miterlimit%3A10%3B%7D%20.st2%7Bfill%3A%23FFFFFF%3B%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M356.6%2C368.6H43.4c-6.6%2C0-12-5.4-12-12V43.4c0-6.6%2C5.4-12%2C12-12h313.2c6.6%2C0%2C12%2C5.4%2C12%2C12v313.2%20C368.6%2C363.2%2C363.2%2C368.6%2C356.6%2C368.6z%22%2F%3E%3Cg%3E%20%3Cg%3E%20%3Cg%3E%20%3Cline%20class%3D%22st1%22%20x1%3D%2276.9%22%20y1%3D%22154.4%22%20x2%3D%22206.6%22%20y2%3D%22154.4%22%2F%3E%20%3Cline%20class%3D%22st1%22%20x1%3D%2276.9%22%20y1%3D%22156.6%22%20x2%3D%22120.3%22%20y2%3D%22200%22%2F%3E%20%3Cline%20class%3D%22st1%22%20x1%3D%2278.5%22%20y1%3D%22151.9%22%20x2%3D%22121.9%22%20y2%3D%22108.5%22%2F%3E%20%3C%2Fg%3E%20%3Cg%3E%20%3Cline%20class%3D%22st1%22%20x1%3D%22323.1%22%20y1%3D%22154.4%22%20x2%3D%22193.4%22%20y2%3D%22154.4%22%2F%3E%20%3Cline%20class%3D%22st1%22%20x1%3D%22323.1%22%20y1%3D%22151.9%22%20x2%3D%22279.7%22%20y2%3D%22108.5%22%2F%3E%20%3Cline%20class%3D%22st1%22%20x1%3D%22321.5%22%20y1%3D%22156.6%22%20x2%3D%22278.1%22%20y2%3D%22200%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%20%3Cg%3E%20%3Cpath%20class%3D%22st2%22%20d%3D%22M135.9%2C245.5h-8v-1.8c0-1.8-0.4-3.4-1.3-4.7s-2.3-2-4.3-2c-1.1%2C0-2%2C0.2-2.7%2C0.6c-0.7%2C0.4-1.2%2C0.9-1.6%2C1.6%20c-0.4%2C0.7-0.7%2C1.4-0.9%2C2.3c-0.2%2C0.9-0.2%2C1.8-0.2%2C2.7c0%2C1.1%2C0%2C2%2C0.1%2C2.7s0.3%2C1.4%2C0.6%2C1.9c0.3%2C0.6%2C0.8%2C1.1%2C1.4%2C1.5s1.4%2C0.8%2C2.5%2C1.2%20l6.1%2C2.4c1.8%2C0.7%2C3.2%2C1.5%2C4.3%2C2.4s1.9%2C2%2C2.6%2C3.2c0.6%2C1.2%2C1%2C2.7%2C1.2%2C4.2c0.2%2C1.6%2C0.3%2C3.4%2C0.3%2C5.4c0%2C2.3-0.2%2C4.5-0.7%2C6.5%20s-1.2%2C3.7-2.3%2C5.1c-1.1%2C1.5-2.5%2C2.6-4.3%2C3.4s-3.9%2C1.2-6.5%2C1.2c-1.9%2C0-3.7-0.3-5.4-1c-1.7-0.7-3.1-1.6-4.3-2.8%20c-1.2-1.2-2.1-2.6-2.8-4.2c-0.7-1.6-1.1-3.3-1.1-5.2v-3h8v2.5c0%2C1.5%2C0.4%2C2.8%2C1.3%2C3.9c0.9%2C1.2%2C2.3%2C1.8%2C4.3%2C1.8%20c1.4%2C0%2C2.4-0.2%2C3.2-0.6c0.8-0.4%2C1.3-0.9%2C1.8-1.7c0.4-0.7%2C0.7-1.6%2C0.7-2.6s0.1-2.1%2C0.1-3.4c0-1.5-0.1-2.7-0.2-3.6s-0.3-1.7-0.6-2.3%20c-0.4-0.6-0.8-1-1.4-1.4s-1.4-0.8-2.4-1.2l-5.7-2.3c-3.4-1.4-5.7-3.3-6.9-5.6c-1.2-2.3-1.8-5.2-1.8-8.7c0-2.1%2C0.3-4.1%2C0.9-5.9%20c0.6-1.9%2C1.4-3.5%2C2.6-4.8c1.1-1.4%2C2.5-2.4%2C4.2-3.2s3.7-1.2%2C6-1.2c2%2C0%2C3.8%2C0.4%2C5.4%2C1.1c1.6%2C0.7%2C3.1%2C1.7%2C4.2%2C2.9%20c2.4%2C2.5%2C3.6%2C5.4%2C3.6%2C8.6V245.5z%22%2F%3E%20%3Cpath%20class%3D%22st2%22%20d%3D%22M167.1%2C269.2v3.4c0%2C1.7-0.3%2C3.3-1%2C4.9c-0.7%2C1.5-1.5%2C2.9-2.7%2C4.1c-1.1%2C1.2-2.5%2C2.1-4%2C2.8%20c-1.5%2C0.7-3.2%2C1.1-5%2C1.1c-1.5%2C0-3-0.2-4.6-0.6s-3-1.1-4.2-2.2c-1.2-1-2.3-2.4-3.1-4s-1.2-3.7-1.2-6.3v-30.6c0-1.8%2C0.3-3.5%2C0.9-5.1%20c0.6-1.6%2C1.5-2.9%2C2.7-4.1c1.1-1.1%2C2.5-2%2C4.1-2.7c1.6-0.6%2C3.3-1%2C5.3-1c3.7%2C0%2C6.8%2C1.2%2C9.1%2C3.7c1.1%2C1.2%2C2%2C2.6%2C2.7%2C4.2%20c0.6%2C1.6%2C1%2C3.4%2C1%2C5.3v3.1h-8v-2.7c0-1.6-0.4-2.9-1.3-4.1c-0.9-1.1-2.1-1.7-3.6-1.7c-2%2C0-3.3%2C0.6-3.9%2C1.8c-0.7%2C1.2-1%2C2.8-1%2C4.6%20v28.4c0%2C1.6%2C0.4%2C3%2C1.1%2C4.1c0.7%2C1.1%2C2%2C1.6%2C3.8%2C1.6c0.5%2C0%2C1.1-0.1%2C1.7-0.3c0.6-0.2%2C1.2-0.5%2C1.7-0.9s0.9-1%2C1.2-1.7s0.5-1.6%2C0.5-2.7%20v-2.7h7.8V269.2z%22%2F%3E%20%3Cpath%20class%3D%22st2%22%20d%3D%22M173.6%2C285v-55.5h12.8c9.4%2C0%2C14%2C5.4%2C14%2C16.3c0%2C3.3-0.5%2C6.1-1.5%2C8.3c-1%2C2.3-2.8%2C4.1-5.3%2C5.5l8.6%2C25.3h-8.4%20l-7.4-23.7h-4.8V285H173.6z%20M181.6%2C237v17.3h4.5c1.4%2C0%2C2.5-0.2%2C3.4-0.6c0.8-0.4%2C1.5-0.9%2C1.9-1.7c0.4-0.7%2C0.7-1.6%2C0.9-2.7%20c0.2-1.1%2C0.2-2.3%2C0.2-3.7s-0.1-2.6-0.2-3.7c-0.2-1.1-0.5-2-0.9-2.8c-1-1.5-2.9-2.2-5.6-2.2L181.6%2C237L181.6%2C237z%22%2F%3E%20%3Cpath%20class%3D%22st2%22%20d%3D%22M206.4%2C242.6c0-2.2%2C0.4-4.2%2C1.2-5.9s1.8-3.1%2C3.1-4.3c1.2-1.1%2C2.7-1.9%2C4.2-2.5s3.2-0.9%2C4.8-0.9%20s3.2%2C0.3%2C4.8%2C0.9c1.6%2C0.6%2C3%2C1.4%2C4.3%2C2.5c1.2%2C1.1%2C2.3%2C2.6%2C3%2C4.3c0.8%2C1.7%2C1.2%2C3.7%2C1.2%2C5.9v29.3c0%2C2.3-0.4%2C4.3-1.2%2C6s-1.8%2C3-3%2C4.1%20c-1.3%2C1.1-2.7%2C2-4.3%2C2.6s-3.2%2C0.9-4.8%2C0.9s-3.2-0.3-4.8-0.9s-3-1.4-4.2-2.6c-1.3-1.1-2.3-2.5-3.1-4.1c-0.8-1.7-1.2-3.7-1.2-6%20V242.6z%20M214.3%2C271.9c0%2C1.9%2C0.5%2C3.3%2C1.6%2C4.2c1.1%2C0.9%2C2.3%2C1.4%2C3.8%2C1.4s2.7-0.5%2C3.8-1.4s1.6-2.3%2C1.6-4.2v-29.3%20c0-1.9-0.5-3.3-1.6-4.2s-2.3-1.4-3.8-1.4s-2.7%2C0.5-3.8%2C1.4s-1.6%2C2.3-1.6%2C4.2V271.9z%22%2F%3E%20%3Cpath%20class%3D%22st2%22%20d%3D%22M240%2C285v-55.5h8V277h15.8v8H240z%22%2F%3E%20%3Cpath%20class%3D%22st2%22%20d%3D%22M268.9%2C285v-55.5h8V277h15.8v8H268.9z%22%2F%3E%20%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  z-index: 1;
}
@keyframes floating-X {
  0% {
    transform: translateX(-10%);
  }
  100% {
    transform: translateX(10%);
  }
}

:root {
  --navyBg:#1d232e;
  --gold:#a5864a;
  --gourmet: #eaa479;
  --zakka: #67c0a1;
  --super: #f3b9c4;
  --other: #bead8c;
}

.c-loc-detail {
  padding-top: 2rem;
  background-color: #fdf6de;
  color: #231815;
}
.c-loc-detail .name {
  background-color: var(--gold);
  color: #fff;
  font-size: 2.2rem;
  line-height: 1.2;
  padding: 0.5rem 1rem;
}
.c-loc-detail .detail__inner {
  padding: 1rem 2rem 2rem;
}
.c-loc-detail .detail__inner__txt {
  display: flex;
  align-items: center;
  gap: 1rem;
  font-size: 1.2rem;
}
.c-loc-detail .detail__inner__txt:after {
  content: "";
  height: 1px;
  background-color: #231815;
  display: block;
  flex-grow: 1;
}
.c-loc-detail .detail__inner__time {
  font-size: 1.1rem;
}
.c-loc-detail .detail__inner .detail__list {
  margin-top: 0.5rem;
  display: flex;
  flex-wrap: wrap;
  gap: 0.1em 0.3em;
}
.c-loc-detail .detail__inner .detail__list.kanseki {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}
.c-loc-detail .detail__inner .detail__list li {
  font-size: 1.2rem;
  line-height: 1.4;
}
.c-loc-detail .detail__inner .detail__list li.gourmet span {
  color: #eaa479;
}
.c-loc-detail .detail__inner .detail__list li.zakka span {
  color: #67c0a1;
}
.c-loc-detail .detail__inner .detail__list li.super span {
  color: #f3b9c4;
}
.c-loc-detail .detail__inner .detail__list li.other span {
  color: #bead8c;
}
.c-loc-detail .detail__inner .detail__ex {
  display: flex;
  gap: 0.5rem;
  justify-content: space-between;
}
.c-loc-detail .detail__inner .detail__ex.col02 {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
@media (max-width: 767px) {
  .c-loc-detail .detail__inner .detail__ex {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
}
.c-loc-detail .detail__inner .detail__ex li {
  flex-grow: 1;
  text-align: center;
  font-size: 1.2rem;
}
.c-loc-detail .detail__inner .detail__ex li:nth-child(1) {
  background-color: var(--gourmet);
}
.c-loc-detail .detail__inner .detail__ex li:nth-child(2) {
  background-color: var(--zakka);
}
.c-loc-detail .detail__inner .detail__ex li:nth-child(3) {
  background-color: var(--super);
}
.c-loc-detail .detail__inner .detail__ex li:nth-child(4) {
  background-color: var(--other);
}

.c-loc-box {
  display: grid;
  grid-template-columns: 1fr 1.8fr;
  gap: 3rem;
}
.c-loc-box.colharf {
  grid-template-columns: 1fr 1fr;
}
@media (max-width: 767px) {
  .c-loc-box {
    grid-template-columns: 1fr !important;
  }
  .c-loc-box.reverse {
    display: flex;
    flex-direction: column-reverse;
  }
}

.c-loc-desc.sbtw {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.c-loc-desc h3 {
  border-left: 3px solid var(--gold);
  padding-left: 1.5rem;
  line-height: 1.4;
  font-size: 1.4rem;
}
.c-loc-desc h3 em {
  font-size: 2.5em;
}
.c-loc-desc h3 em.md {
  font-size: 1.6em;
}
.c-loc-desc .lead {
  margin-top: 1rem;
  font-size: 1.4rem;
}

.c-loc-spotImg {
  position: relative;
  flex-grow: 1;
}
.c-loc-spotImg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.c-loc-spotImg i {
  position: absolute;
  top: 0;
  left: 0;
  transform: translateY(-50%);
  display: block;
  width: 10rem;
}
.c-loc-spotImg i.is-R {
  left: unset;
  right: 0;
}
@media (max-width: 767px) {
  .c-loc-spotImg i {
    transform: translateY(-10%);
  }
}

.c-loc-shopList {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 2rem;
}
.c-loc-shopList.col3 {
  grid-template-columns: repeat(3, 1fr);
  max-width: 850px;
  margin-inline: auto;
}
@media (max-width: 767px) {
  .c-loc-shopList {
    grid-template-columns: 1fr !important;
    gap: 1rem;
  }
}
.c-loc-shopList__ttl {
  font-size: 2.8rem;
  text-align: center;
}
@media (max-width: 767px) {
  .c-loc-shopList__ttl {
    font-size: 2rem;
  }
}
.c-loc-shopList__item {
  position: relative;
  padding: 1rem;
  border: 1px solid rgba(255, 255, 255, 0.5);
}
.c-loc-shopList__item i {
  position: absolute;
  top: 0;
  left: 0;
  transform: translateY(-50%);
  display: block;
  width: 10rem;
  z-index: 1;
}
@media (max-width: 767px) {
  .c-loc-shopList__item i {
    transform: translateY(-10%);
  }
}
.c-loc-shopList__item .box {
  padding: 0 1rem 1rem;
}
.c-loc-shopList__item .box .name {
  margin-top: 1rem;
  font-size: 1.8rem;
}
.c-loc-shopList__item .box .desc {
  margin-top: 1rem;
  font-size: 1.4rem;
}
.c-loc-shopList__item .box .detail {
  border-top: 1px solid rgba(255, 255, 255, 0.5);
  padding-top: 1rem;
  margin-top: 1rem;
  font-size: 1.1rem;
}
.c-loc-shopList__item .box .detail > div {
  display: flex;
}
.c-loc-shopList__item .box .detail > div dd {
  flex-shrink: 1;
}

.c-loc-sCol {
  display: grid;
  grid-template-columns: 1fr 1.5fr;
  gap: 3rem;
  align-items: end;
}
@media (max-width: 767px) {
  .c-loc-sCol {
    gap: 1rem;
  }
}
.c-loc-sCol__data__name {
  font-size: 1.3rem;
}
.c-loc-sCol__data__txt {
  display: flex;
  align-items: center;
  gap: 1rem;
  font-size: 1.2rem;
}
.c-loc-sCol__data__txt:after {
  content: "";
  height: 1px;
  background-color: rgba(255, 255, 255, 0.5);
  display: block;
  flex-grow: 1;
}
.c-loc-sCol__data__time {
  font-size: 1.1rem;
}

.p-mv {
  background-image: url(../../img/location/mv_location.jpg);
  background-size: cover;
  background-position: 50%;
}
.p-mv__ttl {
  color: #fff;
}

.p-loc-intro {
  position: relative;
  padding: 5rem 0 0;
  /*
  @include mixin.grad;
  */
}
.p-loc-intro__inner {
  width: 90%;
  max-width: 1366px;
  margin-inline: auto;
  z-index: 1;
}
.p-loc-intro__heading {
  font-size: 3rem;
  line-height: 1.8;
  letter-spacing: 0;
  text-align: center;
}
@media (max-width: 767px) {
  .p-loc-intro__heading {
    font-size: 2rem;
  }
}
.p-loc-intro__heading span {
  display: inline-block;
}
.p-loc-intro__lead {
  margin-top: 1.5rem;
  line-height: 1.8;
  text-align: center;
}
@media (max-width: 767px) {
  .p-loc-intro__lead {
    text-align: left;
  }
}
.p-loc-intro__lead span {
  display: inline-block;
}
@media (max-width: 767px) {
  .p-loc-intro__lead span {
    display: inline;
  }
}
.p-loc-intro__img {
  display: block;
  z-index: 1;
}

.p-loc-tabContent {
  background-color: var(--navyBg);
  color: #fff;
}
.p-loc-tabContent__nav {
  padding: 5rem 0;
  width: 90%;
  max-width: 1366px;
  margin-inline: auto;
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 1rem;
}
@media (max-width: 767px) {
  .p-loc-tabContent__nav {
    grid-template-columns: repeat(2, 1fr);
  }
}
.p-loc-tabContent__nav__item {
  padding: 1.5rem 0.5rem;
  color: #fff;
  text-align: center;
  background-color: var(--gold);
  border: 2px solid #fff;
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.5);
  font-size: min(1.6rem, 1.5vw);
  opacity: 0.7;
  transition: 0.5s;
}
@media (max-width: 767px) {
  .p-loc-tabContent__nav__item {
    font-size: 1.8rem;
  }
}
@media (hover: hover) and (pointer: fine) {
  .p-loc-tabContent__nav__item:hover {
    background-color: #fff;
    color: var(--grn);
  }
}
.p-loc-tabContent__nav__item.active {
  opacity: 1;
  pointer-events: none;
}
.p-loc-tabContent__intro {
  text-align: center;
  font-size: 2.8rem;
  padding: 3rem 5% 5rem;
}
.p-loc-tabContent__intro img {
  max-width: 600px;
}
@media (max-width: 767px) {
  .p-loc-tabContent__intro {
    font-size: 1.8rem;
  }
}
.p-loc-tabContent__intro h3 {
  position: relative;
  font-size: 5rem;
  font-family: "EB Garamond", serif !important;
  letter-spacing: 0.1em;
  color: var(--gold);
  padding-bottom: 2rem;
}
.p-loc-tabContent__intro h3:after {
  content: "";
  width: 1.5em;
  height: 3px;
  background-color: #a51111;
  display: block;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
@media (max-width: 767px) {
  .p-loc-tabContent__intro h3 {
    font-size: 3rem;
  }
}
.p-loc-tabContent__intro__catch {
  margin-top: 2rem;
  font-size: 2.4rem;
}
@media (max-width: 767px) {
  .p-loc-tabContent__intro__catch {
    font-size: 1.8rem;
  }
}
.p-loc-tabContent__intro__lead {
  margin-top: 2rem;
  font-size: 1.6rem;
  line-height: 1.8;
  text-align: center;
}
.p-loc-tabContent__intro__lead em {
  color: #a51111;
}
@media (max-width: 920px) {
  .p-loc-tabContent__intro__lead {
    font-size: 1.5rem;
  }
}
@media (max-width: 767px) {
  .p-loc-tabContent__intro__lead {
    text-align: left;
    font-size: 1.4rem;
  }
}
.p-loc-tabContent__intro__lead small {
  font-size: 1.1rem;
}
.p-loc-tabContent__stationFront {
  width: 90%;
  max-width: 1366px;
  margin-inline: auto;
  display: grid;
  grid-template-columns: 1.8fr 1fr;
  gap: 3rem;
}
@media (max-width: 767px) {
  .p-loc-tabContent__stationFront {
    grid-template-columns: 1fr;
  }
}
.p-loc-tabContent__stationFront__box1 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 3rem;
}
.p-loc-tabContent__stationFront__box2 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 3rem;
}
.p-loc-tabContent__aside {
  border: 1px solid rgba(255, 255, 255, 0.5);
  padding: 2rem;
}
.p-loc-tabContent__othershop__txt {
  font-size: 2.8rem;
  text-align: center;
}
.p-loc-tabContent__inner {
  width: 90%;
  max-width: 1366px;
  margin-inline: auto;
}
.p-loc-tabContent__map {
  max-width: 800px;
  margin-inline: auto;
}
.p-loc-tabContent__map img {
  max-width: unset;
}
.p-loc-tabContent__point {
  display: block;
  max-width: 1000px;
  margin-inline: auto;
}
.p-loc-tabContent__point img {
  max-width: unset;
}

.p-loc-item {
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 4;
  gap: 1rem;
}
.p-loc-item--shopping {
  grid-template-rows: none;
}
.p-loc-item--shopping-sub {
  padding-top: 4.5rem;
  display: flex;
  flex-direction: column;
}
@media (max-width: 767px) {
  .p-loc-item--shopping-sub {
    padding-top: 0;
  }
}
.p-loc-item__ttl {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 2.4rem;
  font-weight: 600;
}
.p-loc-item__ttl::before {
  content: "";
  display: inline-block;
  height: 1em;
  width: 1em;
  background-image: url(../../img/location/loc_icon.jpg);
  background-size: cover;
}
@media (max-width: 767px) {
  .p-loc-item__ttl {
    font-size: 2rem;
  }
}
.p-loc-item__img {
  position: relative;
}
.p-loc-item__img i {
  position: absolute;
  top: 2%;
  width: 17%;
}
.p-loc-item__img i.-L {
  left: 2%;
}
.p-loc-item__img i.-R {
  right: 2%;
}
.p-loc-item__lead {
  font-size: 1.6rem;
  letter-spacing: 0;
  font-weight: 400;
}
.p-loc-item__distance {
  font-size: 1.2rem;
  border-top: 1px solid #ccc;
}
@media (max-width: 767px) {
  .p-loc-item__distance {
    font-size: 1.1rem;
  }
}

.p-loc-shopping__otherList__ttl {
  font-size: 2.4rem;
  text-align: center;
}
.p-loc-shopping__otherList__items {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1rem;
}
@media (max-width: 767px) {
  .p-loc-shopping__otherList__items {
    grid-template-columns: repeat(2, 1fr);
  }
}
.p-loc-shopping__otherItem {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.p-loc-shopping__otherItem__lead {
  font-size: 1.6rem;
  font-weight: 400;
}
.p-loc-shopping__otherItem__distance {
  font-size: 1.2rem;
  border-top: 1px solid #ccc;
}
@media (max-width: 767px) {
  .p-loc-shopping__otherItem__distance {
    font-size: 1.1rem;
  }
}

.p-loc-gourmetItems {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
}
@media (max-width: 767px) {
  .p-loc-gourmetItems {
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
  }
}

.p-loc-gourmetItem {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.p-loc-gourmetItem__lead {
  font-size: 1.6rem;
  font-weight: 400;
}
@media (max-width: 767px) {
  .p-loc-gourmetItem__lead {
    font-size: 1.4rem;
    letter-spacing: 0;
  }
}
.p-loc-gourmetItem__distance {
  font-size: 1.2rem;
  border-top: 1px solid #ccc;
}
@media (max-width: 767px) {
  .p-loc-gourmetItem__distance {
    font-size: 1.1rem;
  }
}

.p-park-items {
  display: grid;
  width: 90%;
  max-width: 1366px;
  margin-inline: auto;
}

.p-park-item {
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 5;
  gap: 1rem;
}
.p-park-item__ttl {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: min(2.4rem, 2.3vw);
  font-weight: 600;
}
.p-park-item__ttl::before {
  content: "";
  display: inline-block;
  height: 1em;
  width: 1em;
  background-image: url(../../img/location/loc_icon.jpg);
  background-size: cover;
}
.p-park-item__ttl small {
  display: inline-block;
  font-size: 0.5em;
}
@media (max-width: 767px) {
  .p-park-item__ttl {
    font-size: 1.8rem;
  }
}
.p-park-item__img {
  position: relative;
}
.p-park-item__img i {
  position: absolute;
  top: 2%;
  width: 17%;
}
.p-park-item__img i.-L {
  left: 2%;
}
.p-park-item__img i.-R {
  right: 2%;
}
.p-park-item__lead {
  font-size: 1.6rem;
  font-weight: 400;
}
.p-park-item__distance {
  font-size: 1.2rem;
  border-top: 1px solid #ccc;
}
@media (max-width: 767px) {
  .p-park-item__distance {
    font-size: 1.1rem;
  }
}
.p-park-item__sub {
  display: grid;
  grid-template-columns: 1fr 3fr;
  gap: 1.5rem;
}
@media (max-width: 767px) {
  .p-park-item__sub {
    grid-template-columns: 1fr 1fr;
  }
}
.p-park-item__sub__lead {
  font-size: 1.6rem;
  font-weight: 400;
}
.p-park-item__sub__distance {
  font-size: 1.2rem;
  border-top: 1px solid #ccc;
}
@media (max-width: 767px) {
  .p-park-item__sub__distance {
    font-size: 1.1rem;
  }
}
.p-park-item__sub__cap {
  font-size: 1.2rem;
}
@media (max-width: 767px) {
  .p-park-item__sub__cap {
    font-size: 1.1rem;
  }
}

.p-loc-park__other {
  width: 90%;
  max-width: 1366px;
  margin-inline: auto;
}
.p-loc-park__other__ttl {
  font-size: 2.4rem;
  text-align: center;
}
@media (max-width: 767px) {
  .p-loc-park__other__ttl {
    font-size: 2.2rem;
  }
}
.p-loc-park__other__items {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1rem;
}
@media (max-width: 767px) {
  .p-loc-park__other__items {
    grid-template-columns: repeat(2, 1fr);
  }
}
.p-loc-park__otherItem {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.p-loc-park__otherItem__lead {
  font-size: 1.6rem;
  font-family: YakuHanMPs, "Sawarabi Gothic", sans-serif;
  font-weight: 400;
}
@media (max-width: 767px) {
  .p-loc-park__otherItem__lead {
    font-size: 1.4rem;
    letter-spacing: 0;
  }
}
.p-loc-park__otherItem__distance {
  font-size: 1.2rem;
  border-top: 1px solid #ccc;
}
@media (max-width: 767px) {
  .p-loc-park__otherItem__distance {
    font-size: 1.1rem;
  }
}

.p-loc-childcare {
  width: 90%;
  max-width: 1366px;
  margin-inline: auto;
}
.p-loc-childcare__ttl {
  font-size: 2.4rem;
  text-align: center;
}
@media (max-width: 767px) {
  .p-loc-childcare__ttl {
    font-size: 2.2rem;
  }
}
.p-loc-childcare__items {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1rem;
}
@media (max-width: 767px) {
  .p-loc-childcare__items {
    grid-template-columns: repeat(2, 1fr);
  }
}
.p-loc-childcare__item {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.p-loc-childcare__item__lead {
  font-size: 1.6rem;
  font-family: YakuHanMPs, "Sawarabi Gothic", sans-serif;
  font-weight: 400;
}
@media (max-width: 767px) {
  .p-loc-childcare__item__lead {
    font-size: 1.4rem;
    letter-spacing: 0;
  }
}
.p-loc-childcare__item__distance {
  font-size: 1.2rem;
  border-top: 1px solid #ccc;
}
@media (max-width: 767px) {
  .p-loc-childcare__item__distance {
    font-size: 1.1rem;
  }
}
.p-loc-childcare__mirai {
  background-color: #dfc2c6;
  padding: 5rem 0;
}
.p-loc-childcare__mirai__inner {
  width: 90%;
  max-width: 1366px;
  margin-inline: auto;
  display: grid;
  grid-template-columns: 3fr 2fr;
  gap: 5rem;
}
@media (max-width: 767px) {
  .p-loc-childcare__mirai__inner {
    grid-template-columns: 1fr;
    gap: 2rem;
  }
}
.p-loc-childcare__mirai__img img {
  border-radius: 15px;
}
.p-loc-childcare__other {
  background-color: #eddddf;
  font-family: YakuHanMPs, "Sawarabi Gothic", sans-serif;
}
.p-loc-childcare__other__inner {
  width: 90%;
  max-width: 1366px;
  margin-inline: auto;
  padding: 5rem 0;
}
.p-loc-childcare__other__ttl {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #bf7186;
  font-size: 2.4rem;
}
.p-loc-childcare__other__ttl i {
  height: 3px;
  background-color: #bf7186;
  flex-grow: 1;
}
.p-loc-childcare__other__ttl span {
  display: inline-flex;
  align-items: center;
  font-weight: 600;
  padding: 0 1rem;
}
.p-loc-childcare__other__items {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 3rem;
}
@media (max-width: 767px) {
  .p-loc-childcare__other__items {
    grid-template-columns: 1fr;
    gap: 2rem;
  }
}
.p-loc-childcare__other__link {
  display: block;
  width: 100%;
  max-width: 400px;
  margin-inline: auto;
}
.p-loc-childcare__service {
  background-color: #dbbfc3;
  padding: 4rem;
  color: #231815;
}
@media (max-width: 767px) {
  .p-loc-childcare__service {
    padding: 2rem;
  }
}
.p-loc-childcare__service__station {
  display: grid;
  grid-template-columns: 1.4fr 1fr;
  align-items: flex-start;
  gap: 3rem;
}
@media (max-width: 767px) {
  .p-loc-childcare__service__station {
    grid-template-columns: 1fr;
  }
}
.p-loc-childcare__service__ttl {
  position: relative;
  background-color: #b76e81;
  border-left: 8px solid #cea7b4;
  border-right: 8px solid #cea7b4;
  color: #fff;
  font-size: 2rem;
  text-align: center;
  padding: 1.5rem;
}
@media (max-width: 767px) {
  .p-loc-childcare__service__ttl {
    font-size: 1.4rem;
  }
}
.p-loc-childcare__service__ttl i {
  position: absolute;
  top: 0;
  left: 0;
  transform: translate(-30%, -30%);
  display: block;
  width: 8rem;
}
.p-loc-childcare__service__ttl i.is-R {
  left: unset;
  right: 0;
}
@media (max-width: 767px) {
  .p-loc-childcare__service__ttl i {
    transform: translate(-50%, -50%);
    width: 6rem;
  }
}
.p-loc-childcare__service__lead {
  margin-top: 1rem;
  font-size: 1.4rem;
  color: #231815;
}
.p-loc-childcare__service__distance {
  margin-top: 1rem;
  border-top: 1px solid #231815;
  font-size: 1.1rem;
}
.p-loc-childcare__service__img {
  position: relative;
}
.p-loc-childcare__service__cap {
  position: absolute;
  bottom: 1.2rem;
  right: 1.2rem;
  font-size: 1.1rem;
  color: #231815;
}
.p-loc-childcare__service__note {
  font-size: 1.1rem;
  word-break: break-all;
}
.p-loc-childcare__service__other {
  margin-top: 5rem;
}
.p-loc-childcare__service__other .ttl {
  display: flex;
  color: #b76e81;
  align-items: center;
  gap: 1rem;
  font-size: 2.4rem;
  font-weight: 500;
}
.p-loc-childcare__service__other .ttl::before, .p-loc-childcare__service__other .ttl::after {
  content: "";
  height: 2px;
  background-color: #b76e81;
  flex-grow: 1;
}
.p-loc-childcare__service__other .other-wrap {
  margin-top: 3rem;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 3rem;
}
@media (max-width: 767px) {
  .p-loc-childcare__service__other .other-wrap {
    grid-template-columns: 1fr;
  }
}
.p-loc-childcare__bnr {
  margin-top: 5rem;
  display: block;
  max-width: 500px;
  width: 90%;
  margin-inline: auto;
}

.p-loc-medical__items {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2rem;
}
@media (max-width: 767px) {
  .p-loc-medical__items {
    gap: 1rem;
    grid-template-columns: 1fr;
    gap: 3rem;
  }
}
.p-loc-medical__item__lead {
  font-size: 1.6rem;
  font-family: YakuHanMPs, "Sawarabi Gothic", sans-serif;
  font-weight: 400;
}
@media (max-width: 767px) {
  .p-loc-medical__item__lead {
    font-size: 1.2rem;
  }
}
.p-loc-medical__item__distance {
  font-size: 1.2rem;
  border-top: 1px solid #ccc;
}
@media (max-width: 767px) {
  .p-loc-medical__item__distance {
    font-size: 1.1rem;
  }
}

.p-loc-lifeinfo {
  background-color: #e9dcca;
  padding: 5rem 0;
}
.p-loc-lifeinfo__ttl {
  text-align: center;
  font-size: 3rem;
}
.p-loc-lifeinfo__map {
  margin-top: 2rem;
  width: 90%;
  max-width: 1080px;
  margin-inline: auto;
  height: 65vh;
  border: 1px solid #ccc;
  border-radius: 8px;
  position: relative;
  overflow: hidden;
}
@media (max-width: 767px) {
  .p-loc-lifeinfo__map {
    height: 70vw;
  }
}
.p-loc-lifeinfo__map img {
  width: auto;
  height: auto;
  max-width: none;
  max-height: none;
  display: block;
}
.p-loc-lifeinfo__contents {
  margin-top: 3rem;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 3rem;
  width: 90%;
  max-width: 1080px;
  margin-inline: auto;
}
@media (max-width: 767px) {
  .p-loc-lifeinfo__contents {
    grid-template-columns: 1fr;
  }
}
.p-loc-lifeinfo__content__ttl {
  font-size: 1.8rem;
  background-color: var(--catg-color);
  padding: 0.5rem 1rem;
  color: #fff;
}
@media (max-width: 767px) {
  .p-loc-lifeinfo__content__ttl {
    font-size: 1.4rem;
  }
}
.p-loc-lifeinfo__content__list {
  counter-reset: item;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.p-loc-lifeinfo__content__list li {
  position: relative;
  font-size: min(1.4rem, 1.2vw);
}
@media (max-width: 767px) {
  .p-loc-lifeinfo__content__list li {
    font-size: 1.4rem;
  }
}
.p-loc-lifeinfo__content__list li:not(:first-child) {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding-left: 3.5rem;
}
.p-loc-lifeinfo__content__list li:not(:first-child)::before {
  counter-increment: item;
  content: counter(item);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--catg-color);
  width: 2.5rem;
  height: 2.5rem;
  padding-left: 0.15rem;
  padding-bottom: 0.2rem;
  border-radius: 1.75rem;
  font-size: 1.4rem;
  line-height: 1;
  text-align: center;
  color: #fff;
}
.p-loc-lifeinfo__content__list li:not(:first-child) span:nth-child(2) {
  flex-grow: 1;
  text-align: right;
}
.p-loc-lifeinfo__content__list li .ft-sm {
  letter-spacing: -0.05em;
}
.p-loc-lifeinfo__content__list li.noNum::before {
  color: var(--catg-color);
}

.zoomFigure__cont {
  position: relative;
  overflow: hidden;
  display: block;
  width: 90%;
  max-width: 1080px;
  height: 60vh;
  margin-inline: auto;
  margin-top: 2rem;
}
@media (max-width: 767px) {
  .zoomFigure__cont {
    height: 70vw;
  }
}

.zoomable-image {
  position: absolute; /* 画像を絶対配置にする */
  transition: transform 0.3s ease;
  width: 100%;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
  cursor: grab;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  touch-action: none; /* タッチ操作のデフォルト動作を無効化 */
}

.zoom-controls {
  position: absolute;
  bottom: 10px;
  left: 10px;
}

.zoom-controls button {
  margin-right: 5px;
  padding: 5px 10px;
  background-color: #fff;
  border: 1px solid #ccc;
  cursor: pointer;
  height: 3rem;
  width: 3rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.zoom-controls button:hover {
  background-color: #f0f0f0;
}

.mapWrap {
  position: relative;
  width: 100%;
  height: 70vh;
  z-index: 0;
  box-shadow: 0 0 10px #ddd;
}
.mapWrap.full {
  aspect-ratio: unset !important;
  height: 100vh !important;
}
@media (max-width: 1080px) {
  .mapWrap {
    aspect-ratio: unset;
    height: 65vh;
  }
}
@media (max-width: 767px) {
  .mapWrap {
    aspect-ratio: 1/1.1;
    overflow-y: hidden;
  }
}
.mapWrap .ex {
  position: absolute;
  top: 10px;
  right: 65px;
  width: 50%;
  max-width: 380px;
  z-index: 1000;
}
@media (max-width: 767px) {
  .mapWrap .ex {
    width: 70%;
  }
}
.mapWrap .leaflet-container {
  background-color: #fff;
}
.mapWrap .leaflet-touch .leaflet-bar a {
  width: 45px;
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 3rem;
}

#map {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.info-panel {
  position: absolute;
  top: 0;
  left: -400px;
  width: 400px;
  height: 100%;
  border-radius: 1rem;
  background: white;
  box-shadow: 2px 0 8px rgba(0, 0, 0, 0.2);
  transition: 0.3s ease;
  overflow-y: scroll;
  z-index: 1001;
}
.info-panel.active {
  left: 0;
}
@media (max-width: 767px) {
  .info-panel {
    top: unset;
    bottom: 0;
    left: unset;
    width: 100%;
    height: 22rem;
    transform: translateY(100%);
  }
  .info-panel.active {
    transform: translateY(calc(100% - 20rem));
  }
}

@keyframes bouncePin {
  0% {
    margin-top: -50px;
  }
  50% {
    margin-top: -55px;
  }
  100% {
    margin-top: -50px;
  }
}
@keyframes bouncePin_sp {
  0% {
    margin-top: -40px;
  }
  50% {
    margin-top: -50px;
  }
  100% {
    margin-top: -40px;
  }
}
.leaflet-marker-icon.current.bounce-active {
  animation: bouncePin 1s infinite;
  transform-origin: center bottom;
}
@media (max-width: 767px) {
  .leaflet-marker-icon.current.bounce-active {
    animation: bouncePin_sp 1s infinite;
  }
}

.info-card {
  position: relative;
  padding: 2rem;
  padding-bottom: 4rem;
}
.info-card__close {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 3.5rem;
  height: 3.5rem;
  background: #ccc;
  border-radius: 50%;
  color: #fff;
  font-size: 1.8rem;
  line-height: 1;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.2s ease;
  z-index: 1;
}
.info-card__close:hover {
  background: rgba(0, 0, 0, 0.9);
  color: #fff;
}
.info-card img {
  max-width: 100%;
  height: auto;
  display: block;
  margin-bottom: 8px;
}
.info-card h3 {
  margin: 0 0 8px;
  background-color: #e19d3f;
  padding: 1rem;
}
.info-card .lead {
  font-size: 1.4rem;
}
.info-card .detail {
  border-top: 1px solid #ccc;
  padding-top: 3rem;
  margin-top: 1rem;
  font-size: 1.3rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.info-card .detail > div {
  display: flex;
  align-items: baseline;
  gap: 1rem;
}
.info-card .detail > div dt {
  padding: 0 0.5em;
  width: 9rem;
  text-align: center;
}
.info-card .detail > div dd {
  flex-shrink: 1;
}
.info-card.public h3 {
  background-color: #897970;
  color: #fff;
}
.info-card.public dt {
  background-color: #897970;
  color: #fff;
}
.info-card.gourmet h3 {
  background-color: #ED6E4A;
  color: #fff;
}
.info-card.gourmet dt {
  background-color: #ED6E4A;
  color: #fff;
}
.info-card.shopping h3 {
  background-color: #E19D3F;
  color: #fff;
}
.info-card.shopping dt {
  background-color: #E19D3F;
  color: #fff;
}
.info-card.park h3 {
  background-color: #057879;
  color: #fff;
}
.info-card.park dt {
  background-color: #057879;
  color: #fff;
}
.info-card.medical h3 {
  background-color: #6D609B;
  color: #fff;
}
.info-card.medical dt {
  background-color: #6D609B;
  color: #fff;
}
.info-card.childcare h3 {
  background-color: #CF5870;
  color: #fff;
}
.info-card.childcare dt {
  background-color: #CF5870;
  color: #fff;
}

/* ズームレベルに応じたマーカーサイズの調整 */
.leaflet-marker-icon {
  transition: width 0.3s ease, height 0.3s ease;
}

@media (max-width: 767px) {
  .marker-zoom-small .leaflet-marker-icon {
    width: 30px !important;
    height: 30px !important;
    margin-left: -15px !important;
    margin-top: -30px !important;
  }
  .marker-zoom-medium .leaflet-marker-icon {
    width: 40px !important;
    height: 40px !important;
    margin-left: -20px !important;
    margin-top: -40px !important;
  }
  .marker-zoom-large .leaflet-marker-icon {
    width: 50px !important;
    height: 50px !important;
    margin-left: -25px !important;
    margin-top: -50px !important;
  }
  .marker-zoom-xlarge .leaflet-marker-icon {
    width: 60px !important;
    height: 60px !important;
    margin-left: -30px !important;
    margin-top: -60px !important;
  }
  /* アニメーションは通常のtransformのみ使用 */
}
.openMap {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  width: 90%;
  max-width: 300px;
  margin-inline: auto;
  margin-top: 2rem;
  text-align: center;
  padding: 1rem;
  background-color: #fff;
  box-shadow: 0 0 10px #999;
  border-radius: 5rem;
  transition: 0.3s;
}
.openMap:hover {
  background-color: #666;
  color: #fff;
}
.openMap i {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2236%22%20height%3D%2236%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22ai%20ai-LinkOut%22%3E%3Cpath%20d%3D%22M13.5%2010.5L21%203%22%2F%3E%3Cpath%20d%3D%22M16%203h5v5%22%2F%3E%3Cpath%20d%3D%22M21%2014v5a2%202%200%200%201-2%202H5a2%202%200%200%201-2-2V5a2%202%200%200%201%202-2h5%22%2F%3E%3C%2Fsvg%3E");
  background-size: cover;
}
/*# sourceMappingURL=../../map/location/style.css.map */