@charset "UTF-8";
/* ---------------------------------------
	トップページ
-----------------------------------------*/
.keyVisual__wrapper {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.keyVisual__slider {
  width: 100%;
}
@media screen and (width > 768px) {
  .keyVisual__slider {
    max-width: 80vw;
    margin-left: auto;
  }
}
@media screen and (width <= 768px) {
  .keyVisual__slider {
    max-width: 100vw;
    height: calc(100svh - 15.3846153846vw);
  }
}
@media screen and (width > 768px) {
  .keyVisual__slide-item {
    aspect-ratio: 16/9;
  }
}
@media screen and (width <= 768px) {
  .keyVisual__slide-item {
    height: calc(100svh - 15.3846153846vw);
  }
}
.keyVisual__slide-item img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.keyVisual__heading_wrapper {
  position: absolute;
}
@media screen and (width > 768px) {
  .keyVisual__heading_wrapper {
    width: 100%;
    max-width: 87.5rem;
    bottom: 25%;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}
@media screen and (width <= 768px) {
  .keyVisual__heading_wrapper {
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 100%;
    max-width: 100vw;
  }
}
.keyVisual__heading {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-family: var(--font-eb-garamond);
}
@media screen and (width <= 768px) {
  .keyVisual__heading {
    max-width: calc(100% - 8.2051282051vw);
    margin-inline: auto;
  }
}
.keyVisual__heading .-title {
  font-style: italic;
  color: var(--cl-primary);
}
@media screen and (width > 768px) {
  .keyVisual__heading .-title {
    font-size: 90px;
    font-size: 4.6875vw;
    text-shadow: 0.1041666667vw 0.1041666667vw 0.4166666667vw color-mix(in srgb, var(--cl-white) 40%, transparent), -0.1041666667vw 0.1041666667vw 0.4166666667vw color-mix(in srgb, var(--cl-white) 40%, transparent), 0.1041666667vw -0.1041666667vw 0.4166666667vw color-mix(in srgb, var(--cl-white) 40%, transparent), -0.1041666667vw -0.1041666667vw 0.4166666667vw color-mix(in srgb, var(--cl-white) 40%, transparent), -0.1041666667vw -0.1041666667vw 0.4166666667vw color-mix(in srgb, var(--cl-white) 40%, transparent);
  }
}
@media screen and (width <= 768px) {
  .keyVisual__heading .-title {
    font-size: 48px;
    font-size: 12.3076923077vw;
    text-shadow: 0.5128205128vw 0.5128205128vw 2.0512820513vw color-mix(in srgb, var(--cl-white) 40%, transparent), -0.5128205128vw 0.5128205128vw 2.0512820513vw color-mix(in srgb, var(--cl-white) 40%, transparent), 0.5128205128vw -0.5128205128vw 2.0512820513vw color-mix(in srgb, var(--cl-white) 40%, transparent), -0.5128205128vw -0.5128205128vw 2.0512820513vw color-mix(in srgb, var(--cl-white) 40%, transparent);
  }
}
@media screen and (width > 768px) {
  .keyVisual__heading .-sub {
    font-size: 40px;
    font-size: 2.0833333333vw;
    text-shadow: 0.1041666667vw 0.1041666667vw 0.2083333333vw color-mix(in srgb, var(--cl-white) 40%, transparent), -0.1041666667vw 0.1041666667vw 0.2083333333vw color-mix(in srgb, var(--cl-white) 40%, transparent), 0.1041666667vw -0.1041666667vw 0.2083333333vw color-mix(in srgb, var(--cl-white) 40%, transparent), -0.1041666667vw -0.1041666667vw 0.2083333333vw color-mix(in srgb, var(--cl-white) 40%, transparent);
  }
}
@media screen and (width <= 768px) {
  .keyVisual__heading .-sub {
    font-size: 18px;
    font-size: 4.6153846154vw;
    text-shadow: 0.5128205128vw 0.5128205128vw 1.0256410256vw color-mix(in srgb, var(--cl-white) 40%, transparent), -0.5128205128vw 0.5128205128vw 1.0256410256vw color-mix(in srgb, var(--cl-white) 40%, transparent), 0.5128205128vw -0.5128205128vw 1.0256410256vw color-mix(in srgb, var(--cl-white) 40%, transparent), -0.5128205128vw -0.5128205128vw 1.0256410256vw color-mix(in srgb, var(--cl-white) 40%, transparent);
  }
}

@media screen and (width > 768px) {
  .section-our-business {
    padding-block: 7.8125vw;
  }
}
@media screen and (width <= 768px) {
  .section-our-business {
    padding-block: 20.5128205128vw;
  }
}
.section-our-business__wrapper {
  width: calc(100% - 32px);
  margin-inline: auto;
}
@media screen and (width > 768px) {
  .section-our-business__wrapper {
    max-width: 87.5rem;
  }
}
@media screen and (width <= 768px) {
  .section-our-business__wrapper {
    max-width: calc(100% - 8.2051282051vw);
  }
}
.section-our-business__head {
  position: relative;
}
.section-our-business__heading {
  text-align: center;
}
@media screen and (width > 768px) {
  .section-our-business__heading {
    margin-bottom: 5.2083333333vw;
  }
}
@media screen and (width <= 768px) {
  .section-our-business__heading {
    margin-bottom: 10.2564102564vw;
  }
}
.section-our-business__heading .-bg {
  font-family: var(--font-eb-garamond);
  font-style: italic;
  color: var(--cl-secondary);
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: -1;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
@media screen and (width > 768px) {
  .section-our-business__heading .-bg {
    font-size: 150px;
    font-size: 7.8125vw;
  }
}
@media screen and (width <= 768px) {
  .section-our-business__heading .-bg {
    font-size: 40px;
    font-size: 10.2564102564vw;
  }
}
.section-our-business__heading .-text {
  color: var(--cl-primary);
  z-index: 1;
}
@media screen and (width > 768px) {
  .section-our-business__heading .-text {
    font-size: 48px;
    font-size: 2.5vw;
  }
}
@media screen and (width <= 768px) {
  .section-our-business__heading .-text {
    font-size: 24px;
    font-size: 6.1538461538vw;
  }
}
.section-our-business__cards {
  display: grid;
}
@media screen and (width > 768px) {
  .section-our-business__cards {
    grid-template-columns: repeat(3, 1fr);
    gap: 2.0833333333vw;
  }
}
@media screen and (width <= 768px) {
  .section-our-business__cards {
    grid-template-columns: 1fr;
    gap: 6.1538461538vw;
  }
}
.section-our-business__card {
  border: 1px solid var(--cl-border);
}
@media screen and (width > 768px) {
  .section-our-business__card {
    border-radius: 0.8333333333vw;
    padding: 1.25vw 1.25vw 2.0833333333vw;
    -webkit-box-shadow: 0 0 0.8333333333vw rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 0.8333333333vw rgba(0, 0, 0, 0.1);
  }
}
@media screen and (width <= 768px) {
  .section-our-business__card {
    border-radius: 4.1025641026vw;
    padding: 6.1538461538vw;
    -webkit-box-shadow: 0 0 4.1025641026vw rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 4.1025641026vw rgba(0, 0, 0, 0.1);
  }
}
@media screen and (width > 768px) {
  .section-our-business__card .-img {
    margin-bottom: 2.0833333333vw;
  }
}
@media screen and (width <= 768px) {
  .section-our-business__card .-img {
    margin-bottom: 6.1538461538vw;
  }
}
.section-our-business__card .-title {
  color: var(--cl-primary);
}
@media screen and (width > 768px) {
  .section-our-business__card .-title {
    font-size: 30px;
    font-size: 1.5625vw;
    margin-bottom: 0.8333333333vw;
  }
}
@media screen and (width <= 768px) {
  .section-our-business__card .-title {
    font-size: 24px;
    font-size: 6.1538461538vw;
    margin-bottom: 4.1025641026vw;
  }
}
@media screen and (width > 768px) {
  .section-our-business__card .-summary {
    font-size: 24px;
    font-size: 1.25vw;
  }
}
@media screen and (width <= 768px) {
  .section-our-business__card .-summary {
    font-size: 18px;
    font-size: 4.6153846154vw;
  }
}
.section-our-business__footer {
  text-align: center;
}
@media screen and (width > 768px) {
  .section-our-business__footer {
    margin-top: 3.3333333333vw;
  }
}
@media screen and (width <= 768px) {
  .section-our-business__footer {
    margin-top: 8.2051282051vw;
  }
}

.section-news {
  background-image: url(../images/page/top/news_bg.png);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
@media screen and (width > 768px) {
  .section-news {
    padding-block: 7.8125vw;
  }
}
@media screen and (width <= 768px) {
  .section-news {
    padding-block: 20.5128205128vw;
  }
}
.section-news__wrapper {
  width: calc(100% - 32px);
  margin-inline: auto;
}
@media screen and (width > 768px) {
  .section-news__wrapper {
    max-width: 87.5rem;
  }
}
@media screen and (width <= 768px) {
  .section-news__wrapper {
    max-width: calc(100% - 8.2051282051vw);
  }
}
.section-news__head {
  position: relative;
}
.section-news__heading {
  text-align: center;
}
@media screen and (width > 768px) {
  .section-news__heading {
    margin-bottom: 5.2083333333vw;
  }
}
@media screen and (width <= 768px) {
  .section-news__heading {
    margin-bottom: 10.2564102564vw;
  }
}
.section-news__heading .-bg {
  font-family: var(--font-eb-garamond);
  font-style: italic;
  color: var(--cl-secondary);
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: -1;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
@media screen and (width > 768px) {
  .section-news__heading .-bg {
    font-size: 150px;
    font-size: 7.8125vw;
  }
}
@media screen and (width <= 768px) {
  .section-news__heading .-bg {
    font-size: 40px;
    font-size: 10.2564102564vw;
  }
}
.section-news__heading .-text {
  color: var(--cl-primary);
  z-index: 1;
}
@media screen and (width > 768px) {
  .section-news__heading .-text {
    font-size: 48px;
    font-size: 2.5vw;
  }
}
@media screen and (width <= 768px) {
  .section-news__heading .-text {
    font-size: 24px;
    font-size: 6.1538461538vw;
  }
}
.section-news__footer {
  text-align: center;
}
@media screen and (width > 768px) {
  .section-news__footer {
    margin-top: 3.3333333333vw;
  }
}
@media screen and (width <= 768px) {
  .section-news__footer {
    margin-top: 8.2051282051vw;
  }
}

.section-taion {
  background-color: var(--cl-text);
}
.section-taion__wrapper {
  width: calc(100% - 32px);
  margin-inline: auto;
  display: grid;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (width > 768px) {
  .section-taion__wrapper {
    max-width: 87.5rem;
    grid-template-columns: auto auto;
    grid-template-rows: auto auto;
    grid-template-areas: "slider img" "slider content";
    gap: 0 4.1666666667vw;
  }
}
@media screen and (width <= 768px) {
  .section-taion__wrapper {
    max-width: calc(100% - 8.2051282051vw);
    grid-template-columns: 1fr;
    grid-template-areas: "img" "content" "slider";
  }
}
.section-taion__slider {
  grid-area: slider;
  overflow: hidden;
}
@media screen and (width > 768px) {
  .section-taion__slider {
    width: 15.78125vw;
    margin-block: auto;
  }
}
@media screen and (width > 768px) {
  .section-taion__slider .slick-slide {
    margin-bottom: -0.625vw;
  }
}
@media screen and (width <= 768px) {
  .section-taion__slider .slick-slide {
    margin-bottom: -2.0512820513vw;
  }
}
.section-taion__img {
  grid-area: img;
}
@media screen and (width > 768px) {
  .section-taion__img {
    margin-top: 4.1666666667vw;
    width: 52.8125vw;
  }
}
@media screen and (width <= 768px) {
  .section-taion__img {
    margin-top: 10.2564102564vw;
  }
}
.section-taion__content {
  grid-area: content;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
}
@media screen and (width > 768px) {
  .section-taion__content {
    gap: 1.6666666667vw;
    margin-block: 3.3333333333vw 4.1666666667vw;
    margin-inline: auto;
    max-width: 41.6666666667vw;
  }
}
@media screen and (width <= 768px) {
  .section-taion__content {
    gap: 4.1025641026vw;
    margin-block: 8.2051282051vw 10.2564102564vw;
  }
}
@media screen and (width > 768px) {
  .section-taion__heading {
    width: 12.5vw;
  }
}
@media screen and (width <= 768px) {
  .section-taion__heading {
    width: 30.7692307692vw;
  }
}
.section-taion__heading img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.section-taion__text {
  color: var(--cl-white);
}
@media screen and (width > 768px) {
  .section-taion__text {
    font-size: 24px;
    font-size: 1.25vw;
  }
}
@media screen and (width <= 768px) {
  .section-taion__text {
    font-size: 18px;
    font-size: 4.6153846154vw;
  }
}

@media screen and (width > 768px) {
  .section-contact {
    padding-block: 7.8125vw;
  }
}
@media screen and (width <= 768px) {
  .section-contact {
    padding-block: 20.5128205128vw;
  }
}
.section-contact__wrapper {
  width: calc(100% - 32px);
  margin-inline: auto;
}
@media screen and (width > 768px) {
  .section-contact__wrapper {
    max-width: 87.5rem;
  }
}
@media screen and (width <= 768px) {
  .section-contact__wrapper {
    max-width: calc(100% - 8.2051282051vw);
  }
}
.section-contact__head {
  position: relative;
}
.section-contact__heading {
  text-align: center;
}
@media screen and (width > 768px) {
  .section-contact__heading {
    margin-bottom: 5.2083333333vw;
  }
}
@media screen and (width <= 768px) {
  .section-contact__heading {
    margin-bottom: 10.2564102564vw;
  }
}
.section-contact__heading .-bg {
  font-family: var(--font-eb-garamond);
  font-style: italic;
  color: var(--cl-secondary);
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: -1;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
@media screen and (width > 768px) {
  .section-contact__heading .-bg {
    font-size: 150px;
    font-size: 7.8125vw;
  }
}
@media screen and (width <= 768px) {
  .section-contact__heading .-bg {
    font-size: 40px;
    font-size: 10.2564102564vw;
  }
}
.section-contact__heading .-text {
  color: var(--cl-primary);
  z-index: 1;
}
@media screen and (width > 768px) {
  .section-contact__heading .-text {
    font-size: 48px;
    font-size: 2.5vw;
  }
}
@media screen and (width <= 768px) {
  .section-contact__heading .-text {
    font-size: 24px;
    font-size: 6.1538461538vw;
  }
}
@media screen and (width > 768px) {
  .section-contact__img {
    width: 59.1666666667vw;
    margin-inline: auto;
  }
}
@media screen and (width <= 768px) {
  .section-contact__img {
    width: 100%;
  }
}
@media screen and (width > 768px) {
  .section-contact__company-name, .section-contact__company-info {
    font-size: 24px;
    font-size: 1.25vw;
  }
}
@media screen and (width <= 768px) {
  .section-contact__company-name, .section-contact__company-info {
    font-size: 18px;
    font-size: 4.6153846154vw;
  }
}
.section-contact__company-name {
  color: var(--cl-primary);
  text-align: center;
}
@media screen and (width > 768px) {
  .section-contact__company-name {
    margin-top: 2.9166666667vw;
  }
}
@media screen and (width <= 768px) {
  .section-contact__company-name {
    margin-top: 6.1538461538vw;
  }
}
.section-contact__company-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media screen and (width > 768px) {
  .section-contact__company-info {
    margin-top: 1.6666666667vw;
  }
}
@media screen and (width <= 768px) {
  .section-contact__company-info {
    margin-top: 4.1025641026vw;
  }
}
.section-contact__company-info dt {
  color: var(--cl-primary);
}/*# sourceMappingURL=top.css.map */