<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*weight*/
/*
 * Font Set
 */
/*
 * Convert pixels to rems
 * eg. for a relational value of 12px write f-rem(12)
 * Assumes $em-base is the font-size of 10px
 */
/*
 * Convert pixels to line-height
 * eg. When the font size is 18 px and the line feed is 28 px write f-line-height( 18, 28 )
 */
/*
 * Convert letter-spacing
 * eg. When tracking = 50 on Photoshop, write f-letter-spacing(50).
 */
/* ------------------------------------------------------------
for second-template
------------------------------------------------------------ */
.l2_contents a {
  text-decoration: underline;
}

/* hero */
.hero {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 2.4rem;
  width: 100%;
  margin-bottom: 4.8rem;
  height: auto;
}
@media only screen and (max-width:768px) {
  .hero {
    width: 100vw;
    height: 30rem;
  }
}
.hero__inner {
  position: relative;
  place-content: unset;
  width: 100%;
  height: auto;
  margin: 0 auto;
  padding: 20rem 0 8rem;
  border-radius: 0 0 4.8rem 4.8rem;
  transition: all 0.3s linear;
  overflow: hidden;
}
@media only screen and (max-width:768px) {
  .hero__inner {
    padding: 0;
    border-radius: 0 0 3.2rem 3.2rem;
    transition: none;
  }
}
.hero__inner::before {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 1;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color: var(--beige02);
  -webkit-backdrop-filter: blur(1rem);
  backdrop-filter: blur(1rem);
  mix-blend-mode: multiply;
}
@-moz-document url-prefix() {
  @media only screen and (max-width:768px) {
    .hero__inner .box__header {
      -webkit-backdrop-filter: blur(1rem);
      backdrop-filter: blur(1rem);
    }
  }
}
.hero__inner .box__header {
  position: relative;
  z-index: 2;
  width: 100%;
  max-width: 123.4rem;
  margin: 0 auto;
  padding: 0 3.2rem;
}
@media only screen and (max-width:768px) {
  .hero__inner .box__header {
    display: grid;
    place-content: center start;
    width: 100vw;
    height: 30rem;
    padding: 6rem 2.4rem 0;
  }
}
.hero__inner .box__header .content-title {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 0.64rem;
  margin: 0;
  padding: 0;
  transition: opacity 0.64s var(--ease-up), transform 0.64s var(--ease-up);
  will-change: opacity, transform;
  transform: translateX(2.4rem);
  opacity: 0;
}
.hero__inner .box__header .content-title.--lv2 {
  color: var(--darkgray);
  font-size: 3rem;
  line-height: 140%;
  font-weight: 500;
}
@media only screen and (max-width:768px) {
  .hero__inner .box__header .content-title.--lv2 {
    font-size: 2.4rem;
  }
}
.hero__inner .box__header .content-title.--lv2 small {
  color: var(--white);
  font-size: 6.4rem;
  font-weight: 500;
  line-height: 1;
  transition: opacity 0.64s var(--ease-up), transform 0.64s var(--ease-up);
  will-change: opacity, transform;
  transform: translateX(2.4rem);
  opacity: 0;
  text-transform: none;
}
@media only screen and (max-width:768px) {
  .hero__inner .box__header .content-title.--lv2 small {
    font-size: 4rem;
  }
}
.hero__inner .box__header--image {
  position: absolute;
  z-index: 0;
  top: 0;
  right: 0;
  width: 50%;
  height: 100%;
  opacity: 0.8;
  transform: scale(1);
  transform-origin: top right;
}
@media only screen and (max-width:768px) {
  .hero__inner .box__header--image {
    width: 100%;
  }
}
.hero__inner .box__header--image svg {
  position: absolute;
  display: block;
  aspect-ratio: 1/1;
  width: 100%;
  height: 100%;
  transform-origin: center;
  animation-name: circle-anime;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
.hero__inner .box__header--image svg.circle01 {
  width: 24rem;
  animation-duration: 16s;
  top: 13rem;
  right: 42.5rem;
}
@media only screen and (max-width:768px) {
  .hero__inner .box__header--image svg.circle01 {
    width: 14rem;
    top: 13.9rem;
    right: 12.5rem;
  }
}
.hero__inner .box__header--image svg.circle01 .col01 {
  fill: #F5AA00;
}
.hero__inner .box__header--image svg.circle01 .col02 {
  fill: #009d95;
}
.hero__inner .box__header--image svg.circle02 {
  width: 32rem;
  animation-name: circle-reverse-anime;
  animation-duration: 24s;
  top: -4.6rem;
  right: 16.4rem;
}
@media only screen and (max-width:768px) {
  .hero__inner .box__header--image svg.circle02 {
    width: 20rem;
    top: -2.4rem;
    right: 4.5rem;
  }
}
.hero__inner .box__header--image svg.circle02 .col01 {
  fill: #e52d8a;
}
.hero__inner .box__header--image svg.circle02 .col02 {
  fill: #00aeeb;
}
.hero__inner .box__header--image svg.circle03 {
  width: 16rem;
  animation-duration: 12s;
  top: 7.4rem;
  right: 3.3rem;
}
@media only screen and (max-width:768px) {
  .hero__inner .box__header--image svg.circle03 {
    width: 8rem;
    top: 6rem;
    right: -0.8rem;
  }
}
.hero__inner .box__header--image svg.circle03 .col01 {
  fill: #181878;
}
.hero__inner .box__header--image svg.circle03 .col02 {
  fill: #bebfbf;
}
.hero.is-animated .hero__inner .box__header .content-title {
  transform: translateX(0);
  opacity: 1;
}
.hero.is-animated .hero__inner .box__header .content-title.--lv2 small {
  transform: translateX(0);
  opacity: 1;
}

@keyframes circle-anime {
  to {
    transform: rotate(360deg);
  }
}
@keyframes circle-reverse-anime {
  to {
    transform: rotate(-360deg);
  }
}
.box-spread {
  /* outline */
}
.box-spread__inner .box__header {
  padding: 0;
}
.box-spread__inner .box__header .content-title.--lv3 {
  padding-bottom: 1.6rem;
  font-size: 2.4rem;
  line-height: 1.58333;
  font-weight: 500;
  border-bottom: 0.2rem solid var(--black);
}
@media only screen and (max-width:768px) {
  .box-spread__inner .box__header .content-title.--lv3 {
    padding-bottom: 1.6rem;
    padding-left: 0.8rem;
    font-size: 2.1rem;
  }
}
@media only screen and (max-width:768px) {
  .box-spread__inner .box__content {
    padding-top: 0;
  }
}
.box-spread__inner .box__content .l2_contents {
  font-size: 1.6rem;
  line-height: 1.3125;
}

.c-bnr {
  background-color: var(--litegray01);
  border-radius: 1.6rem;
  overflow: hidden;
}
.c-bnr__wrapper {
  padding: 2.4rem;
}
@media only screen and (max-width:768px) {
  .c-bnr__wrapper {
    padding: 0.8rem;
  }
}
.c-bnr__box {
  width: 100%;
  padding: 2.4rem;
}
@media only screen and (max-width:768px) {
  .c-bnr__box {
    padding: 1.6rem;
  }
}
.c-bnr__box h3 {
  margin-bottom: 2.4rem;
  padding-bottom: 0.8rem;
  font-size: 1.6rem;
  line-height: 1.5;
  border-bottom: 0.1rem solid var(--darkgray02);
}
@media only screen and (max-width:768px) {
  .c-bnr__box h3 {
    margin-bottom: 1.6rem;
  }
}
.c-bnr__box ul {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 1.333%;
}
@media only screen and (max-width:768px) {
  .c-bnr__box ul {
    gap: 1rem 4%;
  }
}
.c-bnr__box ul li {
  width: 24%;
}
@media only screen and (max-width:768px) {
  .c-bnr__box ul li {
    width: 48%;
  }
}
.c-bnr__box ul li img {
  height: auto;
}
@media only screen and (max-width:768px) {
  .c-bnr__box .c-table.--border th, .c-bnr__box .c-table.--border td {
    width: 100% !important;
  }
}
@media only screen and (max-width:768px) {
  .c-bnr__box .c-table.--border th {
    padding: 2.4rem;
  }
}
@media only screen and (max-width:768px) {
  .c-bnr__box .c-table.--border td {
    border-left: none;
    padding: 1.8rem 2.4rem;
  }
}
@media only screen and (max-width:768px) {
  .c-bnr__box .c-table.--border td.range {
    padding-bottom: 0.6rem;
    border-bottom: none !important;
  }
}
@media only screen and (max-width:768px) {
  .c-bnr__box .c-table.--border td.price {
    padding-top: 0.6rem;
  }
}

/* common */
.google_map {
  height: 0;
  overflow: hidden;
  padding-bottom: 56.25%;
  position: relative;
}
.google_map iframe {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
}

.caution_box {
  background-color: #f00;
  padding: 1rem;
  color: #fff;
  text-align: center;
  font-weight: bold;
  font-size: 1.6rem;
  line-height: 1.3125;
}

.c-clm2 {
  display: -ms-flexbox;
  display: flex;
}
.c-clm2 img {
  height: auto;
}
.c-clm2.--p5050 {
  gap: 2%;
}
.c-clm2.--p5050 &gt; div {
  flex-basis: 48%;
}
.c-clm2.--p6432 {
  gap: 2%;
}
.c-clm2.--p6432 &gt; div:first-child {
  flex-basis: 64%;
}
.c-clm2.--p6432 &gt; div:last-child {
  flex-basis: 32%;
}
.c-clm2.--p3264 {
  gap: 2%;
}
.c-clm2.--p3264 &gt; div:first-child {
  flex-basis: 32%;
}
.c-clm2.--p3264 &gt; div:last-child {
  flex-basis: 64%;
}

.c-flexlist {
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
}
.c-flexlist.--list2 {
  gap: 2%;
}
.c-flexlist.--list2 li {
  width: 49%;
}
.c-flexlist.--list3 {
  gap: 2%;
}
.c-flexlist.--list3 li {
  width: 32%;
}
.c-flexlist.--list4 {
  gap: 1.33%;
}
.c-flexlist.--list4 li {
  width: 24%;
}
.c-flexlist.--list5 {
  gap: 1%;
}
.c-flexlist.--list5 li {
  width: 19%;
}
.c-flexlist.--list8 {
  gap: 0.57%;
}
.c-flexlist.--list8 li {
  width: 12%;
}
.c-flexlist li {
  margin-bottom: 2rem;
}
.c-flexlist img {
  height: auto;
}
.c-flexlist p {
  margin-bottom: 0.5rem !important;
}

.gap20 {
  gap: 2rem;
}

@media only screen and (max-width:768px) {
  .flex-none {
    display: block;
  }
  .flex-none &gt; * {
    width: 100% !important;
  }
}

.pink-box {
  border: 1px solid #e52d8a;
  padding: 2rem;
  margin: 2rem 0 2rem 0;
  font-size: 1.6rem;
  line-height: 1.3125;
}

.c-ul li {
  list-style-type: disc;
  list-style-position: outside;
  margin-left: 1.6em;
  font-size: 1.6rem;
  line-height: 2;
}

.c-ol li {
  list-style-type: demical;
  list-style-position: outside;
  margin-left: 1.6em;
  font-size: 1.6rem;
  line-height: 2;
}

.indent_ul {
  line-height: 2;
}
.indent_ul.--i1 {
  margin-left: 1em;
}
.indent_ul.--i1 li {
  text-indent: -1em;
}
.indent_ul.--i2 {
  margin-left: 2em;
}
.indent_ul.--i2 li {
  text-indent: -2em;
}
.indent_ul.--i3 {
  margin-left: 3em;
}
.indent_ul.--i3 li {
  text-indent: -3em;
}

dl.c-dl {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
@media only screen and (max-width:768px) {
  dl.c-dl.--sp_break dt {
    float: none;
    width: 100% !important;
  }
  dl.c-dl.--sp_break dd {
    margin-left: 0 !important;
    width: 100% !important;
  }
}
dl.c-dl.--dt_center dt {
  text-align: center;
}
dl.c-dl.--dt_right dt {
  text-align: right;
}
dl.c-dl.--dt_w1 dt {
  width: 1em;
}
dl.c-dl.--dt_w1 dd {
  width: calc(100% - 1em);
}
dl.c-dl.--dt_w2 dt {
  width: 2em;
}
dl.c-dl.--dt_w2 dd {
  width: calc(100% - 2em);
}
dl.c-dl.--dt_w3 dt {
  width: 3em;
}
dl.c-dl.--dt_w3 dd {
  width: calc(100% - 3em);
}
dl.c-dl.--dt_w4 dt {
  width: 4em;
}
dl.c-dl.--dt_w4 dd {
  width: calc(100% - 4em);
}
dl.c-dl.--dt_w5 dt {
  width: 5em;
}
dl.c-dl.--dt_w5 dd {
  width: calc(100% - 5em);
}
dl.c-dl.--dt_w6 dt {
  width: 6em;
}
dl.c-dl.--dt_w6 dd {
  width: calc(100% - 6em);
}
dl.c-dl.--dt_w7 dt {
  width: 7em;
}
dl.c-dl.--dt_w7 dd {
  width: calc(100% - 7em);
}
dl.c-dl.--dt_w8 dt {
  width: 8em;
}
dl.c-dl.--dt_w8 dd {
  width: calc(100% - 8em);
}
dl.c-dl.--dt_w9 dt {
  width: 9em;
}
dl.c-dl.--dt_w9 dd {
  width: calc(100% - 9em);
}
dl.c-dl.--dt_w10 dt {
  width: 10em;
}
dl.c-dl.--dt_w10 dd {
  width: calc(100% - 10em);
}
dl.c-dl.--dt_w11 dt {
  width: 11em;
}
dl.c-dl.--dt_w11 dd {
  width: calc(100% - 11em);
}
dl.c-dl.--dt_w12 dt {
  width: 12em;
}
dl.c-dl.--dt_w12 dd {
  width: calc(100% - 12em);
}
dl.c-dl.--dt_w13 dt {
  width: 13em;
}
dl.c-dl.--dt_w13 dd {
  width: calc(100% - 13em);
}
dl.c-dl.--dt_w14 dt {
  width: 14em;
}
dl.c-dl.--dt_w14 dd {
  width: calc(100% - 14em);
}
dl.c-dl .--dt_w15 dt {
  width: 15em;
}
dl.c-dl .--dt_w15 dd {
  width: calc(100% - 15em);
}
dl.c-dl.--dt_w16 dt {
  width: 16em;
}
dl.c-dl.--dt_w16 dd {
  width: calc(100% - 16em);
}
dl.c-dl.--dt_w18 dt {
  width: 18em;
}
dl.c-dl.--dt_w18 dd {
  width: calc(100% - 18em);
}
dl.c-dl.--dt_w20 dt {
  width: 20em;
}
dl.c-dl.--dt_w20 dd {
  width: calc(100% - 20em);
}
dl.c-dl.--dt_w15 dt {
  width: 1.5em;
}
dl.c-dl.--dt_w15 dd {
  width: calc(100% - 1.5em);
}
dl.c-dl dd {
  padding-left: 0.5em;
}

.c-button {
  line-height: 1;
  background-color: var(--pink);
  border: 0.5rem solid var(--pink);
  border-radius: 6.4rem;
  box-sizing: border-box;
  padding: 0.8rem 2rem;
  color: #fff;
  margin: 1rem 0;
  display: inline-block;
  font-weight: bold;
  text-decoration: none !important;
}
.c-button:hover {
  background-color: #fff;
  color: var(--pink);
  transition: 0.5s;
  opacity: 1;
}
.c-button.--dark {
  background-color: var(--darkgray);
  border-color: var(--darkgray);
}
.c-button.--dark:hover {
  background-color: #fff;
  color: var(--darkgray);
  transition: 0.5s;
  opacity: 1;
}

/*# sourceMappingURL=style-second.css.map */
</pre></body></html>