@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%);
  }
}

.p-plan {
  background-color: var(--navyBg);
  padding-bottom: 5rem;
}

.p-mv {
  background-image: url(../../img/plan/mv_plan.jpg);
  background-size: cover;
  background-position: bottom;
}
@media (max-width: 767px) {
  .p-mv {
    background-position: center bottom;
  }
}
.p-mv__ttl {
  color: #fff;
}

.p-intro {
  font-size: 3rem;
  text-align: center;
  color: #fff;
}
@media (max-width: 767px) {
  .p-intro {
    font-size: 2.5rem;
  }
}

.p-plan-ex {
  margin-top: 5rem;
}
.p-plan-ex__heading {
  text-align: center;
  font-size: 2.4rem;
}
.p-plan-ex__intro {
  width: 100%;
  max-width: 750px;
  margin-inline: auto;
}
.p-plan-ex .inner {
  max-width: 1080px;
  background-color: #fff;
  padding: 5rem;
}
@media (max-width: 920px) {
  .p-plan-ex .inner {
    padding: 3rem;
  }
}
.p-plan-ex__inner {
  width: 100%;
  margin-inline: auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: 5rem;
}
.p-plan-ex__detail {
  display: flex;
  flex-direction: column;
  gap: 3rem;
}
@media (max-width: 920px) {
  .p-plan-ex__detail {
    width: 80%;
    margin-inline: auto;
  }
}
.p-plan-ex__detail__img {
  margin-inline: auto;
}
.p-plan-ex__point {
  display: flex;
  flex-direction: column;
  gap: 15rem;
  top: 0;
}
@media (max-width: 767px) {
  .p-plan-ex__point {
    gap: 3rem;
  }
}
.p-plan-ex__txt {
  line-height: 2;
  width: 100%;
  margin: 3rem auto 0;
  font-size: min(1.8vw, 1.7rem);
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.p-plan-ex__txt li {
  display: flex;
  line-height: 1.6;
}
.p-plan-ex__txt li::before {
  content: "□";
  margin-right: 0.5rem;
}
@media (max-width: 767px) {
  .p-plan-ex__txt {
    font-size: min(3.6vw, 2rem);
  }
}
.p-plan-ex__item__ttl, .p-plan-ex__item__ttl--col {
  display: flex;
  gap: 0.5rem 1rem;
  justify-content: flex-start;
  align-items: baseline;
  color: #85b83a;
  font-size: 2.6rem;
}
@media (max-width: 767px) {
  .p-plan-ex__item__ttl, .p-plan-ex__item__ttl--col {
    font-size: 1.5rem;
    letter-spacing: 0;
  }
}
.p-plan-ex__item__ttl--col {
  flex-wrap: wrap;
}
.p-plan-ex__item__ttl i, .p-plan-ex__item__ttl--col i {
  background-color: #85b83a;
  color: #fff;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 1.5em;
  height: 1.5em;
}
.p-plan-ex__item__ttl em, .p-plan-ex__item__ttl--col em {
  font-size: 1.6em;
}
@media (max-width: 767px) {
  .p-plan-ex__item__ttl em, .p-plan-ex__item__ttl--col em {
    font-size: 1.4em;
  }
}
.p-plan-ex__item__ttl span, .p-plan-ex__item__ttl--col span {
  flex-shrink: 1;
}

.scroll-container {
  margin-top: 5rem;
  width: 100vw;
  overflow: hidden;
  white-space: nowrap;
  position: relative;
  height: 60vh;
}
@media (max-width: 767px) {
  .scroll-container {
    height: 40vh;
  }
}
.scroll-container .scroll-content {
  display: flex;
  position: absolute;
  white-space: nowrap;
}
.scroll-container .scroll-content img {
  height: 60vh;
  width: auto;
  max-width: unset;
}
@media (max-width: 767px) {
  .scroll-container .scroll-content img {
    height: 40vh;
  }
}

.p-planimg {
  width: 90%;
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
  border: 1px solid #ccc;
  padding: 3rem;
  background-color: #fff;
}
.p-planimg__spec {
  display: flex;
  justify-content: center;
  font-size: 2rem;
  line-height: 1.2;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .p-planimg__spec {
    display: grid;
    grid-template-columns: 1fr;
  }
}
.p-planimg__spec__type {
  padding: 0 2rem;
  line-height: 1;
  display: flex;
  align-items: flex-end;
}
.p-planimg__spec__type em {
  font-size: 2em;
  line-height: 1;
}
@media (max-width: 767px) {
  .p-planimg__spec__type {
    padding: 0;
    padding-bottom: 1rem;
    margin-bottom: 1rem;
    border-bottom: 1px solid #ccc;
    justify-content: center;
  }
}
.p-planimg__spec__rooms {
  padding: 0 2rem;
  border-left: 1px solid #ccc;
  line-height: 1.2;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.p-planimg__spec__rooms small {
  font-size: 0.6em;
}
@media (max-width: 767px) {
  .p-planimg__spec__rooms {
    padding: 0;
    border: none;
    align-items: center;
  }
}
.p-planimg__spec__area {
  padding: 0 2rem;
  border-left: 1px solid #ccc;
  display: flex;
  align-items: flex-end;
}
.p-planimg__spec__area em {
  font-size: 2em;
  line-height: 1;
}
@media (max-width: 767px) {
  .p-planimg__spec__area {
    padding: 0;
    margin-top: 1rem;
    border-left: none;
    border-top: 1px solid #ccc;
    justify-content: center;
  }
}
.p-planimg__spec__other {
  text-align: center;
  margin-top: 1rem;
  padding: 1rem 0;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  width: 100%;
  font-size: 1.2rem;
}
@media (max-width: 767px) {
  .p-planimg__spec__other {
    margin-top: 0;
  }
}
.p-planimg__sample {
  position: relative;
}
.p-planimg__sample__img {
  display: block;
  max-width: 400px;
  margin: 0 auto;
  opacity: 0.7;
}
.p-planimg__sample__info {
  position: absolute;
  top: 50%;
  width: 100%;
  text-align: center;
  transform: translateY(-50%);
  font-size: 2rem;
}
@media (max-width: 767px) {
  .p-planimg__sample__info {
    margin-top: 3rem;
    position: static;
    transform: translateY(0);
    font-size: 1.4rem;
  }
}
.p-planimg__sample__txt {
  line-height: 2;
  width: 100%;
  max-width: 600px;
  margin: 3rem auto 0;
  font-size: min(1.8vw, 1.7rem);
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.p-planimg__sample__txt li {
  display: flex;
  line-height: 1.6;
}
.p-planimg__sample__txt li::before {
  content: "□";
  margin-right: 0.5rem;
}
@media (max-width: 767px) {
  .p-planimg__sample__txt {
    font-size: min(3.6vw, 2rem);
  }
}
.p-planimg__sample__btn {
  text-align: center;
  display: block;
  background-color: #920e14;
  color: #fff;
  width: 100%;
  max-width: 400px;
  margin: 1rem auto;
  padding: 1rem 3rem;
  border: 2px solid #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  transition: 0.3s;
}
@media (max-width: 767px) {
  .p-planimg__sample__btn {
    padding: 1rem;
    font-size: 1.6rem;
  }
}
.p-planimg__sample__btn:hover {
  background-color: #fff;
  color: #920e14;
}

.p-flow {
  width: 90%;
  max-width: 900px;
  padding: 3rem;
  margin-left: auto;
  margin-right: auto;
  background-color: #fff;
}
@media (max-width: 767px) {
  .p-flow {
    padding: 1rem;
  }
}
.p-flow__txt {
  font-size: 2rem;
  text-align: center;
}
@media (max-width: 767px) {
  .p-flow__txt {
    font-size: 1.5rem;
  }
}
.p-flow__txt em {
  display: block;
  font-size: 1.5em;
}
.p-flow__btn {
  text-align: center;
  display: block;
  background-color: #920e14;
  color: #fff;
  width: 100%;
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
  padding: 1rem 3rem;
  font-size: 2rem;
  border: 2px solid #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  transition: 0.3s;
}
.p-flow__btn:hover {
  background-color: #fff;
  color: #920e14;
}

.guide {
  font-size: 1.2rem;
  width: 90%;
  max-width: 900px;
  margin: 2rem auto;
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem 1rem;
}
@media (max-width: 767px) {
  .guide {
    font-size: 1.1rem;
  }
}
.guide span {
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
}
.guide span i {
  height: 1rem;
}
.guide span img {
  height: 1rem;
  width: auto;
  margin-right: 0.3rem;
}
/*# sourceMappingURL=../../map/plan/style.css.map */