@charset "UTF-8";
.movie {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  aspect-ratio: 16/9;
  mask-image: url("../img/mask-image.svg");
  mask-repeat: no-repeat;
  mask-position: 0 0;
  mask-size: 100%;
  /* Chrome, Safari用 */
  -webkit-mask-image: url("../img/mask-image.svg");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 0 0;
  -webkit-mask-size: 100%;
}
.movie .header-logo {
  position: absolute;
  width: max(146px, 30.31vw);
}
.movie video {
  width: 100%;
  height: 100%;
}

.about {
  padding: 0 20px;
  margin-top: -200px;
  padding-top: 200px;
  position: relative;
}
@media (max-width: 599px) {
  .about {
    padding: 0;
    margin-top: -200px;
    padding-top: 200px;
  }
}
.about::before {
  content: "";
  display: block;
  background-image: url(../img/back-pattern.png);
  width: 100%;
  height: 48.23%;
  position: absolute;
  top: -8.75vw;
  left: 0;
  right: 0;
  z-index: -1;
}
.about .section-inner .about__contents {
  margin-top: 40px;
  background: #fff;
  padding: 60px;
  border-radius: 26px;
  margin-bottom: min(100px, 6.86vw);
  position: relative;
}
@media (max-width: 599px) {
  .about .section-inner .about__contents {
    padding: 20px;
  }
}
.about .section-inner .about__contents .about-logo {
  width: min(500px, 34.72vw);
  margin: 0 auto min(60px, 8.57vw);
}
@media (max-width: 599px) {
  .about .section-inner .about__contents .about-logo {
    width: 92px;
    margin-top: -50px;
  }
}
.about .section-inner .about__contents .about-title {
  color: var(--color-primary);
  font-size: clamp(2.1rem, 4.38vw, 6.3rem);
  line-height: 1.65;
  text-align: center;
  margin-bottom: min(60px, 4.17vw);
}
.about .section-inner .about__contents .about-title span {
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
  display: inline-block;
  background-image: repeating-linear-gradient(45deg, transparent 0 12px, #fff9bd 12px 24px);
  background-repeat: no-repeat;
  background-size: 100% 30%;
  background-position: 0 74%;
}
@media (max-width: 599px) {
  .about .section-inner .about__contents .about-title span {
    background-image: repeating-linear-gradient(45deg, transparent 0 6px, #fff9bd 6px 12px);
  }
}
.about .section-inner .about__contents .about__contents__tx {
  font-size: clamp(1.5rem, 1.51vw, 2.9rem);
}
.about .section-inner .about__contents .about__contents__tx .maintext {
  margin-bottom: max(6.94vw, 60px);
}
.about .section-inner .about__contents .about__contents__tx .maintext p {
  margin-bottom: min(5.71vw, 30px);
}
@media (max-width: 599px) {
  .about .section-inner .about__contents .about__contents__tx .maintext p {
    line-height: 1.8;
  }
}
.about .section-inner .about__contents .about__contents__tx .maintext span {
  display: block;
}
.about .section-inner .about__contents .illust.ill-kaki {
  background-image: url(../img/ill/ill-kaki.png);
  width: clamp(38px, 9.79vw, 141px);
  aspect-ratio: 19/17;
  top: 5%;
  right: 7%;
  z-index: 1;
}
@media (max-width: 599px) {
  .about .section-inner .about__contents .illust.ill-kaki {
    top: 3%;
  }
}
.about .section-inner .about__contents .illust.ill-grape-gr {
  background-image: url(../img/ill/ill-grape-gr.png);
  width: clamp(44px, 8.75vw, 126px);
  aspect-ratio: 63/83;
  top: 19%;
  left: 4%;
  z-index: 1;
}
@media (max-width: 599px) {
  .about .section-inner .about__contents .illust.ill-grape-gr {
    top: 4%;
  }
}
.about .section-inner .about__contents .illust.ill-nashi {
  background-image: url(../img/ill/ill-nashi.png);
  width: clamp(38px, 10.71vw, 183px);
  aspect-ratio: 1/1;
  bottom: 19%;
  right: -4%;
  z-index: 1;
}
@media (max-width: 599px) {
  .about .section-inner .about__contents .illust.ill-nashi {
    bottom: unset;
    top: 24.3%;
    right: 9%;
  }
}
.about .section-inner .about__contents .illust.ill-grape-prpl {
  background-image: url(../img/ill/ill-grape-prpl.png);
  width: clamp(41px, 8.54vw, 123px);
  aspect-ratio: 2/3;
  bottom: 29%;
  left: -4%;
  z-index: 1;
}
@media (max-width: 599px) {
  .about .section-inner .about__contents .illust.ill-grape-prpl {
    bottom: 4%;
    right: 5%;
    left: unset;
  }
}
.about .section-inner .about__contents .illust.ill-girl1 {
  background-image: url(../img/ill/ill-girl1.png);
  width: clamp(53px, 12.08vw, 174px);
  aspect-ratio: 87/128;
  bottom: 4%;
  left: 14%;
  z-index: 1;
}
@media (max-width: 599px) {
  .about .section-inner .about__contents .illust.ill-girl1 {
    bottom: 2%;
    left: 8%;
  }
}

.products .section-inner {
  padding-bottom: min(120px, 18.29vw);
}
.products .section-inner .title {
  width: 61.67vw;
  margin: 0 auto min(226px, 11.43vw);
}
@media (max-width: 599px) {
  .products .section-inner .title {
    width: 100%;
  }
}
.products .section-inner .products-list .products-list__item {
  position: relative;
  margin-bottom: max(12.5vw, 70px);
}
.products .section-inner .products-list .products-list__item .products-title {
  font-size: clamp(2.6rem, 4.17vw, 8rem);
  color: #fff;
  width: clamp(100px, 18.13vw, 348px);
  height: clamp(100px, 18.13vw, 348px);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  line-height: 1.2;
  position: absolute;
}
.products .section-inner .products-list .products-list__item .products-title span {
  display: block;
  font-size: clamp(1.3rem, 1.72vw, 3.3rem);
  line-height: 1.2;
}
.products .section-inner .products-list .products-list__item .products-title .period {
  display: inline-block;
  padding: 2% 5%;
  background-color: #624549;
  margin-top: 0.63vw;
}
.products .section-inner .products-list .products-list__item .products-list__item__img {
  position: relative;
  margin-bottom: 48px;
}
.products .section-inner .products-list .products-list__item .products-list__item__img::before {
  content: "";
  display: block;
  width: clamp(90px, 17.19vw, 330px);
  height: clamp(90px, 17.19vw, 330px);
  position: absolute;
  z-index: 1;
}
.products .section-inner .products-list .products-list__item .products-list__item__img::after {
  content: "";
  display: block;
  width: clamp(120px, 24.11vw, 423px);
  height: clamp(120px, 24.11vw, 423px);
  position: absolute;
  z-index: 1;
}
.products .section-inner .products-list .products-list__item .maintext {
  line-height: 2;
  margin-bottom: min(60px, 8.57vw);
}
.products .section-inner .products-list .products-list__item .products-name-list {
  font-size: clamp(1.4rem, 1.72vw, 3.3rem);
  line-height: 1;
  color: #fff;
  display: flex;
  justify-content: center;
  gap: clamp(4px, 0.52vw, 10px);
  margin-bottom: min(54px, 3.75vw);
}
.products .section-inner .products-list .products-list__item .products-name-list li {
  padding: 0.4% 1.6%;
}
@media (max-width: 599px) {
  .products .section-inner .products-list .products-list__item .products-name-list li {
    padding: 1% 1.6%;
  }
}
.products .section-inner .products-list .products-list__item.products1 .products-list__item__img .products-title {
  background: url(../img/back-circle-orange.png) no-repeat center/contain;
  right: 0;
  top: 0;
  translate: -10% -40%;
}
.products .section-inner .products-list .products-list__item.products1 .products-list__item__img::before {
  background: url(../img/products1-sub1.png) center/contain no-repeat;
  left: 0;
  top: 0;
  translate: -10% -40%;
}
.products .section-inner .products-list .products-list__item.products1 .products-list__item__img::after {
  background: url(../img/products1-sub2.png) center/contain no-repeat;
  right: 0;
  bottom: 0;
  translate: 10% 40%;
}
.products .section-inner .products-list .products-list__item.products1 .bt.bt-secondary {
  background: #f29739;
}
.products .section-inner .products-list .products-list__item.products1 .circle.circle_01 {
  background-color: #846dae;
  width: clamp(22px, 7.36vw, 106px);
  aspect-ratio: 1/1;
  top: -27%;
  left: -2%;
}
@media (max-width: 599px) {
  .products .section-inner .products-list .products-list__item.products1 .circle.circle_01 {
    top: 52%;
    left: -1%;
  }
}
.products .section-inner .products-list .products-list__item.products1 .circle.circle_02 {
  background-color: #e6c463;
  width: clamp(64px, 13.75vw, 198px);
  aspect-ratio: 1/1;
  top: -27%;
  right: -2%;
}
@media (max-width: 599px) {
  .products .section-inner .products-list .products-list__item.products1 .circle.circle_02 {
    top: unset;
    bottom: 1%;
    left: unset;
    right: -16%;
  }
}
.products .section-inner .products-list .products-list__item.products1 .circle.circle_03 {
  background-color: #64a7ba;
  width: clamp(18px, 5.43vw, 119px);
  aspect-ratio: 1/1;
  top: 23%;
  right: -7%;
}
.products .section-inner .products-list .products-list__item.products1 .circle.circle_04 {
  background-color: #bbce30;
  width: clamp(42px, 12vw, 148px);
  aspect-ratio: 1/1;
  bottom: -3%;
  left: -11%;
}
@media (max-width: 599px) {
  .products .section-inner .products-list .products-list__item.products1 .circle.circle_04 {
    bottom: -36%;
  }
}
.products .section-inner .products-list .products-list__item.products1 .illust.ill-kaki {
  background-image: url(../img/ill/ill-kaki.png);
  width: clamp(38px, 9.79vw, 141px);
  aspect-ratio: 19/17;
  bottom: 24%;
  left: 2%;
  transform: rotate(312deg);
}
@media (max-width: 599px) {
  .products .section-inner .products-list .products-list__item.products1 .illust.ill-kaki {
    bottom: 0;
  }
}
.products .section-inner .products-list .products-list__item.products1 .illust.ill-girl2 {
  background-image: url(../img/ill/ill-girl2.png);
  width: clamp(50px, 12.78vw, 184px);
  aspect-ratio: 19/17;
  bottom: 0;
  right: 2%;
}
@media (max-width: 599px) {
  .products .section-inner .products-list .products-list__item.products1 .illust.ill-girl2 {
    bottom: -1%;
    right: 5%;
  }
}
.products .section-inner .products-list .products-list__item.products2 .products-list__item__img {
  margin-bottom: min(5.71vw, 30px);
}
.products .section-inner .products-list .products-list__item.products2 .products-list__item__img .products-title {
  color: #614448;
  background: url(../img/back-circle-lightgreen.png) no-repeat center/contain;
  left: 0;
  top: 0;
  translate: 10% -40%;
}
.products .section-inner .products-list .products-list__item.products2 .products-list__item__img .products-title .period {
  color: #fff;
}
.products .section-inner .products-list .products-list__item.products2 .products-list__item__img::before {
  background: url(../img/products2-sub1.png) center/contain no-repeat;
  right: 0;
  top: 0;
  translate: 10% -40%;
}
.products .section-inner .products-list .products-list__item.products2 .products-list__item__img::after {
  background: url(../img/products2-sub2.png) center/contain no-repeat;
  left: 0;
  bottom: 0;
  translate: -50% 40%;
}
@media (max-width: 599px) {
  .products .section-inner .products-list .products-list__item.products2 .products-list__item__img::after {
    translate: -10% 0;
  }
}
.products .section-inner .products-list .products-list__item.products2 .products-name-list li {
  background-color: var(--color-secondary);
}
.products .section-inner .products-list .products-list__item.products2 .bt.bt-secondary {
  background: var(--color-secondary);
}
.products .section-inner .products-list .products-list__item.products2 .circle.circle_05 {
  background-color: #ebb6b3;
  width: clamp(40px, 7.78vw, 112px);
  aspect-ratio: 1/1;
  bottom: 33%;
  right: -2%;
}
@media (max-width: 599px) {
  .products .section-inner .products-list .products-list__item.products2 .circle.circle_05 {
    top: 40%;
    right: -9%;
  }
}
.products .section-inner .products-list .products-list__item.products2 .illust.ill-nashi {
  background-image: url(../img/ill/ill-nashi.png);
  width: clamp(48px, 15.63vw, 225px);
  aspect-ratio: 1/1;
  bottom: 6%;
  right: 3%;
  transform: rotate(22deg);
}
@media (max-width: 599px) {
  .products .section-inner .products-list .products-list__item.products2 .illust.ill-nashi {
    bottom: 1%;
    right: 1%;
  }
}
.products .section-inner .products-list .products-list__item.products2 .illust.ill-baby1 {
  background-image: url(../img/ill/ill-baby1.png);
  width: clamp(40px, 9.72vw, 140px);
  aspect-ratio: 70/89;
  bottom: -3%;
  left: 10%;
}
@media (max-width: 599px) {
  .products .section-inner .products-list .products-list__item.products2 .illust.ill-baby1 {
    bottom: 0%;
    left: 5%;
  }
}
.products .section-inner .products-list .products-list__item.products3 .products-list__item__img {
  margin-bottom: max(1.56vw, 30px);
}
.products .section-inner .products-list .products-list__item.products3 .products-list__item__img .products-title {
  background: url(../img/back-circle-purple.png) no-repeat center/contain;
  right: 0;
  top: 0;
  translate: 10% -40%;
}
.products .section-inner .products-list .products-list__item.products3 .products-list__item__img::before {
  background: url(../img/products3-sub1.png) center/contain no-repeat;
  left: 0;
  top: 0;
  translate: 10% -40%;
}
.products .section-inner .products-list .products-list__item.products3 .products-list__item__img::after {
  background: url(../img/products3-sub2.png) center/contain no-repeat;
  right: 0;
  bottom: 0;
  translate: 20% 40%;
}
@media (max-width: 599px) {
  .products .section-inner .products-list .products-list__item.products3 .products-list__item__img::after {
    translate: 10% 0;
  }
}
.products .section-inner .products-list .products-list__item.products3 .products-name-list li:first-child {
  background-color: #bbce30;
}
.products .section-inner .products-list .products-list__item.products3 .products-name-list li:not(:first-child) {
  background-color: #846dae;
}
.products .section-inner .products-list .products-list__item.products3 .bt.bt-secondary {
  background: #846dae;
}
.products .section-inner .products-list .products-list__item.products3 .circle.circle_06 {
  background-color: #f29739;
  width: clamp(30px, 10.08vw, 162px);
  aspect-ratio: 1/1;
  top: 23%;
  left: unset;
  right: -7%;
}
@media (max-width: 599px) {
  .products .section-inner .products-list .products-list__item.products3 .circle.circle_06 {
    top: 46%;
    left: -2%;
  }
}
.products .section-inner .products-list .products-list__item.products3 .illust.ill-grapes {
  background-image: url(../img/ill/ill-grapes.png);
  width: clamp(62px, 17.06vw, 268px);
  aspect-ratio: 26/27;
  bottom: 14%;
  left: 0;
}
@media (max-width: 599px) {
  .products .section-inner .products-list .products-list__item.products3 .illust.ill-grapes {
    bottom: 0;
    right: 1%;
    left: unset;
  }
}
.products .section-inner .products-list .products-list__item.products3 .illust.ill-girl3 {
  background-image: url(../img/ill/ill-girl3.png);
  width: clamp(53px, 12.08vw, 174px);
  aspect-ratio: 87/128;
  bottom: -8.8%;
  left: 14%;
}
@media (max-width: 599px) {
  .products .section-inner .products-list .products-list__item.products3 .illust.ill-girl3 {
    bottom: -1.5%;
    left: 4%;
  }
}
.products .section-inner .products-list .products-list__item.products4 .products-list__item__img .products-title {
  background-color: #ffb4b4;
  border-radius: 50%;
  left: 0;
  top: 0;
  translate: 10% -40%;
}
.products .section-inner .products-list .products-list__item.products4 .products-list__item__img::before {
  background: url(../img/products4-sub1.png) center/contain no-repeat;
  right: 0;
  top: 0;
  translate: 10% -40%;
}
.products .section-inner .products-list .products-list__item.products4 .products-list__item__img::after {
  background: url(../img/products4-sub2.png) center/contain no-repeat;
  left: 0;
  bottom: 0;
  translate: -40% 40%;
}
@media (max-width: 599px) {
  .products .section-inner .products-list .products-list__item.products4 .products-list__item__img::after {
    translate: -10% 30%;
  }
}
.products .section-inner .products-list .products-list__item.products4 .circle.circle_07 {
  background-color: #846dae;
  width: clamp(36px, 10.08vw, 106px);
  aspect-ratio: 1/1;
  top: 51%;
  right: -8%;
}
@media (max-width: 599px) {
  .products .section-inner .products-list .products-list__item.products4 .circle.circle_07 {
    top: 50%;
    right: -2%;
  }
}
.products .section-inner .products-list .products-list__item.products4 .circle.circle_08 {
  background-color: #b2c537;
  width: 27px;
  aspect-ratio: 1/1;
  display: none;
}
@media (max-width: 599px) {
  .products .section-inner .products-list .products-list__item.products4 .circle.circle_08 {
    display: block;
    top: 86%;
    left: 1%;
  }
}
.products .section-inner .products-list .products-list__item.products4 .illust.ill-boy1 {
  background-image: url(../img/ill/ill-boy1.png);
  width: clamp(60px, 13.89vw, 237px);
  aspect-ratio: 87/128;
  bottom: -8.8%;
  right: -6%;
}
@media (max-width: 599px) {
  .products .section-inner .products-list .products-list__item.products4 .illust.ill-boy1 {
    bottom: -6.5%;
    right: -7%;
  }
}
.products .section-inner .products-list .products-list__item.products5 .products-list__item__img .products-title {
  background-color: #e6c463;
  border-radius: 50%;
  right: 0;
  top: 0;
  translate: 10% -40%;
}
.products .section-inner .products-list .products-list__item.products5 .products-list__item__img::before {
  background: url(../img/products5-sub1.png) center/contain no-repeat;
  left: 0;
  top: 0;
  translate: 10% -40%;
}
.products .section-inner .products-list .products-list__item.products5 .products-list__item__img::after {
  background: url(../img/products5-sub2.png) center/contain no-repeat;
  right: 0;
  bottom: 0;
  translate: 20% 40%;
}
@media (max-width: 599px) {
  .products .section-inner .products-list .products-list__item.products5 .products-list__item__img::after {
    translate: 10% 30%;
  }
}
.products .section-inner .products-list .products-list__item.products5 .circle.circle_09 {
  background-color: #e6c463;
  width: clamp(30px, 10.08vw, 163px);
  aspect-ratio: 1/1;
  bottom: 20%;
  left: -4%;
}
@media (max-width: 599px) {
  .products .section-inner .products-list .products-list__item.products5 .circle.circle_09 {
    bottom: 28%;
    right: -4%;
    left: unset;
  }
}
.products .section-inner .products-list .products-list__item.products5 .circle.circle_10 {
  background-color: #b2c537;
  width: clamp(30px, 10.08vw, 148px);
  aspect-ratio: 1/1;
  bottom: -19%;
  right: 1%;
}
@media (max-width: 599px) {
  .products .section-inner .products-list .products-list__item.products5 .circle.circle_10 {
    display: none;
  }
}
.products .section-inner .products-list .products-list__item.products5 .circle.circle_11 {
  background-color: #e8923c;
  width: 22px;
  aspect-ratio: 1/1;
  display: block;
}
@media (max-width: 599px) {
  .products .section-inner .products-list .products-list__item.products5 .circle.circle_11 {
    display: block;
    bottom: -8%;
    right: 12%;
  }
}
.products .section-inner .products-list .products-list__item.products5 .illust.ill-boy2 {
  background-image: url(../img/ill/ill-boy2.png);
  width: clamp(53px, 13.89vw, 260px);
  aspect-ratio: 87/128;
  bottom: -39%;
  left: 4%;
}
@media (max-width: 599px) {
  .products .section-inner .products-list .products-list__item.products5 .illust.ill-boy2 {
    bottom: -22%;
    left: 2%;
  }
}
.products .section-inner .products-list .products-list__item.products5 .illust.ill-kome {
  background-image: url(../img/ill/ill-kome.png);
  width: clamp(136px, 27.78vw, 418px);
  aspect-ratio: 209/157;
  bottom: -6%;
  left: -7.9%;
  z-index: 1;
}
@media (max-width: 599px) {
  .products .section-inner .products-list .products-list__item.products5 .illust.ill-kome {
    bottom: 36.5%;
    right: -7%;
  }
}
.products .section-inner > .bt.bt-secondary {
  font-size: clamp(1.5rem, 2.29vw, 3.3rem);
}/*# sourceMappingURL=style.css.map */