@import url("https://fonts.googleapis.com/css2?family=M+PLUS+1:wght@700&display=swap");
.pc-hidden {
  display: none;
}

@media screen and (max-width: 920px) {
  .pc-hidden {
    display: block;
  }
}

.sp-hidden {
  display: block;
}

@media screen and (max-width: 920px) {
  .sp-hidden {
    display: none;
  }
}

.m-contents {
  overflow: clip;
  font-family: "M PLUS 1", serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  max-width: 100%;
  padding-bottom: 0 !important;
  z-index: 0 !important;
}

.daizo img {
  height: 100%;
}

.daizo-container {
  width: 100%;
  max-width: 74.66667rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1.33333rem;
  padding-right: 1.33333rem;
}

@media screen and (max-width: 920px) {
  .daizo-container {
    max-width: 41.66667rem;
    padding-left: 1.66667rem;
    padding-right: 1.66667rem;
  }
}

.daizo-fv {
  position: relative;
  height: 38.53333rem;
  padding-top: 6rem;
}

@media screen and (max-width: 1024px) {
  .daizo-fv {
    padding-top: 6.66667rem;
  }
}

@media screen and (max-width: 920px) {
  .daizo-fv {
    height: 43.58333rem;
    padding-top: 5rem;
  }
}

.daizo-fv .daizo-fv__bg-wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 200%;
  height: 100%;
  z-index: -100;
  overflow: hidden;
}

.daizo-fv .daizo-fv__bg-wrap .daizo-fv__bg-01,
.daizo-fv .daizo-fv__bg-wrap .daizo-fv__bg-02 {
  position: absolute;
  top: 0;
  width: 50%;
  height: 100%;
}

.daizo-fv .daizo-fv__bg-wrap .daizo-fv__bg-01 img,
.daizo-fv .daizo-fv__bg-wrap .daizo-fv__bg-02 img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.daizo-fv .daizo-fv__bg-wrap .daizo-fv__bg-01 {
  left: 0;
}

.daizo-fv .daizo-fv__bg-wrap .daizo-fv__bg-02 {
  left: calc(50% - 1px);
}

.daizo-fv .daizo-fv__inner {
  position: relative;
}

@media screen and (max-width: 920px) {
  .daizo-fv .daizo-fv__header {
    margin-left: 1.66667rem;
  }
}

.daizo-fv .daizo-fv__subtext {
  width: 11.33333rem;
  height: 8.66667rem;
  margin-bottom: 2.33333rem;
  opacity: 0;
}

@media screen and (max-width: 920px) {
  .daizo-fv .daizo-fv__subtext {
    width: 8.16667rem;
    height: 6.25rem;
    margin-bottom: 1.33333rem;
  }
}

.daizo-fv .daizo-fv__title {
  width: 31.13333rem;
  height: 7.6rem;
  margin-left: -0.53333rem;
  margin-bottom: 0.66667rem;
  opacity: 0;
}

@media screen and (max-width: 920px) {
  .daizo-fv .daizo-fv__title {
    margin-left: -0.33333rem;
    width: 22.75rem;
    height: 5.58333rem;
  }
}

.daizo-fv .daizo-fv__subtitle {
  width: 12.73333rem;
  height: 2.46667rem;
  opacity: 0;
}

@media screen and (max-width: 920px) {
  .daizo-fv .daizo-fv__subtitle {
    width: 9.16667rem;
    height: 1.83333rem;
    margin-bottom: 2.33333rem;
  }
}

.daizo-fv .daizo-fv__visual {
  position: absolute;
  top: 0;
  right: -1.6rem;
  width: 37.2rem;
  height: 37.2rem;
  opacity: 0;
  z-index: 10;
}

@media screen and (max-width: 920px) {
  .daizo-fv .daizo-fv__visual {
    position: relative;
    margin: 0 auto;
    width: 23.33333rem;
    height: 23.33333rem;
  }
}

.daizo-fv .daizo-fv__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -100;
}

.daizo-fv .daizo-fv__bg img {
  -o-object-fit: cover;
     object-fit: cover;
}

.daizo-fv .daizo-fv__bottom-bg {
  position: absolute;
  left: 0;
  top: calc(38.53333rem - 7.53333rem);
  width: 100%;
  height: 7.53333rem;
  z-index: 0;
}

@media screen and (max-width: 920px) {
  .daizo-fv .daizo-fv__bottom-bg {
    top: calc(43.58333rem - 6rem);
    height: 6rem;
  }
}

@media screen and (max-width: 750px) {
  .daizo-fv .daizo-fv__bottom-bg {
    top: calc(43.58333rem - 4.33333rem);
    height: 4.33333rem;
  }
}

.daizo-fv .daizo-fv__bottom-bg img {
  -o-object-fit: fill;
     object-fit: fill;
}

.daizo-intro {
  position: relative;
  padding-top: 9.06667rem;
  padding-bottom: 18.66667rem;
}

@media screen and (max-width: 920px) {
  .daizo-intro {
    padding-top: 12.66667rem;
    padding-bottom: 16.25rem;
  }
}

.daizo-intro .daizo-intro__accessory {
  width: 7.4rem;
  height: 7.4rem;
  margin: 0 auto;
  margin-bottom: 2.4rem;
  opacity: 0;
}

@media screen and (max-width: 920px) {
  .daizo-intro .daizo-intro__accessory {
    width: 4.83333rem;
    height: 4.83333rem;
    margin-bottom: 1.83333rem;
  }
}

.daizo-intro .daizo-intro__title {
  position: relative;
  width: 45.06667rem;
  height: 8.66667rem;
  margin: 0 auto;
  margin-bottom: 8rem;
  opacity: 0;
  z-index: 10;
}

@media screen and (max-width: 920px) {
  .daizo-intro .daizo-intro__title {
    width: 23rem;
    height: 11.66667rem;
    margin-bottom: 5.66667rem;
  }
}

.daizo-intro .daizo-intro__text {
  position: relative;
  font-size: 1.2rem;
  font-weight: bold;
  color: #352020;
  text-align: center;
  line-height: calc(50 / 18);
  opacity: 0;
  z-index: 10;
}

@media screen and (max-width: 920px) {
  .daizo-intro .daizo-intro__text {
    font-size: 1.08333rem;
    line-height: calc(40 / 13);
  }
}

.daizo-intro .daizo-intro__happy {
  position: absolute;
  top: 0.8rem;
  right: calc(50% + 29.73333rem);
  width: 10rem;
  height: 10rem;
  opacity: 0;
  z-index: 10;
}

@media screen and (max-width: 920px) {
  .daizo-intro .daizo-intro__happy {
    top: 3.83333rem;
    right: calc(50% + 9.33333rem);
    width: 7.16667rem;
    height: 7.16667rem;
  }
}

.daizo-intro .daizo-intro__sparkle {
  position: absolute;
  top: 16.33333rem;
  left: calc(50% + 29rem);
  width: 11.33333rem;
  height: 10.66667rem;
  opacity: 0;
  z-index: 10;
}

@media screen and (max-width: 920px) {
  .daizo-intro .daizo-intro__sparkle {
    top: 13.33333rem;
    left: calc(50% + 7.66667rem);
    width: 8.5rem;
    height: 8rem;
  }
}

.daizo-intro .daizo-intro__coin {
  position: absolute;
  top: 32.26667rem;
  right: calc(50% + 20.26667rem);
  width: 13.33333rem;
  height: 9.33333rem;
  opacity: 0;
  z-index: 10;
}

@media screen and (max-width: 920px) {
  .daizo-intro .daizo-intro__coin {
    top: 31rem;
    right: calc(50% + 6.83333rem);
    width: 9rem;
    height: 6.16667rem;
  }
}

.daizo-intro .daizo-intro__apron {
  position: absolute;
  top: 52.93333rem;
  left: calc(50% + 20.46667rem);
  width: 9.33333rem;
  height: 9.33333rem;
  opacity: 0;
  z-index: 10;
}

@media screen and (max-width: 920px) {
  .daizo-intro .daizo-intro__apron {
    top: 76.33333rem;
    left: calc(50% + 9.58333rem);
    width: 6.66667rem;
    height: 6.66667rem;
  }
}

.daizo-intro .daizo-intro__search {
  position: absolute;
  top: 64.4rem;
  right: calc(50% + 37.33333rem);
  width: 10rem;
  height: 10rem;
  opacity: 0;
  z-index: 10;
}

@media screen and (max-width: 920px) {
  .daizo-intro .daizo-intro__search {
    top: 81.66667rem;
    right: calc(50% + 10.91667rem);
    width: 7.16667rem;
    height: 7.16667rem;
  }
}

.daizo-intro .daizo-intro__working {
  position: absolute;
  top: 75.2rem;
  left: calc(50% + 34.66667rem);
  width: 10.66667rem;
  height: 9.33333rem;
  opacity: 0;
  z-index: 10;
}

@media screen and (max-width: 920px) {
  .daizo-intro .daizo-intro__working {
    display: none;
  }
}

.daizo-intro .daizo-intro__bg {
  position: absolute;
  top: -3.86667rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 112rem;
  height: 70.8rem;
  z-index: 5;
}

@media screen and (max-width: 920px) {
  .daizo-intro .daizo-intro__bg {
    top: 4.16667rem;
    width: 38.25rem;
    height: 59.33333rem;
  }
}

.daizo-intro .daizo-intro__bg #pc-intro-bg [id^="droplet-"],
.daizo-intro .daizo-intro__bg #sp-intro-bg [id^="sp-droplet-"] {
  opacity: 0;
}

.daizo-intro .daizo-intro__bg svg {
  width: 100%;
  height: 100%;
}

.daizo-about {
  position: relative;
  background-color: #F6F1F3;
  background-image: url("../../images/daizo/about_bg.svg");
  background-size: cover;
}

.daizo-about .daizo-about__goodbye {
  position: absolute;
  top: -15.33333rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 22.86667rem;
  height: 15.33333rem;
  z-index: 50;
}

@media screen and (max-width: 920px) {
  .daizo-about .daizo-about__goodbye {
    top: -12.83333rem;
    width: 19.83333rem;
    height: 13.16667rem;
  }
}

.daizo-about .daizo-about__bg-top {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 7.46667rem;
  z-index: 10;
}

@media screen and (max-width: 920px) {
  .daizo-about .daizo-about__bg-top {
    height: 6.66667rem;
  }
}

@media screen and (max-width: 750px) {
  .daizo-about .daizo-about__bg-top {
    height: 5.33333rem;
  }
}

.daizo-about .daizo-about__bg-top img {
  width: 100%;
  height: 100%;
  -o-object-fit: fill;
     object-fit: fill;
}

.daizo-about .daizo-about__visual {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2.13333rem;
  padding-top: 6rem;
  padding-left: 3.73333rem;
}

@media screen and (max-width: 920px) {
  .daizo-about .daizo-about__visual {
    display: none;
  }
}

.daizo-about .daizo-about__visual-sp {
  display: none;
}

@media screen and (max-width: 920px) {
  .daizo-about .daizo-about__visual-sp {
    display: block;
    width: 16.08333rem;
    height: 14rem;
    margin: 0 auto;
    margin-bottom: 4rem;
  }
}

.daizo-about .daizo-about__visual-item {
  width: 20.66667rem;
  height: 18rem;
}

.daizo-about .daizo-about__visual-item img {
  opacity: 1;
}

.daizo-about .daizo-about__visual-sp img {
  opacity: 1;
}

.daizo-about .daizo-about__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-top: 12.66667rem;
  padding-bottom: 5.33333rem;
}

@media screen and (max-width: 920px) {
  .daizo-about .daizo-about__inner {
    display: block;
    padding-top: 6.25rem;
    padding-bottom: 4.58333rem;
  }
}

.daizo-about .daizo-about__header {
  position: relative;
  width: 30.4rem;
  height: 14.66667rem;
  margin-bottom: 4.26667rem;
}

@media screen and (max-width: 920px) {
  .daizo-about .daizo-about__header {
    width: 24.58333rem;
    height: 11.58333rem;
    margin: 0 auto;
    margin-bottom: 4.33333rem;
  }
}

.daizo-about .daizo-about__title {
  position: absolute;
  top: 0;
  right: 2.13333rem;
  width: 19rem;
  height: 12.26667rem;
}

@media screen and (max-width: 920px) {
  .daizo-about .daizo-about__title {
    right: 1rem;
    width: 15rem;
    height: 9.75rem;
  }
}

.daizo-about .daizo-about__tools {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 19.86667rem;
  height: 9.66667rem;
}

@media screen and (max-width: 920px) {
  .daizo-about .daizo-about__tools {
    left: 3.5rem;
    width: 15.66667rem;
    height: 7.66667rem;
  }
}

.daizo-about .daizo-about__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.73333rem;
}

@media screen and (max-width: 920px) {
  .daizo-about .daizo-about__info {
    gap: 1.33333rem;
  }
}

.daizo-about .daizo-about__info-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 1.6rem;
  font-size: 1.33333rem;
  font-weight: bold;
  line-height: 2;
  color: #352020;
}

@media screen and (max-width: 920px) {
  .daizo-about .daizo-about__info-item {
    gap: 1.66667rem;
    font-size: 1.16667rem;
  }
}

.daizo-about .daizo-about__info-label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1.6rem;
}

@media screen and (max-width: 920px) {
  .daizo-about .daizo-about__info-label {
    gap: 1.66667rem;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
}

.daizo-about .daizo-about__info-label::after {
  content: "";
  display: block;
  width: 2rem;
  height: 0.86667rem;
  background-image: url("../../images/daizo/icon_arrow.svg");
  background-size: contain;
}

@media screen and (max-width: 920px) {
  .daizo-about .daizo-about__info-label::after {
    width: 1.75rem;
    height: 0.75rem;
  }
}

.daizo-link {
  padding-top: 8.66667rem;
  padding-bottom: 8rem;
  background-color: #F6F1F3;
}

@media screen and (max-width: 920px) {
  .daizo-link {
    padding-top: 0rem;
    padding-bottom: 5.33333rem;
  }
}

.daizo-link .daizo-link-stamp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 3rem;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  padding: 0 6.2rem 0 7.73333rem;
  height: 17.33333rem;
  background-color: #fff;
  border: 0.13333rem solid #583938;
  border-radius: 9999px;
  margin-bottom: 1.6rem;
}

@media screen and (max-width: 920px) {
  .daizo-link .daizo-link-stamp {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    gap: 0;
    padding: 4.83333rem 3rem 6.66667rem 3rem;
    height: auto;
    margin: 0 auto 2rem auto;
    max-width: 29.58333rem;
  }
}

.daizo-link .daizo-link-stamp__title {
  width: 27.2rem;
  height: 2.66667rem;
  margin-bottom: 1.6rem;
}

@media screen and (max-width: 920px) {
  .daizo-link .daizo-link-stamp__title {
    margin: 0 auto 1rem auto;
    width: 20.83333rem;
    height: 2.16667rem;
  }
}

.daizo-link .daizo-link-stamp__desc {
  font-size: 1.06667rem;
  font-weight: bold;
  color: #352020;
  line-height: calc(30 / 16);
}

@media screen and (max-width: 920px) {
  .daizo-link .daizo-link-stamp__desc {
    font-size: 1.16667rem;
    line-height: calc(30 / 14);
  }
}

.daizo-link .daizo-link-stamp__visual {
  width: 27.86667rem;
  height: 11.33333rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

@media screen and (max-width: 920px) {
  .daizo-link .daizo-link-stamp__visual {
    width: 100%;
    max-width: 23.08333rem;
    margin-bottom: 1.66667rem;
    height: auto;
    aspect-ratio: 277/152;
  }
}

.daizo-link .daizo-link-stamp__accent {
  position: absolute;
  top: 1.2rem;
  right: 1.2rem;
  width: 7.46667rem;
  height: 7.46667rem;
}

@media screen and (max-width: 920px) {
  .daizo-link .daizo-link-stamp__accent {
    top: 2.83333rem;
    right: 2.33333rem;
    width: 6.5rem;
    height: 6.5rem;
  }
}

.daizo-link .daizo-link-official {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4.66667rem;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  padding: 0 8.66667rem 0 9.33333rem;
  height: 17.33333rem;
  background-color: #fff;
  border: 0.13333rem solid #583938;
  border-radius: 9999px;
}

@media screen and (max-width: 920px) {
  .daizo-link .daizo-link-official {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 2.5rem;
    padding: 4.33333rem 3rem 7rem 3rem;
    height: auto;
    margin: 0 auto;
    max-width: 29.58333rem;
  }
}

.daizo-link .daizo-link-official__title {
  width: 27.33333rem;
  height: 4.53333rem;
  margin-bottom: 0.8rem;
}

@media screen and (max-width: 920px) {
  .daizo-link .daizo-link-official__title {
    width: 20.83333rem;
    height: 4.33333rem;
    margin-bottom: 1rem;
  }
}

.daizo-link .daizo-link-official__title img {
  -o-object-fit: contain;
     object-fit: contain;
}

.daizo-link .daizo-link-official__desc {
  font-size: 1.06667rem;
  font-weight: bold;
  color: #352020;
  line-height: calc(30 / 16);
}

@media screen and (max-width: 920px) {
  .daizo-link .daizo-link-official__desc {
    font-size: 1.16667rem;
    line-height: calc(30 / 14);
  }
}

.daizo-link .daizo-link-official__visual {
  width: 17.6rem;
  height: 14.93333rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

@media screen and (max-width: 920px) {
  .daizo-link .daizo-link-official__visual {
    width: 16.66667rem;
    height: 13.75rem;
  }
}